@charset "utf-8";

/************************************************
 ブロック用
************************************************ */
/*** 目次 ***

▼ブロック共通
リスト
タイトル
ヘッダー上、フッター下のブロックエリア

▼各機能ブロックの指定
-新着情報
-現在のカゴの中
-カテゴリ
-ガイドリンク
-ログイン（サイド用）
-検索
-カレンダー
-おすすめ商品
    * 商品詳細のオススメ商品   [whobought_area]
*/


/* ==============================================
ブロック共通
    * #container から指定することで、ヘッダー・フッターには適用していない。
/* ============================================= */
.side_column {
    /* IE6 表示乱れ防止 */
    /*overflow-x: hidden;*/
}
.side_column .block_body,
#main_column .block_body {
    border: solid 1px #ccc;
    border-top: none;
}
.side_column .block_body .box {
    border: solid 1px #ccc;
    width: 145px;
}

/* 外枠
----------------------------------------------- */
#container .block_outer {
    padding: 0 15px 10px; /* #container の背景色を欠けさせないため敢えて padding */
}
#container #main_column .block_outer {
    padding: 0 0 20px;
}
#container .side_column .block_outer {
    padding: 0 7% 10px;
}

/* リスト
----------------------------------------------- */
/* ログイン 検索条件 */
#container .block_outer .block_body dl.formlist {
    margin-bottom: 8px;
}
#container .block_outer .block_body dl.formlist dd {
    margin-bottom: 5px;
}
#container .block_outer .block_body dl.formlist dt {
    margin-bottom: 3px;
    padding-left: 15px;
    background: url("../img/icon/ico_arrow_03.gif") no-repeat left;
    font-size: 90%;
}
#container .block_outer .block_body dl.formlist span {
    vertical-align: top;
}


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

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


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

/* ===============================================
▼新着情報
=============================================== */
#news_area .news_contents {
    padding: 10px;
    max-height: 260px;
    height: auto !important; /* hack? */
    height: 260px; /* hack? */
    overflow: auto;
    overflow-y: scroll;
}
#news_area dl.newslist {
    background: url("../img/background/line_dot_01.gif") repeat-x bottom;
}
#news_area dl.newslist:last-child { /* IE9 未満では無効 (影響度合いが低いので黙殺) */
    background: none;
}
#news_area dl.newslist dt {
    margin-bottom: 5px;
}
#news_area dl.newslist dd {
    margin-bottom: 10px;
    padding-bottom: 10px;
}


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


/* ===============================================
▼カテゴリ
=============================================== */
#container #category_area {
    margin:0 0 10px;
}

#category_area ul{
    border:1px solid #ddd;
    background:#FBFBFB;
    padding:0 5px;
}
#category_area li {
    padding-left: 5px;
    background:url(../img/icon/ico_arrow_y.png) 2px  center no-repeat;
    padding:4px 3px 4px 12px;
    border-bottom:1px dashed #ddd;
    position: relative;
}
#category_area li:last-child {
    border-bottom:none ;
}
#category_area li a{
    color:#000;
    font-size:0.9em;
    display: block;
    padding: 0;
    text-decoration:none;
}
#category_area li a:hover{
    text-decoration:underline;
}


a.onlink:link {
    color: #f00;
    text-decoration: underline;
}
a.onlink:visited {
    color: #f00;
}
a.onlink:hover {
    color: #f00;
}

/* hover用カテゴリ見出し */
#category_area li .popuptitle a{
    cursor: pointer;
    position: absolute;
    width: 172px;
    height: 35px;
    border: 2px solid #FFCF00;
    border-right: 2px solid #FFFAF3;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: bold;
    color: #FF7F00;
    padding-left: 5px;
    background: #FFFAF3 url(../img/icon/ico_arrow_y.png) 6px  center no-repeat;
    padding:4px 3px 4px 16px;
    top: -2px;
    left: -6px;
    z-index: 4000;
    text-decoration: none;
}

