@charset "utf-8";

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

/* タイトル
----------------------------------------------- */
.block_outer h2 {
	font-size:110%;
	margin-bottom:10px;
}
.main .block_outer h2 {
	padding:4px 0 4px 15px;
	border-left:#999 10px solid;
	border-bottom:#999 1px solid;
}
.main .block_outer h2 .title {
	background-color:#eee;
	color:#333;
	padding:2px 0 2px 5px;
}
#side .block_outer h2 {
	padding-left:1px;
	border-left:#A7685F 10px solid;
	background-color:#c8a09a;
	color:#FFF;
	padding:2px 0 2px 5px;
}
/*#side .block_outer h2 .title {
	background-color:#c8a09a;
	color:#FFF;
	padding:2px 0 2px 5px;
}*/
.title_subpages {
	background-color:#c8a09a;
    color:#fff;
    font-size: 14px;
	font-weight: bold;
	text-align:left;
	padding:3px 0;
	margin-bottom:10px;
	text-indent:1em;
}

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

/* ===============================================
▼多機能クーポン
=============================================== */
#coupon_area {
	clear:both;
	margin-bottom:5px;
}
#coupon_area .block_body {
	border:none;
}
#coupon_area #title {
	font-size:120%;
	padding:5px;
	background-color:#eee;
	color:#333;
	font-weight:bold;
	margin-bottom:10px;
}
#coupon_area .date_area {
	margin-bottom:10px;
}
#coupon_area .date_area .name {
	font-weight:bold;
	padding-left:10px;
}
#coupon_area .date_area .discount {
	font-weight:normal;
	color:#000;
}
#coupon_area .date_area .coupon_comment {
	margin-bottom:5px;
	padding-left:10px;
}
#coupon_area .date_area .condition {
	padding:5px 10px;
	border-bottom:1px dashed #ddd;
}
#coupon_area .date_area .condition .txt {
	margin-bottom:3px;
}
#coupon_area .date_area .condition .txt span {
	background:#eee;
	padding:1px 5px;
	color:#333;
}

/* ===============================================
▼ランディングページメニュー
=============================================== */
.landing_button_like li {
	list-style:outside;
	list-style-type:square;
	margin-left:20px;
	margin-bottom:10px;
	line-height:1.2em;
}

/* ===============================================
▼検索
=============================================== */
/* レスポンシブナビ・サイドカラム配置 */
.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;
}

/* ===============================================
▼レスポンシブナビのログイン
=============================================== */
/* ヘッダーログインブロックを読み込んで使用しています。 */
/* CSS→ bloc_alpha.css */

/* ===============================================
▼フォントサイズ
=============================================== */
/*サイドカラムに配置*/
.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;
}

/* ===============================================
▼ソーシャルブックマーク
=============================================== */
.socialbtn {
	clear:both;
	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%;
}
@media only screen and (min-width: 460px) {
.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 li {
	width:30.5%;
	float:left;
	margin-bottom:15px;
	height:270px;
}
#ranking_area li.left {
	margin-right:2.5%;
}
#ranking_area li .left {
	float:none;
	width:100%;
}
#ranking_area li .right {
	float:none;
	width:100%;
}
#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: 460px) {
#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: 980px) {
#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;
}
}
/* ===============================================
▼KTP送料無料バナー
=============================================== */
#ktpfreeshipping {
	
}

/* ===============================================
▼新規会員登録特典バナー
=============================================== */
#newreg {
	
}
#newreg img {
	width:195px;
	height:80px;
}

/* ===============================================
▼SNSリンク
=============================================== */
#snslink img {
	width:195px;
}
/* ===============================================
▼SNSリンクプラス
=============================================== */
#snslinkplus  {
	width:195px;
	margin:0 auto;
}
#snslinkplus .snsnblog {
	width:40px;
	height:40px;
	margin:0 auto 10px 4%;
	float:left;
}
#snslinkplus .snsnblog img {
	width:100%;
	height:auto;
}
/* ===============================================
▼bigeyesバナー
=============================================== */
#bigeyes img {
	width:195px;
	height:94px;
}

