@charset "utf-8";

/*---------------------------------------------
beauty-career
First Import Style master
Version 1.0.0

http://www.beauty-career.jp

Last Update: 2008.07.30
---------------------------------------------

/*---------------------------------------------------------------------
 voice
---------------------------------------------------------------------*/
#specialMain #voice            { width:810px; margin:30px 0 0 70px;}

.no_link{
color:#CCCCCC;}

.clear{
clear:both;
}

/*　上部ページリンク　*/
#specialMain #voice dl.link    { margin:15px 0 0 0;}
#specialMain #voice dl.link dt { float:left;}
#specialMain #voice dl.link dd { float:right;}
#specialMain #voice dl.link .no_link { color:#CCCCCC;}

#specialMain #voice #voiceContent                   { width: 810px; }

/*　右カラム（メンバー）　*/
#specialMain #voice h2 { margin:0px 0 10px 0;}
#specialMain #voice #voiceContent .member       { width: 187px; float: right; margin-top:30px; }
#specialMain #voice #voiceContent .member ul    { background-color:#F0F0F0; margin: 0 0 20px 0; padding: 8px;}
#specialMain #voice #voiceContent .stylist_intro{ font-size:10px; margin-bottom:5px;line-height:14px;}


#specialMain #voice #voiceContent img.honne_top { margin-bottom: 20px;}

/*　左カラム　*/
#specialMain #voice #voiceContent .intaview         { width: 600px; float: left; margin:30px 0 0 0;}
#specialMain #voice #voiceContent .intaview img     { margin: 0px auto;  }

/*　座談会タイトル　*/
/*#specialMain #voice .titlearea    { margin-bottom:20px; padding:10px 0px 20px; border:#CCCCCC solid 1px;}*/
#specialMain #voice .titlearea dl { margin:0px; padding-left: 10px; }
#specialMain #voice .titlearea dt { float:left; padding-top:12px; width:55px; height:54px; background: url("../../images/bg_vol.gif") no-repeat; text-align:center; color:#FFFFFF;}
#specialMain #voice .titlearea strong  { font-size:140%;}
#specialMain #voice .titlearea dd      { width:500px; float:left; margin:6px 0 0 8px; font-size:80%;}
#specialMain #voice .titlearea dd p    { font-size:180%; font-weight:bolder; padding:3px 0 0 0; line-height:140%;}
#specialMain #voice .titlearea .mainph { width: 562px; text-align: center; border:#CCCCCC solid 1px; margin-bottom:30px;}
#specialMain #voice .titlearea dd span { margin-bottom:5px; font-size: 12px; }
/*#specialMain #voice .titlearea .maincomment{width:500px; padding: 10px 10px 10px 10px; text-align:left; position:relative; left:44px; border:solid; border-width:1px; margin:20px 0px 20px 0px;}*/

/*　ブロック　*/
#specialMain #voice .intaview .voiceBox          { width: 610px; text-align: left; background-color: #fff; margin-bottom: 20px;}
#specialMain #voice .intaview .voiceBox dl { margin:0px auto; padding-left: 90px; }
#specialMain #voice .intaview .voiceBox dt { float:left; padding-top:12px; width:55px; height:54px; background: url("../../images/bg_vol.gif") no-repeat; text-align:center; color:#FFFFFF;}
#specialMain #voice .intaview .voiceBox strong  { font-size:140%;}
#specialMain #voice .intaview .voiceBox dd      { width:300px; float:left; margin:6px 0 0 8px; font-size:80%;}
#specialMain #voice .intaview .voiceBox dd p    { font-size:180%; font-weight:bolder; padding:3px 0 0 0; line-height:140%;}
#specialMain #voice .intaview .voiceBox .mainph { width: 610px; text-align: center; margin-top:10px;}
#specialMain #voice .intaview .voiceBox dd span { margin-bottom:5px; font-size: 12px; }
#specialMain #voice .intaview .voiceBox .maincomment{width:500px; padding: 10px 10px 0px 10px; text-align:left; position:relative; left:44px; margin:20px 0px 0px 0px;}
#specialMain #voice .intaview .voiceBox .comment {width: 420px; padding: 10px 10px 0 0; text-align:left; position:relative; left:95px;}
#specialMain #voice .intaview .voiceBox img{float:left; padding-bottom:30px; text-align:center;}
#specialMain #voice .intaview .voiceBox .commentator{ font-weight:bold; width:70px; float:left;}
#specialMain #voice .intaview .voiceBox .comment_contents{ margin-bottom:40px; width:350px; float:left;}


/*　所見　*/
#specialMain #voice #syoken   { width: 810px; border:#CCCCCC 1px solid; margin:25px 0 0 0;}
#specialMain #voice #syoken p { padding:15px;}

/*　作品　*/
#specialMain #voice #sakuhin{width:800px; margin:0px auto;}
#specialMain #voice #sakuhin .title{margin-left:3px; margin-right:3px; margin-bottom:10px; margin-top:10px;}
#specialMain #voice #sakuhin .sakuhin_naiyo{background-color:#F0F0F0;}
#specialMain #voice #sakuhin .sakuhin_naiyo span img{margin-left:10px; margin-right:10px; margin-top:10px; padding-bottom:10px;}
#specialMain #voice #sakuhin .sakuhin_naiyo span .yoko{margin-bottom:37px; margin-top:32px;}
#specialMain #voice #sakuhin .sakuhin_naiyo p{margin-top:10px;}

/*　下部ページリンク　*/
#specialMain #voice  .bottomlink { text-align:right; margin-top:30px;}
#specialMain #voice  .bottomlink .no_link { color:#CCCCCC;}
#specialMain #voice  .hair_ichiran { text-align:left; margin-top:15px; margin-left:8px; width:400px; float:left;}
#specialMain #voice  .backnumber { text-align:right; margin-top:15px; margin-bottom:15px; width:400px; float:right; height:21px;}

/*　協力店　*/
#shopCooperation                 { background:#f8f8f8; border:#CCCCCC solid 1px; width:640px; margin:30px auto; padding:20px 20px 10px; }
#shopCooperation #titlearea      { width:600px; }
#shopCooperation #titlearea  h5  { float:left; width:135px; }
#shopCooperation #titlearea  h6  { float:right; width:445px; font-size:120%; }
#shopCooperation .box            { width:600px; margin:10px auto; }
#shopCooperation .box img.shopPH { float:right; width:220px; }
#shopCooperation .box dl         { float:left; width:360px; }
#shopCooperation .box dt         { float:left; width:90px; padding-top:3px; border-top:#CCCCCC dotted 1px; }
#shopCooperation .box dd         { float:right; width:270px; padding-top:3px; border-top:#CCCCCC dotted 1px; }


/* 特集本音作品集（popup）
---------------------------------------------*/
#popMain .popGallery             { margin:0px auto; width:810px; }
#popMain .popGallery .sakuhin{background-image:url(../images/bg_sakuhin.jpg); background-repeat:no-repeat; width:810px; height:800px;}
#popMain .popGallery .sakuhin ul{width:128px;}
#popMain .popGallery .sakuhin ul li{width:64px; float:left;}
#popMain .popGallery .sakuhin ul li img{padding:1px;}
#popMain .popGallery .sakuhin .ooshima_4{position:relative; top:55px; left:515px; float:left;}
#popMain .popGallery .sakuhin .ooshima_5{position:relative; top:55px; left:540px; float:left;}
#popMain .popGallery .sakuhin .saito_1{position:relative; top:115px; left:50px; float:left;}
#popMain .popGallery .sakuhin .saito_2{position:relative; top:115px; left:80px; float:left;}
#popMain .popGallery .sakuhin .saito_3{position:relative; top:115px; left:105px; float:left;}
#popMain .popGallery .sakuhin .saito_4{position:relative; top:115px; left:130px; float:left;}
#popMain .popGallery .sakuhin .saito_5{position:relative; top:115px; left:155px; float:left;}
#popMain .popGallery .sakuhin .suzuki_1{position:relative; top:177px; left:50px; float:left;}
#popMain .popGallery .sakuhin .suzuki_2{position:relative; top:177px; left:80px; float:left;}
#popMain .popGallery .sakuhin .suzuki_3{position:relative; top:177px; left:105px; float:left;}
#popMain .popGallery .sakuhin .suzuki_4{position:relative; top:177px; left:130px; float:left;}
#popMain .popGallery .sakuhin .suzuki_5{position:relative; top:177px; left:155px; float:left;}
#popMain .popGallery .sakuhin .hiro_4{position:relative; top:240px; left:515px; float:left;}
#popMain .popGallery .sakuhin .hiro_5{position:relative; top:240px; left:540px; float:left;}
#popMain .popGallery dl          { margin-bottom:20px; }
#popMain .popGallery dt          { margin-bottom:5px; }
#popMain .popGallery dd          { font-size:90%; }
#popMain .popGallery #close      { margin: 30px 0px; text-align: center; }

/*
 border: solid 1px #000000;
*/

/*---------------------------------------------------------------------
 clearfix
---------------------------------------------------------------------*/
#voiceContent:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#voiceContent {
	display: inline-block;
}

/*Hides from IE-mac\*/
* html #voiceContent { height: 1%; }
#voiceContent{ display: block; }
/*End hide from IE-mac*/


/*	.voiceBox
---------------------------------------------*/
.voiceBox:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.voiceBox {
	display: inline-block;
}

/*Hides from IE-mac\*/
* html .voiceBox { height: 1%; }
.voiceBox{ display: block; }
/*End hide from IE-mac*/


/*	.voiceBox2
---------------------------------------------*/
.voiceBox2:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.voiceBox2 {
	display: inline-block;
}

/*Hides from IE-mac\*/
* html .voiceBox2 { height: 1%; }
.voiceBox2{ display: block; }
/*End hide from IE-mac*/