@charset "utf-8";
/*---base---*/
body{
	font:normal normal normal 75%/1.5 Verdana, "ＭＳ Ｐゴシック", sans-serif;
	text-align:center;
	color:#333333;
	background:#FFF url(../img/bg01.gif) repeat-x left top;
}

*{
	margin:0px;
	padding:0px;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:lighter;
}

img{
	border-width: 0px;
	border-style: none;
	vertical-align:bottom;
}

ul {
list-style:none;
margin:0;
padding:0;
}

table {
border:none;
border-collapse:collapse;
}

table caption{
display:none;
}

td,th {
font-size:12px;
text-align:left;
line-height: 1;
font-weight:normal;
}

#wrapper{
	margin:0px auto;
	width:900px;
	text-align:left;
	overflow:hidden;
}

div#header {
	position:relative;
	width:900px;
	height:120px;
	margin:0px auto;
	text-align:left;
}

/*---start_header---*/
div#header h1 {
	position:absolute;
	left:-20px;
	top:10px;
	width:335px;
	height:85px;
	background:url(../img/logo01.jpg) no-repeat;
	text-indent:-9999px;
}


div#header h1 a{
	display:block;
	width:335px;
	height:65px;
}
div#header h2 {
	position:absolute;
	left:450px;
	top:0px;
	width:450px;
	height:35px;
	background:url(../img/h2_tx.jpg) no-repeat;
	text-indent:-9999px;
}


#GlovalNavi{
	position:absolute;
	left:420px;
	top:54px;
	width:480px;
	height:51px;
}

#GlovalNavi li{
	float:left;
}

#GlovalNavi a{
	width:120px;
	height:51px;
	float:left;
	display:block;
	text-indent:-9999px;
	background-image:url(../img/navi01.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}

#GN01{background-position:0 -51px;}
#GN02{background-position:-120px -51px;}
#GN03{background-position:-240px -51px;}
#GN04{background-position:-360px -51px;}

#GN01:hover,#GN01.hover{background-position:0px 0px;}
#GN02:hover,#GN02.hover{background-position:-120px 0px;}
#GN03:hover,#GN03.hover{background-position:-240px 0px;}
#GN04:hover,#GN04.hover{background-position:-360px 0px;}

#GlovalNavi ul{
	width:480px;
	height:51px;
	float:left;
	background:url(../img/navi01.gif) no-repeat 0px -51px;
}
/*---end_header---*/
#main_box{
	display:inline;
	width:900px;
	float:left;
	margin:0px;
}

#main{
	width:680px;
	float:right;
}

a:link,a:visited{
	color:#333333;
	text-decoration:none;
	outline-style:none;
}

a:active,a:hover{
	color:#666666;
	text-decoration:underline;
	outline-style:none;
}
/*---navi---*/

#navi{
	float:left;
	width:180px;
}

#navi #NBtit_cat,
#navi #NBtit_link{
	width:180px;
	height:35px;
	float:left;
	background:url(../img/navi_tit_cat01.gif) no-repeat left top;
	text-indent:-9999px;
	display:inline;
	margin-bottom:10px;
}

#navi #NBtit_cat{background:url(../img/navi_tit_cat01.gif) no-repeat left top;}
#navi #NBtit_link{background:url(../img/navi_tit_link01.gif) no-repeat left top;}

#navi ul{
	width:180px;
	float:left;
	margin: 0px 0px 15px;
}

#navi ul li{
	margin:0px 0px 5px 15px;
}

/*--tree--*/
ul.tree {
    margin: 0 0 0 15px;
    padding: 0;
list-style-type:none!important;
}
ul.tree ul {
    margin: 0;
    padding: 0;
list-style-type:none!important;
}
ul.tree li {
    margin: 0;
    padding: 0 0 0 13px;
    background: url(tree_lst.gif) no-repeat 2px 0;
list-style-type:none!important;
}
ul.tree li.tree_end {
    background: url(tree_end.gif) no-repeat 2px 0;
list-style-type:none!important;
}
.subcategories a.foldmark {
    text-decoration: none; /* マークの文字装飾（装飾なし） */
}

.subcategories{
margin-bottom:5px;}
/*--footer---*/

#footer{
	clear:both;
	width:100%;
	float:left;
	overflow:hidden;
	background:url(../img/foot_bg01.gif) repeat left top;
	color:#fff;
	text-align:center;
	border-top:1px solid #999;
}

#footer ul{
	margin:20px auto;
	width:900px;
	text-align:left;
	overflow:hidden;
}
#footer ul li{
	display:inline;
}

#footer ul li a{
	display:inline;
	color:#fff;
}

