@charset "utf-8";

/* タイトル
----------------------------------------------- */
/* タイトルの背景 白 */
#login_area h2,
#search_area h2,
#calender_area h2,
#cart_area h2,
#cart h2 {
    padding: 5px 0 8px 10px;
    border-style: solid;
    border-color: #f90 #ccc #ccc;
    border-width: 1px 1px 0;
    background: url('../img/background/bg_tit_bloc_01.jpg') repeat-x left bottom;
    font-size: 14px;
}
#category_area h2 {
    border-top: solid 1px #f90;
    background: url('../img/background/bg_tit_bloc_01.jpg') repeat-x left bottom;
    padding: 5px 0 8px 10px;
    font-size: 14px;
}

/* タイトルの背景 オレンジ */
#recommend_area h2,
#news_area h2 {
    padding: 5px 0 8px 10px;
    border-style: solid;
    border-color: #f90 #ccc #ccc;
    border-width: 1px 1px 0;
    background: url('../img/background/bg_btn_bloc_02.jpg') repeat-x left bottom #fef3d8;
}


/* ***********************************************
▼各機能ブロックの指定
/*********************************************** */

/* ===============================================
section
=============================================== */
section {
	margin-bottom: 15px;
}

	section .sec_title { 
padding-bottom: 0px;
font-size: 120%;
font-weight: bold;
background-color: #e5e5e5;
padding: 3px 10px;
border: solid #cbcbcb 1px;
	}

/* ===============================================
item_list
=============================================== */
.item_list {
}

	.item_list li { clear: none; float: left; }
	.item_list li a,
	.item_list li a:hover { color: #333; }
		.item_list li .photo { margin-bottom: 5px; width: 153px; height: 153px; border: solid #e1e1e1 1px; overflow: hidden; }
			.item_list li .photo table { margin: 0; width: 100%; height: 100%; border: none; text-align: center; vertical-align: middle; }
				.item_list li .photo table td { padding: 0; width: 100%; height: 100%; border: none; text-align: center; vertical-align: middle; }
		.item_list li .item_name { font-size: 90%; font-weight: normal; }
		.item_list li .price { font-size: 90%; color: #ff0024; }

/* ===============================================
slide_block
=============================================== */
.slide_block {
	position: relative;
}

	.slide_block .frame { position: relative; overflow: hidden; }
		.slide_block .move { position: absolute; top: 0; left: 0; height: 100%; }
			.slide_block .move li { height: 100%; }

	.slide_block .prev,
	.slide_block .next { position: absolute; top: 0; display: block; width: 17px; height: 103px; background-position: left top; background-repeat: no-repeat; }
	.slide_block .prev { left: 0; background-image: url(../img/button/slide_prev1.gif); }
	.slide_block .next { right: 0; background-image: url(../img/button/slide_next1.gif); }
	.slide_block .prev:hover,
	.slide_block .next:hover { opacity: .6; filter: alpha(opacity=60); }

/* ==============================================
 ショッピングフロー
=============================================== */
#shopping_flow {
	margin-top: 20px;
}

	#shopping_flow h1 { padding: 5px 8px; background: #2a2a2a; font-size: 120%; font-weight: bold; color: #fff; }
	#shopping_flow ol { margin-top: 13px; }
		#shopping_flow ol li { float: left; }

/* ==============================================
 ショッピングフロー
=============================================== */
#shopping_guide {
}

	#shopping_guide h1 { margin-bottom: 20px; padding: 5px 8px; background: #2a2a2a; font-size: 120%; font-weight: bold; color: #fff; }
	#shopping_guide dl { float: left; width: 470px; }
	#shopping_guide .right_block { float: right; }
		#shopping_guide dl dt { padding: 5px 18px; background: url(../img/icon/circle.gif) no-repeat left center; border-bottom: dotted #b2b2b2 1px; font-size: 120%; font-weight: bold; }
		#shopping_guide dl dd { margin-bottom: 20px; }
			#shopping_guide dl dd p { padding: .6em 0; }
			#shopping_guide dl dd table { margin: 10px 0; width: auto; }
				#shopping_guide dl dd table th { background: #dcf2e9; }
			#shopping_guide dl dd .info { padding: 10px; width: 280px; background: #dcf2e9; }
				#shopping_guide dl dd .info span { padding-right: 25px; background: url(../img/icon/mail.gif) no-repeat right center; }
/* ==============================================
 ショッピングフローブロック
=============================================== */
#shopping_guide_block {
}

	#shopping_guide_block h1 { margin-bottom: 20px; padding: 5px 8px; background: #2a2a2a; font-size: 120%; font-weight: bold; color: #fff; }
		#shopping_guide_block dl dt { padding: 5px 18px; background: url(../img/icon/circle.gif) no-repeat left center; border-bottom: dotted #b2b2b2 1px; font-size: 120%; font-weight: bold; }
		#shopping_guide_block dl dd { margin-bottom: 20px; }
			#shopping_guide_block dl dd p { padding: .6em 0; }
			#shopping_guide_block dl dd table { margin: 10px 0; width: auto; }
				#shopping_guide_block dl dd table th { background: #dcf2e9; }
			#shopping_guide_block dl dd .info { padding: 10px; width: 280px; background: #dcf2e9; }
				#shopping_guide_block dl dd .info span { padding-right: 25px; background: url(../img/icon/mail.gif) no-repeat right center; }