/* ===============================================
▼ばれないレンズバナー
=============================================== */
#naturallens img {
	width:195px;
	height:94px;
}

/* ===============================================
▼個性カジュアルレンズバナー
=============================================== */
#casuallens img {
	width:195px;
	height:94px;
}

/* ===============================================
▼小さい瞳バナー
=============================================== */
#smalleyes img {
	width:195px;
	height:94px;
}
/* ===============================================
▼ブログバナー
=============================================== */
#blogbanner img {
	max-width:100%;
	height:auto;
}

/* ===============================================
▼瞳の色別バナー
=============================================== */
#eyescolortype img {
	width:195px;
	height:240px;
}

/* ===============================================
▼大人のカラコンバナー
=============================================== */
#adultlens img {
	width:195px;
	height:240px;
}

/* ===============================================
▼初心者ガイドメイク編バナー
=============================================== */
#beginnerguidemakeup img {
	width:195px;
	height:240px;
}

/* ===============================================
▼インフォメーション
=============================================== */
#generalinformation img {
	width:100%;
	height:auto;
}
.main .block_outer #generalinformation h2 {
	font-size:120%;
	margin:0 auto 8px 0;
	padding:4px 0 4px 15px;
	clear:both;
}	


/* ===============================================
▼個人輸入について
=============================================== */
#import {
}
#import p {
	font-size:95%;
}
.txtred {
    color:#d03175;
	font-weight:bold;
}
/*.main .block_outer #import .import_h2 {
	font-size:130%;
	margin:15px auto 15px 0;
	padding:10px 0 10px 15px;
	border-left:#666 10px solid;
	border-bottom:#666 1px solid;
	background:#FFF;
}	*/
/* ===============================================
▼乱視レンズをご注文の方へ
=============================================== */
#astigma {
}
#astigma p {
	font-size:95%;
}
/*.main .block_outer #astigma .astigma_h2 {
	font-size:130%;
	margin:15px auto 15px 0;
	padding:10px 0 10px 15px;
	border-left:#666 10px solid;
	border-bottom:#666 1px solid;
	background:#FFF;
}	*/
/* ===============================================
▼カラーコンタクトのご注文について
=============================================== */
#colororder {
}
#colororder p {
	font-size:95%;
}
/*.main .block_outer #colororder .colororder_h2 {
	font-size:130%;
	margin:15px auto 15px 0;
	padding:10px 0 10px 15px;
	border-left:#666 10px solid;
	border-bottom:#666 1px solid;
	background:#FFF;
}	*/
/* ===============================================
▼スタッフレビューメイン導入
=============================================== */
#sreview {
	width:100%;
}
#sreview p {
	font-size:100%;
	line-height:120%;
	color:#333;
}
/*.main .block_outer #sreview .sreview_h2 {
	font-size:130%;
	margin:15px auto 15px 0;
	padding:10px 0 10px 15px;
	border-left:#666 10px solid;
	border-bottom:#666 1px solid;
	background:#FFF;
}	*/
#sreview article {
	width:100%;
	height:auto;
}
#sreview article h3 {
	width:100%;
	height:30px;
	margin-top:10px;
}
#sreview article .sreviewa {
	text-decoration:none;
	display:block;
	width:100%;
	height:auto;
}
#sreview article .sreviewimg img {
	display:block;
	width:40%;
	height:auto;
	float:left;
}
#sreview article .sreviewtxt {
	display:block;
	width:60%;
	height:auto;
	float:right;
}
#sreview article dl {
	line-height:normal;
}
#sreview article .specs {
	width:37%;
	height:auto;
	float:left;
	font-size:30%;
	color:#333;
	display:block;
}
#sreview article .specs dt {
	display:inline;
}
#sreview article .specs dd {
	display:inline;
}
#sreview article dt:after {
	content:"：";
}
#sreview article .specs dd:after {
	content:"\A";
	white-space:pre;
}
#sreview article .valuation {
	font-size:30%;
	display:block;
	width:63%;
	float:right;
	}
