@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: 30px;
}

	section .sec_title { padding-bottom: 5px; border-bottom: solid #ccc 1px; font-size: 120%; font-weight: bold; }

/* ===============================================
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: #ffe9eb; }
			#shopping_guide dl dd .info { padding: 10px; width: 280px; background: #ffe9eb; }
				#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: #ffe9eb; }
			#shopping_guide_block dl dd .info { padding: 10px; width: 280px; background: #ffe9eb; }
				#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: 10px;
	padding: 8px;
	background: #f6f6f6;
}

	#search_keyword .search { float: left; width: 474px; }
		#search_keyword .search dt,
		#search_keyword .search dd { display: inline; }
		#search_keyword .search dt { display:none; 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: 380px; height: 20px; background: #fff; border: solid #a9a9a9 1px;  vertical-align: middle;font-size:115%; border-right:none;}
			#search_keyword .search dd .btn { vertical-align: middle; border: 1px solid #737373;}
	#search_keyword .keyword { float: right; padding-top: 3px; width: 490px; text-align: right; }
		#search_keyword .keyword dt,
		#search_keyword .keyword dd { display: inline; font-size: 115%; }
			#search_keyword .keyword dd a { margin-left: 10px; }

/* ===============================================
▼右サイド固定バナー
=============================================== */
div#right-side{
	overflow: visible;
	position:fixed;
	display:block;
	right:0px;
	top:80px;
	//top:100px;
	z-index:9999;
}
div#right-side ul li{
	display:inline;
}
div#right-side ul li a{
	display:block;
	margin-bottom:5px;
}
div#right-side ul li a img{
	border:0;
}
div#right-side ul li a:hover{
	position:relative!important;
	right:0px!important;
}
/* ===============================================
▼ヘッダー横３並びバナー
=============================================== */
div.header-bn ul{
	overflow:hidden;
}
div.header-bn ul li{
	float:left;
	width:321px;
	margin:0 8.5px 10px 0;
}
div.header-bn ul li:nth-last-child(1){
	margin:0 0 10px 0;
}

/* ===============================================
▼トップメイン
=============================================== */
#top_main {
	margin-bottom: 20px;
}
#top_main a { display: block; width: 100%; height: 100%; }

	#top_main .first { float: left; width: 540px; height: 351px; background-image: url(/sp/project/estyle-bn540.jpg); }
	#top_main ul { float: right; width: 424px; }
		#top_main ul li { margin-bottom: 10px; }
		#top_main ul .second { height: 186px; background-image: url(/sp/flyer/flyer-bn424.gif); }
		#top_main ul .third { height: 154px; background-image: url(/sp/pocket-gym/coupon/pocket-gym-422bn.jpg); }
	#top_main .bnr { background-position: left top; background-repeat: no-repeat; border: solid #cbcbcb 1px; }
		#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: 20px; }
		#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: 20px 16px;  }
		#shop_ranking .frame { position: relative;  min-height: 200px; overflow: hidden; }
			#shop_ranking .move {/* position: absolute; top: 0; left: 0; */}
				#shop_ranking .item_list { clear: none; float: left;  height: 100%; }
					#shop_ranking .item_list li {
						 padding-top: 30px;
   					 	width: 18%;
   						 background-position: center top;
    					background-repeat: no-repeat;
    					margin-right: 2%;
					  }
					#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 { background-image: url(../img/picture/rank4.gif); }
					#shop_ranking .item_list .rank5 { background-image: url(../img/picture/rank5.gif); }
						#shop_ranking .item_list li .photo { margin: 0 auto 5px; width: 100%; height: auto; border:none;}
						#shop_ranking .item_list li .item_name { margin: 0 auto; width: 100%; height: 4.5em; overflow: hidden;position:relative;word-break: break-all;}

		#shop_ranking .nav { margin: 25px 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: 12px 0; width: 100%; background: #e5e5e5; color: #333; }
				#shop_ranking .nav li a.on,
				#shop_ranking .nav li a:hover { background: #ffcfd3; }

#rank_target1 li div a img {
    width: 100%;
}
#shop_ranking .item_list li .item_name:after{
    content: "…";
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1.5em;
    height: 1.5em;
    display: block;
}


/* ===============================================
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; }

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

	#information .frame { margin: 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: 138px; height: auto; }

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

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

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

/* ==============================================
side_bnr
=============================================== */
.side_bnr {
	overflow:hidden;
}

	.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_bnr li.fb,.side_bnr li.twi{
	width:47.5%;
}

.side_bnr li.fb{
	float:left;
}

.side_bnr li.twi{
	float:right;
}


/* ==============================================
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_member_rank
=============================================== */

#side_member_rank div{ padding: 10px; }


/* ==============================================
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;
}

#side_category ul li{cursor:pointer;}
	#side_category h2 { display:block; padding: 5px 5px 5px 7px;background: #f3f3f3; font-size: 110%; border-bottom: solid #fff 1px;}
	
	#side_category .cat02, #side_category .cat03{display:none; padding: 0; font-size: 100%; }
	#side_category .cat2 {padding: 5px 0 5px 0;}
	
	#side_category .cat02{border-bottom: solid #fff 1px; background:#F9F9F9; padding-left:0; text-indent:1em;}
	#side_category .cat03{border-top: solid #fff 1px;padding: 4px 3px 3px 1em; }

	#side_category h2:hover,#side_category .cat2:hover { background-color: #dadada;}
        #side_category ul li div.on h2{background:#dadada;}
	#side_category a{display:inline;}

	#side_category ul { }
/*		#side_category ul li {padding: 5px 18px 5px 10px; border-top: solid #fff 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; }

	#side_category div.cat01.on .cat02{display:block;}
	#side_category div.cat01 .cat02.on .cat03{display:block !important;}

/* ==============================================
footer_category
=============================================== */

/* category_list */
#category_list {
	display: 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: #fdd1d5; }

/* ==============================================
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; }