@charset "UTF-8";

/* ▼サイドメニュー+製品情報
   --------------------------------------------- */

 
 /*  NCあり 
--------------------------------------------- */
 
.infoWrap{
	background:url(../../img_detail/detail/info_bg.gif) repeat-x left top;
	font-size:10px;
}

*:first-child+html .infoWrap{
	font-size: 100%;/*IE7*/
}
* html .infoWrap{
	font-size: 100%;/*IE6-5*/
}

.infoWrap br{ 
	letter-spacing: 0;/*IEの連続brタグ表示バグの対処*/
	}

.infoWrap #infoWrapInner #infoRightWrap{
	background:url(../../img_detail/detail/info_rightbg.gif) no-repeat left top;
	height:783px;
	min-height:783px;
	text-align:left;
}

.infoWrap #infoTxt{
	width:328px;
	height:198px;
	text-align:left;
	font-size: 130%;
	letter-spacing: 2px;
	line-height: 1.4;
	color:#000;
	padding:0 30px 25px 0;
	overflow:hidden;
	position:absolute;
	top:92px;
	left:590px;
	z-index:1;
}


/* ニュートリショナルコンパス */
.infoWrap #infoNC{
	width:615px;
	height:463px;
	position:absolute;
	top:330px;
	left:356px;
	z-index:1;
}

*:first-child+html #infoNC{
	width:615px;
	height:463px;
	position:absolute;
	top:330px;
	left:358px;
	z-index:1;
}

* html .infoWrap #infoNC{
	width:615px;
	height:463px;
	position:absolute;
	top:330px;
	left:358px;
	z-index:1;
}


/*  NCなし  
--------------------------------------------- */

.infoWrapNoneNc{
	background:url(../../img_detail/detail/info_bg.gif) repeat-x left top;
	font-size:10px;
}

*:first-child+html .infoWrapNoneNc{
	font-size: 100%;/*IE7*/
}
* html .infoWrapNoneNc{
	font-size: 100%;/*IE6-5*/
}

.infoWrapNoneNc br{ 
	letter-spacing: 0;/*IEの連続brタグ表示バグの対処*/
	}

.infoWrapNoneNc #infoWrapInner #infoRightWrap{
	background:url(../../img_detail/detail/info_rightbg_none_nc.gif) no-repeat left top;
	height:403px;
	min-height:383px;
	text-align:left;
}

.infoWrapNoneNc #infoTxt{
	width:328px;
	height:198px;
	text-align:left;
	font-size: 130%;
	letter-spacing: 2px;
	line-height: 1.4;
	color:#000;
	padding:0 30px 25px 0;
	overflow:hidden;
	position:absolute;
	top:92px;
	left:590px;
	z-index:1;
}

*:first-child+html .infoWrapNoneNc #infoTxt,* html .infoWrapNoneNc #infoTxt{
	width:328px;
	height:198px;
	text-align:left;
	font-size: 130%;
	letter-spacing: 2px;
	line-height: 1.4;
	color:#000;
	padding:0 30px 25px 0;
	overflow:hidden;
	position:absolute;
	top:92px;
	left:590px;
	z-index:1;/*IE6-5*/
}


/* ニュートリショナルコンパス */
.infoWrapNoneNc #infoNC{
	display:none;
}




/*  NCありなし共通  
--------------------------------------------- */

#infoWrapInner{
	width:975px;
	text-align:center;
	margin:0 auto;
	position:relative;
}

#infoWrapInner #infoWrapRightTd{
	padding:12px 0 0 22px;
	width:615px;
	text-align:left;
	vertical-align:top;
	filter: Alpha(opacity=80);
	opacity: 0.8;
}

#infoTtl{
	width:575px;
	text-align:left;
	padding-bottom:10px;
	border-bottom:3px solid #8cbe20;
	position:absolute;
	top:40px;
	left:380px;
	z-index:1;
}



#infoTtl h1{
	margin:0;
	padding:0;
	font-size:130%;
	letter-spacing: 1pt;
	color:#000;
	line-height:1.5;
	font-weight:bold;
}



#infoImg{
	width:167px;
	height:167px;
	background:url(../../img_detail/detail/info_imgbg.gif) no-repeat left top;
	text-align:center;
	padding:13px 0;
	position:absolute;
	top:94px;
	left:392px;
	z-index:1;
}



#infoTxt p{
	margin:0 0 10px;
	padding:0;
}

#brandBnner{
	position:absolute;
	top:267px;
	left:397px;
	z-index:1;
}