#sreview article .valuation dt {
	display:inline;
	color:#333;
}
#sreview article .valuation dd {
	display:inline;
	color:#F90;
}
#sreview article .valuation dd:after {
	content:"\A";
	white-space:pre;

}
#sreview article .reviewb {
	clear:both;
	background-color:#EEE;
	width:100%;
	height:auto;
	font-size:40%;
}
#sreview article .reviewb h4 {
	color:#F66;
	padding:5px 5px 3px 5px;
}
#sreview article .reviewb p {
	color:#333;
	padding:0px 5px 5px 5px;
}
#sreview article .morelink {
	text-align:right;
	font-weight:bold;
}
@media only screen and (min-width: 460px) {
#sreview article {
	width:33%;
	height:auto;
	float:left;
}
#sreview article h3 {
	width:100%;
	height:30px;
	margin-top:10px;
}
#sreview article .sreviewa {
	text-decoration:none;
	display:block;
	width:100%;
	height:auto;
}
#sreview article .sreviewimg img {
	width:100%;
	height:auto;
}
#sreview article .sreviewtxt {
	display:block;
	width:100%;
	height:auto;
}
#sreview article dl {
	line-height:normal;
}
#sreview article .specs {
	width:45%;
	height:auto;
	float:left;
	font-size:90%;
	color:#333;
	display:block;
}
#sreview article .specs dt {
	display:inline;
}
#sreview article .specs dd {
	display:inline;
}
#sreview article dt:after {
	content:"：";
}
#sreview article .specs dd:after {
	content:"\A";
	white-space:pre;
}
#sreview article .valuation {
	font-size:80%;
	display:block;
	width:55%;
	float:right;
	}
#sreview article .valuation dt {
	display:inline;
	color:#333;
}
#sreview article .valuation dd {
	display:inline;
	color:#F90;
}
#sreview article .valuation dd:after {
	content:"\A";
	white-space:pre;

}
#sreview article .reviewb {
	clear:both;
	background-color:#EEE;
	width:98%;
	height:auto;
	font-size:100%;
}
#sreview article .reviewb h4 {
	color:#F66;
	padding-top:10px;
	padding-bottom:5px;
}
#sreview article .reviewb p {
	color:#333;
}
#sreview article .morelink {
	text-align:right;
	font-weight:bold;
}
}

/* ===============================================
▼Ranking
=============================================== */
/*.main .block_outer #rankingmain .ranking_h2 {
	font-size:150%;
	margin:15px auto 15px 0;
	padding:10px 0 10px 15px;
	border-left:#666 10px solid;
	border-bottom:#666 1px solid;
	background:#FFF;
}	*/
.main .block_outer #rankingmain h3 {
	font-weight:100;
	font-size:130%;
	clear:both;
}
.rankingmain01 {
	width:100%;
}
.rankingmain01 article {
	width:33%;
	float:left;
	/*border-right:#999 2px dotted;*/
	margin-bottom:10px;
}
.rankingmain01 article a {
	text-decoration:none;
	display:block;
	width:100%;
	padding-right:1%;
}
.rankingmain01 article .rankingicon01 {
	display:block;
	width:100%;
}
.rankingmain01 article .rankingicon01 img {
	width:100%;
}
.rankingmain01 article .rankingicon02 {
	display:block;
	width:100%;
}
.rankingmain01 article .rankingicon02 img {
	width:100%;
}
.rankingmain01 article .rankingicon03 {
	display:block;
	width:100%;
}
.rankingmain01 article .rankingicon03 img {
	width:100%;
}
.rankingmain01 article .rankingcolorcon {
	width:100%;
	display:block;
}
.rankingmain01 article .rankingcolorcon img {
	width:95%;
}
.rankingmain01 article h4 {
	width:100%;
	display:block;
	margin-top:10px;
}
.rankingmain01 article .rankingprice {
	color:#999;
	font-weight:bold;
	width:100%;
	font-size:120%;
}
.rankingmain01 article .rankingprice:after {
	content:"(税込)";
	color:#999;
	font-size:80%;
}
	
