@charset "utf-8";

/* ==============================================
ブロック共通
    * #container から指定することで、ヘッダー・フッターには適用していない。
/* ============================================= */
.block_outer {
	clear:both;
}
.side {
    overflow-x: hidden; /* IE6 表示乱れ防止 */
}
#container .block_outer {
    margin-bottom: 20px;
}
.block_outer .block_body {
	padding:0;
    background-color: #fff;
}

/* タイトル
----------------------------------------------- */
.block_outer h2 {
	font-size:110%;
	margin-top:10px;
	margin-bottom:10px;
}
.main .block_outer h2 {
	padding-left:1px;
}
.main .block_outer h2 .title {
	background-color:#eee;
	color:#333;
	padding:5px 0 5px 5px;
}
#side .block_outer h2 {
	padding-left:1px;
	border-left:#777 10px solid;
}
#side .block_outer h2 .title {
	background-color:#999;
	color:#FFF;
	padding:2px 0 2px 5px;
}

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

/* ===============================================
▼検索
=============================================== */
/* レスポンシブナビ・サイドカラム配置 */
.search_area dl.formlist {
    margin-bottom: 8px;
    width: 100%;
	text-align:left;
}
.search_area dl.formlist select {
	width:100%;
}
.search_area dl.formlist input.name {
	width:95%;
}
.search_area .search_price_belt {
	margin-top:10px;
	padding-top:10px;
	border-top:#CCC 1px dotted;
}
.search_area .search_price_belt li {
	padding-left:12px;
	background:url(../img/icon/ico_arrow_03.gif) 0 3px no-repeat;
	text-align:left;
}

.popup_search .search_area h2 {
	display:none;
}
.popup_search .search_area .search_price_belt {
}

/* ===============================================
▼現在のカゴの中
=============================================== */
/* レスポンシブナビ・サイドカラム配置 */
#cart_area_fix {

}
.cart_area {
	clear:both;
	text-align:left;
}
.cart_area .none {
	margin-bottom:5px;
}
.cart_area .information {
}
.cart_area .look {
	display:none;
}
.cart_area .postage {
    margin-top: 10px;
    padding-top: 10px;
    background: url("../img/background/line_dot_01.gif") repeat-x top;
}
.cart_area .btn {
    padding: 10px 0;
    background: url("../img/background/line_dot_01.gif") repeat-x top #f7f7e6;
    text-align: center;
}

/*ヘッダーに配置*/
#header_utility .cart_area .none {
	display:none;
}
#header_utility .cart_area {
	position:relative;
	top:5px;
	margin-bottom:5px;
}
#header_utility .block_body {
	background:none;
}
#header_utility .cart_area h2,
#header_utility .cart_area .btn_area {
	display:none;
}
#header_utility .cart_area .information {
    padding: 20px 0 0 0;
	float:right;
}
#header_utility .cart_area .look,
#header_utility .cart_area .item,
#header_utility .cart_area .total {
	float:left;
	padding:0 5px;
}
#header_utility .cart_area .look {
	display:block;
}
#header_utility .cart_area .item,
#header_utility .cart_area .total {
	border-bottom:1px dotted #999;
}
#header_utility .cart_area .postage {
    margin: 0;
    padding: 0;
	position:absolute;
	top:0;
	right:0;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom;
}
#header_utility .cart_area .discount {
	display:none;
}

@media only screen and (min-width: 768px) {
#cart_area_fix {
/*
	width:215px;
	position:fixed;
	z-index:999;
	top:190px;
    font-size:80%;
*/
}
}

/* ===============================================
▼レスポンシブナビのログイン
=============================================== */
/* レスポンシブナビメニューの色
----------------------------------------------- */

/* ナビメニューバーの背景色 */
#mean_nav_area,
.mean-container .mean-bar {
	background: #26499d;
	height:40px;
}
/* IE7対応 */
*+html #logo_area {
	background: #0c1923;
	height:20px;
}
/* ×印 */
.mean-container a.meanmenu-reveal {
color: #fff;
}
/* 3本線 */
.mean-container a.meanmenu-reveal span {
background: #fff;
}
/* メニュー項目の文字色 */
.mean-container .mean-nav ul li {
color: #fff;
}
/* メニュー項目の背景色 */
.mean-container .mean-nav { 
	background-color: #666;
}
/* メニュー項目のオンマウス時の背景色 */
.mean-container .mean-nav ul li:hover {
	background-color:#0c1923;
}

/* サイト概要文
----------------------------------------------- */
#site_description {
	color:#FFF;
}

/* 商品検索・ログイン・カゴの中
----------------------------------------------- */

/* 文字色 */
.header_nav_btn li.nav_btn a {
	color:#FFF;
}
/* オンマウス時の文字色 */
.header_nav_btn li.nav_btn a:hover {
	color:#ddd;
}
/* 「ログイン中」の文字色 */
.header_nav_btn li.nav_btn a.true {
	color: #FC6;
}
/* 「ログイン中」のオンマウス時の文字色 */
.header_nav_btn li.nav_btn a.true:hover {
	color: #F90;
}
.header_nav_btn #cart_area_fix {
	position:static;
}

/* ログイン（ヘッダー用）
----------------------------------------------- */
#header_login_area {
	text-align:left;
}
#header_login_area dl {
	margin-bottom:10px;
}
#header_login_area a {
	text-align:center;
	margin-top:5px;
}
#header_login_area p#welcome {
	line-height:1.8em;
}
#header_login_area #mypage a {
	margin-bottom:10px;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:2px 0;
	background-color:#eee;
	font-weight:bold;
}
#header_login_area #mypage a:hover {
	background-color:#ddd;
	color:#333;
}
#header_login_area .b_login_header {
	width:100%;
}



/* ===============================================
▼フォントサイズ
=============================================== */
/*サイドカラムに配置*/
.fontsize_area {
}
.fontsize_area #fontsize_body {
	width:100%;
}
.fontsize_area #fontsize_body #text {
	width:40%;
	float:left;
	font-size:11px;
}
.fontsize_area #fontsize_body #fontsize {
	width:59%;
	float:right;
}
.fontsize_area #fontsize_body #left,
.fontsize_area #fontsize_body #right {
	float:left;
	margin:0;
	padding:0;
	cursor:pointer;
}
.fontsize_area #fontsize_body #left {
	margin-right:1%;
}

/*ヘッダーに配置*/
#header_utility .fontsize_area {
	position:relative;
	top:5px;
	width:170px;
	margin-left:auto;
	margin-right:0;
	height:20px;
}
#header_utility .fontsize_area #fontsize_body #text {
	padding-top:2px;
}
#header_utility .fontsize_area #fontsize_body {
	text-align:right;
}

/* ===============================================
▼グローバルナビ
=============================================== */
header nav {
	display:none;
}

nav {
	width:100%;
}
nav ul.menu { 
	margin-right:10%;
	margin-left:10%;
}
nav li {
	float:left;
	text-align:center;
	padding:3px 0;
}
*+html nav ul.menu { /* for IE7 */
	padding-bottom:20px;
}

/*bottomcolumnに配置*/
#bottomcolumn nav {
	border-top:1px dotted #CCC;
	padding:5px 0 15px 0;
	background:#fff
}
#bottomcolumn nav li{
	margin-right:10px;
	background: url(../img/icon/ico_arrow_07.gif) 0 8px no-repeat;
	padding-left:7px;
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
	#bottomcolumn nav {
		border-top:1px dotted #CCC;
		padding:5px 0;
	}
}
@media only screen and (min-width: 768px) {
	nav {
		width:980px;
		margin:0 auto;
	}
	/*ヘッダーに配置*/
	#header nav {
		background:#f4f4f4; /* Old browsers */
		/* FF3.6+ */
		background: -moz-linear-gradient(top,
                                     #f4f4f4 0%,
                                     #f4f4f4 50%,
                                     #b5b5b5 100%);
		/* Chrome10+,Safari5.1+ */
		background: -webkit-linear-gradient(top,  
                                     #f4f4f4 0%,
                                     #f4f4f4 50%,
                                     #b5b5b5 100%);
		/* Opera 11.10+ */
		background: -o-linear-gradient(top,
                                     #f4f4f4 0%,
                                     #f4f4f4 50%,
                                     #b5b5b5 100%);
		/* IE10+ */
		background: -ms-linear-gradient(top,
                                     #f4f4f4 0%,
                                     #f4f4f4 50%,
                                     #b5b5b5 100%);
		/* W3C */
		background: linear-gradient(to bottom,
                                     #f4f4f4 0%,
                                     #f4f4f4 50%,
                                     #b5b5b5 100%);
	}
	#header nav ul.menu { 
		width:100%;
	}
	#header nav li {
		width:16.4%;
		float:left;
		text-align:center;
		font-size:110%;
		border-right:1px solid #dadada;
		color:#26499d;
	}
	#header nav li:last-child {
		border-right:none;
	}
	#header nav li a {
		display:block; 
		padding:5px 0;
		color:#26499d;
	}
	#header nav li a:hover {
		color:#547bd5;
	}
	#header nav li span {
		letter-spacing:0.0em;
	}
	
	*+html #header nav {
		position:absolute;
		top:115px;
		left:0;
		width:950px;
	}
	
	#bottomcolumn nav {
		border-top: none;
		padding-top:5px;
	}
}

/* ===============================================
▼ナビ
=============================================== */
#navnav_area #nav_box {
	width:100%;
}
#navnav_area #nav_box #menu {
    width: 98%;
	padding:0 1%;
	padding-top:10px;
}
#navnav_area #nav_box #menu li {
	float:left;
	background:url(../img/icon/ico_arrow_06.png) 0 3px no-repeat;
	padding-left:9px;
	margin-right:12px;
}

@media only screen and (min-width: 768px) {
	#navnav_area #nav_box {
		max-width:980px;
		min-width:768px;
		margin:0 auto;
	}
}

