@charset "euc-jp";
/* ************************************************************
 HTML タグ
************************************************************ */
fieldset,img { 
	border: 0;
}

img {	
	vertical-align: bottom;
	line-height: 0;
}

sup { 
	vertical-align: text-top;
}

sub { 
	vertical-align: text-bottom;
}

body,div,dl,dt,dd,ul,ol,li,
pre,code,form,fieldset,legend,
h1,h2,h3,h4,h5,h6,
input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}

legend { 
	color: #000000;
}

input,textarea,select {
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
}

input,textarea,select { 
	*font-size: 100%
}

li { 
	list-style: none;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

caption,th { text-align: left }

abbr,acronym {
	font-variant: normal;
	border: 0;
}

q:before,q:after { 
	content: '';
}

table {
	border-spacing: 0;
	border-collapse: collapse;	
}

/* ************************************************************
 <noscript>設定
************************************************************ */
noscript {
	color: #f00;
	line-height: 1.4;
	font-size: 14px;
	font-weight: bold;
}

.cart_comment {
	margin: 10px 0px;
	text-align: left !important;
}

/* ************************************************************
 共通部品
************************************************************ */
/* logo */
#logo {	
	top: 0;
	left: 0;
	position: absolute;
}

#logo img {
	display: block;	
	overflow: hidden;
	width: 340px;
	height: 50px;	
}

/* 内box */
.box { 
	width: 440px;
}
/* 左寄せ */
.left { 
	float: left;
}
/* 中寄せ */
.center { 
	margin: 0 auto;
}
/* 右寄せ */
.right { 
	float: right;
}
/* インライン化 */
.inline { 
	display: inline;
}

/* ヘッダ */
#header {
	width: 1017px;
	height: 65px;	
	position: relative;
}

/* フッタ */
#footer {
	background: #ffffff;	
	padding: 0px 30px 0px 30px;
	border-right: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	width: 955px;
}
#footer img{	
	margin: 0 auto;
	text-align: center;	
	width: 945px;
}
#address {
	line-height: 1.2;
	color: #ffffff;
	background: #555;
	text-align: center;
	font-size: 10px;
	font-style: normal;
	padding: 16px;
}

/* コンテナ */
#container {	
	margin: 20px auto 0 auto;
	padding: 0 80px;
	width: 1017px;
}

/* セクション（ヘッダ・コンテンツ内） */
.h_section_in {
	color: #ce2a73;
	line-height: 40px;
	background-color: #f9f9f9;
	background: -webkit-linear-gradient(top, #f2f2f2 0%, #fcfcfc 1%, #f9f9f9 100%);
	background: -moz-linear-gradient(top, #f2f2f2 0%, #fcfcfc 1%, #f9f9f9 100%);
	background: linear-gradient(top, #f2f2f2 0%, #fcfcfc 1%, #f9f9f9 100%);
	border: 1px solid #cccccc;	
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-bottom: none;
	font-size: 16px;
	padding: 0 20px;
	height: 40px;
}
/* セクション（ヘッダ） */
.h_section {
	font-size: 18px;
	color: #545148;
	padding: 18px 7px 14px 0;
	border: none;
	background: url(/img/common/bg_h01.png);
	margin-bottom: 20px;
}
.h_section h2::before {
	content: "　";
	color: rgb(84, 81, 72);
	background: url(/img/common/bg_h02.png) left center no-repeat;
	padding: 0px;
}
.h_section h2,.h_section_in h2 { 
	font-weight: bold;
}

.section_c { width: 460px }
*html .section_c { width: 427px }

/* セクション（コンテンツ） */
.c_section {
	background-color: #ffffff;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding: 20px;
}

/* 下余白なし */
.c_section-npb { 
	padding-bottom: 0;
}

/* セクション（フッタ） */
.f_section,.f_section-l {
	background-color: #f6f6f6;
	background: -webkit-linear-gradient(top, #fcfcfc 0%, #f6f6f6 100%);
	background: -moz-linear-gradient(top, #fcfcfc 0%, #f6f6f6 100%);
	background: linear-gradient(top, #fcfcfc 0%, #f6f6f6 100%);
	border: 1px solid #cccccc;
	border-top: 1px solid #ececec;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	padding: 0 20px;
	height: 42px;
}

/* ボタン（大）時 */
.f_section-l { 
	height: 150px;
}

/* プレビュー */
#breadcrumb_list {    
	padding: 10px 0 10px 0;
	font-size: 14px;
}

/* コンテンツ */
#contents {
	background: #ffffff url(/images/pc/bg_contents.png) repeat-x;
	border-right: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	padding: 30px 30px 30px 30px;
	width: 955px;
}

/* コンテンツ(マイページ用) */
#mypage_contents {
	background: #ffffff;
	border-right: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	padding: 30px 30px 30px 30px;
	width: 955px;
}

/* ようこそ・サイトを見る・ログアウト */
#user_links {
	font-size: 13px;
	position: absolute;
	bottom: 56px;
	right: 10px;
	overflow: hidden;
}

#user_links ul {
	margin-right: -11px;
	float: left;
}

#user_links li {
	margin-right: 10px;
	padding-right: 10px;
	float: left;
	border-right: 1px solid #b5b5b5;
}

#user_links p {
	font-weight: bold;
	color: #737373;
	float: left;
	margin-right: 10px;
}

/* ************************************************************
 共通設定 HTML
************************************************************ */
body {
	color: #333;
	background-color: #f8f8f8;
	font-family: Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', osaka, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 13px;
}

a { color: #34f }

a:hover {
	color: #00f;
	text-decoration: none;
}

/* 段落 */
p {
	color: #333;
	line-height: 1.6;
}

/* 共通見出し */
h3 {
	color: #ce2a73;
	line-height: 1;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
}

h3 span {
	color: #737373;
	margin-left: 10px;
	font-size: 12px;
	font-weight: normal;
}

/* ************************************************************
 datepicker
************************************************************ */
/* jQuery UI カレンダー */
.ui-datepicker-trigger {
	display: block;
	float: left;
	cursor: pointer;
	margin-right: 5px;
}

/* jQuery UI Datepicker */
.datepicker_inner {
	background: url(../img/bg_datepicker_inner.png) no-repeat;
	padding: 18px 17px 0 15px;
	width: 204px;
}

.ui-datepicker {
	display: none;
	background: url(../img/bg_datepicker.png) no-repeat left bottom;
	padding-bottom: 22px;
	width: 236px;
}

.ui-datepicker .ui-datepicker-header {
	background: url(../img/bg_datepicker-header.png) no-repeat;
	position: relative;
	width: 204px;
	height: 34px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 13px;
	cursor: pointer;
	width: 8px;
	height: 12px;
}

.ui-datepicker .ui-datepicker-prev {
	background: url(../img/btn_datepicker.png) no-repeat;
	left: 10px;
}

.ui-datepicker .ui-datepicker-prev-hover { background: url(../img/btn_datepicker.png) no-repeat 0 -12px }

.ui-datepicker .ui-datepicker-next {
	background: url(../img/btn_datepicker.png) no-repeat -8px 0;
	right: 10px;
}

.ui-datepicker .ui-datepicker-next-hover { background: url(../img/btn_datepicker.png) no-repeat -8px -12px }

.ui-datepicker .ui-datepicker-title {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
	position: absolute;
	top: 10px;
	left: 28px;
	width: 148px;
}

.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }

