@charset "utf-8";

/*
各商品共通利用css [
----------------------------------------------------------- */

/*関連商品紹介----------------------------------- */
#more_items{
	text-align:center;
	width:660px;
	background-image: url(../image/common/bg_more_items.gif);
	background-repeat: no-repeat;
	background-position: 20px 49px;
	float: left;
	height: 257px;
	padding-left: 20px;
}
/*関連商品が４つの場合*/
ul.more_4items{
	width:645px;
	margin:0 auto;
}
/*関連商品が３つの場合*/
ul.more_3items{
	width:552px;
	margin:0 auto;
}
/*関連商品が２つの場合*/
ul.more_2items{
	width:368px;
	margin:0 auto;
}
/*関連商品が１つの場合*/
ul.more_1items{
	width:184px;
	margin:0 auto;
}
/*関連商品が１～３つの場合のリスト用クラス*/
#more_items li.more_image{
	float:left;
	width:184px;
	padding:0;
	margin:0;
	list-style-type:none;
}
/*関連商品が４つの場合のリスト用クラス*/
#more_items li.image4_wide{
	float:left;
	width:170px;
	padding:0;
	margin:0;
	list-style-type:none;
}
#more_items li.image4_medium{
	float:left;
	width:135px;
	padding:0;
	margin:0;
	list-style-type:none;
}
#more_items .icon_type{
	width:100%;
	padding:5px 0;
}
#more_items p{
	font-size:10px;
	line-height:150%;
	width: 100%;
}
/*「オーラルコーディネート」・「聞いてみよ、言ってみよ」リンク  */
#other_link{
	width:642px;
	padding:17px 18px 18px 20px;
	float: left;
}
#other_link p{
	clear:both;
	font-size:10px;
	line-height:150%;
	color:#999999;
	padding: 0 0 3px 7px;
}
ul.other_list{
	float:right;
	padding:0;
	margin:0;
	width:170px;
}
ul.other_list li{
	float:left;
	padding:0;
	margin:0;
	list-style-type:none;
}
.arrival {color: #CC0000}
/*ワンポイントアドバイス----------------------------------- */
#onepoint_advice{
	float:left;
	width:609px;
	padding:0 0 6px 23px;
	background-image: url(../image/common/bg_onepoint_advice2.gif);
	background-repeat: no-repeat;
	background-position: 23px bottom;
}
#onepoint_advice p{
	width:577px;
	font-size:12px;
	line-height:140%;
	padding:2px 16px 7px 16px;
	background-image: url(../image/common/bg_onepoint_advice1.gif);
	background-repeat: no-repeat;
}
#onepoint_advice strong{
	padding:0;
	margin:0;
}
/*お便りポスト----------------------------------- */
#post_link{
	width:545px;
	float:left;
	padding:12px 0 0 144px;
	background-image:url(../image/common/bg_dotline.gif);
	background-repeat: repeat-x;
	background-position: left top;

}
.posttext{
	float:left;
	padding:5px 0 0 33px;
	font-size:10px;
	line-height:140%;
	color:#999999;
}