/* CSS Document */

@import "reset.css";
@import "header.css";
@import "sub_menu.css";
@import "footer.css";

/* body */
body {
	background-color: #f9f2ef;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* a:link */
a {
	color: #3F3B3A;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.blue {
	color: #00A0E9;
}

/* wrap */
#wrap {
	width: 780px;
	margin: 0 auto;
	background-color: #fff;
	text-align: left;
}

/* header */
#header {
	position: relative;
	clear: both;
}

/* container */
#container {
	clear: both;
	background-image: url(/net_shop/images/common/bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 25px 0 0 0;
}

/* sub_menu */
#container div#sub_menu {
	clear: both;
}

/* contents */
#container div#contents {
	width: 590px;
	float: right;
	padding: 0 4px 0 0;
}
#container div#contents p.pankuzu {
	color: #8D553E;
	font-size: 70%;
}
#container div#contents p.pankuzu a {
	color: #8D553E;
}
/* contents contents_area */
#container div#contents div#contents_area {
	padding: 25px 0 0 50px;
}
#container div#contents div#contents_area h1 {
	color: #8D553E;
	font-size: 125%;
	font-weight: bold;
	margin: 0 0 0.25em 0;
}
/* 写真の枠用 */
#container div#contents div#contents_area div.photo_area {
	clear: both;
	margin: 0 0 1em 0;
}
/* 写真の下に少しだけ余白 */
#container div#contents div#contents_area p.photo img,
#container div#contents div#contents_area p.photo2 img {
	padding-bottom: 3px;
}
/* 写真1つ */
#container div#contents div#contents_area p.photo {
	width: 233px;
	text-align: center;
	margin: 0 auto;
}
/* 写真2つ */
#container div#contents div#contents_area p.photo2 {
	width: 233px;
	text-align: center;
	float: left;
	margin-left: 10px;
}
/* 写真横並び3つ */
#container div#contents div#contents_area p.photo3 {
	width: 165px;
	text-align: center;
	float: left;
	margin-left: 10px;
}
/* 写真横並び4つ */
#container div#contents div#contents_area p.photo4 {
	width: 120px;
	text-align: center;
	float: left;
	margin-left: 10px;
}
/* 写真テキスト */
#container div#contents div#contents_area p.photo_text {
	width: 100%;
	text-align: center;
	float: left;
	margin: 0 auto 1em auto;
}
/* 本文見出し */
#container div#contents div#contents_area p.midashi {
	clear: both;
	color: #8D553E;
	font-size: 100%;
	line-height: 1.5em;
	margin: 1em 0;
}
#container div#contents div#contents_area p.kuro {
	clear: both;
	color: #000;
	font-size: 100%;
	line-height: 1.5em;
	margin: 1em 0;
}
#container div#contents div#contents_area p.midashi .big_text {
	font-size: 120%;
}
#container div#contents div#contents_area p.midashi .small_text {
	font-size: 80%;
}
/* 本文サブテキスト */
#container div#contents div#contents_area p.sub_text {
	clear: both;
	color: #8D553E;
	font-size: 100%;
	line-height: 1.5em;
	margin: 1em 0;
}
#container div#contents div#contents_area p.point_text {
	background-image: url(../images/common/point.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px 0 0 80px;
	margin: 0;
	clear: both;
	color: #8D553E;
	font-size: 100%;
	line-height: 1.5em;
	height: 25px;
}
#container div#contents div#contents_area p.point_text2 {
	clear: both;
	color: #8D553E;
	font-size: 100%;
	line-height: 1.5em;
	margin: 0 0 1em 0;
}
#container div#contents div#contents_area table {
	border: 1px solid #8c553e;
	border-right: none;
	border-bottom: none;
}
#container div#contents div#contents_area table th,
#container div#contents div#contents_area table td {
	border: 1px solid #8c553e;
	border-top: none;
	border-left: none;
	text-align: center;
	padding: 10px;
}
#container div#contents div#contents_area table th {
	background-color: #f9f2ef;
}
#container div#contents div#contents_area table th.line_img {
	padding: 0;
}
#container div#contents div#contents_area table td {
	background-color: #fff;
}

#container div#contents div#contents_area div.area_border {
	border: 1px solid #8c553e;
	padding: 10px;
	margin: 0 15px 15px 0;
}