.ui-datepicker .datepicker-calendar_wrapper {
	overflow: hidden;
	width: 204px;
}

.ui-datepicker table {
	font-size: 11px;
	border-collapse: collapse;
	border: 1px solid #555;
	border-top: none;
	width: 204px;
}

.ui-datepicker th {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	background-color: #f4c784;
	background: -webkit-linear-gradient(top, #ffe4af 0%, #ffdea0 1%, #f4c784 100%);
	background: -moz-linear-gradient(top, #ffe4af 0%, #ffdea0 1%, #f4c784 100%);
	background: linear-gradient(top, #ffe4af 0%, #ffdea0 1%, #f4c784 100%);
	padding: 5px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 1px 1px rgba(85,85,85,0.5);
}

.ui-datepicker td {
	color: #4c4c4c;
	border: 1px solid #999;
	background-color: #dadada;
	background: -webkit-linear-gradient(top, #f5f5f5 0%, #f1f1f1 1%, #dadada 100%);
	background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 1%, #dadada 100%);
	background: linear-gradient(top, #f5f5f5 0%, #f1f1f1 1%, #dadada 100%);
	text-align: center;
	text-shadow: 0 1px 1px rgba(255,255,255,0.3);
}

.ui-datepicker td span,
.ui-datepicker td a {
	color: #4c4c4c;
	display: block;
	text-decoration: none;
	padding: 5px;
}

.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

.ui-datepicker td.ui-state-disabled,
.ui-datepicker td.ui-datepicker-other-month  {
	background-color: #bababa!important;
	background: -webkit-linear-gradient(top, #dedede 0%, #d7d7d7 1%, #bababa 100%)!important;
	background: -moz-linear-gradient(top, #dedede 0%, #d7d7d7 1%, #bababa 100%)!important;
	background: linear-gradient(top, #dedede 0%, #d7d7d7 1%, #bababa 100%)!important;
}

.ui-datepicker td a.ui-state-active {
	background: url(../img/bg_datepicker_td_active.png) no-repeat!important;
	color: #666!important;
}

.ui-datepicker td.ui-datepicker-other-month a.ui-state-active {
	background: url(../img/bg_datepicker_td_active.png) no-repeat!important;
	color: #666!important;
}

.ui-datepicker td a.ui-state-hover {
	background: url(../img/bg_datepicker_td_active.png) no-repeat!important;
	color: #666!important;
}

/* ************************************************************
 共通設定 class id
************************************************************ */
/* パディング */
.pb_5 { padding-bottom: 5px }
.pb_10 { padding-bottom: 10px }
.pr_10 { padding-right: 10px }
.pr_20 { padding-right: 20px }
.pr_30 { padding-right: 30px }

/* マージン */
.mt_5 { margin-top: 5px }
.mt_10 { margin-top: 10px }
.mt_20 { margin-top: 20px }
.mr_3 { margin-right: 3px }
.mr_5 { margin-right: 5px }
.mr_10 { margin-right: 10px }
.ml_m10 { margin-left: -10px }
.ml_5 { margin-left: 5px }
.ml_10 { margin-left: 10px }
.ml_20 { margin-left: 20px }
.ml_30 { margin-left: 30px }
.ml_40 { margin-left: 40px }
.ml_50 { margin-left: 50px }
.ml_60 { margin-left: 60px }
.ml_150 { margin-left: 150px }
.mr_20 { margin-right: 20px }
.mr_30 { margin-right: 30px }
.mb_5 { margin-bottom: 5px }
.mb_10 { margin-bottom: 10px }
.mb_15 { margin-bottom: 15px }
.mb_20 { margin-bottom: 20px }
.mb_30 { margin-bottom: 30px }

/* 赤文字 */
.attention {
	color: #c00;
	font-weight: bold;
}

.attention_caution {	
	color: #c00!important;
	font-weight: bold!important;
	font-size:12px!important;
}

/* 強調注意書き */
.strong {
	color: #de0000;
	font-weight: bold;
}

/* ログイン情報を保存する */
#p_reminder {
	color: #737373;
	text-align: center;
	margin-top: 10px;
}

/* パスワードを忘れた方はコチラ */
#p_forgot {
	text-align: center;
	margin-top: 10px;
}

/* でばっぐ */
#memofix {
	top: 5px;
	left: 5px;
	color: #ffffff;
	background-color: #ffffff;
	padding: 10px;
	border: 2px solid #333;
	position: fixed;
	font-size: 14px;
}

/* 順列リスト */
.decimal { 
	margin-left: 2em;
}

.decimal li {
	margin-bottom: 5px;
	list-style-type: decimal;
}

/* 表示項目の決定 */
#search_submit { display: none }

#disp_set {
	display: none;
	background-color: #f8f8f8;
	padding: 10px;
	border-radius: 3px;
}

/* 文頭コメント */
.comment {
	line-height: 1.5;
	color: #737373;
}

/* インラインアラート */
.alert_danger,
.alert_info {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	border-radius: 3px;
	margin-top: 5px;
	padding: 5px 5px 5px 28px;
}

.alert_danger {
	background: #fcf2f2 url(/images/pc/alert.png) no-repeat 5px center;
	color: #c00;
}

.alert_info {
	background: #f3f9fc url(/images/pc/alert.png) no-repeat 5px center;
	color: #039;
}

/* Ajax等切り替え用 */
.none { display: none }

/* Clearfix */
.cf:before,.cf:after {
	content: "";
	display: table;
}

.cf:after { 
	clear: both;
}
.cf {
	zoom: 1;
}

/* クエスチョン */
.question {
	background: url(../img/question.png) no-repeat right center;
	padding: 4px 31px 3px 0;
}

.g_wait_div {
	background: url(../img/loading_w.gif) no-repeat center center;
	display: block;
	background-color: #ffffff;
	width: 903px;
}

/* ************************************************************
 ページ独自
************************************************************ */
/* パラメータサンプル */
#parameter_sample {
	background-color: #ebebeb;
	padding: 5px;
	border-radius: 5px;
}
#parameter_sample span {
	font-weight: bold;
	color: #ce2a73;
	font-size: 18px;
}
#parameter_sample p {
	text-align: center;
	background-color: #ffffff;
	padding: 15px;
	border: 1px solid #cccccc;
	font-size: 14px;
	color: #737373;
}

/* ダイアログ */
#dialog_alert { color: #c00 }
#dialog_normal { color: #433a39 }
#dialog_window {
	top: 152px;
	left: 0;
	position: absolute;
	cursor: pointer;
	width: 100%;
}