/* 製造終了 */
#ttl_prodEnd{
	margin-left:5px;
	color:#FF0000;
	font-size:130%;
	line-height:1.5;
	font-weight:bold;
}







/* ▼皆様からのご投稿
   --------------------------------------------- */
#commentWrap{
	width: 970px;
	margin: 0 auto;
	text-align: center;
}
#commentWrap{
	font-size: 10px;
}
* + html #commentWrap{
	font-size: 100%;/*IE7*/
}
* html #commentWrap{
	font-size: 100%;/*IE6-5*/
}
#commentWrap #comment {
	float:left;
	width: 969px;
	padding-top:20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:20px;
	text-align: left;
}

/* 見出し・件数 */
#commentWrap #comment h2{
	width: 793px;
	margin: 0 0 15px 4px;
}
#commentWrap #comment p.number{
	position: relative;
	width: 493px;
	margin: 0 0 0 4px;
	padding: 0;
	font-size: 140%;
}
#commentWrap #comment p.number span{
	display: block;
	position: absolute;
	width: 143px;
	top: -43px;
	right: 0px;
	color: #72A407;
	text-align: center;
}

#commentWrap #comment p.postBtn{
	position: relative;
	margin: 0 3px 0 4px;
	padding: 0;
}
#commentWrap #comment p.postBtn a{
	display: block;
	position: absolute;
	top: -51px;
	right: 232px;
}

#commentWrap #comment p.otherBtn{
	position: relative;
	margin: 0 3px 0 4px;
	padding: 0;
}
#commentWrap #comment p.otherBtn a{
	display: block;
	position: absolute;
	top: -51px;
	right: 0px;
}

/* 見出し・件数 コメント投稿なし */

#commentWrap #comment p.numberNone{
	position: relative;
	width: 728px;
	margin: 0 0 0 4px;
	padding: 0;
	font-size: 140%;
}
#commentWrap #comment p.numberNone span{
	display: block;
	position: absolute;
	width: 143px;
	top: -43px;
	right: 0px;
	color: #72A407;
	text-align: center;
}

#commentWrap #comment p.postBtnNone{
	position: relative;
	margin: 0 3px 0 4px;
	padding: 0;
}
#commentWrap #comment p.postBtnNone a{
	display: block;
	position: absolute;
	top: -51px;
	right: 0px;
}

/* コメント */
#commentWrap #comment div.commentBox {
	padding-bottom: 20px;
	margin-top:8px;
	background: url(../../img_detail/detail/bg_comment03.gif) no-repeat left bottom;
	filter: Alpha(opacity=80);
	opacity: 0.8;
	min-height: 1px; /* IE7 */
}
* html #commentWrap #comment div.commentBox {
	height: 1px; /* IE6 */
}
#commentWrap #comment div.commentBox div.commentInner1{
	padding-top: 15px;
	background: url(../../img_detail/detail/bg_comment01.gif) no-repeat left top;
}
#commentWrap #comment div.commentBox div.commentInner2{
	padding:0;
	background: url(../../img_detail/detail/bg_comment02.gif) repeat-y left top;
}

#commentWrap #comment div.commentBox div.commentInner3{
	padding: 0 30px 0 15px;
}

/* 感想コメント用 */

#commentWrap #comment td.txtTd{
	font-size: 130%;
	line-height: 1.5;
	color:#000;
}

#commentWrap #comment td.txtTd div.txt{
	margin: 0;
	padding: 0 0 0 15px;
}

#commentWrap #comment td.txtTd div.txt p.mainTxt{
	margin: 0 0 6px;
	padding: 0;
}

#commentWrap #comment span.cmName{
	font-weight: bold;
	line-height: 1.5;
	color:#000;
	margin-left:12px;
}

#commentWrap #comment span.idName{
	margin:0;
	padding:0;
	color:#666;
}

#commentWrap #comment p.mapName{
	margin:0;
	padding:0 0 0 14px;
	background:url(../../img_detail/detail/mapname_icon.gif) no-repeat left 3px;
	color:#e55251;
}

/* 感想コメント 返信用 */
#commentWrap #comment td.txtTd div.replay{
	margin: 17px 0 6px;
	padding: 0 0 0 45px;
}

#commentWrap #comment td.txtTd div.replay p.replayTtl{
	margin:0;
	padding-bottom:5px;
	border-bottom:solid 1px #b7b5b3;
}

