@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	color:#FFFFFF;
}
body{
	font-size:12px;
	background-color:#000000;
}
.clear{
	float:none;
	margin:0 auto;
	padding:0;
	clear:both;
}

/*---  外側  ---*/
#wrap{
	width:960px;
	height:100%;
	float:none;
	clear:both;
	margin:0 auto;
	padding:0;
}

#content-body{
	width:960px;
	height:100%;
	float:left;
	clear:both;
	margin:0;
	padding:0;
}

/*---  タイトル部  ---*/

#title{
	width:960px;
	height:100%;
	float:left;
	clear:both;
}
#title h1{
	width:960px;
	height:100%;
	float:left;
	clear:both;
	font-size:10px;
	font-weight:300;
	line-height:1.5;
}
#title .main-img{
	width:960px;
	height:100px;
	float:left;
	clear:both;
}
#title .main-img h1{
	width:960px;
	height:100px;
	float:left;
	clear:both;
}
#title .index-img{
	width:960px;
	height:335px;
	margin:0;
	padding:0;
	float:left;
	clear:both;
	z-index:1;
	position: relative;
	left: 0px;
	top: 0px;
}

/*---  メニュー部  ---*/
#menu{
	width:960px;
	height:43px;
	float:left;
	clear:both;
	margin-bottom:10px;
}
#menu ul{
	width:960px;
	height:43px;
	float:left;
	clear:both;
	list-style:inside;
	list-style-type:none;
}
#menu li.toppage{
	float:left;
}
#menu li.toppage a{
	display:block;
	width:160px;
	height:0px;
	line-height:1.4;
	padding-top:43px;
	background-image:url(../image/menu_toppage.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
}
#menu li.toppage a:hover{
	background-image:url(../image/menu_toppage-on.jpg);
}
#menu li.information{
	float:left;
}
#menu li.information a{
	display:block;
	width:167px;
	height:0px;
	line-height:1.4;
	padding-top:43px;
	background-image:url(../image/menu_info.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
}
#menu li.information a:hover{
	background-image:url(../image/menu_info-on.jpg);
}
#menu li.service{
	float:left;
}
#menu li.service a{
	display:block;
	width:159px;
	height:0px;
	line-height:1.4;
	padding-top:43px;
	background-image:url(../image/menu_ser-sup.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
}
#menu li.service a:hover{
	background-image:url(../image/menu_ser-sup-on.jpg);
}
#menu li.about{
	float:left;
}
#menu li.about a{
	display:block;
	width:160px;
	height:0px;
	line-height:1.4;
	padding-top:43px;
	background-image:url(../image/menu_about.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
}
#menu li.about a:hover{
	background-image:url(../image/menu_about-on.jpg);
}
#menu li.contact{
	float:left;
}
#menu li.contact a{
	display:block;
	width:160px;
	height:0px;
	line-height:1.4;
	padding-top:43px;
	background-image:url(../image/menu_contact.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
}
#menu li.contact a:hover{
	background-image:url(../image/menu_contact-on.jpg);
}
#menu li.qanda{
	float:left;
}
#menu li.qanda a{
	display:block;
	width:154px;
	height:0px;
	line-height:1.4;
	padding-top:43px;
	background-image:url(../image/menu_qandq.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
}
#menu li.qanda a:hover{
	background-image:url(../image/menu_qandq-on.jpg);
}
/*---  フッター部  ---*/
#footer{
	width:960px;
	height:85px;
	background-image:url(../image/footer-bg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	float:left;
	clear:both;
	margin:0;
	padding:15px 0 10px;
}

#footer p.copy{
	width:600px;
	height:100%;
	float:left;
	line-height:1.3;
	margin:0 1px;
	padding:0 9px;
}
#footer p.footlink{
	width:300px;
	height:100%;
	float:right;
	line-height:1.3;
	margin:0 1px;
	padding:0 9px;
}

/*---  コンテンツ部　index  ---*/

#cont1{
	width:725px;
	height:100%;
	float:left;
}


#cont1 .feature{
	width:725px;
	height:100%;
	float:left;
	clear:both;
}
#cont1 .feature h3{
	width:725px;
	height:20px;
	float:left;
	clear:both;
}
#cont1 .feature h4{
	width:700px;
	float:left;
	clear:both;
	padding:5px 5px 5px 10px;
	font-size:16px;
	color:#FFFF00;
}
#cont1 .feature p{
	float:left;
	clear:both;
	margin:5px;
	line-height:1.4;
	width: 700px;
}


