@import "style_syohin.css";


/* bodyタグ */
body {
	text-align: center;
	font-size: 10pt;
}

#container {
	text-align: center;
}

/* 文字配置 */
.right {
	text-align: right;
}

/* HR */
hr {
	width: 600px;
}
	
/* 赤字の表題 */
h1 {
	font-size: 19pt;
	font-weight: 300;
	line-height: 1.3em;
	color: #CC0000;
}

/* 赤字のコピー文章 */
h2 {
	font-size: 19pt;
	font-weight: 300;
	color: #CC0000;
}

/* 青文字の注釈 */
h3 {
	font-size:16px;
	font-weight: normal;
	line-height: 1.2em;
	color:Blue;
}

/* ヘッダーキャプション */
#headercaption {
	font-size: 10pt;
}

#headercaption a:visited {
	text-decoration: none;
	color: blue;
}

/* 横回りこみの解除 */
#clear {
	clear: both;
}


/*--------------------------------------------------------*/
/* 共通 */

/* 赤字 */
span.red {
	color: red;
}

/*--------------------------------------------------------*/
/* ナビゲーションバー */
ul#globalnavi {
	margin: 0;
	padding: 0;
	text-align: center;
}

ul#globalnavi li {
	display: inline;
	list-style-type: none;
}

ul#globalnavi img {
	border: 0;
}

/*--------------------------------------------------------*/
/* 612幅の画像box */
#wrapper {
	width: 612px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

	/* 300の写真2枚用 */
#wrapleft {
	float: left;
	width: 300px;
	padding: 3px;
	background: white;
	font-size: 13pt;
}

	/* 大きな写真1枚用 */
#wrapcenter {
	padding: 3px;
	font-size: 13pt;
}

/*--------------------------------------------------------*/
/* ｘ幅の画像box */
#wrapperFree {
	width: 512px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border: 1px solid;
	border-color: red;
}

	/* 300の写真2枚用 */
#wrapleftFree1st {
	float: left;
	width: 300px;
	padding: 3px;
	background: white;
	font-size: 13pt;
}

#wrapleftFree2nd {
	float: left;
	width: 200px;
	padding: 3px;
	background: white;
	font-size: 13pt;
}


/*--------------------------------------------------------*/
/* 左右２枠説明文のbox */
	/* 左枠の幅は style:100px; で上書きできる */
#box2Explain {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding: 0.3em;
	background: aliceblue;
}

	#box2Explain .left {
		float: left;
		width: 150px;
		text-align: center;
		font-size: 13pt;
		font-weight: normal;
		color: white;
		background: Tomato;
	}

	#box2Explain .right {
		float: left;
		width: 440px;
		padding-left: 7px;
		padding-top: 2px;
		text-align: left;
		font-size: 12pt;
		font-weight: normal;
		line-height: 1.1em;
		color: black;
	}

	#box2Explain .small {
		font-size: 10pt;
		line-height: 0.9em;
		color: black;
	}

/*--------------------------------------------------------*/
/* 600幅のテキストbox */
#box600 {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding: 0.3em;
	background: WhiteSmoke;
	font-size: 12pt;
	line-height: 1.3em;
}

#inboxleft {
	float: left;
	width: 20%;
	height: 5.3em;
	padding: 7px;
	text-align: center;
	vertical-align: middle;
	font-size: 13pt;
	font-weight: normal;
	color: white;
	background: OrangeRed;
}

#inboxright {
	float: left;
	width: 75%;
	padding-left: 7px;
	padding-top: 2px;
	text-align: left;
	font-size: 13pt;
	font-weight: normal;
	color: black;
}

/*--------------------------------------------------------*/
/*--- 商品購入欄 ---*/
#syohinwrapper {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}

	/*--- 左枠 ---*/
