@charset "utf-8";

html {
	background-color:transparent;
	background: url(../images/top_bg_body.gif) center top repeat-x;
}
#container { width:1000px; margin: 25px auto 0; }
#contents { width:1000px; float:none; margin: 0 auto; }

.block { 
	width:980px;
	height:auto;
	margin: 0 auto;
}


/** mainImage **/
#mainImage {
	width:980px;
	height:360px;
	margin: 0 auto;
}
#mainImage h2 {
	margin:0;
	padding:0;
}


/** contents **/

/* topAbout */
#topAbout {
	width:1000px;
	height:270px;
	background: url(../images/top_bg_about.jpg) no-repeat left top;
	position:relative;
}
#topAbout h3#about {
	position:absolute;
	top:25px;
	left:95px;
}
#topAbout h3#example {
	position:absolute;
	top:40px;
	left:635px;
}
#topAbout #text1 {
	position:absolute;
	top:75px;
	left:25px;
	margin:0;
	padding:0;
}
#topAbout #text2 {
	width:430px;
	position:absolute;
	top:140px;
	left:25px;
	margin:0;
	padding:0;
}
#topAbout #text3 {
	width:320px;
	position:absolute;
	top:128px;
	left:636px;
	margin:0;
	padding:0;
}
#topAbout #btn1 {
	position:absolute;
	top:230px;
	left:358px;
}
#topAbout #btn2 {
	position:absolute;
	top:214px;
	right:44px;
	width: 297px;
}


/* topReason */
#topReason {
	width:980px;
	height:auto;
	margin: 0 auto 20px;
}
.topReasonBox {
	width:480px;
	height:160px;
	margin-bottom:15px;
	position:relative;
}
.topReasonBox h4 {
	width:160px;
	height:160px;
	margin-right:15px;
	float:left;
}
.topReasonBox .textBox {
	width:280px;
	padding-top:10px;
	float:left;
}
.topReasonBox ul {
	margin-bottom:20px;
}
.topReasonBox li {
	width:265px;
	padding:5px 0;
	padding-left:15px !important;
	border-bottom:dotted 2px #8899aa;
}
#topReason01 li { background: url(../images/list_red.gif) no-repeat 0 11px; }
#topReason02 li { background: url(../images/list_org.gif) no-repeat 0 11px; }
#topReason03 li { background: url(../images/list_grn.gif) no-repeat 0 11px; }
#topReason04 li { background: url(../images/list_blu.gif) no-repeat 0 11px; }


/* Banner */
#topBannerTrial {
	width:980px;
	height:240px;
	margin: 0 auto 30px;
	background: url(../images/top_banner_trial.jpg) no-repeat;
	position:relative;
}
#topBannerTrial a {
	position:absolute;
	top:134px;
	left:610px;
}

#topBannernewreg {
	width:980px;
	height:240px;
	margin: 0 auto 30px;
	background: url(../images/top_banner_newreg.jpg) no-repeat;
	position:relative;
}
#topBannernewreg a {
	position:absolute;
	top:134px;
	left:610px;
}


#topBannerSakugenKouka {
	width:980px;
	height:520px;
	margin: 0 auto 30px;
	background: url(../images/980kouka_sokutei.gif) no-repeat;
	position:relative;
}
#topBannerSakugenKouka a {
	position:absolute;
	top:397px;
	left:36px;
}

#topBannerSP {
	width:980px;
	height:280px;
	margin: 0 auto 30px;
	position:relative;
}

#topBannerAUTO {
	width:980px;
	height:280px;
	margin: 0 auto 30px;
	position:relative;
}
#topBannerAUTO2 {
	width:1000px;
	height:350px;
	margin: 0 auto 30px;
	position:relative;
}


#topLinkBlock {
	width:360px;
	height:auto;
	float:right;
}
#topLinkBlock .topBanner {
	width:360px;
	height:120px;
}
#topLinkBlock #bannerVoice a {
	width:185px;
	height:68px;
	padding:52px 160px 0 15px;
	color:#333333;
	background: url(../images/top_banner_voice.jpg) no-repeat;
	background-position:0 0;
	display:block;
}
#topLinkBlock #bannerFAQ a {
	width:185px;
	height:68px;
	padding:52px 160px 0 15px;
	color:#333333;
	background: url(../images/top_banner_faq.jpg) no-repeat;
	background-position:0 0;
	display:block;
}
#topLinkBlock #bannerVoice a:hover,
#topLinkBlock #bannerFAQ a:hover {
	background-position: 0 -120px;
}


/*
#topLinkBlock p {
	position:absolute;
	top:52px;
	left:10px;
	width:190px;
}
*/


/* topNews */
#topNews {
	width:600px;
	float:left;
}
#topNews iframe {
	width:598px;
	height:203px;
	border: 1px #8899aa solid;
}






#topBannernewreg2 {
	width:980px;
	height:430px;
	margin: 0 auto 30px;
}