#dialog_window p {
	color: #ffffff;
	line-height: 95px;
	display: none;
	background: url(../img/bg_dialog_window.png) no-repeat;
	margin: 0 auto;
	padding: 0 53px;
	font-size: 20px;
	font-weight: bold;
	width: 914px;
}

/* 商品一覧サムネイル */
.product_box { width: 250px }
.product_thumb {
	display: block;
	margin-right: 10px;
	float: left;
	border: 1px solid #ce2a71;
	width: 65px;
}
.product_thumb:hover { 
	border: 1px solid #cccccc;
}

/* 売上集計 */
#total_l {
	float: left;
	width: 602px;
}

#total_r {
	float: right;
	width: 280px;
}

.fsize_12 { 
	font-size: 12px;
}


/* jNotify ***********************************************/
.forms_group {
	cursor: move;
	margin-bottom: 20px;
}

.t_forms_group {
	color: #ce2a73;
	line-height: 1.2;
	text-align: center;
	background: #ffadd1 url(../img/bg_sortable_1.png) repeat-x left bottom;
	border: 1px solid #cccccc;
	padding: 0 10px;
	font-size: 14px;
	font-weight: bold;
}

#deliv { 
	padding-bottom: 10px!important;
}

/* ←左矢印 */
.arrow_top_bottom {
	display: block;
	background: url(../img/arrow_top_bottom.png) no-repeat right center;
	padding: 10px 24px 10px 0;
}

#tooltip {
	display: none;
	background: #FFF8DC;
	border: 1px solid #696969;
	border-radius: 4px;
	position: absolute;
	font-size: 12px;
	color: #0066ff;
	line-height: 1.4;
	padding: 8px;
	z-index: 1000;
}

/* 左矢印 */
.arrow_left {
	display: block;
	background: url(../img/arrow_left.png) no-repeat left center;
	padding: 10px 0 10px 40px;
}
.arrow_left a,.arrow_top_bottom a {
	display: block;
	float: right;
	width: 18px;
}

/* プレースホルダー */
.placeholder {
	background-color: #ffe4e1;
	height: 30px;
	margin: 5px 0;
	border: 1px dotted #606060;
}

.block_sortable_remove { 
	margin-bottom: 1px;
}

.block_sortable div,.block_sortable_remove div {
	font-size: 13px;
	color: #73737;
	line-height: 1.2;
	padding: 0 10px;
	margin-bottom: -1px;
	border: 1px solid #cccccc;
	cursor: move;
}

.block_sortable div { 
	background: #fff3f8 url(../img/bg_sortable_2.png) repeat-x left bottom;
}
.block_sortable div.odd { 
	background: #ffffff url(../img/bg_sortable_3.png) repeat-x left bottom;
}

.block_sortable_remove div { 
	background: #ffffff url(../img/bg_sortable_3.png) repeat-x left bottom;
}

/* ホバー時 */
ul.block_sortable li.block_sortable_hover { 
	background: #ffffe7 url(../img/bg_sortable_hover.png) repeat-x left bottom!important;
	border: 1px solid #999;
}

/* ************************************************************
 jQzoom Evolution Library v2.3  - Javascript Image magnifier
************************************************************ */
.zoomWindow {
	left: 110%;
	top: 40px;
	background-color: #ffffff;
	z-index: 6000;
	z-index: 10000;
	z-index: 110;
	height: auto;
	position: absolute;
}

.zoomIframe {
	display: block;
	filter: alpha(opacity=0);
	-moz-opacity: 0.80;
	opacity: 0.80;
	position: absolute;
	z-index: -1;
}

.zoomPad {
	float: left;
	cursor: crosshair;
	position: relative;
	z-index: 99;
}

.zoomWrapperImage {
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 110;
}

.zoomWrapperImage img {
	border: 0;	
	display: block;
	position: absolute;
	z-index: 101;
}

.zoomOverlay {
	display: none;
	background-color: #ffffff;
	position: absolute;
	top: 0;
	left: 0;	
	width: 100%;
	height: 100%;
	z-index: 101;
}

.zoomPreload {
	color: #333;	
	text-align: center;
	font-size: 12px;
	text-decoration: none;
	background: #ffffff url(/images/pc/zoomloader.gif) no-repeat 43px 30px;
	width: 90px;
	height: 43px;
	* height: 49px;
	* width: 100px;
	padding: 8px;
	border: 1px solid #cccccc;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 110;
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity = 80);
}

.zoomWrapper {
	border: 1px solid #999;
	position: relative;
	z-index: 110;
}

.zoomWrapperTitle {
	text-align: center;
	font-size: 10px;
	color: #ffffff;
	line-height: 18px;
	display :block;
	background-color: #999;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	-moz-opacity: 0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	width: 100%;
	height: 18px;
	z-index: 120;
}

.zoomPup {
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	cursor: crosshair;
	-moz-opacity: 0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	position: absolute;
	z-index: 101;
}

/* ************************************************************
  Thickbox 3.1 - One Box To Rule Them All.
************************************************************ */
#TB_iframeContent {
	clear: both;
	border: none;
}

#TB_secondLine {
	color: #666;
	font: 10px Arial, Helvetica, sans-serif;
}

#TB_closeWindow,#TB_closeWindow_f {
	padding: 11px 25px 10px 0;
	float: right;
	height: 25px;
}

#TB_window {
	color: #333;
	font: 12px Arial, Helvetica, sans-serif;
}

#TB_window a:link { 
	color: #666;
}
#TB_window a:visited {
	color: #666;
}
#TB_window a:hover {
	color: #000000;
}
#TB_window a:active {
	color: #666;
}
#TB_window a:focus {
	color: #666;
}

#TB_load {
	position: fixed;
	display:none;
	top: 50%;
	left: 50%;
	width: 208px;
	height: 13px;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
	z-index: 103;
}

/* ie6 hack */
* html #TB_load {
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.TB_overlayMacFFBGHack { 
	background: url(macFFBgHack.png) repeat;
}
.TB_overlayBG {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	background-color: #000000;
}