/* ===============================================
▼ソーシャルブックマーク
=============================================== */
.socialbtn {
	background-color:#F7F7F7;
	border:1px solid #CCC;
	padding:5px 5px 0 5px;
	margin-bottom:15px;
}
.socialbtn #date {
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
}
.socialbtn_box div {
	padding:0 5px 5px 0;
	float:left;
	clear:both;
}
#side .socialbtn {
	margin-left:7%;
	margin-right:7%;
}
/* tablet and PC */
@media only screen and (min-width: 600px) {
	.socialbtn_box div {
		clear: none;
	}
}
/* ===============================================
▼トップページ画像スライド
=============================================== */

/* 画像サイズを変更する場合
① js/jquery.amazingslider/bloc_top_image.js→ width:980, height:373,  
② アップロード時のサイズ設定を変更→ パラメータ設定 TOP_MAIN_WIDTHとTOP_MAIN_HEIGHT */

.amazingslider-thumbnails {
	display:none;
}

/* ===============================================
▼ランキング
=============================================== */
/*メインカラム配置*/
#ranking_area li {
	width:100%;
	margin-bottom:15px;
}
#ranking_area li .left {
	float:left;
	width:48%;
}
#ranking_area li .right {
	float:right;
	width:48%;
}
#ranking_area .name {
	clear:both;
}
#ranking_area .rank {
	font-size:120%;
	padding:2px 0;
	text-align:center;
	background-color:#eee;
	margin-bottom:5px;
	font-weight:bold;
	line-height:1.5em;
}
#ranking_area #rank_1 {
	color:#E10000;
}
#ranking_area #rank_2 {
	color: #006AD5;
}
#ranking_area #rank_3 {
	color: #006C00;
}
#ranking_area #rank_4 {
	color: #B58300;
}
#ranking_area #rank_5 {
	color: #9B009B;
}
#ranking_area li .image img {
	border:#CCC 1px solid;
	padding:1%;
	background-color:#FFF;
	max-width:97%;
}

@media only screen and (min-width: 600px) and (max-width: 767px){
	#ranking_area li {
		width:18.4%;
		float:left;
		margin-bottom:15px;
	}
	#ranking_area li.left {
		margin-right:2%;
	}
	#ranking_area li .left {
		float:none;
		width:100%;
	}
	#ranking_area li .right {
		float:none;
		width:100%;
	}
}
@media only screen and (min-width: 768px) {
	#ranking_area li {
		width:18.4%;
		float:left;
		margin-bottom:15px;
	}
	#ranking_area li.left {
		margin-right:2%;
	}
	#ranking_area li .left {
		float:none;
		width:100%;
	}
	#ranking_area li .right {
		float:none;
		width:100%;
	}
	/*レフトカラム配置*/
	aside #ranking_area li {
		width:100%;
		margin-bottom:15px;
	}
	aside #ranking_area li .left {
		float:left;
		width:48%;
	}
	aside #ranking_area li .right {
		float:right;
		width:48%;
	}
	aside #ranking_area .name {
		clear:both;
	}
}

/* ===============================================
▼クーポン情報
=============================================== */
#coupon_area .block_body .title {
	font-weight:bold;
	border-left:3px #F00 solid;
	padding-left:5px;
	color:#F00;
	margin-bottom:5px;
}
#coupon_area .block_body .comm {
	margin-bottom:10px;
}
#coupon_area .block_body .discount {
	margin-bottom:1px;
}
#coupon_area .block_body .date {
	margin-bottom:10px;
	background-color:#f5f5f5;
	padding:3px;
}

/* ===============================================
▼QRコードの自動生成
=============================================== */
.qrcode_area {
	display:none;
}
/* tablet and PC */
@media only screen and (min-width: 600px){
	.qrcode_area {
		display:block;
	}
	.qrcode_area {
		margin-bottom:20px;
		background:url(../img/common/img_mobile.png) no-repeat right bottom;
	}
	.qrcode_area .qrcode_box {
		overflow:hidden;
		border:1px solid #CCC;
		width:95px;
		height:95px;
	}
	.qrcode_area .qrcode {
		position:relative;
		top:-8px;
		left:-8px;
	}
}

/* 商品詳細ページ　→contents.css */

/* ===============================================
▼カテゴリースライドメニュー
=============================================== */
#category_slide {
	clear:both;
	position: relative;
	height:30px;
	background-color: #EEE;
	overflow:hidden;
}
#category_slide #wrapper {
	width:100%;
	margin:0 12px;
	height:30px;
	overflow: hidden;
}
#category_slide #carousel_category a {
	display: block;
	float: left;
	padding:8px 15px 0 15px;
	height:22px;
	font-size:120%;
	background:url(../img/background/bg_category_slide_item.png) repeat-y right;
}
#category_slide #carousel_category a.no_0 {
	background:url(../img/background/bg_category_slide_item.png) repeat-y right #ddd;
}
#category_slide #prev_category, #category_slide #next_category {
	background: url(../img/button/btn_prev_next_01.png) no-repeat transparent;
	width: 12px;
	height: 30px;
	display: block;
	position: absolute;
	top:0;
}
#category_slide #prev_category {
	left: 0px;
	background-position: 0 0;
}
#category_slide #prev_category:hover {
	background-position: 0 -30px;
}
#category_slide #next_category {
	right: 0px;
	background-position: -12px 0;
}
#category_slide #next_category:hover {
	background-position: -12px -30px;
}

/* ===============================================
▼最近チェックした商品
=============================================== */
/* 共通
----------------------------------------------- */
#recent_area {
	clear:both;
}

#recent_area .block_body img {
	padding:1%;
	border:#CCC 1px solid;
	background-color:#FFF;
	max-width:96%;
}

#recent_area .block_body h3 {
    font-size: 100%;
    font-weight: normal;
}

/* パラメータ設定（RECENT_BUY_SHOW）で、2（5列横並び）を入力。
----------------------------------------------- */
#recent_area .product_item {
    width: 100%;
    margin-bottom: 10px;
	clear:both;
}
#recent_area .productImage {
	float:left;
	width:48%;
}
#recent_area .productContents {
	float:right;
	width:48%;
}
/* tablet and PC */
@media only screen and (min-width: 600px){
	#recent_area .product_item {
	    float: left;
	    width: 18%;
	    padding-right: 2%;
		clear:none;
	}
	#recent_area .productImage {
		float:none;
		width:100%;
	}
	#recent_area .productContents {
		float:none;
		width:100%;
	}
}

/* パラメータ設定（RECENT_BUY_SHOW）で、1を入力。
----------------------------------------------- */
#recent_area .recent_body_1 #carousel_recent {
	display:none;
}
#recent_area .recent_body_1 #carousel_recent .productImage {
	float:none;
	width:100%;
}
#recent_area .recent_body_1 #carousel_recent .productContents {
	float:none;
	width:100%;
}
#recent_area .recent_body_1 {
	position:relative;
	padding-right:40px;
}
#recent_area .recent_body_1 #wrapper {
	width:100%;
	overflow: hidden;
}
#recent_area .recent_body_1 .product_item {
    float: left;
    width: 120px;
    padding-right: 10px;
	clear:none;
}
#recent_area #next_recent {
    position: absolute;
    top: 0px;
    right: 5px;
	width: 25px;
	height: 25px;
    cursor: pointer;
	background: transparent url(../img/button/btn_prev_next_02.png) no-repeat 0 0;
}
#recent_area #next_recent:hover {
	background-position: 0 -25px;
}
#recent_area #prev_recent {
    position: absolute;
    top: 30px;
    right: 5px;
	width: 25px;
	height: 25px;
    cursor: pointer;
	background: transparent url(../img/button/btn_prev_next_02.png) no-repeat 0 -50px;
}
#recent_area #prev_recent:hover {
    background-position: 0 -75px;
}

@media only screen and (min-width: 768px) {
	#recent_area #next_recent {
	    position: absolute;
	    top: 20px;
	    right: 10px;
		width: 12px;
		height: 30px;
	    cursor: pointer;
		background: transparent url(../img/button/btn_prev_next_01.png) no-repeat -12px 0;
	}
	#recent_area #next_recent:hover {
		background-position: -12px -30px;
	}
	#recent_area #prev_recent {
	    position: absolute;
	    top: 20px;
	    right: 23px;
		width: 12px;
		height: 30px;
	    cursor: pointer;
		background: transparent url(../img/button/btn_prev_next_01.png) no-repeat 0 0;
	}
	#recent_area #prev_recent:hover {
	    background-position: 0 -30px;
	}
}

/* ===============================================
▼ティッカー（流れるメッセージ）
=============================================== */
#block_ticker_area #ticker-1 {
	overflow:hidden;
	border:none;
	height:20px;
	margin-bottom:10px;
}
#block_ticker_area .message {
	float:left;
	display:inline;
	margin-right:20px;
	background:url(../img/icon/ico_arrow_03.gif) 0 4px no-repeat;
	padding-left:12px;
}

/* ===============================================
▼カテゴリ
=============================================== */
#container #category_area {
    padding-bottom: 15px;
}
#category_area li {
    padding-left: 5px;
}
#category_area li.level1 {
    padding-left: 0;
}
#category_area li.level1 {
    border-bottom: dotted 1px #ccc;
}
#category_area li.level1 p {
    padding-left: 18px;
    margin: 7px 0;
}
#category_area li.level1 p {
    background: url("../img/icon/ico_down.png") 2px 3px no-repeat;
}
#category_area li.level1 li p {
    background: url("../img/icon/ico_level.gif") 7px 2px no-repeat;
}
#category_area li a {
    display: block;
    padding: 0;
}
a.onlink:link {
    color: #f00;
    text-decoration: underline;
}
a.onlink:visited {
    color: #f00;
}
a.onlink:hover {
    color: #f00;
}

/*アコーディオン*/
#category_area ul#categorytree li.level1 {
	position:relative;
}
#category_area ul#categorytree li.level1 p.parent {
	background-image:none;
	position:relative;
    padding-left: 15px;
}
#category_area ul#categorytree li.level1 p.parent img {
	position:absolute;
	top:2px;
	left:0px;
}
#category_area ul#categorytree li.level1 p.parent a {
	cursor:pointer;
	margin-right:30px;
}
#category_area ul#categorytree li.level1 a.arrow {
	position:absolute;
	top:-2px;
	right:0;
}
#category_area ul#categorytree li.level1 .no_children {
	padding-left:18px;
}