/* ===============================================
▼現在のカゴの中
=============================================== */
#cart_area .information {
    padding: 10px;
}
#cart_area .postage {
    margin-top: 10px;
    padding-top: 10px;
    background: url("../img/background/line_dot_01.gif") repeat-x top;
}
#cart_area .postage .point_announce {
    padding: 2px 0 2px 20px;
    background: url("../img/icon/ico_price.gif") no-repeat left top;
}
#cart_area .btn {
    padding: 10px 0;
    background: url("../img/background/line_dot_01.gif") repeat-x top #f7f7e6;
    text-align: center;
}

/* ===============================================
▼検索
=============================================== */
#search_keyword {
	margin-bottom: 5px;
	padding: 8px;
	background: #f6f6f6;
}

	#search_keyword .search { float: left; width: 404px; }
		#search_keyword .search dt,
		#search_keyword .search dd { display: inline; }
		#search_keyword .search dt { margin-right: 10px; padding-left: 20px; background: url(../img/icon/glass.gif) no-repeat left center; font-size: 110%; font-weight: bold; }
			#search_keyword .search dd form { display: inherit; }
			#search_keyword .search dd .txt { padding: 3px; width: 210px; height: 20px; background: #fff; border: solid #a9a9a9 1px; box-shadow: inset 1px 1px 3px #ccc; vertical-align: middle; }
			#search_keyword .search dd .btn { margin-left: 10px; vertical-align: middle; }
	#search_keyword .keyword { float: right; padding-top: 3px; width: 560px; text-align: right; }
#search_keyword .keyword dt {background-position: left bottom;}
		#search_keyword .keyword dt,
		#search_keyword .keyword dd { display: inline; font-size: 100%; }
			#search_keyword .keyword dd a { margin-left: 5px; text-decoration: underline; }
#search_keyword .keyword dd {padding-bottom: 3px; }

/* ===============================================
▼トップメイン　2015/01/15　2と3の高さ変更186-154→170-170
  bxslider用に1行追加2016-0412
=============================================== */
#top_main {
	margin-bottom: 0px;
}
#top_main a { display: block;}
#top_main .bx-wrapper { float: left; width: 540px; height: 351px; position: relative; margin: 1 auto 0; padding: 0; *zoom: 1;}
	#top_main .first { float: left; width: 540px; height: 351px; background-image: url(../img/banner/bnr_first.png); }
	#top_main ul { float: right; width: 424px; }
		#top_main ul li { margin-bottom: 10px; }
		#top_main ul .second { height: 170px; background-image: url(../img/banner/bnr_second.png); }
		#top_main ul .third { height: 170px; background-image: url(../img/banner/bnr_third.png); }
	#top_main .bnr { background-position: left top; background-repeat: no-repeat; }
		#top_main .bnr img { visibility: hidden; }