#container div#contents div#contents_area div#contents_area_item,
#container div#contents div#contents_area div#contents_area_item02,
#container div#contents div#contents_area div#contents_area_item03,
#container div#contents div#contents_area div#contents_area_item04,
#container div#contents div#contents_area div#contents_area_item05,
#container div#contents div#contents_area div#contents_area_item06,
#container div#contents div#contents_area div#contents_area_item07,
#container div#contents div#contents_area div#contents_area_item08,
#container div#contents div#contents_area div#contents_area_item09,
#container div#contents div#contents_area div#contents_area_item10,
#container div#contents div#contents_area div#contents_area_item11,
#container div#contents div#contents_area div#contents_area_item12,
#container div#contents div#contents_area div#contents_area_item13,
#container div#contents div#contents_area div#contents_area_item14 {
	clear: both;
}
#container div#contents div#contents_area div#contents_area_item div#contents_area_item1,
#container div#contents div#contents_area div#contents_area_item02 div#contents_area_item02_1,
#container div#contents div#contents_area div#contents_area_item03 div#contents_area_item03_1,
#container div#contents div#contents_area div#contents_area_item04 div#contents_area_item04_1,
#container div#contents div#contents_area div#contents_area_item05 div#contents_area_item05_1,
#container div#contents div#contents_area div#contents_area_item06 div#contents_area_item06_1,
#container div#contents div#contents_area div#contents_area_item07 div#contents_area_item07_1,
#container div#contents div#contents_area div#contents_area_item08 div#contents_area_item08_1,
#container div#contents div#contents_area div#contents_area_item09 div#contents_area_item09_1,
#container div#contents div#contents_area div#contents_area_item10 div#contents_area_item10_1,
#container div#contents div#contents_area div#contents_area_item11 div#contents_area_item11_1,
#container div#contents div#contents_area div#contents_area_item12 div#contents_area_item12_1,
#container div#contents div#contents_area div#contents_area_item13 div#contents_area_item13_1,
#container div#contents div#contents_area div#contents_area_item14 div#contents_area_item14_1 {
	width: 300px;
	float: left;
}
#container div#contents div#contents_area div#contents_area_item h2,
#container div#contents div#contents_area div#contents_area_item02 h2,
#container div#contents div#contents_area div#contents_area_item03 h2,
#container div#contents div#contents_area div#contents_area_item04 h2,
#container div#contents div#contents_area div#contents_area_item05 h2,
#container div#contents div#contents_area div#contents_area_item06 h2,
#container div#contents div#contents_area div#contents_area_item07 h2,
#container div#contents div#contents_area div#contents_area_item08 h2,
#container div#contents div#contents_area div#contents_area_item09 h2,
#container div#contents div#contents_area div#contents_area_item10 h2,
#container div#contents div#contents_area div#contents_area_item11 h2,
#container div#contents div#contents_area div#contents_area_item12 h2,
#container div#contents div#contents_area div#contents_area_item13 h2,
#container div#contents div#contents_area div#contents_area_item14 h2,
#container div#contents div#contents_area div#contents_area_item div#contents_area_item1 h2,
#container div#contents div#contents_area div#contents_area_item02 div#contents_area_item02_1 h2,
#container div#contents div#contents_area div#contents_area_item03 div#contents_area_item03_1 h2,
#container div#contents div#contents_area div#contents_area_item04 div#contents_area_item04_1 h2,
#container div#contents div#contents_area div#contents_area_item05 div#contents_area_item05_1 h2,
#container div#contents div#contents_area div#contents_area_item06 div#contents_area_item06_1 h2,
#container div#contents div#contents_area div#contents_area_item07 div#contents_area_item07_1 h2,
#container div#contents div#contents_area div#contents_area_item08 div#contents_area_item08_1 h2,
#container div#contents div#contents_area div#contents_area_item09 div#contents_area_item09_1 h2,
#container div#contents div#contents_area div#contents_area_item10 div#contents_area_item10_1 h2,
#container div#contents div#contents_area div#contents_area_item11 div#contents_area_item11_1 h2,
#container div#contents div#contents_area div#contents_area_item12 div#contents_area_item12_1 h2,
#container div#contents div#contents_area div#contents_area_item13 div#contents_area_item13_1 h2,
#container div#contents div#contents_area div#contents_area_item14 div#contents_area_item14_1 h2 {
	font-size: 110%;
	font-weight: bold;
	line-height: 1.5em;
	margin: 1em 0;
}
#container div#contents div#contents_area div#contents_area_item div#contents_area_item1 p,
#container div#contents div#contents_area div#contents_area_item02 div#contents_area_item02_1 p,
#container div#contents div#contents_area div#contents_area_item03 div#contents_area_item03_1 p,
#container div#contents div#contents_area div#contents_area_item04 div#contents_area_item04_1 p,
#container div#contents div#contents_area div#contents_area_item05 div#contents_area_item05_1 p,
#container div#contents div#contents_area div#contents_area_item06 div#contents_area_item06_1 p,
#container div#contents div#contents_area div#contents_area_item07 div#contents_area_item07_1 p,
#container div#contents div#contents_area div#contents_area_item08 div#contents_area_item08_1 p,
#container div#contents div#contents_area div#contents_area_item09 div#contents_area_item09_1 p,
#container div#contents div#contents_area div#contents_area_item10 div#contents_area_item10_1 p,
#container div#contents div#contents_area div#contents_area_item11 div#contents_area_item11_1 p,
#container div#contents div#contents_area div#contents_area_item12 div#contents_area_item12_1 p,
#container div#contents div#contents_area div#contents_area_item13 div#contents_area_item13_1 p,
#container div#contents div#contents_area div#contents_area_item14 div#contents_area_item14_1 p {
	font-size: 90%;
	line-height: 1.5em;
	margin: 1em 0;
}
#container div#contents div#contents_area div#contents_area_item div#contents_area_item2,
#container div#contents div#contents_area div#contents_area_item02 div#contents_area_item02_2,
#container div#contents div#contents_area div#contents_area_item03 div#contents_area_item03_2,
#container div#contents div#contents_area div#contents_area_item04 div#contents_area_item04_2,
#container div#contents div#contents_area div#contents_area_item05 div#contents_area_item05_2,
#container div#contents div#contents_area div#contents_area_item06 div#contents_area_item06_2,
#container div#contents div#contents_area div#contents_area_item07 div#contents_area_item07_2,
#container div#contents div#contents_area div#contents_area_item08 div#contents_area_item08_2,
#container div#contents div#contents_area div#contents_area_item09 div#contents_area_item09_2,
#container div#contents div#contents_area div#contents_area_item10 div#contents_area_item10_2,
#container div#contents div#contents_area div#contents_area_item11 div#contents_area_item11_2,
#container div#contents div#contents_area div#contents_area_item12 div#contents_area_item12_2,
#container div#contents div#contents_area div#contents_area_item13 div#contents_area_item13_2,
#container div#contents div#contents_area div#contents_area_item14 div#contents_area_item14_2 {
	width: 190px;
	float: left;
	padding: 20px 0 0 0;
}
/* 送料画像 */
#container div#contents div#contents_area p.souryou {
	clear: both;
}
#container div#contents div#contents_area .shipChargeBox {
	width: 490px;
	background-image: url(../images/common/frame_shipcharge_head.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 12px;
	clear: both;
}
#container div#contents div#contents_area .shipChargeBox p {
	color: #8E553E;
	padding: 0 12px;
	font-size: 14px;
	margin-bottom: 5px;
}
#container div#contents div#contents_area .shipCharge {
	background-image: url(../images/common/frame_shipcharge.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding-bottom: 10px;
}
#container div#contents div#contents_area .shipCharge p {
	font-size: 12px;
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/* 共通クラス */
.left,
#container div#contents div#contents_area p.photo2.left {
	text-align: left;
}
.right {
	text-align: right;
}
.font12px {
	font-size: 75%;
}
.font16px {
	font-size: 16px;
}
.font90per {
	font-size: 90%;
	line-height: 1.5em;
}
.red {
	color: red;
}
.brown {
	color: #8D553E;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.floatClear {
	clear: both;
}
.center {
	text-align: center;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mr20 {
	margin-right: 20px;
}
.pdr20 {
	padding-right: 20px;
}
.w25per {
	width: 25%;
}
.w50per {
	width: 50%;
}
.brown_mb10 {
	color: #8D553E;
	margin-bottom: 10px;
}
.brown_mb20 {
	color: #8D553E;
	margin-bottom: 20px;
}
.w115px {
	width: 115px;
}
.w130px {
	width: 130px;
}
.w150px {
	width: 150px;
}
.w240px {
	width: 240px;
}
#contents_area .imgLeft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
#contents_area .imgRight {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
}
#contents_area .imgLeft_pd10 {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#contents_area .imgRight_pd10 {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
#container div#contents div#contents_area table td.pdr20 {
	padding-right: 20px;
}
#container div#contents div#contents_area table.bdno td.pdr20 {
	padding-right: 20px;
}

