@charset "utf-8";

/* =========================================================
 Yahoo! CSS Reset (YUI 3)
 http://developer.yahoo.com/yui/license.html
 version: 3.2.0
========================================================= */

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

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

fieldset,img { border: 0 }

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

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

li { list-style: none }

caption,th { text-align: left }

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

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

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

sup { vertical-align: text-top }

sub { vertical-align: text-bottom }

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

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

legend { color: #000 }


/* =========================================================
 SmileForm レイアウト設定
 Copyright(c) andus Inc.
========================================================= */

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

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

/* お知らせ */
#information {
    border:2px solid #999;
    border-radius:4px 4px 4px 4px;
    font-size:14px;
    font-weight:bold;
    color:#565656;
    background-color:#f9f9f9;
    margin-bottom:20px;
    padding:10px 30px;
    text-align:center;
}

#information h3 {
	color:#c00;
	font-size:15px;
}

/* ロゴ */
/* logo.phpに移動
#logo {
	position: absolute;
	top: 0;
	left: 0;
}

#logo a {
	text-indent: -9999px;
	background: url(../../../img/client/pc_logo.png) no-repeat;
	display: block;
	height: 90px;
	width: 1016px;
	overflow: hidden;
}
*/

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

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

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

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

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

/* セクション（外枠） */
.section_wrapper {
	width: 955px;
	margin: 0 auto 20px auto;
}

/* セクション（ボックス） */
.section_a,
.section_b,
.section_c,
.section_d {
	background-color: #feeff5;
	padding: 5px;
	border-radius: 10px;
}

.section_a { width: 945px }

.section_b { width: 590px }

.section_c { width: 427px }

*html .section_c { width: 427px }

.section_d { width: 317px }

/* セクション（ヘッダ） */
.h_section {
	font-size: 13px;
	color: #fff;
	line-height: 25px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.75);
	background-color: #f26fa9;
	background: -webkit-linear-gradient(top, #ff93c3 0%, #ff8cbf 1%, #f26fa9 100%);
	background: -moz-linear-gradient(top, #ff93c3 0%, #ff8cbf 1%, #f26fa9 100%);
	background: linear-gradient(top, #ff93c3 0%, #ff8cbf 1%, #f26fa9 100%);
	height: 25px;
	padding: 0 20px;
	border: 1px solid #ccc;
	border-bottom: none;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

/* セクション（ヘッダ・コンテンツ内） */
.h_section_in {
	font-size: 16px;
	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%);
	height: 40px;
	padding: 0 20px;
	border: 1px solid #ccc;
	border-bottom: none;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.h_section h2,
.h_section_in h2 { font-weight: bold }

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

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

/* セクション（フッタ） */
.f_section,
.f_section-nb,
.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%);
	height: 42px;
	padding: 0 20px;
	border: 1px solid #ccc;
	border-top: 1px solid #ececec;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

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

/* ボタンなし */
.f_section-nb {
	background: #fff;
	height: 20px;
	border-top: none;
}

/* 内ボックス */
.box { width: 440px }

/* 左寄せ */
.left { float: left }

/* 中寄せ */
.center { margin: 0 auto }

/* 右寄せ */
.right { float: right }

/* インライン化 */
.inline { display: inline }

/* フッタ */
/* logo.phpに移動 */
/*
#footer {
	text-align: center;
	background: url(../../../img/client/pc_footer.png) no-repeat center 12px;
	width: 955px;
	height: 90px;
	margin: 0 auto;
	padding-top: 110px;
	border-top: 1px solid #eee;
}
*/

#footer address {
	font-size: 10px;
	font-style: normal;
	line-height: 1.2;
	color: #737373;
}

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

/* =========================================================
 SmileForm 共通設定
========================================================= */

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

a { color: #34f }

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

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

.cf:after { clear: both }

.cf { zoom: 1 }

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

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

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

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

/* マージンセット */
.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 }

/* パディングセット */
.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 }

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

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

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

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

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

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

/* オーバーレイ背景 */
#wait_div {
	display: none;
	background: #000 url(../../img/pc/loading.gif) no-repeat center center;
	height: 100%;
	cursor: wait;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	opacity: 0.73;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=73);
}

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

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

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

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

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

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

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

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

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