/* ===============================================
top_pick_up_item
=============================================== */
#top_pick_up_item {
	border-bottom: solid #ccc 1px;
}

	#top_pick_up_item .slide_block { margin-top: 15px; }
		#top_pick_up_item .slide_block .frame { margin: 0 auto; padding-bottom: 20px; width: 945px; min-height: 100px; }
			#top_pick_up_item .slide_block .move {}
				#top_pick_up_item .slide_block .move li { position: absolute; top: 0; left: 0; height: auto; }
					#top_pick_up_item .slide_block .move li .photo { width: 98px; height: 98px; border: none; }

/* ===============================================
shop_ranking
=============================================== */
#shop_ranking {
}

	#shop_ranking .block { padding: 15px 16px; border: solid #cbcbcb 1px; border-top: none; }
		#shop_ranking .frame { position: relative; width: 620px; min-height: 200px; overflow: hidden; }
			#shop_ranking .move { position: absolute; top: 0; left: 0; }
				#shop_ranking .item_list { clear: none; float: left; width: 620px; height: 100%; }
					#shop_ranking .item_list li { padding-top: 30px; width: 25%; background-position: center top; background-repeat: no-repeat; }
					#shop_ranking .item_list .rank1 { background-image: url(../img/picture/rank1.gif); }
					#shop_ranking .item_list .rank2 { background-image: url(../img/picture/rank2.gif); }
					#shop_ranking .item_list .rank3 { background-image: url(../img/picture/rank3.gif); }
					#shop_ranking .item_list .rank4 { padding-right: 0; background-image: url(../img/picture/rank4.gif); }
						#shop_ranking .item_list li .photo { margin: 0 auto 5px; width: 140px; height: auto; }
						#shop_ranking .item_list li .item_name { margin: 0 auto; width: 140px; }
		#shop_ranking .nav { margin: 5px auto 0; width: 612px; }
			#shop_ranking .nav li { float: left; padding: 0 1px; width: 100px; text-align: center; }
				#shop_ranking .nav li a { display: block; padding: 8px 0; width: 100%; background: #e5e5e5; color: #333; }
				#shop_ranking .nav li a.on,
				#shop_ranking .nav li a:hover { background: #dcf2e9; }

/* ===============================================
bnr_multi
=============================================== */
.bnr_multi {
	margin: 0 0 5px -11px;
}

	.bnr_multi li {
		float: left;
		padding: 0 0 11px 11px;
	}

/* ===============================================
new_item
=============================================== */
#new_item {
}

	#new_item .slide_block { margin-top: 20px; }
		#new_item .slide_block .frame { margin: 0 auto; width: 570px; overflow: hidden; }
			#new_item .slide_block .move {}
				#new_item .slide_block .move li { width: 150px; height: auto; }
					#new_item .slide_block .move li .photo { margin: 0 auto 5px; width: 113px; height: 113px; }
					#new_item .slide_block .move li .item_name { margin: 0 auto; width: 115px; }

/* ===============================================
category_list
=============================================== */
#category_list {
	display: none;
}

/* ===============================================
information
=============================================== */
#information {
	/*border-bottom: solid #ccc 1px;*/
}

	#information .frame { margin:10px 0 0 10px; padding: 0 20px 0 10px; height: 100px; overflow-x: hidden; overflow-y: auto; }
		#information ul {}
			#information ul li { padding: 5px 0; font-size: 90%; }
				#information ul li dl {}
					#information ul li dl dt { float: left; width: 110px; }
					#information ul li dl dd { padding-left: 110px; }
			#information ul li .comment { padding-left: 110px; }

/* ===============================================
hotitem_style
=============================================== */
#hotitem_style {
}

	#hotitem_style .item_list { margin: 20px 0 0 -12px; }
		#hotitem_style .item_list li { padding-left: 12px; width: 205px; }
			#hotitem_style .item_list li .photo { width: 203px; height: auto; }
			#hotitem_style .item_list li .item_name { float: left; margin: 0 .5em .3em 0; }
			#hotitem_style .item_list li .price { margin: 0 0 .3em 1em; }

