@charset "utf-8";
/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body{
margin:0;
padding:0;
	background-color:#FFFFFF;
	text-align:center;
	background: url(../img/common/bodyBg2.jpg) repeat-x;
}
#index{background:url(../img/common/body_bg.jpg) repeat-x}

#wrapper{
background:url(../img/common/wrapBg2.jpg) no-repeat 50% 0;
width:910px;
_width:1000px;
margin:0 auto;
text-align:left;
padding:0 45px}
#index #wrapper{background:url(../img/common/wrapBg.jpg) no-repeat 50% 0}		
#head{
	margin:0;
	position:relative;
	padding:0;
	height:185px;
	}
#index #head{height:440px}
h1{	position:absolute;
	top:40px;
	left:20px;
	text-indent:-9999px}
h1 a{
	background-image:url(../img/common/logo_02.jpg);
	background-repeat:no-repeat;
	display:block;
	width:397px;
	height:70px;
	}
p#description{
	position:absolute;
	top:2px;
	left:0px;
	line-height:100%;
	color:#999;
	font-size:85%;
	_font-size:75%;
	}

*:first-child+html p#description{font-size:75%}

p#h_tel{
position:absolute;
top:29px;
left:470px}
p#h_inq{
position:absolute;
top:29px;
left:727px}

#index h2{
position:absolute;
top:237px;
left:17px}	
h2.sec{
	font-size:x-large;
	_font-size:large;
	color: #333300;
	font-weight:bold;
	position:absolute;
	top:235px;
	left:30px;
	}
span.new{
	display:none;
	margin:0 10px;
	}
#cont:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#cont{
display:inline-block;
margin:0 0 20px;
width:910px}

/*\*/
*html #cont{height:1%}
#cont{display:block}
/**/

#main{
	width:670px;
	float:left;
	overflow: hidden;
	padding:0;
	margin:0 0 0 10px;
	_margin:0 0 0 5px;
	}
#index #main{
margin:0;
padding:50px 0 0}
#h_navi:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#h_navi{display:inline-block;}

/*\*/
*html #h_navi{height:1%}
#h_navi{display:block}
/**/

#h_navi{
position:absolute;
left:463px;
top:99px}

* html #h_navi{left:453px}

#h_navi li{
float:left;
margin:0 0 0 12px}

#h_navi li.frstChild{margin:0}

#h_navi li a{
display:block;
height:11px;
overflow:hidden;
text-indent:-10000px}

#h_navi li.menu01 a{
background:url(../img/common/headNav01.jpg) no-repeat;
width:50px}

#h_navi li.menu02 a{
background:url(../img/common/headNav02.jpg) no-repeat;
width:71px}

#h_navi li.menu03 a{
background:url(../img/common/headNav03.jpg) no-repeat;
width:70px}

#h_navi li.menu04 a{
background:url(../img/common/headNav04.jpg) no-repeat;
width:112px}

#h_navi li.menu05 a{
background:url(../img/common/headNav05.jpg) no-repeat;
width:72px}

/******************ｇNavi********************/		
.gNavi{
	background-image:url(../img/common/gNavi2.jpg);
	height:52px;
	position:absolute;
	top:123px;
	left:0}
#index .gNavi{background-image:url(../img/common/gNavi.jpg)}
.navi01{width:81px;}
.navi02{width:181px;}
.navi03{width:158px;}
.navi04{width:105px;}
.navi05{width:154px;}
.navi06{width:131px;}
.navi07{width:100px;}

.gNavi li{
	float:left;
	text-indent:-9999px;
	}
.gNavi li a{
	display:block;
	background-repeat:no-repeat;
	background-image:url(../img/common/gNavi2.jpg);
	height:52px;
	}
#index .gNavi li a{background-image:url(../img/common/gNavi.jpg)}
.navi01 a{background-position:0 0;}
.navi02 a{background-position:-81px 0;}
.navi03 a{background-position:-262px 0;}
.navi04 a{background-position:-420px 0;}
.navi05 a{background-position:-525px 0;}
.navi06 a{background-position:-679px 0;}
.navi07 a{background-position:-810px 0;}
.navi01 a:hover,.navi01 a.c{background-position:0 -52px;}
.navi02 a:hover,.navi02 a.c{background-position:-81px -52px;}
.navi03 a:hover,.navi03 a.c{background-position:-262px -52px;}
.navi04 a:hover,.navi04 a.c{background-position:-420px -52px;}
.navi05 a:hover,.navi05 a.c{background-position:-525px -52px;}
.navi06 a:hover,.navi06 a.c{background-position:-679px -52px;}
.navi07 a:hover,.navi07 a.c{background-position:-810px -52px;}