#cont1 .movie{
	float:left;
	width:351px;
	margin-top: 10px;
}
#cont1 .movie dl{
	width:350px;
	height:100%;
	float:left;
	clear:both;
	border-bottom:#999999 dashed 1px;
}
#cont1 .movie dl dt.dtl{
	width:160px;
	height:100%;
	float:left;
	padding:10px 0;
}
#cont1 .movie dl dd.ddl{
	width:185px;
	height:100%;
	float:right;
	padding:10px 0;
	line-height:1.4;
}
#cont1 .movie dl dt.dtr{
	width:160px;
	height:100%;
	float:right;
	padding:10px 0;
}
#cont1 .movie dl dd.ddr{
	width:185px;
	height:100%;
	float:left;
	padding:10px 0;
	line-height:1.4;
}

#cont1 .color{
	float:right;
	width:351px;
	margin-top: 10px;
}
#cont1 .color dl{
	width:170px;
	height:100%;
	float:left;
	margin:5px 1px;
}
#cont1 .color p{
	padding:5px 0;
}
#cont2{
	float:right;
	width:230px;
	height:100%;
}



/*--- about-body ---*/
#about-body{
	width:960px;
	height:100%;
	float:left;
	clear:both;
	margin:0;
	padding:0;
}
#about-body .aboutmain{
	width:510px;
	height:100%;
	float:left;
	margin:15px 0px 10px;
	padding:0;
}
#about-body .aboutmain h2{
	width:510px;
	height:20px;
	float:left;
	clear:both;
}
#about-body .aboutmain h4{
	width:510px;
	height:100%;
	float:left;
	clear:both;
	font-size:14px;
	line-height:1.5;
	color:#FFFF00;
}
#about-body .aboutmain p{
	line-height:1.4;
	width:510px;
	float:left;
	margin:10px 0;
	padding:0;
}
#about-body .aboutimg{
	width:415px;
	height:260px;
	float:right;
	margin:15px 0px 10px;
	padding:0;
}
#about-body .countryimg{
	width:420px;
	height:200px;
	float:left;
	margin:15px 0px 10px;
	padding:0;
}
#about-body .country-about{
	width:510px;
	height:100%;
	float:right;
	margin:15px 0px 10px;
	padding:0;
}
#about-body .country-about dl{
	width:510px;
	height:100%;
	float:left;
	clear:both;
	margin:5px 0;
	padding:0;
}
#about-body .country-about dt{
	float:left;
	clear:both;
	font-size:14px;
	font-weight:700;
	margin:5px 0;
	padding:0;
	color:#FFFF00;
}
#about-body .country-about dd{
	float:left;
	clear:both;
	line-height:1.4;
	margin:5px 0;
	padding:0;
}
#about-body .country-about p{
	width:510px;
	height:100%;
	float:left;
	margin:15px 0px 10px;
	padding:0;
	font-size: 14px;
	font-weight: 700;
}
#about-body .country-about p a{
	color:#99FFFF;
}
#about-body .country-about p a:hover{
	color:#FF0000;
}
/*--- qanda-body ---*/
#qanda-body{
	width:960px;
	height:100%;
	float:left;
	clear:both;
	margin:0;
	padding:0;
}
#qanda-body .qa-title{
	width:960px;
	height:20px;
	float:left;
	margin:15px 0px 10px;
	padding:0;
}
#qanda-body .qa-index{
	width:750px;
	height:100%;
	float:none;
	clear:both;
	margin:5px auto;
}
#qanda-body .qa-index h2{
	width:750px;
	height:20px;
	float:none;
	clear:both;
	margin:0;
}
#qanda-body .qa-index ul{
	width:370px;
	height:100%;
	float:left;
	margin:5px 0;
	list-style:inside;
	list-style-type: none;
}
#qanda-body .qa-index li{
	float:left;
	width:360px;
	clear:both;
	line-height: 1.3;
	margin: 3px 0;
	color: #FFFF00;
	font-size:14px;
	padding: 3px;
}
#qanda-body .qa-index li a{
	line-height:1.3;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
}
#qanda-body .qa-index li a:hover{
	color:#FF66FF;
}
#qanda-body .qa-cont{
	width:800px;
	height:100%;
	float:none;
	clear:both;
	margin:20px auto;
	padding:0;
}
#qanda-body .qa-cont h3{
	width:700px;
	height:100%;
	margin:5px;
	padding:5px 0 5px 10px;
	float:left;
	clear:both;
	background-image:url(../image/qanda/qa-h3.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	color:#000000;
	font-size: 14px;
	font-weight: 700;
}
#qanda-body .qa-cont dl{
	float:left;
	clear:both;
	width:800px;
	height:100%;
}
#qanda-body .qa-cont dt{
	width:750px;
	height:100%;
	background-image:url(../image/qanda/q.jpg);
	background-position:5px 5px;
	background-repeat:no-repeat;
	font-size:14px;
	padding:10px 0 10px 40px;
	margin-bottom: 5px;
}
#qanda-body .qa-cont dd{
	width:700px;
	height:100%;
	background-image:url(../image/qanda/a.jpg);
	background-position:5px 5px;
	background-repeat:no-repeat;
	font-size:14px;
	padding:10px 0 10px 40px;
	margin-left:50px;
	line-height: 1.4;
}
#qanda-body .qa-cont p{
	width:800px;
	height:100%;
	float:none;
	clear:both;
	text-align: right;
}
#qanda-body .qa-cont dd table,
#qanda-body .qa-cont dd table th,
#qanda-body .qa-cont dd table td{
	border:#CCCCCC solid 1px;
}
#qanda-body .qa-cont dd table th,
#qanda-body .qa-cont dd table td{
	padding:3px;
}
#qanda-body .qa-cont dd table th{
	background-color:#333333;
}
#qanda-body .qa-cont dd table{
	width:200px;
	float:left;
	margin-left:5px;
}





