/*	emall shop template
--------------------------------------------*/

/*[body]
-------------------------------------------*/
body {
	color:#333;
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:1.5em;
	position: relative;
	padding:0;
	margin:0;
	background:#fff;}
        body a:link,
        body a:visited,
            body a:active{
	color:#3399cc; }
        body a:hover{
	color:#3399cc; 
	text-decoration:none;}

/*[form]
-------------------------------------------*/
/*初期設定*/
form{
	margin:0;
	padding:0;}
textarea{
	font-size:12px;}
	
/*[table]
-------------------------------------------*/
/*初期設定*/
caption{
	margin:0;}

/*[iframe]
-------------------------------------------*/
iframe{
	overflow-x:hidden;
	margin:0 0 20px 0;
	padding:0;}

/*[list tag]
-------------------------------------------*/
/*初期設定*/
ul{
	width:auto;
	padding:0 0;
	list-style-type:disc;
	margin:5px 0 5px 25px;}
li{
	padding:0;
	margin:0;}

/*[img]
-------------------------------------------*/
/*初期設定*/
img{
	border:0;}


/*[indent]
-------------------------------------------*/
/* 汎用 */
.t_right input{
	text-align: right !important;}
.t_right{
	text-align: right !important; }
.t_left{
	text-align: left !important; }
.normal{
	font-weight: normal; }
.mb10{
	margin-bottom: 10px !important; }

/*[float]
-------------------------------------------*/
/*回り込み*/
.left{ 
	float:left;}
.right{ 
	float:right;}

/*[clearfix]
-------------------------------------------*/
/*回り込みの解除（共通）*/
.clear{ 
	clear:both;}
br.clear{
	height:0.1px;
	line-height:0;
	clear:both;}

/*回り込みの解除*/
.top_list_container:after,
#sub_menu:after,
#rank div.list:after,
.top_search_orange div.body:after,
.top_search_orange:after,
#main_menu:after,
div.contents:after,
.history_list_container:after,
.clearfix:after{
	content:url(../../../img/fixed.gif);/* 1x1の透過gif */
	display:block;
	clear:both;
	height:0;}

/*clearfix for IE7 over*/
#sub_menu,
div.contents,
.clearfix_for_ie7{
	zoom: 1;}

/*[font]
-------------------------------------------*/
.base_small {
	font-size: 11px;}
.hint{
	margin:5px 0px;
	font-size:11px;
	color:#999999;
	line-height:1.3em;
	border:none;}
.att{
	margin:5px 0px;
	font-size:11px;
	color:#ff0000;
	line-height:1.4em;
	border:none;}
.bold_black{
	font-size:14px;
	font-weight:bold;
	color:#202020;}
.bold_red{
	font-size:16px;
	font-weight:bold;
	color:#ff0000;}
.font_blue{
	color:#1964bb;}
.font_red{
	color:#ff0000;}
.font_orange{
	color:#FF6600;}

/*[button]
-------------------------------------------*/
/*データ送信ボタン*/
input.type_button{
	font-size:10px;
	color:#FFFFFF;
	margin:0;
	padding:0 2px;
	line-height:14px;
	background-color:#1f54bc;}

/*検索ボタン*/
input.search_button{
	font-size:12px;
	color:#6a3906;
	width:41px;
	height:20px;
	display:block;
	border:0;
	background:url(./img/button_search.gif) no-repeat;}
input.search_button span{
	display:none;}	

/*[main menu]
-------------------------------------------*/
#main_menu{
	width:1100px;
	margin:0 auto;
	padding:0;
	border-bottom:5px solid #109A08;}
#main_menu ul{
	margin:0;
	padding:0 10px 0 0;
	list-style:none;}
#main_menu li{
	display:inline;
	margin:0;
	padding:0;}
#main_menu a{
	float:left;
	font-weight:bold;
	background:url(./img/tableftF.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 10px;
	text-decoration:none;}
#main_menu a span{
	float:left;
	display:block;
	background:url(./img/tabrightF.gif) no-repeat right top;
	line-height:30px;
	padding:5px 27px 0px 12px;
	color:#23730c;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#main_menu a span{
	float:none;}
/* End IE5-Mac hack */
#main_menu a:hover{
	background-position:0% -35px;}
#main_menu a:hover span{
	color:#FFFFFF;
	background-position:100% -35px;}
#main_menu li.focus a{
	color:#FFFFFF;
	background-position:0% -35px;}
#main_menu li.focus a span{
	color:#FFFFFF;
	background-position:100% -35px;}

/*[sub menu]
-------------------------------------------*/
/*横列*/
#sub_menu{
	width:auto;
	margin:0 0 10px 0;
	padding:0;}
