/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/common/images/howto/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	z-index: 102;
	color:#000000;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}


#TB_window_shadow {
	padding: 10px 11px 12px 11px;
	position: fixed;
	background: transparent url(/common/images/howto/shadow.png) no-repeat 0 0;
	z-index: 101;
	color:#000000;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window_shadow { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window_shadow {
  behavior: expression(IEPNGFIX.fix(this));
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	display: none;
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	width: 639px;
	clear:both;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
}

#TB_ajaxContent p{
}

#TB_load{
	position: fixed;
	display:none;
	height:32px;
	width:32px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

#TB_ajaxContent_BG {
	background-color: #ffffff;
}





#flvplayer {
	display: none;
	width: 639px;
}


#TB_ajaxContent #player_head {
	position: relative;
	width: 639px;
	height: 67px;
	background: transparent url(/common/images/logo_bg.gif) repeat-x 0 0;
}

#TB_ajaxContent #player_head .logo {
	position: absolute;
	top: 27px;
	left: 12px;
}

#TB_ajaxContent #player_head .sub {
	position: absolute;
	top: 45px;
	left: 205px;
}

#TB_ajaxContent #player_head .button {
	position: absolute;
	top: 41px;
	right: 11px;
}

#TB_ajaxContent #player_body {
	width: 627px;
	height: 241px;
	padding: 6px;
	background: #fff url(/common/images/howto/flvplayer_bg.gif) no-repeat 0 0;
	overflow: hidden;
}

#TB_ajaxContent #player_body #player {
	float: left;
	width: 420px;
	height: 242px;
}

#TB_ajaxContent #player_body #product {
	float: right;
	width: 207px;
	text-align: center;
}

#product a.product_img {
display:inline;
}

#cm_area ul li a.product_img {
display:none;
}


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

メインエリア

****************/
#main_area{
 margin-bottom:4px;
}

ul#lyt01 li{
 float:left;
}

#album{
	margin-bottom:20px;
}



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

CMエリア

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

#cm_area{
 width:400px;
 float:left;
}

#cm_area h2{
 margin-bottom:5px;
}

#cm_area p{
	line-height:1.6;
	margin-top:5px;
}



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

SEOエリア

****************/
#seo_area{
 width:428px;
 float:right;
}

#inner_seo_area{
 border:solid 1px #d5d7d4;
 margin-top:5px;
 background:url(../images/seo_bg.jpg) 0 bottom no-repeat;
}

#seo_area p{
	width:290px;
	margin-left:12px;
	line-height:1.6;
}



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

PickUpエリア

****************/
#pickup_ttl{
	margin-bottom:15px;
}

#pickup{
	margin-bottom:30px;
}

#pickup dt a{
	display:block;
	text-indent:-9999px;
	width:276px;
	height:88px;
	margin-bottom:5px;
}

#pickup li{
	width:276px;
	float:left;
}

#pickup li#sec{
 margin:0 10px;
}

#pickup li#last{
}


dl#bn1 dt a{
 /*background:url(../images/banner/10_09/bny_bn.jpg) 0 0 no-repeat;*/
 background:url(../images/banner/11_03/event_bn.jpg) 0 0 no-repeat;
}

/*dl#bn1 dt a:hover{
 background:url(../images/banner/10_12/salon_bn1206.jpg) 0 -88px no-repeat;
}*/

dl#bn2 dt a{
 background:url(../images/inner_beauty_bn_enjoy.jpg) 0 0 no-repeat;
}

/*dl#bn2 dt a:hover{
 background:url(../images/banner/10_11/anti_aging2010.jpg) 0 -88px no-repeat;
}*/

dl#bn3 dt a{
 background:url(../images/banner/11_03/tlf_bn.jpg) 0 0 no-repeat;
}

/*dl#bn3 dt a:hover{
 background:url(../images/inner_beauty_bn_enjoy.jpg) 0 -88px no-repeat;
}*/

dl#bn4 dt a{
 background:url(../images/banner/10_07/bn1.jpg) 0 0 no-repeat;
}


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

お知らせ

****************/
div#info{
 border-bottom:solid 1px #000
}

div#info h2{
	float:left;
}

div#info p{
	float:right;
	margin-top:4px;
}


li#azabu_info001 a{
 display:block;
 background:url(../images/azabu_info001.jpg) 0 0 no-repeat;
 width:724px;
 height:20px;
 padding:20px 16px 28px 108px;
 margin-bottom:4px;
}

li#azabu_info001 a:hover{
 background:url(../images/azabu_info001_o.jpg) 0 0 no-repeat;
}


