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

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

body #pageBody{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif;
}

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

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:#f9f6f2 url("/trend/2013spring/images/tren_bg.jpg") 0 0 repeat;
}


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

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

.tren_top_btn li{
	float:left;
}

.tren_top_btn1,
.tren_top_btn2,
.tren_top_btn4,
.tren_top_btn5,
.tren_top_btn7,
.tren_top_btn8{
	width:267px;
}
.tren_top_btn3,
.tren_top_btn6,
.tren_top_btn9{
	width:266px;
}

.tren_top_btn1 a,
.tren_top_btn2 a,
.tren_top_btn3 a,
.tren_top_btn4 a,
.tren_top_btn5 a,
.tren_top_btn6 a,
.tren_top_btn7 a,
.tren_top_btn8 a,
.tren_top_btn9 a{
	height:353px;
	text-indent:-999px;
	display:block;
	overflow:hidden;
}

.tren_top_btn1 a{width:267px;  background:url("/trend/2013spring/images/tren_top_btn1.jpg") 0px 0px;}
.tren_top_btn1 a:hover{background:url("/trend/2013spring/images/tren_top_btn1_on.jpg") 0px 0px;}
.tren_top_btn1 a:active,
.tren_top_btn1 a:focus{background:url("/trend/2013spring/images/tren_top_btn1.jpg") 0px 0px;}

.tren_top_btn2 a{width:267px;  background:url("/trend/2013spring/images/tren_top_btn2.jpg") 0px 0px;}
.tren_top_btn2 a:hover{background:url("/trend/2013spring/images/tren_top_btn2_on.jpg") 0px 0px;}
.tren_top_btn2 a:active,
.tren_top_btn2 a:focus{background:url("/trend/2013spring/images/tren_top_btn2.jpg") 0px 0px;}

.tren_top_btn3 a{width:266px;  background:url("/trend/2013spring/images/tren_top_btn3.jpg") 0px 0px;}
.tren_top_btn3 a:hover{background:url("/trend/2013spring/images/tren_top_btn3_on.jpg") 0px 0px;}
.tren_top_btn3 a:active,
.tren_top_btn3 a:focus{background:url("/trend/2013spring/images/tren_top_btn3.jpg") 0px 0px;}

.tren_top_btn4 a{width:267px;  background:url("/trend/2013spring/images/tren_top_btn4.jpg") 0px 0px;}
.tren_top_btn4 a:hover{background:url("/trend/2013spring/images/tren_top_btn4_on.jpg") 0px 0px;}
.tren_top_btn4 a:active,
.tren_top_btn4 a:focus{background:url("/trend/2013spring/images/tren_top_btn4.jpg") 0px 0px;}

.tren_top_btn5 a{width:267px;  background:url("/trend/2013spring/images/tren_top_btn5.jpg") 0px 0px;}
.tren_top_btn5 a:hover{background:url("/trend/2013spring/images/tren_top_btn5_on.jpg") 0px 0px;}
.tren_top_btn5 a:active,
.tren_top_btn5 a:focus{background:url("/trend/2013spring/images/tren_top_btn5.jpg") 0px 0px;}

.tren_top_btn6 a{width:266px;  background:url("/trend/2013spring/images/tren_top_btn6.jpg") 0px 0px;}
.tren_top_btn6 a:hover{background:url("/trend/2013spring/images/tren_top_btn6_on.jpg") 0px 0px;}
.tren_top_btn6 a:active,
.tren_top_btn6 a:focus{background:url("/trend/2013spring/images/tren_top_btn6.jpg") 0px 0px;}

.tren_top_btn7 a{width:267px;  background:url("/trend/2013spring/images/tren_top_btn7.jpg") 0px 0px;}
.tren_top_btn7 a:hover{background:url("/trend/2013spring/images/tren_top_btn7_on.jpg") 0px 0px;}
.tren_top_btn7 a:active,
.tren_top_btn7 a:focus{background:url("/trend/2013spring/images/tren_top_btn7.jpg") 0px 0px;}

.tren_top_btn8 a{width:267px;  background:url("/trend/2013spring/images/tren_top_btn8.jpg") 0px 0px;}
.tren_top_btn8 a:hover{background:url("/trend/2013spring/images/tren_top_btn8_on.jpg") 0px 0px;}
.tren_top_btn8 a:active,
.tren_top_btn8 a:focus{background:url("/trend/2013spring/images/tren_top_btn8.jpg") 0px 0px;}

.tren_top_btn9 a{width:266px;  background:url("/trend/2013spring/images/tren_top_btn9.jpg") 0px 0px;}
.tren_top_btn9 a:hover{background:url("/trend/2013spring/images/tren_top_btn9_on.jpg") 0px 0px;}
.tren_top_btn9 a:active,
.tren_top_btn9 a:focus{background:url("/trend/2013spring/images/tren_top_btn9.jpg") 0px 0px;}

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