#sub_menu ul{
	margin:0;
	padding:0;
	list-style:none;}
#sub_menu li{
	display:inline;
	margin:0;
	padding:0;}
#sub_menu a{
	float:left;
	font-weight:bold;
	background:url("./img/tableftF2.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 10px;
	text-decoration:none;}
#sub_menu a span{
	float:left;
	display:block;
	background:url("./img/tabrightF2.gif") no-repeat right top;
	line-height:33px;
	padding:2px 27px 0px 14px;
	color:#1964bb;}
/* Commented Backslash Hack hides rule from IE5-Mac \ */
#sub_menu a span{
	float:none;}
/* End IE5-Mac hack */
#sub_menu a:hover {
	background-position:0% -35px;}
#sub_menu a:hover span{
	color:#fff;
	background-position:100% -35px;}
#sub_menu li.focus a{
	color:#fff;
	background-position:0% -35px;}
#sub_menu li.focus a span{
	color:#fff;
	background-position:100% -35px;}

/*[layout]
-------------------------------------------*/
div#wrapper{
	width:1100px;
	padding:0;
	margin:0px auto;
	background-color:#FFFFFF;}
div#container{
	width:auto;
	padding:0;
	margin:0;}
div#container h2{
	width:auto;
	color:#1a5309;
	font-size:16px;
	text-align:left;
	background-image:url(./img/back_05.gif);
	background-repeat:repeat-x;
	height:35px;
	line-height:35px;
	padding:10px 0 10px 10px;
	margin:0 0 10px 0;
	text-align:center;
}
/*[contents page]
-------------------------------------------*/
/*コンテンツ各ページデザイン*/	
div.index,
div.other{
	width:100%;
	padding:0;
	margin:0;}
div.regist,
div.check{
	width:85%;
	margin:8px auto 0 auto;
	padding:0;}

/*[contents]
-------------------------------------------*/
div.contents{
	width:auto;
	padding:0;
	margin:10px 0;}

/*[contents main]
-------------------------------------------*/
div.main{
	width:870px;
	float:right;
	margin:0;
	padding:0;}

/*タイトル*/
div.main h3.title{
	color:#ffffff;
	background-image:url(./img/back_06.gif);
	background-repeat:repeat-x;
	height:22px;
	margin:0 0 10px 0;
	padding:7px 0 0 7px;
	font-size:14px;}

/*2カラム*/
div.main div.left{
	width:630px;
	float:left;}
div.main div.right{
	width:230px;
	float:right;}	

/*[contents side]
-------------------------------------------*/
div.side{
	width:220px;
	float:left;
	margin:0;
	padding:0;}
	
/*リスト*/
div.side ul.common{
	width:auto;
	list-style:none;
    margin:10px 10px 0 10px;
	padding:0 0 0 15px;}
div.side ul.common li{
	text-align:left;
	vertical-align:middle;
	list-style-image:url(./img/icon_arrow_01.gif);
	padding:0 0 7px 0;
	margin:0 0 0 0;
	line-height:1.5em;}

/*[contents common]
-------------------------------------------*/
/*タイトル*/
h4.sub{
	color:#23720c;
	font-size:16px;
	font-weight:bold;
	border-left:7px solid #109A08;
	padding:5px 7px 5px 10px;
	margin:0 0 8px 0}

