@charset "utf-8";

*{
	margin:0;
	padding:0;
	 font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	letter-spacing:0.05em;
}
h1,h2,h3,h4,h5,h6{ font-size:100%; }
a{ text-decoration:none; color:#c00; }
a:hover{ text-decoration:underline; color:#f00;}
a img{ border:0; }
/* LOGO RED  : 99181b */
/* LOGO BLUE : 003e83 */


body{
	background:#fff;
}
h1{
	width:880px;
	margin:0 auto;
	padding:20px 40px;
}
h1 a img{ border:0; }


#wrap{
	width:960px;
	margin:20px auto 0 auto;
}
.content{
	width:880px;
	padding:0 40px;
	float:left;
	/*
	background:#fee;
	*/
}
.content h2{
	font-size:120%;
	width:400px;
	color:#99181b;
	margin-bottom:10px;
	line-height:130%;
}
.content h3{
	font-size:110%;
	width:400px;
	color:#003e83;
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:1px solid #003e83;
	padding-bottom:5px;
}
.rublist{
	border-top:3px dotted #99181b;
	padding-top:20px;
	margin:20px 0;
}
.rublist h3{
	width:300px;
	float:left;
	border:0;
}
.rublist h4{
	color:#99181b;
	float:left;
	margin-bottom:10px;
}
.rublist p.lead{
	white-space:nowrap;
	width:400px;
	float:right;
}
.rublist p.lead strong span{
	letter-spacing:-0.05em;
}
.rublist p.caution{
	font-size:80%;
	color:#333;
	float:left;
}
.rublist p.prodinfo{
	font-size:90%;
	float:left;
}
.rublist .prodimg{
	float:right;
	width:400px;
}
.rublist .prodimages{
	clear:left;
	display:block;
	float:left;
}
.rublist .prodimg p{
	float:right;
	width:400px;
	margin-bottom:20px;
}
.rublist .prodimg p.prodinfo{
	color:#003e83;
}
.rublist .prodimg p.caution{
}
.rubmini p.lead,
.rubmini .prodimg p{
	width:440px;
}



#mv{
	clear:left;
	float:left;
	width:420px;
	padding:0px;
}
#lead{
	float:right;
	width:420px;
}
#lead p{
	font-size:90%;
	line-height:180%;
	letter-spacing:0.025em;
}
#lead ol,
#theory ul{
	width:400px;
	font-size:90%;
	padding-left:20px;
	line-height:130%;
}
#lead ol li,
#theory ul li{
	margin-bottom:0.5em;
	letter-spacing:0.025em;
}
#theory{
	width:880px;
	float:left;
	padding-top:20px;
	margin-top:20px;
	border-top:1px solid #ccc;
}
#theory h2{
	float:left;
	width:420px;
}

.zukai{
	width:420px;
	float:right;
}
.zukai img{
	width:252px;
	display:block;
	float:left;
}
.zukai p{
	width:140px;
	font-size:80%;
	float:right;
}
#zukai2{
	margin-top:40px;
	width:332px;
	display:block;
	float:right;
	padding-right:88px;
}
#theory ul{
	float:left;
	margin-bottom:20px;
}

#footer{
	clear:both;
	border-top:1px solid #ccc;
	color:#666;
	text-align:center;
	padding:20px 0 40px 0;
	font-size:12px;
}

table{
	border-collapse:collapse;
}
/* .productlist : RUBLOC TABLE // */
.productlist{
	float:left;
	border:1px solid #999;
	margin-top:20px;
}
.productlist th,
.productlist td{
	padding:5px 10px;
	border:1px solid #ccc;
}
.productlist th span{
	font-size:80%;
}

.productlist td{
	white-space:normal;
	font-size:90%;
}

.productlist ul{
	padding:10px 10px 0 20px;
}
.productlist li{
	line-height:130%;
	margin-bottom:0.25em;
	white-space:normal;
}
.productlist li span{
	background:#eaf6fd;
	padding:3px 5px;
}
.productlist th.koumoku{
	font-size:90%;
	white-space:nowrap;
}
.productlist td.zaishitu{
	white-space:nowrap;
}