/* ===============================================
▼FAQ
=============================================== */
#faq_aea  {
	padding-bottom:15px;
}
#faq_aea li {
    margin-bottom: 5px;
    letter-spacing: 1px;
}
#faq_aea ul li {
    margin: 0;
}
#faq_aea ul li a {
    margin: 0;
    padding: 5px 0 5px 0;
	border-bottom:1px solid #CCC;
    display: block;
    background: url("../img/icon/ico_arrow_02.gif") no-repeat right;
    text-decoration: none;
    outline: none;
}

/* ===============================================
▼ガイドリンク
=============================================== */
#guide_area {
}
#guide_area li {
    margin-bottom: 5px;
    letter-spacing: 1px;
}
ul.button_like li {
    margin: 0;
}
ul.button_like li a {
    margin: 0;
    padding: 5px 0 5px 0;
	border-bottom:1px solid #CCC;
    display: block;
    background: url("../img/icon/ico_arrow_02.gif") no-repeat right;
    text-decoration: none;
    outline: none;
}
ul.button_like2 li {
    margin: 0;
}
ul.button_like2 li a {
    margin: 0;
    padding: 5px 0 5px 0;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
    display: block;
    background: url("../img/icon/ico_arrow_02.gif") no-repeat right;
    text-decoration: none;
    outline: none;
}

/* ===============================================
▼ログイン（サイド用）
※ヘッダー用はbloc_alpha.css内に記述
=============================================== */
#container #login_area .block_body p {
    margin-bottom: 5px;
}
#container #login_area dl.formlist {
    margin-bottom: 8px;
    width: 100%;
}
#container #login_area dl.formlist dt {
    margin-bottom: 3px;
    padding-left: 15px;
    color: #333;
    background: url("../img/icon/ico_arrow_03.gif") no-repeat left;
    font-size: 90%;
}
#container #login_area dl.formlist dd {
    margin-bottom: 5px;
    text-align: left;
}
#container #login_area dl.formlist input.box {
	width:95%;
}
#container #login_area .block_body .mini {
    margin-top: 5px;
    letter-spacing: -0.01em;
}

/* ===============================================
▼カレンダー
=============================================== */
#calender_area table {
    background: #fff;
    border: 1px solid #ccc;
    width: 100%;
    margin: 0 auto 5px;
}
#calender_area table td {
    padding: 1px 0;
    border: 1px solid #ccc;
    text-align:center;
	background:url(../img/background/bg_calender_td.png) repeat-x bottom;
}
#calender_area th {
    padding: 1px 0;
    background: #fff;
    border: 1px solid #ccc;
    text-align: center;
	background:url(../img/background/bg_calender_th.png) repeat-x bottom;
}
#calender_area table .month {
}
#calender_area .off {
    color: #f00;
	background:url(../img/background/bg_calender_off.png) repeat-x bottom;
}
#calender_area .information {
	text-align: right;
}
@media only screen and (min-width: 768px) {
	#calender_area table td,
	#calender_area th {
	    padding: 1px 3px;
	}
}

/* ===============================================
▼おすすめ商品
=============================================== */
#recommend_area .block_body {
	border:none;
}

/* 表示番号1 by jQuery.carouFredSel
----------------------------------------------- */
#recommend_area #carousel_area {
	position: relative;
}
#recommend_area #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
}
#recommend_area #carousel_recommend {
	display:none;
}
#recommend_area #carousel_recommend .item {
	float: left;
	position: relative;
	margin:0 5px;
	line-height:1.1em;
	letter-spacing:0;
}
#recommend_area #carousel_recommend .image {
	text-align: center;
}
#recommend_area #carousel_recommend .image img {
	max-width:100%;
}
#recommend_area #carousel_recommend .name {
	text-align:left;
	font-size:85%;
}
#prev_recommend,
#next_recommend {
	position:absolute;
	top:0;
	background: center center no-repeat #ccc;
	width: 6%;
	height:100%;
	min-height:100%;
}
#prev_recommend:hover,
#next_recommend:hover {
	background-color: #bbb;
}
#prev_recommend {
	background-image: url(../img/button/gui-prev.png);
	left: 0;
}
#next_recommend {
	background-image: url(../img/button/gui-next.png);
	right: 0;
}
/* tablet and PC */
@media only screen and (min-width: 600px){
	#recommend_area #wrapper {
		width: 92%;
		left: 4%;
	}
	#recommend_area #carousel_recommend .item {
		margin:0 10px;
		line-height:1.6em;
		letter-spacing:1px;
	}
	#recommend_area #carousel_recommend .name {
		font-size:100%;
	}
	#recommend_area #carousel_recommend .image img {
		border:#CCC 1px solid;
		padding:3px;
		background-color:#FFF;
	}
	#prev_recommend,
	#next_recommend {
		background: center center no-repeat #fff;
		width: 4%;
	}
	#prev_recommend {
		background-image: url(../img/button/gui-prev.png);
	}
	#next_recommend {
		background-image: url(../img/button/gui-next.png);
	}
}

/* 表示番号2
----------------------------------------------- */
#recommend_area .cfspace { /*表示番号3共通*/
	margin-bottom:0;
}
#recommend_area .pattern_2 .left {
	width:100%;
	margin-bottom:20px;
}
#recommend_area .pattern_2 .right {
	width:100%;
	margin-bottom:20px;
}
#recommend_area .pattern_2 .productImage {
	float:left;
	width:44%;
	margin-right:1%;
}
#recommend_area .pattern_2 .productImage img {
	max-width:94%;
	border:#CCC 1px solid;
	padding:2%;
	background-color:#FFF;
}
#recommend_area .pattern_2 .productContents {
	float:right;
	width:50%;
}
#recommend_area .pattern_2 .productContents h3 {
	font-weight:normal;
}
#recommend_area .cfspace {
	margin-bottom:10px;
}
/* tablet and PC */
@media only screen and (min-width: 600px){
	#recommend_area .cfspace { /*表示番号3共通*/
		margin-bottom:10px;
	}
	#recommend_area .pattern_2 .left {
		float:left;
		width:47%;
		margin-bottom:0;
	}
	#recommend_area .pattern_2 .right {
		float:right;
		width:47%;
		margin-bottom:0;
	}
}

/* 表示番号3
----------------------------------------------- */
#recommend_area .pattern_4 .left {
	width:100%;
	margin-bottom:20px;
}
#recommend_area .pattern_4 .right {
	width:100%;
	margin-bottom:20px;
}
#recommend_area .pattern_4 .productImage {
	float:left;
	width:44%;
	margin-right:1%;
}
#recommend_area .pattern_4 .productImage img {
	max-width:94%;
	border:#CCC 1px solid;
	padding:2%;
	background-color:#FFF;
}
#recommend_area .pattern_4 .productContents {
	float:right;
	width:50%;
}
#recommend_area .pattern_4 .productContents h3 {
	font-weight:normal;
}
@media only screen and (min-width: 600px) and (max-width: 767px){
	#recommend_area .pattern_4 .left {
		float:left;
		width:23%;
		margin-bottom:0;
		margin-right:2.6%;
	}
	#recommend_area .pattern_4 .right {
		float:right;
		width:23%;
		margin-bottom:0;
	}
	#recommend_area .pattern_4 .productImage {
		text-align:center;
		width:100%;
		float:none;
	}
	#recommend_area .pattern_4 .productContents {
		width:100%;
		float:none;
	}
	#recommend_area .pattern_4 .productContents h3 {
		font-weight:normal;
	}
}
@media only screen and (min-width: 768px) {
	#recommend_area .pattern_4 .productImage img {
		max-width:100%;
	}
}

/* ===============================================
▼ピックアップ商品
=============================================== */
#pickup_area .block_body {
	border:none;
}

/* 表示番号1 by jQuery.carouFredSel
----------------------------------------------- */
#pickup_area #carousel_area {
	position: relative;
}
#pickup_area #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
}
#pickup_area #carousel_pickup {
	display:none;
}
#pickup_area #carousel_pickup .item {
	float: left;
	position: relative;
	margin:0 5px;
	line-height:1.1em;
	letter-spacing:0;
}
#pickup_area #carousel_recommend .image {
	text-align: center;
}
#pickup_area #carousel_pickup .image img {
	max-width:100%;
}
#pickup_area #carousel_pickup .name {
	text-align:left;
	font-size:85%;
}
#prev_pickup,
#next_pickup {
	position:absolute;
	top:0;
	background: center center no-repeat #ccc;
	width: 6%;
	height:100%;
	min-height:100%;
}
#prev_pickup:hover,
#next_pickup:hover {
	background-color: #bbb;
}
#prev_pickup {
	background-image: url(../img/button/gui-prev.png);
	left: 0;
}
#next_pickup {
	background-image: url(../img/button/gui-next.png);
	right: 0;
}
/* tablet and PC */
@media only screen and (min-width: 600px){
	#pickup_area #wrapper {
		width: 92%;
		left: 4%;
	}
	#pickup_area #carousel_pickup .item {
		margin:0 10px;
		line-height:1.6em;
		letter-spacing:1px;
	}
	#pickup_area #carousel_pickup .name {
		font-size:100%;
	}
	#pickup_area #carousel_pickup .image img {
		border:#CCC 1px solid;
		padding:3px;
		background-color:#FFF;
	}
	#prev_pickup,
	#next_pickup {
		background: center center no-repeat #fff;
		width: 4%;
	}
	#prev_pickup {
		background-image: url(../img/button/gui-prev.png);
	}
	#next_pickup {
		background-image: url(../img/button/gui-next.png);
	}
}