/*テキスト*/
div.contents p.common{
	padding:0 0 10px 10px;
	margin:0;
	line-height:1.8em;}

/*リスト*/
ul.common{
	list-style-position:outside;
    margin:0px 5px 0 10px;
	padding:0px;}
ul.common li{
	text-align:left;
	list-style-type:decimal;
	padding:0;
	margin:0 0 10px 25px;
	line-height:1.8em;}

/*リンク*/
div.link{
	text-align:right;
	margin:0 0 10px 0;}
div.link span{
	background:url(./img/icon_arrow_01.gif) no-repeat left;
	margin:0;
	padding:0 0 0 15px;}

/*コンテンツ内枠*/
.contents_box1{
	width:auto;
	padding:1px;
	margin:0 0 10px 0;
	background-color:#FFFFFF;
	border:1px solid #cccccc;}
.contents_box1 h3{
	color:#202020;
	text-align:left;
	font-size:14px;
	height:23px;
	background-color:#ffffff;
	padding:6px 0 0 10px;
	margin:0;
	background-image:url(./img/title_contents_02.gif);
	background-repeat:repeat-x;}

/*テーブル*/
.common1{
	width:auto;
	margin:0 0 15px 0;
	padding:15px 15px 0 15px;
	border: double #ccc;}
.common1 table{
	width:100%;
	margin:0 auto 15px auto;
	background-color: #b8dcdc;}
.common1 th,.common1 td{
	vertical-align:top;
	text-align:center;
	margin:0;
	padding:7px;}
.common1 th{
	background-color:#f1ffff;}
.common1 td{
	text-align:left;
	background-color:#fff;}


/*-------------------------------------[top]*/
/*商品カテゴリからの検索*/
.top_search_orange{
	width:100%;
	margin:0 0 10px 0;
	padding:0;}
.top_search_orange div.title{
	width:100%;
	height:30px;
	margin:0;
	padding:0;
	position:relative;
	background-image:url(./img/top_search_title_orange_2.gif);
	background-repeat:no-repeat;
	background-position:bottom;}
.top_search_orange h3{
	color:#ffffff;
	width:175px;
	font-size:14px;
	position:absolute;
	top:0;
	left:0;
	height:23px;
	margin:0;
	padding:7px 0 0 25px;
	background-image:url(./img/top_search_title_orange_1.gif);
	background-repeat:no-repeat;}
.top_search_orange div.body{
	width:612px;
	padding:8px 8px 0 8px;
	margin:0;
	background-color:#fefaed;
	border-bottom:1px solid #fbe299;
	border-right:1px solid #fbe299;	
	border-left:1px solid #fbe299;}
.top_search_orange ul.category{
	list-style-type:none;
	margin:0;
	padding:0;}
.top_search_orange ul.category li{
	width:29%;
	float:left;
	padding:0 10px 10px 15px;
	margin:0;
	line-height:1.5em;
	background: url(./img/icon_arrow_02.gif) no-repeat left 1px;}
.top_search_orange div.more,
.top_search_orange div.more a{
	color:#FF6600;}
.top_search_orange div.more{
	width:70%;
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	font-size:11px;
	font-weight:bold;}
.top_search_orange div.more ul{
	list-style-type:none;
	margin:0;
	padding:0;}
.top_search_orange div.more ul li{
	display:inline;
	padding:0 10px 10px 15px;
	margin:0;
	background: url(./img/icon_arrow_01.gif) no-repeat left 1px;}
.top_search_orange div.more a{
	text-decoration:none;}
.top_search_orange div.more a:hover{
	text-decoration:underline;}

/*新着の商品情報*/
.top_list_container{
	width:100%;
	margin:0 auto 8px auto;
	padding:0;}
.top_list{
	width:140px;
	margin:0 3px 6px 3px;
	padding:4px;
	float:left;
	text-align:left;
	background-color:#FFFFFF;
	border:1px solid #ccc}
.top_list p.shop{
	margin:0;
	padding:0;
	font-size:11px;
	text-align:right;
	line-height:1.2em;}
.top_list p.info{
	padding:0;
	margin:0;
	color:#444444;
	line-height:1.2em;}
.top_list p.price{
	font-size:11px;
	background:url(./img/icon_en.gif)  no-repeat left;
	margin:0;
	padding:0 0 0 18px;
	color:#444444;
	line-height:1.7em;}

/*今週の売れ筋ランキング*/
#rank{
	width:220px;
	margin:5px auto 0px auto;
	text-align:right;
	padding:0px 0px 5px 0px;}
#rank img{
	padding:0;
	margin:0 0 5px 0;}
#rank div.photo{
	width:120px;
	margin:0;
	padding:0;
	float:left;}
#rank div.info{
	margin:0;
	padding:0;
	float:right;}
#rank p.info{
	margin:0;
	padding:0;
	color:#444444;
	font-size:11px;
	line-height:1.2em;}
#rank p.shop{
	margin:0;
	padding:0;
	font-size:11px;
	line-height:1.2em;}
#rank p.price{
	font-size:11px;
	background:url(./img/icon_en.gif)  no-repeat left;
	margin:0;
	padding:0 0 0 18px;
	color:#444444;
	line-height:1.5em;}
#rank div.list{
	width:210px;
	margin:0 auto 5px auto;
	padding:5px;
	text-align:left;
	border-bottom:1px dotted #ccc;}
#rank p.rank1,
#rank p.rank2,
#rank p.rank3,
#rank p.rank_other{
	font-size:14px;
	margin:0 0 5px 0;
	padding:3px 5px 3px 25px;
	font-weight:bold;}
