@charset "utf-8";


body#under{
	background:url(../img/header-bg-under.gif) repeat-x top;
}


/* under global
----------------------------------------------------------------------------*/

#under #contents{
	width:750px;
	margin-left:20px;
}

#under #contents h1{
	background:url(../img/product-bg.gif) repeat-x bottom;
	padding:20px;
	margin-bottom:5px;
	font-size:150%;
}

#under #contents #pan-navi{
	text-align:right;
	padding:5px 0 0;
	font-size:90%;
	letter-spacing:1px;
}

#under #contents h2{
	color:#666;
	margin:30px 0 20px 20px;
	display:none;
}

#under #contents .box{
	margin:0 auto;
	width:710px;
/*	padding:0 20px;*/
}


#under #contents h3{
	margin:25px 0 20px;/*40px 0 15px*/
	padding-left:25px;
	background:url(../img/h2-bg.gif) no-repeat left;
	width:750px;
	height:32px;
	line-height:32px;
	font-weight:bold;
	clear:both;
}

#under #contents h4{
	background:url(../img/arrow2.gif) no-repeat left;
	padding-left:25px;
	margin-bottom:20px;
}


#under #contents .stripe-table .even-row{/*テーブル偶数行*/
	background:#e8f2fa;/*d1e4f5*/
}


/* table1
----------------------------------------------------------------------------*/

#under #contents .table1{
	margin:1em 0;
	text-align:center;
	font-size:100%;
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
}

#under #contents .table1 th,
#under #contents .table1 td{
	border:1px solid #CCC;
}

#under #contents .table1 th{
	border:1px solid #b1c9de;
/*	background:#e8f2fa;*/
	white-space:nowrap;
	font-weight:bold;
}

#under #contents .table1 td{
	text-align:left;
	padding-left:2em;
}

#under #contents .table1 th a{
	display:block;
	background:url(../img/arrow1.gif) no-repeat 5px 18px;
	padding:1em 1em 1em 2em;
}

#under #contents .table1 th a:hover{
/*	background:url(../img/arrow3.gif) no-repeat 0 0;*/
	background:url(../img/arrow1.gif) no-repeat 10px 18px #bcdffa;
	text-decoration:none;
}

#under #contents .table1 .th1{
	padding:1em;
	font-weight:bold;
	background:#99c5ec;/*85bae9*/
/*	border:1px solid #719ec7;
	color:#FFF;*/
	text-align:center;
	font-size:110%;
	border:1px solid #5798d1;
}

#under #contents .table1 th a{
}

#under #contents .table1 th span{
	padding:1em 1em 1em 2em;
	display:block;
	color:#006eb3;/*474747*/
}


/* table2
----------------------------------------------------------------------------*/

#under #contents .table2{
	margin:10px 0 20px;
	font-size:100%;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}

#under #contents .table2 th,
#under #contents .table2 td{
	padding:1em;
}

#under #contents .table2 th{
	text-align:center;
/*	border:1px dotted #999;
	background:url(../img/th-bg.gif);*/
	white-space:nowrap;
	background:#b8d6ed;
	border:1px solid #8ebbdd;
}

#under #contents .table2 td{
	background:#fdfcf4;/**/
	border:1px solid #CCC;
}


/* table3
----------------------------------------------------------------------------*/

#under #contents .table3{
	margin:30px 0 0;
	text-align:center;
	font-size:100%;
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
}

#under #contents .table3 caption{
	background:url(../img/arrow2.gif) no-repeat 0 5px;
	padding-left:25px;
	font-size:120%;
	margin:10px 0;
	font-weight:bold;
}


#under #contents .table3 th,
#under #contents .table3 td{
}

#under #contents .table3 th{
	text-align:left;
	border:1px solid #b1c9de;
	white-space:nowrap;
	border:1px solid #CCC;
	padding:0 0 0 1em;
	padding:0.5em;
}

#under #contents .table3 td{
	border:1px solid #CCC;
/*	letter-spacing:0;*/
}

#under #contents .table3 .th-model{
	font-weight:bold;
	font-size:120%;
	padding:1em 0;
	background:#85bae9;
	text-align:center;
}

#under #contents .table3 .th1{
	background:#e8e8e8;
}

#under #contents .attention{
	padding:30px 0 0;
}

#under #contents .space0{
	letter-spacing:0;
}


/* product
----------------------------------------------------------------------------*/

#under #contents #product h2{
	display:block;
}

#under #contents #product ul{
/*	margin:0 25px;*/
}

#under #contents #product ul li{
	margin:3px 0;
	line-height:170%;
}

#under #contents #product ul li a{
	background:url(../img/arrow1.gif) no-repeat 7px 7px;
	padding-left:22px;
	display:block;
}

#under #contents #product ul li a:hover{
	background:url(../img/arrow1.gif) no-repeat 7px 7px #f4f4f4;
}

#under #contents #product .product-img{
	text-align:center;
	padding:30px 0;
}

#under #contents #product .product-img img{
	padding:0 10px;
}

.this-inquiry{
	text-align:center;
	margin:50px 0 0;
}

