/* CSS Document */


.contentsWidth {
	padding: 0 !important;
	background: url(../../img/bg-contents.jpg) left top repeat;
}
.null {
	width: 400px;
	height: 282px;
}
img.highslide-image {
	max-width: auto;
	vertical-align: middle;
}


/*==========================================================================*
 *  [ head-box ] 
 *==========================================================================*/

#head-box {
	width: 569px;
	height: 254px;
	padding: 64px 24px 15px 387px;
}
.a2-bg { background: url(../../img/a2-bg.jpg) left top no-repeat; }
.a3-bg { background: url(../../img/a3-bg.jpg) left top no-repeat; }

#head-box .title {
	width: 569px;
	height: 131px;
	text-indent: -9999px;
}
#head-box.a2 .title { background: url(../../img/a2-title.jpg) left top no-repeat; }
#head-box.a3 .title { background: url(../../img/a3-title.jpg) left top no-repeat; }

#head-box .description {
	width: 569px;
	height: 58px;
	text-indent: -9999px;
}
#head-box.a2 .description { background: url(../../img/a2-description.gif) left top no-repeat; }
#head-box.a3 .description { background: url(../../img/a3-description.gif) left top no-repeat; }

#head-box ul {
	width: 569px;
	height: 65px;
}

#head-box li {
	width: 166px;
	height: 65px;
	float: left;
}
#head-box li.a2 { padding-left: 225px; }
#head-box li.a3 { padding-left: 6px; }

#head-box li a, #head-box li span {
	/*\*/
	overflow: hidden;
	/**/
	width: 166px;
	height: 65px;
	background: url(../../img/btn-navi.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}
#head-box li.a2 a { background-position: 0px 0px; }
#head-box li.a2 a:hover,
#head-box li.a2 span { background-position: 0px -65px; }
#head-box li.a3 a { background-position: -166px 0px; }
#head-box li.a3 a:hover,
#head-box li.a3 span { background-position: -166px -65px; }


/*==========================================================================*
 *  [ contents-box ] 
 *==========================================================================*/

#contents-box {
	padding: 25px 5px 75px 5px;
	background: url(../../img/bg-contents_b.jpg) left bottom repeat-x;
	color: #4e4432;
}

#contents-box .price-box {
	width: 932px;
	margin: 0 auto;
	padding: 0 0 7px 0;
	background: url(../../img/bg-price.gif) center bottom no-repeat;
}
#contents-box .price-box h3 {
	float: left;
}
#contents-box .price-box p {
	font-size: 117%;
	font-weight: bold;
	float: right;
	line-height: 22px;
}
#contents-box .price-box p strong {
	font-size: 143%;
}
#contents-box .price-box p span {
	font-size: 86%;
	font-weight: normal;
}

/*#contents-box h3 {
	width: 932px;
	height: 31px;
	margin: 0 auto;
	text-indent: -9999px;
}
#contents-box.a2 h3 { background: url(../../img/a2-price.gif) left top no-repeat; }
#contents-box.a3 h3 { background: url(../../img/a3-price.gif) left top no-repeat; }*/

#contents-box .detail {
	padding: 10px 19px 30px 19px;
}

#contents-box .coution {
	width: 932px;
	height: 16px;
	margin: 0 auto;
	background: url(../../img/txt-coution.gif) left top no-repeat;
	text-indent: -9999px;
}

#contents-box li {
	width: 158px;
	padding: 10px 17px 25px 19px;
	float: left;
}

#contents-box li h4 {
	width: 158px;
	text-indent: -9999px;
}