/* ===============================================
pick_up_item
=============================================== */
#pick_up_item {
}

	#pick_up_item .item_list { margin: 20px 0 0 -30px; }
		#pick_up_item .item_list li { padding-left: 30px; width: 140px; }
			#pick_up_item .item_list li .photo { width: 130px; height: auto; }

/************************************************
 side
************************************************ */

/* ==============================================
aside
=============================================== */
aside {
	margin-bottom: 14px;
	border: solid #c5c5c5 1px;
}

	aside h3 {
		font-size: 120%;
		font-weight: normal;
	}

/* ==============================================
side_bnr
=============================================== */
.side_bnr {
}

	.side_bnr li { margin-bottom: 12px; }

.side_qrcode {
	position: relative;
	width: 180px;
	height: 127px;
	background: url(../img/banner/smartphone.jpg) no-repeat left top;
}

	.side_qrcode img { position: absolute; top: 15px; left: 5px; }

/* ==============================================
side_login
=============================================== */
#side_login {
}

	#side_login .welcome { padding: 10px 10px 0; font-size: 110%; }
	#side_login dl {	padding: 5px 10px; font-size: 90%; }
		#side_login dl dt {}
		#side_login dl dd { margin-bottom: 5px; }
			#side_login dl dd input { width: 145px; border: solid #bbb 1px; }
	#side_login .point { font-size: 100%; }
		#side_login .point dt { float: left; width: 90px; font-weight: normal; color: #333; }
		#side_login .point dd { padding-left: 90px; }
	#side_login .memorize { padding: 0 10px; font-size: 90%; }
	#side_login .forget { padding: 5px 10px 0; font-size: 90%; }
	#side_login .btn { padding: 12px 0 15px; text-align: center; }
		#side_login .btn li { margin-top: 3px; height: 26px; }

/* ==============================================
side_cart
=============================================== */
#side_cart {
}

	#side_cart dl { padding: 15px 10px 0; word-break: break-all; }
		#side_cart dl dt { float: left; padding-left: 5px; width: 60px; font-weight: bold; }
		#side_cart dl dd { padding-left: 65px; }
	#side_cart .postage { padding: 10px 10px 0; text-align: center; }
		#side_cart .postage strong { color: #c00; }
	#side_cart .btn { padding: 15px 0; height: 26px; text-align: center; }

/* ==============================================
side_category
=============================================== */
#side_category {
	margin-bottom: 14px;
	border-top: dotted #aaa 1px;
}

	#side_category h2 { background: #ffffff; font-size: 110%; border-bottom: dotted #aaa 1px;}
		#side_category h2 a { display: block; padding: 5px 5px 5px 12px; background: url(../img/icon/arrow1.png) no-repeat 3px .75em; color: #333; }
	#side_category ul { border-bottom: dotted #aaa 1px; }
		#side_category ul li {}
			#side_category ul li a { display: block; padding: 5px 18px 5px 10px; background: url(../img/icon/arrow2.png) no-repeat 96% 1.2em; border-top: dotted #aaa 1px; color: #666; }
			#side_category h2+ul > li:first-child > a { border-top: none; }
			#side_category ul li.level3 a { padding: 5px 18px 5px 20px; }
			#side_category ul li.level4 a { padding: 5px 18px 5px 30px; }
			#side_category ul li.level5 a { padding: 5px 18px 5px 40px; }
			#side_category ul li ul { border-bottom: none; }

/* ==============================================
calendar
=============================================== */
#calendar {
}

	#calendar table { border: none; border-collapse: separate; border-spacing: 3px; }
		#calendar table caption { border-bottom: solid #d3d3d3 1px; text-align: center; font-weight: bold; color: #717171; }
		#calendar table th,
		#calendar table td { background: none; border: none; padding: 1px; text-align: center; font-size: 80%; color: #482900; }
		#calendar table .rest { background: #dcf2e9; }

/* ==============================================
side_guide
=============================================== */
#side_guide {
	padding: 10px;
}

	#side_guide h3 {}
	#side_guide ul {}
		#side_guide ul li { padding-top: 5px; }
			#side_guide ul li a { display: block; padding-left: 10px; background: url(../img/icon/arrow1.png) no-repeat left center; color: #333; }