@charset "utf-8";

/*-------------------------------------------------------------------------------------
  body
-------------------------------------------------------------------------------------*/
body {
	background: #eee;
	color: #333;
	font-size: 0.9em;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	line-height: 1.7em;
	min-width: 990px;
}


/*-------------------------------------------------------------------------------------
  link color
-------------------------------------------------------------------------------------*/
a:link{color:#c60;text-decoration:none;}
a:visited{color:#c60;text-decoration:none;}
a:hover{color:#c60;text-decoration:underline;}

/*-------------------------------------------------------------------------------------
  #container
-------------------------------------------------------------------------------------*/
#container{
	width:900px;
	margin:0 auto;
	border-right:1px solid #c2c2c2;
	border-left:1px solid #c2c2c2;
	background:#fff;
}


/*-------------------------------------------------------------------------------------
  #header
-------------------------------------------------------------------------------------*/
#header {
	width:900px;
	height:140px;
	position:relative;
	overflow:hidden;
	background:url("../images/common/hnav_bg.gif") bottom left repeat-x;
	margin-bottom: 20px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
}

#header p,#header dl,#header ul{
	position:absolute;
}

#header p{
	top:16px;
	left:16px;
}
#header dl{
	top:10px;
	left:527px;
	width:361px;
	overflow:hidden;

}
#header ul{
	top:86px;
	left:0;
	width:900px;
	overflow:hidden;
	background:url("../images/common/hnav_link_method.gif") top left no-repeat;
	height: 60px;
}

#header ul li{
	float:left;
}

#header ul li a{display:block;}
#header ul li a:hover {background:transparent;}
#header ul li a:hover img{visibility:hidden;}

#header dl dt{
	padding:0 15px 0 0;
	width:89px;
	margin:0 0 0 255px;
}

#header dl dd{
	padding:10px 10px 0 0;
	float:left;
}

#hnav-sitemap{background:url("../images/common/hnav_sitemap_ro.gif") top left no-repeat;}
#hnav-points{background:url("../images/common/hnav_material_ro.gif") bottom left no-repeat;}
#hnav-application{background:url("../images/common/hnav_appli_ro.gif") bottom left no-repeat;}
#header dl dt a{display:block;}
#header dl dt a:hover {background:transparent;}
#header dl dt a:hover img{visibility:hidden;}
#header dl dd a{display:block;}
#header dl dd a:hover {background:transparent;}
#header dl dd a:hover img{visibility:hidden;}
/*-------------------------------------------------------------------------------------
  #footer
-------------------------------------------------------------------------------------*/
#footer {
	clear:both;
	width:900px;
}

#footer .pageTop{
	border-bottom:1px solid #c3c3c3;
	padding:10px 10px 5px 0;
}

#footer dl{
	width:880px;
	padding:10px 0 0 20px;
	overflow:hidden;
}

#footer dl dt{
	float:left;
	width:250px;
	padding:0 20px 0 0;
	font-size: 12px;
	font-weight: bold;
}

#footer dl dd{
	float:left;
	width:600px;
}

#footer dl dd ul{
	width:737px;
	overflow:hidden;
	padding:4px 0 0 0;
}

#footer dl dd ul li{
	display:inline;
	padding:0 10px;
	font-size:0.7em;
	border-right:1px solid #666;
}
#footer p{
	text-align:right;
	padding:0 10px 10px 10px;
	font-size:0.7em;
}

#footer a{
	color:#000;
}

/*-------------------------------------------------------------------------------------
  #main
-------------------------------------------------------------------------------------*/
#main-sub{
	padding:15px 0 0 0;
	overflow:hidden;
}

#main{
	float:right;
	width:630px;
	padding:15px 43px 0 0;
	_height:795px;
	min-height:500px;
}

#main h1{
	margin:0 0 20px 0;
}
#main h2{
	margin:0 0 20px 0;
}

#main h2.line01{
	background-color: #F0F0E1;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #C4AC09;
	font-size: 110%;
}

#main h3{
	margin:0 0 10px 0;
}

#main p{
	padding:0 0 20px 0;
}

#main p.imgR{
	float:right;
	padding:0 0 15px 15px;
}
#main p.imgL{
	float:left;
	padding:0 15px 15px 0;
}

#main p.txtR{
	text-align:right;
	padding:10px 10px 20px 10px;
}

#main dl{
	padding:0 0 20px 0;
}
#main dl dt{
	padding:0 0 10px 0;
}
#main dl dd{
	padding:0 0 30px 0;
}

#main .in{
	padding-left:13px;
}

#main dl.line dd{
	border-bottom:1px solid #ccc;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}

#main .mini{
	font-size:0.8em;
	line-height:1.4em;
}

#main .closein{
	margin-top:10em;
	padding-left:13px;
	text-align:center;
}

/*-------------------------------------------------------------------------------------
  #sub
-------------------------------------------------------------------------------------*/
#sub{
	float:left;
	width:186px;
}

#sub ul{
	background: #e83836;
}

#sub ul li{
	width:186px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	padding-right: 0px;
}

#sub ul li a{
	display:block;
	width:151px;
	padding:10px 0 10px 35px;
	height:20px;
	color:#fff;
}
#sub ul li a:hover {
	background:url("../images/common/snav_link.gif") bottom left repeat-x;
	color: #e83836;
}

#sub ul li a.active{
	background:url("../images/common/snav_link.gif") bottom left repeat-x;
	color: #e83836;
}


.red{
	color:#c33;
}

span.no1{color:#039;}
span.no2{color:#096;}
span.no3{color:#606;}
span.no3b{color:#c06;}
span.no4{color:#c60;}
span.enji{color:#B3424A;}


.product_title{
	color: #FFF;
	background-color: #054994;
	padding: 8px;
	text-align: left;
}
.product_img{
	margin: 0px;
	padding: 0px;
}

.product_box{
	padding: 15px;
}

.product_box table td{
	padding: 2px;
}

.product_box .caption{
	color: #990;
	text-align: center;
	margin-top: 5px;
}
.product_box ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.product_box ul li{
	background-image: url(../images/icon_kaku_2.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 13px;
	list-style-type: none;
}

.product_sub{
	padding: 5px;
	border: 1px solid #CCC;
	text-align: left;
}

.icon_mail{
	background-image: url(../images/common/icon_mail.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 55px;
	margin-left: 25px;
}