@import url(base.css);
@import url(common.css);
@import url(menu.css);
@import url(style.css);



/*
 * Copyright (c) 2000-2007 LOCKON CO.,LTD. All Rights Reserved.
 *
 * http://www.lockon.co.jp/
 */

/* EC-CUBE Blue Template Build: 0:22 2007/07/30 */

@charset "<!--{$smarty.const.CHAR_CODE}-->";
#searchTEXT{ width:130px;}

sup{ position:relative; top:5px; _top:0px;}
#aboutus{ margin-top:1em; font-size:0.8em; line-height:1.5}

.unitAbout{ margin-bottom:2em;}
.unitAbout h2{ margin-bottom:13px;}
.aboutData{ float:left; width:270px;}


#aboutBox{ padding:14px; background:#FCF8F1; border:1px solid #B87625;}
#aboutBoxData{ float:left; width:258px;}
#aboutBoxData p{ margin-top:10px;}







#Kiyaku{ margin-top:1em; font-size:0.8em; line-height:1.5}
#Kiyaku h2{ font-weight:bold; color:#5978BF;}

.unitKiyaku{ margin-bottom:1.5em;}
.unitKiyaku ol{ margin:5px 10px;}
.unitKiyaku li{ margin-left:18px;}




#Privacy{ margin-top:1em; font-size:0.8em; line-height:1.5}
#Privacy h2{ font-weight:bold; color:#5978BF;}

.unitPrivacy{ margin-bottom:1.5em;}
.unitPrivacy p{ padding-left:10px;}
.unitPrivacy ul{ padding-left:10px; list-style-type:none;} 


#ListP{ font-size:0.8em; padding:12px 0 20px 0; line-height:150%;}

.PList{ width:490px; overflow:hidden; margin-bottom:30px;}

.PList h2{ margin-bottom:20px;}
.PList dl img { border:none; margin:0; margin-right:9px; padding:0;}
.PList dl 	{ float:left; width:162px; padding:0; font-size:0.7em; text-align:center;}
.PList dt	{ width:153px; margin:0 0 5px 0; padding:0;}
.PList dd	{ width:153px; margin:0 0 15px 0; padding:0;}
.cb{ clear:both;} 









.p5{ padding:5px;}
.p10{ padding:10px;}


#kaiin table{
border-top:1px solid #ccc;
border-right:1px solid #ccc;
}
#kaiin table th{
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
padding:5px;
}
#kaiin table td{
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
padding:5px;
}

#kaiin td table{ border:none;}
#kaiin td th{ border:none;}
#kaiin td td{ border:none;}


#eigyo{
	width:185px;
	border:1px solid #ccc;
	margin-bottom:10px;
	font-size:0.8em;
	text-align:left;
	}

#eigyo h2{ margin-bottom:10px;}
#eigyo dl{ padding-left:10px;}
#eigyo dt{ margin-bottom:3px;}
#eigyo dd{ padding-left:1em;}




#contactform {font-size:1em;}
#contactform table{
width:100%;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
}
#contactform th{
width:135px;
padding:10px;
background:url(../templates/blue/images/contactformTH.jpg) #fff no-repeat;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
text-align:left;
}
#contactform td{
padding:10px;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
}
#contactform td table{ border:none;}
#contactform td th{ border:none; padding:3px;}
#contactform td td{ border:none; padding:3px;}

.blackst{}




#tokuteihou{ font-size:0.8em;}
#tokuteihou table{
width:100%;
border:1px solid #ccc;
border-top:none;
border-right:none;
}
#tokuteihou th{
width:130px;
padding:10px;
border:1px solid #ccc;
border-bottom:none;
border-left:none;
text-align:left;
background:#E5E7F1;
}
#tokuteihou td{
padding:10px;
border:1px solid #ccc;
border-bottom:none;
border-left:none;
}




#mainarea{
padding:15px;
text-align:left;
}
#mainarea table{ text-align:left;}

#maincontentarea{
width:488px;
overflow:hidden;
}

#listh1{
width:461px;
height:auto;
padding:11px 5px 15px 21px;
background:url(../templates/blue/images/listh1.jpg) no-repeat;
font-weight:bold;
letter-spacing:-0.5pt;
}

