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


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


基本レイアウト


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

  

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


選び方トップページスタイル


***************************************/
.erabikata-full-wrap{
	display:block;
	float:left;
	clear:both;
	width:700px;
	}
.erabikata-contents-title{
	display:block;
	float:left;
	clear:both;
	width:700px;
	height:35px;
	}	
.erabikata-contents{
	display:block;
	float:left;
	clear:both;
	width:700px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
.erabikata-contents a{
	color:#F94DDF;
	text-decoration:none;
}
.erabikata-contents .bl-hover{
	cursor:pointer;
	background-color:#EBEBEB;
	}
.erabikata-contents .bl-hover a{
	color:#F94DDF;
	text-decoration:none;
	}
		
.erabikata-list-contents{
	padding-top: 0px;
	padding-bottom: 0px;
	}
.erabikata-list-before-contents{
	padding-top: 20px;
	padding-bottom: 0px;
	}
.erabikata-list-nolinkimg{
	border:1px solid #c9c9c9;
	}
			
.erabikata-contents p{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	}
.erabikata-contents p.last{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}	
.erabikata-contents p a{
    text-decoration:underline;

	}
.erabikata-contents p a:hover{
    text-decoration:none;

	}		
.erabikata-contents p.links{
	display:block;
	float:left;
	clear:both;
	width:720px;
	padding-top: 5px;
	padding-bottom: 20px;
	text-align:right;
	}
.erabikata-contents .full-center-object{
	display:block;
	float:left;
	clear:both;
	width:700px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	}		
.erabikata-contents .left-float-object{
	display:block;
	float:left;
	margin-right: 15px;
	}
.erabikata-contents .right-float-object{
	display:block;
	float:right;
	margin-left: 15px;
	}



.erabikata-list-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: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
   }
.erabikata-list-box{
	display:block;
	float:left;
	clear:both;
	width:680px;
   }
.erabikata-list-box-left{
	display:block;
	float:left;
	padding-right: 5px;
   }
.erabikata-list-box-right{
	display:block;
	float:left;
	width: 605px;
   } 

.erabikata-list-title-wrap{
	display:block;
	float:left;
	clear:both;
	width: 605px;
   }
.erabikata-list-mark-wrap{
	display:block;
	float:left;
	padding-right: 5px;
	padding-top:7px;
   }
.erabikata-list-title-wrap h3{
	display:block;
	float:left;
	font-size: 12px;
	padding-top: 3px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight:lighter;
   }     
.erabikata-list-info-wrap{
	display:block;
	font-size: 12px;
	padding-top: 3px;
	padding-left: 0px;
	line-height: 13px;
	clear: both;
	float: left;
   } 
	  	
.subtitle-wrap{
	display:block;
	float:left;
	clear:both;
	width:685px;
	height:30px;
	margin-top: 0px;
	margin-bottom: 5px;
	background-color: #EFEFEF;
	padding-left: 8px;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #F94DDF;
	}
.subtitle-wrap h3{
	padding-left:0px;
	padding-top: 7px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-size: 12px;
	}	
	  
/**************************************


イントロ


***************************************/ 
.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:#F94DDF;
	}
.intro-messagetext a:hover{
    text-decoration:underline;
	font-weight:bold;
	color:#F94DDF;
	}			
/**************************************


洗顔石鹸の選び方コンテンツメニュー


***************************************/
.choosing-wrap{
	display:block;
	float:left;
	clear:both;
	width:700px;
	}
.choosing-title{
	display:block;
	float:left;
	clear:both;
	width:700px;
	height:35px;
	}	
.choosing-contents{
	display:block;
	float:left;
	clear:both;
	width:700px;
	padding-top: 20px;
	padding-bottom: 10px;
	}
.choosing-intro-wrap{
	display:block;
	float:left;
	clear:both;
	width:700px;
	padding-bottom: 10px;
	}		
.choosing-box-wrap{
	display:block;
	float:left;
	clear:both;
	width:700px;
	padding-bottom: 10px;
	}
.choosing-box{
	display:block;
	float:left;
	padding-right: 10px;
	}
.choosing-box-last{
	display:block;
	float:left;
	}
.choosing-box-img{
	display:block;
	float:left;
	clear:both;
	padding-bottom: 10px;
	}
.choosing-box-text{
	display:block;
	float:left;
	clear:both;
	background-attachment: scroll;
	background-image: url(../images/arrow01.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	}
.choosing-box-text a{
	color:#F94DDF;
	text-decoration:none;
	}
.choosing-box-text a:hover{
	color:#F94DDF;
	text-decoration:underline;
	}				
.choosing-link-wrap{
	display:block;
	float:right;
	clear:both;
	width:700px;
	text-align: right;
	padding-top:10px;
	padding-bottom: 10px;
	}	
.choosing-link-wrap .itemlink-right{
	display:block;
	float:right;
	border: 1px solid #D53A8C;
	background-color: #F48EBE;
	font-size:12px;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	padding: 1px;	
   }
.choosing-link-wrap .itemlink-right a{
	display:block;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	background-color: #F94DDF;
	height:24px;
	padding-top:7px;
	padding-right: 20px;
	padding-left: 20px;
   }
.choosing-link-wrap .itemlink-right a span{
	display:block;
	background-attachment: scroll;
	background-image: url(../images/arrow01.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
	}   
.choosing-link-wrap .itemlink-right a:hover{
	color:#ffffff;
	text-decoration:none;
	background-color: #F70FD3;
   } 
   
/**************************************


洗顔石鹸の選び方テーブル


***************************************/   
.erabikata-table-wrap{
	display:block;
	float:left;
	clear:both;
	width:700px;
	margin-bottom: 20px;
	}     
table.erabikata{
	display:block;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-left-color: #cccccc;
	width:100%;
	}
table.erabikata th,table.erabikata td{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	}
table.erabikata th{
	background-color:#FFECF2;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	text-align: center;
	font-weight:normal;
	}
table.erabikata th.last{
	background-color:#FFECF2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	}	
table.erabikata td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	}
table.erabikata td.last{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	}