/* ie6 hack */
* html #TB_overlay {
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	color: #000000;
	background: #ffffff;
	position: fixed;
	display: none;
	border: 1px solid #525252;
	text-align: left;
	top: 50%;
	left: 50%;
	z-index: 102;
}

/* ie6 hack */
* html #TB_window {
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display: block;
	border-top: 1px solid #666;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #666;
	border-bottom: 1px solid #cccccc;
	margin: 15px 0 0 15px;
}

#TB_caption {
	float: left;
	height: 25px;
	padding: 7px 30px 10px 25px;
}

#TB_ajaxWindowTitle,
#TB_ajaxWindowTitle_f {
	color: #737373;
	line-height: 35px;
	float: left;
	padding-left: 15px;
}

#TB_closeAjaxWindow,
#TB_closeAjaxWindow_f {
	float: right;
	padding-right: 10px;
	height: 35px;
}

#TB_closeAjaxWindow a,
#TB_closeAjaxWindow_f a {
	display: block;
	background: url(../img/tb_close.png) no-repeat right 0;
	line-height: 35px;
	height: 35px;
	padding-right: 40px;
}

#TB_closeAjaxWindow a:hover,
#TB_closeAjaxWindow a:hover {
	color: #555;
	background: url(../img/tb_close.png) no-repeat right -35px;
	text-decoration: none;
}

#TB_ajaxContent {
	overflow: auto;
	clear: both;
	text-align: left;
	line-height: 1.4em;
	padding: 2px 15px 15px 15px;
}

#TB_ajaxContent.TB_modal { 
	padding: 15px;
}

#TB_ajaxContent p { 
	padding: 5px;
}

#TB_HideSelect {
	top: 0;
	left: 0;
	position: fixed;
	background-color: #ffffff;
	border: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
}

/* ie6 hack */
* html #TB_HideSelect {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_title {
	border-top: 5px solid #888;
	border-bottom: 1px solid #f0f0f0;
	background-color: #e6e6e7;
	height: 35px;
}

#TB_title_f {
	background-color: #e6e6e7;
	height: 35px;
}

/* ************************************************************
 ユーザー設定
************************************************************ */
/* フロー図 */
#flow { margin-bottom: 15px }

/* シェアする */
#share_4,#share_3,#share_2,#share_1 {
	margin: 0 auto;
	overflow: hidden;
}

#share_4 { width: 870px }
#share_3 { width: 640px }
#share_2 { width: 410px }
#share_1 { width: 180px }

#share_4 li,#share_3 li,#share_2 li,#share_1 li {
	text-align: center;
	float: left;
	margin-right: 50px;
	padding-top: 70px;
	width: 180px;
	height: 40px;
}

#share_4 li a,#share_3 li a,#share_2 li a,#share_1 li a { margin: 0 auto }

#share_mail { 
	background: url(/images/pc/bg_share_mail.png) no-repeat center top;
}
#share_mixi { 
	background: url(/images/pc/bg_share_mixi.png) no-repeat center 3px;
}
#share_twitter { 
	background: url(/images/pc/bg_share_twitter.png) no-repeat center 24px;
}
#share_facebook { 
	background: url(/images/pc/bg_share_facebook.png) no-repeat center 19px;
}
#share_4 li.last,#share_3 li.last,#share_2 li.last,#share_1 li.last {
	margin-right: 0!important;
}

/* 紹介文 */
#introduction {
	color: #424242;
	font-size: 14px;
	text-align: center;
	line-height: 1.5;
	background-color: #ffd;
	padding: 20px;
}

#introduction span {
	color: #d00;
	font-size: 18px;
	font-weight: bold;
}

/* 個人情報取り扱い表示エリア */
#privacy_area {
	color: #333;
	border: 1px solid #cccccc;
	box-shadow: inset 1px 1px 1px 0 #cccccc;
	border-radius: 3px;
	overflow-y: scroll;
	font-size: 12px;
	padding: 5px;
	margin-bottom: 10px;
	height: 140px;
	overflow: auto !important;
}

#privacy_area dt { margin-bottom: 10px }
#privacy_area dd { margin: 0 0 5px 30px }

#privacy_area ul { list-style: none }
#privacy_area ul li { margin-bottom: 10px }
#privacy_area dl {
	color: #424242;
	font-size: 13px;
	margin-left: 20px;
}

#privacy_area h3 {
	color: #424242;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 10px;
}

/* 個人情報チェック */
#privacy_check {
	color: #ce2a73;
	background-color: #fff2be;
	padding: 10px 20px;
	font-size: 18px;
	font-weight: bold;
	cursor : pointer;
	text-align: center;
}

#privacy_check_ex {
	color: #de0000;
	background-color: #ffd;
	padding: 5px 20px;
	font-size: 12px;
	font-weight: bold;
}

.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    vertical-align: middle;
    text-decoration: none;
}

.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.Boxclose .arrow::after {
	width: 0px;
	height: 0px;
	border-left: 6px solid #ce2a73;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}

.active .arrow::after {
	width: 0px;
	height: 0px;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	border-top: 6px solid #ce2a73;
}

/* 購入完了 */
#thanks_p1 {
	color: #424242;
	line-height: 1.6;
	margin: 0 0 20px 10px;
	font-size: 108%;
}

/* お問い合わせ注文番号 */
#thanks_p2 {
	color: #424242;
	font-size: 108%;
	text-align: center;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	margin: 0 0 30px 10px;
	padding: 10px 0;
}

#thanks_p2 span {
	font-size: 120%;
	font-weight: bold;
}

/* トグルエリア */
#deliv_toggle_area,#credit_toggle_area,#passwd,#product_toggle_area,#conveni_toggle_area {
	display: none;
	padding: 25px;
	background-color: #eeeeee;
}

/* ************************************************************
 マイページ設定
************************************************************ */
/* マイページリンク */
.mypage_section {
    border-bottom: 1px dashed #CCCCCC;
    padding-bottom: 40px;
}

.infobox {
    background-color: #FEFEEE!important;
    border: 3px solid #FCFBDC;
    padding: 20px 5px 20px 15px;
}

.infobox h2 {
    color: #565656;
    font-weight: bold;
    font-size: 16px;
}


/* ************************************************************
 ページャ設定
************************************************************ */
.pager {
	color: #717171;
	font-size: 13px;
	text-align: center;
	background-color: #f0f0f0;
	border-radius: 5px;
	padding: 10px 0;
}

