@charset "utf-8";


/*==================================================================
 LAYOUT  COMMON
================================================================== */
#header h1#logo a{ background: url(../images/2011autumn/logo_vol2.gif) no-repeat;}


/*==================================================================
音田CSS
================================================================== */


/*==================================================================
 No.01 FROM SHOP STAFF
================================================================== */
#fromshop{ background: url(../upload/2011autumn/article/1/01_01.jpg) no-repeat left top; width: 715px; height: 1070px; padding-bottom: 60px; position: relative; }
#fromshop .thumb{ position: absolute;  }


#staff  { width: 715px; padding-bottom: 40px; }
#staff .image { float: left; width: 360px; padding-right: 25px; }
#staff .detail { float: left; width: 330px; }
#staff .detail .txt h3 { font-size: 20px; font-weight: bold; padding-bottom: 40px; }
#staff .detail .txt h4 { font-size: 14px; font-weight: bold;  padding-bottom: 4px; padding-top: 5px;}
#staff .detail .txt p.point { font-size: 16px; padding-bottom: 40px; }
#staff .thumb { width: 715px; }
#staff .thumb ul li { float: left; width: 225px; }
.nextprev { padding-top: 16px; background: url(../images/line_dot.jpg) repeat-x top; padding-bottom: 30px; }
.nextprev .next { width:70px; height:70px; float:left;}
.nextprev .prev { width:70px; height:70px; float:left;}
.nextprev .back { width:575px; height:70px; float:left; line-height: 70px; text-align: center; }


/*==================================================================
 No.3 音シップス
================================================================== */
.musiclist { background: url(../images/line_dot.jpg) repeat-x bottom; padding-bottom: 7px; padding-top: 8px; }
.musiclist .left { float: left; width: 620px; padding-right: 20px; }
.musiclist .left dl { padding-bottom: 2px; }
.musiclist .left dl dt { float: left; width: 90px; font-size: 10px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; }
.musiclist .left dl dd { float: left; width: 530px; }
.musiclist .left dl dd.artist { font-size: 15px; font-weight: bold; }
.musiclist .right { float: left; width: 70px; padding-right: 5px; padding-top: 4px; }