@media only screen and (min-width: 460px) {
.rankingmain01 article {
	width:33%;
	float:left;
	/*border-right:#999 2px dotted;*/
	margin-bottom:15px;
}
.rankingmain01 article a {
	text-decoration:none;
	display:block;
	width:100%;
	padding-right:1%;
}
.rankingmain01 article .rankingcolorcon {
	width:100px;
	height:110px;
	display:block;
	float:left;
	margin-right:5px;
	margin-left:5px;
}
.rankingmain01 article .rankingcolorcon img {
	width:100px;
}
.rankingmain01 article h4 {
	display:block;
	margin-top:10px;
}
.rankingmain01 article .rankingprice {
	color:#999;
	font-weight:bold;
	font-size:120%;
}
}

/* ===============================================
▼カラコンランドって
=============================================== */
/*.main .block_outer #greeting .greeting_h2 {
	font-size:130%;
	margin:15px auto 15px 0;
	padding:10px 0 10px 15px;
	border-left:#666 10px solid;
	border-bottom:#666 1px solid;
	background:#FFF;
}*/	
.txtblue {
    color:#005FFF;
	font-weight:bold;
}
/* ===============================================
▼初めての方に
=============================================== */
#container #beginnerguide .block_body {

}
#beginnerguide h2 {
	margin:0;
}
#beginnerguide ul {
	margin:0;
}
#beginnerguide li {
    padding-left: 5px;
}
#beginnerguide li/*.level1*/ {
    padding-left: 0;
}
#beginnerguide li.level1 {
    border-bottom: dotted 1px #ccc;
}
#beginnerguide li p {
    padding-left: 16px;
    margin: 7px 0;
}
#beginnerguide li p {
    background: url("../img/icon/ico_down.png") 2px 3px no-repeat;
}
#beginnerguide li.level1 li p {
    background: url("../img/icon/ico_level.gif") 7px 2px no-repeat;
}
#beginnerguide li a {
    display: block;
    padding: 0;
}
a.onlink:link {
    color: #f00;
    text-decoration: underline;
}
a.onlink:visited {
    color: #f00;
}
a.onlink:hover {
    color: #f00;
}
/*アコーディオン*/
/*#beginnerguide ul#categorytree li.level1 {
	position:relative;
}
#beginnerguide ul#categorytree li.level1 p.parent {
	background-image:none;
	position:relative;
    padding-left: 15px;
}
#beginnerguide ul#categorytree li.level1 p.parent img {
	position:absolute;
	top:2px;
	left:0px;
}
#beginnerguide ul#categorytree li.level1 p.parent a {
	cursor:pointer;
	margin-right:30px;
}
#beginnerguide ul#categorytree li.level1 a.arrow {
	position:absolute;
	top:-2px;
	right:0;
}
#beginnerguide ul#categorytree li.level1 .no_children {
	padding-left:18px;
}*/

/* ===============================================
▼リンクバナー
=============================================== */
#linkbanner {
}
#linkbanner ul {
	display:block;
	width:100%;
}
#linkbanner ul:after {
	content:"";
	clear:both;
	display:block;
}
#linkbanner ul li {
	display:block;
	float:left;
	margin:0 5px 5px 0;
	width:49%;
}
#linkbanner ul li:nth-child(2n) {
	margin:0 0 5px 0;
}
#linkbanner ul li a {
	display:block;
	width:100%;
	height:auto;
}
#linkbanner ul li a img {
	width:100%;
	height:auto;
}
	
/* ===============================================
▼QRコードの自動生成
=============================================== */
.qrcode_area {
	display:none;
}
@media only screen and (min-width: 460px) {
.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 .news_contents {
}
#news_area .newslist {
	margin-bottom:10px;
}
#news_area .news_title a {
	display:block;
	cursor:pointer;
}
#news_area .news_title a span {
	font-weight:bold;
}
#news_area .show {
	border-left:10px #ccc solid;
	padding-left:5px;
}
#news_area .hide {
	border-left:10px #eee solid;
	padding-left:5px;
}
#news_area .comment {
	padding:5px 0 0 15px;
}
#news_area .rss a {
	color:#333;
	font-size:80%;
	font-weight:normal;
	background-color:#f7f7f7;
	border:#333 1px solid;
	margin-left:10px;
	padding:0 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#news_area .rss a:hover {
	background-color: #CCC;
}