/* 表示番号2
----------------------------------------------- */
#pickup_area .cfspace { /*表示番号3共通*/
	margin-bottom:0;
}
#pickup_area .pattern_2 .left {
	width:100%;
	margin-bottom:20px;
}
#pickup_area .pattern_2 .right {
	width:100%;
	margin-bottom:20px;
}
#pickup_area .pattern_2 .productImage {
	float:left;
	width:44%;
	margin-right:1%;
}
#pickup_area .pattern_2 .productImage img {
	max-width:94%;
	border:#CCC 1px solid;
	padding:2%;
	background-color:#FFF;
}
#pickup_area .pattern_2 .productContents {
	float:right;
	width:50%;
}
#pickup_area .pattern_2 .productContents h3 {
	font-weight:normal;
}
#pickup_area .cfspace {
	margin-bottom:10px;
}
/* tablet and PC */
@media only screen and (min-width: 600px){
	#pickup_area .cfspace { /*表示番号3共通*/
		margin-bottom:10px;
	}
	#pickup_area .pattern_2 .left {
		float:left;
		width:47%;
		margin-bottom:0;
	}
	#pickup_area .pattern_2 .right {
		float:right;
		width:47%;
		margin-bottom:0;
	}
}

/* 表示番号3
----------------------------------------------- */
#pickup_area .pattern_4 .left {
	width:100%;
	margin-bottom:20px;
}
#pickup_area .pattern_4 .right {
	width:100%;
	margin-bottom:20px;
}
#pickup_area .pattern_4 .productImage {
	float:left;
	width:44%;
	margin-right:1%;
}
#pickup_area .pattern_4 .productImage img {
	max-width:94%;
	border:#CCC 1px solid;
	padding:2%;
	background-color:#FFF;
}
#pickup_area .pattern_4 .productContents {
	float:right;
	width:50%;
}
#pickup_area .pattern_4 .productContents h3 {
	font-weight:normal;
}
@media only screen and (min-width: 600px) and (max-width: 767px){
	#pickup_area .pattern_4 .left {
		float:left;
		width:23%;
		margin-bottom:0;
		margin-right:2.6%;
	}
	#pickup_area .pattern_4 .right {
		float:right;
		width:23%;
		margin-bottom:0;
	}
	#pickup_area .pattern_4 .productImage {
		text-align:center;
		width:100%;
		float:none;
	}
	#pickup_area .pattern_4 .productContents {
		width:100%;
		float:none;
	}
}
@media only screen and (min-width: 768px) {
	#pickup_area .pattern_4 .productImage img {
		max-width:100%;
	}
}

/* ===============================================
▼新商品スライド
=============================================== */
#new_item_area .block_body {
	border:none;
}
#new_item_area #carousel_area {
	position: relative;
}
#new_item_area #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
}
#new_item_area #carousel_new_item {
	display:none;
}
#new_item_area #carousel_new_item .item {
	float: left;
	position: relative;
	margin:0 5px;
	line-height:1.1em;
	letter-spacing:0;
}
/* ▼NEWアイコン自動表示 */
#new_item_area #carousel_new_item .image {
	position:relative;
}
#new_item_area #carousel_new_item .image .new_icon {
	position:absolute;
	top:3px;
	left:3px;
}
#new_item_area #carousel_new_item .image img.new_icon {
	border:none;
	background:none;
	padding:0;
}
/* ▲NEWアイコン自動表示 */
#new_item_area #carousel_new_item .image img {
	max-width:100%;
	border:#CCC 1px solid;
	padding:3px;
	background-color:#FFF;
}
#new_item_area #carousel_new_item .name {
	text-align:left;
	font-size:85%;
}
#prev_new_item,
#next_new_item {
	position:absolute;
	top:0;
	background: center center no-repeat #ccc;
	width: 6%;
	height:100%;
	min-height:100%;
}
#prev_new_item:hover,
#next_new_item:hover {
	background-color: #bbb;
}
#prev_new_item {
	background-image: url(../img/button/gui-prev.png);
	left: 0;
}
#next_new_item {
	background-image: url(../img/button/gui-next.png);
	right: 0;
}
/* tablet and PC */
@media only screen and (min-width: 600px){
	#new_item_area #wrapper {
		width: 92%;
		left: 4%;
	}
	#new_item_area #carousel_new_item .item {
		margin:0 10px;
		line-height:1.6em;
		letter-spacing:1px;
	}
	#new_item_area #carousel_new_item .name {
		font-size:100%;
	}
	#new_item_area #carousel_new_item .image img {
		border:#CCC 1px solid;
		padding:3px;
		background-color:#FFF;
	}
	#prev_new_item,
	#next_new_item {
		background: center center no-repeat #fff;
		width: 4%;
	}
	#prev_new_item {
		background-image: url(../img/button/gui-prev.png);
	}
	#next_new_item {
		background-image: url(../img/button/gui-next.png);
	}
}

/* ===============================================
▼ご注文の流れ・インフォメーション
=============================================== */
/*共通*/
#info_area2 {
	margin-bottom:20px;
}
#info_area .block_body,
#info_area2 .block_body {
	border:none;
}
.title_info {
	background-color:#555;
    color:#fff;
    font-size: 14px;
	font-weight: bold;
	text-align:center;
	padding:3px 0;
	margin-bottom:10px;
}

/*ご注文の流れ*/
#info_area {
	margin-bottom:15px;
}
#info_area .image img {
	padding:0;
	border:none;
	background:none;
}
#info_area .step {
	margin:0 5px;
}
#info_area .step_box {
	width:100%;
}
#info_area .step .title, #info_area .step .title_last {
	font-size:120%;
	padding-left:5px;
}
#info_area .step .title_last {
	background:none;
}
#info_area .step_box .image {
	text-align:center;
	background-color:#EFEFEF;
	padding-top:5px;
}
#info_area .step_box .text {
	border:5px solid #EFEFEF;
	border-top:none;
	padding:5px;
	font-size:90%;
	letter-spacing:1px;
	margin-bottom:10px;
}
/* tablet and PC */
@media only screen and (min-width: 600px){
	#info_area .step_box {
		width:25%;
		float:left;
	}
	#info_area .step {
		margin:0 5px;
	}
	#info_area .step .title, #info_area .step .title_last {
		margin-bottom:5px;
		background:url(../img/icon/ico_arrow_info.png) no-repeat center right;
		min-height:16px;
	}
	#info_area .step .title_last {
		background:none;
	}
	#info_area .step_box .text {
		min-height:120px; /*テキストエリアの高さ調整*/
		margin-bottom:0;
	}
}

/*インフォメーション*/
#info_area2 .box {
	margin-bottom:10px;
}
#info_area2 #left {
	width:100%;
}
#info_area2 #right {
	width:100%;
}
#info_area2 .title2 {
	background:url(../img/background/bg_info_title2.png) repeat-x bottom;
	padding-bottom:6px;
	margin-bottom:0px;
}
#info_area2 h3 {
	background:url(../img/icon/ico_arrow_04.gif) 0 7px no-repeat;
	padding-left:12px;
	color:#333;
	font-size:110%;
}
#info_area2 .box #comment {
	padding-bottom:3px;
	margin-bottom:10px;
	border-bottom: #999 1px dotted;
}
#info_area2 .box .method {
	font-weight:bold;
	padding-left:12px;
	background:url(../img/icon/ico_arrow_03.gif) 0 3px no-repeat;
}
#info_area2 .box .site_ex {
	margin:0 0 10px 12px;
}
#info_area2 #left .box .image {
	margin-bottom:15px;
}
#info_area2 #left .box .image img {
	border:none;
	padding:0;
	margin:0;
	max-width:100%;
}
#info_area2 #right .content .sphone_none {
	display:none;
}
#info_area2 #right .content .sphone {
	display: inline;
}
#info_area2 #shop {
	border:1px solid #999;
	background-color:#F7F7F7;
	padding:3px;
	margin-top:5px;
}
/* tablet and PC */
@media only screen and (min-width: 600px){
	#info_area2 #left {
		float:left;
		width:48%;
	}
	#info_area2 #right {
		float:right;
		width:48%;
	}
	#info_area2 #right .content .sphone_none {
		display:inline;
	}
	#info_area2 #right .content .pc_none {
		display:none;
	}
	#info_area2 #right .content .sphone {
		display:none;
	}
}
@charset "utf-8";

/* ==============================================
ブロック共通
    * #container から指定することで、ヘッダー・フッターには適用していない。
/* ============================================= */
.block_outer {
	clear:both;
}
.side {
    overflow-x: hidden; /* IE6 表示乱れ防止 */
}
#container .block_outer {
    margin-bottom: 20px;
}
.block_outer .block_body {
	padding:0;
    background-color: #fff;
}

/* タイトル
----------------------------------------------- */
.block_outer h2 {
	font-size:110%;
	margin-bottom:10px;
}
.main .block_outer h2 {
	padding-left:1px;
}
.main .block_outer h2 .title {
	background-color:#eee;
	color:#333;
	padding:2px 0 2px 5px;
}
#side .block_outer h2 {
	padding-left:1px;
	border-left:#777 10px solid;
}
#side .block_outer h2 .title {
	background-color:#999;
	color:#FFF;
	padding:2px 0 2px 5px;
}

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

/* ===============================================
▼検索
=============================================== */
/* レスポンシブナビ・サイドカラム配置 */
.search_area dl.formlist {
    margin-bottom: 8px;
    width: 100%;
	text-align:left;
}
.search_area dl.formlist select {
	width:100%;
}
.search_area dl.formlist input.name {
	width:95%;
}
.search_area .search_price_belt {
	margin-top:10px;
	padding-top:10px;
	border-top:#CCC 1px dotted;
}
.search_area .search_price_belt li {
	padding-left:12px;
	background:url(../img/icon/ico_arrow_03.gif) 0 3px no-repeat;
	text-align:left;
}

.popup_search .search_area h2 {
	display:none;
}
.popup_search .search_area .search_price_belt {
}