/* ページ独自 */

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

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

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

/* 商品一覧サムネイル */
.product_box { width: 250px }

.product_thumb {
	display: block;
	width: 65px;
	margin-right: 10px;
	float: left;
	border: 1px solid #ce2a71;
}

.product_thumb:hover { border: 1px solid #ccc }

/* パラメータサンプル */
#parameter_sample {
	background-color: #ebebeb;
	padding: 5px;
	border-radius: 5px;
}

#parameter_sample p {
	font-size: 14px;
	color: #737373;
	text-align: center;
	background-color: #fff;
	padding: 15px;
	border: 1px solid #ccc;
}

#parameter_sample span {
	font-size: 18px;
	font-weight: bold;
	color: #ce2a73;
}

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

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

#dialog_normal { color: #433a39 }

#dialog_alert { color: #c00 }

.fsize_12 { font-size: 12px }


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

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

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

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

.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: #fff;
	line-height: 1;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
	width: 148px;
	position: absolute;
	top: 10px;
	left: 28px;
}

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

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

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

.ui-datepicker th {
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 1px rgba(85,85,85,0.5);
	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;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

.ui-datepicker td {
	color: #4c4c4c;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255,255,255,0.3);
	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%);
	border: 1px solid #999;
}

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

.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 {
	color: #666!important;
	background: url(../img/bg_datepicker_td_active.png) no-repeat!important;
}

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

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

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

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

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

/* プレースホルダー */
.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 #ccc;
	cursor: move;
}

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

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

.block_sortable_remove div { background: #fff 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;
}

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

.arrow_left a,
.arrow_top_bottom a {
	display: block;
	float: right;
	width: 18px;
}

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

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


/* =========================================================
 SmileForm ボタン設定
========================================================= */

/* ボタン入れ子 */
.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 #ccc;
}

.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: #fde2ee }

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

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

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

/* ボタン（色） */
.btn_primary,
.btn.selected {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	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%);
	border: 1px solid #438400;
}

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

.btn_primary:hover {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.7);
	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%);
	border: 1px solid #3c6414;
}

/* ボタン（サイズ） */
.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 {
	width: auto;
	padding: 0 10px;
	zoom: 1;
}

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

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

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

.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 {
	font-weight: bold;
	color: #333!important;
}

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


/* =========================================================
 SmileForm TABLE設定
========================================================= */

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

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

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

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

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

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

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

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

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

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

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

.table_cart td p { text-align: left }

.table_tokushoho tbody th {
	background-color: #fee8f2;}

/* ログイン用 */
.table_login {
	width: 380px;
	margin: 0 auto 20px auto;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

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

.login_td { white-space: nowrap }

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

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

.table_login th {
	color: #ce2a73;
	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%);
}

.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: #fff;
	background: -webkit-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	background: linear-gradient(top, #fff 0%, #f5f5f5 100%);
}

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

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

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

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

.table_form th {
	font-size: 15px;
	font-weight: bold;
	color: #ce2a73;
	background-color: #ffadd1;
	background: -webkit-linear-gradient(top, #ffadd1 0%, #fca3ca 100%);
	background: -moz-linear-gradient(top, #ffadd1 0%, #fca3ca 100%);
	background: linear-gradient(top, #ffadd1 0%, #fca3ca 100%);
	padding: 10px 15px;
	border: 1px solid #ccc;
}

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

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

.table_form td .text_s { width: 80px }

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

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

.table_list th {
	font-size: 14px;
	font-weight: bold;
	color: #ce2a73;
	text-align: center;
	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%);
	padding: 10px;
	border: 1px solid #ccc;
}

.table_list td {
	color: #737373;
	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;
	border: 1px solid #ccc;
}

.table_list td.odd {
	background-color: #fff;
	background: -webkit-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	background: linear-gradient(top, #fff 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_history {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

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

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

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

.table_history tfoot td {
	font-size: 16px;
	font-weight: bold;
	color: #ce2a73;
	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 {
	font-size: 10px;
	font-weight: normal;
	color: #565656;
}

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

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

.table_form td.bg_none { background: #fff 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 }







/* =========================================================
 SmileForm フォーム設定
========================================================= */

/* ラジオボタン・チェックボックス */
.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;
	padding: 5px;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px 0 #ccc;
	border-radius: 3px;
}

/* 入力（極小） */
.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;
	padding: 2px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

/* セレクトボックス（小） */
.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 {
	font-size: 14px;
	color: #333;
	height: 50px;
	width: 897px;
	padding: 2px;
	border: 1px solid #ce2a73;
	border-radius: 3px;
}

/* 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 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

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

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

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

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

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

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

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

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

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

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


/* =========================================================
 SmileForm メニュー設定
========================================================= */

/* メインメニュー（共通） */
#mainmenu {
	position: absolute;
	bottom: -1px;
	right: 0;
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	overflow: hidden;
}

#mainmenu li {
	display: inline;
	float: left;
}

#mainmenu a {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	display: block;
	background-color: #eee;
	padding: 10px 20px;
	border-right: 1px solid #dbdbdb;
	overflow: hidden;
}

#mainmenu a:hover {
	color: #111;
	background-color: #ccc;
	padding: 11px 20px 9px 20px;
}

#mainmenu a.current {
	color: #111;
	background-color: #ccc;
	padding: 11px 20px 9px 20px;
}

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

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

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

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

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

/* アイコン付き説明 */
.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;
	min-height: 21px;
	height: auto!important;
	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;
}

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