#commentWrap #comment td.txtTd div.replay p.replayTxt{
	margin:0;
	padding:5px 0;
	border-bottom:solid 1px #b7b5b3;
}

#commentWrap #comment td.txtTd p.replayBtn{
	margin:0;
	padding:6px 0;
	text-align:right;
}

/* 感想コメント返信用フォーム */


#commentWrap #comment div.commentBox div.commentSubForm{
	font-size:
	width:491px;
	margin:0 auto;
}

.commentSubFormInner{
	text-align:left;
	padding:20px;
	width:491px;
	background-color:#FFF;
	font-size: 130%;
	line-height: 1.5;
	color:#000;
}

.commentSubFormInner .replayTtl{
	margin:0 0 20px;
}

.commentSubFormInner .replayTxt{
	padding:6px 0;
	margin-bottom:20px;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}

.commentSubFormInner span.cmName{
	font-weight: bold;
	line-height: 1.5;
	color:#000;
}

.commentSubFormInner span.idName{
	margin:0;
	padding:0;
	color:#666;
}

.commentSubFormInner #comment-text,.commentSubFormInner #comment-author,.commentSubFormInner #comment-email{
	margin:0;
	border: 1px solid #86C400;
}

.commentSubFormInner p.commentSubTxt{
	margin:0 0 8px;
	padding:0;
}

.commentSubInput{
	margin:0 0 12px;
	padding:0;
}

.commentSubFormInner p.comsubmit{
	text-align:center;
}

/**/

#commentWrap #comment table .demoMap{
	padding-left: 12px;
	vertical-align:bottom;

}

/* 画像表示用 */
#commentWrap #comment table td.pctArea{
	padding-left: 0;
	background: #A3CB4D;
	vertical-align:bottom;
}
#commentWrap #comment table td.pctArea p{
	margin: 0;
}
#commentWrap #comment table td.pctArea p.thumb{
	padding-top: 1px;
	text-align: center;
}
#commentWrap #comment table td.pctArea p.pct{
	padding: 7px 0 6px;
	text-align: center;
}


/* その他の声を見る */
#commentWrap p.otherBtn{
	margin: 25px 0 0;
	text-align: right;
}


/* ****GoogleMap**** */

.geoArea{
	width:180px;
	text-align:center;
}

#commentWrap #comment table .geoArea td{
	margin:0;
	padding:0;
}

.geoArea td.geoTtl{
	width:40px;
	padding-left:8px;
	
}



/* 右バナー　エリア 
#commentWrap #RightBanner{
float:right;
width:168px;
}
*/


/* ▼投稿フォーム
   --------------------------------------------- */
#postWrapBanner{
	width: 970px;
	margin: 0 auto 30px;
	padding:91px 0 0;
	text-align: left;
	background:url(../../img_detail/detail/post_banner_bg.gif) no-repeat left 12px;
	position:relative;
	clear:both;
}

#postWrapBanner p#postWrapBannerTxt{
	position:absolute;
	top:30px;
	left:97px;
	z-index:1;
}

/* IE7 */
*+html #postWrapBanner p#postWrapBannerTxt{
	position:absolute;
	top:40px;
	left:97px;
	z-index:1;
}

/* IE6 */
* html #postWrapBanner p#postWrapBannerTxt{
	position:absolute;
	top:40px;
	left:97px;
	z-index:1;
}

#postWrapBanner p#postWrapBannerBtn{
	position:absolute;
	top:55px;
	left:400px;
	z-index:2;
}
   
/* I7E */
*+html #postWrapBanner p#postWrapBannerBtn{
	position:absolute;
	top:65px;
	left:400px;
	z-index:2;
}

/* IE6 */
* html #postWrapBanner p#postWrapBannerBtn{
	position:absolute;
	top:64px;
	left:400px;
	z-index:2;
}

#postWrap{
	width: 970px;
	padding:0 0 13px;
	text-align: left;
	background: url(../../img_detail/detail/bg_post02.gif) no-repeat left bottom;
}

#postWrap{
	font-size: 10px;
}
* + html #postWrap{
	font-size: 100%;/*IE7*/
}
* html #postWrap{
	font-size: 100%;/*IE6-5*/
}
#postWrap #postInner{
	width: 970px;
	padding: 10px 0 10px;
	background: url(../../img_detail/detail/bg_post01.gif) repeat-y;
	overflow: hidden;
}