li#shinmaru_info001 a{
 display:block;
 background:url(../images/shinmaru_info001.jpg) 0 0 no-repeat;
 width:724px;
 height:20px;
 padding:20px 16px 28px 108px;
 margin-bottom:4px;
}

li#shinmaru_info001 a:hover{
 background:url(../images/shinmaru_info001_o.jpg) 0 0 no-repeat;
}


li#hanshin_info001 a{
 display:block;
 background:url(../images/hanshin_info001.jpg) 0 0 no-repeat;
 width:724px;
 height:20px;
 padding:20px 16px 28px 108px;
 margin-bottom:4px;
}

li#hanshin_info001 a:hover{
 background:url(../images/hanshin_info001_o.jpg) 0 0 no-repeat;
}


li#other_info001 a{
 display:block;
 background:url(../images/other_info001.jpg) 0 0 no-repeat;
 width:724px;
 height:20px;
 padding:24px 16px 24px 108px;
 margin-bottom:4px;
}

li#other_info001 a:hover{
 background:url(../images/other_info001_o.jpg) 0 0 no-repeat;
}


li#other_info002 a{
 display:block;
 background:url(../images/other_info002.jpg) 0 0 no-repeat;
 width:724px;
 height:20px;
 padding:24px 16px 24px 108px;
 margin-bottom:4px;
}

li#lip_collection_info a{
 display:block;
 background:url(../images/lip_collection_info.jpg) 0 0 no-repeat;
 width:724px;
 height:20px;
 padding:24px 16px 24px 108px;
 margin-bottom:4px;
}

li#lip_collection_info a:hover{
 background:url(../images/lip_collection_info_o.jpg) 0 0 no-repeat;
}


li#cotton_info a{
 display:block;
 background:url(../images/cotton_info.jpg) 0 0 no-repeat;
 width:724px;
 height:20px;
 padding:24px 16px 24px 108px;
 margin-bottom:4px;
}

li#cotton_info a:hover{
 background:url(../images/cotton_info_o.jpg) 0 0 no-repeat;
}



.date{
 display:block;
 float:left;
}

.txt{
 display:block;
 float:left;
 padding-left:27px;
}



li#new_item_info a{
 display:block;
 background:url(../images/new_item_info.jpg) 0 0 no-repeat;
 width:724px;
 height:20px;
 padding:24px 16px 24px 108px;
 margin-bottom:4px;
}

li#new_item_info a:hover{
 background:url(../images/new_item_info_o.jpg) 0 0 no-repeat;
}

li#salon_info a{
 display:block;
 background:url(../images/salon_info.jpg) 0 0 no-repeat;
 width:724px;
 height:20px;
 padding:24px 16px 24px 108px;
 margin-bottom:4px;
}

li#salon_info a:hover{
 background:url(../images/salon_info_o.jpg) 0 0 no-repeat;
}


li#press_info a{
 display:block;
 background:url(../images/press_info.jpg) 0 0 no-repeat;
 width:724px;
 height:20px;
 padding:24px 16px 24px 108px;
 margin-bottom:4px;
}

li#press_info a:hover{
 background:url(../images/press_info_o.jpg) 0 0 no-repeat;
}

.info_area{
 margin-bottom:3px;
}

.info_area dt{
 width:140px;
 float:left;
}

.info_area dd{
 float:left;
 width:670px;
 padding-left:10px;
}

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

フッター

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

#inner_footer li{
 float:left;
}


#index_footer_bn01 a{
 display:block;
 width:276px;
 height:60px;
 background:url(../images/footer_bn001.jpg) 0 0 no-repeat;
 text-indent:-9999px;
}

#index_footer_bn02 a{
 display:block;
 width:276px;
 height:60px;
 background:url(../images/footer_bn002.jpg) 0 0 no-repeat;
 text-indent:-9999px;
 margin:0 10px;
}

#index_footer_bn03 a{
 display:block;
 width:276px;
 height:60px;
 background:url(../images/footer_bn003.jpg) 0 0 no-repeat;
 text-indent:-9999px;
}


#index_footer_bn01 a:hover{
 background:url(../images/footer_bn001_o.jpg) 0 0 no-repeat;
}

#index_footer_bn02 a:hover{
 background:url(../images/footer_bn002_o.jpg) 0 0 no-repeat;
}

#index_footer_bn03 a:hover{
 background:url(../images/footer_bn003_o.jpg) 0 0 no-repeat;
}







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

メンテナンス

****************/
#maintenance{
 width:800px;
 margin:100px auto 0 auto;
}




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

6月のトップ

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

