﻿@charset "utf-8";

@import url(reset.css);
@import url(base.css);
@import url(common.css);

/*----------------------------------------------------------
	会社概要：文字サイズ
============================================================
		12px
----------------------------------------------------------*/
div.Company,p.address {
	font-size: 1.2em;
}

	/*----------------------------------------------------------
		Content部分
	============================================================
			概要
	----------------------------------------------------------*/
		div#Content h3 {
			height: 30px;
			padding-top: 0;
		}

	/*----------------------------------------------------------
		Content部分
	============================================================
			商品一覧
	----------------------------------------------------------*/
		div#Content {
			width: 670px;
		}

		div#Content:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}

		div.ContentBox {
			width: 442px;
			padding-left: 10px;
			float:left;
			padding-bottom: 4px;
		}

		div.ContentBox:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}

		div.ItemBox {
			width: 142px;
			float: left;
			margin-right: 8px;
			margin-left: 0;
			padding-bottom: 37px;
		}

		div.ItemBoxLast {
			width: 142px;
			float: left;
			margin-right: 0;
			padding-bottom: 37px;
		}

		div.ItemBox img,div.ItemBoxLast img {
			margin-bottom: 10px;
		}

		div.ItemBox dt,div.ItemBoxLast dt {
			margin-bottom: 10px;
		}

		div.ItemBox dt a,div.ItemBoxLast dt a {
			color: #666666;
			font-weight: bold;
			text-decoration: underline;
		}

		div.ItemBox dt a:visited,div.ItemBoxLast dt a:visited {
			color: #666666;
			text-decoration: underline;
		}

		div.ItemBox dt a:hover,div.ItemBoxLast dt a:hover {
			color: #666666;
			text-decoration: none;
		}

		div.ItemBox dd,div.ItemBoxLast dd {
			line-height: 1.4;
		}

		div.ItemBox dd span,div.ItemBoxLast dd span {
			display: block;
			margin-bottom: 7px;
		}

		div.ItemBox table,div.ItemBoxLast table {
			width: 140px;
			height: 140px;
			border: 1px solid #AA978A;
			margin-bottom: 10px;
			background-color: #ffffff;
			padding: 0;
		}

		div.ItemBox table td,div.ItemBoxLast table td {
			width: 140px;
			height: 140px;
			border: none;
			text-align: center;
			vertical-align: middle;
			margin: 0;
			padding: 0;
		}

		div.ItemBox table td img,div.ItemBoxLast table td img {
			margin: 0;
			padding: 0;
		}

		div.ItemBox dd img,div.ItemBoxLast dd img {
			display: block;
			margin: 0 0 5px 0;
		}

		div.ItemBox dd p,div.ItemBoxLast dd p {
			border-top: 1px dotted #AA978A;
			padding-top: 10px;
			line-height: 1.4;
		}

	/*----------------------------------------------------------
		Content部分
	============================================================
			ページ分割部分
	----------------------------------------------------------*/
		div.PageBute {
			border-top: 1px solid #AA978A;
			clear: both;
			width: 442px;
			text-align: right;
			font-size: 1.2em;
			padding-top: 12px;
			padding-bottom: 30px;
		}

		div.PageBute a {
			color: #3E1F1A;
			text-decoration: none;
		}

		div.PageBute a:hover {
			color: #3E1F1A;
			text-decoration: underline;
		}

		div.PageBute a:visited {
			color: #3E1F1A;
			text-decoration: none;
		}

	/*----------------------------------------------------------
		Content部分
	============================================================
			QUICK CART
	----------------------------------------------------------*/
		div.CartBox {
			width: 200px;
			float:right;
		}

		div.CartBox img.HowTo {
			margin-top: 5px;
		}