/******************basic********************/	
.topicPath{
	margin:0 10px;
	}

.topicPath li{
	display:inline;
	background-image:url(../img/sec/topic.jpg);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding:0 5px 0 15px;
	}
.topicPath li.firstChild{
	background:none;
	}
/*****************sidebar*******************/		
#sideBar{
width:220px;
float:right;
margin:0}

#menu *{height:1%;}	

#menu{
border:1px solid #ccc;
margin:0 0 10px;
padding:0;}

#menu dt{
background:url(../img/common/sideBg2.jpg) no-repeat 0 0;
color:#fff;
font-size:120%;
font-weight:bold;
_margin:0 0 -10px;
padding:8px 10px 10px}

#menu dt a{color:#fff}

#menu dd,
#menu dd.note dl dt{
background:url(../img/common/sideBg.jpg) no-repeat 0 100%;
border-bottom:1px dotted #adadad;
font-size:100%;
font-weight:normal;
margin:4px 0 0;
padding:0}

#menu dd a{
background:url(../img/common/icon01.gif) no-repeat 15px 8px;
color:#666!important;
display:block;
font-size:90%!important;
padding:0 0 2px 30px}

#menu dd.note{
background:none}

#menu dd.note dl dt{border:none}

#menu dd.note dl dd{
background:none;
border:none;
border-top:1px dotted #e0e0e0;
margin:0;
padding:0 0 0 10px}

#menu dd.note dl dd a{padding:0 0 0 30px}

#sideBar .sideBanner li{margin:0 0 10px}

#sideBar .sideBanner li img{vertical-align:bottom}

#sideBar dl.map01{
border:1px dotted #dadada;
margin:0 0 10px;
padding:10px 20px}

#sideBar dl.map02 dt,
#sideBar dl.map01 dt,
#sideBar dl.map01 dd{margin:0 0 10px}

#sideBar dl dt img,
#sideBar dl dd img{vertical-align:bottom}

#sideBar dl.map01 dd.note{
font-size:90%;
margin:0}

#sideBar dl.map02{
background:#e6e1bd;
border:1px solid #ccc;
padding:10px 0;
text-align:center}

#foot{background:url(../img/common/footBg.jpg) repeat-x}

#footCont{
background:url(../img/common/footBg.jpg) repeat-x;
height:140px;
margin:0 auto;
padding:20px 0 0;
text-align:center;
width:1000px}

#footCont address{
background: url(../img/common/footer_bg.gif) no-repeat 50% 0;
color:#fff;
font-size:85%;
min-height:30px;
_height:30px;
padding:5px 0 0}

/*main*********************************************************************************************/
form table td input.text01{width:100px}
form table td input.text02{width:80px}
form table td input.text03{width:80px}
form table td input.text04{width:300px}
form table td input.text05{width:40px}
.btn{text-align:center;}
.thanks_mess{
	font-size:large;
	_font-size:medium;
	text-align:center;
	padding:60px 0;
	background-image: url(..../img/common/logo.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	}
.sitemap{
	padding:30px;
	}	
.sitemap li{
	background-image:url(../img/sec/topic_bg.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding:5px 0 5px 25px;
	margin:0 0 5px 0;
	}
.sitemap li.note ul li{
	border:none;
	padding:5px 0 5px 15px;
	background-image:url(../img/sec/topic.jpg);
	background-repeat:no-repeat;
	background-position:0 50%;
	}	
.sitemap li.note{
	background:none;
	}
.adr{
	width:650px;
	margin:10px 0;
	}
/******************toppage************************/

#index #main .h301{background:url(../img/index/h301bg.jpg) no-repeat 0 89px}

#index #main .h301 h3{margin:0 0 10px}

#main ul.goodsAll:after,
#index #main .h301 ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main ul.goodsAll,
#index #main .h301 ul{
background:url(../img/index/secBg04.jpg) no-repeat 0 100%;
display:inline-block;
margin:0 0 20px;
padding:0 0 10px}

#main ul.goodsAll.ul01,
#index #main .h301 ul.ul01{background:url(../img/index/secBg01.jpg) no-repeat 0 100%}

#main ul.goodsAll.ul02,
#index #main .h301 ul.ul02{background:url(../img/index/secBg02.jpg) no-repeat 0 100%}

#main ul.goodsAll.ul03,
#index #main .h301 ul.ul03{background:url(../img/index/secBg03.jpg) no-repeat 0 100%}

/*\*/
*html #main ul.goodsAll,
*html #index #main .h301 ul{height:1%}

#main ul.goodsAll,
#index #main .h301 ul{display:block}
/**/

#main ul.goodsAll li,
#index #main .h301 ul li{
background:url(../img/index/secBg03top.jpg) no-repeat 0 0;
float:left;
padding:10px 0 0 26px;
text-align:center}