/*--- contact-body ---*/
#contact-body{
	width:650px;
	height:100%;
	float:none;
	clear:both;
	margin:0 auto;
	padding:0;
}
#contact-body input,
#contact-body textarea{
	color:#000000;
}

#contact-body .contact-title{
	width:650px;
	height:20px;
	float:left;
	margin:15px 0px 10px;
	padding:0;
}
#contact-body .form-body{
	width:650px;
	height:100%;
	float:left;
	padding-bottom:15px;
}
#contact-body .form-body table{
	float:left;
}
#contact-body .form-body table tr th{
	font-size:12px;
	text-align:left;
	padding:5px;
	background-color:#333333;
	border-bottom:#FFFFFF solid 1px;
	width:200px;
}
#contact-body .form-body table tr td{
	font-size:12px;
	text-align:left;
	padding:5px;
	background-color:#111111;
	border-bottom:#FFFFFF solid 1px;
	color:#FFFFFF;
	width: 430px;
}
#contact-body .form-body span{
	color:#FFFF00;
	clear: both;
	float: left;
}
#contact-body .form-body option{
	color:#000000;
}
div#mailfrom_hidden_object {
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#contact-body .formthanks-body{
	width:650px;
	height:100%;
	float:left;
	padding-bottom:15px;
}
#contact-body .formthanks-body p{
	width:650px;
	height:100%;
	float:left;
	clear:both;
	padding-bottom:10px;
	line-height:1.5;
}
#contact-body .formthanks-body .thanks-txt{
	width:600px;
	height:100%;
	float:left;
	padding:15px;
}

/*--- service-body ---*/