#rank p.rank1,
#rank p.rank2,
#rank p.rank3{
	color:#FF0000;}
#rank p.rank1{	
	background:url(./img/icon_crown_01.gif) no-repeat left top #f2f2f2;}
#rank p.rank2{	
	background:url(./img/icon_crown_02.gif) no-repeat left top #f2f2f2;}
#rank p.rank3,
#rank p.rank_other{
	background:url(./img/icon_crown_03.gif) no-repeat left top #f2f2f2;}
#rank div.info{
	width:85px;}
#rank p.info{
	margin:0;
	padding:0;
	color:#444444;
	font-size:11px;
	line-height:1.2em;}

/*[history]
-------------------------------------------*/
/*最近チェックした商品*/
.history_list_container{
	width:100%;
	margin:0 auto;
	padding:5px 0;}
.history_list{
	width:200px;
	margin:0 3px 0 3px;
	padding:5px;
	float:left;
	text-align:left;
	border:1px solid #ccc}
.history_list p.name{
	margin:0 0 5px 0;
	padding:3px 5px;
	font-weight:bold;
	color:#ffffff;
	background-color:#e8f3ff;}
.history_list div.info{
	width:70px;}
.history_list img{
	padding:0;
	margin:0 0 5px 0;}
.history_list div.photo{
	width:120px;
	margin:0;
	padding:0;
	float:left;}
.history_list div.info{
	margin:0;
	padding:0;
	float:right;}
.history_list p.info{
	margin:0;
	padding:0;
	color:#444444;
	font-size:11px;
	line-height:1.2em;}
.history_list p.shop{
	margin:0;
	padding:0;
	font-size:11px;
	line-height:1.2em;}
.history_list p.price{
	font-size:11px;
	background:url(./img/icon_en.gif)  no-repeat left;
	margin:0;
	padding:0 0 0 18px;
	color:#444444;
	line-height:1.5em;}

/*[img]
-------------------------------------------*/
/*画像表示*/
a.img_140x105,
a.img_120x90{
	display:block;
	position:relative;
	padding:0;
	margin:0;}
a.img_140x105 img,
a.img_120x90 img{
	position:absolute;
	top:0;
	left:0;}	
a.img_140x105 span,
a.img_120x90 span{
	display:none;}
a.img_140x105{
	width:140px;
	height:105px;
	background:url(./img/no_img_140x105.gif) no-repeat;}
a.img_120x90{
	width:120px;
	height:90px;
	background:url(./img/no_img_120x90.gif) no-repeat;}

/*[side]
-------------------------------------------*/
/*ログイン*/
div.login{
	background-color:#cffcc2;
	text-align:center;
	font-size:11px;
	padding:10px;
	margin:0;}
div.login table{
	width:100%;
	border:0;
	padding:0;
	margin:0 0 10px 0;}
div.login table	th{
	font-size:12px;
	color:#23720c;
	text-align:left;}
div.login table	td{
	text-align:left;}
div.login table td.type_input{
	width:58px;}
div.login table td.type_input input{
	font-size:11px;
	color:#6a3906;
	font-weight:bold;
	width:58px;
	height:20px;
	line-height:20px;
	display:block;
	border:0;
	background:url(./img/button_login.gif) no-repeat;}

/*登録・申し込みボタン*/
a.regist_button{
	width:70px;
	height:20px;
	margin:10px auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	background:url(./img/button_regist_m.gif) no-repeat;}
a.regist_button span{
	display:none;}

/*ユーザーログイン後*/
div.shop{
	margin:5px auto;
	padding:5px 0;
	width:210px;
	text-align:center;
	background-color:#f2f2f2;}
div.shop p.pr{
	color:#FF6600;
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:5px;} 
div.shop p.site{
	text-align:right;
	font-size:11px;
	margin:0;
	padding:5px 5px 0 5px;}
div.sub_cart{
	font-size:11px;
	text-align:center;
	margin:0;
	padding:5px;}
div.sub_cart img{
	margin:10px 0 0 0;}
div.sub_cart p.greeting{
	text-align:left;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
	color:#FF0000;}
div.sub_cart p.info{
	text-align:right;
	margin:0 0 10px 0;
	padding:0 25px 0 0;
	border-bottom:1px dotted #CCC;}
div.sub_cart p.info_sum	{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 12px;}

/*ショッピングカートのボタン(S)*/
.button_cart_s{
	width:160px;
	height:20px;
	margin:8px auto 5px auto;
	padding:0;
	text-align:center;}
.button_cart_s a{
	float:left;}
.button_cart_s a.up_button,
.button_cart_s a.cash_button{
	width:70px;
	height:20px;
	padding:0;
	margin:0 10px 0 0;
	display:block;}	
.button_cart_s a.up_button{
	background:url(./img/button_up.gif) no-repeat;}
.button_cart_s a.cash_button{
	background:url(./img/button_cash.gif) no-repeat;}
.button_cart_s a.my_cart span,
.button_cart_s a.up_button span,
.button_cart_s a.cash_button span{
	display:none;}
.button_cart_s a.my_cart{
	width: 160px;
	height: 20px;
	padding: 0;
	margin: 0;
	display: block;}
.button_cart_s a.my_cart{
	background: url(./img/button_my_cart.gif) no-repeat;}
.button_cart_s a.my_cart:hover	{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;}

/*お知らせデザイン*/
#news{
	width:96%;
	text-align:left;
	padding:0 auto;
	margin:0;}
#news p.date{
	font-weight:bold;
	padding:0;
	margin:0;}
#news ul{
	margin:10px 0 0 0;
	padding:0 0 0 25px;}
#news li{
	list-style-image:url(./img/icon_list.gif);
	font-size:11px;
	line-height:1.3em;
	border-bottom:1px dotted #ccc;
	padding:0px 0 7px 0;
	margin:0 0 7px 0;}
#news .news_more{
	text-align: right;
	margin: 0 0 7px 0;}

