@charset "UTF-8";
/* CSS Document */

/*============================
　カラー変更
==============================*/
body,h1,#atama{background:#EFEFE3;}
#kanban,#footer{background-color:#AA0000;}
h2{background:url(img/h2BK.gif) repeat-x 0 16px;}
#body{background:url(img/bodyBK.gif) repeat-y #fff;}
h3{border-left-color:#c00;}

/*============================
 ボーダー変更
==============================*/
#atama,#body,h1,h2{border:none;}

/*============================
 サイズ変更
==============================*/
#atama{height:100px;}
h1{height:72px;}
#aside {width:180px;margin-left:20px;}
#content{margin:0 5px 0 220px;padding:20px 10px 0 0;}
#atama form .searchform{margin:0;}
#footer{height:50px;padding-top:5px;}

/*============================
 文字変更
==============================*/
#content h2 span.txt{
	font-size:16pt;
	color:#000;
}
#content h2 span.shohin{
	font-size:16pt;
	letter-spacing: normal;
	display:block;
	padding-top:0.1em;
	padding-left:1em;
	color:#000;
}
#content h2 span.comp{
	font-size:10pt;
	letter-spacing: normal;
	margin-left:10px;
	font-weight:normal;
	color:#000;
}

#content p{font-family:serif}
#footer p{color:#fff;font-size:12px;margin-left:100px;}


/*============================
上部ナビボタン
==============================*/

#atama #kanban{height:28px;}

#kanban dt,#kanban dd{
	float:left;
	margin:0px;
}
#kanban dt{
	margin-right:60px;
}
#kanban dt a,#kanban dd a{
	display:block;
	text-align:center;
	color:#fff;
	line-height:28px;
	width:130px;
	height:28px;
	font-weight:bold;
}
#kanban dt a:hover,
#kanban dd a:hover{
	background-color:#ffffff;
	color:#AA0000;
}
#kanban form{
	float:right;
	position:static;
	width:210px;
	height:28px;
}
.searchform .formfield{margin:0;height:18px;}
.searchform .formbutton{margin: 4px 4px 0 0px;height:19px;}


/*============================
　アサイドメニュー（エンボスボーダー）
==============================*/
#aside dl{
	background:none;
	border-right:1px #600 solid;
	border-bottom:1px #600 solid;
	margin-bottom:50px;
}
#aside dl dt{
	height:30px;
	padding-top:0.5px;
}
#aside dl dt a{
	background:#de0000;
	padding-top:8px;
	height:22px;
}
#aside dl dt a strong{
	color:#dedede;
}
#aside dl dt a:hover{
	background:#bb0000;
}
#aside dl dt a span.kage{display:none;}
#aside dl dt a span.desc{display:none;}

#aside dl dd a{
	color:#dedede;
	background:#de0000;
	border-top:1px solid #cbcbcb;
}

#aside dl dt a:hover,#aside dl dt.ima a{background:#880000;}
#aside dl dt a:hover strong,#aside dl dt.ima a strong{color:#fff;}
#aside dl dd a:hover,#aside dl dd.ima a{background:#880000;color:#fff;}

.loginform .formfield{
	width: 150px;
	margin-left:10px;
}

/*============================
ナビ上
==============================*/
.naviUe{
	margin:20px 0 15px  0;
	text-align:center;
	font-size:8px;
}

#access_counter{
margin:0 0 5px 0;
text-align:center;
}
#access_counter img{
vertical-align:middle;
margin-bottom:3px;
}




/*============================
カレンダー
==============================*/
table.calendar {
	border-collapse:separate;
	margin:0 0 20px 10px;
}
table.calendar caption {
	color:#fff;
	padding:1px;
	font-size:12px;
	font-weight:bold;
	background-color:#a00;
	margin:2px;
}
table.calendar th,table.calendar td {
	background-color:#fff;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	padding:1px 2px;
	font-size:10px;
	color:#333;
	height:15px;
}
table.calendar th {
	text-align:center;
}
table.calendar td {
	text-align:right;
	letter-spacing:1px;
}
table.calendar td.saturday,
table.calendar td.sunday,
table.calendar td.holiday{
	color:#c00;
}
table.calendar td.today{
	background-color:#ff6;
}


/*============================
追加レイアウトなど
==============================*/
.bold{font-weight:bold;}
.red{color:#c00;}
.small{font-size:0.8em;font-weight:normal;}

#ourcomp,#content p,#content li,#content dt,#content dd{font-family:serif;}
#content .gosic{font-family:sans-serif;}
#content .big{font-size:1.2em;}

#content dt{font-family:sans-serif;font-weight:bold;color:#000;}

#kisetu{
	height:200px;
	height:AUTO;
	padding-left:10px;
}
#kisetu img.kisetuImg{
	float:left;
	width:240px;
	height:180px;
	margin:0 5px 5px 0;
}
#kisetu dl{
	border:none;
}
#kisetu dt{
	font-size:1.2em;
	margin-bottom:20px;
}
#kisetu dd.sub{
	font-weight:bold;
	font-size:1.2em;
	color:#c00;
	text-align:right;
}


