@charset "utf-8";

/*
 * box-sizing (IE8+)
 * floatの崩れを防止
 * パディングとボーダーを幅と高さに含める
 */
*, *:after, *:before {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: bortableder-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}


/* 検索窓？ */
#kensakumado { text-align: right; }

/* メニュー */
#CatMenu0 {}
#CatMenu0>div {
	width: 300px;
	float: left;

	border: 0px #ccc solid;
	box-sizing: border-box;

	text-align: center;
	padding-left: 5px;
	margin: 5px 15px 15px 15px;

}

#CatMenu0>div a {
	display: block;
}

.CatMenu {}
.CatMenu>div {
	width:240px;		/* 横幅 maxが1000pxで4つ並べた場合の１つの横幅ってかんじ */
						/* サイズ算出する際はmarginも考慮にいれて考える必要あり */
						/* divの幅+左右マージン × 数 <= コンテンツ幅 */

	margin: 5px;
	float: left;

	border: 1px #ccc solid;

	text-align: center;

	border-radius: 5px;			/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

.CatMenu>div a {
	display: block;
	text-decoration: none;
	color: #333;

	height: 60px;			/* 高さぁ・・・これを超えるとテキストでないかもなぁ */
	margin-top: 20px;		/* 縦位置の真ん中にしたいんだけどできない・・・できないよぉ */
}

.CatMenu>div a:hover {	text-decoration: underline;	}


/* カテゴリの説明部分 */
#cathead { margin-top: 5px; margin-bottom: 5px; }

#catImage { width: 200px; float: left; }
#catImage div { border: 1px #ccc solid; width:200px; height: 200px; }
#catImage div img {
	vertical-align: bottom; -ms-interpolation-mode: bicubic; /* IE7で画像縮小時の劣化防止 */

	/* 範囲内で画像を横の中央に配置するための定義 */
	display: block;
	margin: auto;

	/* 範囲内で縦の中央に配置するための定義 */
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#catCmt { width: 780px; float: right; }

/* 商品一覧系 */
#narrowdown { text-align: right; margin-bottom: 3px; /*display: none;*/ }

#buylist { width: 100%; border: 1px #666 solid; }
#buylist th,
#buylist td { border: 1px #666 solid; padding: 6px 3px; }

/*
#buylist thead th { background-color: #316E9F; color: #fff; }
*/
#buylist thead th { color: #000; }


.lno { width: 20px; text-align: right; }
.hinban { width: 70px;text-align: left; }
.kataban { width: 100px;text-align: left; }
.kakaku { width: 70px; text-align: right; }
.zaiko { width: 70px; text-align: center; }
.hattyu { width: 60px; text-align: right; }
.hattyu input { width: 3rem; }
.hattyuBtn { width: 60px; text-align: center; }
.okiniw { width: 80px; text-align: center;}
.keiran { width: 100px; text-align: right; }
.trash { width: 40px; text-align: center; }

/**/
#ichiran { margin: 1em 0; }
.tuhanList { width: 175px; float: left; margin: 0 4px 5px; border: 1px #ccc solid; }
.tuhanList img { display: block; max-width: 160px; max-height: 100px; margin: 10px auto 5px; /*margin-left: auto; margin-right: auto;*/ }
.tuhanList div.tname { margin-left:1em; margin-right:1em; }
.tuhanList .best {font-size:70%; color:#ffa400;}
.tuhanList .shin {font-size:70%; color:#09c289;}


#osusume {}
#osusume div.osusumeItem { width: 175px; float: left; margin: 0 4px 5px; }
#osusume div.osusumeItem img { display: block; width: 160px; margin: 10px auto 5px; }


/* =========================== パンくずりすと */
#kuzu { background-color:#e6e6ca; /*margin:5px;*/ padding:10px; text-align:left; }
#kuzu div {	font-size: 10pt; }
#kuzu div a {	color:#9e2236; text-decoration:none;}
#kuzu div a:hover {	color:#00f; text-decoration:underline;}


/* ========================== 詳細表示 */
/* 大きい画像 */
#fullimage {

	box-shadow: 0 0 25px 0 #999999;
	-moz-box-shadow: 0 0 25px 0 #999999;
	-webkit-box-shadow: 0 0 25px 0 #999999;
	margin: 10px 0 40px;
}

#noimagefull { display: block; margin: auto; }

/* 画像切り替えよう */
#imgthum { /*margin-top:5px;*/ text-align:center;}
#imgthum li { display:inline; margin:0 10px; }
#imgthum li img { border:4px #999 double; max-width: 160px; max-height: 100px; cursor:pointer; }

/* 画像切り替えのところの説明 */
#imgthumcmt { width:740px; margin:auto; text-align:right; font-size:9pt; color:#e13d6a; margin-bottom:1em; }

/* =========================== 商品詳細表示 */
/* 商品名 */
#sname { /*height:22px; font-size:12pt;*/ font-size:16px; color:#933; padding: 10px 0;}
#sname .best {font-size:70%; color:#ffa400; padding: 0 0 0 .5em;}
#sname .shin {font-size:70%; color:#09c289; padding: 0 0 0 .5em;}

#detail_img img { display: block; margin: auto; }
/* 商品説明 */
#detail_cmt { width:560px; margin:1em auto; text-align:left; }



/* =========================== 詳細表示の明細 */
#mesai { margin: auto; }
#mesai th,
#mesai td { padding:.5em; border-bottom:1px #ccc solid; }
#mesai thead th { /*width:380px;*/ }
#mesai thead td.price { /*width:100px;*/ text-align:right; }
#mesai thead td.price span { color:#00a474; font-size:70%; }
#mesai thead td.ordercnt { /*width:300px;*/ text-align:center; }
#mesai tbody th { color:#d60000; text-align:right; vertical-align: top; }
#mesai tbody td.price { text-align:right; vertical-align:top; }
#mesai tbody td.cnt { text-align:center; vertical-align:middle; }
#mesai tbody td.cnt span {font-size: 9pt; color: #FF8000; font-weight: bold;}

/* ===== ボタン */
.mbuy_btn { text-align: right; margin-bottom: .5em; }


/* =========================== 詳細表示画面 PrevNextガイド */
table#tguide { width: 80%; margin:2em auto; }
table#tguide a img {
	filter: alpha(opacity=50);
	opacity:0.5;
	background: #fff;
}

table#tguide a:hover img {
	filter: alpha(opacity=100);
	opacity:1.0;
	background: #fff;
}



/* バスケット */
#basketCmt { text-align:left; /*margin-bottom:2em;*/ }

#basket { width:100%; border-collapse:collapse; border:2px #999 solid; }
#basket th,
#basket td { padding:.2em; border:1px #999 solid; }

#basket thead th { background-color:#ccb399; }


#basket tbody th { background-color:#ffffb3; text-align:right; font-weight:normal;}
#basket tbody td.basketName { text-align:left; }
#basket tbody td.basketTanka { text-align:right; }
#basket tbody td.basketSale input { width:2em; }
#basket tbody td.basketZaiko { text-align:right; }
#basket tbody td.basketItemkei { text-align:right; }
#basket tbody td.basketTrash { background-color:#ffd9e6; }

#basket tfoot th,
#basket tfoot td { background-color:#ffd9b3; }
#basket tfoot td { text-align:right;}

/* オーダー */
#orderCmt { color:#ff6347; font-size:10pt; text-align:center; }

#orderListTit { border:3px #ccc double; text-align:center; padding:.5em; margin-bottom:.5em; }
#order { width:100%; border-collapse:collapse; border:2px #999 solid; }
#order th,
#order td { padding:.2em; border:1px #999 solid; }
#order thead th { background-color:#ccb399; }
#order tbody th { text-align:right; font-weight:normal;}
.bgkei { background-color: #ffe9af; }
.bgzei { background-color: #ffe2af; }
.bgshiha { background-color: #ffffb3; }
.alr { text-align: right; }

#orderCarriCmt { color:#00f; text-align:right; margin:auto; font-size:10pt; }
.ctable { border-collapse:collapse; border:1px #ccc solid; margin-left:auto; margin-right:auto; }
.ctable th,
.ctable td { border:1px #ccc solid; padding:.1em;}
.ctable th { text-align:left;  }


.kinfo { width:100%; border-collapse:collapse; border:1px #999 solid; }
.kinfo th,
.kinfo td { padding:0.1em; border:1px #999 solid; }

.kinfo th { width:150px; text-align:left;}
.kinfo th .span1 { font-size:80%; color:#f00; }
.kinfo td { text-align:left; }
.kinfo td span {font-size:80%;}

#orderEndMsg { width:500px; color:#804000; text-align:left; margin:3em auto 3em; }
#orderEndMsg p { margin-bottom: 1em; }
#orderEndMsg .warn { color: #df4545; }

/* 備考欄 */
#order_bikou { width: 650px; margin: 1em auto; }
#order_bikou textarea { width: 100%; height: 5em; }

/* 在庫不足メッセージ */
#zaikoOverFrame { width:500px; margin:auto; text-align:center; border:3px #f00 double; }
#zaikoOverFrame h2 { color: #f00; margin:1em 0; }
#zaikoOverFrame div { font-size: 10pt; }
#zaikoOverFrame div#warn { color:#696969; font-size:9pt; margin: 2em; }


/* 白衣・ナースシューズのオンリーページ用
===============================================================================*/
.mhakui { margin-bottom: 1.5em;  }
.mhakui h1 { font-size: 14pt; }
.mhakui p { font-size: 12pt; margin-left: 20px; }

/*	メッセージ系
===============================================================================*/
.mbuyMsg {
	text-align: center;
	padding: 3em 0;
}