@charset "Shift_JIS";
/* CSS Document */

/*================================================
	reset propaties 
================================================*/

html,body {background:#FFFFFF; color:#666666}

body {font:small "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif; line-height:150%;}
* html body{ height:100%; font-size:small;}


.small{
	font-size:84%;
	line-height:140%;
}

* html body .small{
	font-size:84%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .small { font-size:81%;  }
}




body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}

img {border: none;}

h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}

ul,dl,ol {text-indent:0;}
li {list-style-type:none;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

th,td {text-align: left;}

a{text-decoration:none;}
a:hover{text-decoration:none;}




/*==============================
	#siteHeader
==============================*/

div#siteHeader #siteNavi{display:block;width:960px;height:56px;min-height:1px;}
div#siteHeader dl#siteNavi:after {content: ".";display:block; clear: both;height: 0;visibility: hidden;}
div#siteHeader dl#siteNavi dt{height:56px; width:161px;display:block;float:left;}
div#siteHeader dl#siteNavi dt img{ display:block;}
div#siteHeader dl#siteNavi dd{display:block;}
* html div#siteHeader dl#siteNavi dd{display:inline;}
div#siteHeader dl#siteNavi dd.dd01{width:100px; height:34px;float:left}
div#siteHeader dl#siteNavi dd.dd02{width:100px; height:34px;margin-left:598px;float:left;}
div#siteHeader dl#siteNavi dd.dd03{width:101px; height:34px;float:left;}
div#siteHeader dl#siteNavi dd a span{ visibility:hidden;}
div#siteHeader dl#siteNavi dd.dd01 a{
	display:block; width:100px; height:34px;
	background-image:url(/shared/img/cmn_ut_001.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
div#siteHeader dl#siteNavi dd.dd01 a:hover{background-image:url(/shared/img/cmn_ut_001_o.gif)}
div#siteHeader dl#siteNavi dd.dd02 a{
	display:block; width:100px; height:34px;
	background-image:url(/shared/img/cmn_ut_002.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
div#siteHeader dl#siteNavi dd.dd02 a:hover{background-image:url(/shared/img/cmn_ut_002_o.gif)}
div#siteHeader dl#siteNavi dd.dd03 a{
	display:block;
	width:101px;
	height:34px;
	background-image:url(/shared/img/cmn_ut_003.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
div#siteHeader dl#siteNavi dd.dd03 a:hover{background-image:url(/shared/img/cmn_ut_003_o.gif)}




/*==============================
	#contentArea
==============================*/
body #contentArea{width:961px;background:url(/shared/img/cmn_bg_005.gif) 200px 0px repeat-y;}


/*==============================
	#contentHeader
==============================*/
#contentHeader{
	width:960px;
	height:114px;
	overflow:hidden;
}

#contentHeader div#util{
	width:960px;
	height:37px;
}
#contentHeader div#util #panList{
	display:block;
	width:623px;
	height:37px;
	float:left;
}
#contentHeader div#util #panList ul{
	width:578px;
	margin-left:45px;
	padding-top:5px !important;
}
* html #contentHeader div#util #panList ul{
	height:32px;
}

#contentHeader div#util #panList ul li{
	float:left;
	line-height:32px;
	background:transparent;
	color:#999999;
	font-size:10px;
}
* html #contentHeader div#util #panList ul li{font-size:84%;}


#contentHeader div#util #panList ul li a{
	color:#999999;
}
#contentHeader div#util #panList ul li a:hover{
	color:#cccccc;
	text-decoration:underline;
}
#contentHeader div#util #material{
	width:337px;
	height:37px;
	float:left;
}

#contentHeader #material ul{
	width:337px;
	height:37px;
}
#contentHeader #material ul li{
	display:block;
	width:150px;
	height:37px;
	float:left;
}


#contentHeader #material ul li a{
	display:block;
	width:142px;
	height:37px;
	overflow:hidden;
}
#contentHeader #material ul li a:hover{
	text-decoration:none;
}

#contentHeader #material ul li a span{
	visibility:hidden;
}

#contentHeader div#lnavi{
	width:960px;
	height:77px;
}