#service-body{
	width:960px;
	height:100%;
	float:left;
	clear:both;
	margin:0;
	padding:0;
}
#service-body .service-title{
	width:960px;
	height:20px;
	float:left;
	margin:15px 0px 10px;
	padding:0;
}
#service-body .service-title h2{
	width:960px;
	height:20px;
	float:left;
	margin:0;
	padding:0;
}
#service-body .howtobuy-text{
	width:550px;
	height:100%;
	float:left;
	margin:0;
	padding:0;
}
#service-body .howtobuy-text p{
	margin:10px;
	line-height:1.5;
}
#service-body .howtobuy-text h3{
	width:500px;
	float:none;
	clear:both;
	margin:20px auto 10px;
	padding:0;
	font-size:14px;
	color:#FFFF00;
	
}
#service-body .howtobuy-text ul{
	width:500px;
	float:none;
	clear:both;
	margin:10px auto;
	padding:0;
	list-style:inside;
	list-style-type: none;
}
#service-body .howtobuy-text li{
	float:left;
	clear:both;
	width:460px;
	line-height:1.5;
	background-image:url(../image/service/lir.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
}
#service-body .howtobuy-img{
	width:400px;
	height:100%;
	float:right;
	margin:0;
	padding:0;
}
#service-body .howtobuy-img img{
	padding:10px;
}
#service-body .howtobuy-alfa{
	width:400px;
	height:100%;
	float:left;
	margin:0;
	padding:0;
}
#service-body .howtobuy-alfa-title{
	width:400px;
	height:20px;
	float:left;
	clear:both;
	margin:0;
	padding:0;
}
#service-body .howtobuy-alfa-text{
	width:400px;
	height:100%;
	float:left;
	clear:both;
	margin:0;
	padding:0;
}
#service-body .howtobuy-alfa-text h3{
	width:400px;
	height:100%;
	float:left;
	clear:both;
	margin:10px 0 5px;
	padding:0;
	font-size: 14px;
}
#service-body .howtobuy-alfa-text p{
	width:400px;
	height:100%;
	float:left;
	clear:both;
	margin:10px 0;
	padding:0;
	line-height:1.5;
}
#service-body .howtobuy-bata{
	width:530px;
	height:100%;
	float:right;
	margin:0;
	padding:0;
}
#service-body .howtobuy-bata-title{
	width:530px;
	height:20px;
	float:left;
	clear:both;
	margin:0;
	padding:0;
}
#service-body .howtobuy-bata-text{
	width:530px;
	height:100%;
	float:left;
	margin:0;
	padding:0;
}
#service-body .howtobuy-bata-text h3{
	width:350px;
	height:100%;
	float:left;
	clear:both;
	margin:10px 0 5px;
	padding:0;
	font-size: 14px;
}
#service-body .howtobuy-bata-text p{
	width:530px;
	height:100%;
	float:left;
	clear:both;
	margin:10px 0;
	padding:0;
	line-height:1.5;
}
#service-body .howtobuy-bata-img{
	width:175px;
	height:100%;
	float:right;
	margin:5px 0;
	padding:0;
}
#service-body .howtobuy2{
	width:960px;
	height:100%;
	float:left;
	clear:both;
	margin:0;
	padding:0;
}
#service-body .howtobuy2 .howtobuy-flowbox{
	width:200px;
	height:100%;
	margin:0 0 15px;
	padding:0;
	float:left;
}
#service-body .howtobuy2 .howtobuy-flowbox dl{
	width:200px;
	height:100%;
	margin:0;
	padding:0;
	float:left;
}
#service-body .howtobuy2 .howtobuy-flowbox dt{
	width:200px;
	height:100%;
	margin:5px 0;
	padding:0;
	float:left;
	font-size:14px;
	color:#FFFF00;
	font-weight:700;
}
#service-body .howtobuy2 .howtobuy-flowbox dd{
	width:200px;
	height:100%;
	margin:0;
	padding:0;
	float:left;
	line-height: 1.5;
}


#service-body .howtobuy2 .howtobuy-flowr{
	width:50px;
	height:200px;
	background-image:url(../image/service/howtobuy-img_yajirishi.jpg);
	background-position:center;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	float:left;
}

/*--- info-body ---*/
#info-body{
	width:960px;
	height:100%;
	float:left;
	clear:both;
	margin:0;
	padding:0;
}
#info-body .info-movie{
	width:960px;
	height:100%;
	float:left;
	clear:both;
	margin:0;
	padding:0;
}
#info-body .info-movie h3{
	width:960px;
	height:20px;
	float:left;
	clear:both;
	margin:0;
	padding:0;
}
#info-body .info-movie dl{
	width:230px;
	height:100%;
	float:left;
	margin:0;
	padding:5px;
}
#info-body .info-movie dt{
	width:230px;
	height:190px;
	float:left;
	clear:both;
	margin:0;
	padding:0;
	position: bottom;
}
#info-body .info-movie dd{
	width:230px;
	height:100%;
	float:left;
	clear:both;
	line-height:1.4;
}

#info-body .info-specification{
	width:960px;
	height:100%;
	float:left;
	clear:both;
}
#info-body .info-specification h2{
	width:960px;
	height:20px;
	float:left;
	clear:both;
}
#info-body .info-specification h4{
	width:940px;
	height:100%;
	float:left;
	clear:both;
	line-height:1.5;
	font-size:14px;
	font-weight:700;
	margin: 1px;
	padding: 9px;
}
#info-body .info-specification p{
	width:960px;
	height:100%;
	float:left;
	clear:both;
}
#info-body .spec-box1{
	width:460px;
	height:100%;
	float:left;
	margin:10px 0 5px;
}
#info-body .spec-box1 h3{
	width:460px;
	height:20px;
	float:left;
	margin:0;
	padding:0;
}
#info-body .spec-box1 h4{
	width:120px;
	height:100%;
	float:left;
	margin:0;
	padding:5px;
	font-weight:700;
	font-size: 12px;
	background-color: #333333;
}
#info-body .spec-box1 dl{
	width:300px;
	height:100%;
	float:right;
	margin:0;
	padding:0 5px;
	border-bottom:#FFFFFF solid 1px;
}
#info-body .spec-box1 dt{
	width:110px;
	height:100%;
	float:left;
	margin:0;
	padding:5px;
}
#info-body .spec-box1 dd{
	width:170px;
	height:100%;
	float:right;
	margin:0;
	padding:5px;
}
#info-body .spec-box1 ul{
	width:380px;
	height:100%;
	float:right;
	margin:0;
	padding:0;
	list-style:inside;
	list-style-type:none;
}
#info-body .spec-box1 li{
	width:380px;
	height:100%;
	float:right;
	margin:0;
	padding:5px;
	border-bottom:#FFFFFF solid 1px;
	list-style-type:none;
}