/* ===============================================
▼現在のカゴの中
=============================================== */
/* レスポンシブナビ・サイドカラム配置 */
.cart_area {
	clear:both;
	text-align:left;
}
.cart_area .none {
	margin-bottom:5px;
}
.cart_area .information {
}
.cart_area .look {
	display:none;
}
.cart_area .postage {
    margin-top: 10px;
    padding-top: 10px;
    background: url("../img/background/line_dot_01.gif") repeat-x top;
}
.cart_area .btn {
    padding: 10px 0;
    background: url("../img/background/line_dot_01.gif") repeat-x top #f7f7e6;
    text-align: center;
}

/*ヘッダーに配置*/
#header_utility .cart_area .none {
	display:none;
}
#header_utility .cart_area {
	position:relative;
	top:5px;
	margin-bottom:5px;
}
#header_utility .block_body {
	background:none;
}
#header_utility .cart_area h2,
#header_utility .cart_area .btn_area {
	display:none;
}
#header_utility .cart_area .information {
    padding: 20px 0 0 0;
	float:right;
}
#header_utility .cart_area .look,
#header_utility .cart_area .item,
#header_utility .cart_area .total {
	float:left;
	padding:0 5px;
}
#header_utility .cart_area .look {
	display:block;
}
#header_utility .cart_area .item,
#header_utility .cart_area .total {
	border-bottom:1px dotted #999;
}
#header_utility .cart_area .postage {
    margin: 0;
    padding: 0;
	position:absolute;
	top:0;
	right:0;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom;
}
#header_utility .cart_area .discount {
	display:none;
}

/* ===============================================
▼レスポンシブナビのログイン
=============================================== */
/* レスポンシブナビメニューの色
----------------------------------------------- */

/* ナビメニューバーの背景色 */
#mean_nav_area,
.mean-container .mean-bar {
	background: #26499d;
	height:40px;
}
/* IE7対応 */
*+html #logo_area {
	background: #0c1923;
	height:20px;
}
/* ×印 */
.mean-container a.meanmenu-reveal {
color: #fff;
}
/* 3本線 */
.mean-container a.meanmenu-reveal span {
background: #fff;
}
/* メニュー項目の文字色 */
.mean-container .mean-nav ul li {
color: #fff;
}
/* メニュー項目の背景色 */
.mean-container .mean-nav { 
	background-color: #666;
}
/* メニュー項目のオンマウス時の背景色 */
.mean-container .mean-nav ul li:hover {
	background-color:#0c1923;
}

/* サイト概要文
----------------------------------------------- */
#site_description {
	color:#FFF;
}

/* 商品検索・ログイン・カゴの中
----------------------------------------------- */

/* 文字色 */
.header_nav_btn li.nav_btn a {
	color:#FFF;
}
/* オンマウス時の文字色 */
.header_nav_btn li.nav_btn a:hover {
	color:#ddd;
}
/* 「ログイン中」の文字色 */
.header_nav_btn li.nav_btn a.true {
	color: #FC6;
}
/* 「ログイン中」のオンマウス時の文字色 */
.header_nav_btn li.nav_btn a.true:hover {
	color: #F90;
}

/* ログイン（ヘッダー用）
----------------------------------------------- */
#header_login_area {
	text-align:left;
}
#header_login_area dl {
	margin-bottom:10px;
}
#header_login_area a {
	text-align:center;
	margin-top:5px;
}
#header_login_area p#welcome {
	line-height:1.8em;
}
#header_login_area #mypage a {
	margin-bottom:10px;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:2px 0;
	background-color:#eee;
	font-weight:bold;
}
#header_login_area #mypage a:hover {
	background-color:#ddd;
	color:#333;
}
#header_login_area .b_login_header {
	width:100%;
}



/* ===============================================
▼フォントサイズ
=============================================== */
/*サイドカラムに配置*/
.fontsize_area {
}
.fontsize_area #fontsize_body {
	width:100%;
}
.fontsize_area #fontsize_body #text {
	width:40%;
	float:left;
	font-size:11px;
}
.fontsize_area #fontsize_body #fontsize {
	width:59%;
	float:right;
}
.fontsize_area #fontsize_body #left,
.fontsize_area #fontsize_body #right {
	float:left;
	margin:0;
	padding:0;
	cursor:pointer;
}
.fontsize_area #fontsize_body #left {
	margin-right:1%;
}

/*ヘッダーに配置*/
#header_utility .fontsize_area {
	position:relative;
	top:5px;
	width:170px;
	margin-left:auto;
	margin-right:0;
	height:20px;
}
#header_utility .fontsize_area #fontsize_body #text {
	padding-top:2px;
}
#header_utility .fontsize_area #fontsize_body {
	text-align:right;
}

/* ===============================================
▼グローバルナビ
=============================================== */
header nav {
	display:none;
}

nav {
	width:100%;
}
nav ul.menu { 
	margin-right:1%;
	margin-left:1%;
}
nav li {
	float:left;
	text-align:center;
	padding:3px 0;
}
*+html nav ul.menu { /* for IE7 */
	padding-bottom:20px;
}

/*bottomcolumnに配置*/
#bottomcolumn nav {
	border-top:1px dotted #CCC;
	padding:5px 0 15px 0;
	background:#fff
}
#bottomcolumn nav li{
	margin-right:10px;
	background: url(../img/icon/ico_arrow_07.gif) 0 8px no-repeat;
	padding-left:7px;
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
	#bottomcolumn nav {
		border-top:1px dotted #CCC;
		padding:5px 0;
	}
}
@media only screen and (min-width: 768px) {
	nav {
		width:980px;
		margin:0 auto;
	}
	/*ヘッダーに配置*/
	#header nav {
		position:absolute;
		top:115px;
		width:100%;
	}
	#header nav ul.menu { 
	}
	#header nav li {
		float:left;
		text-align:center;
		font-size:110%;
		padding:3px 0;
	}
	
	*+html #header nav {
		position:absolute;
		top:115px;
		left:0;
		width:950px;
	}
	
	#bottomcolumn nav {
		border-top: none;
		padding-top:5px;
	}
}

/* ===============================================
▼ナビ
=============================================== */
#navnav_area #nav_box {
	width:100%;
}
#navnav_area #nav_box #menu {
    width: 98%;
	padding:0 1%;
	padding-top:10px;
}
#navnav_area #nav_box #menu li {
	float:left;
	background:url(../img/icon/ico_arrow_06.png) 0 3px no-repeat;
	padding-left:9px;
	margin-right:12px;
}

@media only screen and (min-width: 768px) {
	#navnav_area #nav_box {
		max-width:980px;
		min-width:768px;
		margin:0 auto;
	}
}

/* ===============================================
▼ソーシャルブックマーク
=============================================== */
.socialbtn {
	background-color:#F7F7F7;
	border:1px solid #CCC;
	padding:5px 5px 0 5px;
	margin-bottom:15px;
}
.socialbtn #date {
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
}
.socialbtn_box div {
	padding:0 5px 5px 0;
	float:left;
	clear:both;
}
#side .socialbtn {
	margin-left:7%;
	margin-right:7%;
}
/* tablet and PC */
@media only screen and (min-width: 600px) {
	.socialbtn_box div {
		clear: none;
	}
}
/* ===============================================
▼トップページ画像スライド
=============================================== */

/* 画像サイズを変更する場合
① js/jquery.amazingslider/bloc_top_image.js→ width:980, height:373,  
② アップロード時のサイズ設定を変更→ パラメータ設定 TOP_MAIN_WIDTHとTOP_MAIN_HEIGHT */

.amazingslider-thumbnails {
	display:none;
}

/* ===============================================
▼ランキング
=============================================== */
/*メインカラム配置*/
#ranking_area li {
	width:100%;
	margin-bottom:15px;
}
#ranking_area li .left {
	float:left;
	width:48%;
}
#ranking_area li .right {
	float:right;
	width:48%;
}
#ranking_area .name {
	clear:both;
}
#ranking_area .rank {
	font-size:120%;
	padding:2px 0;
	text-align:center;
	background-color:#eee;
	margin-bottom:5px;
	font-weight:bold;
	line-height:1.5em;
}
#ranking_area #rank_1 {
	color:#E10000;
}
#ranking_area #rank_2 {
	color: #006AD5;
}
#ranking_area #rank_3 {
	color: #006C00;
}
#ranking_area #rank_4 {
	color: #B58300;
}
#ranking_area #rank_5 {
	color: #9B009B;
}
#ranking_area li .image img {
	border:#CCC 1px solid;
	padding:1%;
	background-color:#FFF;
	max-width:97%;
}

@media only screen and (min-width: 600px) and (max-width: 767px){
	#ranking_area li {
		width:18.4%;
		float:left;
		margin-bottom:15px;
	}
	#ranking_area li.left {
		margin-right:2%;
	}
	#ranking_area li .left {
		float:none;
		width:100%;
	}
	#ranking_area li .right {
		float:none;
		width:100%;
	}
}
@media only screen and (min-width: 768px) {
	#ranking_area li {
		width:18.4%;
		float:left;
		margin-bottom:15px;
	}
	#ranking_area li.left {
		margin-right:2%;
	}
	#ranking_area li .left {
		float:none;
		width:100%;
	}
	#ranking_area li .right {
		float:none;
		width:100%;
	}
	/*レフトカラム配置*/
	aside #ranking_area li {
		width:100%;
		margin-bottom:15px;
	}
	aside #ranking_area li .left {
		float:left;
		width:48%;
	}
	aside #ranking_area li .right {
		float:right;
		width:48%;
	}
	aside #ranking_area .name {
		clear:both;
	}
}

/* ===============================================
▼クーポン情報
=============================================== */
#coupon_area .block_body .title {
	font-weight:bold;
	border-left:3px #F00 solid;
	padding-left:5px;
	color:#F00;
	margin-bottom:5px;
}
#coupon_area .block_body .comm {
	margin-bottom:10px;
}
#coupon_area .block_body .discount {
	margin-bottom:1px;
}
#coupon_area .block_body .date {
	margin-bottom:10px;
	background-color:#f5f5f5;
	padding:3px;
}