/* ===============================================
▼カテゴリースライドメニュー
=============================================== */
#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;
}

/* ===============================================
▼ティッカー（流れるメッセージ）
=============================================== */
#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;
}
#block_ticker_area {
	margin-top:-30px;
}
@media only screen and (min-width: 980px) {
#block_ticker_area {
	margin-top:0px;
}
}

/* ===============================================
▼カテゴリ
=============================================== */
#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: 16px;
    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-top:-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: 980px) {
#calender_area table td,
#calender_area th {
    padding: 1px 3px;
}
}

/* ===============================================
▼最近チェックした商品
=============================================== */
#recent_area .block_body {
	border:none;
	margin-bottom:0;
}

/* 表示番号1 by jQuery.carouFredSel
----------------------------------------------- */
#recent_area #carousel_area {
	position: relative;
}
#recent_area #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
}
#recent_area #carousel_recent {
	display:none;
}
#recent_area #carousel_recent .item {
	float: left;
	position: relative;
	margin:0 5px;
	line-height:1.1em;
	letter-spacing:0;
}
#recent_area #carousel_recent .image {
	text-align: left;
}
#recent_area #carousel_recent .image img {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1px;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recent_area #carousel_recent .image img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recent_area #carousel_recent .name {
	text-align:left;
	font-size:85%;
}
#prev_recent {
	position:absolute;
	top:0;
	left: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:15px 25px;
}
#next_recent {
	position:absolute;
	top:0;
	right: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:15px 25px;
}
#prev_recent:hover {
	background: url(../img/button/gui-prev_on.png) no-repeat center center;
	background-size:15px 25px;
}
#next_recent:hover {
	background: url(../img/button/gui-next_on.png) no-repeat center center;
	background-size:15px 25px;
}
@media only screen and (min-width: 460px) {
#recent_area #wrapper {
	width: 92%;
	left: 4%;
}
#recent_area #carousel_recent .item {
	margin:0 10px;
	line-height:1.6em;
	letter-spacing:1px;
}
#recent_area #carousel_recent .name {
	font-size:100%;
}
#prev_recent {
	width:4%;
}
#next_recent {
	width:4%;
}
}

/* 表示番号2
----------------------------------------------- */
#recent_area .cfspace { /*表示番号3共通*/
	margin-bottom:0;
}
#recent_area .pattern_2 .left {
	width:100%;
	margin-bottom:20px;
}
#recent_area .pattern_2 .right {
	width:100%;
	margin-bottom:20px;
}
#recent_area .pattern_2 .productImage {
	float:left;
	width:44%;
	margin-right:1%;
}
#recent_area .pattern_2 .productImage img {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recent_area .pattern_2 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recent_area .pattern_2 .productContents {
	float:right;
	width:50%;
}
#recent_area .pattern_2 .productContents h3 {
	font-weight:normal;
}
#recent_area .cfspace {
	margin-bottom:10px;
}
@media only screen and (min-width: 460px) {
#recent_area .cfspace { /*表示番号3共通*/
	margin-bottom:10px;
}
#recent_area .pattern_2 .left {
	float:left;
	width:47%;
	margin-bottom:0;
}
#recent_area .pattern_2 .right {
	float:right;
	width:47%;
	margin-bottom:0;
}
}

/* 表示番号3
----------------------------------------------- */
#recent_area .pattern_5 .left {
	float:left;
	width:18%;
	margin-bottom:10px;
	margin-right:2.5%;
}
#recent_area .pattern_5 .right {
	float:right;
	width:18%;
	margin-bottom:10px;
}
#recent_area .pattern_5 .productImage {
	position:relative;
	text-align:center;
	width:100%;
	float:none;
}
#recent_area .pattern_5 .productImage img {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recent_area .pattern_5 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recent_area .pattern_5 .productContents {
	width:100%;
	float:none;
}
#recent_area .pattern_5 .productContents h3 {
	font-weight:normal;
}


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