#under #contents #product th a{
	background:url(../img/arrow3.gif) no-repeat left;
	padding-left:25px;
	min-height:20px;
}


#under #contents .dynamo-img{
	padding:0;
	text-align:center;
}


/* contact
----------------------------------------------------------------------------

.mailform{
	border-collapse: separate;
	border-spacing:3px;
}

.mailform th,
.mailform td{
	border:1px dotted #999;
	margin:5px;
}

.mailform th{
	white-space:nowrap;
}
.mailform th span{
	display:block;
	color:#666;
	letter-spacing:0px;
}

.mailform th .must{
	float:left;
}

.mailform td{
}*/

/*contact table

#under #contents table{
	width:inherit;
	margin:inherit;
}

#under #contents th,
#under #contents td{
	padding:inherit;
}

#under #contents th{
	border:inherit;
	background:inherit;
	white-space:inherit;
	text-align:inherit;
}

#under #contents .mailform td{
	background:inherit;
	border:inherit;
}*/

#under #contents .product_contact{
	text-align:center;
	margin:40px auto 0;
}

#under #contents .product_contact_btn{
	border:none;
	width:351px;
	height:80px;
	background:url(../img/this-inquiry.gif) no-repeat;
	cursor:pointer;
	outline:none;
	text-align:center;
}


#under #contents .contact-info{
	padding:15px;
	border:1px solid #CCC;
	margin:10px;
	background: #F7F7F7;
}

#under #contents .contact-info dl{
	background:url(../img/arrow2.gif) no-repeat 0 4px;
	padding-left:25px;
}

#under #contents .contact-info dt{
	float:left;
}

#under #contents .contact-info dd{
	margin-left:5em;
}

#under #contents .contact-info p{
	background:url(../img/arrow2.gif) no-repeat 0 19px;
	padding:15px 0 0 25px;
}

/* company
----------------------------------------------------------------------------*/

#under #contents .office-h3{
	margin-bottom:30px;
}

#under #contents .office{
	clear:both;
}

#under #contents .office h4{
	border-bottom:1px dotted #999;
	font-size:110%;
	line-height:200%;
/*	background:none;
	padding-left:0;*/
}


#under #contents .office table{
	width:430px;
	float:left;
	margin:0 0 50px 10px;
	font-size:100%;
}/*
#under #contents .office table th,
#under #contents .office table td{
	padding:4px 0.5em;
}
#under #contents .office table th{
	text-align:center;
	border:1px dotted #999;
	background:url(../img/th-bg.gif);
	white-space:nowrap;
}
#under #contents .office table td{
	border:1px dotted #999;
	background:#faf9ea;
}*/


#under #contents .office p{
	float:right;
	margin-right:10px;
}

#under #contents .office p img{
	padding:5px;
	border:1px solid #CCC;
}

#under #contents .toMap{
	margin-left:1em;
}

#under #contents .map table{
	margin:0 auto;
	font-size:100%;
	width:80%;
}

/*
#under #contents .map table th,
#under #contents .map table td{
	padding:4px 0.5em;
}
#under #contents .map table th{
	text-align:center;
	border:1px dotted #999;
	background:url(../img/th-bg.gif);
	white-space:nowrap;
}
#under #contents .map table td{
	border:1px dotted #999;
	background:#faf9ea;
}

*/
#under #contents .map .office-img{
	text-align:center;
	margin:30px 0;
}
#under #contents .map .office-img img{
	padding:5px;
	border:1px solid #CCC;
}

#under #contents .map .map-img{
	text-align:center;
}

#under #contents .map .map-img img{
	padding:5px;
	border:1px solid #CCC;
}


/* flow
----------------------------------------------------------------------------*/

#under #contents .flow{
	padding-top:20px;
	text-align:center;
}

#under #contents .flow ol{
	width:90%;
	text-align:left;
	margin:0 auto;
}

#under #contents .flow ol dt{
	font-weight:bold;
	color:#2c7ec3;
	font-size:120%;
	padding-bottom:5px;
}

#under #contents .flow ol dd{
	background:#f6f6f6;
	border:1px solid #d7d7d7;
	padding:15px;
}

#under #contents .flow ol dd img{
	padding:0 0 0 10px;
}

#under #contents .flow ol li{
	background:url(../../img/flow/arrow3.gif) no-repeat bottom center;
	padding-bottom:50px;
	margin-bottom:20px;
}

#under #contents .flow ol li.last{
	background:none;
}

#under #contents .flow a.arrow{
	background:url(../img/arrow1.gif) no-repeat 0 5px;
	padding-left:20px;
}


/* policy
----------------------------------------------------------------------------*/

#under #contents .policy{
	color:#666;
	padding:20px 30px;
	list-style-type:none;
}

.policy li{
	text-align:left;
	border-bottom:dotted 1px #666666;
	padding:0 0 10px 0;
	margin:0 0 5px 0;
}



/* qa
----------------------------------------------------------------------------*/

#qa .qa-li{
	padding:0;
	margin:0;
}

