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

/* =================================================================
4.ヘッダ
使用ファイル：common/header.xhtml
=================================================================*/

/* smartphone - スマートフォン専用サイトへのリンク
-------------------------------------------------------------*/
#smartphone a{display:block; width:980px; height:220px; margin:auto; background:url("../../images/button_smartphone.png") no-repeat; text-indent:-9999px;}

/* preview - プレビュー時に表示するエリア
-------------------------------------------------------------*/
#preview{margin-bottom:10px; padding:5px; border-bottom:1px solid #CCC; background:#1C8600; color:#FFF; font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; font-size:80%; text-align:center;}
#preview table{width:800px; margin:auto;}
#preview .ico{width:20%; padding-right:10px; text-align:right;}
#preview .content{text-align:left;}

/* header - ヘッダ
-------------------------------------------------------------*/
#header{ position:relative; margin:0 auto; width:980px; height:80px; z-index:101; }
#header .logo { position:absolute; left:15px; top:0; width:190px;}
#header .logo a{display:block; overflow:hidden; padding:120px 0 0 0; height:0; background:url('../../images/header_title.png') no-repeat; }

/* menu - メニュー
-------------------------------------------------------------*/
#header .menu{float:right; width:775px;}
#header .menu .tagline{float:right; padding:15px 0 0 0; font-weight:bold; font-size:75%;}

#header .menu ul.btn{float:right; padding:0 10px 0 8px;}
#header .menu ul.btn li{float:left; padding:0 0 0 1px; font-size:0; line-height:1;}
#header .menu ul.btn li a:hover img{opacity:0.75; filter: alpha(opacity=75);}
#header .menu ul.nav{clear:both; padding:15px 2px 0 0;}
#header .menu ul.nav li{float:right; padding:0 8px 0 0; font-size:68.8%;}
#header .menu ul.nav li a{display:block; padding:0 0 0 8px; background:url(../../images/arw_r_01.gif) no-repeat 0 0.4em;}
#header .menu ul.nav li a:hover {opacity:0.75; filter: alpha(opacity=75);}

/* headerPanel - パネル
-------------------------------------------------------------*/
#headerPanel .panel { display:none; position:absolute; left:50%; margin:0 0 0 -490px; padding:40px 30px 30px 30px; width:920px; background-color:#fff; z-index:103; }
#headerPanel .panel .panelClose { position:absolute; bottom:-36px; width:120px; height:36px; cursor:pointer;}
#headerPanel .panel .panelClose img {font-size:0; line-height:1; display:block; vertical-align:bottom;}

/* loginPanel - パネル・ログイン
-------------------------------------------------------------*/
#headerPanel #loginPanel { top:-291px; border-bottom:#b88951 4px solid; }
#headerPanel #loginPanel>div{ border:#dbdada 1px solid; height:128px; background:#f5f4f4; }
#headerPanel #loginPanel>div .tab { padding:18px 0 16px 18px; }
#headerPanel #loginPanel>div .tab img { display:block; }
#headerPanel #loginPanel .member { float:left; width:626px; }
#headerPanel #loginPanel .member p { float:left; }
#headerPanel #loginPanel .member p input[type="text"],
#headerPanel #loginPanel .member p input[type="password"] {padding:4px 3px; border:#c9c9c9 1px solid; width:176px; border-radius:2px; font-size:13px;}
#headerPanel #loginPanel .member p.inputId { padding:8px 0 0 23px; }
#headerPanel #loginPanel .member p.inputPassword { padding:8px 0 0 9px; }
#headerPanel #loginPanel .member p.inputBtn { padding:0 0 0 23px; }
#headerPanel #loginPanel .member p.inputBtn input:hover {opacity:0.75; filter: alpha(opacity=75);}
#headerPanel #loginPanel .member p.error { clear:both; float:none; padding:0 0 0 25px; color:#ff0000; font-weight:bold; font-size:14px; }
#headerPanel #loginPanel .new { float:right; width:273px; }
#headerPanel #loginPanel .new p { text-align:center; }
#headerPanel #loginPanel .new p a:hover img {opacity:0.75; filter: alpha(opacity=75);}
#headerPanel #loginPanel ul { clear:both; padding:8px 0 0 0; }
#headerPanel #loginPanel ul li { padding:3px 0 0 0; font-size:75%; }
#headerPanel #loginPanel ul li a {padding:0 0 0 8px; background:url(../../images/arw_r_01.gif) no-repeat 0 0.4em;}
#headerPanel #loginPanel ul li a:hover{opacity:0.75; filter: alpha(opacity=75);}
#headerPanel #loginPanel .panelClose { right:130px; }