#syohinleft {
	float: left;
	width: 320px;
	padding: 5px;
	font-size: 13pt;
}

	#syohinleft div {
		padding-bottom: 6px;
	}

	#syohinleft .imgnote {
		font-size: 10pt;
		color: black;
		text-align: right;
	}

	#syohinleft .name {
		font-size: 14pt;
		font-weight: bold;
		color: brown;
		text-align: left;
	}

	#syohinleft .code {
		font-size: 13pt;
		color: black;
		text-align: left;
	}

	#syohinleft .price {
		font-size: 24pt;
		color: red;
		text-align: center;
	}

	#syohinleft .zeikomi {
		font-size: 13pt;
		color: black;
	}

	#syohinleft .kosuselect {
		text-align: right;
	}

	#syohinleft .kosu {
		font-size: 11pt;
		color: black;
	}

	#syohinleft .hosoku {
		font-size: 12pt;
		color: red;
	}

	#syohinleft .caution {
		font-size: 12pt;
		color: red;
		text-align: left;
	}

	#syohinleft .bluecaution {
		font-size: 12pt;
		color: blue;
		text-align: left;
	}

	/*--- 右枠 ---*/
#syohinright {
	float: left;
	padding: 5px;
	XXbackground: pink;
}

		/*--- 商品詳細表示box ---*/
#syohinbox {
	width: 250px;
	border: 1px solid;
	border-color: NavajoWhite;
}

	#syohinbox .caption {
		padding: 4px;
		font-size: 12pt;
		font-weight: bold;
		color: white;
		background: Tomato;
		text-align: center;
	}

	#syohinbox .name {
		padding: 4px;
		font-size: 10pt;
		color: Navy;
		background: NavajoWhite;
		text-align: left;
	}

	#syohinbox .value {
		padding: 4px;
		font-size: 10pt;
		color: black;
		text-align: left;
	}

	#syohinbox .reizo {
		font-size:16px;
		font-weight:bold;
		color:DeepSkyBlue;
	}

	#syohinbox dt {
		font-size:12px;
		color:OrangeRed;
	}

/*--------------------------------------------------------*/
/* 621幅の画像box */
#yudowrapper {
	width: 621px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-color: #CC0000;
}

	/* キャプション */
#yudocaption {
	padding: 3px;
	background: #CC0000;
	font-size: 13pt;
	font-weight: bold;
	color: white;
}

	/* 200の写真3枚用 */
#yudoleft {
	float: left;
	width: 200px;
	padding: 3px;
	font-size: 10pt;
	border-left: 1px solid;
	border-color: #CC0000;
}

/*--------------------------------------------------------*/
/* 画像付き感想box */
#kansoheader div {
	width: 608px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background:	#CC0000;
	padding: 6px;
	font-size: 12pt;
	color: white;
	border: 1px solid;
	border-color: #CC0000;
}

#kanso {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background:	Mistyrose;
	padding: 10px;
	font-size: 12pt;
	line-height: 1.3em;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px dashed;
	border-color: #CC0000;
}

#kanso div.name {
	text-align: right;
}

#kanso div.image {
	float: left;
}

#kanso img{
	margin-right: 10px;
	margin-bottom: 10px;
}

#kansofooter div {
	width: 612px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	background:	#CC0000;
	padding: 4px;
	font-size: 10pt;
	color: white;
	border: 1px solid;
	border-color: #CC0000;
}

/*--------------------------------------------------------*/
/* リスト */
	/* リスト マーク無し */
.listnone {
	list-style-type: none;
}

/*--------------------------------------------------------*/
.paragraphLeft {
	width: 600px;
	font-size: 16px;
	text-align: left;
}

/*-------------------- ニュース --------------------------*/
.news {
	margin-bottom: 10px;
}

.news .title {
	display: inline;
	font-size: 15px;
	color: Black;
}

.news .date {
	display: inline;
	font-size: 15px;
	color: Black;
	margin-left: 5px;
}

.news .body {
	font-size: 13px;
	color: DarkBlue;
}