#listh1L{
width:674px;
height:auto;
padding:13px 5px 13px 21px;
background:url(../templates/blue/images/listh1L.jpg) no-repeat;
font-weight:bold;
}
.blown{color:#B87625;}


.listh2{
width:413px;
height:auto;
margin-bottom:13px;
padding:7px 10px 5px 37px;
background:url(../templates/blue/images/listh2.jpg) no-repeat;
font-weight:bold;
}

.ListArrow01{
padding:0 0 0 20px;
background:url(/user_data/templates/blue/images/cart_arrow_skyblue.gif) no-repeat;
}

.ListArrow02{
padding:0 0 0 20px;
background:url(/user_data/templates/blue/images/cart_arrow_orange.gif) no-repeat;
}



.td01{
padding-left:15px;
text-align:left;
color:#B87625;
font-size:0.8em;
height:200px;

}
.td01 b{ font-weight:bold; letter-spacing:-1px; font-size:0.9em;}



.f80{ font-size:0.8em;}


#shosai {margin-left:10px; font-size:0.8em;}
#shosai table{
}
#shosai td{
padding:10px 0px;
}

#searchquery{
padding:5px 0;
font-size:0.8em;
}




.cont_width_dc{ /* double column */
	width: 640px;
	}

.cont_width_sc{ /* single column */
	width: 640px;
	}

.cont_width_nc{ /* no column */
	width: 800px;
	}

#container{
	width:488px;
	float:right;
	padding:20px 20px 20px 0px;
	text-align: left;
	}



#leftcolumn{
	float:left;
	width:188px;
margin-right:20px;
	padding:20px 0 0 20px;
	}

#leftcolumn dl{
	margin-top: 5px;
	margin-left: 8px;
	padding: 0;
	}

#leftcolumn dt{

	}

#leftcolumn dd{
	background: #F0F0F0;
	margin: 0 0 .5em 0;
	padding: 6px 8px;
	}

#leftcolumn table{
	}


.width_dc{ /* double column */
	width: 460px;
	}

.width_sc{ /* single column */
	width: 640px;
	}

.width_nc{ /* no column */
	width: 780px;
	}

#centercolumn{
	width:488px;
	margin-bottom: 2em;
	text-align:left;
	}

#centercolumn  .blockTitle{
	background: #3D6620 url(../templates/blue/images/blocktitle_center.gif);
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	color: #FFFFFF;
	font-weight: bold;
	}

#centercolumn  h2{
	height: 28px;
	line-height: 28px;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	}

#centercolumn .blockContent{
	margin: 0 0 .5em 0;
	padding: 6px 8px;
	}

#centercontents{
	}

#centerleft{
	float: left;
	}

#centerleft .blockTitle{
	}

#centerleft .blockContent{
	}

#centerright{
	float: right;
	}

#centerright .blockTitle{
	}

#centerright .blockContent{
	}

/* Right Column - ?³ã????E*/

#rightcolumn{
	float: right;
	width: 170px;
	}

#rightcolumn dl{
	margin-right: 0;
	padding: 0;
	}

#rightcolumn dt{
	background: #3D6620 url(../templates/blue/images/blocktitle_side.gif);
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	color: #FFFFFF;
	font-weight: bold;
	}

#rightcolumn dt a{
	color: #FFFFFF;
	}

#rightcolumn dd{
	background: #F0F0F0;
	margin: 0 0 .5em 0;
	padding: 6px 8px;
	}

.c-both{
	clear: both;
	}

/* Footer - ?????¿ã? */

#pagetop{
	padding: 0 20px 15px 20px;
	text-align: right;
	}


/* Blocks
---------------*/

#promotion{
	background: url(../templates/blue/images/image.png);
	width: 460px;
	height: 120px;
	margin-bottom: 1em;
	}

#blockLogin{
	}

#blockLoginContent{
	text-align: center;
	}

#blockSearch{
	}

#blockSearchContent{

	}

#blockCart{
	background: #3D6620 url(../templates/blue/images/blocktitle_side.gif);
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	color: #FFFFFF;
	font-weight: bold;
	}

#blockCartContent .cartNumber{
	padding: 2px 0;
	}

#blockCartContent .cartTotal{
	border-top: 1px dotted #CCC;
	color: #E20059;
	padding: 2px 0;
	}

#blockCartContent .cartQuantity{
	font-size: 11px;
	}