address {
	margin:20px auto;
	width:900px;
	text-align:left;
	overflow:hidden;
	font-size: 80%;
	font-style: normal;
}

address a:link,address a:visited,
address a:active,address a:hover{
	color:#fff;
}




/*---layout---*/

.section{
	width:680px;
	float:left;
	display: inline;
}

.section table{
	width:97%;
	margin-left:10px;
	margin-right:10px;
}
	
.section table td,
.section table th{
	border:1px solid #999999;
	padding:5px;
	line-height:2.2em;
}
	

.section h2{
	width:680px;
	height:50px;
	background:url(../img/tit01.gif) no-repeat left top;
	float:left;
	line-height:2.2em;
	text-indent:10px;
	font-weight:bold;
	font-size:150%;
}
.section_2boxs{
	width:710px;
	float:left;
	display:inline;
	margin-left:-30px;
}

.tit01{
	width:680px;
	border-bottom:1px solid #999999;
	line-height:2.0em;
	font-size:130%;
	float:left;
	clear:both;
	margin-bottom:10px;
	text-indent:10px;
	font-weight:bold;
}

.box_half_yellow h3{
	width:325px;
	height:46px;
	float:left;
	text-indent:10px;
	line-height:2em;
	font-size:160%;
	font-weight:bold;
	background:url(../img/box02_01.gif) no-repeat left top;
}

.box_half_yellow{
	width:325px;
	float:left;
	display:inline;
	margin-left:30px;
	margin-bottom:30px;
	background:url(../img/box02_02.gif) repeat-y left top;
}

.box_half_yellowIN{
	width:325px;
	float:left;
	background:url(../img/box02_03.gif) no-repeat left bottom;
	min-height:150px;
}

.box_half_yellow ul{
	width:305px;
	margin:10px;
	float:left;
	display:inline;
}

.box_half_yellow ul li{
	display:inline;
}


.section_3boxs{
	width:690px;
	float:left;
	display:inline;
	margin-left:-10px;
}

.box_3rd{
	width:214px;
	border:3px #76b90d solid;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
	display:inline;
}

.box_3rd img{
	margin-left:32px;
	margin-top:10px;
	margin-bottom:5px;
}

.box_3rd dl{
	width:194px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	display:inline;
}

.box_3rd dl dt{
	width:194px;
	float:left;
	display:inline;
	color:#FF0000;
	line-height:1.2em;
	font-size:120%;
	font-weight:bold;
}