/* カテゴリーサブナビ */
#category_area li .sub{
    position: absolute;
    width: 740px;
    border: 2px solid #FFCF00;
    background: #FFFAF3;
    padding: 12px 0 12px 12px;
    box-sizing: border-box;
    top: -2px;
    left: 164px;
    z-index: 3000;
    overflow: hidden;
    border-radius: 0 5px 5px 5px;
}
    #category_area li .sub ul{
        background: transparent;
        border: none;
    }
    #category_area li .sub ul li{
        border: none;
        padding-top: 0;
    }
    #category_area .sub .maker li{
        /*float: left;*/
    }
    #category_area .sub h3,
    #category_area .sub .h3_title{
        border: 1px solid #FFE073;
        text-align: center;
        padding: 9px;
        font-size: 12px;
        line-height: 1.2em;
        background: #fff;
        color: #FF7F00;
        margin-bottom: 13px;
        box-sizing: border-box;
        overflow: hidden;
        border-radius: 5px;
    }
    #category_area .sub .gocat{
	    color: #004692;
	    font-size: 11px;
	    line-height: 1em;
	    margin-right: 16px;
	    text-align: right;
	    text-decoration: underline;
    }
    #category_area .sub .gocat:hover{
        text-decoration: none;
    }
    #category_area .sub .subrow{
        overflow: hidden;
        margin-bottom: 24px;
    }
        #category_area .sub .subrow .subcol{
            float: left;
            width: 170px;
            margin-left: 0;
        }
        #category_area .sub .subrow .subcol:first-of-type{
            margin-left: 0;
        }

		#category_area .subcol li a {
		    line-height: 1.4em;
		}

		#category_area .sub li {
		    background-position:2px 6px;
		}

		#category_area .sub .subrow_big {
		    float: none;
		    clear:both;
		    margin-right: 12px;
		}

		#category_area .sub .subrow_middle {
		    float: left;
		    margin-right: 12px;
		    width: 350px;
		}

		#category_area .sub .subrow_middle:first-of-type{
		}


		#category_area .sub .subrow_small {
		    float: left;
		}

		#category_area .sub .subrow_small:first-of-type{
			margin-left:0px !important;
		}


#category_area .sub .subrow_small{
	margin-right:10px;
}


#category_area li .popuptitle.none_category a {
    border: 2px solid #ffcf00;
}


/* ===============================================
▼　バナー
=============================================== */

.bnr_area{
	text-align:center;

}
.top_bnr_area{
		margin-left:7px;
}
.bnr_area ul li{
	float:left;
	margin:0 0 2px;
}

.top_bnr_area ul li{
	float:left;
	margin:0 5px 5px 0;
}



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


/* ===============================================
▼ログイン（サイド用）
※ヘッダー用はbloc_alpha.css内に記述
=============================================== */
#container div#login_area .block_body {
    padding: 10px;
}

#container div#login_area .block_body p {
    margin-bottom: 5px;
}

#container div#login_area .block_body .btn {
    text-align: center;
}
#container .login_area dl.formlist {
    margin: 0px auto 8px auto;
    width: 430px;
}
#container .login_area dl.formlist dt {
    margin-bottom: 3px;
    padding-left: 15px;
    color: #333;
    background: url("../img/common/nav_ico.png") no-repeat left;
    width: 110px;
    float: left;
    font-size: 90%;
}
#container .login_area dl.formlist dd {
    margin-bottom: 5px;
    float: right;
    width: 300px;
    vertical-align: bottom;
    text-align: left;
}
#container div#login_area .block_body .mini {
    margin-top: 5px;
    letter-spacing: -0.01em;
}


/* ===============================================
▼検索
=============================================== */
#container div#search_area .block_body {
    padding: 10px;
}
#container div#search_area .block_body .btn {
    text-align: center;
}


/* ===============================================
▼カレンダー
=============================================== */
#calender_area {
    background-color: transparent;
    border: none;
}

#calender_area table {
    background: #fff;
    border: none;
    width: 100%;
    margin: 0 auto 0px;
    font-size: 90%;
}
#calender_area th {
    padding: 3px;
    background: #FFF387;
    border: none;
    text-align: center;
    border: 1px solid #FFCF00;
}
#calender_area table td {
    padding: 0 3px;
    border: 1px solid #FFCF00;
    text-align: center;
}
#calender_area table .month {
    margin-bottom: 5px;
    padding-left: 12px;
    background: url("../img/icon/ico_arrow_04.gif") no-repeat left;
    font-size: 120%;
}
#calender_area tr th:nth-of-type(1) {background:#F9495B;color:#fff;}
#calender_area tr th:nth-of-type(7) {background:#F38F00;}

#calender_area tr td:nth-of-type(1) {background:#FFDDD7;color:#FC4657;}
#calender_area tr td:nth-of-type(7) {background:#FFF2D2;}


