@charset "utf-8";
/* CSS Document */

/* DEAFAULT
-------------------------------------------------------------------------- */

/******　メイン　*******/

h1 {
	float: right;
	width: 300px;
	font-size: 12px;
	text-align: right;
}


#kimg {
	width: 800px;
	_margin-top:20px;
	margin-bottom:10px;
}


/*********その他*********/

a:visited {
	color:#996699;
	text-decoration:underline;
}

a:hover {
	color:#3D6BFF;
	text-decoration:underline;
}


/*
----------------------------------------------------------
	trend
----------------------------------------------------------
*/


.tren_space{
	padding:10px 0 0 0;
}

.tren_bg{
	background:#3cabbc;
}


/*
----------------------------------------------------------
	Top
----------------------------------------------------------
*/

.tren_top_logo{
	padding:20px 0 50px;
}

.tren_logo{
	height:110px;
	position:relative;
	background:url("../images/hd_bg.jpg") center bottom repeat-x;
	}
.tren_logo img{display:block; position:absolute;}
.tren_logo .tren_logo1{left:25px; top:25px;}
.tren_logo .tren_logo2{left:125px; top:25px;}
.tren_logo .tren_logo3{left:125px; top:50px;}

.tren_top_bg{
	border-top:1px #51a2ac solid;
	background:#3cabbc url("../images/tren_top_bg.jpg") center center repeat-x;/*484747*/
}
.tren_top_btn{

}
.tren_top_btn th,
.tren_top_btn td{
	vertical-align:top;
}

a.tt_btn{
}


a.tt_btn img{
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
	filter: alpha(opacity=100);
	}

a.tt_btn,
a.tt_btn:hover{
	text-decoration:none;
}

a.tt_btn:hover img{
	filter: alpha( opacity=70 );  /* IE */
    	opacity:0.7;                 /* Firefox,Opera,Safari */
    	-moz-opacity:0.7;           /* Firefox 0.9 */
	-ms-filter: "alpha( opacity=70 )";
}

a.tt_btn:hover img.tt_tit_img{
	filter: alpha( opacity=80 );  /* IE */
    	opacity:0.8;                 /* Firefox,Opera,Safari */
    	-moz-opacity:0.8;           /* Firefox 0.9 */
	-ms-filter: "alpha( opacity=80 )";
}

.tt_btn .tt_model,
.tt_btn .tt_stylist{display:block;}

.tt_btn{position:relative;}

.tt_btn .tt_model,
.tt_btn .tt_stylist{
	/display:inline;
}

.tt_btn .tt_model img{
	/margin:10px 0;
	/display:block;
}
.tt_btn .tt_stylist img{
	/display:block;
}

.tt_link_IE{
	display:none;
}

.tt_link_IE{
	/position:absolute;
	/left:0;
	/top:0;
	/display:block;
	/width:220px;
	/height:360px;
	/z-index:8;
	/background:#efefef;
	/cursor:pointer;
	filter: alpha( opacity=0 );  /* IE */
	-ms-filter: "alpha( opacity=0 )";
}

.tt_btn .tt_model{
	margin:5px 0 15px 0;
}