/* 表示番号1 by jQuery.carouFredSel
----------------------------------------------- */
#recommend_area #carousel_area {
	position: relative;
}
#recommend_area #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
	height:130px;
}
#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: left;
}
#recommend_area #carousel_recommend .image img {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1px;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recommend_area #carousel_recommend .image img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recommend_area #carousel_recommend .name {
	text-align:left;
	font-size:85%;
}
#prev_recommend {
	position:absolute;
	top:0;
	left: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:15px 25px;
}
#next_recommend {
	position:absolute;
	top:0;
	right: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:15px 25px;
}
#prev_recommend:hover {
	background: url(../img/button/gui-prev_on.png) no-repeat center center;
	background-size:15px 25px;
}
#next_recommend:hover {
	background: url(../img/button/gui-next_on.png) no-repeat center center;
	background-size:15px 25px;
}
@media only screen and (min-width: 460px) {
#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%;
}
#prev_recommend {
	width:4%;
}
#next_recommend {
	width:4%;
}
#recommend_area #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
	height:100%;
}
}

/* 表示番号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:96%;
	border:#CCC 1px solid;
	padding:1%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recommend_area .pattern_2 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recommend_area .pattern_2 .productContents {
	float:right;
	width:50%;
}
#recommend_area .pattern_2 .productContents h3 {
	font-weight:normal;
}
#recommend_area .cfspace {
	margin-bottom:10px;
}
@media only screen and (min-width: 460px) {
#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_5 .left {
	float:left;
	width:18%;
	margin-bottom:10px;
	margin-right:2.5%;
}
#recommend_area .pattern_5 .right {
	float:right;
	width:18%;
	margin-bottom:10px;
}
#recommend_area .pattern_5 .productImage {
	position:relative;
	text-align:center;
	width:100%;
	float:none;
}
#recommend_area .pattern_5 .productImage img {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recommend_area .pattern_5 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recommend_area .pattern_5 .productContents {
	width:100%;
	float:none;
}
#recommend_area .pattern_5 .productContents h3 {
	font-weight:normal;
}

/* ===============================================
▼ピックアップ商品
=============================================== */
#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;
	height:120px;
}
#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:96%;
	border:#CCC 1px solid;
	padding:1px;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#pickup_area #carousel_pickup .image img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#pickup_area #carousel_pickup .name {
	text-align:left;
	font-size:85%;
}
#prev_pickup {
	position:absolute;
	top:0;
	left: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:15px 25px;
}
#next_pickup {
	position:absolute;
	top:0;
	right: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:15px 25px;
}
#prev_pickup:hover {
	background: url(../img/button/gui-prev_on.png) no-repeat center center;
	background-size:15px 25px;
}
#next_pickup:hover {
	background: url(../img/button/gui-next_on.png) no-repeat center center;
	background-size:15px 25px;
}
@media only screen and (min-width: 460px) {
#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%;
}
#prev_pickup {
	width:4%;
}
#next_pickup {
	width:4%;
}
#pickup_area #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
	height:100%;
}
}