#qa .qa-li a{
	display:block;
	line-height:200%;
	margin:3px 0;
	_zoom:1;
}

#qa .qa-li a:hover{
	background:#e7f4ff;
	text-decoration:none;
}

#qa .qa-dl{
	padding-top:20px;
}

#qa .qa-dl dt,
#qa .qa-dl dd{
	padding-left:50px;
	clear:both;
}

#qa .qa-dl dt{
	background:url(../../img/qa/q.gif) no-repeat left top;
	min-height:33px;
	margin-bottom:10px;
	font-size:120%;
	font-weight:bold;
	line-height:33px;
}

#qa .qa-dl dd{
	background:url(../../img/qa/a.gif) no-repeat left top;
	min-height:33px;
	margin-bottom:30px;
	border-bottom:1px dotted #999;
	padding-bottom:20px;
}


/* sitemap
----------------------------------------------------------------------------*/

#under #contents .sitemap-ul{
/*	padding:0 0 20px 20px;*/
	clear:both;
	padding-bottom:20px;
}

#under #contents .sitemap-ul li{
/*	background:url(../img/arrow2.gif) no-repeat 0 5px;*/
	padding:0 15px 5px 15px;
	float:left;
	width:205px;
/*	margin:0 15px 0;*/
}

#under #contents .sitemap-ul li span{
	font-weight:bold;
	padding-left:10px;
	border-left:6px solid #69AAD2;
	border-bottom:1px solid #69AAD2;
	display:block;
}

#under #contents .sitemap-ul li ul{
	padding-top:10px;
	padding-bottom:10px;
}

#under #contents .sitemap-ul li li{
	background:url(../img/arrow1.gif) no-repeat 0 10px;
	float:inherit;
	width:inherit;
	border-bottom:1px dotted #999;
	line-height:200%;
	margin:0;
	padding:0 0 0 15px;
}

#under #contents .sitemap-ul2{
	padding-bottom:20px;
}

#under #contents .sitemap-ul2 li{
	background:url(../img/arrow1.gif) no-repeat 0 7px;
	padding:0 0 5px 15px;
	border-bottom:1px dotted #999;
	width:190px;
	float:left;
	margin:10px 15px 0;
}

/* terms
----------------------------------------------------------------------------*/

#under #contents .terms{
	margin-top:10px;
}

#under #contents .terms li{
	background:url(../img/arrow2.gif) no-repeat 2px 10px;
	padding:5px 0 5px 30px;
	margin-bottom:15px;
	border-bottom:1px dashed #CCC;
}

#under #contents .terms li:hover{
	background:url(../img/arrow2.gif) no-repeat 2px 10px #e7f4ff;
}




/* three
----------------------------------------------------------------------------*/

.three-ul{
	margin:10px 0 0 50px;
}

.three-ul li{
	float:left;
	margin:5px 0;
}

.three-ul li a{
	display:block;
	background:url(../img/arrow2.gif) no-repeat left;
	font-weight:bold;
	width:320px;
	text-indent:20px;
}

#under #contents .three-h4{
	background:none;
	font-weight: bold;
	font-size:110%;
	margin:0 0 1em;
	padding:0;
	text-indent:0;
	clear:both;
}


/* select
----------------------------------------------------------------------------*/

.select{
	line-height:200%;
}

.select h4{
	background:none !important;
	font-weight:bold;
	margin:30px 0 30px 0 !important;
	padding:0 0 0 10px !important;
	font-size:110%;
	line-height:150%;
	letter-spacing:1px;
	border-left:5px solid #06C;
	color:#06C;
}

.select-illust{
	float:right;
}

.select-ul{
	margin-left:1em;
}

.select-ul li{
}

.select-ul li a{
	background:url(../img/arrow1.gif) no-repeat 0 8px;
	padding-left:17px;
	display:block;
}

.st1{
	background:#FF9;
}

.st2{
	color:#F00;
}

.method{
}

.method li{
	background:url(../img/icon1.gif) no-repeat 7px 12px #f2f2f2;
	padding:5px 10px 5px 29px;
	margin:10px 0;
}

.asterisk{
	padding:5px 0;
}

.asterisk li{
	font-size:85%;
	line-height:150%;
	background: url(../img/asterisk.gif) no-repeat 0 3px;
	padding:0 0 0 15px;
	margin:0;
}

.meyasu{
	margin-top:5px;
}

.meyasu li{
	list-style:circle inside;
	padding:0;
	background:none;
	margin:0;
}

.tyuui{
	border:1px solid #ffb2b2;
	padding:20px;
	margin:50px 0 0 !important;
	background:#fffcd3;
}

.tyuui h3{
	background:url(../../img/select/tyuui.gif) no-repeat 0 0 !important;
	padding-left:50px !important;
	margin:0 0 10px !important;
	font-size:120%;
	display:block;
	width:inherit !important;
}

.tyuui p{
	margin:0 !important;
	padding:0 !important;
}

.hz{
	color:#F00;
	text-align:center;
	font-weight:bold;
	padding:0 0 0 10px;
}