#calender_area .off {
    color: #f00;
    font-weight:bold;
}
#calender_area .today {
    background:#FFDDD7;
	color:#FC4657;
}
#calender_area .information {
    margin-left: 10px;
    font-size: 90%;
}
#calender_area .atten{
	padding:10px 5px ;
	font-size:0.9em;
	line-height:1.3em;
}
#calender_area .atten .pink{
	color:#FC4657;
	font-size:1.1em;
	margin:0 0 3px;
}



/* ===============================================
▼おすすめ商品
=============================================== */
/*
   tplファイルのマークアップが同じ項目
   メインカラム用
   サイドカラム用           [side_column]
   商品詳細のオススメ商品   [whobought_area]
=============================================== */
/* 共通
----------------------------------------------- */
#recommend_area .block_body {
    padding: 10px 0 10px;
    border: none;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom;
}

#recommend_area .block_body p{
    margin: 0 0 5px 0;
}

#recommend_area .block_body img {
    margin: 0 5px 0 0;
}

#recommend_area .block_body h3,
#recommend_area .block_body .h3_title{
    font-size: 100%;
    font-weight: normal;
}

/* サイドカラム用 */
.side_column #recommend_area .product_item {
    margin-bottom: 10px;
}


/* 画像
----------------------------------------------- */
/* メインカラム用 */
#main_column #recommend_area .block_body .productImage{
    margin-bottom: 10px;
    float: left;
    width: 90px;
}
/* サイドカラム用 */
.side_column #recommend_area .block_body .productImage {
    float: none;
    text-align: center;
    width: auto;
}


/* 左右の振り分け
----------------------------------------------- */
#main_column #recommend_area .product_item{
    float: left;
    width: 47.5%;
    padding-left: 1%;
    padding-right: 1%;
}


/* 商品説明テキスト
----------------------------------------------- */
/* メインカラム用 1カラム時*/
#main_column.colnum1 #recommend_area .block_body .productContents {
    float: right;
    width: 74%;
}

/* メインカラム用 2カラム時*/
#main_column.colnum2 #recommend_area .block_body .productContents,
#main_column.colnum2 #whobought_area .productContents {
    float: right;
    width: 74%;
}

/* メインカラム用 3カラム時*/
#main_column.colnum3 #recommend_area .block_body .productContents,
#main_column.colnum3 #whobought_area .productContents {
    float: right;
    width: 67%;
}

/* サイドカラム用 */
.side_column #recommend_area .block_body .productContents {
    clear: both;
}



/* ===============================================
▼お悩み相談
=============================================== */

#onayamiSodan{
	width:429px;
	height:229px;
	background:url(../img/contents/namami_bg.png) 0 0 no-repeat;
	padding:21px 0 0 200px ;
	position:relative;
	left:-8px;
	margin:0 0 20px;
}

#onayamiSodan dl dt{
	color:#F64B5E;
	font-weight:700;
	font-size:14px;
	margin:0 0 2px;
}
#onayamiSodan dl dd{
	margin:0 0 3px;
	font-size:12px;
}
#onayamiSodan dl dd a{
	text-decoration:none;
	color:#39c;
}
#onayamiSodan dl dd a:hover{
	text-decoration:underline;
}


/* ===============================================
▼黄金ルール
=============================================== */
#ougonRule{
	background:url(../img/contents/ougonrule.png) 0 0 no-repeat;
	height:64px;
	padding:106px 0 0 115px;
	margin:0 0 ;
}
#ougonRule ul li{
	float:left;
	width:130px;
	height:20px;
	margin:0 6px 5px 0;
	border-radius:30px;
	border:2px solid #F64B5E;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e7e7e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e7e7e7 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#e7e7e7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
    line-height: 1.6;
}
#ougonRule ul li a{
	background:url(../img/icon/ico_arrow_y.png) 10px center no-repeat;
	color:#000;
	display:block;
	font-weight:700;
	padding: 2px 0 0 19px;
	font-size:11px;
}
#ougonRule ul li a span{
	color:#F24C5F;
}
#ougonRule ul li a{
	text-decoration:none;
}



/* ===============================================
▼注目のクチコミ
=============================================== */

#attentionReviews{
	position:relative;
	padding-top:5px;
	margin:0 0 20px;
}
#attentionReviews .title{
	padding-left: 43px;
}
#attentionReviews .title img{
	position:absolute;
	top:-5px;
	left:5px;
}