/* 表示番号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:96%;
	border:#CCC 1px solid;
	padding:1%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#pickup_area .pattern_2 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#pickup_area .pattern_2 .productContents {
	float:right;
	width:50%;
}
#pickup_area .pattern_2 .productContents h3 {
	font-weight:normal;
}
#pickup_area .cfspace {
	margin-bottom:10px;
}
@media only screen and (min-width: 460px) {
#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_5 .left {
	float:left;
	width:18%;
	margin-bottom:10px;
	margin-right:2.5%;
}
#pickup_area .pattern_5 .right {
	float:right;
	width:18%;
	margin-bottom:10px;
}
#pickup_area .pattern_5 .productImage {
	position:relative;
	text-align:center;
	width:100%;
	float:none;
}
#pickup_area .pattern_5 .productImage img {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#pickup_area .pattern_5 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#pickup_area .pattern_5 .productContents {
	width:100%;
	float:none;
}
#pickup_area .pattern_5 .productContents h3 {
	font-weight:normal;
}

/* ===============================================
▼新商品スライド
=============================================== */
#new_item_area .block_body {
	border:none;
	margin-bottom:0;
}
/* 表示番号1
----------------------------------------------- */
#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_item_area .sphone_flick_area .item,
#new_item_area #carousel_new_item .image {
	position:relative;
}
#new_item_area #carousel_new_item .image img.photo {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1px;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#new_item_area #carousel_new_item .image img.photo:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#new_item_area #carousel_new_item .name {
	text-align:left;
	font-size:85%;
}
#prev_new_item {
	position:absolute;
	top:0;
	left: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:15px 25px;
}
#next_new_item {
	position:absolute;
	top:0;
	right: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:15px 25px;
}
#prev_new_item:hover {
	background: url(../img/button/gui-prev_on.png) no-repeat center center;
	background-size:15px 25px;
}
#next_new_item:hover {
	background: url(../img/button/gui-next_on.png) no-repeat center center;
	background-size:15px 25px;
}
@media only screen and (min-width: 460px) {
#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%;
}
#prev_new_item {
	width:4%;
}
#next_new_item {
	width:4%;
}
}

/* 表示番号2
----------------------------------------------- */
#new_item_area .pattern_2 .left {
	width:100%;
	margin-bottom:10px;
}
#new_item_area .pattern_2 .right {
	width:100%;
	margin-bottom:10px;
}
#new_item_area .pattern_2 .productImage {
	float:left;
	width:44%;
	margin-right:1%;
	position:relative;
}
#new_item_area .pattern_2 .productImage img.photo {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#new_item_area .pattern_2 .productImage img.photo:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#new_item_area .pattern_2 .productContents {
	float:right;
	width:50%;
}
#new_item_area .pattern_2 .productContents h3 {
	font-weight:normal;
}
#new_item_area .pattern_2 .productContents .comment {
	display: block;
}
@media only screen and (min-width: 460px) {
#new_item_area .pattern_2 .left {
	float:left;
	width:47%;
}
#new_item_area .pattern_2 .right {
	float:right;
	width:47%;
}
}

/* 表示番号3
----------------------------------------------- */
#new_item_area .pattern_5 .left {
	float:left;
	width:18%;
	margin-bottom:10px;
	margin-right:2.5%;
}
#new_item_area .pattern_5 .right {
	float:right;
	width:18%;
	margin-bottom:10px;
}
#new_item_area .pattern_5 .productImage {
	position:relative;
	text-align:center;
	width:100%;
	float:none;
}
#new_item_area .pattern_5 .productImage img.photo {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#new_item_area .pattern_5 .productImage img.photo:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#new_item_area .pattern_5 .productContents {
	width:100%;
	float:none;
}
#new_item_area .pattern_5 .productContents h3 {
	font-weight:normal;
}

/* ▼NEWアイコン自動表示（すべて共通）
----------------------------------------------- */
#new_item_area img.new_icon {
	position:absolute;
	top:2px;
	left:2px;
	border:none;
	padding:0;
	z-index:10;
}

/* ===============================================
▼ご注文の流れ・インフォメーション
=============================================== */
/*共通*/
#info_area2 {
	margin-bottom:20px;
}
#info_area .block_body,
#info_area2 .block_body {
	border:none;
}
.title_info {
	background-color:#c8a09a;
    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;
}
@media only screen and (min-width: 460px) {
#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;
}
#info_area2 .box .content dl {
	display:block;
	white-space:pre;
	margin-bottom:10px;
	width:auto;
}

#info_area2 .box .content dt {
	display:inline;
	font-weight:bold;
}
#info_area2 .box .content dt:before {
	content:"※";
}
#info_area2 .box .content dd {
	display:inline;
}
#info_area2 .box .content h4:before {
	content:"【";
}
#info_area2 .box .content h4:after {
	content:"】";
}