/* =========================================================
 SmileForm ユーザー設定
========================================================= */

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

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

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

#privacy_area ul { list-style: none }

#privacy_area ul li { margin-bottom: 10px }

#privacy_area dl {
	font-size: 13px;
	color: #424242;
	margin-left: 20px;
}

#privacy_area dt { margin-bottom: 10px }

#privacy_area dd { margin: 0 0 5px 30px }

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

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

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

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

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

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

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

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

/* シェアする */
#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;
	height: 40px;
	width: 180px;
	float: left;
	margin-right: 50px;
	padding-top: 70px;
}

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

#share_mail { background: url(../../img/pc/bg_share_mail.png) no-repeat center top }

#share_facebook { background: url(../../img/pc/bg_share_facebook.png) no-repeat center 19px }

#share_twitter { background: url(../../img/pc/bg_share_twitter.png) no-repeat center 24px }

#share_mixi { background: url(../../img/pc/bg_share_mixi.png) no-repeat center 3px }

#share_4 li.last,
#share_3 li.last,
#share_2 li.last,
#share_1 li.last { margin-right: 0!important }


/* =========================================================
 SmileForm 商品一覧設定
 Copyright(c) andus Inc.
========================================================= */

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

.products { margin-bottom: 20px }

*html .products { width: 905px }

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

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

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

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

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

.list_name a { color: #333 }

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

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

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

.sales_price span { font-size: 15px }

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

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

.cart_btn a { width: 130px }


/* =========================================================
 SmileForm 商品詳細設定
 Copyright(c) andus Inc.
========================================================= */

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

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

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


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

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

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

#sales_price span { font-size: 18px }

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

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

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

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

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

/* お支払い方法 説明等 */
.exdetails {
	background-color:#fefefe;
    border:1px solid #ccc;
    margin-top:10px;
    padding:10px;
}

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

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

.exdetails dd p { line-height:1.4 }

.exdetails dd div { margin-top:10px }

.exdetails dd span {
	font-weight:bold;
	color:#c00;
}

/* =========================================================
 SmileForm マイページ設定
 Copyright(c) andus Inc.
========================================================= */

/* ようこそ */
#thanks_user {
	font-size: 108%;
	text-align: center;
	margin-bottom: 20px;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#thanks_user span { font-weight: bold }

/* マイページリンク */
#mypage_menu {
	text-align: center;
	background-color: #727372;
	margin: -29px -30px 20px -30px;
	overflow: hidden;
}

#mypage_menu li {
	color: #fff;
	display: inline;
	float: left;
	border-right: 1px solid #666;
}