/* mypagePanel - パネル・マイページ
-------------------------------------------------------------*/
#headerPanel #mypagePanel { top:-291px; border-bottom:#b88951 4px solid; }
#headerPanel #mypagePanel>.inner { border:#d9d8d8 1px solid; padding:19px 0 19px 19px; width:897px; background:#eee; }
#headerPanel #mypagePanel .btn { float:left; padding:0 41px 0 0; background:url(../../images/hdr_mypagepanel_line_02.gif) repeat-y 274px 0; }
#headerPanel #mypagePanel .btn li { font-size:0; line-height:1; }
#headerPanel #mypagePanel .btn li+li { padding:13px 0 0 0; }
#headerPanel #mypagePanel .btn li a:hover { opacity:0.75; filter: alpha(opacity=75); }
#headerPanel #mypagePanel .membermenu { float:left; width:392px; min-height:122px; background:#fff url(../images/hdr_mypagepanel_line_01.gif) repeat-y 191px 0; }
#headerPanel #mypagePanel .membermenu .section { float:left; padding:15px 0 0 10px; width:185px; }
#headerPanel #mypagePanel .membermenu .section p { font-weight:bold; font-size:15px; }
#headerPanel #mypagePanel .membermenu .section ul { padding:9px 0 0 0; }
#headerPanel #mypagePanel .membermenu .section ul li { padding:1px 0 0 0; font-size:13px; }
#headerPanel #mypagePanel .membermenu .section ul li a { display:block; padding:0 0 0 13px; background:url(../../images/arw_r_02.gif) no-repeat 0 0.4em; }
#headerPanel #mypagePanel .logout { float:left; }
#headerPanel #mypagePanel input.button { padding:83px 0 0 20px; }
#headerPanel #mypagePanel input.button:hover{opacity:0.75; filter: alpha(opacity=75);}
#headerPanel #mypagePanel .panelClose { right:130px; }

/* loginPanel - パネル・カート
-------------------------------------------------------------*/
#headerPanel #cartPanel { top:-241px; border-bottom:#ea5b7a 4px solid; }
#headerPanel #cartPanel>.inner { margin:0 0 10px 0; border-top:#96938a 1px dotted; border-bottom:#96938a 1px dotted; padding:2px 0; }
#headerPanel #cartPanel .inner .inner { padding:30px 0 30px 30px; background:#f5f2e9; }
#headerPanel #cartPanel p { float:left; padding:15px 0 0 0; }
#headerPanel #cartPanel p.amount {}
#headerPanel #cartPanel p.amount strong { font-weight:bold; font-size:112.5%; }
#headerPanel #cartPanel p.total { padding-left:15px; }
#headerPanel #cartPanel p.total strong { color:#9f1a1a; font-weight:bold; font-size:112.5%; }
#headerPanel #cartPanel p.total span.tax { color:#333; font-weight:normal; font-size:72.2%; }
#headerPanel #cartPanel p.postage { padding:23px 0 0 5px; font-size:75%; }
#headerPanel #cartPanel p.postage span { color:#9f1a1a; }
#headerPanel #cartPanel p.btn { float:right; padding:0 30px 0 24px; width:278px; }
#headerPanel #cartPanel p.btn img { display:block; }
#headerPanel #cartPanel p.btn:hover img{opacity:0.75; filter: alpha(opacity=75);}
#headerPanel #cartPanel .panelClose { right:10px; }

/* overlayMask - オーバーレイマスク
-------------------------------------------------------------*/
#overlayMask { display:none; opacity:0; position:fixed; top:0; left:0; width:100%; height:100%; background:url(../../images/overlaymask.png); z-index:102; }

#itemList h1{ display:block; padding:22px 10px 0 44px; background:url(../../images/mkr_h2.gif) no-repeat 12px -4px; font-weight:bold; font-size:21px; z-index:2; }

.comment{
	margin-bottom:15px;

}

.goro_txt{
	background:#d6e4f5;
	padding:15px;
	margin:-10px 0;
	width:533px;
	font-size:14px;
}

.mu_txt{
	background:#f3f0d5;
	padding:15px;
	margin:-10px 0;
	width:533px;
	font-size:14px;
}

.ran_txt{
	background:#dae8c9;
	padding:15px;
	margin:-10px 0;
	width:533px;
	font-size:14px;
}

.kuri_txt{
	background:#f5ede2;
	padding:15px;
	margin:-10px 0;
	width:533px;
	font-size:14px;
}


.goro,.mu,.kuri,.ran{
	float:left;
}

.goro img{
	margin:0!important;
	padding:0!important;
}
.left{float:left;}


.topic_end{
	
	border-bottom:3px solid #ea5b7a;
	margin-top:30px;
}

.topic_end p{
	margin:10px 0 10px 20px;
}

#itemList .list_colum { border-top:#d9d8d8 1px solid; padding:35px 29px 36px; }
#itemList .list_colum h3 { margin:0 0 20px 0; border-bottom:#afafaf 1px solid; font-weight:normal; font-size:18px; }

.mR26{margin-right:26px;}
.colum_box{float:left;width:317px;padding-bottom:30px;}
.colum_box dl{}
.colum_box dt{font-size:18px;line-height:130%;}
.colum_box .category{text-align:right;font-size:10px;border-top:dotted 1px #CCCCCC;border-bottom:dotted 1px #CCCCCC;padding:5px 0;margin:5px 0;}
.colum_box .category .food{background:#82ac4e;padding:3px;color:#FFF;}
.colum_box .category .life{background:#c078c9;padding:3px;color:#FFF;}

.colum_box .txt{font-size:14px;}
.colum_box .next{text-align:right;font-size:14px;}




.colum_heading2{display:block; margin:30px 20px 10px 10px; padding:5px; border-bottom:#DDD 1px solid; border-left:#996c33 6px solid; font-size:80%;}


.heading001{
	padding:50px 0 0 40px!important;
	border-bottom:#ea5b7a 1px solid;
	color:#ea5b7a;
	font-weight:bold!important;
	font-size:24px;
	line-height:1.5;
	background:none;
}