@charset "utf-8";

@import url(reset.css);
@import url(base.css);
@import url(common.css);

/*----------------------------------------------------------
	会社概要：文字サイズ
============================================================
		12px
----------------------------------------------------------*/
div.ContentBox {
	font-size: 1.2em;
}

	/*----------------------------------------------------------
		会社概要：文字サイズ
	============================================================
			変則12px
	----------------------------------------------------------*/
	div.ComentBox p.Atention {
		font-size: 1.08em;
	}
	
/*----------------------------------------------------------
	会社概要：文字サイズ
============================================================
		16px
----------------------------------------------------------*/
div.DetailsBox p span {
	font-size: 1.3em;
}

	/*----------------------------------------------------------
		Content部分
	============================================================
			概要
	----------------------------------------------------------*/
		div#Content h3 {
			padding-top: 0;
		}

	/*----------------------------------------------------------
		Content部分
	============================================================
			商品
	----------------------------------------------------------*/
		div#Content {
			width: 670px;
		}

		div#Content h3 {
			background: url(../image/navi/side_arrow_bg.jpg) 0 bottom repeat-x;
			padding: 0;
		}

		div#Content h3 span {
			background: url(../image/clock.jpg) 0 4px no-repeat;
			padding: 0 0 0 30px;
			display: block;
		}

		div#Content:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}

		div.ContentBox {
			width: 426px;
			float:left;
			padding-left: 10px;
			padding-bottom: 4px;
			margin-bottom: 42px;
		}

		div.ContentBox:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}

		div.ContentBox p.Icon {
			background: url(../image/glass.jpg) 0 0 no-repeat;
			margin-bottom: 10px;
			padding-left: 25px;
		}

	/*----------------------------------------------------------
		Content部分
	============================================================
			商品画像部分
	----------------------------------------------------------*/
		div.ContentBox table {
			width: 426px;
			height: 426px;
			background-color: #ffffff;
			border: 1px solid #AA978A;
		}

		div.ContentBox table td {
			width: 426px;
			height: 426px;
			border: none;
			text-align: center;
			vertical-align: middle;
			margin: 0;
			padding: 0;
		}

		div.ContentBox table td img {
			margin: 0;
			padding: 0;
		}

		div.ThumbnailBox {
			padding: 14px 0 14px 0;
		}

		div.ThumbnailBox:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}

		div.ThumbnailBox table {
			width: 140px;
			height: 140px;
			background-color: #ffffff;
			border: 1px solid #AA978A;
			float:left;
			margin-right: 8px;
		}

		div.ThumbnailBox table td {
			width: 140px;
			height: 140px;
			border: none;
			text-align: center;
			vertical-align: middle;
			margin: 0;
			padding: 0;
		}

		div.ThumbnailBox table td img {
			margin: 0;
			padding: 0;
		}

	/*----------------------------------------------------------
		Content部分
	============================================================
			商品金額、コメント部分
	----------------------------------------------------------*/
		div.DetailsBox {
			clear: both;
		}

		div.DetailsBox p {
			padding-top: 12px;
			text-align: right;
			border-bottom: 1px dotted #AA978A;
		}

		div.DetailsBox p.Atention {
			color: #ff0000;
		}

		div.DetailsBox p span {
			color: #ff0000;
			font-weight: bold;
		}

		p.ButtonBox {
			padding-top: 10px;
			padding-bottom: 6px;
			text-align: center;
		}

		p.ButtonBox img {
			display: block;
			margin: 0 0 4px 326px;
		}

		div.ComentBox {
			padding-top: 4px;
			padding-bottom: 17px;
			border-bottom: 1px dotted #AA978A;
		}

		div.ComentBox p {
			text-align: left;
			border: none;
		}

	/*----------------------------------------------------------
		Content部分
	============================================================
			QUICK CART
	----------------------------------------------------------*/
		div.CartBox {
			width: 200px;
			float:right;
		}

		div.CartBox img.HowTo {
			margin-top: 5px;
		}