#blockCartContent .cartView{
	padding: 3px 0;
	text-align: center;	}

#blockCat{
	background: #3D6620 url(../templates/blue/images/blocktitle_side.gif);
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	color: #FFFFFF;
	font-weight: bold;
	}

#blockNews{
	text-align: left;
	}

#blockNews h2{
	background: #3D6620 url(../templates/blue/images/blocktitle_center.gif);
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	color: #FFFFFF;
	font-weight: bold;
	}

#blockNews a.feed{
	background: url(../templates/blue/images/feedicon.gif) no-repeat 2% 0%;
	padding-left: 22px;
	text-decoration: none;
	}

#blockNews dl{
	background-color: #ececec;
	margin: 0.5em 0;
	border: 1px solid #cccccc;
	border-top: none;
	}

#blockNews dt{
	font-weight: bold;
	font-family: "Times New Roman";
	color: black;
	margin: 0;
	padding: 0.5em 0 0.5em 1em;
	border-top: 1px solid #cccccc;
	width: 7em;
	float: left;
	}

#blockNews dd{
	background: #FFF;
	margin: 0 0 0 7em;
	padding: 0.5em 1em 0.5em 1em;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	}

#blockNews dd p{
	padding: 0.5em 0;
	}
#blockPickup{ font-size:0.7em;}

#blockPickup h2{
	background: #3D6620 url(../templates/blue/images/blocktitle_center.gif);
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	color: #FFFFFF;
	font-weight: bold;
	}

#blockPickup p{
	text-align: left;
	}

#blockPickup .bseparate{
	clear: both;
	height: 15px;
	width: 460px;
}
#blockPickup .bsectionBox{
	float: left;
	width: 460px;
font-size:0.8em;
}
#blockPickup .bsection{
	float: left;
	width: 210px;
	padding: 7px 8px 7px 9px;
}

#blockPickup img{
	float: left;
}
#blockPickup p.bgoodsName{
	float: right;
	width: 150px;
	margin-bottom: 7px;
}
#blockPickup p.bgoodsName img{
	margin-right: 5px;
}
#blockPickup p.bgoodsPrice{
	float: right;
	width: 150px;
	margin-bottom: 2px;
	color: #FF3300;
}
#blockPickup p.bgoodsInfo{
	float: right;
	width: 150px;
	margin-bottom: 7px;
}
#blockPickup p.bgoodsInfo img{
	margin: 2px 2px 0px 0px;
}
#blockPickup p.bgoodsEx{
	clear: both;
	width: 210px;
}

/* Goods
---------------*/

.section{
	width:465px;
	margin: 13px 0px 13px 13px;
	}

.goodsPhoto{
	width: 150px;
	float: left;
	}
/*
.goodsPhoto img{
	border: 1px solid #CCC;
	padding: 3px;
	margin: 3px;
	}
*/
.goodsName{
	margin-bottom: 7px;
	font-size: 13px;
	padding: 0 10px;
	}

.goodsName a:link, .goodsName a:visited{
	}

.goodsStatus{
	float: right;
	margin-bottom: 2px;
	}

.goodsPrice{
	color:#B87625;
	margin:1em 0;
font-size:0.8em;
	}

.goodsInfo{
	font-size:0.8em;
	}
.goodsDataBox{
width:311px;
float:left;


}
.goodsEx{
	border: 1px dotted #B87625;
	background: #FCF8F1;
	padding: 2px 5px;
	text-align: right;
font-size:0.8em;
	}

.goodsDetail{
	}
/*
.goodsCart{
	padding: 5px;
	}
*/
.goodsCart input{
	margin: 3px 0;
	}

.goodsQuery{
	/*background: #F0F0F0;*/
	padding: 5px;
	font-size:0.8em;
	}

.goodsQuery .floatright{
	float:right;
	}

/* Detail
-------------*/

#detailBox{
	padding: 1em 0;
text-align: left;
	}
#detailBox img{ margin-right:10px;}
#detailPicture{
	float:left;
	text-align: left;
	}

#detailData{
	float:right;
	width: 360px;
font-size:2em;
	}

#detailData td{
	border-bottom: 1px dotted #CCC;
	padding: 4px;
	}

.detailMaincom{
	padding: 1em 0;
	line-height: 1.5;
font-size:0.8em;
	}

