@charset "utf-8";

/*  汎用クラスです。 */


/*  テキストで入れるh2
--------------------------------------------------------------*/
h2.h2Txt {
	background-color:#E5F4F4;
	padding:2px 5px;
	color:#003163;
	font-weight:bold;
	line-height:120%;
	white-space: nowrap;
	border:none;
}

/*  右側にテキストを入れるh2
--------------------------------------------------------------*/
.h2TblTxt {
	background-color:#E5F4F4;
}
.h2TblTxt table {
	border-collapse: collapse;
	border:none;
}
.h2TblTxt th {
	padding:0;
}
.h2TblTxt td {
	vertical-align:middle;
	padding:0 5px 0 20px;
	line-height:120%;
	white-space:nowrap;
}

/*  FONT SIZE　コンテンツエリアデフォルトはsmall
--------------------------------------------------------------*/

.fsSmall {
	font-size:11px;
}
.fsLarge {
	font-size:14px;
}


/*  FONT COLOR　デフォルトカラーは#666666
--------------------------------------------------------------*/

/* 役割別 */

.headding { /* 商品一覧、商品詳細の見出し */
	color:#003163;
}
.copy { /* 商品一覧、商品詳細のコピー */
	color:#003163;
}

.price { /* 価格 */
	color:#000000;
}
.sale { /* 特価価格 */
	color:#CC0000;
}
.beforehand { /* 特価予告 */
	color:#C26000;
}
.remark { /* 備考（品切れ中、販売終了、在庫なしなど） */
	color:#000000;
}

.attention { /* 注意テキスト */
	color:#C26000;
}
.warning { /* 警告テキスト */
	color:#CC0000;
}

.bulletSquare { /* 文頭につける■で水色のもの */
	color:#99CCCC;
}

/* 色別（役割から離れてこの色を使う場合は、下記で色をつけてください。 */

.fc003163 { /* 見出し、コピーなどと同じ色 */
	color:#003163;
}
.fc000000 { /* 通常価格、販売終了・在庫なしなどと同じ色 */
	color:#000000;
}
.fcCC0000 { /* 特価価格、警告文などと同じ色 */
	color:#CC0000;
}
.fcC26000 { /* 注意テキスト、特価予告と同じ色 */
	color:#C26000;
}
.fc99CCCC { /* 文頭につける水色の■と同じ色 */
	color:#99CCCC;
}



/* マージン
--------------------------------------------------------------*/

.mt0 {
	margin-top:0px !important;
}
.mt1 {
	margin-top:1px !important;
}
.mt2 {
	margin-top:2px !important;
}
.mt5 {
	margin-top:5px !important;
}
.mt8 {
	margin-top:8px !important;
}
.mt10 {
	margin-top:10px !important;
}
.mt13 {
	margin-top:13px !important;
}
.mt15 {
	margin-top:15px !important;
}
.mt18 {
	margin-top:18px !important;
}
.mt20 {
	margin-top:20px !important;
}
.mt25 {
	margin-top:25px !important;
}
.mt30 {
	margin-top:30px !important;
}
.mt35 {
	margin-top:35px !important;
}
.mt40 {
	margin-top:40px !important;
}
.mt50 {
	margin-top:50px !important;
}
.mt60 {
	margin-top:60px !important;
}
.mt85 {
	margin-top:85px !important;
}

.ml5 {
	margin-left:5px !important;
}
.ml10 {
	margin-left:10px !important;
}
.ml15 {
	margin-left:15px !important;
}
.ml20 {
	margin-left:20px !important;
}
.ml25 {
	margin-left:25px !important;
}
.ml30 {
	margin-left:30px !important;
}
.mr5 {
	margin-right:5px !important;
}
.mr10 {
	margin-right:10px !important;
}
.mr15 {
	margin-right:15px !important;
}
.mr30 {
	margin-right:30px !important;
}
.mr40 {
	margin-right:40px !important;
}
.mr50 {
	margin-right:50px !important;
}

.mb20 {
	margin-bottom:20px !important;
}