#attentionReviews ul{
	overflow:hidden;
	margin-right:-10px;
}
#attentionReviews ul li{
	width:145px;
	border:1px solid #DECE00;
	border-radius:4px 4px 0 0;
	float:left;
	margin-right:10px;
}
#attentionReviews ul li .prduct{
	border-radius:4px 4px 0 0;
	background:#FFFAF3;
	padding:8px;
}
#attentionReviews ul li .prduct .image{
	border:1px solid #DECE00;
	border-radius:4px;
	text-align:center;
	width:127px;
	height:120px;
	background:#fff;
	overflow: hidden;
}
#attentionReviews ul li .prduct .detail{
    font-size: 0.9em;
    height: 7.6em;
    line-height: 1.3em;
    overflow: hidden;
    padding: 9px 0 3px 3px;
}
#attentionReviews ul li .evaluation{
	border-top:1px solid #DECE00;
	padding:5px 8px 5px 10px;
}
#attentionReviews ul li .evaluation .star{
}
#attentionReviews .star_area{
	margin:7px 0 0 -3px;
}

#attentionReviews ul li .evaluation .doui{
	font-weight:700;
	font-size:11px;
    text-align: right;
}
#attentionReviews ul li .evaluation .doui span{
	font-weight:700;
	color:#EE5167;
	font-size:1.2em;
	letter-spacing:-3px;
	margin-right:3px;
}


/* ===============================================
▼ こんな商品を買っています
=============================================== */

#OrderdProduct{
	position:relative;
	margin:0 0 20px;
}
#OrderdProduct .title{
	padding-left: 43px;
}
#OrderdProduct .title img{
	position:absolute;
	top:5px;
	left:8px;
}


#OrderdProduct ul{
	border-left:1px solid #ddd;
	overflow:hidden;
}
#OrderdProduct ul li{
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    float: left;
    font-size: 0.85em;
    line-height: 1.3em;
    padding: 10px 7px;
    width: 122px;
}

#OrderdProduct ul li:first-child,
#OrderdProduct ul li:last-child {
    width: 126px !important;
}

#OrderdProduct ul li .list_box_bottom{
}

#OrderdProduct ul li .image{
	text-align:center;
	margin:0 0 7px;
}
#OrderdProduct ul li .name{
    font-weight: 700;
    height: 30px;
    margin: 0 0 5px;
    overflow: hidden;
    font-size: 12px;
    line-height: 15px;
}

#OrderdProduct ul li .pricebox{
	margin-bottom:6px;
}

#OrderdProduct ul li .price{
	font-size:1.1em;
	font-weight:700;
	color:#F13606;
}


/* ===============================================
▼ 最近チェックした商品
=============================================== */

#CheckdProduct{
	position:relative;
	margin:0 0 20px;
}
#CheckdProduct .title{
	padding-left: 43px;
}
#CheckdProduct .title img{
	position:absolute;
	top:5px;
	left:8px;
}

#CheckdProduct ul{
    margin-left: -46px;
	overflow:hidden;
}
#CheckdProduct ul li{
    float: left;
    font-size: 0.85em;
    line-height: 1.3em;
    margin-left: 52px;
    padding: 0;
    width: 75px !important;
}
#CheckdProduct ul li .list_box_bottom{
    margin-bottom:4px;
}

#CheckdProduct ul li .image{
	text-align:center;
	height:84px;
	margin:0 0 7px;
}
#CheckdProduct ul li .image img{
	height:84px;
}
#CheckdProduct ul li .name{
	font-weight: 700;
	margin: 0 0 5px;
	height: 2.5em;
	overflow: hidden;
}

#CheckdProduct ul li .price{
	font-size:1.1em;
	font-weight:700;
	color:#F13606;
}


/* ===============================================
▼ NEWS
=============================================== */

#NEWS{
	position:relative;
	margin:0 0 20px;
}
#NEWS h2,
#NEWS .h2_title{
	padding: 0 0 5px 10px;
	font-size:1.5em;
	margin:0 0 10px;

}

#NEWS .title_rss_btn {
    position: absolute;
    top: 2px;
    width: 30px;
    height: 30px;
    right: 3px;
}

#NEWS .title_rss_btn_s {
    height: 20px;
    left: 109px;
    position: absolute;
    top: 6px;
    width: 20px;
}