/* テーブルのボーダーなし */
#container div#contents div#contents_area table th.blno,
#container div#contents div#contents_area table td.blno {
	border-left-style: none;
}
#container div#contents div#contents_area table th.brno,
#container div#contents div#contents_area table td.brno {
	border-right-style: none;
}
#container div#contents div#contents_area table th.btno,
#container div#contents div#contents_area table td.btno {
	border-top-style: none;
}
#container div#contents div#contents_area table th.bbno,
#container div#contents div#contents_area table td.bbno {
	border-bottom-style: none;
}
#container div#contents div#contents_area table.bdno,
#container div#contents div#contents_area table.bdno th,
#container div#contents div#contents_area table.bdno td {
	border-style: none;
}

/* テーブル1px黒ボーダー */
#container div#contents div#contents_area table.bdBlack,
#container div#contents div#contents_area table.bdBlack th,
#container div#contents div#contents_area table.bdBlack td {
	border: 1px solid #000;
	padding: 5px;
}

/* テーブルの行揃え */
#container div#contents div#contents_area table td.center {
	text-align: center;
}
#container div#contents div#contents_area table th.left {
	text-align: left;
}

/* 各サイズ横並びのボックス */
#contents_area .flBox_w115 {
	float: left;
	width: 115px;
	margin-right: 10px;
}

/* 各種ボックス */
#contents_area .box1 {
	padding-bottom: 20px;
	border-bottom: 1px solid #8D553E;
	margin-bottom: 20px;
	clear: both;
}
#contents_area .box1 h2 {
	margin-bottom: 20px;
}