/*配送方法と送料は、▼こちら*/
#info_area2 a#btn_delive_soryo {
	cursor:pointer;
    color: #39c;
    text-decoration: none;
}
#info_area2 a#btn_delive_soryo:hover {
    color: #f60;
}
#info_area2 #delive_soryo {
	border-top:#999 1px dotted;
	border-bottom:#999 1px dashed;
	padding:5px 0;
	margin:5px 0;
}

/*バナー*/
.banner01 {
	padding-bottom:10px;
	width:100%;
	
}
.banner01 p {
	padding:5px;
	font-size:100%;
	color:#333;
	line-height:120%;
}
.banner01 img {
	width:100%;
	height:auto;
}

@media only screen and (min-width: 460px) {
#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;
}
}

/* ===============================================
▼会員特典
=============================================== */
#memberpoint_area {
	margin-bottom:15px;
}
#memberpoint_area .image img {
	padding:0;
	border:none;
	background:none;
	width:100%;
}
#memberpoint_area .mpoint {
	margin:0 5px;
}
#memberpoint_area .mpoint_box {
	width:50%;
	float:left;
}
#memberpoint_area .mpoint_box .image {
	text-align:center;
	background-color:#ffffff;
	padding-top:5px;
}
#memberpoint_area .mpoint_box .text {
	border-top:none;
	padding:5px;
	font-size:90%;
	letter-spacing:1px;
	margin-bottom:10px;
}
@media only screen and (min-width: 460px) {
#memberpoint_area .mpoint_box {
	width:33%;
	float:left;
}
#memberpoint_area .mpoint {
	margin:0 5px;
}
#memberpoint_area .mpoint_box .text {
	min-height:60px; /*テキストエリアの高さ調整*/
	margin-bottom:0;
}
}


/* ===============================================
▼会員特典内容　(ページ内）
=============================================== */
#memberpoint_area02 {
	margin-bottom:15px;
}
#memberpoint_area02 .image img {
	padding:0;
	border:none;
	background:none;
	width:100%;
}
#memberpoint_area02 .mpoint {
	margin:0 5px;
}
#memberpoint_area02 .mpoint_box {
	width:50%;
	float:left;
}
#memberpoint_area02 .mpoint_box .image {
	text-align:center;
	background-color:#ffffff;
	padding-top:5px;
}
#memberpoint_area02 .mpoint_box .text {
	border-top:none;
	padding:5px;
	font-size:90%;
	letter-spacing:1px;
	margin-bottom:10px;
	margin-top:-10px;
}
@media only screen and (min-width: 460px) {
#memberpoint_area02 .mpoint_box {
	width:33%;
	float:left;
}
#memberpoint_area02 .mpoint {
	margin:0 5px;
}
#memberpoint_area02 .mpoint_box .text {
	min-height:60px; /*テキストエリアの高さ調整*/
	margin-bottom:0;
}
}

/* ===============================================
▼MENU トップページバナー01
=============================================== */
.indexbannerarea01 {
	width:100%;
}
.indexbannerarea01 article {
	width:50%;
	float:left;
	margin-bottom:10px;
}
.indexbannerarea01 article a {
	text-decoration:none;
	display:block;
	width:100%;
}
.indexbannerarea01 article .area01 img{
	width:97%;
	float:left;
}
.indexbannerarea01 article .area02 img{
	width:98%;
	float:right;
}
/* ===============================================
▼MENU トップページバナー02
=============================================== */
.indexbannerarea02 {
	width:100%;
}
.indexbannerarea02 article {
	width:100%;
	float:left;
	margin-bottom:10px;
}
.indexbannerarea02 article a {
	text-decoration:none;
	display:block;
	width:100%;
	color:#333;
    font-size: 60%;
}
.indexbannerarea02 article .area03 img{
	width:50%;
	float:left;
}
.indexbannerarea02 article .area04{
	width:48%;
	float:right;
}

@media only screen and (min-width: 460px) {
.indexbannerarea02 article a {
	text-decoration:none;
	display:block;
	width:100%;
	color:#333;
    font-size: 120%;
}
}