.tren_in_logo{
	padding:10px 0 40px;
}


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

.tren_in_tit_dot{
	color:#333333;
	font-size:15px !important;
	padding:16px 0 8px;
	background:url("/trend/2013spring/images/tren_tit_dot.gif") left bottom repeat-x;
}
.tren_in_tit_dot span.tren_in_tit_s{
	font-size:14px !important;
}

.tren_in_img{
	width:556px;
	float:left;
}
.tren_in_txt{
	width:215px;
	float:right;
}

.tren_in_salon a{
	display:block;
	border-bottom:2px #ffffff solid;
}

.tren_in_salon a:hover{
	border-bottom:2px #5fb7e7 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_in_stylist{
	padding:10px 0;
}

.tren_in_tit{
	padding:10px 0;
}

.tren_point_tit{
	text-align:center;
	padding:10px 0;
}

.tren_point{
	width:215px;
	background:url("/trend/2013spring/images/tren_tit_dot.gif") left top repeat-x;
}

.tren_point th{font-weight:bold;}
.tren_point th,
.tren_point td{
	font-size:13px !important;
	line-height:20px;
	padding:14px 0px 14px 10px;
	background:url("/trend/2013spring/images/tren_tit_dot.gif") left bottom repeat-x;
}


.tren_in_sub{
	text-align:center;
	padding:40px 0;
}

.tren_in_btn a{
	font-size:14px;
	padding:10px 0;
	text-align:center;
	display:block;
	color:#ffffff;
	background:#a1a1a1;
	border:2px #ffffff solid;
}

.tren_in_btn a:hover{
	color:#ffffff;
	border:2px #ffffff 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_in_btn a em{
	display:block;
	padding:0px 0 10px;
	font-style:normal;
}
.tren_in_btn a span{
	display:block;
	padding:10px 0 0px;
	background:url("/trend/2013spring/images/tren_tit_dot.gif") left top repeat-x;
}


.tren_in_body{
	padding:0px 15px;
	margin:10px 0;
}
.tren_in_body_c1{
	background:url("/trend/2013spring/images/tren_in_body_c1.gif") left top repeat-y;
}
.tren_in_body_c2{
	background:url("/trend/2013spring/images/tren_in_body_c2.gif") left top repeat-y;
}
.tren_in_body_c3{
	background:url("/trend/2013spring/images/tren_in_body_c3.gif") left top repeat-y;
}




.tren_hr{
	padding:5px 0 0;
}

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

	padding:5px 0 0;
}
.tren_hr td.tren_hr_dot{
	text-align:left;
	vertical-align:top;
	padding:5px 5px 0;
}

.tren_hr td{
	padding:5px 5px 0;
}

.tren_hr_c1{/*赤*/
	color:#e14498;
}
.tren_hr_c2{/*オレンジ*/
	color:#e26f13;
}
.tren_hr_c3{/*青*/
	color:#72b2e6;
}

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

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

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

.tren_about th,
.tren_about td{padding:15px 10px;border-bottom:1px #e3e3e3 solid;}


.tren_about th{width:200px;}

/*
----------------------------------------------------------
	interview
----------------------------------------------------------
*/
.tren_int_main{
	border:1px #e5e3e3 solid;
	background:#ffffff;
	padding:7px;
}

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

.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("/trend/2013spring/images/tren_tab.gif") 0px -31px no-repeat;}
.tren_tab1 a.on{ background:#ffffff url("/trend/2013spring/images/tren_tab.gif") 0px 0px no-repeat;}

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


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

#tren_nav{
	width:650px;
	height:98px;
	padding:10px 75px;
	text-align:center;
}

#tren_nav ul{
	position:relative;
	width:650px;
	height:98px;
	background:url("/trend/2013spring/images/tren_in_nav_bg.gif") left top no-repeat;
}

#tren_nav ul li{
	position:absolute;
}

#tren_nav ul li#tren_nav1{left:5px; top:5px;}
#tren_nav ul li#tren_nav2{left:77px; top:5px;}
#tren_nav ul li#tren_nav3{left:149px; top:5px;}
#tren_nav ul li#tren_nav4{left:221px; top:5px;}
#tren_nav ul li#tren_nav5{left:293px; top:5px;}
#tren_nav ul li#tren_nav6{left:365px; top:5px;}
#tren_nav ul li#tren_nav7{left:437px; top:5px;}
#tren_nav ul li#tren_nav8{left:509px; top:5px;}
#tren_nav ul li#tren_nav9{left:581px; top:5px;}

#tren_nav ul li strong{
	width:60px;
	height:84px;
	display:block;
	border:2px #5fb7e7 solid;
}

#tren_nav ul li a{
	width:60px;
	height:84px;
	display:block;
	border:2px #ffffff solid;
}

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