#detailSubcom{
	width:477px;
	padding: 1em 0;
	line-height: 1.5;
	}
	
#detailSubcom h3{
width:457px;
	background: url(../templates/blue/images/detailh2.jpg) no-repeat;
	margin-bottom:13px;
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	color: #333;
	font-size: 100%;
	font-weight: bold;
	}

#detailSubcom .picture{
	float: left;
	width: 220px;
	text-align:center;
	}

#customerVoice{
	padding: 1em 0;
	}

#customerVoice .head{
	background: #3D6620 url(../templates/blue/images/title_goods.gif);
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	}

#customerVoice .write{
	text-align: right;
	padding: 5px 0;
	}

#customerVoice .small{
	font-size: 11px;
	}

#customerVoice dd{
	padding: 10px;
	}

#detailPickup h2{
	background: #3D6620 url(../templates/blue/images/detailh2.jpg);
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	color: #FFFFFF;
	font-weight: bold;
	}

#detailPickup p{
	text-align: left;
	}

#detailPickup .bseparate{
	clear: both;
	height: 15px;
	width: 520px;
}
#detailPickup .bsectionBox{
	float: left;
	width: 520px;
}
.bsection{
	float: left;
	width: 212px;
	font-size:0.8em;
	margin-bottom:10px;
}

.bsectionImg{
	float:left;
	width:48px;
	height:48px;
	margin-right:10px;
	}
.bsectionImg img{ 
	width:48px;
	height:48px;
	}

#PickupIn{
	padding:15px 0 15px 15px;
	background:#F5F5E9;
	}

.m18{ margin-right:18px;}


.bsectionData{
	float:left;
	width:146px;
	}


.bgoodsName{
	border-bottom:1px dotted #ccc;
	margin-bottom:3px; padding-bottom:3px;
	}

.bgoodsPrice{
	color: #f00;
}
.bgoodsPrice strong{
	font-weight:bold;
}


.bgoodsEx{
	color:#666;
	font-size:0.8em;
}

/* Page
---------------------------*/

#page{}

#page h3{
	background: url(../templates/blue/images/mypage_history.gif);
	margin: 0 0 1em 0;
	padding: 0 10px;
	height: 32px;
	line-height: 32px;
	color: #333;
	font-size: 120%;
	font-weight: bold;
	}

#page .important{
	background: #FFEFE8;
	margin: 1em 0;
	padding: 10px;
	font-style: italic;
	}

#page .submit{
	text-align: center;
	padding: 1em;
	}

/* My Page
---------------------------*/

#mypage{
	}

#mypage h2{
	background: url(../templates/blue/images/mypage_h2.gif);
	margin-bottom: 1em;
	padding: 0 10px;
	height: 35px;
	line-height: 35px;
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
	}

#mypage h3{
	background: url(../templates/blue/images/mypage_history.gif);
	margin: 0 0 1em 0;
	padding: 0 10px;
	height: 32px;
	line-height: 32px;
	color: #333;
	font-size: 120%;
	font-weight: bold;
	}

#mypage .history{
	}

#mypage .leftbox{
	float: left;
	width: 180px;
	}

#mypage .rightbox{
	float: left;
	width: 600px;
	}

#mypage .buydate{
	background: #FFDFD0;
	padding: 10px;
	font-style: italic;
	}

#mypage .important{
	background: #FFEFE8;
	margin: 1em 0;
	padding: 10px;
	font-style: italic;
	}

#mypage .submit{
	text-align: center;
	padding: 1em;
	}

#mypage .table{
	background: #CCCCCC;
	}

#mypage .table tr td{
	padding: 5px;
	}

#mypage .notfound{
	border: 1px solid #CCCCCC;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	}

#mypage .paddingbox{
	padding: .5em 2em;
	}

#mypage .frame{
	background: #FFF;
	border: 1px solid #CCC;
	margin: 10px;
	padding: 10px;
	}

#mypage .frame2{
	background: #FFF;
	border: 5px solid #CCC;
	margin: 20px 40px;
	padding: 10px;
	}

#mypage .loginbox{
	padding: 20px 60px;
	}

#mypage .welcome{
	background: url(../templates/blue/images/welcome.gif) no-repeat;
	height: 44px;
	padding: 5px 0 0 20px;
	line-height: 1.5;
	}

#navi {
	margin: 0;
	padding: 0;
	}