/*==================================================================
 No.36 COMMON SLEEVE
================================================================== */
.sleevebox{ float: left; width: 350px; padding-top: 6px; padding-bottom: 15px; border-top: 1px solid #000; }


/*==================================================================
 No.52 FLICKA
================================================================== */
.flicka_infolist{ padding: 18px; width: 679px; background: #F2F2F2; margin-bottom: 20px; }
.flicka_infolist dt{ font-size: 16px; font-weight: bold; padding-bottom: 10px; }


/*==================================================================
 No.58 GIRL.Houyhnhnmスナップ
================================================================== */
#tab_b{ width: 700px; background: #313131; height: 50px; padding-right: 7px; padding-left: 8px; }
#tab_b li{ width: 35px; line-height: 50px; display: block; text-align: center; float: left; color: #FFF; }
#tab_b li a{ width: 35px; line-height: 50px; display: block; text-align: center; color: #FFF; background: url(none); }
#tab_b li:hover{ background: #FF3366 }
#tab_b li.select{ background: #FF3366 }
/*
#tab_b li:hover{ background: #F00 url(../upload/2011autumn/article/58/arrow.gif) no-repeat center bottom; }
#tab_b li.select{ background: #F00 url(../upload/2011autumn/article/58/arrow.gif) no-repeat center bottom; }
*/

#tab .snap { width: 715px; padding-bottom: 40px; padding-top: 40px; border-bottom: 1px solid #EFEFEF; }
#tab .snap .image { float: left; width: 360px; padding-right: 25px; }
#tab .snap .detail { float: left; width: 330px; }
#tab .snap .detail .txt { height: 381px; }
#tab .snap .detail .txt h3 { font-size: 20px; font-weight: bold; padding-bottom: 4px; padding-top: 5px; }
#tab .snap .detail .txt h4 { font-size: 14px; font-weight: bold; padding-bottom: 34px; }
#tab .snap .detail .txt dl dt { font-weight: bold; color: #666600; }
#tab .snap .detail .txt dl dd { font-size: 12px; }
#tab .snap .detail .thumb { width: 330px; }
#tab .detail .thumb ul li { float: left; width: 106px; }
#tab .snap  .credit { width: 715px; border-top: none; padding: 30px 0px 0px; }



/*==================================================================
 No.67 おしゃれ業界人が買った人気アイテム３!!!
================================================================== */
.style .box{ width: 675px; background: #F5F5F5; margin-bottom: 20px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; border-top: 2px none #E8E8E8; border-right: 2px solid #E8E8E8; border-bottom: 2px solid #E8E8E8; border-left: 2px solid #E8E8E8; }
.style .box .part{ width: 330px; float:left; }


/*==================================================================
 No.71 ヘアアレンジ
================================================================== */
.hair{ width: 615px; padding-right: 50px; padding-left: 50px; }
.hair .box{ float: left; width: 300px; }
.hair .box .image{ padding-bottom: 10px; }
.hair .box dt{ float: left; width: 28px; }
.hair .box dd{ float: left; width: 272px; font-size: 12px; }




/*==================================================================
音田CSS
================================================================== */






/*==================================================================
 No.4 Safe&Clean
================================================================== */
#competition{ width:685px; padding:15px; margin-bottom:30px; background:#F1F2F3;}
#competition .left{ width:300px; padding:0 10px 0 0; float:left;}
#competition .right{ width:375px; padding:0; float:left;}


/*==================================================================
 No.12 YUKI
================================================================== */
#yukiTx{ padding:10px 10px 0 10px; background:#000; color:#FFF;}
#yukiBrushes{ height:325px; margin:30px 0 30px 0; background:url(../upload/2011autumn/article/12/12_02.jpg) no-repeat;}
#yukiBrushes .tx{ width:330px; padding:65px 0 0 25px; color:#FFF; font-size:12px;}

#yukiBrushes .tx a:link{ color:#FFF;}
#yukiBrushes .tx a:visited{ color: #FFF;}
#yukiBrushes .tx a:active{ color: #FCF;}
#yukiBrushes .tx a:hover{ color: #FCF;}


/*==================================================================
 No.14 SHIPS LINER
================================================================== */
#travelCase{ width:715px; height:524px; margin-bottom:30px; background: url(../upload/2011autumn/article/14/14_05.jpg) no-repeat; line-height:1.3em;}
#travelCase .left{ width:235px; padding:427px 0 0 99px; float:left;}
#travelCase .right{ width:235px; padding:427px 0 0 86px; float:left;}


/*==================================================================
 No.30 時計とファッション
================================================================== */

#watchAndFashion{}

#watchAndFashion dl{ width:715px; clear:both; padding:0 0 30px 0;}
#watchAndFashion dt{ padding:0 5px 0 0; float:left; font-weight:bold; clear: both; text-align:right; width:2.5em;}
#watchAndFashion dt.midori{ padding:0 5px 0 0; float:left; font-weight:bold; clear: both; text-align:right; width:4em;}
#watchAndFashion dd{ margin:0 0 0 3em; padding-bottom:10px;}


/*==================================================================
 No.77 轟木さん
================================================================== */
.caption_center{width:242px; padding:0 0 20px 0; text-align:left; margin:0 auto;}
.caption_center350{width:340px; padding:0 0 20px 0; text-align:left; margin:0 auto;}



/*==================================================================
 No.79 ナチュリラ
================================================================== */

#naturela{}

#naturela dl{ width:715px; clear:both; padding:0 0 30px 0;}
#naturela dt{ padding:0 5px 0 0; float:left; font-weight:bold; clear: both; text-align:right; width:2.5em;}
#naturela dt.midori{ padding:0 5px 0 0; float:left; font-weight:bold; clear: both; text-align:right; width:4em;}
#naturela dd{ margin:0 0 0 3em; padding-bottom:10px;}

#main .article .profile { padding-bottom: 1.6em; }



/*==================================================================
 No.88 BOOK246
================================================================== */

#info246{ height:81px; padding:3px 0 0 125px; margin:20px 0 20px 0; background:url(../upload/2011autumn/article/88/logo.gif) no-repeat left top; line-height:1.4em;}
#news246{ padding:20px 0 0 5px; background:url(../images/line_dot.jpg) repeat-x;}





/*==================================================================
 No.79 ナチュリラ


#naturela{}

#naturela dl{ width:715px; clear:both; padding:0 0 30px 0;}
#naturela dt{ padding:0 5px 0 0; float:left; font-weight:bold; clear:left;}
#naturela dd{ float:left; padding-bottom:10px;}

#main .article .profile { padding-bottom: 1.6em; }

================================================================== */