#info-body .spec-box2{
	width:460px;
	height:100%;
	float:right;
	margin:10px 0 5px;
}
#info-body .spec-box2 h3{
	width:460px;
	height:20px;
	float:left;
	margin:0;
	padding:0;
}
#info-body .spec-box2 h4{
	width:60px;
	height:100%;
	float:left;
	margin:0;
	padding:5px;
	font-weight:700;
}
#info-body .spec-box2 dl{
	width:380px;
	height:100%;
	float:right;
	margin:0;
	padding:0 5px;
	border-bottom:#FFFFFF solid 1px;
}
#info-body .spec-box2 dt{
	width:120px;
	height:100%;
	float:left;
	margin:0;
	padding:5px;
}
#info-body .spec-box2 dd{
	width:230px;
	height:100%;
	float:right;
	margin:0;
	padding:5px;
}
#info-body .spec-box2 ul{
	width:400px;
	height:100%;
	float:right;
	margin:0;
	padding:0;
	list-style:inside;
	list-style-type:none;
}
#info-body .spec-box2 li{
	width:380px;
	height:100%;
	float:right;
	margin:0;
	padding:5px;
	border-bottom:#FFFFFF solid 1px;
	list-style-type:none;
}

#info-body .accessories{
	width:960px;
	height:100%;
	margin:10px 0;
	padding:0;
	float:left;
	clear:both;
}
#info-body .accessories h2{
	width:960px;
	height:20px;
	margin:0;
	padding:0;
	float:left;
	clear:both;
}
#info-body .accessories dl.acc-s{
	width:200px;
	height:100%;
	margin:10px;
	padding:0;
	float:left;
}
#info-body .accessories dl.acc-s dt{
	width:200px;
	margin:0;
	padding:0;
	float:left;
	clear:both;
}
#info-body .accessories dl.acc-s dd{
	width:200px;
	margin:0;
	padding:5px 0;
	float:left;
	clear:both;
	font-weight:700;
}

#info-body .accessories dl.acc-w{
	width:400px;
	height:100%;
	margin:10px;
	padding:0;
	float:left;
}
#info-body .accessories dl.acc-w dt{
	width:400px;
	margin:0;
	padding:0;
	float:left;
	clear:both;
}
#info-body .accessories dl.acc-w dd{
	width:400px;
	margin:0;
	padding:5px 0;
	float:left;
	clear:both;
	font-weight:700;
}
#info-body .accessories dl.acc-l{
	width:450px;
	height:100%;
	margin:10px;
	padding:0;
	float:left;
}
#info-body .accessories dl.acc-l dt{
	width:450px;
	margin:0;
	padding:0;
	float:left;
	clear:both;
}
#info-body .accessories dl.acc-l dd{
	width:450px;
	margin:0;
	padding:5px 0;
	float:left;
	clear:both;
	font-weight:700;
}
#info-body .accessories ul{
	width:960px;
	height:100%;
	float:left;
	clear:both;
	list-style:inside;
	list-style-type:none;
	margin: 10px 0;
}
#info-body .accessories li{
	width:960px;
	float:left;
	list-style-type:none;
	font-size:14px;
	line-height:1.4;
}

/*--- link-body ---*/
#link-body{
	width:960px;
	height:100%;
	float:left;
	clear:both;
	margin:10px 0;
	padding:0;
}
#link-body .link-cont{
	width:600px;
	height:100%;
	float:left;
	margin:10px 0;
	padding:0;
}
#link-body .link-cont h2{
	width:600px;
	height:20px;
	margin:0;
	padding:0;
	float:left;
	clear:both;
}
#link-body .link-cont dl{
	width:600px;
	height:100%;
	float:left;
	clear:both;
	margin:0;
	padding:0;
	border-bottom:#FFFFFF solid 1px;
}
#link-body .link-cont dt{
	width:260px;
	height:100%;
	float:left;
	text-align:center;
	padding:10px 0;
}
#link-body .link-cont dd{
	width:330px;
	height:100%;
	float:right;
	padding:10px 0;
	line-height:1.5;
}
#link-body .link-cont dd strong{
	font-weight:700;
	font-size:14px;
	color:#FF0000;
}

#link-body .link-img{
	width:320px;
	height:340px;
	float:right;
	margin:10px 0;
}
