@charset "utf-8";

/************************************************
 共通設定
************************************************ */
body {
    color: #666;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#fff;
    font-size: 72.5%;
    line-height: 150%;
    letter-spacing: 0.1em;
	background: #f4f4f4;
	min-height: 100vh;
}

select {
    border: solid 1px #ccc;
}

/*写真*/
.picture {
    border: 1px solid #ccc;
}


/* ==============================================
 フレーム
=============================================== */
/* 全体を包括 */
.frame_outer {
    margin: 0 auto;
    width: 100%;
    text-align: center;
	min-height: 100vh;
	position: relative;
}

/* コンテンツ（メインカラム・レフトカラム） */
#container {
    margin: 0 auto;
	padding: 10px 0 85px 0;
    width: 100%;
    background: #fff;
    text-align: left;
	border-left: solid 1px #b7b7b7;
	border-right: solid 1px #b7b7b7;
	position: relative;
	border-bottom: solid 1px #b7b7b7;
}

/* タブレット向けのスタイル：460px ～ 979px */
@media only screen and (min-width: 460px) {
	#container {
	    padding: 10px 0 125px 0;
	}
}

/*  PC向けのスタイル：980px */
@media only screen and (min-width: 980px) {
	#container {
	    width: 980px;
		padding: 10px 0 125px 0;
	}
}

/* ==============================================
 カラム指定
=============================================== */
/* ヘッダーとフッターの上下
[注意]ブロック移動時はbloc.css内で調整が必要 */
#topcolumn,
aside#rightcolumn,
#bottomcolumn,
#footerbottomcolumn {
    background: #fff;
    text-align: left;
	width:100%;
}
/* レフトカラム */
aside#side {
    width: 100%;
}

/* メイン　1カラム設定 */
#one_main {
    width: 100%;
}

/* メイン　2カラム設定 */
#two_main {
    width: 100%;
}

/* タブレット向けのスタイル：460px ～ 979px */
@media only screen and (min-width: 460px) {
#topcolumn,
aside#rightcolumn,
#bottomcolumn,
#footerbottomcolumn {
    padding: 1.5%;
	width:97%;
}
}

@media only screen and (min-width: 700px) {
/* レフトカラム */
aside#side {
    float: left;
	padding-left:1.5%;
    width: 20%;
}

/* メイン　1カラム設定 */
#one_main {
    padding: 1.5%;
    width: 97%;
}

/* メイン　2カラム設定 */
#two_main {
    padding-right: 1.5%;
    width: 75%;
    float: right;
}

}

/*  PC向けのスタイル：980px */
@media only screen and (min-width: 980px) {
#topcolumn,
aside#rightcolumn,
#bottomcolumn,
#footerbottomcolumn {
    margin: 0 auto;
    padding: 15px;
    width: 950px;
}
}



/* ==============================================
 ユーティリティ
=============================================== */
/* フロート回り込み解除
----------------------------------------------- */
.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}
.clearfix {
    display: block; /* for IE8 */
}
.clear {
    clear: both;
}
/* clearfix */
.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* リンク指定
----------------------------------------------- */
a:link,
a:visited {
    color: #8ec231;
    text-decoration: none;
}
a:link:hover,
a[href]:hover {
    color: #689f39;
}

/* フォント
----------------------------------------------- */
h1,
h2,
h3,
h4,
h5 {
    font-size: 100%;
    line-height: 150%;
    height: 35px;
}
.sale_price {
    color: #f00;
}
.normal_price {
    font-size: 90%;
}
.user_name {
    font-weight: bold;
}
.recommend_level {
    color: #ecbd00;
}

.attention {
    color: #f00;
}
.attentionSt {
    color: #f00;
    font-weight: bold;
}
.st {
    font-weight: bold;
}
.mini {
    font-size: 90%;
}


/* 行揃え
----------------------------------------------- */
.alignC {
    text-align: center;
}
.alignR {
    text-align: right;
}
.alignL {
    text-align: left;
}
.pricetd em {
    font-weight: bold;
}