/* ディスプレイ、フロート
--------------------------------------------------------------*/
.dispBlock {
	display:block;
}
.floatR {
	float:right;
}
.floatL {
	float:left;
}
.floatClear {
	display:block;
	clear:both;
	width:auto;
	height:1px;
	overflow:hidden;
	margin:-1px 0 0 0;
	padding:0;
	font-size:1px;
	line-height: 0;
	background:transparent;
}

/* テキストアライン
--------------------------------------------------------------*/
.taL {
	text-align:left;
}
.taR {
	text-align:right;
}
.taC {
	text-align:center;
}
.vaT {
	vertical-align:top;
}
.vaM {
	vertical-align:middle;
}
.vaB {
	vertical-align:bottom;
}

/* バックグラウンドカラー
--------------------------------------------------------------*/
.bgFFFFFF {
	background-color:#FFFFFF;
}
.bgECF1F1 {
	background-color:#ECF1F1;
}
.bg99CCCC {
	background-color:#99CCCC;
}

/* 区切り線（divにクラスをつけ、中に<hr>を入れて使います）
--------------------------------------------------------------*/

.hr9cc {
	width:100%;
	height:1px;
	clear:both;
	margin:0 0 -1px 0;
	padding:0;
	font-size:1px;
	line-height:1px;
	border-top:solid 1px #99CCCC;
	overflow:hidden;
}
.hr9ccDot {
	width:100%;
	height:1px;
	clear:both;
	margin:0 0 -1px 0;
	padding:0;
	font-size:1px;
	line-height:1px;
	background:url(/contents/images/pic_dot9cc.gif) repeat-x left top;
	border:none;
	overflow:hidden;
}

.hrCcc {
	width:100%;
	height:1px;
	clear:both;
	margin:0 0 -1px 0;
	padding:0;
	font-size:1px;
	line-height:1px;
	border-top:solid 1px #CCCCCC;
	overflow:hidden;
}
.hrCccDot {
	width:100%;
	height:1px;
	clear:both;
	margin:0 0 -1px 0;
	padding:0;
	font-size:1px;
	line-height:1px;
	background:url(/contents/images/pic_dotccc.gif) repeat-x left top;
	border:none;
	overflow:hidden;
}

.hrFff {
	width:100%;
	height:1px;
	clear:both;
	margin:0 0 -1px 0;
	padding:0;
	font-size:1px;
	line-height:1px;
	border-top:solid 1px #FFFFFF;
	overflow:hidden;
}

/* インターネット会員になるとこんなに便利
--------------------------------------------------------------*/
#MEMBERGUIDE{
	margin-top:30px;
	padding:0px;
	border:1px solid #CCCCCC;
}
#MEMBERGUIDE .guideL{
	padding-left:20px;
	width:419px;
}
#MEMBERGUIDE .guideR{
	width:199px;
}
#MEMBERGUIDE .guideL .caption{
	margin-top:17px;
	padding-bottom:4px;
	border-bottom:1px solid #003163;
	padding-bottom:4px;
	width:419px;
}
#MEMBERGUIDE .guideL .captxt{
	margin:10px 0 0 5px;
	width:375px;
}
#MEMBERGUIDE .internet{
	width:598px;
	padding-top:15px;
	padding-bottom:20px;
	margin-top:15px;
	margin-left:20px;
/*	border-top:1px dotted #CCCCCC;*/
	background:url(/contents/images/pic_dotccc.gif) repeat-x 0 0;
}


/* エラーメッセージ
--------------------------------------------------------------*/
ul.err li{
	list-style:none;
	margin-top:5px;
	text-indent:-0.5em;
	padding-left:0.5em;
	color:#CC0000;
}

.previous {
	width:100%;
	margin-top:20px;
}
.previous a {
	background:url(/contents/images/bullet_blue_m_left.gif) no-repeat 0 0.2em;
	padding-left:12px;
}

/*  おすすめ商品
--------------------------------------------------------------*/

.recProduct {
	width:315px;
	border:solid 1px #99CCCC;
	background-color:#EFFAFA;
	padding-bottom:5px;
}
.recProduct table {
	width:313px;
	border-collapse: collapse;
	border:none;
}
.recProduct td {
	vertical-align:top;
	line-height:130%;
}
.recProduct td img {
	display:block;
	margin:4px;
}
.recProduct td div {
	width:215px;
	margin:4px 0 4px 4px;
}