#pickup{height:300px;}
#pickup h2,#ourcomp h2{margin-bottom:5px;}
#pickup dl{
	float:left;
	height:120px;
	width:270px;
	margin:0 5px 5px 0;
	border:1px dotted #666;
	border-width:0 1px 1px 0;
	overflow:hidden;
}
#pickup dl img{
	width:100px;
	height:100px;
	float:left;
	margin:5px;
}
#pickup dd.tag{
	font-family:sans-serif;
	font-weight:bold;
	margin:0 5px 2px 105px;
	color:#c00;
	padding-left:20px;
	text-align:left;
	border:2px #c00 solid;
	border-width:2px 0;
	line-height:1em;
	letter-spacing:2px;
}

.fb-like-box{
	float:right;
}
.fb-like{
	float:right;
}



/*============================
商品ページ
==============================*/
#shohin img.kasimg{
	height:300px;
	width:300px;
	border:2px solid #33c;
}
#shohin p.setumei{
	width:300px;
	margin:20px 0 20px 10px;
	line-height:1.4em;
}
#shohin table.spec,#shohin dl{
	width:240px;
	margin:0 0 20px 10px;
}
#shohin table.spec *,#shohin dl *{
	line-height:1.4em;
}
#shohin table.spec td,#shohin table.spec th{
	font-size:8pt;
	background-color:#cff;
	padding:2px;
	border-right:1px solid #006;
	border-bottom:1px solid #006;
	color:#000;
}
#shohin table.spec th{
	text-align:left;
	background-color:#03c;
	color:#efefef;
}
#shohin table.spec td.code{
	font-weight:bold;
	letter-spacing:1px;

}

/*============================
商品リスト
==============================*/
.shohinlist{margin-top:20px;}
dl.kasiList{margin-top:0;}
.kasiList dd.leftbox{margin:5px 10px 0 0;}
.kasiList img.kasimg{width:120px;height:120px;border:1px solid #339}
.kasiList a:hover img.kasimg{border:1px solid #f00}
.kasiList dt{background-color:#069;}
.kasiList dt a,.kasiList dt span.small{color:#dedede;}
.kasiList dt a:hover{color:#fff}
.kasiList a:hover{text-decoration:underline;}
.kasiList dd.setumei{height:44px;overflow:hidden;}
#content .coment .kasiList dd.setumei a{line-height:20px;}
.kasiList .morelink{text-align:right;margin-right:50px;margin-bottom:10px;}
.kasiList .morelink a{color:#900;}
.kasiList .morelink a:hover{color:#c00;}
.kasiList b{color:#222222;}
.kasiList .spec b{letter-spacing:-1px;}

.coment div.cat30{display:none;}

p.editlink01{
	background-color:#09c;
	margin-bottom:0;
	text-align:center;
}
p.editlink01 a{
	color:#dedede;
}
p.editlink01 a:hover{
	color:#fff;
}


.shohinlist .listbox{
	float:left;
	text-align:center;
	margin:1px;
}
.photoList img.kasimg{
	width:80px;
	height:80px;
	margin:5px 0;
}
.photoList a b{
	color:#000;
}
.photoList a{
	display:block;
	width:135px;
	height:150px;
	background-color:#efefef;
}
.photoList a:hover{
	background-color:#ccefef;
}

.shohinlist .listbox .editlink{
	border-bottom:1px solid #ccc;
	background-color:#09c;
	margin-top:5px;

}
.shohinlist .listbox .editlink a{
	color:#dedede;
}
.shohinlist .listbox .editlink a:hover{
	color:#fff;
}

#content .coment .kiji .listbox a,
#content .coment .kiji .photoList,
#content .coment .kiji .photoList a,
#content .coment .kiji .photoList a b{
	font-size:12px;
	line-height:12px;
}



/*============================
問合せフォームなど
==============================*/

.toiawaseForm td{padding-top:5px;}
.toiawaseForm .keiSen,.toiawaseForm .dai{border-bottom:#D4D2CF 1px solid;}
.toiawaseForm .w400{width:400px;}
.toiawaseForm h3{margin-top:20px;}
.toiawaseForm .dai{font-weight:bold;text-align:right;padding-right:3px;}
.toiawaseForm input,.toiawaseForm textarea{
	border: 1px solid #868686;
	border-color:#868686 #D4D2CF #D4D2CF #868686;
}

.formbot{
	background: white;
	border: 1px solid #868686;
	border-color:#D4D2CF #868686 #868686 #D4D2CF;
width:100px;
}