.productlist .skyblue{
	text-align:center;
	background-color:#eaf6fd;
}
.productlist td.skyblue{
	padding-left:30px;
}
.productlist td .red{ color:#900; }
.productlist td .bul{ color:#009; }
.productlist td .grn{ color:#090; }

.productlist .drkgry{ background-color:#dfe5e7; }
.productlist .beige{ background-color:#fdf6ed; }
/* // .productlist : RUBLOC TABLE */

.atmflist{
	border-color:#003e83;
}
.atmflist h3{
	border-bottom:1px solid #e6a13b;
}

.atomuf0000 h3,
.atomuf1000 h3,
.atomuf5000 h3,
.atomuf6000 h3,
.atomuf0000 h4,
.atomuf1000 h4,
.atomuf5000 h4,
.atomuf6000 h4{ width:880px; }

.atomuf2000 h3,
.atomuf3000 h3,
.atomuf4000 h3,
.atomuf2000 h4,
.atomuf3000 h4{ width:420px; }
/* .atomuf4000 h4 */

.atomuf2000,
.atomuf3000,
.atomuf4000{
	width:420px;
	float:left;
}
.atomuf3000,
.atomuf4000{
	margin-left:40px;
	_margin-left:20px;
}
.atomuf4000{
	margin-top:40px;
}

.atmflist .mv{
	float:left;
	display:block;
}
.atmflist .sv{
	margin-top:20px;
	float:left;
	display:block;
}

.atomuf0000 .mv{
	width:300px;
	margin-right:80px;
	_margin-right:40px;
}

.atomuf1000 .mv{
	width:205px;
	margin-right:60px;
	_margin-right:30px;
}
.atomuf2000 .mv{
	width:185px;
}
.atomuf3000 .mv{
	width:167px;
	padding-top:40px;
	padding-right:18px;
}
.atomuf2000 .mv,
.atomuf3000 .mv{
	margin-right:10px;
	_margin-right:5px;
}

.atomuf5000 .mv{
	width:240px;
	margin-right:60px;
	_margin-right:30px;
}

.atomuf6000 .mv{
	width:200px;
	margin-right:40px;
	_margin-right:20px;
}

.atomuf0000 .sv{
	width:360px;
}
.atomuf1000 .sv{
	width:180px;
	float:left;
	margin-right:40px;
	_margin-right:20px;
}
.atomuf6000 .sv{
	width:260px;
	margin-right:0px;
}





.atmflist ul{
	font-size:90%;
	padding-left:20px;
}
.atomuf0000 ul,
.atomuf1000 ul,
.atomuf2000 ul,
.atomuf3000 ul,
.atomuf4000 ul,
.atomuf5000 ul{ float:left; }

.atomuf6000 ul{ float:right; }

.atomuf0000 ul{ width:480px; }
.atomuf1000 ul{ width:370px; }
.atomuf5000 ul{ width:360px; }
.atomuf6000 ul{ width:320px; }

.atomuf2000 ul,
.atomuf3000 ul{ width:200px; }
.atomuf4000 ul{ width:400px; }


.atomuf0000 ul.atomuf1,
.atomuf1000 ul.atomuf1,
.atomuf2000 ul.atomuf1,
.atomuf3000 ul.atomuf1,
.atomuf5000 ul.atomuf1,
.atomuf6000 ul.atomuf1{
	list-style-type:square;
	color:#e38c39;
	font-weight:bold;
}

.atomuf4000 ul,
.atmflist ul.atomuf2{ margin-top:20px; }

.atomuf5000 div{
	width:134px;
	float:left;
	margin-right:60px;
}


.atmflist p{
	width:420px;
	float:left;
	clear:right;
	margin-top:10px;
}

.atomuf0000 p{ font-size:80%; }
.atomuf5000 p{ font-size:70%; }


/* LOGO RED  : 99181b */
/* LOGO BLUE : 003e83 */
/* ORANGE : #e6a13b; */
.prodex{
	background:#f0f9fe;
	margin-top:20px;
}
.prodex h2{
	color:#003e83;
	width:880px;
	float:left;
	margin:20px 0;
	border-bottom:1px solid #003e83;
}
.prodex p{
	font-size:90%;
}
.prodex ul{
	width:880px;
}
.prodex li{
	display:block;
	float:left;
	width:205px;
	margin-right:20px;
}
.prodex ul li div{
	height:100px;
	margin-bottom:10px;
}
.prodex ul li div img{
	vertical-align:bottom;
}
.prodex ul li dl{
	display:inline;
}
.prodex dt{
	display:inline;
	padding:3px 5px;
	color:#fff;
	background:#253f88;
}
.prodex dd{
	font-size:80%;
	display:block;
	margin-top:10px;
}

/* LOGO RED  : 99181b */
/* LOGO BLUE : 003e83 */
/* ORANGE : #e6a13b; */

address{
	font-style:normal;
	width:380px;
	float:left;
	margin-bottom:10px;
}

#aboutus{
	width:380px;
	float:left;
	padding:0 0 40px 40px;
}
#aboutus h2,
#aboutus h3{
	clear:left;
	float:left;
	width:380px;
}
#aboutus dl,
#aboutus ul{
	font-size:90%;
	width:380px;
}
#aboutus dt{
	font-weight:bold;
	clear:left;
	min-width:6em;
}

#aboutus dt,
#aboutus dd{
	display:block;
	float:left;
	padding:3px 5px;
}

#aboutus ul{
	float:left;
	padding-left:20px;
}
#aboutmap{
	padding:0 40px 0 0;
	width:430px;
	float:right;
}
#aboutmap iframe{
	border:1px solid #ccc;
	padding:4px;
}
#aboutmap small a{
	font-size:80%;
}