@import url(item.css);

/*******************
******BODY基本******
*******************/

html {  
	overflow-y:scroll;  
}  

body{
	background-color:#FFFFFF;
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
	font-size:smaller;
	color:#000000;
	margin-top: 0px;
	background-image:url(../../images/bg_base.gif);
	background-repeat:repeat-x; 
}

div,td{
	font-size:12px;
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
}


*{
	margin:0px;
	padding:0px;
	border:0px;
}

div{
	margin:0px;
	padding:0px;
	border:0px;
}

a img{
	border:0px;
}

img {
	vertical-align:bottom;
}

input,textarea{
	border:1px #CCCCCC solid;
}

#BaseContainer{
	width:908px;
	background-image:url(../../images/bg_main.gif);
	background-repeat:repeat-y;
}

#MainContainer{
	width:908px;
}

a:link {
	color: #333333;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #333333;
	text-decoration:underline;
}
a:active {
	color: #333333;
}

hr{
	border-top:1px #CCCCCC dotted;
	border-bottom:1px #FFFFFF solid;
	border-left:1px #FFFFFF solid;
	border-right:1px #FFFFFF solid;
}

.clear{
	clear:both;
}

/*******************
****ヘッダー部分****
*******************/
#HeadContainer{
	text-align:left;
	background-image:url(../../images/bg_top.gif);
	background-repeat:no-repeat;
	padding:0px 5px;
}


/*ロゴ部分*/
#LogoContainer{
	height:34px;
	text-align:left;
	padding:16px 17px 18px 19px;
}

.logo01{
	margin-right:29px;
}

.logo02{
	margin-right:20px;
	
}

.logo03{
	margin-right:12px;

}

#LogoBox{
	text-align:left;
	width:899px;
}

#LogoBox .headLBox {
	float:left;
	margin:5px 0px 5px 19px;
}

#LogoBox .headCopy {
	margin:10px 0px 3px;
}

#LogoBox .headLogo {
	margin:0px 15px 0px 0px;
}

#LogoBox .headRBox {
	float:right;
	width:191px;
	margin:5px 17px 5px 0px;
}

#LogoBox .headMail {
	margin:5px 10px 0px 0px;
}

#LogoBox .headTell {
	margin:5px 0px 0px 0px;
}




.float_r{
float:right;

}


/*アイキャッチ*/
#MainMenu{
	background-position:bottom;
	background-repeat:repeat-x;
}
.mainph{
	margin:0px;
	display:block;
	width:898px;
}

/*******************
***コンテンツ部分***
*******************/

/*コンテンツ格納部分*/
#ContentsContainer{
	text-align:left;
	margin:0px 5px;
	background-color:#FFFFFF;
}

/*******************
*****2段組設定******
*******************/

/*左コンテンツ*/
.LeftContents{
	float:left;
	padding-left:15px;
	padding-top:13px;
	background:#FFFFFF;
}

.Lcont{
	border:0px 2px 2px 2px #e77e9d solid;
	background-image:url(../../images/bg_left.gif);
	background-repeat:repeat-x;
	background-color:#FCF4F3;
	width:243px;
	padding:17px 10px 5px 10px;
	color:#996633;
	line-height:130%;
}

.Lcont02{
	border:0px 1px 1px 1px #ECB0C2 solid;
	background-image:url(../../images/bg_left.gif);
	background-repeat:repeat-x;
	background-color:#FCF4F3;
	width:243px;
	padding:17px 10px 5px 10px;
	color:#996633;
	line-height:130%;
}

.Lline{
	background-image:url(../../images/line_left_dot.gif);
	background-repeat:repeat-y;
	width:37px;
}

.Lbox{
	margin-top:10px;
}

.Ltxt{
	margin:10px 0px 5px 10px;
	font-size:11px;
	clear:both;
}

.Lbt{
	text-align:right;
}

/*右コンテンツ*/
.RightContents{
	float:right;
	width:230px;
	margin-right:7px;
	padding-top:13px;
	background-color:#FFFFFF;
}