/* 見出し */
#postWrap div.heading {
	background: url(../../img_detail/detail/bg_post-ttl.gif) no-repeat left top;
	height: 47px;
	width: 970px;
	position: relative;
}
#postWrap div.heading h2{
	position: absolute;
	top: 6px;
	left: 15px;
	margin: 0;
}
#postWrap div.heading p{
	position: absolute;
	top: 21px;
	left: 401px;
	margin: 0;
}

/* ２カラム */
#postWrap div.box1{
	float: left;
	width: 375px;
	padding-left: 20px;
}
#postWrap div.box2{
	float: right;
	width: 536px;
	padding-right: 17px;
}

/* 左カラム：注意事項 */
#postWrap div.box1 dl.attention{
	margin: 25px 0 0;
	padding: 0;
}
#postWrap div.box1 dl.attention dt{
	margin: 0 0 0.5em;
	font-size: 150%;
	font-weight: bold;
}
#postWrap div.box1 dl.attention dd{
	margin: 0;
}
#postWrap div.box1 dl.attention dd ul{
	margin: 0;
	padding: 0;
}
#postWrap div.box1 dl.attention dd li{
	list-style: none;
	margin: 0 0 0.5em;
	padding-left: 18px;
	background: url(../../img_detail/detail/icn_attention.gif) no-repeat left 6px;
	font-size: 150%;
	line-height: 1.5;
}

/* 左カラム：見出し・段落・フォーム設定 */
#postWrap div.box1 h3,
#postWrap div.box1 p{
	margin: 0 0 5px;
}
#postWrap div.box1 input{
	border: 1px solid #86C400;
}

/* 右カラム：タブ表示 */
#postWrap div.box2 ul#tab{
	width: 536px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#postWrap div.box2 ul#tab li{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#postWrap div.box2 ul#tab li#nav01 a{
	background: url(../../img_detail/detail/btn_post-comment_on.gif) no-repeat left bottom;
}
#postWrap div.box2 ul#tab li#nav02 a{
	background: url(../../img_detail/detail/btn_post-picture_on.gif) no-repeat left bottom;
}
#postWrap div.box2 ul#tab li#nav03 a{
	background: url(../../img_detail/detail/btn_post-movie_on.gif) no-repeat left bottom;
}
#postWrap div.box2 ul#tab li img{
	vertical-align: bottom;
}
#postWrap div.box2 ul#tab li a{
	display: block;
	height: 36px;
}
#postWrap div.box2 ul#tab li#nav01 a{
	width: 178px;
}
#postWrap div.box2 ul#tab li#nav02 a{
	width: 180px;
}
#postWrap div.box2 ul#tab li#nav03 a{
	width: 178px;
}
#postWrap div.box2 ul#tab li a:hover,
#postWrap div.box2 ul#tab li.selected a{
	background-color: transparent;
}
#postWrap div.box2 ul#tab li a:hover img,
#postWrap div.box2 ul#tab li.selected a img{
	visibility: hidden;
}

/* 右カラム：コメントフォーム */
#postWrap div.box2 div.postDetail{
	width: 536px;
	margin-bottom: 15px;
	padding-top: 10px;
	background: url(../../img_detail/detail/bg_post-form01.gif) repeat-y;
}
#postWrap div.box2 div.postDetail div.formComment{
	width: 490px;
	padding: 0 23px 20px;
	background: url(../../img_detail/detail/bg_post-form02.gif) no-repeat bottom left;
}
#postWrap div.box2 div.postDetail div.formComment h4{
	margin: 0 0 4px;
	padding: 0;
}
#postWrap div.box2 div.postDetail div.formComment textarea{
	border: 1px solid #86C400;
}
#postWrap div.box2 div.postDetail div.formComment p{
	margin: 0;
	padding: 0;
}
#postWrap div.box2 div.postDetail#only_comment div.formComment{
	padding-bottom: 15px;
}

/* 右カラム：見出し・段落・フォーム設定 */
#postWrap div.box2 h3{
	margin: 0 0 7px;
}
#postWrap div.box2 p.attention{
	margin: 0 22px 15px;
}
#postWrap div.box2 p.selectBtn{
	margin: 0 18px 5px;
}
#postWrap div.box2 dl.selectURL{
	margin: 0 23px 25px;
}
#postWrap div.box2 dl.selectURL dt{
	margin: 0 0 5px;
}
#postWrap div.box2 dl.selectURL dd{
	margin: 0 0 5px;
}
#postWrap div.box2 dl.selectURL dd input{
	border: 1px solid #86C400;
}
#postWrap div.box2 p#comsubmit{
	margin: 0;
	text-align: right;
}