/* フォーム
----------------------------------------------- */
input[type='text'],input[type='number'],input[type='email'],
input[type='password'],
textarea,
.select {
    border: solid 1px #ccc;
    padding: 2px;
    line-height: 22px;
}
input[type='text'],input[type='number'],input[type='email'],
input[type='password'] {
	font-size: 1rem;
}

.box40 {
    width: 40px;
}
.box60 {
    width: 60px;
}
.box100 {
    width: 100px;
}
.box120 {
    width: 120px;
}
.box140 {
    width: 140px;
}
.box145 {
    width: 145px;
}
.box150 {
    width: 150px;
}
.box240 {
    width: 240px;
}
.box300 {
    width: 300px;
}
.box320 {
    width: 320px;
}
.box350 {
    width: 350px;
}
.box380 {
    width: 380px;
}

/* フォームが縦に重なり合う場合に併用する余白 */
.top {
    margin-bottom: 5px;
}

.ng_top {
    margin-bottom: 0 !important;
}


/* タイトル
----------------------------------------------- */
h2.title {
    margin-bottom: 10px;
    color: #333;
    background: url("../img/background/bg_tit_bloc_02.png") repeat-x left bottom;
    font-size: 150%;
	font-weight:normal;
	padding:6px 0 0 15px;
	min-height:30px;
}

#one_maincolumn .sub_area h3,
#two_maincolumn_right .sub_area h3,
#two_maincolumn_left .sub_area h3,
#three_maincolumn .sub_area h3,
#undercolumn_login .login_area h3,
#undercolumn_shopping h3,
#mypagecolumn h3,
#undercolumn_cart h3 {
    margin: 0 0 10px 0;
    padding: 5px 0 10px;
    color: #000;
    background: url("../img/background/line_02.gif") repeat-x left bottom;
    font-size: 120%;
}

div#undercolumn_login .login_area h4 {
    padding-left: 15px;
    background: url("../img/icon/ico_arrow_00.png") 5px 5px no-repeat;
}


/* ==============================================
 ヘッダー
=============================================== */
/* レイアウト
----------------------------------------------- */
#header_wrap {
	background:none;
}

#header_wrap {
	background:url(../img/common/bg_header.jpg) repeat;
}

#header {
	position:relative;
    width: 100%;
	height: 167px;
	
	
}


#logo_area {
	clear:both;
    width: 100%;
    text-align:center;
	padding:10px 0;
}

#logo_area h1{
	margin-top: 12px;	
}

#logo_area h1 { 
	position:relative;
	top:40px;/* ロゴ画像の位置 */
}

#header_utility {
	display:none;
}

#errorHeader {
    color: #F00;
    font-weight: bold;
    font-size: 12px;
    background-color: #FEB;
    text-align: center;
    padding: 0.5%;
}

/* ナビボタン
----------------------------------------------- */
#header_wrap nav{
	
}

.header_nav_btn {
	position:absolute;
	top:7px;
	right:3px;
	padding-right:15px;
	z-index:200;
}
.header_nav_btn ul li {
	float:left;
	margin-left:20px;
}
.header_nav_btn ul div.txt {
	display:none;
}
.header_nav_btn ul .popup_search,
.header_nav_btn ul .popup_login,
.header_nav_btn ul .popup_cart {
	display:none;
	position:absolute;
	top:35px;
	right:0;
	z-index:300;
	background-color:#FFF;
	padding:10px;
	border:#CCC 1px solid;
	box-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;　/* Firefox用 */  
	-webkit-box-shadow: 1px 1px 3px #000;　/* Safari,Google Chrome用 */ 
}
.header_nav_btn a {
	color:#FFF;
	cursor:pointer;
}
.header_nav_btn a:hover {
	color:#ddd;
}
.header_nav_btn a.true {
	color: #FC6;
	cursor:pointer;
}
.header_nav_btn a.true:hover {
	color: #F90;
}