#NEWS dl{
	padding:5px;
	overflow:hidden;
}
#NEWS dt{
    background: none repeat scroll 0 0 #f5c800;
    border-radius: 3px;
    clear: both;
    color: #fff;
    float: left;
    font-weight: 700;
    line-height: 1.5em;
    padding: 2px 5px;
    text-align: center;
    width: 60px;
}
#NEWS dd{
	float:left;
	width:530px;
	margin:0 0 10px -60px;
	padding:2px 0 0 70px;
}
#NEWS dd a{
	color:#3F74AF;
	font-size:1.1em;
}


/* ===============================================
▼ マイページbox
=============================================== */

#mypageBox{
	border:1px solid #82CB00;
	border-radius:7px 7px 0 0;
	background:#FBFBFB;
	padding:10px;
	margin:0 0 10px;
}
#mypageBox h2,
#mypageBox .h2_title{
	background:#84C900;
	font-size:1.2em;
	font-weight:700;
	text-align:center;
	padding:5px;
	border-radius:7px 7px 0 0;
	color:#fff;
	margin:-10px -10px 10px;
}
#mypageBox ul{
	font-size:0.9em;
}
#mypageBox ul li a{
	color:#1681B2;
	text-decoration:none;
}
#mypageBox ul li a:hover{
	text-decoration:underline;
	color:#1B9AD8;
}
#mypageBox .btn{
	text-align:center;
	padding: 10px 0 0;
}

/* ===============================================
▼ 人気の記事
=============================================== */


#PopularPosts{
    background: #fff;
    overflow: hidden;
}
#container #PopularPosts a img:hover{
    opacity: 1;
    -webkit-filter: brightness(100%);
}
#PopularPosts ul{
    font-size:0.9em;
}
#PopularPosts ul li{
    position: relative;
    width: 170px;
    height: 150px;
    float: left;
    overflow: hidden;
    border: 3px #333 solid;
    box-sizing: border-box;
    margin-bottom: 10px;
}
#PopularPosts ul li a:hover p{
    /*filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity: 0.65; opacity:0.65;*/
    -webkit-filter: brightness(120%);
}
#PopularPosts ul li a:hover img{
    /*-webkit-transform:scale(1.5,1.5);*/
    /*-moz-transform:scale(1.5,1.5);*/
    /*-ms-transform:scale(1.5,1.5);*/
    /*-o-transform:scale(1.5,1.5);*/
    /*transform:scale(1.5,1.5);*/
}
#PopularPosts ul li img{
    width: 170px;
    height: auto;
    min-height: 150px;
    padding: 0;
    margin: 0;
    /*-webkit-transition:0.2s ease-in-out;*/
    /*-moz-transition:0.2s ease-in-out;*/
    /*-ms-transition:0.2s ease-in-out;*/
    /*-o-transition:0.2s ease-in-out;*/
    /*transition:0.2s ease-in-out;*/
}
#PopularPosts ul li .title{
	position: absolute;
    bottom: 0;
    left: 0px;
    background: rgba(0,0,0, 0.7);
    background: #000 \8;
    color: #FFF;
    font-size: 12px;
    line-height: 1.15;
    padding: 8px 10px;
    margin: 0;
    width: 170px;
    overflow: hidden;
    box-sizing: border-box;
}
#PopularPosts .more{
	border:1px solid #FFCE00;
	text-align:center;
	border-radius:20px;
}
#PopularPosts .more a{
	background:#fff;
	display:block;
	color:#FFCE00;
	border-radius:20px;
	font-size:0.95em;
	font-weight:700;
	text-decoration:none;
}
#PopularPosts .more a:hover{
	background:#FFCE00;
	color:#fff;
}



/* ===============================================
▼ ランキング
=============================================== */


#Ranking{
	margin:0 0 20px;
}
#Ranking h2,
#Ranking .h2_title{
	height:88px;
}
#Ranking ul{
	border:1px solid #EFA301;
	background:#FFFAF3;
	font-size:0.9em;
}
#Ranking ul li{
	border-bottom:1px dashed #FFCE00;
	overflow:hidden;
	padding: 13px 10px 10px;
	position:relative;
}
#Ranking ul li:last-child{
	border:none;
}
#Ranking ul li .rank{
	position:absolute;
	top:3px;
	left:2px;
}
#Ranking ul li .image{
	width:40px;
	float:left;
}
#Ranking ul li .image img{
	border:1px solid #FFE26D;
	width:40px;
}
#Ranking ul li .detail{
	width:100px;
	float:right;
	line-height:1.3em;
}