.pager a,.pager span {
	color: #717171;
	display: inline-block;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75); /* CSS3.0 */
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
	background-color: #f5f5f5;
	background: -webkit-linear-gradient(top, #f9f9f9 0%, #eaeaea 100%);
	background: -moz-linear-gradient(top, #f9f9f9 0%, #eaeaea 100%);
	border-radius: 3px;
	padding: 5px 10px;
	margin: 1px 2px;
}

.pager a:first-child,.pager a.first { margin-left: 0 }

.pager a:last-child,.pager a.last { margin-right: 0 }

.pager a:hover,.pager a:focus {
	background: -webkit-linear-gradient(top, #fefefe 0%, #fafafa 100%);
	background: -moz-linear-gradient(top, #fefefe 0%, #fafafa 100%);
	background-color: #fdfdfd;
	border-color: #ffffff;
}

.pager ul {
	text-align: center;
	list-style: none;
}
.pager li { display: inline }

.pager .total,
.pager .current {
	color: #f2f2f2;
	text-shadow: 0 1px 1px rgba(0,0,0,0.75); /* CSS3.0 */
	box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
	background: -webkit-linear-gradient(top, #5f5f5f 0%, #5c5c5c 100%);
	background: -moz-linear-gradient(top, #5f5f5f 0%, #5c5c5c 100%);
	border-color: #505050;
	background-color: #676767;
}

/* ************************************************************
 購入確認画面設定
************************************************************ */
#upsale_section {
	color: #333;
	font-size: 13px;
	line-height: 1.6;
	word-wrap: break-word;
	overflow: hidden;
	padding-bottom: 20px;
}

#upsale_section h1,#upsale_section h2,
#upsale_section h3,#upsale_section h4,
#upsale_section h5,#upsale_section h6,
#upsale_section em,#upsale_section strong,
#upsale_section dt,#upsale_section th { font-weight: bold }

#upsale_section h1,#upsale_section h2,
#upsale_section h3,#upsale_section h4,
#upsale_section h5,#upsale_section h6,
#upsale_section p,#upsale_section ul,
#upsale_section ol,#upsale_section dl,
#upsale_section table { margin-bottom: 0px }

#upsale_section table {
	width: 100%;
	border-collapse;
	border: 1px solid #cccccc;
}

#upsale_section th {
	background-color: #eee;
	padding: 10px;
	border: 1px solid #cccccc;
}

#upsale_section td {
	background-color: #ffffff;
	padding: 10px;
	border: 1px solid #cccccc;
}

#upsale_section h1 { font-size: 18px }
#upsale_section h2 { font-size: 17px }

#upsale_section h3 {
	color: #333;
	font-size: 16px;
	border-radius: 3px;
	padding: 10px;
}

#upsale_section h4 {
	font-size: 15px;
	border-left: 5px solid #cccccc;
	border-bottom: 1px dotted #cccccc;
	padding: 5px 10px;
}

#upsale_section h5 { font-size: 14px }
#upsale_section h6 { font-size: 13px }

#upsale_section blockquote {
	background-color: #f0f0f0;
	padding: 10px;
	margin: 10px;
}

/* ************************************************************
 商品一覧設定
************************************************************ */

.products { margin-bottom: 20px }
*html .products { width: 905px }

/* 商品ボックス（1個） */
.product {
	font-size: 12px;
	float: left;
	margin-right: 22px;
	width: 132px;
}

/* 商品ボックス（右端） */
.product.last { 
	margin-right: 0;
}

/* 商品一覧ボックス（5個） */
#products {
	overflow: hidden;
	margin-top: 20px;
}

/* 商品名 */
.list_name {
	font-size: 14px;
	line-height: 1.2;
	background-color: #f0f0f0;
	border-radius: 3px;
	margin: 10px 0 5px 0;
	padding: 5px;
}

.list_name a { color: #333 }
.list_name a:hover {
	text-decoration: none;
	color: #666;
}

/* 商品コメント */
.list_comment {
	color: #333;
	line-height: 1.5;
	margin-bottom: 5px;
}

/* 商品画像 */
.i_product {
	display: block;
	border: 1px solid #cccccc;
	text-align:center;
	width: 130px;
	margin: 0 auto;
}

.i_product:hover { border: 1px solid #333 }

/* 販売価格 */
.sales_price {
	color: #c00;
	font-size: 12px;
	font-weight: bold;
}

.sales_price span { 
	font-size: 15px;
}

.sales_price del {
	color: #999;
	font-size: 10px;
}

/* カートに入れるボタン */
.cart_btn {
	text-align: center;
	margin-top: 10px;
}
.cart_btn a { 
	width: 130px;
}


/* ************************************************************
 商品詳細設定
************************************************************ */
/* お支払い方法 説明等 */
.exdetails {
	background-color:#fefefe;
    border:1px solid #cccccc;
    margin-top:10px;
    padding:10px;
}

.exdetails dt {
	color:#333;
	border-bottom:1px dotted #cccccc;
	font-size:13px;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:5px;
	padding-bottom:5px;
}

.exdetails dd {
	color:#333;
	line-height:1.4;
	font-size:12px;
}

.exdetails dd p { line-height:1.4 }
.exdetails dd div { margin-top:10px }
.exdetails dd span {
	color:#c00;
	font-weight:bold;
}

/* カートに入れる */
#cartin select {
	color: #333;
	border: 1px solid #cccccc;
	border-radius: 3px;
	padding: 2px;
	margin-right: 5px;
}

/* 商品名・品番 */
#product_name {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

/* 商品説明ボックス */
#detail_ex {
	float: left;
	width: 580px;
}

/* 商品名 */
#detail_ex h3 {
	display: inline;
	color: #424242;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	padding-right: 10px;
}

/* 品番 */
#product_code {
	color: #66913c;
	background-color: #e0edd3;
	font-size: 11px;
	border-radius: 3px;
	padding: 5px;
}

/* 販売価格 */
#sales_price {
	color: #c00;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

#sales_price del {
	color: #999;
	font-size: 12px;
	padding-left: 10px;
}

#sales_price span { font-size: 18px }

/* 商品画像 */
#detail_image {
	display: block;
	float: left;
	border: 1px solid #cccccc;
	text-align:center;
	width: 260px;
	margin-right: 20px;
}

/* 商品詳細 */
#main_comment {
	background-color: #f0f0f0;
	border-radius: 3px;
	margin-bottom: 20px;
	padding: 10px;
}

#main_comment dt {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	line-height: 1.2;
	border-bottom: 1px dotted #cccccc;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#main_comment dd {
	color: #444;
	font-size: 13px;
	line-height: 1.6;
}

/* ************************************************************
 TABLE設定
************************************************************ */
/* ログイン用 */
.table_login {
	margin: 0 auto 20px auto;
	border-collapse: collapse;
	border: 1px solid #cccccc;
	width: 400px;
}

