@charset "EUC-JP";

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

/* EC-CUBE Blue Template Build: 0:22 2007/08/31 */


/*FORM*/
.box3 { width: 33px; }	/*W3*/
.box6 { width: 54px; }	/*W6*/
.box10 { width: 82px; }	/*W10*/
.box12 { width: 96px; }	/*W12*/
.box18 { width: 138px; }	/*W18*/
.box19 { width: 145px; }	/*W19*/
.box20 { width: 152px; }	/*W20*/
.box30 { width: 222px; }	/*W30*/
.box33 { width: 243px; }	/*W30*/
.box40 { width: 292px; }	/*W40*/
.box47 { width: 341px; }	/*W47*/
.area40 { width: 302px; height: 134px; }	/*W40×H8*/
.area45 { width: 337px; height: 290px; }	/*W40×H20*/
.area46 { width: 337px; height: 134px; }	/*W40×H8*/
.area50 { width: 372px; height: 290px; }	/*W50×H20*/
.area55 { width: 407px; height: 290px; }	/*W55×H20*/
.area65 { width: 444px; height: 290px; }	/*W65×H20*/
.area68 { width: 498px; height: 134px; }	/*W68×H8*/
.area80 { width: 572px; height: 134px; }	/*W80×H8*/
.area80_2 { width: 99%; height: 420px; }	/*W80×H30*/
.area92 { width: 666px; height: 160px; }	/*W92×H10*/
.area96 { width: 694px; height: 420px; }	/*W80×H30*/
.area96_2 { width: 694px; height: 160px; }	/*W80×H10*/

/*COLOR*/
.white { color: #ffffff; }
.whitest { color: #ffffff; font-weight: bold; }
.bold{font-weight: bold; font-size:11pt;}
.small { font-size: 80%;}
.red { color: #ec0000; }
.redst { color: #ec0000; font-weight: bold; }
.blue { color: #3a75af; }
.bluest { color: #3a75af; font-weight: bold; }
.black { color: #000000; }
.blackst { color: #000000; font-weight: bold; }
.orange { color: #ff6600; }
.orangest { color: #ff6600; font-weight: bold; }


/* green Additional Style
--------------------------------------------------------------------*/

/* General - サイト全体
-------------------------------------------------------- */

*{
	margin: 0;
	padding: 0;
	}

html{
	}

body{
	background: #E6E6E6;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0 0 1em 0;
	font-size: 80%;
	}

table{
	font-size: 110%;
	}

.table{
	background: #CCCCCC;
	}

.table tr td{
	padding: 5px;
　　　　　　　	line-height: 190%;
	}

th a:link, th a:active, th a:visited{
	}

hr{
	}

img{
	border: 0px;
	}

p{
	padding: 0;
                line-height: 190%;
                font-size:9pt;
	margin: 0.5em 0;
	}

h1,h2,h3,h4{

	}

h4{
	}

/* Link - リンク
-------------------------------------------------------- */

a:link, a:active{
	color: #0059A2;
	}

a:visited{
	color: #4DA0E6;
	}

a:hover{
	color: #FF9900;
	text-decoration: underline;
	}


/* Form - フォーム
-------------------------------------------------------- */

form {
	margin:0;
	padding:0
	}

textarea{
	font-size: 100%;
	}

/* List - リスト
-------------------------------------------------------- */

ul	{
	margin: 0 1.8em;
	padding: 0px;
	}

ol	{
	margin: 0 1.8em;
	padding: 0px;
	}

li	{
	line-height: 1.4em;
	}

/* Layout - レイアウト
-------------------------------------------------------- */

#wrap{
	background: #FFFFFF url(../templates/blue/images/wrap.jpg) repeat-y;
	width: 836px;
	margin: 0 auto;
	text-align: left;
	}


/* Header - ヘッダー */

#header{
	background: #FFFFFF url(../templates/blue/images/header.png);
	height: 115px;
	}

#header h1 {
	background: url(../templates/blue/images/logo.gif) no-repeat;
	position: relative;
	top: 30px;
	left:20px;
	width: 250px;
	margin: 0;
	padding: 0;
	}

#header .logo a{
	display: block;
	height: 70px;
	}

#header span{
	display: none;
	}

#header a:link,#header a:visited{
	color: #000;
	text-decoration: none;
	}

#usernavi{
	width: 270px;
	position: relative;
	top:22px;
	left: 530px;
	list-style: none;
	}

#usernavi li{
	float:left;
	}
	
#usernavi .mypage a{
	background: url(../templates/blue/images/mypage.gif);
	width: 78px;
	display: block;
	text-indent: -9999px;
	}

#usernavi .mypage a:hover{
	background: url(../templates/blue/images/mypage.gif) 0 -19px no-repeat;
	}

#usernavi .register a{
	background: url(../templates/blue/images/register.gif);
	width: 78px;
	display: block;
	text-indent: -9999px;
	}

#usernavi .register a:hover{
	background: url(../templates/blue/images/register.gif) 0 -19px no-repeat;
	}

#usernavi .viewcart a{
	background: url(../templates/blue/images/viewcart.gif);
	width: 110px;
	display: block;
	text-indent: -9999px;
	}

#usernavi .viewcart a:hover{
	background: url(../templates/blue/images/viewcart.gif) 0 -19px no-repeat;
	}


/* Container - コンテナ */

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