/* ===============================================
▼ レビュー
=============================================== */

/*
.star_rank .starbox {
    background-image: url("../img/common/star.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 15px;
    margin: 0 3px 0 0;
    width: 85px;
}
*/

.star0 {
    background-position: -79px 0;
}
.star05 {
    background-position: -65px 0;
}
.star10 {
    background-position: -52px -12px;
}
.star15 {
    background-position: -50px 0;
}
.star20 {
    background-position: -40px -12px;
}
.star25 {
    background-position: -40px 0;
}
.star30 {
    background-position: -27px -12px;
}
.star35 {
    background-position: -26px 0;
}
.star40 {
    background-position: -14px -12px;
}
.star45 {
    background-position: -14px 0;
}
.star50 {
    background-position: 0 0;
}


/* ===============================================
▼ 通販専用　お問い合わせ窓口
=============================================== */

#MailorderContact{

}
    #MailorderContact .inner{
        padding: 9px;
        border: 1px solid #319F2D;
        background: #FCFFFC;
    }
    #MailorderContact .inner .head{
        background: #319F2D;
        color: #fff;
        font-size: 12px;
        text-align: center;
        font-weight: normal;
        border-radius: 3px;
        padding: 0;
        margin: 0;
    }
    #MailorderContact .inner h2,
    #MailorderContact .inner .h2_title{
        font-size: 18px;
        text-align: center;
        padding: 4px 0;
        border-bottom: 1px dashed #319F2D;
    }
    #MailorderContact .inner p{
        color: #333;
        font-size: 13px;
        line-height: 1.6em;
        margin-top: 12px;
    }
    #MailorderContact .inner .freedial{
        margin: 15px 0;
    }
        #MailorderContact .inner .freedial .tel_no{
            background: url(../img/icon/ico_freedial.png) 0 50% no-repeat;
            background-size: 21px 13px;
            color: #68A500;
            font-size: 16px;
            padding-left: 24px;
            font-weight: bold;
        }

/* ===============================================
▼ お買い物ガイド
=============================================== */

#ShoppingGuide{

}
    #ShoppingGuide h2,
    #ShoppingGuide .h2_title{
        background: url(../img/icon/ico_bag_y.png) 13px 50% no-repeat #84C900;
        padding: 8px 0 6px 10px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        line-height: 1.2em;
        border-radius: 8px 8px 0 0;
        border-bottom: 2px solid #70AC00;
    }
    #ShoppingGuide > div{
        /*border: 1px solid #ddd;*/
    }
    #ShoppingGuide ul{
        border: 1px solid #ddd;
        background: #FBFBFB;
        padding: 0 5px;
        margin-bottom: 10px;
    }
    #ShoppingGuide ul li{
        padding-left: 5px;
        background: url(../img/icon/ico_arrow_y.png) 2px center no-repeat;
        padding: 4px 3px 4px 12px;
        border-bottom: 1px dashed #ddd;
    }
    #ShoppingGuide ul li:last-child{
        border-bottom: none;
    }
    #ShoppingGuide ul li a{
        color: #000;
        font-size: 0.9em;
        display: block;
        padding: 0;
        text-decoration: none;
    }
    #ShoppingGuide ul li a:hover{
        text-decoration: underline;
    }

/* ===============================================
▼ サイン会・イベントにご参加の方へ
=============================================== */

#EventContact{

}
    #EventContact .inner{
        border: 1px solid #f26c00;
        border-top: none;
        padding: 10px;
        background: #fffaf3;
        margin-bottom: 10px;
    }
        #EventContact .inner p{
            font-size: 13px;
            line-height: 1.4em;
            border-bottom: 1px dashed #f26c00;
            padding-bottom: 5px;
            margin-bottom: 10px;
        }
        #EventContact .inner dl{
            font-weight: bold;
            font-size: 13px;
            line-height: 1.4em;
        }
            #EventContact .inner dl dd{
                margin-bottom: 10px;
                font-size: 14px;
            }
    #EventContact .more{
        border:1px solid #FFCE00;
        text-align:center;
        border-radius:20px;
    }
    #EventContact .more a{
        background:#fff;
        display:block;
        color:#FFCE00;
        border-radius:20px;
        font-size:0.85em;
        font-weight:700;
        text-decoration:none;
    }
    #EventContact .more a:hover{
        background:#FFCE00;
        color:#fff;
    }