@charset "UTF-8";
/* ******************************************************************** */ 
/*                  Generated by: http://csscreator.com                 */
/* ******************************************************************** */


/**************************************


基本レイアウト


***************************************/ 
.maincontents-wrap{
	display:block;
	float:left;
	clear:both;
	width:720px;
	padding-bottom: 30px;
	}
.maincontents-top-wrap{
	display:block;
	float:left;
	clear:both;
	width:720px;
	padding-bottom: 30px;
	}
		
/**************************************


イントロ


***************************************/ 
.maincontents-intro-wrap{
	display:block;
	float:left;
	clear:both;
	width:720px;
	padding-bottom: 20px;
	}
.intro-message-wrap{
	display:block;
	float:left;
	clear:both;
	width:700px;
	}
.intro-messagetext-wrap{
	display:block;
	float:left;
	clear:both;
	background-color: #F2F2F2;
	border: 1px dotted #CCCCCC;
	padding-top: 8px;
	padding-right: 13px;
	padding-bottom: 18px;
	padding-left: 13px;
	}
.intro-messagetext{
	display:block;
	float:left;
	clear:both;
	width:670px;
	}
.intro-messagetext p.title{
	font-size:14px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 5px;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #F94DDF;
	}	
.intro-messagetext p{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}	
.intro-messagetext a{
    text-decoration:none;
	font-weight:bold;
	color:#FF6598;
	}
.intro-messagetext a:hover{
    text-decoration:underline;
	font-weight:bold;
	color:#FF6598;
	}	
/**************************************


総合ランキング


***************************************/ 
.ranking-fullsize-wrap{
	display:block;
	float:left;
	clear:both;
	width:720px;
	}
.ranking-fullsize-title{
	display:block;
	float:left;
	clear:both;
	width:700px;
	height:35px;
	}	
.ranking-fullsize-contents{
	display:block;
	float:left;
	clear:both;
	width:720px;
	padding-top: 20px;
	padding-bottom: 10px;
	}