/* ロゴ
----------------------------------------------- */
#site_description {
	display:none;
}
#logo_area h1 img {
	width: 281px;
}
#logo_area h1 span {
    display: none; /* テキストロゴ非表示 */
}

/* タブレット向けのスタイル：460px ～ 979px */
@media only screen and (min-width: 460px) {
/* レイアウト
----------------------------------------------- */


#header_wrap header{
	background:url(../img/common/bg_header_wrap.png) repeat-x;
	
}

#header_wrap nav{
	background:#8ec231;
	height: 51px;
}

#header_wrap nav li:hover{
	background:#689f39;
}





/* ナビボタン
----------------------------------------------- */
.header_nav_btn ul div.txt {
	display:inline;
	position:relative;
	top:-10px;
	left:3px;
}
/*商品検索・ログイン・カゴの中、ポップアップ*/
.header_nav_btn ul .popup_search {
	right:140px;
}
.header_nav_btn ul .popup_login {
	right:40px;
}
.header_nav_btn ul .popup_cart {
	right:10px;
}

}

@media only screen and (max-width: 768px) {
#header {
	min-height:220px;
}
.top_banner{
	background:url(../img/common/top_banner.png) no-repeat;
	background-size: 100%;
	display:block;
	width: 95%;
	height: 74px;
	position:relative;
	top: 80px;
	margin:0pt auto;
}
#detailphotobloc .photo .photo_img img{width:90%;}
}

/*  PC向けのスタイル：980px */
@media only screen and (min-width: 980px) {
/* レイアウト
----------------------------------------------- */
#header {
	position:relative;
    margin:0 auto;
    width: 980px;
	min-height:167px;
}
#logo_area {
    padding-left: 1%;
    float: left;
    width: 49%;
    text-align: left;
}
#header_utility {
	display:block;
	position:relative;
	top:52px;
    float: right;
    width: 50%;
}
#errorHeader {
    padding: 5px;
}

.top_banner{
	background:url(../img/common/top_banner.png) no-repeat;
	display:block;
	width: 386px;
	height: 74px;
	position:absolute;
	top: 66px;
	left: 320px;
	
}

#logo_area h1{
	margin-top: px;	
}


/* ロゴ
----------------------------------------------- */
#site_description {
	display:block;
	color:#FFF;
}
#logo_area h1 { 
	position:relative;
	top:20px;/* ロゴ画像の位置 */
}
#logo_area h1 img {
	max-width: inherit;
}
}

/* ==============================================
 フッター
=============================================== */
.pagetop {
    text-align: right;
	padding:0 2%;
	position: absolute;
	bottom: 85px;
	left: 0;
	right: 0;
}
@media only screen and (min-width: 460px) {
	.pagetop {
		bottom: 125px;
	}
}

/*  PC向けのスタイル：980px */
@media only screen and (min-width: 980px) {
	.pagetop {
	   	bottom: 125px;
	}
}
.pagetop span {
	cursor:pointer;
	padding:3px 10px 0 10px;
    -moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	border-bottom:none;
	background-color: #8ec231;
	border-color: #8ec231;
	color: #fff;
}
.pagetop span:hover {
	border-color: #689f39;
	background-color: #689f39;
}
/* ▲その他の指定は、bloc/nav.tplに記述*/

#footer_wrap {
    width: 100%;
	padding-bottom:50px;
	padding-top: 20px;
	background-color: #24313c;
	position: absolute;
	bottom: 0;
}
#footer {
	padding-top:10px;
	color: #fff;
}
#footer_menu {
	text-align:left;
    font-size: 85%;
	padding:0 2%;
	margin-bottom:10px;
}
#footer_menu a {
	margin-right:5px;
	padding-right:5px;
	border-right: 1px solid #eee;
	color: #fff;
}
#footer_menu a:hover {
	text-decoration:underline;
}
#copyright {
    text-align:left;
    font-size: 97%;
	padding:0 2%;
}