#navi li{
	list-style: none;
	}

#navi a{
	display: block;
	width: 170px;
	height: 31px;
	text-indent: -999px;
	}

/*--guide.tpl--*/
#navi a.about:link, #navi a.about:visited, #navi a.about:active{
	background: url(../templates/blue/images/about.gif) no-repeat;
	}

#navi a.about:hover{
	background: url(../templates/blue/images/about_on.gif) no-repeat;
	}

#navi a.about_on:link, #navi a.about_on:visited, #navi a.about_on:active{
	background: url(../templates/blue/images/about_on.gif) no-repeat;
	}

#navi a.contact:link, #navi a.contact:visited, #navi a.contact:active{
	background: url(../templates/blue/images/contact.gif) no-repeat;
	}

#navi a.contact:hover{
	background: url(../templates/blue/images/contact_on.gif) no-repeat;
	}

#navi a.contact_on:link, #navi a.contact_on:visited, #navi a.contact_on:active{
	background: url(../templates/blue/images/contact_on.gif) no-repeat;
	}

#navi a.order:link, #navi a.order:visited, #navi a.order:active{
	background: url(../templates/blue/images/low.gif) no-repeat;
	}

#navi a.order:hover{
	background: url(../templates/blue/images/low_on.gif) no-repeat;
	}

#navi a.order_on:link, #navi a.order_on:visited, #navi a.order_on:active{
	background: url(../templates/blue/images/low_on.gif) no-repeat;
	}


/*--navi.tpl--*/
#navi a.navi01:link, #navi a.navi01:visited, #navi a.navi01:active{
	background: url(../templates/blue/images/navi01.gif) no-repeat;
	}

#navi a.navi01:hover{
	background: url(../templates/blue/images/navi01_on.gif) no-repeat;
	}

#navi a.navi01_on:link, #navi a.navi01_on:visited, #navi a.navi01_on:active{
	background: url(../templates/blue/images/navi01_on.gif) no-repeat;
	}

#navi a.navi02:link, #navi a.navi02:visited, #navi a.navi02:active{
	background: url(../templates/blue/images/navi02.gif) no-repeat;
	}

#navi a.navi02:hover{
	background: url(../templates/blue/images/navi02_on.gif) no-repeat;
	}

#navi a.navi02_on:link, #navi a.navi02_on:visited, #navi a.navi02_on:active{
	background: url(../templates/blue/images/navi02_on.gif) no-repeat;
	}

#navi a.navi03:link, #navi a.navi03:visited, #navi a.navi03:active{
	background: url(../templates/blue/images/navi03.gif) no-repeat;
	}

#navi a.navi03:hover{
	background: url(../templates/blue/images/navi03_on.gif) no-repeat;
	}

#navi a.navi03_on:link, #navi a.navi03_on:visited, #navi a.navi03_on:active{
	background: url(../templates/blue/images/navi03_on.gif) no-repeat;
	}

#navi a.navi04:link, #navi a.navi04:visited, #navi a.navi04:active{
	background: url(../templates/blue/images/navi04.gif) no-repeat;
	height: 32px;
	}

#navi a.navi04:hover{
	background: url(../templates/blue/images/navi04_on.gif) no-repeat;
	height: 32px;
	}

#navi a.navi04_on:link, #navi a.navi04_on:visited, #navi a.navi04_on:active{
	background: url(../templates/blue/images/navi04_on.gif) no-repeat;
	height: 32px;
	}

#mypage .flow{
	text-align: center;
	padding: 20px 0;
	}

#mypage .add_deliv{
	padding: 10px 0;
	}

#mypage .thanks{
	line-height: 2;
	}


/* Forgot
--------------------------*/

#miniwin{
	background: #FFFFFF;
	border-top: 3px solid #3D6620;
	border-bottom: 3px solid #3D6620;
	margin: 2em;
	padding: 2em;
	text-align: left;
	}

#miniwin h2{
	background: url(../templates/blue/images/mypage_h2.gif);
	margin-bottom: 1em;
	padding: 0 10px;
	height: 35px;
	line-height: 35px;
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
	}

#miniwin .frame{
	border: 3px solid #CCC;
	text-align: center;
	margin: 1em 0;
	padding: 4em 0;
	}

#miniwin .submit{
	text-align: center;
	padding: 1em;
	}