/* ===============================================
▼QRコードの自動生成
=============================================== */
.qrcode_area {
	display:none;
}
/* tablet and PC */
@media only screen and (min-width: 600px){
	.qrcode_area {
		display:block;
	}
	.qrcode_area {
		margin-bottom:20px;
		background:url(../img/common/img_mobile.png) no-repeat right bottom;
	}
	.qrcode_area .qrcode_box {
		overflow:hidden;
		border:1px solid #CCC;
		width:95px;
		height:95px;
	}
	.qrcode_area .qrcode {
		position:relative;
		top:-8px;
		left:-8px;
	}
}

/* 商品詳細ページ　→contents.css */

/* ===============================================
▼新着情報
=============================================== */
#news_area .block_body {
	border:none;
}
#news_area {
	width:100%;
	margin:15px auto 0;
	padding:0;
}
#news_area .title {
	font-size:120%;
	color:#111;
	margin-bottom:15px;
	width:95%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #ebeff8; /* Old browsers */
/* FF3.6+ */
	background: -moz-linear-gradient(top,
                    #becbe8 0%,
                    #ebeff8 50%, 
                    #becbe8 100%);
/* Chrome10+,Safari5.1+ */
	background: -webkit-linear-gradient(top,  
                    #becbe8 0%,
                    #ebeff8 50%, 
                    #becbe8 100%);
/* Opera 11.10+ */
	background: -o-linear-gradient(top,
                    #becbe8 0%,
                    #ebeff8 50%, 
                    #becbe8 100%);
/* IE10+ */
	background: -ms-linear-gradient(top,
                    #becbe8 0%,
                    #ebeff8 50%, 
                    #becbe8 100%);
/* W3C */
	background: linear-gradient(to bottom,
                    #becbe8 0%,
                    #ebeff8 50%, 
                    #becbe8 100%);
}
#news_area .title h2 {
	padding: 7px 0 7px 15px;
}
#news_area .rss{
    float:right;
    width:80%;
    margin-top:-35px;
    margin-right:10px;
    text-align:right;
}
#news_area .rss a {
	color:#17184b;
	font-size:90%;
	font-weight:normal;
	letter-spacing:-0.0em;
}
#news_area .rss a:hover {
	text-decoration:underline;
}
#news_area .news_contents {
	width:100%;
	margin:0 20px;
	padding:0;
}
.newslist {
    float:left;
    width:40.0%;
    height:auto;
    margin-right:2.0%;
    margin-bottom:2.0%;
    padding:10px 7px;
    border:1px solid #ccc;
    border-top:5px solid #26499d;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
.news_title{
    height:auto;
    min-height:80px;
    margin-bottom:10px;
    color:#111;
}
.news_title .date{
    margin-bottom:10px;
}
.news_title .headline{
    font-size:110%;
}
.newslist .comment .link {
    margin:0;
    text-align:right;
}
@media only screen and (min-width: 600px){
	#news_area .news_contents {
		width:100%;
		margin:0 auto;
		padding:0;
	}
	.newslist {
	    width:28.0%;
	}
}
/* ===============================================
▼カテゴリースライドメニュー
=============================================== */
#category_slide {
	clear:both;
	position: relative;
	height:30px;
	background-color: #EEE;
	overflow:hidden;
}
#category_slide #wrapper {
	width:100%;
	margin:0 12px;
	height:30px;
	overflow: hidden;
}
#category_slide #carousel_category a {
	display: block;
	float: left;
	padding:8px 15px 0 15px;
	height:22px;
	font-size:120%;
	background:url(../img/background/bg_category_slide_item.png) repeat-y right;
}
#category_slide #carousel_category a.no_0 {
	background:url(../img/background/bg_category_slide_item.png) repeat-y right #ddd;
}
#category_slide #prev_category, #category_slide #next_category {
	background: url(../img/button/btn_prev_next_01.png) no-repeat transparent;
	width: 12px;
	height: 30px;
	display: block;
	position: absolute;
	top:0;
}
#category_slide #prev_category {
	left: 0px;
	background-position: 0 0;
}
#category_slide #prev_category:hover {
	background-position: 0 -30px;
}
#category_slide #next_category {
	right: 0px;
	background-position: -12px 0;
}
#category_slide #next_category:hover {
	background-position: -12px -30px;
}

/* ===============================================
▼最近チェックした商品
=============================================== */
/* 共通
----------------------------------------------- */
#recent_area {
	clear:both;
}

#recent_area .block_body img {
	padding:1%;
	border:#CCC 1px solid;
	background-color:#FFF;
	max-width:96%;
}

#recent_area .block_body h3 {
    font-size: 100%;
    font-weight: normal;
}

/* パラメータ設定（RECENT_BUY_SHOW）で、2（5列横並び）を入力。
----------------------------------------------- */
#recent_area .product_item {
    width: 100%;
    margin-bottom: 10px;
	clear:both;
}
#recent_area .productImage {
	float:left;
	width:48%;
}
#recent_area .productContents {
	float:right;
	width:48%;
}
/* tablet and PC */
@media only screen and (min-width: 600px){
	#recent_area .product_item {
	    float: left;
	    width: 18%;
	    padding-right: 2%;
		clear:none;
	}
	#recent_area .productImage {
		float:none;
		width:100%;
	}
	#recent_area .productContents {
		float:none;
		width:100%;
	}
}

/* パラメータ設定（RECENT_BUY_SHOW）で、1を入力。
----------------------------------------------- */
#recent_area .recent_body_1 #carousel_recent {
	display:none;
}
#recent_area .recent_body_1 #carousel_recent .productImage {
	float:none;
	width:100%;
}
#recent_area .recent_body_1 #carousel_recent .productContents {
	float:none;
	width:100%;
}
#recent_area .recent_body_1 {
	position:relative;
	padding-right:40px;
}
#recent_area .recent_body_1 #wrapper {
	width:100%;
	overflow: hidden;
}
#recent_area .recent_body_1 .product_item {
    float: left;
    width: 120px;
    padding-right: 10px;
	clear:none;
}
#recent_area #next_recent {
    position: absolute;
    top: 0px;
    right: 5px;
	width: 25px;
	height: 25px;
    cursor: pointer;
	background: transparent url(../img/button/btn_prev_next_02.png) no-repeat 0 0;
}
#recent_area #next_recent:hover {
	background-position: 0 -25px;
}
#recent_area #prev_recent {
    position: absolute;
    top: 30px;
    right: 5px;
	width: 25px;
	height: 25px;
    cursor: pointer;
	background: transparent url(../img/button/btn_prev_next_02.png) no-repeat 0 -50px;
}
#recent_area #prev_recent:hover {
    background-position: 0 -75px;
}

@media only screen and (min-width: 768px) {
	#recent_area #next_recent {
	    position: absolute;
	    top: 20px;
	    right: 10px;
		width: 12px;
		height: 30px;
	    cursor: pointer;
		background: transparent url(../img/button/btn_prev_next_01.png) no-repeat -12px 0;
	}
	#recent_area #next_recent:hover {
		background-position: -12px -30px;
	}
	#recent_area #prev_recent {
	    position: absolute;
	    top: 20px;
	    right: 23px;
		width: 12px;
		height: 30px;
	    cursor: pointer;
		background: transparent url(../img/button/btn_prev_next_01.png) no-repeat 0 0;
	}
	#recent_area #prev_recent:hover {
	    background-position: 0 -30px;
	}
}

/* ===============================================
▼ティッカー（流れるメッセージ）
=============================================== */
#block_ticker_area #ticker-1 {
	overflow:hidden;
	border:none;
	height:20px;
	margin-bottom:10px;
}
#block_ticker_area .message {
	float:left;
	display:inline;
	margin-right:20px;
	background:url(../img/icon/ico_arrow_03.gif) 0 4px no-repeat;
	padding-left:12px;
}

/* ===============================================
▼カテゴリ
=============================================== */
#container #category_area .block_body {
}
#category_area li {
    padding-left: 5px;
}
#category_area li.level1 {
    padding-left: 0;
}
#category_area li.level1 {
    border-bottom: dotted 1px #ccc;
}
#category_area li.level1 p {
    padding-left: 18px;
    margin: 7px 0;
}
#category_area li.level1 p {
    background: url("../img/icon/ico_down.png") 2px 3px no-repeat;
}
#category_area li.level1 li p {
    background: url("../img/icon/ico_level.gif") 7px 2px no-repeat;
}
#category_area li a {
    display: block;
    padding: 0;
}
a.onlink:link {
    color: #f00;
    text-decoration: underline;
}
a.onlink:visited {
    color: #f00;
}
a.onlink:hover {
    color: #f00;
}

/*アコーディオン*/
#category_area ul#categorytree li.level1 {
	position:relative;
}
#category_area ul#categorytree li.level1 p.parent {
	background-image:none;
	position:relative;
    padding-left: 15px;
}
#category_area ul#categorytree li.level1 p.parent img {
	position:absolute;
	top:2px;
	left:0px;
}
#category_area ul#categorytree li.level1 p.parent a {
	cursor:pointer;
	margin-right:30px;
}
#category_area ul#categorytree li.level1 a.arrow {
	position:absolute;
	top:-2px;
	right:0;
}
#category_area ul#categorytree li.level1 .no_children {
	padding-left:18px;
}

/* ===============================================
▼FAQ
=============================================== */
#faq_aea  {
	margin-bottom:-15px; /*利用ガイドブロックの上に配置するときだけ。その他の配置では削除する。*/
}
#faq_aea li {
    margin-bottom: 5px;
    letter-spacing: 1px;
}
#faq_aea ul li {
    margin: 0;
}
#faq_aea ul li a {
    margin: 0;
    padding: 5px 0 5px 0;
	border-bottom:1px solid #CCC;
    display: block;
    background: url("../img/icon/ico_arrow_02.gif") no-repeat right;
    text-decoration: none;
    outline: none;
}

/* ===============================================
▼ガイドリンク
=============================================== */
#guide_area {
}
#guide_area li {
    margin-bottom: 5px;
    letter-spacing: 1px;
}
ul.button_like li {
    margin: 0;
}
ul.button_like li a {
    margin: 0;
    padding: 5px 0 5px 0;
	border-bottom:1px solid #CCC;
    display: block;
    background: url("../img/icon/ico_arrow_02.gif") no-repeat right;
    text-decoration: none;
    outline: none;
}