/*  PC向けのスタイル：980px */
@media only screen and (min-width: 980px) {
.pagetop {
	margin:0 auto;
    width: 950px;
	margin-top: -15px;
}
#footer {
	margin:0 auto;
    width: 950px;
}
#footer_menu {
	font-size:100%;
}
#footer_menu a {
	margin-right:10px;
	padding-right:10px;
}
}


/* ==============================================
 パーツ
=============================================== */
/* ボタン
----------------------------------------------- */
/*▼すべてのボタンに適用　ここから*/
.btn_area {
    margin-top: 10px;
    width: 100%;
    text-align: center;
}
.btn_area a,
.btn_area a:hover {
	color:#333;
}
/*ボタンの並び*/
.btn_area .back {
	width:49%;
	float:left;
}
.btn_area .next {
	width:49%;
	float:right;
}
.btn {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	display: block;
	cursor:pointer;
}
/*▲すべてのボタンに適用　ここまで*/

/*ログインヘッダー*/
.b_login_header {
	display:inline;
	font-size: 12px;
	color:#FFF;
	background: #666;
	border: 1px solid #333;
	text-shadow:1px 1px 1px rgba(0,0,0,1); 
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.b_login_header:hover {
	background: #999;
}

/*ログイン（ブロック）*/
.b_login_bloc {
	width:100px;
	margin:0 auto;
	color:#FFF;
	background: #666;
	border: 1px solid #333;
	text-shadow:1px 1px 1px rgba(0,0,0,1); 
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.b_login_bloc:hover {
	background: #999;
}

/*商品検索*/
.b_search {
	display:inline;
	font-size: 12px;
	color:#FFF;
	background: #666;
	border: 1px solid #333;
	text-shadow:1px 1px 1px rgba(0,0,0,1); 
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.b_search:hover {
	background: #999;
}

/*カゴの中を見る*/
.b_cart {
	padding:2px 10px;
	color:#FFF;
	background: #E30000;
	border: 1px solid #930;
	text-shadow:1px 1px 1px rgba(0,0,0,1); 
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.b_cart:hover {
	background: #F44;
}
a.b_cart, a.b_cart:hover {
	color:#FFF;
}

/*商品詳細を見る*/
.b_detail {
	background: #61AF32;
	border: 1px solid #696;
	width: 110px;
	margin:0 auto;
	padding: 3px 0;
	text-shadow:1px 1px 1px rgba(0,0,0,1); 
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.b_detail:hover {
	background: #538433;
}
a.b_detail, a.b_detail:hover {
	color:#fff;
}

/*カゴに入れる*/
.b_cartin {
	background: #F60;
	color:#FFF;
	width: 100px;
	margin:0 auto;
	text-shadow:1px 1px 1px rgba(0,0,0,1); 
	border: 1px solid #960;
	padding: 5px 10px !important;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
}
.b_cartin:hover {
	background: #B73C00;
}
a.b_cartin,
a.b_cartin:hover {
	color:#fff;
}
#cartbtn_default .b_cartin { /*商品詳細ページ*/
	width:140px;
	padding:3px 0;
}

.b_continue {
	background: #FC0 !important;
	border: 1px solid #999 !important;
	text-shadow:1px 1px 1px rgba(255,255,255,1) !important; 
	padding: 5px 10px !important;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.b_continue:hover {
	background: #FFE468;
}
a.b_continue,
a.b_continue:hover {
	color:#333;
}

/*お気に入りに追加*/
.b_favorite {
	background: #FC0;
	border: 1px solid #999;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	width: 160px;
	margin:0 auto;
	padding: 3px 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
}
.b_favorite:hover {
	background: #FFE468;
}
a.b_favorite,
a.b_favorite:hover {
	color:#333;
}

/*お気に入りに登録済み*/
.b_favorite_on {
	font-size:12px;
	background: #CCC;
	color:#FFF;
	border: 1px solid #999;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5); 
	width: 140px;
	margin:0 auto;
	padding: 5px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
a.b_favorite_on {
	cursor:default;
}

/*新規コメントを書き込む*/
.b_review {
	float: right;
	background: #aaa;
	border: 1px solid #999;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	width: 200px;
	padding: 3px 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.b_review:hover {
	background: #999;
}
a.b_review,
a.b_review:hover {
	color:#333;
}

/*同意して会員登録*/
.b_yes_entry {
	background: #F60;
	border: 1px solid #960;
	text-shadow:1px 1px 1px rgba(0,0,0,1);
	width: 160px;
	padding: 5px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#fff !important;
}
.b_yes_entry:hover {
	background: #B73C00;
}

/*同意しない*/
.b_no_entry {
	background: #aaa;
	border: 1px solid #666;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	width: 160px;
	padding: 5px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.b_no_entry:hover {
	background: #999;
}

/*確認ページへ*/
.b_confirm {
	background: #F60;
	border: 1px solid #960;
	text-shadow:1px 1px 1px rgba(0,0,0,1);
	width: 150px;
	padding: 5px 10px;
	margin:0 auto;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
	color:#fff;
}
.b_confirm:hover {
	background: #B73C00;
}

/*戻る*/
.b_back {
	background: #aaa;
	border: 1px solid #666;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	width: 100px;
	padding: 5px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.b_back:hover {
	background: #999;
}

/*会員登録する*/
.b_entry {
	background: #f60;
	border: 1px solid #960;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
	width: 130px;
	padding: 5px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
	color: #FFF;
}
.b_entry:hover {
	background: #e55b00;
}

/*トップページへ*/
.b_top{
	background: #f60;
	border: 1px solid #960;
	text-shadow: 1px 1px 1px rgba(0,0,0,1); 
	width: 130px;
	margin:0 auto;
	padding: 5px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
	color: #FFF important;
}
.b_top:hover {
	background: #e55b00;
}

/*ログイン*/
.b_login {
	background: #f60;
	border: 1px solid #960;
	text-shadow: 1px 1px 1px rgba(0,0,0,1); 
	width: 150px;
	padding:5px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
	color: #FFF;
}
.b_login:hover {
	background: #e55b00;
}

/*会員登録する（MYページログイン画面）*/
.b_mypage_entry {
	background: #fff;
	border: 1px solid #999;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	width: 150px;
	padding:3px 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
}
.b_mypage_entry:hover {
	background: #ccc;
}
a.b_mypage_entry.
a.b_mypage_entry:hover {
	color:#333;
}

/*購入手続きへ（現在のカゴの中）*/
.b_shopping {
	background: #F60;
	border: 1px solid #960;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
	width: 150px;
	padding:5px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
	color: #FFF;
}
.b_shopping:hover {
	background: #e55b00;
}

/*お届け先を複数指定する*/
.b_multiple {
	background: #aaa;
	border: 1px solid #999;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	width: 150px;
	font-size:11px;
	margin:0 auto;
	padding: 5px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
}
.b_multiple:hover {
	background: #999;
}
a.b_multiple,
a.b_multiple:hover {
	color:#333;
}

/*新しいお届け先を追加する*/
.b_newdeliv {
	background: #aaa;
	border: 1px solid #999;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	width: 160px;
	font-size:11px;
	padding: 5px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
}
.b_newdeliv:hover {
	background: #999;
}
a.b_newdeliv,
a.b_newdeliv:hover {
	color:#333;
}

/*選択したお届け先に送る*/
.b_choise {
	background: #F60;
	border: 1px solid #960;
	text-shadow: 1px 1px 1px rgba(0,0,0,1); 
	width: 170px;
	padding: 5px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
	color:#fff;
}
.b_choise:hover {
	background: #e55b00;
}

/*次へ*/
.b_next {
	background: #F60;
	border: 1px solid #960;
	text-shadow: 1px 1px 1px rgba(0,0,0,1); 
	width: 130px;
	padding: 5px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
	color:#fff;
}
.b_next:hover {
	background: #e55b00;
}

/*ご注文完了ページへ*/
.b_complete {
	background: #F60;
	border: 1px solid #960;
	text-shadow: 1px 1px 1px rgba(0,0,0,1); 
	width: 150px;
	padding: 5px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
	color:#fff;
}
.b_complete:hover {
	background: #e55b00;
}

/*この購入内容で再注文する*/
.b_reorder {
	font-size:12px;
	background: #aaa;
	border: 1px solid #999;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	width: 160px;
	padding: 5px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
}
.b_reorder:hover {
	background: #999;
}

/*完了ページへ*/
.b_cmplpage {
	background: #F60;
	border: 1px solid #960;
	text-shadow: 1px 1px 1px rgba(0,0,0,1); 
	width: 130px;
	padding: 5px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
	color:#fff;
}
.b_cmplpage:hover {
	background: #e55b00;
}

/*登録する*/
.b_deliv_add {
	background: #EEE;
	border: 1px solid #999;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	width: 120px;
	padding: 3px 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
}
.b_deliv_add:hover {
	background: #ccc;
}

/*購入手続きへ*/
.b_deliv {
	background: #EEE;
	border: 1px solid #999;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	width: 150px;
	padding: 3px 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
}
.b_deliv:hover {
	background: #ccc;
}

/*会員退会手続きへ*/
.b_refusal {
	background: #aaa;
	border: 1px solid #999;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	width: 150px;
	padding: 5px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
}
.b_refusal:hover {
	background: #999;
}

/*退会しません*/
.b_no_refusal {
	background: #EEE;
	border: 1px solid #999;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	width: 130px;
	padding: 5px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
}
.b_no_refusal:hover {
	background: #ccc;
}

/*退会します*/
.b_yes_refusal {
	background: #aaa;
	border: 1px solid #666;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	width: 110px;
	padding: 5px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
}
.b_yes_refusal:hover {
	background: #999;
}

/*閉じる*/
.b_close {
	background: #aaa;
	border: 1px solid #666;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	width: 150px;
	padding: 3px 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.b_close:hover {
	background: #999;
}
a.b_close,
a.b_close:hover {
	color:#333;
}

/*上記のお届け先のみに送る*/
.b_onlysend {
	font-size:12px;
	background: #EEE;
	border: 1px solid #999;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	width: 170px;
	padding: 3px 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
}
.b_onlysend:hover {
	background: #ccc;
}

/*複数のお届け先に送る*/
.b_multisend {
	font-size:12px;
	background: #EEE;
	border: 1px solid #999;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	width: 170px;
	padding: 3px 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
}
.b_multisend:hover {
	background: #ccc;
}

/*商品詳細ページ　グーグルマップボタン*/
.b_gmap {
	display:inline;
	font-size:12px;
	background: #D0E8B5;
	border: 1px solid #999;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	padding: 1px 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
}
.b_gmap:hover {
	background: #E8FFE8;
}
a.b_gmap, a.b_gmap:hover {
	color:#333;
}

/*商品詳細ページ　この商品へのお問い合わせ*/
.b_contact_product {
	display:inline;
	font-size:12px;
	background: #E8D18E;
	border: 1px solid #999;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	padding: 5px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
}
.b_contact_product:hover {
	background: #EDDEC2;
}
a.b_contact_product, a.b_contact_product:hover {
	color:#333;
}

.detail_cart_area, .btn_area{position: inherit !important;background-color: #fff !important;box-shadow:none !important;}
/* 完了メッセージ
----------------------------------------------- */
div#complete_area {
    margin-bottom: 20px;
}
div#complete_area .message,
div#undercolumn_entry .message {
    margin-bottom: 20px;
    line-height: 150%;
    font-weight: bold;
    font-size: 120%;
}
div#complete_area .shop_information {
    margin-top: 40px;
    padding: 20px 0 0 0;
    border-top: solid 1px #ccc;
}
div#complete_area .shop_information .name {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 140%;
}


/* Tipsy
----------------------------------------------- */
.tipsy {
    padding: 5px;
    font-size: 10px;
    position: absolute;
    z-index: 100000;
}
.tipsy-inner {
    padding: 5px 8px 4px 8px;
    background-color: black;
    color: white;
    max-width: 200px;
    text-align: center;
}
.tipsy-inner {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.tipsy-arrow {
    position: absolute;
    background: url('../img/ajax/tipsy.gif') no-repeat top left;
    width: 9px;
    height: 5px;
}
.tipsy-n .tipsy-arrow {
    top: 0;
    left: 50%;
    margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
}
.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
}
.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    right: 0;
    width: 5px;
    height: 9px;
    background-position: top right;
}
.tipsy-w .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    left: 0;
    width: 5px;
    height: 9px;
}


h2.ranking{
	margin-top: 20px;	
}



/* Guide
----------------------------------------------- */

#payment_method .tabs{
	margin-top: 15px;
	font-size: 1rem;
}

#payment_method .tabs a{
	background-repeat: no-repeat;
	display:block;
	width: 194px;
	height: 38px;
	float:left;
	margin-right: 10px;
	text-indent: -9999px;
	cursor: pointer;
	
}



#payment_method .tabs #tab1{
	background: url("../img/button/tab1.jpg");
	background-position: 0px 5px;
	background-repeat: no-repeat;
}

#payment_method .tabs #tab2{
	background: url("../img/button/tab2.jpg");
	background-position: 0px 5px;
	background-repeat: no-repeat;
}

#payment_method .tabs #tab3{
	background: url("../img/button/tab3.jpg");
	background-position: 0px 5px;
	background-repeat: no-repeat;
}