#contentHeader div#lnavi{
	width:960px;
	height:77px;
}

#contentHeader div#lnavi dl{
	display:block;
	width:870px;
	height:77px;
	margin-left:45px;
	background:transparent;
}
#contentHeader div#lnavi dt,
#contentHeader div#lnavi dd{
	display:block;
	float:left;
}

#contentHeader div#lnavi dt a,
#contentHeader div#lnavi dd a{
	display:block;
	overflow:hidden;
}

#contentHeader div#lnavi dt a:hover,
#contentHeader div#lnavi dd a:hover{
	text-decoration:none;
}
#contentHeader div#lnavi dt a span,
#contentHeader div#lnavi dd a span{
	visibility:hidden;
}

/*==============================
	#contentBody
==============================*/
#contentBody .cntBlock01,
#contentBody .cntBlock02,
#contentBody .cntBlock03,
#contentBody .cntBlock04,
#contentBody .cntBlock05,
#contentBody .cntBlock06,
#contentBody .cntBlock07,
#contentBody .cntBlock08,
#contentBody .cntBlock09,
#contentBody .cntBlock10{
	width:960px;
}



/*==============================
	#contentFooter
==============================*/



/*==============================
	#pageTop
==============================*/
#pageTop{
	width:960px;
	height:94px;
	position:relative;
}
#pageTop a{
	display:block;
	position:absolute;
	width:59px;
	height:11px;
	top:45px;
	left:856px;
	overflow:hidden;
}
#pageTop a span{
	visibility:hidden;
}


/*==============================
	汎用
==============================*/
.wrap{background:transparent;}
.wrap:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/*==============================
	カタログボタン位置調整
==============================*/
#contentHeader #material ul{
	height:0px!important;
	overflow:hidden!important;
	
}

#contentHeader #hnav01,
#contentHeader #hnav01 a,{
	height:0px!important;
	overflow:hidden!important;
	
}


#materialAlt{
	position:absolute;
	top:115px;
	left:625px;
	z-index:9000;
}

#materialAlt,
#materialAlt ul{
	display:block;
	width:337px;
	height:37px;
}

#materialAlt ul li{
	display:block;
	width:150px;
	height:37px;
	float:left;

}

#materialAlt ul li{
	display:block;
	width:150px;
	height:37px;
	float:left;
}


#materialAlt ul li a{
	display:block;
	width:142px;
	height:37px;
	overflow:hidden;
}
#materialAlt ul li a:hover{
	text-decoration:none;
}

#materialAlt ul li a span{
	visibility:hidden;
}


/*==============================
	#siteFooter
==============================*/
div#siteFooter{border-top:1px solid #cccccc;width:100%;min-width:960px;}
div#siteFooter ul#siteInfo{width:960px; height:17px;display:block;min-height:1px;}
div#siteFooter ul#siteInfo:after{content: ".";display: block; clear: both;height:0;visibility: hidden;}
div#siteFooter ul#siteInfo li{display: block;float:left;}
div#siteFooter ul#siteInfo li.li01{width:400px; height:17px;margin-left:361px;}
div#siteFooter ul#siteInfo li.li02{width:199px; height:17px;}
div#siteFooter ul#siteInfo li img{margin-top:-1px;overflow:hidden;}
* html div#siteFooter ul#siteInfo li{display:inline;}
div#siteFooter ul#siteInfo a span{ visibility:hidden;}
div#siteFooter ul#siteInfo li.li01 a{
	display:block;
	width:400px; height:45px;
	background-image:url(/shared/img/cmn_copyright_002.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
div#siteFooter ul#siteInfo li.li01 a:hover{ background-image:url(/shared/img/cmn_copyright_002_o.gif)}
div#siteFooter ul#siteInfo li.li02 a{
	display:block;
	width:199px; height:17px;
	background-image:url(/shared/img/cmn_ut_004.gif);
	background-position:0 -1px;
	background-repeat:no-repeat;
}
div#siteFooter ul#siteInfo li.li02 a:hover{ background-image:url(/shared/img/cmn_ut_004_o.gif)}