#main_photo1 a{
 display:block;
 width:848px;
 height:317px;
 background:url(../images/main_image/2011_11_web_NEW_coffret_72B.jpg) 0 0 no-repeat;
 text-indent:-9999px;
}

#main_photo2 a{
 display:block;
 width:848px;
 height:317px;
 background:url(../images/main_image/2011_11_web_NEW_BB_72B.jpg) 0 0 no-repeat;
 text-indent:-9999px;
}

#main_photo3 a{
 display:block;
 width:848px;
 height:317px;
 background:url(../images/main_image/11_06/img002.jpg) 0 0 no-repeat;
 text-indent:-9999px;
}



/*#main_photo4{
 display:block;
 width:848px;
 height:317px;
 background:url(../images/main_image/11_01/img001.jpg) 0 0 no-repeat;
 text-indent:-9999px;
}

#main_photo5 a{
 display:block;
 width:848px;
 height:317px;
 background:url(../images/main_image/10_11/img001.jpg) 0 0 no-repeat;
 text-indent:-9999px;
}

#main_photo6 a{
 display:block;
 width:848px;
 height:317px;
 background:url(../images/main_image/10_12/img001.jpg) 0 0 no-repeat;
 text-indent:-9999px;
}*/



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

トップリニューアル

****************/
#pickup_banner_area{
	margin-bottom:40px;
}

#pickup_banner_area ul{
	margin:0 auto;
	width:827px;
}

#pickup_banner_area li{
	float:left;
}

#pickup_banner_area li#bn_2nd{
	margin:0 9px;
}

#pickup_banner_area li#bn_3rd{
	margin-right:9px;
}


#news_area{
	width:414px;
	float:left;
}


#news_area .inner_m5{
	margin:0 5px;
}

/*#cont_h{
	height:200px;
	overflow:scroll;
}*/

#news_area dl{
	background:url(../images/top/news_line.gif) 0 bottom repeat-x;
	padding:10px 0;
}


#news_area dt{
	width:76px;
	float:left;
}

#news_area dd{
	width:310px;
	float:left;
}

#campaign_area{
	width:414px;
	float:right;
}

#campaign_area .inner_m5{
	margin:0 5px;
}


#c_left_area{
	width:630px;
	float:left;
}

#c_right_area{
	width:186px;
	float:right;
	border:1px solid #e6e6e6;
	background-color:#f2f2f2;
	padding:5px;
}

#beauty_sourse_area,
#salon_area{
	float:left;
}

#salon_area{
	margin-left:20px;
}

#beauty_sourse_area{
	width:305px;
}

#beauty_sourse_area .inner_m5{
	margin:0 5px;
}


.bs_contents_area{
	background:url(../images/top/beauty_sourse_bg.gif) 0 bottom no-repeat;
	padding:10px 0 10px 12px;
}

.bs_contents_area_new{
	background:url(../images/top/beauty_sourse_bg_new.gif) 0 bottom no-repeat;
	padding:10px 0 10px 12px;
}

.bs_contents_area h3,
.bs_contents_area p,
.bs_contents_area_new h3,
.bs_contents_area_new p{
	float:left;
}

.bs_contents_area h3,
.bs_contents_area_new h3{
	margin-right:10px;
}





#salon_area{
	width:305px;
}

#salon_area .inner_m5{
	margin:0 5px 30px 5px;
}

#salon_area .inner_m5_2{
	margin:0 5px;
}

#salon_area h3{
	font-size:12px;
	font-weight:normal;
}

#salon_list{
	background-color:#f0f0f0;
	padding:3px 4px 8px 4px;
}

#salon_list h3{
	width:87px;
	float:left;
	font-size:13px;
	text-align:center;
	font-weight:normal;
}

#salon_list h3 img{
	margin-bottom:5px;
}

#salon_shinmaru{
	margin:0 13px;
}








#basemake_area{
	width:630px;
	padding-top:50px;
}





#basemake_area .inner_m5{
	margin:0 5px;
	background:url(../images/top/basemake_bg.jpg) 0 0 no-repeat;
	padding-bottom:10px;
}




ul#cm_bn li a.product_img {
display:none;
}

#cm_catch{
	border:#cacaca solid 1px;
	padding:5px;
}


.dot_line01{
	background:url(../images/top/news_line.gif) 0 bottom repeat-x;
	padding-bottom:10px;
	margin-bottom:10px;
}


#no_event{
	border:1px solid #ccc;
	padding:15px 20px 15px 20px;
}


#tieup_area{
	width:196px;
	float:right;
	border:1px solid #e6e6e6;
	padding-bottom:10px;
}


#bn_photo img{
	border:1px solid #CCC;
}