.Rtxt01{
	margin-top:11px;
	margin-left:11px;
	margin-right:22px;
	font-size:12px;
	line-height:120%;
	padding-bottom:20px;
}

.Rtxt02{
	margin-top:0px;
	margin-left:6px;
	font-size:12px;
	color:#3A75B7;
	font-weight:bolder;
	line-height:160%;	
	text-align:left;
}

.Rtxt02 .linkTtl{
	border-bottom:1px solid #2B6BB3;
	margin:20px 0px 5px 0px;
}

.Rtxt02 .link{
	border-bottom:1px dotted #2B6BB3;
	margin:5px 0px 5px 0px;
}

.Rline{
	height:1px;
	width:230px;
	background-color:#ECB0C2;
}

.Rbt{
	margin-right:7px;
	margin-top:0px;
	margin-bottom:8px;
	text-align:center;
	border:#FFFFFF 1px solid;
}

.Rph{
	margin-right:11px;
	float:right;
}

.rankingBg{
	width:223px;
	margin:0px 0px 15px;
	padding:0px 0px 5px;
	background:#FFFFFF url(../../images/ranking1.jpg) bottom center no-repeat;
}

.rankingContainer {
	width:203px;
	margin:0px auto;
	padding:0px;
}

.rankingBox{
	text-align:left;
	width:203px;
	margin:0px;
	padding:0px;
}

.rankingBox .rankingImg {
	margin:0px 2px 2px 0px;
}

.rankingBox .rankingBrand {
	width:58px;
	font-size:11px;
	text-align:left;
	font-weight:bold;
	color:#0066CC;
}

.rankingBox .rankingItem {
	margin:3px 0px 3px;
	font-weight:bold;
	color:#0066CC;
}

.rankingBox .rankingPrice {
	font-size:12px;
	font-weight:bold;
	color:#0066CC;
}

.rankingBox .rankingPrice2 {
	font-size:10px;
	color:#0066CC;
}


/*トップ左側*/
.LeftTopContents{
	float:left;
	width:620px;
	margin:13px 0px 0px 15px;
	background:#FFFFFF;
}

.LeftTopContents .mainBoxCosmeLin{
	width:304px;
	background:url(../../images/mainLingerieBg.jpg) #FFFFFF top center repeat-y;
	text-align:center;
	line-height:150%;
	font-size:12px;
	font-weight:bold;
	color:#006633;
}

.LeftTopContents .mainBoxCosme{
	width:304px;
	background:url(../../images/mainCosmeBg.jpg) #FFFFFF top center repeat-y;
	text-align:center;
	line-height:150%;
	font-size:12px;
	font-weight:bold;
	color:#339966;
}

.LeftTopContents .ttl{
	font-size:14px;
}


/* レコメンドアイテム */


.LeftTopContents .recommendRow {
	float:left;
	width:137px;
	text-align:center;
}

.LeftTopContents .recommendLine {
	float:left;
	width:24px;
	height:460px;
	background:#FFFFFF url(../../images/recommendLineDot.jpg) top center repeat-y;
}

.LeftTopContents .recommendBox {
	height:220px;
	margin:0px 0px 15px;
}

.LeftTopContents .recommendBox .txt {
	margin:0px 15px 5px;
	color:#2B6BB2;
	text-align:left;
}

.LeftTopContents .recommendBox .txt2 {
	margin:0px 15px 0px;
	color:#FF0000;
	text-align:left;
}

.LeftTopContents .recommendBox .photo {
	width:121px;
	height:114px;
	margin:0px auto 5px;
	background:#FFFFFF url(../../images/recommendItemsFrame2.gif) center bottom no-repeat;
}

.LeftTopContents .recommendBox .photo img {
	margin:6px 13px 13px;
}

/* 新商品 */


.LeftTopContents .newItemRow {
	float:left;
	width:137px;
	text-align:center;
}

.LeftTopContents .newItemLine {
	float:left;
	width:24px;
	height:230px;
	background:#FFFFFF url(../../cosme/images/newItemLineDot.jpg) top center repeat-y;
}

.LeftTopContents .newItemBox {
	height:220px;
	margin:0px 0px 15px;
}

