@charset "EUC-JP";
@import "header.css";
@import "footer.css";
@import "column.css";
@import "block.css";

/*
 * 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; }
.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: #fcfab0;
	font-size: 80%;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	text-align: center;
	margin: 0;
	padding: 1em 0 1em 0;
	}

table{
	font-size: 100%;
	margin: 0;
	padding: 0;
	}

.table{
	background: #CCCCCC;
	}

.table tr td{
	padding: 5px;
	}

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

hr{
	}

img{
	border: 0px;
	}

p{
	padding: 0;
	margin: 0.5em 0;
	}

h1,h2,h3,h4{

	}

h4{
	}

/* Link - ¥ê¥ó¥¯
-------------------------------------------------------- */

a:link, a:active{
	color: #33af1e;
	}

a:visited{
	color: #2e7a21;
	}

a:hover{
	color: #2e7a21;
	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: #c3d60a url(http://www.okomeno-funakubo.com/shop/img/user/background.gif) top repeat-x;
	width: 800px;
	margin: 0 auto;
	text-align: left;
	}



/* 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: 270px;
	text-align: center;
	}

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

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

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

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

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

#customerVoice{
	padding: 1em 0;
	}

#customerVoice .head{
	background: #0a5d01 url(../images/title_goods.gif);
	padding: 0 10px;
	height: 32px;
	line-height: 25px;
	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: #0a5d01 url(../images/title_goods.gif);
	padding: 0 10px;
	height: 32px;
	line-height: 25px;
	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(../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;
	}

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

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

#mypage{
	}

#mypage h2{
	background: url(../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(../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(../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(../images/about.gif) no-repeat;
	}

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

#navi a.navi04:hover{
	background: url(../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(../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(../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;
	}





table.calendar {
	padding: 0;
	margin: 0px;
	background-color:#fff;
}
table.calendar tr.headline td{
	font-size: 10px;
}
table.calendar th {
	text-align: left;
	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	color: #777777;
}
table.calendar th span {
	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯","Hiragino Kaku Gothic Pro W3","¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Osaka";
	cursor: pointer;
	float: right;
}
table.calendar td {
	border-bottom: solid 1px #CCCCCC;
	text-align: center;
	width: 23px;
	height: 20px;
	vertical-align: middle;
	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	line-height: normal;
	font-size: 10px;
	color: #333333;
}
table.calendar td.click {
	cursor: pointer;
	background-color: #FFFFFF;
}
table.calendar td.Today {
	font-weight: bolder;
	color: #009900;
	font-size: 12px;
}
table.calendar td.Sat {
	color: #000099;
	background-color: #FEFEFF;
}
table.calendar td.Sun {
	color: #ffffff;
	background-color: #FF7777;
}
table.calendar td.holyday {
	color: #ffffff;
	background-color: #FF7777;
}
table.calendar td.xday {
	font-weight: bolder;
	color: #009999;
	font-size: 14px;
}
table.calendar td.birthday {
	font-weight: bolder;
	color: #990000;
	font-size: 14px;
}