/*サンプル/

/*title*/
.center_zokusei_title_01{
	width:526px;
	height:35px;
	float:left;
	margin:10px 0px 2px 0px;
	padding:0px 0px 0px 0px;
	}

.center_zokusei_all{
	width:500px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
	}

.center_zokusei_img{
	marigin:0px 0px 0px 0px;
	padding:0px
}

.center_zokusei_a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:300px;
	font-size:10px;
	color:#666666;
	line-height:15px;}

.center_zokusei_b{
	margin:0px 0px 0px 0px;
	padding:0px;
	float:right;
	width:230px;
	font-size:10px;
	color:#666666;
	line-height:15px;}
	
#center_zokusei{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:536px;
	line-height:140%;
	}
#center_zokusei ul{
	width:530px;
	font-size:12px;
	line-height:130%;
	margin:0px 0px 0px 6px;
	padding:0px 0px 0px 0px;
	}
#center_zokusei ul li{
	width:265px;
	float:left;}

.center_check_button{
	position:relative;
	margin:20px 0px 0px 0px;
	padding:0px;
	width:500px;
	float:left;}
	
.center_text{
	margin:0px;
	padding:5px 0px 0px 0px;
	font-size:10px;
	color:#666666;}
h3.center_title_text{
	margin:10px 0 8px 0;}
		
/*help*/
.help_pagelink_all{
	margin:0px 0px 10px 0px;
	padding:0px;
	width:540px;}
	
.help_pagelink_title{
	width:530px;
	color:#E83177;
	font-weight:bold;
	font-size:12px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;}

.help_pagelink_title a:link, .help_pagelink_title a:visited, .help_pagelink_title a:active{color:#E83177; text-decoration:none;}
.help_pagelink_title a:hover{color:#EE6599; text-decoration:none;}

.help_pagelink_subtitle {
	font-size:10px;
	margin: 0px 0px 5px 0px;
}

.help_title{
	width:535px;
	color:#7D5959;
	font-weight:bold;
	font-size:15px;
	margin:0px 0px 5px 0px;
	padding:5px 0px 2px 0px;
	border-bottom:2px solid #7D5959}
	
.help_subtitle{
	width:524px;
	font-size:13px;
	color:#FF6600;
	font-weight:bold;
	margin:0px;
	padding:2px 0px 5px 25px;
	background-image: url(../images/help_question.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 19px;
}
	
.help_text{
	width:509px;
	font-size:12px;
	color:#666666;
	margin:0px;
	padding:2px 0px 15px 25px;
	line-height:130%;
	background-image: url(../images/help_answer.gif);
	background-repeat: no-repeat;
	background-position: left top;}
	
.help_text dl dt{font-weight:bold; margin-top:10px;}
.help_text dl dd{margin:0px 0px 0px 10px; padding:0px 0px 0px 0px;}

.help_text2{
	width:509px;
	font-size:12px;
	color:#666666;
	margin:0px;
	padding:2px 0px 15px 25px;
	line-height:130%;}

.help_backtop{
	font-weight:bold;
	font-size:78%;
	text-align:right;}
	
.help_img1{
	float:left;
	width:270px;
	height:270px;
	margin:0px 0px 10px 0px;
	padding:0px;}
	
.help_img2{
	float:right;
	width:270px;
	height:270px;
	margin:0px 0px 10px 0px;
	padding:0px;}

.toha_title{
	/*background-image:url(../images/toha_index.gif);*/
	background-position:left top;
	background-repeat:no-repeat;
	color:#ffffff;
	font-size:19px;
	font-weight:bold;
	margin:7px 0px 0px;
	padding:0px 0px 0px 25px;
	width:517px;
	background-color:#EF3E6C;}
	
.toha_text{
	color:#666666;
	width:530px;
	font-size:12px;
	line-height:18px;
	margin:0px;
	padding:0px 0px 0px 10px;
	border:1px solid #EF3E6C;}

.toha_text2{
	color:#FF0000;
	font-weight:bold;
	text-align:center;
	font-size:14px;
	margin:20px 0px 10px 0px;
	padding:0px 0px 0px 0px;}
	
.toha_text3{
	color:#A20052;
	font-weight:bold;
	text-align:left;
	font-size:15px;
	margin:0px 0px 0px 0px;
	padding:8px;}

.toha_text4 {
	padding:0 0 0 19px;
	}
.toha_img{
	text-align:center;}
.toha_strong {
	font-weight:bold;
	color:#ff0000;
	}
.toha-big-images01 {
	position: relative;
	margin:0px 0px 0px 5px;
	}
	
.toha-big-images02 {
	position: relative;
	}
.toha-join-big {
	position:absolute;
	top:755px;
	right:120px;
	}
.toha-join-big img{
	border:none;
	}
.toha-btn-left {
	float:left;
	padding:10px 0;
	}
.toha-btn-left img{
	border:none;
	}	
.toha-btn-right {
	float:right;
	padding:10px 0;
	}
.toha-btn-right img{
	border:none;
	}	
.toha-big-images02 {
	position:relative;
	padding:15px 0 20px 5px;
	}
.toha-join-middle {
	position:absolute;
	top: 532px;
	left: 181px;
	}
.toha-join-middle img {
	border:none;
	}
.toha-big-images03 {
	position:relative;
	padding:15px 0 20px 5px;
	}	
.toha-big-images04{
	position:relative;
	padding:15px 0pt 10px 5px;
	}
.toha-join-last01 {
	position:absolute;
	top:426px;
	left:178px;
	}
.toha-join-last01 img {
	border:none;
	}
.toha-join-last02 {
	position:absolute;
	top:534px;
	left:178px;
	}
.toha-join-last02 img{
	border:none;
	}
	
.toha-join-last03{
	left:20px;
	position:absolute;
	top:265px;}
	
.page-text {
	text-align:right;
	font-weight:bold;
	}
	
/*オススメサンプル*/

.osusume_sample_border1{
	border-bottom:#999999 1px solid; color:#999999;
	clear:both; margin:0px 0px 10px 0px; padding:0px; 
}

.osusume_sample_border2{
	border-bottom:#999999 1px dashed; color:#999999;
	clear:both; margin:0px 0px 0px 0px; padding:0px; 
}

.osusume_sample_border3{
	width:525px;
	border-bottom:#999999 1px dashed; color:#999999;
	clear:both; margin:0px 0px 0px 0px; padding:0px; 
}

.osusume_sample_border4{
	width:525px;
	border-bottom:#999999 1px dashed; color:#999999;
	clear:both; margin:0px 0px 5px 0px; padding:5px 0px 5px 0px; 
}

* html .osusume_sample_border3{
	width:532px;
	clear:both; 
	margin:-20px 0px 0px 0px; padding:0px;}

.osusume_sample_border4{
	border-bottom:#999999 1px solid; color:#999999;
	clear:both; margin:0px 10px 0px 10px; padding:0px; 
}

* html .osusume_sample_border4{
	margin:-20px 10px 0px 10px;}

*:first-child+html .osusume_sample_border4{
	margin:-20px 10px 0px 10px;}
	
.osusume_sample_border5{
	border-bottom:#999999 1px solid; color:#999999;
	clear:both; margin:-10px 10px 5px 10px; padding:0px; 
}

* html .osusume_sample_border5{
	margin:-10px 10px 5px 10px; }

*:first-child+html .osusume_sample_border5{
	margin:-10px 10px 5px 10px; }

.osusume_pr_all{
	width:540px;
	float:left;
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px;}
	
.osusume_pr{
	width:540px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
	}
	
.osusume_pr_img{
	width:70px;
	height:70px;
	float:left;
	clear:both;
	margin:0px 0px 10px 0px;
	padding:0px;
	}
.osusume_pr_text_all{
	width:450px;
	float:right;
	margin:0px;
	padding:0px 0px 0px 10px;}
	
.osusume_pr_title{
	font-size:12px;
	font-weight:bold;
	clear:both;
	}
.osusume_pr_text01{
	font-size:10px;
	color:#666666;
	clear:both;
	}
	
.osusume_pr_text02{
	font-size:10px;
	color:#666666;
	text-align:right;
	clear:both;}

.osusume_sample_border{
	border-bottom:2px solid;
	margin: 0px;
	padding: 0px;
}
	
.osusume_sample{
	width:530px;
	height:130px;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
	}

*:first-child+html .osusume_sample{
	height:145px;}
	
.osusume_sample_img{
	float:left;
	width:125px;
	height:125px;
	margin:5px 0px 0px 0px;
	padding:0px 0px 5px 0px;
	}
	
.osusume_sample_text_all{
	float:right;
	width:395px;
	}
	
.osusume_sample_title{
	font-weight:bold;
	font-size:12px;
	margin:0px 0px 3px 0px;
	padding:6px 0px 8px 0px;
	text-align:left;
	width:450px;
	word-break: break-all; 
	width:100%;
	overflow:hidden;
	}
	
.osusume_sample_text{
	font-size:12px;
	color:#666666;
	word-break: break-all;
	overflow:hidden;}
	
.osusume_sample_text2{
	font-size:10px;
	margin:0px;
	padding:0px 7px 0px 0px;
	color:#666666;
	text-align:right;}

.osusume_sample_text3{
	color:#666666;
	margin:0px;
	padding:5px 0px 0px 0px;}

.estimation_text1{
	font-size:78%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 8px;
	}
	
.estimation_text2{
	font-size:100%;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

.star_img{
	}
		
.osusume_sample_button_all{
	width:390px;
	float:left;
	margin:0px;
	padding:0px 0px 3px 0px;}
	
.osusume_sample_button_all1{
	width:390px;
	float:left;
	margin:0px;
	padding:5px 0px 5px 0px;
	border-bottom:dashed 1px #999999;}
	
* html .osusume_sample_button_all1{
	width:390px;
	padding:5px 0px 0px 0px;}
	
.osusume_sample_button_all1-2{
	width:390px;
	float:left;
	margin:0px;
	padding:5px 0px 0px 0px;}
	
* html .osusume_sample_button_all1-2{
	width:390px;}
	
.osusume_sample_button_all2{
	width:298px;
	float:right;
	margin:0px;}
	
.osusume_sample_button1{
        width:83px;
		float:left;
        display:block;
		margin:0px 0px 0px 0px;
		padding:0px 3px 0px 0px;
}
.osusume_sample_button2{
        width:83px;
		float:left;
        display:block;
		margin:0px 0px 0px 0px;
		padding:0px 3px 0px 0px;
}
.osusume_sample_button3{
        width:83px;
		float:left;
        display:block;
		margin:0px 0px 0px 0px;
		padding:0px 3px 0px 0px;}

.osusume_sample_button4{
        width:83px;
		float:left;
        display:block;
		margin:0px 0px 0px 0px;
		padding:0px 3px 0px 0px;}

/*news*/
.center_news_pr{
	margin:10px 0px 0px 0px;
	padding:0px;
}

.center_pr{
	}

.center_news{
	float:left;
	clear:both;
	margin:0px 0px 0px 0px;}
	
.center_news_text1{
	margin:5px 0px 2px 0px;
	width:325px;}
.center_news_text2{
	font-size:12px; margin:2px 0px 5px 0px;}
.center_news_text3_all{	width:325px;}
.center_news_text3{font-size:10px;}
.osusume_sample_border_news{
	border-bottom:#999999 1px dashed; color:#999999;
	clear:both; margin:3px 0px 3px 0px; padding:0px; 
	width:250px;}
	
.center_news_img{
	float:right;
	width:200px;
	height:200px;
	margin:0px 0px 10px 0px;
	padding:0px;}
	
.center_top_pickup_all{
	height:130px;
	margin:10px 0px 10px 0px;
	padding:0px;
	clear:both;}
	
.center_top_pickup_left{
	float:left;
	width:267px;}
.center_top_pickup_right{
	float:right;
	width:267px;}

.center_top_pickup_img1{
	float:left;
	width:130px; height:130px;}
	
.center_top_pickup_img2{
	float:right;
	width:130px; height:130px;}
	
.center_top_pickup_img3{
	float:left;
	width:130px; height:130px;}
	
.center_top_pickup_img4{
	float:right;
	width:130px; height:130px;}

.pr_button{
	width:326px;
	height:21px;
	display:block;
	font-weight:bold;
	font-size:14px;
	padding:17px 5px 0;
	margin:0 0 0 100px;
	color: #FFFFFF;
	text-align:center;
	background-image: url(../images/pr_contents_under_off.gif);
	background-repeat:no-repeat;
	background-position:5px 15px;
	clear:both;
}

.pr_button a:link, .pr_button a:visited{color: #FFFFFF; text-decoration:none;}
.pr_button a:active, .pr_button a:hover{color: #FFFFFF; text-decoration:none;}
			
/*tab*/
.tabheader{
	width:540px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear:both;}
	
.tabheader table {
	font-size:12px;
	color:#666666;
	border-collapse: collapse; /* for IE */
 	border-spacing: 0; /* for N6 */
}
.tabheader table a{color:#864A0E;}
.tabheader table tr td {margin:5px 0px 0px 0px;padding:0;border-width:0}

.tabheader .close {
	height:18px;
	border-style: solid;
	border-width: 1px; 
	border-color: #666;
	background-color: #fff;
	margin:0;
	padding: 5px 2px 0px 1px;
	white-space: nowrap;
}

.tabheader .close a{color:#666666;}

.tabheader .open {
	border-style: solid;
  	border-width: 1px; 
  	border-color: #666 #666 #fff #666;
  	background-color: #fff;
  	height:18px;
  	margin:0;
  	padding: 5px 2px 0px 1px;
  	white-space: nowrap;
}

.tabheader .spc1 {
  border-style: solid;
  border-width: 1px 0 1px 0; 
  border-color: #fff #fff #666 #fff;
  margin:0;
  padding: 5px 0px 5px 0px;
  white-space: nowrap;
}

.tabheader .spc2 {
	width:360px;
	border-style: solid;
	border-width: 1px 0 1px 0; 
	border-color: #fff #fff #666 #fff;
	margin:0;
	padding: 5px 5px 5px 5px;
	white-space: nowrap;
}

* html .tabheader .spc2 {width:367px;}

.tabheader a {text-decoration: none;}

.tabbody {
  border-color: #666;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  margin:0px 0px 0px 0px;
  padding: 0px 0px 0px 5px;
}

/*boxｖ隊鋲*/
#box1, #box2{
	width:540px;
	margin:-1px 0px 0px 0px;
	padding:0px 0px 15px 0px;
	}
	
* html #box1, #box2{
	width:540px;
	margin:-1px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	}
	
/*news*/
.center_top_tokudane1{margin:5px 0px 0px 25px;}
.center_top_tokudane2{font-size:12px; }





/*help Start*/
.map_title{
	font-size:14px;
	font-weight:bold;
	margin:10px 0px 5px 0px;
	color:#666666;
	border-bottom:1px #d0d0d0 solid;
	}
	
* html .map_title{
	font-size:14px;
	font-weight:bold;
	margin:10px 0px 5px 0px;
	color:#666666;
	border-bottom:1px #d0d0d0 solid;
	}

/*map_text*/	
.map_ul{
	font-size:12px;
	font-weight:normal;
	color:#666666;
	margin:0px 0px 20px 0px;
	padding:0px;
	line-height:130%;

	}
	
* html .map_ul{
	font-size:12px;
	font-weight:normal;
	color:#666666;
	margin:0px 0px 0px 0px;
	padding:0px;
	line-height:120%;
	}

.map_ul li{
	font-weight:normal;
	font-size:12px;
	color:#666666;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 15px;
	display:inline;
	background-image:url(../images/side_contents_arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	list-style-type:none;
	}

* html .map_ul li{
	font-weight:normal;
	font-size:12px;
	color:#666666;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 15px;
	display:inline;
	background-image:url(../images/side_contents_arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	list-style-type:none;
	}
	
.map_list a:link,
.map_list a:visited{
	text-decoration:none;}

.map_list a:hover{
	text-decoration:underline;}	
/*help End*/

/*top_beauty_community Start*/
.top_beauty_community_all{
	float:left;
	width:546px;
	height:147px;
	background-image:url(../images/head_back_beautycommu.gif);
	background-repeat:no-repeat;
	}

.top_beauty_table1{
	margin:3px 0px 0px 0px;
	padding:0px;
	}

.top_beauty_table2{
	margin:0px 0px 0px 10px;
	padding:0px;
	line-height:75%;
	}
	
.top_beauty_title{
	font-weight:bold;
	font-size:12px;
	color:#fff;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 30px;
	float:left;}
	
.top_beauty_imasugu{
	font-weight:bold;
	font-size:12px;
	text-align:right;
	margin:0px 0px 0px 0px;
	padding:0px 20px 0px 0px;
	float:right;}
	
.top_beauty_imasugu a:link{color:#fff;}
.top_beauty_imasugu a:hover{color:#fff; text-decoration:underline;}
.top_beauty_imasugu a:active{color:#fff;}
.top_beauty_imasugu a:visited{color:#fff;}

.top_beauty_genre{
	text-align:left;
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 15px;
	}

* html .top_beauty_genre{
	padding:10px 0px 0px 15px;
	}

*:first-child+html .top_beauty_genre{
	padding:10px 0px 0px 15px;
	}
	
.top_beauty_kiji_title{
	font-size:10px;
	color:#666666;
	text-align:left;
	font-weight:bold;}

.top_beauty_kiji_title2{
	font-size:10px;
	color:#666666;
	text-align:right;
	font-weight:bold;}

.top_beauty_content_title{
	font-weight:bold;
	font-size:12px;
	text-align:left;
	word-break: break-all; 
	overflow:hidden;
	}


.top_beauty_content1{
	font-size:12px;
	color:#666666;
	word-break: break-all;
	overflow:hidden;
	}
	
.top_beauty_content2{
	font-size:12px;
	color:#666666;
	word-break: break-all;
	overflow:hidden;
	text-align:right;
	}

/*top_beauty_community End*/

/*tab*/
.tab-head{
	width:545px;
	margin:0px auto;
	padding:0px;
	font-size:65%;
	text-align:center;
	}
	
.tab-on{
	width:68px;
	height:25px;
	float:left;
	text-align:center;
	}
	
.tab-on a:link, .tab-on a:visited{
	width:68px;
	height:25px;
	margin:0px 0px -7px 0px;
	padding:7px 0px 0px 0px;
	color:#ffffff;
	display:block;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url("/sample/images/tab-on.gif");
	}
	
.tab-on a:hover, .tab-on a:active{
	width:68px;
	height:25px;
	margin:0px 0px -7px 0px;
	padding:7px 0px 0px 0px;
	color:#ffffff;
	text-decoration:none;
	display:block;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url("/sample/images/tab-over.gif");
	}
	
	
	
.tab-off{
	width:68px;
	height:24px;
	float:left;
	text-align:center;
	}
	
.tab-off a:link, .tab-off a:visited{
	width:68px;
	height:25px;
	margin:0px 0px -7px 0px;
	padding:7px 0px 0px 0px;
	color:#000000;
	display:block;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url("/sample/images/tab-off.gif");
	}
	
.tab-off a:hover, .tab-off a:active{
	width:68px;
	height:25px;
	margin:0px 0px -7px 0px;
	padding:7px 0px 0px 0px;
	color:#ffffff;
	text-decoration:none;
	display:block;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url("/sample/images/tab-over.gif");
	}
	
.tab-border{
	width:528px;
	border:1px solid #EF3E6C;
	clear:both;
	margin:0px;
	padding:0px 5px 10px 7px;
	}
	
* html .tab-border{
	padding:0px 1px 10px 7px;
	}
	
	