#main ul.goodsAll li.li01,
#index #main .h301 ul li.li01{
background:url(../img/index/secBg01top.jpg) no-repeat;
padding:10px 0 0 5px;
width:145px;
_width:150px}

#main ul.goodsAll.ul01 li.li01,
#index #main .h301 ul.ul01 li.li01{
background:url(../img/index/secBg01topv2.jpg) no-repeat;
padding:10px 8px 0 5px;
width:149px;
_width:162px}

#main ul.goodsAll li.li02,
#index #main .h301 ul li.li02{
background:url(../img/index/secBg02top.jpg) no-repeat;
padding:10px 0 0 24px;
width:145px;
_width:169px}

#main ul.goodsAll.ul02 li.li02,
#index #main .h301 ul.ul02 li.li02{
background:url(../img/index/secBg02topv2.jpg) no-repeat;
padding:10px 8px 0 24px;
width:150px;
_width:182px}

#main ul.goodsAll li.li03,
#index #main .h301 ul li.li03{
background:url(../img/index/secBg03top.jpg) no-repeat;
padding:10px 0 0 26px;
width:145px;
_width:171px}

#main ul.goodsAll.ul03 li.li03,
#index #main .h301 ul.ul03 li.li03{
background:url(../img/index/secBg03topv2.jpg) no-repeat;
padding:10px 8px 0 26px;
width:149px;
_width:183px}

#main ul.goodsAll li.li04,
#index #main .h301 ul li.li04{
background:url(../img/index/secBg04top.jpg) no-repeat;
padding:10px 8px 0 26px;
width:146px;
_width:180px}

#main ul.goodsAll li dl dt,
#index #main .h301 ul li dl dt{
font-size:x-small;
margin:0 10px 0 0;
text-align:right}

* html #main ul.goodsAll li dl dt,
* html #index #main .h301 ul li dl dt{font-size:xx-small}

#main ul.goodsAll li dl dt span,
#index #main .h301 ul li dl dt span{margin:0 2px}

#main ul.goodsAll li dl dt span.last,
#index #main .h301 ul li dl dt span.last{margin:0 0 0 2px}

#main ul.goodsAll li dl dd.ex,
#index #main .h301 ul li dl dd.ex{
color:#ff6c00;
font-weight:bold}

#main ul.goodsAll li dl dd.img,
#index #main .h301 ul li dl dd.img{
height:95px}

#main ul.goodsAll li dl dd.title,
#index #main .h301 ul li dl dd.title{
min-height:3.5em;
_height:3.5em}

/*#main ul.goodsAll li dl dd a img,
#index #main .h301 ul li dl dd a img{
height:95px;
overflow:hidden}*/

#index #main .h302{
background:url(../img/index/secBg.jpg) no-repeat 0 100%;
margin:0 0 10px;
padding:0 0 15px}

#index #main .h302 h3{margin:0 0 5px}

#index #main .h302 dl{
margin:0 30px}

#index #main .h302 dl dt,
#index #main .h302 dl dd{margin:0 0 8px}

#index #main .h303{
background:url(../img/index/secBg2.jpg) no-repeat;
padding:0 0 20px}

#index #main .h303 div.step{margin:0 0 20px}

#index #main .h303 .btn{
margin:-2.3em 0 5px;
text-align:right}

#footCont ul {
	margin-bottom:10px;
}


#footCont ul li {
	display: inline;
	color:#FFFFFF;
}
#footCont ul li a {
	color:#FFFFFF;
}