/*サイドメニュー*/
.side_menu ul{
	font-weight:bold;
	margin:7px auto 0 auto;
	padding:0 7px 0 7px;
	list-style-type:none;
	display:block;
	width:auto;}
.side_menu li{
	margin:0 0 2px 0;
	padding:0;
	position:relative;
	border-left:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	background-image:url(./img/side_menu_bg.gif);
	background-repeat:repeat-x;
	height:30px;}
.side_menu li a{
	display:block;
	position:absolute;
	top:4px;
	left:5px;
	text-decoration:none;
	color:#202020;
	padding:0 0 0 17px;
	line-height:25px;
	width:auto;
	background:url(./img/side_menu_arrow_off.gif) no-repeat;}
.side_menu li a:hover,
.side_menu li a.current,
.side_menu li a.current:hover{
	background:url(./img/side_menu_arrow_on.gif) no-repeat;}

/*[form]
-------------------------------------------*/
/*登録/編集/問い合わせ　テーブル*/
.form_table{
	width:auto;
	border:2px dotted #ababab;
	margin:0 auto 15px 0; 
	padding:20px;}
.form_table table{
	width:100%;
	margin:0 0 15px 0;
	background:#e0e0e0;
	border:1px solid #ccc;}
.form_table caption{
	color:#666;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding:5px 0;
	margin:0 auto;}
.form_table th,.form_table td{
	vertical-align:top;
	margin:0;
	padding:10px;}
.form_table th{
	text-align:right;
	background-color:#fff;}
.form_table th.error{
	text-align:right;
	background-color:#fff3f3;}
.form_table th.color{
	text-align:center;
	background-color:#f2f2f2;}
.form_table td{
	text-align:left;
	background-color:#FFFFFF;}
.form_table th.center,.form_table td.center{
	text-align:center;}
.form_table table td.block_radio label	{
	display: block;
	margin: 0 0 5px 0;}

/*[check]
-------------------------------------------*/
/*登録/編集/削除の確認　テーブル*/
.check_table{
	width:auto;
	border:double #ccc;
	margin:10px 0 0 0;
	padding:15px;}
.check_table table{
	margin:0 0 15px 0;
	width:100%;
	background-color:#e0e0e0;
	border:1px solid #AAA;}
.check_table caption{
	text-align:left;
	color:#fff;
	background-color:#AAA;
	font-size:14px;
	font-weight:bold;
	padding:5px 5px 5px 10px;
	margin:0 auto;}
.check_table th,.check_table td{
	vertical-align:top;
	margin:0;
	padding:5px;
	background-color:#fff;}
.check_table th{
	width:30%;
	text-align:right;}
.check_table td{
	text-align:left;}

/*[icon]
-------------------------------------------*/
/*アイコン表示*/
.icon{
	width:100%;
	height:20px;
	margin:0;
	padding:5px 0 0 0;}
.icon img{
	margin:0 4px 0 0;
	padding:0;}	
.icon span{
	display:none;}

/*[information]
-------------------------------------------*/
/*メッセージ*/
#message{
	text-align:center;
	background-color:#e8f3ff;
	padding:50px 0;
	margin:0;}
#message span{
	width:30px;
	height:30px;
	display:block;
	background:url(./img/icon_i.gif) no-repeat left;
	margin:0 auto;
	padding:0}

/*エラー*/
.error{
	font-size:11px;
	color:#ff0000;
	line-height:1.5em;
	padding:0 0 5px 0;}

/*[pr_message_box]
-------------------------------------------*/
/*非販売店用トップページ PRメッセージ*/
#pr_message_box{
	width:100%;
	padding:0;
	margin:20px auto;
	position:relative;}
#pr_message_box p{
	margin:0 0 10px 0;
	padding:0;}
#pr_message_box p.subject{
	font-size:18px;
	font-weight:bold;
	color:#23720C;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:2px dotted #ccc;}
#pr_message_box p.text{
	font-size:14px;
	text-align:left;
	padding:0;
	margin:0;}