.LeftTopContents .newItemBox .txt {
	margin:0px 15px 5px;
	color:#2B6BB2;
	text-align:left;
}

.LeftTopContents .newItemBox .txt2 {
	margin:0px 15px 0px;
	color:#FF0000;
	text-align:left;
}

.LeftTopContents .newItemBox .photo {
	width:121px;
	height:114px;
	margin:0px auto 5px;
	background:#FFFFFF url(../../cosme/images/newItemsFrame2.gif) center bottom no-repeat;
}

.LeftTopContents .newItemBox .photo img {
	margin:6px 13px 13px;
}

/*******************************************************************/
/* コスメTOP用 */
/*******************************************************************/

.blue_f{
color:#3A75B7;
font-size:12px;
text-align:center;
font-weight:bold;
padding-top:5px;
}


.blue_f_second{
	color:#3A75B7;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	padding:5px 20px;
}
		
/*******************
****フッター部分****
*******************/

/*フッター部分*/
#FooterContainer{
	clear:both;
	height:50px;
	width:908px;
	text-align:left;
	background-image:url(../../images/top_bottom.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:20px;
	background-color:#FFFFFF;
}

#FooterContents{
	margin:0px 5px;
}

.Flink{
	width:679:x;
	float:left;
	font-size:10px;
}

.Fcopy{
	float:right;
	margin-top:30px;
}

.Fpar{
	color:#B72D56
}

/*******************
****フロート設定****
*******************/
.floatl{
	float:left;
}

.floatr{
	float:right;
}

/*　fixed size */
.font05fix {
	font-size: 18px;
	line-height: 150%;
}
.font04fix {
	font-size: 14px;
	line-height: 150%;
}
.font03fix {
	font-size: 12px;
	line-height: 150%;
}
.font02fix {
	font-size: 10px;
	line-height: 150%;
}
.font01fix {
	font-size:  9px;
	line-height: 150%;
}

/*商品詳細セット背景色*/
.setBg{
	background-color:#E6F2FF;
	padding:5px 5px 10px 5px;
}

/*TOPムービー紹介*/
.topMovieComArea{
	width:240px;
	margin-left:auto;
	margin-right:auto;
}

/*TOP Monthly*/
.topMonthlyBox{
	width:269px;
	padding:5px 5px;
	margin-bottom:40px;
	font-size:10px;
	line-height:130%;
}

.topMonthlyBox .btDetail{
	text-align:right;
	margin:5px 0px;
}

/*TOP Monthly その2*/

.topMonthlyContainer{
	margin-bottom:5px;
}

.topMonthlyContainer .topMonthlyTitle{
	margin-bottom:10px;
}

.topMonthlyContainer .btDetail{
	margin:10px 0px 0px 0px;
	float:right;
	width:80px;
	margin-right:10px;
}

.topMonthlyContainer .topMonthlyTxt{
	float:left;
	width:280px;
	margin-left:10px;
	font-size:14px;
	line-height:130%;
}


/* コスメ詳細用レコメンド　*/


#itemContentsCosme .recommendRow {
	float:left;
	width:137px;
	text-align:center;
	margin:0px 4px 0px 0px;
}

#itemContentsCosme .recommendLine {
	float:left;
	width:7px;
	height:230px;
	background:#FFFFFF url(../../images/recommendLineDot.jpg) top center repeat-y;
}


#itemContentsCosme .recommendBox {
	height:220px;
	margin:0px 0px 15px;
}

#itemContentsCosme .recommendBox .txt {
	margin:0px 10px 5px;
	color:#2B6BB2;
	text-align:left;
}

#itemContentsCosme .recommendBox .txt2 {
	margin:0px 10px 0px;
	color:#FF0000;
	text-align:left;
}

#itemContentsCosme .recommendBox .photo {
	width:121px;
	height:114px;
	margin:0px auto 5px;
	background:#FFFFFF url(../../images/recommendItemsFrame2.gif) center bottom no-repeat;
}

#itemContentsCosme .recommendBox .photo img {
	margin:6px 13px 13px;
}