.cont_width_lc{ /* left column */
	width: 640px;
	}

.cont_width_rc{ /* right column */
	width: 820px;
	}

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

#container{
	float: right;
	text-align: left;
	display: inline; /* IE Fix */
	margin: 5px 8px 0 0;
	}


/* Left Column - 左カラム */

#leftcolumn{
	float: left;
	width: 178px;
	}

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

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

#leftcolumn table{
	}


/* Center Column - 中央カラム */

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

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

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

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

#centercolumn{
	float: left;
	margin-bottom: 2em;
	text-align: left;
	}

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

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

#centercolumn  .h2{
	background: #0059A2 url(../templates/blue/images/title_goods.gif);
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
               margin:10px 0px 0px 0px;
	}

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

#centercontents{
	}


/* Right Column - 右カラム */

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

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

.c-both{
	clear: both;
	}

/* Footer - フッター */

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

#footer{
	background: url(../templates/blue/images/footer.jpg) no-repeat bottom center;
	border-top: 1px solid #ccc;
	color: #666;
	font-size: 95%;
	line-height: 2.5em;
	padding: 10px 20px;
	}

#footer a:link, #footer a:visited, #footer a:active{
	text-decoration: none;
	}

#footer a:hover{
	}


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

.Title{
	background: #0059A2 url(../templates/blue/images/title_back.gif) repeat-x;
	height: 28px;
	line-height: 28px;
	color: #FFFFFF;
	font-weight: bold;
	}

.left{
	float: left;
	width: 10px;
	height: 28px;
	background: url(../templates/blue/images/title_Left.gif) no-repeat;
	}

.right{
	float: right;
	width: 10px;
	height: 28px;
	background: url(../templates/blue/images/title_Right.gif) no-repeat;
	}

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

#blockLogin .Title a{
	color: #FFF;
	}

#blockLogin .Content{
	text-align: center;
	}

#blockSearch{
	}

#blockSearch .Content{
	}

#blockCart{}

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

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

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

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

#blockCat{
	}

#blockNews{
	text-align: left;
	}

#blockNews h2{
	padding: 0;
	}

#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: 2px 0px 0px 2px;
	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 img{
	margin: 0px 5px 0px 0px;
                vertical-align:middle;
	}
#blockNews p{
	line-height: 150%;
	}

#blockNews dd p{
	padding: 0.5em 0;
	}

#blockPickup h2{
	padding: 0;
	}

#blockPickup p{
	text-align: left;
	}

#blockPickup .bseparate{
	clear: both;
	height: 15px;
	width: 460px;
}
#blockPickup .bsectionBox{
	float: left;
	width: 460px;
}
#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{
	margin: 1em 0;
	padding: 1em 0;
	border-bottom: 1px dotted #CCC;
	}

.goodsPhoto{
	width: 150px;
	float: left;
	text-align: center;
	}

.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{
	width: 420px;
	color: #E20059;
	margin-bottom: 1em;
	}

.goodsInfo{
	}

.goodsEx{
	border: 1px dotted #ccc;
	background: #F7F7F7;
	margin-left: 150px;
	padding: 5px;
	text-align: right;
	}

.goodsDetail{
	}

.goodsCart{
	padding: 5px;
	}

.goodsCart input{
	margin: 3px 0;
	}

.goodsQuery{
	background: #F0F0F0;
	padding: 5px;
	}

.goodsQuery .floatright{
	float:right;
	}

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

#detailBox{
	padding: 1em 0;
	}

#detailPicture{
	float:left;
	width: 280px;
	text-align: center;
	}

#detailData{
	float:right;
	width: 360px;
	}

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

.detailMaincom{
	padding: 1em;
	line-height: 1.5;
	}

#detailSubcom{
	padding: 1em 0;
	}
	
#detailSubcom h3{
	background: #0059A2 url(../templates/blue/images/title_goods.gif);
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	}

#detailSubcom .picture{
	float: right;
	width: 200px;
	}

#customerVoice{
	padding: 1em 0;
	}

#customerVoice .head{
	background: #0059A2 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: #0059A2 url(../templates/blue/images/title_goods.gif);
	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;
}
#detailPickup .bsection{
	float: left;
	width: 300px;
	padding: 7px 8px 7px 9px;
}

#detailPickup img{
	float: left;
}
#detailPickup p.bgoodsName{
	float: right;
	width: 230px;
	margin-bottom: 7px;
	font-weight: bold;
}
#detailPickup p.bgoodsName img{
	margin-right: 5px;
}
#detailPickup p.bgoodsPrice{
	float: right;
	width: 230px;
	margin-bottom: 2px;
	color: #FF3300;
}
#detailPickup p.bgoodsInfo{
	float: right;
	width: 230px;
	margin-bottom: 7px;
}
#detailPickup p.bgoodsInfo img{
	margin: 2px 2px 0px 0px;
}
#detailPickup p.bgoodsEx{
	clear: both;
	width: 290px;
}

/* 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 0 6px 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 #0059A2;
	border-bottom: 3px solid #0059A2;
	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;
	}
iframe{
	margin:0px 0px 10px 0px;
        padding:0px;
	}

#table1{
　　　　　　　	background: #CCCCCC;
　　　　　　　	margin:0px 0px 10px 0px;
	}

#table1 td{
	padding: 5px;
　　　　　　　	line-height: 190%;
                font-size:10pt;
                text-align:center;
	}