@charset "utf-8";

/*
フロス/フロス＆ピックcss [
----------------------------------------------------------- */

/*メインタイトル＋メインイメージ */
#maintitle{
	float:left;
	width:689px;
}
#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{
	padding:0;
	margin:0;
	padding:9px 0 17px 0;
}
/*商品ステータス */
#items_status{
	width:246px;
	padding:13px 13px 0 13px;
	float:left;
	text-align:left;
	background-image: url(../image/floss_pick/bg_items_status.gif);
	height: 173px;
	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:352px;
	float:right;
	padding: 13px 20px 0 0;
}
#items_detail p{
	width:100%;
	padding:0 0 20px 0;
	clear:both;
	line-height:170%;
	font-size:12px;
}
/*仕組みとポイント */
#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_area{
	width: 524px;
	margin: 0 auto;
}
#image_mechanism1{
	float:left;
	width:198px;
	padding-top: 26px;
}
#image_mechanism2{
	float:left;
	width:300px;
	padding:26px 0 0 0;
}
#image_mechanism1 p,#image_mechanism2 p{
	clear:both;
	width:100%;
}
#image_mechanism1 em,#image_mechanism2 em{
	clear:both;
	width:100%;
	margin: 0;
	padding: 0;
}
/*フロスの使い方＆ステインって何？リンクバナー */
#related_banner{
	width:623px;
	padding:20px 0 38px 23px;
	float: left;
}
#related_banner .bannerbox{
	padding:0 17px 0 0;
	float: left;
}