#mypage_menu li a,
#mypage_menu_current,
#mypage_menu_last {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	padding: 10px;
	height: 18px;
}

#mypage_menu li a:hover {
	color: #ccc;
	background-color: #444;
}

#mypage_menu_current {
	font-weight: bold;
	background-color: #555;
}

#mypage_menu_last { float: right!important }

#mypage_menu_head { background-color: #555; }

.mypage_section {
    border-bottom: 1px dashed #CCCCCC;
    padding-bottom: 40px;
}

.menu_home {
    padding: 10px 10px 10px 45px!important;
    background-image: url('../../img/pc/home.png');
    background-repeat: no-repeat;
    background-position: 8px 3px;
}


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

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


/* =========================================================
 SmileForm 購入確認画面設定
 Copyright(c) andus Inc.
========================================================= */

#upsale_section {
	font-size: 13px;
	color: #333;
	line-height: 1.6;
	padding-bottom: 20px;
	word-wrap: break-word;
	overflow: hidden;
}

#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 h1 { font-size: 18px }

#upsale_section h2 { font-size: 17px }

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

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

#upsale_section h5 { font-size: 14px }

#upsale_section h6 { font-size: 13px }

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

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

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

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

/* =========================================================
 Thickbox 3.1 - One Box To Rule Them All.
 By Cody Lindley (http://www.codylindley.com)
 Copyright (c) 2007 cody lindley
 Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
========================================================= */

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

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

#TB_window a:link { color: #666 }

#TB_window a:visited {color: #666 }

#TB_window a:hover {color: #000 }

#TB_window a:active {color: #666 }

#TB_window a:focus {color: #666 }

#TB_overlay {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.TB_overlayMacFFBGHack { background: url(macFFBgHack.png) repeat }

.TB_overlayBG {
	background-color: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

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

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

/* 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;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

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

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

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

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

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

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

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

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

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

#TB_ajaxContent.TB_modal { padding: 15px }

#TB_ajaxContent p { padding: 5px  }

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

/* 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_HideSelect {
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	border: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height: 100%;
	width: 100%;
}

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

#TB_iframeContent {
	clear: both;
	border: none;
}


/* =========================================================
 SmileForm ページャ設定
 Copyright(c) andus Inc.
========================================================= */

.pager {
	font-size: 13px;
	color: #717171;
	text-align: center;
	background-color: #f0f0f0;
	padding: 10px 0;
	border-radius: 5px;
}

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

.pager a,
.pager span {
	color: #717171;
	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);
	display: inline-block;
	background-color: #f5f5f5;
	background: -webkit-linear-gradient(top, #f9f9f9 0%, #eaeaea 100%);
	background: -moz-linear-gradient(top, #f9f9f9 0%, #eaeaea 100%);
	margin: 1px 2px;
	padding: 5px 10px;
	border-radius: 3px;
}

.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-color: #fdfdfd;
	background: -webkit-linear-gradient(top, #fefefe 0%, #fafafa 100%);
	background: -moz-linear-gradient(top, #fefefe 0%, #fafafa 100%);
	border-color: #fff;
}

.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-color: #676767;
	background: -webkit-linear-gradient(top, #5f5f5f 0%, #5c5c5c 100%);
	background: -moz-linear-gradient(top, #5f5f5f 0%, #5c5c5c 100%);
	border-color: #505050;
}


/* =========================================================
 jQzoom Evolution Library v2.3  - Javascript Image magnifier
 http://www.mind-projects.it
 Copyright 2011, Engineer Marco Renzi
 Licensed under the BSD license.
========================================================= */

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

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

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

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

.zoomWindow {
	position: absolute;
	left: 110%;
	top: 40px;
	background-color: #fff;
	z-index: 6000;
	height: auto;
	z-index: 10000;
	z-index: 110;
}

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

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

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

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

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


/* =========================================================
 SmileForm <noscript>設定
 Copyright(c) andus Inc.
========================================================= */

noscript {
	font-size: 14px;
	font-weight: bold;
	color: #f00;
	line-height: 1.4;
}

.cart_comment {

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



/*
--------------------------------------------------------------------------------
 END OF CSS
--------------------------------------------------------------------------------
*/