.box_3rd dl dt a{	color:#FF0000;}

.box_3rd dl dt{
	width:194px;
	float:left;
}

.section_specificL{
	width:360px;
	float:left;
	display:inline;
}

.specificL{
	width:360px;
	float:left;
	display:inline;
}

.section_specificL dl{
	width:360px;
	float:left;
	display:inline;
	margin-bottom:15px;
}

.section_specificL dl dt{
	float:left;
	width:90px;
}

.section_specificL dl dd{
	float:right;
	width:270px;
	font-weight:bold;
}

.section_specificL dl dd span{
	font-size:160%;
	color:#FF0000;
}
	

.section_specificR{
	width:306px;
	float:right;
}

.specific_img_b{
	width:306px;
	height:306px;
	background:url(../img/bg_item01.gif) no-repeat left top #fff;
	float:left;
	text-align:center;
	position:relative;
	margin-bottom:10px;
}

.specific_img_b img{
	margin-top:3px;
}

.specific_img_b .thumbnail{
	position:absolute;
	left:245px;
	top:8px;
	width:52px;
}

.specific_img_b .thumbnail img{
	border:1px solid #999;
	margin-bottom:3px;
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	cursor:pointer;
}

.specific_img_list{
	width:321;
	float:left;
	margin-left:-15px;
}


.specific_img_list p{
	width:146px;
	height:146px;
	float:left;
	background:url(../img/bg_item02.gif) no-repeat left top;
	text-align:center;
	margin-left:14px;
}

.specific_img_list p img{
	padding-top:3px;
}



.btn_specific{
	width:96px;
	height:55px;
	float:left;
	margin-left:5px;
	padding-bottom:10px;
	display:inline;
}

.tit_sp_item{
	float:left;
	width:90px;
	height:30px;
	background:url(../img/tit_specific01.gif) no-repeat left top;
	text-indent:-9999px;
}
.tit_sp_price{
	float:left;
	width:90px;
	height:30px;
	background:url(../img/tit_specific02.gif) no-repeat left top;
	text-indent:-9999px;
}
	
.tit_sp_info{
	float:left;
	width:360px;
	height:30px;
	background:url(../img/tit_specific03.gif) no-repeat left top;
	text-indent:-9999px;
	margin-bottom:10px;
	display:inline;
}
	
.tit_sp_spec{
	float:left;
	width:306px;
	height:30px;
	background:url(../img/tit_specific04.gif) no-repeat left top;
	text-indent:-9999px;
	display:inline;
	margin-bottom:10px;
}

.btn_cart{
	width:96px;
	height:55px;
	float:right;
	margin-right:5px;
	padding-bottom:10px;
	display:inline;
}

.btn_cart a,
.btn_specific a{
	display:block;
	width:96px;
	height:55px;
	text-indent:-9999px;
}

.btn_cart a{background:url(../img/btn_cart01.jpg) no-repeat left top;}
.btn_specific a{background:url(../img/btn_specific01.jpg) no-repeat left top;}

.btn_cart a:hover,
.btn_specific a:hover{
   filter: alpha(opacity=80);
 -moz-opacity:0.80;
 opacity:0.80;
}


.pan{
	width:680px;
	height:25px;
	float:left;
	border-bottom:#999 solid 1px;
	line-height:2em;
	margin-bottom:5px;
	display:inline;
}

.pan span{color:999;}

/*---general-purpose---*/

.mb3 {margin-bottom:3px;}
.mb4 {margin-bottom:4px;}
.mb5 {margin-bottom:5px;}
.mb6 {margin-bottom:6px;}
.mb7 {margin-bottom:7px;}
.mb8 {margin-bottom:8px;}
.mb10 {margin-bottom:10px;}
.mb12 {margin-bottom:12px;}
.mb15 {margin-bottom:15px;}
.mb18 {margin-bottom:18px;}
.mb20 {margin-bottom:20px;}
.mb23 {margin-bottom:23px;}
.mb25 {margin-bottom:25px;}
.mb27 {margin-bottom:27px;}
.mb30 {margin-bottom:30px;}
.mb31 {margin-bottom:31px;}
.mb32 {margin-bottom:32px;}
.mb33 {margin-bottom:33px;}
.mb34 {margin-bottom:34px;}
.mb35 {margin-bottom:35px;}
.mb36 {margin-bottom:36px;}
.mb37 {margin-bottom:37px;}
.mb38 {margin-bottom:38px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.mb65 {margin-bottom:65px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb95 {margin-bottom:95px;}
.mb100 {margin-bottom:100px;}
.mb120 {margin-bottom:120px;}
.imgR{
	float:right;
	margin:0 0 15px 15px;
	display:inline;
}

.imgL{
	float:left;
	margin:0 15px 15px 0;
	display:inline;
}


.ali_cen {
text-align:center;
}
.ali_right {
text-align: right;
}
.ali_left {
text-align: left;
}

.fl {
float:left;
}
.fr {
float:right;
}

.clb {
clear:both;
}
.cll {
clear:left;
}
.clr {
clear:right;
}

#totop{
	width:900px;
	height:24px;
	margin-top:30px;
}
#totop p{
	width:135px;
	height:24px;
	margin-left:765px;
	float:left;
	text-indent:-9999px;
}

#totop p a{
	width:135px;
	height:24px;
	display:block;
	background:url(../img/totop.gif) no-repeat 0 0;
}

#totop p a:hover{
	background:url(../img/totop.gif) no-repeat 0 -24px;
}
/*--top---*/
#update{
	width:325px;
	height:214px;
	float:left;
	background:url(../img/update_box01.gif) no-repeat left top;
	display:inline;
	margin-left:30px;
}
#update h3{
	width:325px;
	height:46px;
	float:left;
	text-indent:10px;
	line-height:2em;
	font-size:160%;
	font-weight:bold;
}

#update_over{
	width:305px;
	height:145px;
	float:left;
	overflow:auto;
	margin:10px;
	display:inline;
}

#update dl{
	width:285px;
	float:left;
	display:inline;
	border-bottom:1px solid #999999;
	overflow:hidden;
}

#update dl dt{
	width:80px;
	float:left;
	display:inline;
}
#update dl dd{
	width:205px;
	float:right;
	display:inline;
}


#top_bnr01{
	width:325px;
	height:214px;
	float:left;
	display:inline;
	margin-left:30px;
}

.bute01 ul{
	text-align:center;
}
.bute01 ul li{
	display:inline;
	margin:0 15px;
}
.bute01 ul li a{
	border:1px solid #4a6f0f!important;
	padding:5px 15px;
	background-color:#bbee6c;
	color:#333333!important;
	text-decoration:none!important;
	line-height:30px;
}

.bute01 ul li a:hover{background-color:#e6f9c9; color:#333!important; text-decoration:none!important;}