.ranking-fullsize-contents-upper{
	display:block;
	float:left;
	clear:both;
	width:720px;
	background-attachment: scroll;
	background-image: url(../images/ranking-border-bg.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	margin-bottom: 20px;
	}
.ranking-fullsize-contents-lower{
	display:block;
	float:left;
	clear:both;
	width:720px;
	background-attachment: scroll;
	background-image: url(../images/ranking-border-bg.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	}	
.ranking-item-box-wrap{
	display:block;
	float:left;
	padding-right: 10px;
	padding-left: 10px;
	}   
.ranking-item-box{
	display:block;
	float:left;
	clear:both;
	width:120px;
	}
.ranking-itemimg-wrap{
	display:block;
	float:left;
	clear:both;
	width:120px;
	}
.ranking-iteminfo-wrap{
	display:block;
	float:left;
	clear:both;
	width:120px;
	padding-top: 10px;
	}
.ranking-iteminfo-title-wrap{
	display:block;
	float:left;
	clear:both;
	width: 120px;
   }
.ranking-iteminfo-ranknum-wrap{
	display:block;
	float:left;
	padding-right: 3px;
   }
.ranking-iteminfo-title{
	display:block;
	float:left;
	font-size: 11px;
	width: 120px;
   }     
.ranking-iteminfo-company-wrap{
	display:block;
	float:left;
	clear:both;
	font-size: 10px;
	padding-top: 8px;
	line-height: 13px;
	width: 120px;
   }
.ranking-iteminfo-price-wrap{
	display:block;
	float:left;
	clear:both;
	font-size: 10px;
	color: #F830DA;
	line-height: 13px;
	width: 120px;
   }   
.ranking-iteminfo-cat-wrap{
	display:block;
	float:left;
	clear:both;
	width: 120px;
	padding-top: 3px;
   }
.ranking-iteminfo-cat-wrap img{
	margin-right:4px;
	margin-bottom: 1px;
   }	
.ranking-itemintro-wrap{
	display:block;
	float:left;
	clear:both;
	width:120px;
	line-height: 16px;
	padding-top: 10px;
	padding-bottom:10px;
	}
.ranking-fullsize-contents a{
	color:#000000;
	text-decoration:none;
}
.ranking-fullsize-contents .bl-hover{
	cursor:pointer;
	background-color:#EBEBEB;
	}
.ranking-fullsize-contents .bl-hover a{
	color:#000000;
	text-decoration:none;
	} 	
				
/**************************************


保湿ランキング・美白ランキング


***************************************/ 
/*.two-block-left{
   display:block;
   float:left;
   padding-right:20px;
   }
.two-block-right{
   display:block;
   float:left;
   }


.ranking-halfsize-wrap{
	display:block;
	float:left;
	clear:both;
	width:350px;
	}
.ranking-halfsize-title{
	display:block;
	float:left;
	clear:both;
	width:348px;
	height:50px;
	border: 1px dotted #cacaca;
	background-attachment: scroll;
	background-image: url(../images/title-bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	}	
.ranking-halfsize-contents{
	display:block;
	float:left;
	clear:both;
	width:350px;
	padding-top: 10px;
	padding-bottom: 10px;
	}*/
/**************************************


保湿ランキング・美白ランキング　商品リスト


***************************************/ 
/*.ranking-halfsize-itemlist-wrap{
	display:block;
	float:left;
	clear:both;
	background-attachment: scroll;
	background-image: url(../images/dott-border.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
   }
.ranking-halfsize-itemlist-box{
	display:block;
	float:left;
	clear:both;
	width:350px;
   }
.ranking-halfsize-itemlist-box-left{
	display:block;
	float:left;
	padding-right: 5px;
   }
.ranking-halfsize-itemlist-box-right{
	display:block;
	float:left;
	width: 275px;
   } 

.ranking-halfsize-itemlist-title-wrap{
	display:block;
	float:left;
	clear:both;
	width: 275px;
   }
.ranking-halfsize-itemlist-ranknum-wrap{
	display:block;
	float:left;
	padding-right: 3px;
   }
.ranking-halfsize-itemlist-title{
	display:block;
	float:left;
	font-size: 11px;
	font-weight: bold;
	padding-top: 3px;
	width: 245px;
   }     
.ranking-halfsize-itemlist-iteminfo-wrap{
	display:block;
	font-size: 10px;
	padding-top: 3px;
	padding-left: 0px;
	line-height: 13px;
	clear: both;
	float: left;
	width: 275px;
   }
.ranking-halfsize-itemlist-itemprice-wrap{
	font-size: 10px;
	color: #990000;
	padding-left: 10px;
	line-height: 13px;
   }   
.ranking-halfsize-itemlist-cat-wrap{
	display:block;
	float:left;
	clear:both;
	width: 275px;
	padding-top: 5px;
   }
.ranking-halfsize-itemlist-cat-wrap img{
   margin-right:2px;
   }
    
*/   
/**************************************


Q&A　基礎知識


***************************************/ 
/*.plus-halfsize-contents{
	display:block;
	float:left;
	clear:both;
	width:350px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
.plus-halfsize-intro{
	display:block;
	float:left;
	clear:both;
	width:350px;
	padding-bottom: 0px;
	}
.plus-halfsize-list-wrap{
	display:block;
	float:left;
	clear:both;
	width:350px;
	padding-bottom: 10px;
	}	
.plus-halfsize-list{
	display:block;
	float:left;
	clear:both;
	background-attachment: scroll;
	background-image: url(../images/dott-border.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
   }   
.plus-halfsize-list-title-wrap{
	display:block;
	float:left;
	clear:both;
	width: 350px;
   } 
.plus-halfsize-list-title-icon-wrap{
	display:block;
	float:left;
	padding-right: 3px;
   } 
.plus-halfsize-list-title{
	display:block;
	float:left;
	font-size: 12px;
	font-weight: bold;
	padding-top: 3px;
	width: 320px;
   } 
.plus-halfsize-list-body-wrap{
	display:block;
	font-size: 11px;
	padding-top: 3px;
	padding-left: 0px;
	line-height: 13px;
	clear: both;
	float: left;
	width: 350px;
	color: #666666;
   } */         
/**************************************


洗顔石鹸を選ぶときのチェックポイント！


***************************************/
/*.checkpoint-wrap{
	display:block;
	float:left;
	clear:both;
	width:720px;
	}
.checkpoint-title{
	display:block;
	float:left;
	clear:both;
	width:718px;
	height:50px;
	border: 1px dotted #cacaca;
	background-attachment: scroll;
	background-image: url(../images/title-bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	}
.checkpoint-contents{
	display:block;
	float:left;
	clear:both;
	width:720px;
	padding-top: 10px;
	}
.checkpoint-detail-wrap{
	display:block;
	float:left;
	clear:both;
	width:720px;
	padding-bottom: 20px;
	}
.checkpoint-detail-ballon-wrap{
	display:block;
	float:left;
	clear:both;
	width:720px;
	padding-bottom: 5px;
	}
.checkpoint-detail-title-wrap{
	display:block;
	float:left;
	clear:both;
	width:720px;
	padding-bottom: 7px;
	font-size: 13px;
	font-weight: bold;
	}
.checkpoint-detail-contents{
	display:block;
	float:left;
	clear:both;
	width:720px;
	}					
.checkpoint-detail-contents-head,.checkpoint-detail-contents-bottom{
	display:block;
	float:left;
	clear:both;
	width:720px;
	height:18px;
}
.checkpoint-detail-contents-text-wrap{
	display:block;
	float:left;
	clear:both;
	background-image: url(../images/checkpoint-detail-contents-bg.gif);
	background-repeat: repeat-y;
	padding-right: 15px;
	padding-left: 15px;
	}
.checkpoint-detail-contents-text{
	display:block;
	float:left;
	clear:both;
	width:690px;
	}*/	
/**************************************


洗顔石鹸の選び方


***************************************/
/*.choosing-wrap{
	display:block;
	float:left;
	clear:both;
	width:720px;
	}
.choosing-title{
	display:block;
	float:left;
	clear:both;
	width:718px;
	height:50px;
	border: 1px dotted #cacaca;
	background-attachment: scroll;
	background-image: url(../images/title-bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	}	
.choosing-contents{
	display:block;
	float:left;
	clear:both;
	width:720px;
	padding-top: 20px;
	padding-bottom: 10px;
	}
.choosing-intro-wrap{
	display:block;
	float:left;
	clear:both;
	width:720px;
	padding-bottom: 10px;
	}		
.choosing-box-wrap{
	display:block;
	float:left;
	clear:both;
	width:720px;
	padding-bottom: 10px;
	}
.choosing-box{
	display:block;
	float:left;
	padding-right: 13px;
	}
.choosing-box-last{
	display:block;
	float:left;
	}
.choosing-link-wrap{
	display:block;
	float:left;
	clear:both;
	width:720px;
	padding-bottom: 10px;
	}
.choosing-link{
	display:block;
	float:right;
	clear:both;
	background-attachment: scroll;
	background-image: url(../images/arrow03.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 16px;
	}*/				
/**************************************


最新情報


***************************************/
.news-wrap{
	display:block;
	float:left;
	clear:both;
	width:700px;
	}
.news-title{
	display:block;
	float:left;
	clear:both;
	width:700px;
	height:35px;
	}	
.news-contents{
	display:block;
	float:left;
	clear:both;
	width:700px;
	padding-top: 20px;
	padding-bottom: 10px;
	}
.news-scroll-contents{
	display:block;
	float:left;
	clear:both;
	width:700px;
	height:290px;
	overflow-y:scroll;
	overflow-x:hidden
	}
.news-box{
	display:block;
	float:left;
	clear:both;
	width:670px;
	padding-top: 17px;
	padding-bottom: 15px;
	padding-left:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D0D0D0;
	}
.news-box-datearrow{
	display:block;
	float:left;
	width:18px;
	padding-top: 4px;
	}
.news-box-date{
	display:block;
	float:left;
	width:75px;
	color:#F830DA;
	}
.news-box-newmark{
	display:block;
	float:left;
	padding-top: 2px;
	}		
.news-box-upper{
	display:block;
	float:left;
	clear:both;
	padding-right: 10px;
	width:124px;
	}	
.news-box-lower{
	display:block;
	float:left;
	width:536px;
	}			
.news-contents a{
	color:#000000;
	text-decoration:none;
}
.news-contents .bl-hover{
	cursor:pointer;
	background-color:#EBEBEB;
	}
.news-contents .bl-hover a{
	color:#000000;
	text-decoration:none;
	}