#payment_method .tabs #tab1.current_tab, #payment_method .tabs #tab2.current_tab, #payment_method .tabs #tab3.current_tab{
	background-position: left bottom;
}

#payment_method .bg_payment{

}

#payment_method .orange_box{
	font-size: 16px;
	font-weight:bold;
	text-align:center;
	padding: 10px;
	margin-top: 15px;	
}

.hide_tab {
display: none;
}

@media only screen and (min-width: 460px) {
	

}


@media only screen and (max-width: 460px) {
#payment_method .tabs a{
	background-repeat: no-repeat;
	display:block;
	width: auto;
	height: auto;
	float:left;
	margin-right: 0px;
	text-indent: 0px;
	cursor: pointer;
	margin-right: 10px;
	background-color: #6fa648;
	padding: 5px;
	font-weight:bold;
	color: #000;
	
}
#payment_method .tabs #tab1{
	background: none;
	background-color: #6fa648;
}
#payment_method .tabs #tab2{
	background: none;
	background-color: #6fa648;
}
#payment_method .tabs #tab3{
	background: none;
	background-color: #6fa648;
}
#payment_method .tabs #tab1.current_tab, #payment_method .tabs #tab2.current_tab, #payment_method .tabs #tab3.current_tab{
	background-position: 0px 0px;
	background-color: #52dd20;	
}



}

@media only screen and (min-width: 768px) {
.confpage {padding:10px;}
}

.bottom20 {padding-bottom:20px;}
#payment_method .bg_payment{ border:1px solid #d8d8d8;}
#payment1 img { display:block; margin:0pt auto;}
#payment2 img { display:block; margin:0pt auto;}
#detailrightbloc .price_on span{font-weight:bold;}
@media only screen and (max-width: 768px) {
#payment1 .bank_banner { width:80%;}
#payment2 .bank_banner { width:80%;}
#payment_method a{padding: 7px 10px !important;border-top-right-radius:5px;border-top-left-radius:5px;}
#payment_method .bg_payment{ width: 98%;margin: 0pt auto;}
#payment_method .tabs{ padding-left:3px; }
.sm_back{float: none !important; width: 25%!important; margin: 0pt auto!important; color: #fff !important;}
#detailphotobloc .photo .photo_img img{ max-width: 50% !important; }
.bloc_price .price{font-weight:bold;}
.listrightbloc .pricebox .price{font-weight:bold;}
.productImage,.image{ text-align:center;}
/*#ranking_area li .image img{width:80%;}
#pickup_area .pattern_4 .productImage img{width:80%;}*/
}