/* ===============================================
▼ログイン（サイド用）
※ヘッダー用はbloc_alpha.css内に記述
=============================================== */
#container #login_area .block_body p {
    margin-bottom: 5px;
}
#container #login_area dl.formlist {
    margin-bottom: 8px;
    width: 100%;
}
#container #login_area dl.formlist dt {
    margin-bottom: 3px;
    padding-left: 15px;
    color: #333;
    background: url("../img/icon/ico_arrow_03.gif") no-repeat left;
    font-size: 90%;
}
#container #login_area dl.formlist dd {
    margin-bottom: 5px;
    text-align: left;
}
#container #login_area dl.formlist input.box {
	width:95%;
}
#container #login_area .block_body .mini {
    margin-top: 5px;
    letter-spacing: -0.01em;
}

/* ===============================================
▼カレンダー
=============================================== */
#calender_area table {
    background: #fff;
    border: 1px solid #ccc;
    width: 100%;
    margin: 0 auto 5px;
}
#calender_area table td {
    padding: 1px 0;
    border: 1px solid #ccc;
    text-align:center;
	background:url(../img/background/bg_calender_td.png) repeat-x bottom;
}
#calender_area th {
    padding: 1px 0;
    background: #fff;
    border: 1px solid #ccc;
    text-align: center;
	background:url(../img/background/bg_calender_th.png) repeat-x bottom;
}
#calender_area table .month {
}
#calender_area .off {
    color: #f00;
	background:url(../img/background/bg_calender_off.png) repeat-x bottom;
}
#calender_area .information {
	text-align: right;
}
@media only screen and (min-width: 768px) {
	#calender_area table td,
	#calender_area th {
	    padding: 1px 3px;
	}
}

/* ===============================================
▼おすすめ商品
=============================================== */
#recommend_area .block_body {
	border:none;
}

/* 表示番号1 by jQuery.carouFredSel
----------------------------------------------- */
#recommend_area #carousel_area {
	position: relative;
}
#recommend_area #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
}
#recommend_area #carousel_recommend {
	display:none;
}
#recommend_area #carousel_recommend .item {
	float: left;
	position: relative;
	margin:0 5px;
	line-height:1.1em;
	letter-spacing:0;
}
#recommend_area #carousel_recommend .image {
	text-align: center;
}
#recommend_area #carousel_recommend .image img {
	max-width:100%;
}
#recommend_area #carousel_recommend .name {
	text-align:left;
	font-size:85%;
}
#prev_recommend,
#next_recommend {
	position:absolute;
	top:0;
	background: center center no-repeat #ccc;
	width: 6%;
	height:100%;
	min-height:100%;
}
#prev_recommend:hover,
#next_recommend:hover {
	background-color: #bbb;
}
#prev_recommend {
	background-image: url(../img/button/gui-prev.png);
	left: 0;
}
#next_recommend {
	background-image: url(../img/button/gui-next.png);
	right: 0;
}
/* tablet and PC */
@media only screen and (min-width: 600px){
	#recommend_area #wrapper {
		width: 92%;
		left: 4%;
	}
	#recommend_area #carousel_recommend .item {
		margin:0 10px;
		line-height:1.6em;
		letter-spacing:1px;
	}
	#recommend_area #carousel_recommend .name {
		font-size:100%;
	}
	#recommend_area #carousel_recommend .image img {
		border:#CCC 1px solid;
		padding:3px;
		background-color:#FFF;
	}
	#prev_recommend,
	#next_recommend {
		background: center center no-repeat #fff;
		width: 4%;
	}
	#prev_recommend {
		background-image: url(../img/button/gui-prev.png);
	}
	#next_recommend {
		background-image: url(../img/button/gui-next.png);
	}
}

/* 表示番号2
----------------------------------------------- */
#recommend_area .cfspace { /*表示番号3共通*/
	margin-bottom:0;
}
#recommend_area .pattern_2 .left {
	width:100%;
	margin-bottom:20px;
}
#recommend_area .pattern_2 .right {
	width:100%;
	margin-bottom:20px;
}
#recommend_area .pattern_2 .productImage {
	float:left;
	width:44%;
	margin-right:1%;
}
#recommend_area .pattern_2 .productImage img {
	max-width:94%;
	border:#CCC 1px solid;
	padding:2%;
	background-color:#FFF;
}
#recommend_area .pattern_2 .productContents {
	float:right;
	width:50%;
}
#recommend_area .pattern_2 .productContents h3 {
	font-weight:normal;
}
#recommend_area .cfspace {
	margin-bottom:10px;
}
/* tablet and PC */
@media only screen and (min-width: 600px){
	#recommend_area .cfspace { /*表示番号3共通*/
		margin-bottom:10px;
	}
	#recommend_area .pattern_2 .left {
		float:left;
		width:47%;
		margin-bottom:0;
	}
	#recommend_area .pattern_2 .right {
		float:right;
		width:47%;
		margin-bottom:0;
	}
}

/* 表示番号3
----------------------------------------------- */
#recommend_area .pattern_4 .left {
	width:100%;
	margin-bottom:20px;
}
#recommend_area .pattern_4 .right {
	width:100%;
	margin-bottom:20px;
}
#recommend_area .pattern_4 .productImage {
	float:left;
	width:44%;
	margin-right:1%;
}
#recommend_area .pattern_4 .productImage img {
	max-width:94%;
	border:#CCC 1px solid;
	padding:2%;
	background-color:#FFF;
}
#recommend_area .pattern_4 .productContents {
	float:right;
	width:50%;
}
#recommend_area .pattern_4 .productContents h3 {
	font-weight:normal;
}
@media only screen and (min-width: 600px) and (max-width: 767px){
	#recommend_area .pattern_4 .left {
		float:left;
		width:23%;
		margin-bottom:0;
		margin-right:2.6%;
	}
	#recommend_area .pattern_4 .right {
		float:right;
		width:23%;
		margin-bottom:0;
	}
	#recommend_area .pattern_4 .productImage {
		text-align:center;
		width:100%;
		float:none;
	}
	#recommend_area .pattern_4 .productContents {
		width:100%;
		float:none;
	}
	#recommend_area .pattern_4 .productContents h3 {
		font-weight:normal;
	}
}
@media only screen and (min-width: 768px) {
	#recommend_area .pattern_4 .productImage img {
		max-width:100%;
	}
}

/* ===============================================
▼ピックアップ商品
=============================================== */
#pickup_area .block_body {
	border:none;
}

/* 表示番号1 by jQuery.carouFredSel
----------------------------------------------- */
#pickup_area #carousel_area {
	position: relative;
}
#pickup_area #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
}
#pickup_area #carousel_pickup {
	display:none;
}
#pickup_area #carousel_pickup .item {
	float: left;
	position: relative;
	margin:0 5px;
	line-height:1.1em;
	letter-spacing:0;
}
#pickup_area #carousel_recommend .image {
	text-align: center;
}
#pickup_area #carousel_pickup .image img {
	max-width:100%;
}
#pickup_area #carousel_pickup .name {
	text-align:left;
	font-size:85%;
}
#prev_pickup,
#next_pickup {
	position:absolute;
	top:0;
	background: center center no-repeat #ccc;
	width: 6%;
	height:100%;
	min-height:100%;
}
#prev_pickup:hover,
#next_pickup:hover {
	background-color: #bbb;
}
#prev_pickup {
	background-image: url(../img/button/gui-prev.png);
	left: 0;
}
#next_pickup {
	background-image: url(../img/button/gui-next.png);
	right: 0;
}
/* tablet and PC */
@media only screen and (min-width: 600px){
	#pickup_area #wrapper {
		width: 92%;
		left: 4%;
	}
	#pickup_area #carousel_pickup .item {
		margin:0 10px;
		line-height:1.6em;
		letter-spacing:1px;
	}
	#pickup_area #carousel_pickup .name {
		font-size:100%;
	}
	#pickup_area #carousel_pickup .image img {
		border:#CCC 1px solid;
		padding:3px;
		background-color:#FFF;
	}
	#prev_pickup,
	#next_pickup {
		background: center center no-repeat #fff;
		width: 4%;
	}
	#prev_pickup {
		background-image: url(../img/button/gui-prev.png);
	}
	#next_pickup {
		background-image: url(../img/button/gui-next.png);
	}
}

/* 表示番号2
----------------------------------------------- */
#pickup_area .cfspace { /*表示番号3共通*/
	margin-bottom:0;
}
#pickup_area .pattern_2 .left {
	width:100%;
	margin-bottom:20px;
}
#pickup_area .pattern_2 .right {
	width:100%;
	margin-bottom:20px;
}
#pickup_area .pattern_2 .productImage {
	float:left;
	width:44%;
	margin-right:1%;
}
#pickup_area .pattern_2 .productImage img {
	max-width:94%;
	border:#CCC 1px solid;
	padding:2%;
	background-color:#FFF;
}
#pickup_area .pattern_2 .productContents {
	float:right;
	width:50%;
}
#pickup_area .pattern_2 .productContents h3 {
	font-weight:normal;
}
#pickup_area .cfspace {
	margin-bottom:10px;
}
/* tablet and PC */
@media only screen and (min-width: 600px){
	#pickup_area .cfspace { /*表示番号3共通*/
		margin-bottom:10px;
	}
	#pickup_area .pattern_2 .left {
		float:left;
		width:47%;
		margin-bottom:0;
	}
	#pickup_area .pattern_2 .right {
		float:right;
		width:47%;
		margin-bottom:0;
	}
}