.table_login td {
	color: #737373;
	text-align: center;
	border: 1px solid #cccccc;
	padding: 8px;
}

.login_td { 
	white-space: nowrap;
}

.no_resize { font-size: 13px!important }

.table_login.left,.table_login.right { width: 446px }

.table_login th {
	background-color: #ffadd1;
	background: -webkit-linear-gradient(top, #ffadd1 0%, #fca5cb 100%);
	background: -moz-linear-gradient(top, #ffadd1 0%, #fca5cb 100%);
	background: linear-gradient(top, #ffadd1 0%, #fca5cb 100%);
	color: #ce2a73;
}

.table_login td {
	background-color: #ffeef6;
	background: -webkit-linear-gradient(top, #ffeef6 0%, #fde3ee 100%);
	background: -moz-linear-gradient(top, #ffeef6 0%, #fde3ee 100%);
	background: linear-gradient(top, #ffeef6 0%, #fde3ee 100%);
}

.table_login td.odd {
	background-color: #ffffff;
	background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
	background: linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
}

#login_bottom {
	margin: 0 auto;
	width: 400px;
}

/* カート用 */
.table_cart {
	border-collapse: collapse;
	border: 1px solid #cccccc;
	width: 100%;
}

.table_cart thead th {
	color: #ce2a73;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	background-color: #f0f0f0;
}

.table_cart thead th span {
	color: #737373;
	font-size: 12px;
	font-weight: normal;
	padding-left: 20px;
}

.table_cart th {
	color: #565656;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #fafafa;
	border: 1px solid #cccccc;
	padding: 10px 15px;
}

.table_cart th span { 
	font-size: 13px;
}

.table_cart td {
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding: 10px 15px;
}

.table_cart tfoot td {
	font-size: 15px;
	font-weight: bold;
	line-height: 26px;
	text-align: right;
	padding: 5px 15px;
}

.table_cart tfoot td em { font-weight: bold }

.table_cart tfoot td span {
	color: #565656;
	font-size: 13px;
	font-weight: bold;
}

.table_cart td ul {
	overflow: hidden;
	margin: -10px 0;
}

.table_cart td li {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0;
	border-bottom: 1px dotted #cccccc;
	list-style: disc;
	margin: 0 0 -1px 15px;
}

.table_cart td p { text-align: left }

.total_price { font-size: 18px!important; }


/* 一覧表示用 */
.table_list {
	border-collapse: collapse;
	border: 1px solid #cccccc;
	width: 100%;
}

.table_list th {
	color: #333333;
	border: 1px solid #cccccc;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #f0f0f0;
	padding: 10px;
}

.table_list td {
	color: #737373;
	border: 1px solid #cccccc;
	text-align: center;
	background-color: #ffeef6;
	background: -webkit-linear-gradient(top, #ffeef6 0%, #fde3ee 100%);
	background: -moz-linear-gradient(top, #ffeef6 0%, #fde3ee 100%);
	background: linear-gradient(top, #ffeef6 0%, #fde3ee 100%);
	padding: 8px;
}

.table_list td.odd {
	background-color: #ffffff;
	background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
	background: linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
}

.no_resize { font-size: 13px!important }

.table_list.left,.table_list.right { width: 446px }

.table_list td .text_s { width: 50px }

/* フォーム用 */
.table_form {
	border-collapse: collapse;
	border: 1px solid #cccccc;
	width: 100%;
}

.table_form thead th {
	border-right: none;
	border-left: none;
	background: #f0f0f0!important;
	color: #ce2a73;
}

.table_form thead th span {
	color: #737373;
	font-size: 13px;
	font-weight: normal;
	padding-left: 20px;
}

.table_form th {
	border: 1px solid #cccccc;
	font-size: 15px;
	font-weight: bold;
	padding: 10px 15px;
	color: #333333;
	background-color: #f9f9f9;
}

.table_form th span { font-size: 13px }

.table_form td {
	color: #737373;
	border-bottom: 1px solid #cccccc;
	background-color: #ffffff;
	background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
	background: linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
	padding: 10px 15px;
}

.table_form td .text_s { width: 80px }

.table_form td.border { border-right: 1px solid #cccccc }


/* 必須 */
.table_form th span.attention {
	color: #c00;
	font-weight: bold;
}

.table_form td.attention {
	color: #c00;
	background-color: #f4f4f4;
	font-weight: bold;
	text-align: center;
	width: 20px;
}

.table_form td.bg_none { background: #ffffff none }

.table_form td span.example { margin-left: 15px }

/* 左寄せ */
th.left,td.left {
	text-align: left;
	float: none;
}

/* 中寄せ */
th.center,td.center{ text-align: center }

/* 中寄せ */
th.top,td.top { vertical-align: top }

/* 右寄せ */
th.right,td.right {
	text-align: right;
	float: none;
}

.nowrap { white-space: nowrap }

/* カート用 */
.table_history {
	border-collapse: collapse;
	border: 1px solid #cccccc;
	width: 100%;
}

.table_history th {
	color: #565656;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #cccccc;
	border: 1px solid #cccccc;
	white-space: nowrap;
	padding: 10px 15px;
}

.table_history th span { font-size: 13px }

.table_history td {
	color: #565656;
	font-size: 12px;
	text-align: center;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding: 10px 15px;
}

.table_history tfoot td {
	color: #ce2a73;
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
	text-align: right;
	background-color: #fee8f2;
	padding: 5px 15px;
}

.table_history tfoot td em { font-weight: bold }

.table_history tfoot td span {
	color: #565656;
	font-size: 10px;
	font-weight: normal;
}


/* ************************************************************
 テキスト設定
************************************************************ */

/* 全体 */
.txt_normal {
	color: #737373;
	font-size: 13px;
	line-height: 1.6;
}

/* 中寄せ */
.t_center { text-align: center }

/* 強調 */
.bold {
	color: #ce2a73;
	font-weight: bold;
}

/* アイコン付き説明 */
.p_arrow_top_bottom,.p_arrow_left,
.p_edit { padding-left: 27px }

/* 上下矢印 */
.p_arrow_top_bottom {
	background: url(../img/arrow_top_bottom.png) no-repeat;
	height: auto!important;
	min-height: 21px;
	height: 21px;
}

/* 左矢印 */
.p_arrow_left {
	background: url(../img/arrow_left.png) no-repeat;
	min-height: 16px;
	height: auto!important;
	height: 16px;
}

/* 編集 */
.p_edit {
	background: url(../img/edit.png) no-repeat;
	min-height: 19px;
	height: auto!important;
	height: 19px;
}

/* リード箇所矢印 */
.p_arrow_bottom_wrapper { text-align: center }

.p_arrow_bottom {
	color: #ce2a73;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background: url(/images/pc/arrow_bottom.png) no-repeat left center;
	padding: 20px 0 20px 160px;
}

/* ************************************************************
 ボタン設定
************************************************************ */

/* ボタン入れ子 */
.btn_wrapper {
	text-align: center;
	width: auto 0;
}

/* ボタン入れ子（共通） */
.c_section .btn_wrapper,
.c_section-npb .btn_wrapper {
	color: #737373;
	text-align: center;
	padding: 10px;
	border: 1px solid #cccccc;
}

.f_section .btn_wrapper { padding-top: 7px }
.f_section-l .btn_wrapper { padding-top: 9px }

.c_section .btn_wrapper,
.c_section-npb .btn_wrapper {
	background-color: #f0f0f0;
}

.section_c .f_section-l .btn_wrapper {
	background: none;
	border: none;
}

/* ボタン（共通） */
.btn {
	display: inline-block;
	color: #737373;
	font-size: 11px;
	line-height: 26px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
	*display: inline;
	background-color: #e2e2e2;
	background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 1%, #e2e2e2 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 1%, #e2e2e2 100%);
	background: linear-gradient(top, #ffffff 0%, #f5f5f5 1%, #e2e2e2 100%);
	border: 1px solid #bfbfbf;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
	width: 133px;
	height: 26px;
	*zoom: 1;
}

input.btn {
	line-height: 28px;
	height: 28px;
}

/* ボタン（色） */
.btn_primary,
.btn.selected {
	color: #ffffff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	border: 1px solid #438400;
	background-color: #57af01;
	background-image: -webkit-linear-gradient(top, #b8e061 0%, #93d100 1%, #57af01 100%);
	background-image: -moz-linear-gradient(top, #b8e061 0%, #93d100 1%, #57af01 100%);
	background-image: linear-gradient(top, #b8e061 0%, #93d100 1%, #57af01 100%);
}

/* ボタン（ホバー時） */
.btn:hover {
	color: #737373;
	text-shadow: 0 1px 1px rgba(255,255,255,0.7);
	border: 1px solid #acacac;
	background-color: #cccccc;
	background: -webkit-linear-gradient(top, #a6ca57 0%, #ddd 1%, #cccccc 100%);
	background: -moz-linear-gradient(top, #a6ca57 0%, #ddd 1%, #cccccc 100%);
	background: linear-gradient(top, #a6ca57 0%, #ddd 1%, #cccccc 100%);
}

.btn_primary:hover {
	color: #ffffff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.7);
	border: 1px solid #3c6414;
	background-color: #57a201;
	background: -webkit-linear-gradient(top, #a6ca57 0%, #7cb800 1%, #57a201 100%);
	background: -moz-linear-gradient(top, #a6ca57 0%, #7cb800 1%, #57a201 100%);
	background: linear-gradient(top, #a6ca57 0%, #7cb800 1%, #57a201 100%);
}


/* セレクトボタン */
.select_btn_wrapper {
	text-align: left;
	position: relative;
	width: 152px;
}

.select_btn_wrapper ul {
	display: none;
	top: 26px;
	left: 0;
	position: absolute;
	z-index: 100;
}

.select_btn_wrapper a {
	color: #737373;
	font-size: 11px;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
	display: block;
	background-image: url(../img/select_btn.png);
	overflow: hidden;
	width: 138px;
	padding-left: 14px;
}

.select_btn_wrapper a:hover { color: #595959 }

.select_btn_trigger {
	line-height: 26px;
	height: 26px;
}

.select_btn_trigger:hover { background-position: 0 -26px }

.select_btn_trigger.clicked {
	color: #444;
	background-position: 0 -52px;
}

.select_btn_trigger.clicked:hover { background-position: 0 -78px }

.select_btn,
.select_btn_s {
	line-height: 25px;
	background-position: 0 -104px;
	height: 25px;
}

.select_btn:hover,
.select_btn.selected { background-position: 0 -129px }

.select_btn_last {
	line-height: 25px;
	background-position: 0 -154px;
	height: 25px;
}

.select_btn.selected,
.select_btn_last.selected {
	color: #333!important;
	font-weight: bold;
}

.select_btn_last:hover,
.select_btn_last.selected { background-position: 0 -179px }

/* ボタン（サイズ） */
.btn_xxsmall { width: 43px }
.btn_xsmall { width: 72px }
.btn_small { width: 102px }
.btn_medium { width: 152px }

.btn_large,.btn_xlarge,.btn_xxlarge,.btn_full {
	font-size: 17px;
	font-weight: bold;
	line-height: 38px;
	height: 38px;
}

input.btn_large,input.btn_xlarge,input.btn_xxlarge,input.btn_full {
	line-height: 40px;
	height: 40px;
}

.btn_xxlarge { width: 200px }

.btn_full {
	padding: 0 10px;
	zoom: 1;
	width: auto;
}

/* MNT268 Add Start Goto 2020/09/08 */
.btn_full2 {
	padding: 0 15px;
	zoom: 2.5;
	-moz-transform:
	scale(2.5,2.5)
	translate(-16px,8px);
	width: auto;
	line-height: 10px !important;
	margin-right: 55px;
}
.btn_height70 {
	height: 70px;
}
.btn_full3 {
	padding: 0 15px;
	zoom: 2.5;
	-moz-transform:
	scale(2.5,2.5)
	translate(-16px,8px);
	width: auto;
	line-height: 10px !important;
}
.fsize_16 { 
	font-size: 16px;
}
/* MNT268 Add End Goto 2020/09/08 */

/* ************************************************************
 フォーム設定
************************************************************ */
/* ラジオボタン・チェックボックス */
.radio,.check {
	vertical-align: middle;
	margin-right: 5px;
}

/* 入力（共通） */
.text,.text_ss,.text_s,
.text_m,.text_l,.text_ll,
.textarea,.textarea_l,.textarea_ll {
	color: #333;
	border: 1px solid #cccccc;
	box-shadow: inset 1px 1px 1px 0 #cccccc;
	border-radius: 3px;
	padding: 5px;
}

/* 入力（極小） */
.text_ss {
	text-align: center;
	width: 20px;
}

/* 入力（小） */
.text_s { width: 100px }

/* 入力（中） */
.text_m { width: 200px }

/* 入力（大） */
.text_l { width: 370px }

/* 入力（大） */
.text_ll { width: 500px }

/* 入力（ログイン用） */
.text_login {
	font-size: 20px;
	width: 238px;
}

/* セレクトボックス（共通） */
.select,.select_s,.select_m,
.select_l,.select_y,.select_md {
	color: #333;
	border: 1px solid #cccccc;
	border-radius: 3px;
	padding: 2px;
}

/* セレクトボックス（小） */
.select_s { width: 100px }

/* セレクトボックス（中） */
.select_m { width: 200px }

/* セレクトボックス（中） */
.select_l { width: 500px }

/* セレクトボックス（年） */
.select_y { width: 60px }

/* セレクトボックス（月日） */
.select_md { width: 45px }


/* テキストエリア */
.textarea { 
	width: 370px;
	height: 110px;}
	
/* テキストエリア（小） */
.textarea_s {
	width: 370px;
	height: 50px;}

/* テキストエリア（大） */
.textarea_l { width: 500px }

/* テキストエリア（大） */
.textarea_ll { width: 600px }

/* テキストエリア（タグ用） */
.textarea_tag { background-color: #ffd }

/* テキストエリア（タグ用） */
#textarea_tag {
	color: #333;
	font-size: 14px;
	padding: 2px;
	border: 1px solid #ce2a73;
	border-radius: 3px;
	width: 897px;
	height: 50px;
}

/* IMEモード */
.active { ime-mode: active }

.inactive { ime-mode: inactive }

.disabled { ime-mode: disabled }

/* 項目名 */
.name {
	color: #737373;
	line-height: 2;
}

/* 自然検索セレクトボックス */
#se_list { display: none }

/* input type="file"の装飾 */
.fileinputs {
	position: relative;
	height: 27px;
}

.fakefile {
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1;
}

.file {
	text-align: right;
	height: 27px;
	width: 133px;
	position: relative;
	-moz-opacity: 0;
	filter: alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	cursor: pointer;
}

#target_file {
	line-height: 27px;
	float: left;
	width: 480px;
}

/* 必須項目 */
.indispensable,td.indispensable  { background: #ffd }

/* フォーム用注意書き */
.form_ex {
	font-size: 12px;
	background-color: #fffde4;
	padding: 5px;
}

/* フォーム入力例 */
.example {
	color: #989898;
	font-size: 12px;
	margin-top: 10px;
}

/* フォーム注意書き */
.inline_alert {
	color: #565656;
	font-size: 11px;
	background-color: #fee8f2;
	margin-top: 10px;
	padding: 2px;
	border-radius: 3px;
}

/* フォームエラー */
.cart_input_error {
	color: #c00!important;
	font-size: 93%!important;
	background-color: #f6ebeb;
	margin-top: 10px;
	padding: 5px;
}

/* 商品条件設定用 */
#enq{
    background: #feeff5;
    border: 3px solid #ffadd1;
    text-align: left;
    margin: 10px auto 15px auto;
    padding: 17px 20px;
}

#enq p {
	color: #333;
	line-height: 1.6;
	font-weight: bold;
}

#enq h3 {
	color: #c00;
	font-weight: bold;
}

.table_form td.important {
	padding: 0px;
	width: 50px;
}
.table_form td.important span {
	color: #ffffff;
	background-color: #d60000;
	padding: 0 2px;
}

.collection img {
	width: 130px;
	height: 130px;
}

.sp_only {
	display: none;
}

.free_haiso {
	color: #ce2a73;
	background-color: #feecf4;
}

.free_haiso div{
	padding: 10px 0;
}

/* ************************************************************
 LINE連携用
************************************************************ */
#p_line {
	font-size: 14px;
	color: #333;
	background-color: #d9f4c9;
	margin: 10px auto;
	padding: 10px;
	border-radius: 3px;
}

.section_left {
    float:left;
    width : 49.5%;
    height: 320px;
}

.section_line {
    border-right: 3px solid #DCDCDC;
}

.section_right {
    float:right;
    width : 48.5%;
    height: 320px;
}

.section_line_left {
    float:left;
    width : 74%;
}

.section_line_right {
    float:right;
    width : 26%;
}

.v_line_fix {
  margin-left: 100px;
  width: 5px;
  height: 150px;
  background-color: brown;
}

.con_box10 {
    margin: 0 auto 30px auto;
    width:820px;
    text-align:center;
}

.linebox {
    background-color: #d9f4c9 !important;
}

.section_l { width: 960px }
*html .section_l { width: 955px }

.section_l .f_section-l .btn_wrapper {
    background:  brown;
    border: brown;
}

.infobox_l {
    background-color: #fee8f2;
    padding: 15px 5px 0px 15px;
    height: auto;
    width:933px;
}

/* インラインアラート */
.alert_danger_l,
.alert_info_l {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    border-radius: 3px;
    margin-top: 5px;
    padding: 0px 5px 0px 28px;
}

.alert_danger_l {
    background: #fee8f2 url(/images/pc/alert.png) no-repeat 5px center;
    color: #c00;
}

.alert_info_l {
    background: #f3f9fc url(/images/pc/alert.png) no-repeat 5px center;
    color: #039;
}

/* ボタン（共通） */
.btn_orenge {
    display: inline-block;
    color: #737373;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
    *display: inline;
#    background-color: #e2e2e2;
#    background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 1%, #e2e2e2 100%);
#    background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 1%, #e2e2e2 100%);
#    background: linear-gradient(top, #ffffff 0%, #f5f5f5 1%, #e2e2e2 100%);
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    width: 160px;
    height: 28px;
    *zoom: 1;
}

input.btn_orenge {
    line-height: 28px;
    height: 42px;
}

/* ボタン（色） */
.btn_orenge,
.btn_orenge.selected {
    color: #ffffff;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    border: 1px solid #d2691e;
    background-color: #ffa500;
}

/* ボタン（ホバー時） */
.btn_orenge:hover {
    color: #737373;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.7);
    border: 1px solid #d2691e;
    background-color: #ff8c00;
}

.btn_orenge:hover {
    color: #ffffff;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.7);
    border: 1px solid #d2691e;
    background-color: #ff8c00;
}

.l_index {
    background: #fee8f2!important;
    border: 1px solid #fee8f2;
}


/* ************************************************************
 マイページ キャンペーンバナー
************************************************************ */

.mypage_campaign_pc {
	width: 100%;
	margin: 30px auto;
	display: flex;
	gap: 25px;
}

.mypage_campaign_pc img {
	display: block;
}

.mypage_campaign_pc_grid {
	width: 100%;
	margin: 30px auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 25px;
	grid-row-gap: 20px;
}

.mypage_campaign_pc_grid img {
	display: block;
}

.grid1 { grid-area: 1 / 1 / 2 / 3; }
.grid2 { grid-area: 1 / 3 / 2 / 5; } 


.mb_20 strong {
	font-weight: bold;
}