#contents-box li.a2-01 h4 { height: 30px; background: url(../../img/a2-stitle01.gif) left top no-repeat; }
#contents-box li.a2-02 h4 { height: 30px; background: url(../../img/a2-stitle02.gif) left top no-repeat; }
#contents-box li.a2-03 h4 { height: 64px; background: url(../../img/a2-stitle03.gif) left top no-repeat; }
#contents-box li.a2-04 h4 { height: 30px; background: url(../../img/a2-stitle04.gif) left top no-repeat; }
#contents-box li.a2-05 h4 { height: 61px; background: url(../../img/a2-stitle05.gif) left top no-repeat; }
#contents-box li.a2-06 h4 { height: 61px; background: url(../../img/a2-stitle06.gif) left top no-repeat; }
#contents-box li.a2-07 h4 { height: 30px; background: url(../../img/a2-stitle07.gif) left top no-repeat; }
#contents-box li.a2-08 h4 { height: 61px; background: url(../../img/a2-stitle08.gif) left top no-repeat; }
#contents-box li.a2-09 h4 { height: 30px; background: url(../../img/a2-stitle09.gif) left top no-repeat; }
#contents-box li.a2-10 h4 { height: 46px; background: url(../../img/a2-stitle10.gif) left top no-repeat; }
#contents-box li.a2-11 h4 { height: 30px; background: url(../../img/a2-stitle11.gif) left top no-repeat; }
#contents-box li.a2-12 h4 { height: 30px; background: url(../../img/a2-stitle12.gif) left top no-repeat; }
#contents-box li.a2-13 h4 { height: 46px; background: url(../../img/a2-stitle13.gif) left top no-repeat; }
#contents-box li.a2-14 h4 { height: 30px; background: url(../../img/a2-stitle14.gif) left top no-repeat; }
#contents-box li.a2-15 h4 { height: 30px; background: url(../../img/a2-stitle15.gif) left top no-repeat; }
#contents-box li.a2-16 h4 { height: 46px; background: url(../../img/a2-stitle16.gif) left top no-repeat; }
#contents-box li.a2-17 h4 { height: 46px; background: url(../../img/a2-stitle17.gif) left top no-repeat; }
#contents-box li.a3-01 h4 { height: 31px; background: url(../../img/a3-stitle01.gif) left top no-repeat; }
#contents-box li.a3-02 h4 { height: 64px; background: url(../../img/a3-stitle02.gif) left top no-repeat; }
#contents-box li.a3-03 h4 { height: 64px; background: url(../../img/a3-stitle03.gif) left top no-repeat; }
#contents-box li.a3-04 h4 { height: 31px; background: url(../../img/a3-stitle04.gif) left top no-repeat; }
#contents-box li.a3-05 h4 { height: 64px; background: url(../../img/a3-stitle05.gif) left top no-repeat; }
#contents-box li.a3-06 h4 { height: 31px; background: url(../../img/a3-stitle06.gif) left top no-repeat; }
#contents-box li.a3-07 h4 { height: 31px; background: url(../../img/a3-stitle07.gif) left top no-repeat; }
#contents-box li.a3-08 h4 { height: 31px; background: url(../../img/a3-stitle08.gif) left top no-repeat; }
#contents-box li.a3-09 h4 { height: 31px; background: url(../../img/a3-stitle09.gif) left top no-repeat; }
#contents-box li.a3-10 h4 { height: 31px; background: url(../../img/a3-stitle10.gif) left top no-repeat; }
#contents-box li.a3-11 h4 { height: 31px; background: url(../../img/a3-stitle11.gif) left top no-repeat; }
#contents-box li.a3-12 h4 { height: 31px; background: url(../../img/a3-stitle12.gif) left top no-repeat; }
#contents-box li.a3-13 h4 { height: 64px; background: url(../../img/a3-stitle13.gif) left top no-repeat; }

#contents-box li p {
	width: 116px;
	margin: 0 auto;
	padding-top: 10px;
}

#contents-box li p a {
	/*\*/
	overflow: hidden;
	/**/
	width: 115px;
	height: 18px;
	background: url(../../img/btn-order.gif) left top no-repeat;
	text-indent: -9999px;
	display: block;
}


/*==========================================================================*
 *  [ micro clearfix ] 
 *==========================================================================*/

/* For modern browsers */
.cf:before,
.cf:after {
	content:"";
	display:table;
}

.cf:after {
	clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}