.tren_top_btn th p.tt_c1,
.tt_c1 a.tt_btn:hover .tt_model,
.tt_c1 a.tt_btn:hover .tt_stylist{background:#e5b700;}
.tren_top_btn th p.tt_c2,
.tt_c2 a.tt_btn:hover .tt_model,
.tt_c2 a.tt_btn:hover .tt_stylist{background:#e14498;}
.tren_top_btn th p.tt_c3,
.tt_c3 a.tt_btn:hover .tt_model,
.tt_c3 a.tt_btn:hover .tt_stylist{background:#3a75d6;}
.tren_top_btn th p.tt_c4,
.tt_c4 a.tt_btn:hover .tt_model,
.tt_c4 a.tt_btn:hover .tt_stylist{background:#6b90b8;}

.tren_top_btn th h3{
	padding:10px 0 5px;
}

.tren_top_btn th p{
	font-size:11px;
	font-weight:bold;
	padding:4px 8px;
	color:#ffffff;
	background:#999999;
}

.tren_top_btn th,
.tren_top_btn td{
	padding:5px 21px;
	border-left:1px #95d9e0 solid;
}

.tren_top_btn td.tt_c1 a.tt_btn{border-bottom:3px #93d8e0 solid;}/*#e5b700*/
.tren_top_btn td.tt_c2 a.tt_btn{border-bottom:3px #93d8e0 solid;}/*#8851b3*/
.tren_top_btn td.tt_c3 a.tt_btn{border-bottom:3px #93d8e0 solid;}/*#e14498*/
.tren_top_btn td.tt_c4 a.tt_btn{border-bottom:3px #93d8e0 solid;}/*#6b90b8*/
.tren_top_btn td a.tt_btn{
	border-bottom:3px #7f7e7c solid;
	padding:0 0 20px 0;
	margin:0 0 5px 0;
	display:block;
}

.tren_top_btn td a.tt_btn:hover{
	/*background:#595858;*/
}

.tt_title{
	color:#ffffff;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	display:block;
	padding:5px 0px 5px 0px;
}

.tt_stylist{
	width:51px;
	float:left;
}

.tt_data{
	width:158px;
	float:right;
	min-height:68px;
}

.tt_c1 .tt_salon{color:#fff;}
.tt_c2 .tt_salon{color:#fff;}/*#8851b3*/
.tt_c3 .tt_salon{color:#fff;}
.tt_c4 .tt_salon{color:#fff;}
.tt_salon{
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	}

.tt_salon small{
	font-size:8px;
	}
.tt_salon_r{
	color:#ffffff;
	font-size:9px;
	line-height:10px;
	}

.tt_name{
	color:#ffffff;
	font-size:13px;
	line-height:18px;
	font-weight:normal;
	font-style:normal;
	}



/*
----------------------------------------------------------
	in
----------------------------------------------------------
*/




.tren_in_logo{padding:0px; background:url("../images/hd_bg_in.jpg") center bottom repeat-x;}
.tren_in_logo img{display:inline;}
.tren_in_logo .tren_in_logo1{margin:15px 0 15px 15px;}
.tren_in_logo .tren_in_logo2{margin:16px 0 14px 10px;}
.tren_in_logo .tren_in_logo3{margin:13px 0 5px 0px;}


.tren_bg_line{
	border:1px #e5e3e3 solid;
	background:#ffffff;
	padding:19px;
}

.tren_in_tit_dot{
	color:#ffffff;
	font-size:12px !important;
	font-weight:bold;
	padding:4px 10px;
	background:#2a2a2a;
}
.tren_in_tit_dot span.tren_in_tit_s{
	font-size:14px !important;
}

.tren_in_img{
	width:520px;
	float:left;
}

.tren_in_main_cap{
	color:#ffffff;
	background:#67c9d5;
}
.tren_in_main_cap p{
	color:#ffffff;
	padding:4px 8px;
	font-size:11px;
}


.tren_in_txt{
	width:220px;
	float:right;
}

.tren_in_salon a{
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	
	padding:0 0 8px 0;
	display:block;
	border-bottom:2px #ffffff solid;
	text-decoration:none;
	color:#999999;
	background:url("../images/arrow1.gif") 100% 70% no-repeat;
}

.tren_in_salon a small{
	font-size:12px;
}

.tren_in_salon a:hover{
	border-bottom:2px #999999 solid;
	text-decoration:none;
    	filter: alpha( opacity=70 );  /* IE */
    	opacity:0.7;                 /* Firefox,Opera,Safari */
    	-moz-opacity:0.7;           /* Firefox 0.9 */
	-ms-filter: "alpha( opacity=70 )";
}

.tren_in_stylist{
	padding:10px 0 20px;
	border-bottom:1px #bfbfbf solid;
}

.tren_in_stylist img{
	width:74px;
	float:left;
}
.tren_in_stylist p{
	width:135px;
	float:right;
}
.tren_in_stylist p span{
	display:block;
	padding:10px 0;
	font-size:11px;
	line-height:14px;
}

.tren_in_stylist p strong{
	display:block;
	font-size:18px;
}

.tren_in_tit{
	font-size:15px;
	line-height:22px;
	border-bottom:1px #bfbfbf solid;
	padding:15px 0;
}

.tren_in_tit ruby rp,
.tren_in_tit ruby rt{
	font-size:8px;
	}

.tren_point{
	padding-bottom:20px;
	border-bottom:1px #bfbfbf solid;
}

.tren_point h4{
	font-size:12px;
	font-weight:bold;
	padding:18px 0 18px 25px;
	background:url("../images/tren_point.gif") left center no-repeat;
}


.tren_point dt{
	width:107px;
	float:left;
	}
.tren_point dd{
	font-size:11px !important;
	line-height:18px;
	padding:0px 0px 0px 0px;
	width:105px;
	float:right;
}

.tren_in_side{
	width:107px;
	float:left;
	
}

.tren_in_back{
	width:107px;
	float:right;
}

.tren_in_sub{
	padding:20px 0px;
}

.tren_in_sub p{
	color:#ffffff;
}

.tren_in_sub p span{
	display:block;
	padding:6px 8px 6px 22px;
	font-size:12px;
	font-weight:bold;
	background:#67c9d5 url("../images/plus_bg.gif") left center repeat-y;
}

.tren_in_sub p a{
	color:#ffffff;
	background:#67c9d5;
	display:block;
	text-decoration:none;
}

.tren_in_sub p a:hover{
	color:#ffffff;
	text-decoration:none;
    	filter: alpha( opacity=70 );  /* IE */
    	opacity:0.7;                 /* Firefox,Opera,Safari */
    	-moz-opacity:0.7;           /* Firefox 0.9 */
	-ms-filter: "alpha( opacity=70 )";
}


.tren_in_btn a{
	margin-bottom:20px;
	padding:15px 10px;
	text-align:left;
	display:block;
	color:#ffffff;
	background:#2a2a2a;
	border:3px #67c9d5 solid;
}

.tren_in_btn a:hover{
	color:#ffffff;
	border:3px #3cabbc solid;
	text-decoration:none;
    	filter: alpha( opacity=70 );  /* IE */
    	opacity:0.7;                 /* Firefox,Opera,Safari */
    	-moz-opacity:0.7;           /* Firefox 0.9 */
	-ms-filter: "alpha( opacity=70 )";
}
.tren_in_btn a span{
	font-size:12px;
	line-height:18px;
	display:block;
	padding:0px 0 0 30px;
	font-style:normal;
	background:url("../images/arrow2.gif") left center no-repeat;
}

.tren_in_btn a span em{
	font-weight:bold;
	font-style:normal;
	color:#ffffff;
}

.tren_in_body{
	padding:0;
	margin:20px 0;
}




.tren_hr{
	margin:20px 0;
	padding:0px 0 0;
	border-right:1px #bfbfbf solid;
}

.tren_hr th{
	text-align:left;
	vertical-align:top;

	padding:5px 0 0;
}
.tren_hr td{
	text-align:left;
	vertical-align:top;
	border-left:1px #bfbfbf solid;
	width:25%;
}

.tren_hr td h5{
	font-size:14px !important;
	font-weight:normal;
	padding:0px 10px 0;
}

.tren_hr td p{
	font-size:11px !important;
	line-height:18px;
	padding:10px;
}

/*紫*/
.tren_hr_c1,
.tren_hr_c1 a,
.tren_hr_c1 td h5{color:#e5b700;}
.tren_hr_c1_bg{color:#ffffff;background:#e5b700;}

/*グリーン*/
.tren_hr_c2,
.tren_hr_c2 a,
.tren_hr_c2 td h5{color:#e14498;}
.tren_hr_c2_bg{color:#ffffff;background:#e14498;}

/*ピンク*/
.tren_hr_c3,
.tren_hr_c3 a,
.tren_hr_c3 td h5{color:#3a75d6;}
.tren_hr_c3_bg{color:#ffffff;background:#3a75d6;}

/*ブルー*/
.tren_hr_c4,
.tren_hr_c4 a,
.tren_hr_c4 td h5{color:#6b90b8;}
.tren_hr_c4_bg{color:#ffffff;background:#6b90b8;}

.tren_about{padding:0px 0 0px;}
.tren_about .tren_about_font_s{font-size:11px; line-height:14px; font-weight:normal;}
.tren_about strong{font-size:16px; line-height:20px; display:block; padding:3px 0 0; font-weight:bold;}
.tren_about a{text-decoration:underline;}

ul.tren_about{padding:10px 20px 20px;}

ul.tren_about li{padding:2px 0px;}

ul.tren_about li a,
ul.tren_about li span{padding:5px 0 5px 20px; background:url("../images/arrow.gif") left center no-repeat;}

.tren_about th,
.tren_about td{padding:15px 10px;}


.tren_about th{width:200px;}

.tren_in_link{
	background:#ece9e9;
}
.tren_in_link h4{
	font-size:14px;
	padding:12px 20px;
	background:#ece9e9;
	border-bottom:1px #c5c2c2 solid;
}

/*
----------------------------------------------------------
	バックナンバー
----------------------------------------------------------
*/
#tren_bn{
	/*border-top:1px #42a2b3 solid;*/
	color:#ffffff;
	background:#3cabbc;
	padding-bottom:0px;
}

.tren_bn_tit{
	padding:15px 15px 5px;
	border-top:1px #42a2b3 solid;
	margin-bottom:0px;
	}
	
.tren_bn_tit h4{
	float:left;
	width:140px;
	font-weight:bold;
	}
.tren_bn_tit ul{
	width:600px;
	float:left;
	}
	
.tren_bn_tit ul li{
	width:300px;
	float:left;
	padding:0px 0 10px 0;
	}

.tren_bn_tit ul li a{
	font-size:13px;
	line-height:18px;
	display:block;
	padding:0px 15px 5px 30px;
	font-style:normal;
	font-weight:bold;
	color:#ffffff;
	background:url("../images/arrow3.gif") left top no-repeat;
	}

/*
----------------------------------------------------------
	Tab
----------------------------------------------------------
*/
.tren_top_banner,
.tren_top_tab,
.tren_tab{
	position:relative;
}

.tren_tab{
	background:#3cabbc url("../images/hd_tab_bg.jpg") left center repeat;
	height:30px;
	border-top:1px #42a2b3 solid;
}

.tren_top_banner ul{
	position:absolute;
	top:-137px;
	left:590px;
	width:201px;
	height:127px;
	background:#fff;
}

.tren_top_banner ul li a:hover{
    	filter: alpha( opacity=70 );  /* IE */
    	opacity:0.7;                 /* Firefox,Opera,Safari */
    	-moz-opacity:0.7;           /* Firefox 0.9 */
	-ms-filter: "alpha( opacity=70 )";
}

.tren_top_tab ul{
	position:absolute;
	top:-30px;
	left:10px;
}

.tren_tab ul{
	position:absolute;
	top:-40px;
	left:0;
}

.tren_top_tab ul li,
.tren_tab ul li{
	width:286px;
	float:left;
}

.tren_top_tab ul li a,
.tren_tab ul li a{
	width:276px; height:31px;
	text-indent:-999px;
	display:block;
	overflow:hidden;
}
.tren_tab ul li a:hover,
.tren_top_tab ul li a:hover{
    	filter: alpha( opacity=70 );  /* IE */
    	opacity:0.7;                 /* Firefox,Opera,Safari */
    	-moz-opacity:0.7;           /* Firefox 0.9 */
	-ms-filter: "alpha( opacity=70 )";
}
.tren_top_tab ul li a:active,
.tren_top_tab ul li a:focus,
.tren_tab ul li a:active,
.tren_tab ul li a:focus{
    	filter: alpha( opacity=70 );  /* IE */
    	opacity:0.7;                 /* Firefox,Opera,Safari */
    	-moz-opacity:0.7;           /* Firefox 0.9 */
	-ms-filter: "alpha( opacity=70 )";
}

.tren_tab1 a{ background:#ffffff url("../images/tren_tab.gif") 0px -31px no-repeat;}
.tren_tab1 a.on{ background:#ffffff url("../images/tren_tab.gif") 0px 0px no-repeat;}

.tren_tab2 a{ background:#ffffff url("../images/tren_tab.gif") -276px -31px no-repeat;}
.tren_tab2 a.on{ background:#ffffff url("../images/tren_tab.gif") -276px 0px no-repeat;}


/*
----------------------------------------------------------
	Nav
----------------------------------------------------------
*/

#tren_nav{
	width:800px;
	height:120px;
	position:relative;
}

#tren_nav h4{
	position:absolute;
	left:15px; top:20px;
	z-index:2;
}
#tren_nav h4 a{
	width:62px;
	height:59px;
	display:block;
}

#tren_nav ul{
	position:relative;
	width:800px;
	height:140px;
}

#tren_nav ul li{
	position:absolute;
	color:#ffffff; 
	font-size:12px;
}
#tren_nav ul li em{
	color:#ffffff; 
	font-style:normal;
	font-weight:bold;
	font-size:12px;
}

#tren_nav ul li#tren_nav_tit1{left:89px; top:112px; width:270px; padding:2px 0 0 0; border-top:2px #e5b700 solid;}

#tren_nav ul li#tren_nav1{left:89px; top:20px;}
#tren_nav ul li#tren_nav2{left:159px; top:20px;}
#tren_nav ul li#tren_nav3{left:229px; top:20px;}
#tren_nav ul li#tren_nav4{left:299px; top:20px;}

#tren_nav ul li#tren_nav_tit2{left:369px; top:112px; width:270px; padding:2px 0 0 0; border-top:2px #8851b3 solid;}

#tren_nav ul li#tren_nav5{left:369px; top:20px;}
#tren_nav ul li#tren_nav6{left:439px; top:20px;}
#tren_nav ul li#tren_nav7{left:509px; top:20px;}
#tren_nav ul li#tren_nav8{left:579px; top:20px;}

#tren_nav ul li#tren_nav_tit3{left:649px; top:112px; width:200px; padding:2px 0 0 0; border-top:2px #e14498 solid;}

#tren_nav ul li#tren_nav9{left:649px; top:20px;}
#tren_nav ul li#tren_nav10{left:719px; top:20px;}
#tren_nav ul li#tren_nav11{left:719px; top:20px;}

#tren_nav ul li#tren_nav_tit4{left:649px; top:112px; width:130px; padding:2px 0 0 0; border-top:2px #6b90b8 solid;}


#tren_nav ul li strong{
	width:60px;
	height:84px;
	display:block;
	border-bottom:8px #5fb7e7 solid;
    	filter: alpha( opacity=50 );  /* IE */
    	opacity:0.5;                 /* Firefox,Opera,Safari */
    	-moz-opacity:0.5;           /* Firefox 0.9 */
	-ms-filter: "alpha( opacity=50 )";
}

#tren_nav ul li a{
	width:60px;
	height:84px;
	display:block;
	border-bottom:8px #3cabbc solid;
}

#tren_nav ul li a:hover{
	border-bottom:8px #3cabbc solid;
    	filter: alpha( opacity=70 );  /* IE */
    	opacity:0.7;                 /* Firefox,Opera,Safari */
    	-moz-opacity:0.7;           /* Firefox 0.9 */
	-ms-filter: "alpha( opacity=70 )";
}

#tren_nav ul li.tren_nav_bg1 strong{border-bottom:8px #e5b700 solid;}
#tren_nav ul li.tren_nav_bg2 strong{border-bottom:8px #e14498 solid;}
#tren_nav ul li.tren_nav_bg3 strong{border-bottom:8px #3a75d6 solid;}
#tren_nav ul li.tren_nav_bg4 strong{border-bottom:8px #6b90b8 solid;}

#tren_nav ul li.tren_nav_bg1{background:#e5b700;}
#tren_nav ul li.tren_nav_bg2{background:#e14498;}
#tren_nav ul li.tren_nav_bg3{background:#3a75d6;}
#tren_nav ul li.tren_nav_bg4{background:#6b90b8;}

/*
#tren_nav ul li.tren_nav_bg1 a:hover{border-bottom:8px #e5b700 solid;}
#tren_nav ul li.tren_nav_bg2 a:hover{border-bottom:8px #e14498 solid;}
#tren_nav ul li.tren_nav_bg3 a:hover{border-bottom:8px #3a75d6 solid;}
#tren_nav ul li.tren_nav_bg4 a:hover{border-bottom:8px #6b90b8 solid;}
*/