@charset "utf-8";

/*
ホワイトスポットcss [
----------------------------------------------------------- */

/*メインタイトル＋メインイメージ */
#maintitle{
	float:left;
	width:689px;
	background-image: url(../image/common/bg_maintitle_pattern.gif);
	background-position: right 51px;
	background-repeat: no-repeat;
}
#maintitle p{
	float:left;
	padding:0;
	margin:0;
	padding:0 0 0 20px;
	font-size:11px;
	line-height:150%;
}
#mainimage{
	float:left;
	padding:0 0 0 20px;
}
/*商品の説明開始 */
#content{
	float:left;
	width:660px;
	padding-left: 20px;
}
#content h2{
	width:80%;
	padding:0;
	margin:0;
	padding:9px 0 17px 0;
}
/*商品ステータス */
#items_status{
	width:196px;
	padding:13px 8px 0 13px;
	float:left;
	text-align:left;
	background-image: url(../image/white_spot/bg_items_status.gif);
	height: 186px;
	background-repeat: no-repeat;
}
#items_status .icon_type{
	clear:both;
	width:100%;
	padding-bottom: 10px;
}
#items_status p{
	width:100%;
	line-height:120%;
	font-size:10px;
	font-weight: normal;
}
#items_status em{
	margin:0;
	padding: 0;
	font-size:12px;
	line-height:140%;
	letter-spacing: -0.1em;
	font-style: normal;
	font-weight: bold;
}
#items_status p.status{
	padding:3px 0 8px 0;
}
/*商品の説明 */
#items_detail{
	width:427px;
	float:right;
	padding: 13px 0 0 0;
}
#items_detail p{
	width:100%;
	padding:0 0 20px 0;
	clear:both;
	line-height:170%;
	font-size:12px;
}
/*効能効果 */
#items_effect{
	width:428px;
	float: right;
}
#items_effect .icon_type{
	clear:both;
	width:100%;
	padding-bottom: 5px;
}
#items_effect p{
	line-height:150%;
	font-size:10px;
	width: 100%;
}
/*仕組みとポイント */
#mechanism{
	width:660px;
	background-image: url(../image/common/bg_menuber_pattern.gif);
	background-repeat: no-repeat;
	background-position: left 39px;
	float: left;
	padding-bottom: 23px;
}
#mechanism_txt_area{
	width: 446px;
	margin: 0 auto;
}
ol.mechanism_list{
	padding-top:21px;
	margin:0;
	float:left;
}
ol.mechanism_list li{
	width:446px;
	padding-bottom:11px;
	margin:0;
	list-style:none;
}
#mechanism_image_area{
	width:540px;
	float:left;
	padding: 11px 0 0 87px;
}
#mechanism_image_area .image_box{
	width:126px;
	float:left;
	padding-right:9px;
}
#mechanism_image_area .banner_box{
	width:270px;
	float:left;
	padding-top:45px;
}
/*爽快感が続くフレーバー*/
#flavor{
	width:660px;
	background-image: url(../image/common/bg_menuber_pattern.gif);
	background-repeat: no-repeat;
	background-position: left 39px;
	float: left;
	padding-bottom: 23px;
}
#flavor p{
	width:573px;
	float: left;
	padding:15px 0 0 87px;
}