/* 表示番号3
----------------------------------------------- */
#pickup_area .pattern_4 .left {
	width:100%;
	margin-bottom:20px;
}
#pickup_area .pattern_4 .right {
	width:100%;
	margin-bottom:20px;
}
#pickup_area .pattern_4 .productImage {
	float:left;
	width:44%;
	margin-right:1%;
}
#pickup_area .pattern_4 .productImage img {
	max-width:94%;
	border:#CCC 1px solid;
	padding:2%;
	background-color:#FFF;
}
#pickup_area .pattern_4 .productContents {
	float:right;
	width:50%;
}
#pickup_area .pattern_4 .productContents h3 {
	font-weight:normal;
}
@media only screen and (min-width: 600px) and (max-width: 767px){
	#pickup_area .pattern_4 .left {
		float:left;
		width:23%;
		margin-bottom:0;
		margin-right:2.6%;
	}
	#pickup_area .pattern_4 .right {
		float:right;
		width:23%;
		margin-bottom:0;
	}
	#pickup_area .pattern_4 .productImage {
		text-align:center;
		width:100%;
		float:none;
	}
	#pickup_area .pattern_4 .productContents {
		width:100%;
		float:none;
	}
}
@media only screen and (min-width: 768px) {
	#pickup_area .pattern_4 .productImage img {
		max-width:100%;
	}
}

/* ===============================================
▼新商品スライド
=============================================== */
#new_item_area .block_body {
	border:none;
}
#new_item_area #carousel_area {
	position: relative;
}
#new_item_area #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
}
#new_item_area #carousel_new_item {
	display:none;
}
#new_item_area #carousel_new_item .item {
	float: left;
	position: relative;
	margin:0 5px;
	line-height:1.1em;
	letter-spacing:0;
}
/* ▼NEWアイコン自動表示 */
#new_item_area #carousel_new_item .image {
	position:relative;
}
#new_item_area #carousel_new_item .image .new_icon {
	position:absolute;
	top:3px;
	left:3px;
}
#new_item_area #carousel_new_item .image img.new_icon {
	border:none;
	background:none;
	padding:0;
}
/* ▲NEWアイコン自動表示 */
#new_item_area #carousel_new_item .image img {
	max-width:100%;
	border:#CCC 1px solid;
	padding:3px;
	background-color:#FFF;
}
#new_item_area #carousel_new_item .name {
	text-align:left;
	font-size:85%;
}
#prev_new_item,
#next_new_item {
	position:absolute;
	top:0;
	background: center center no-repeat #ccc;
	width: 6%;
	height:100%;
	min-height:100%;
}
#prev_new_item:hover,
#next_new_item:hover {
	background-color: #bbb;
}
#prev_new_item {
	background-image: url(../img/button/gui-prev.png);
	left: 0;
}
#next_new_item {
	background-image: url(../img/button/gui-next.png);
	right: 0;
}
/* tablet and PC */
@media only screen and (min-width: 600px){
	#new_item_area #wrapper {
		width: 92%;
		left: 4%;
	}
	#new_item_area #carousel_new_item .item {
		margin:0 10px;
		line-height:1.6em;
		letter-spacing:1px;
	}
	#new_item_area #carousel_new_item .name {
		font-size:100%;
	}
	#new_item_area #carousel_new_item .image img {
		border:#CCC 1px solid;
		padding:3px;
		background-color:#FFF;
	}
	#prev_new_item,
	#next_new_item {
		background: center center no-repeat #fff;
		width: 4%;
	}
	#prev_new_item {
		background-image: url(../img/button/gui-prev.png);
	}
	#next_new_item {
		background-image: url(../img/button/gui-next.png);
	}
}

/* ===============================================
▼ご注文の流れ・インフォメーション
=============================================== */
/*共通*/
#info_area2 {
	margin-bottom:20px;
}
#info_area .block_body,
#info_area2 .block_body {
	border:none;
}
.title_info {
	background-color:#555;
    color:#fff;
    font-size: 14px;
	font-weight: bold;
	text-align:center;
	padding:3px 0;
	margin-bottom:10px;
}

/*ご注文の流れ*/
#info_area {
	margin-bottom:15px;
}
#info_area .image img {
	padding:0;
	border:none;
	background:none;
}
#info_area .step {
	margin:0 5px;
}
#info_area .step_box {
	width:100%;
}
#info_area .step .title, #info_area .step .title_last {
	font-size:120%;
	padding-left:5px;
}
#info_area .step .title_last {
	background:none;
}
#info_area .step_box .image {
	text-align:center;
	background-color:#EFEFEF;
	padding-top:5px;
}
#info_area .step_box .text {
	border:5px solid #EFEFEF;
	border-top:none;
	padding:5px;
	font-size:90%;
	letter-spacing:1px;
	margin-bottom:10px;
}
/* tablet and PC */
@media only screen and (min-width: 600px){
	#info_area .step_box {
		width:25%;
		float:left;
	}
	#info_area .step {
		margin:0 5px;
	}
	#info_area .step .title, #info_area .step .title_last {
		margin-bottom:5px;
		background:url(../img/icon/ico_arrow_info.png) no-repeat center right;
		min-height:16px;
	}
	#info_area .step .title_last {
		background:none;
	}
	#info_area .step_box .text {
		min-height:120px; /*テキストエリアの高さ調整*/
		margin-bottom:0;
	}
}

/*インフォメーション*/
#info_area2 .box {
	margin-bottom:10px;
}
#info_area2 #left {
	width:100%;
}
#info_area2 #right {
	width:100%;
}
#info_area2 .title2 {
	background:url(../img/background/bg_info_title2.png) repeat-x bottom;
	padding-bottom:6px;
	margin-bottom:0px;
}
#info_area2 h3 {
	background:url(../img/icon/ico_arrow_04.gif) 0 7px no-repeat;
	padding-left:12px;
	color:#333;
	font-size:110%;
}
#info_area2 .box #comment {
	padding-bottom:3px;
	margin-bottom:10px;
	border-bottom: #999 1px dotted;
}
#info_area2 .box .method {
	font-weight:bold;
	padding-left:12px;
	background:url(../img/icon/ico_arrow_03.gif) 0 3px no-repeat;
}
#info_area2 .box .site_ex {
	margin:0 0 10px 12px;
}
#info_area2 #left .box .image {
	margin-bottom:15px;
}
#info_area2 #left .box .image img {
	border:none;
	padding:0;
	margin:0;
	max-width:100%;
}
#info_area2 #right .content .sphone_none {
	display:none;
}
#info_area2 #right .content .sphone {
	display: inline;
}
#info_area2 #shop {
	border:1px solid #999;
	background-color:#F7F7F7;
	padding:3px;
	margin-top:5px;
}
/* tablet and PC */
@media only screen and (min-width: 600px){
	#info_area2 #left {
		float:left;
		width:48%;
	}
	#info_area2 #right {
		float:right;
		width:48%;
	}
	#info_area2 #right .content .sphone_none {
		display:inline;
	}
	#info_area2 #right .content .pc_none {
		display:none;
	}
	#info_area2 #right .content .sphone {
		display:none;
	}
}

/* ===============================================
▼TopBanner entry_banner
=============================================== */
div#top_banner,
div#freshman{
	width:100%;
	margin:3% auto 0%;
}
div#freshman img{
	margin-left:1%;
	width:95%;
}

div#entry_banner{
	width:100%;
	margin:1% auto 12%;
}
div#top_banner ul,
div#entry_banner ul{
	width:100%;
	margin:0 auto;
}
div#top_banner ul li{
	width:90%;
	margin:0 auto 10px;
	padding:5px 0;
	text-align:center;
	font-size:100%;
	background:#26499d;
	border: 1px solid #333;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div#top_banner ul li a,
div#entry_banner ul li a{
    color:#fff;
}
div#top_banner ul li:hover,
div#entry_banner ul li:hover{
	opacity: 0.85;
	filter:alpha(opacity=85);
	text-decoration: none !important;
}
div#entry_banner ul li{
	width:90%;
	margin:0 auto 10px;
	padding:13px 0;
	text-align:center;
	font-size:100%;
	border-radius: 5px;
	background: #fd9748; /* Old browsers */
	background: -moz-linear-gradient(top,  #fd9748 0%, #de4402 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #fd9748 0%,#de4402 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fd9748 0%,#de4402 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fd9748 0%,#de4402 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fd9748 0%,#de4402 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9748', endColorstr='#de4402',GradientType=0 ); /* IE6-9 */
}

.order_banner a{
	display:block;
	width:90%;
	margin:0 auto;
	padding:13px 0;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#fff;
	border-radius: 5px;
	background: #fd9748; /* Old browsers */
	background: -moz-linear-gradient(top,  #fd9748 0%, #de4402 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #fd9748 0%,#de4402 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fd9748 0%,#de4402 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fd9748 0%,#de4402 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fd9748 0%,#de4402 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9748', endColorstr='#de4402',GradientType=0 ); /* IE6-9 */
}

.order_banner a:hover{
	color:#fff;
	opacity:0.8;
}
.order_banner a.soon{
	display:block;
	width:80%;
	margin:0 auto;
	padding:13px 0;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#ccc;
	border-radius: 5px;
	background: #aaa;
	cursor: auto;
}
.order_banner a.soon:hover{
	color:#ccc;
	opacity:1.0;
}
.order_banner a.report{
	display:block;
	width:90%;
	margin:30px auto;
	padding:13px 0;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#111;
	line-height:1.7em;
	border-radius: 5px;
	background: #ededed;
	border:1px solid #dadada;
}
.order_banner a.report:hover{
	opacity:0.8;
}

@media only screen and (min-width: 600px){
	div#top_banner ul,
	div#entry_banner ul{
		width:100%;
	}
/*	div#top_banner ul li{
		display:block;
		float:left;
		width:30%;
		margin-left:1%;
		font-size:110%;
	}*/
	div#top_banner ul li,
	div#entry_banner ul li{
		display:block;
		float:left;
		width:45.5%;
		margin:0 1%;
		font-size:110%;
	}
	.order_banner a{
		width:450px;
	}
	.order_banner a.soon{
		width:450px;
	}
}

/* ===============================================
▼coopEntry
=============================================== */
div.coopEntry{
	width:70%;
	margin:10px auto;
}


.attentionBox{
	margin:20px auto;
	padding:2.5%;
	border:2px solid #ff0000;
	background:#fff9f9;
	font-size:1.2em;
	line-height:1.8em;
}