@charset "utf-8";


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


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


/*==================================================================
 No.01 FROM SHOP STAFF
================================================================== */
#fromshop{ background: url(../upload/2011winter/article/1/01_01.jpg) no-repeat left top; width: 715px; height: 820px; 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: 28px; font-weight: normal; padding-bottom: 40px; }
#staff .detail .txt h3.mens { color: #183351; }
#staff .detail .txt h3.womens { color: #FE2A53; }
#staff .detail .txt h4 { font-size: 14px; font-weight: bold;  padding-bottom: 8px; 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: 0px; }

/*==================================================================
 No.9
================================================================== */
.no9_box{ background:url(../upload/2011winter/article/9/09_bg.jpg) no-repeat; height:464px; width:auto; padding:110px 0px 0px 20px;}
.no9_box li{ float: left; width: 215px; padding-right: 15px; padding-bottom: 15px; }


/*==================================================================
 No.36
================================================================== */
.no36_box{ background:#000 url(../upload/2011winter/article/36/36_bg.jpg) no-repeat left top; width:675px; padding:34px 20px 40px; border-bottom: 1px solid #1F1F1F; color: #FFF; }
.no36_box .leftbox{ float: left; width: 350px; padding-right: 20px; }
.no36_box .rightbox{ float: left; width: 305px; }

/*==================================================================
 No.42
================================================================== */
.no42box{ background:no-repeat left top; width:675px; padding-right: 20px; padding-left: 20px; color: #FFF; }
.no42box .leftbox{ float: left; width: 300px; }
.no42box .rightbox{ float: left; width: 355px; }
.no42box.style1 { background-image:url(../upload/2011winter/article/42/42_bg_01.jpg); background-color:#20262F; padding-top:20px;}
.no42box.style2 { background-image:url(../upload/2011winter/article/42/42_bg_02.jpg); background-color:#574642; padding-top:43px;}
.no42box.style2 a{ color:#F18970;}
.no42box.style2 a:hover{ color:#F8C5B8;}
.no42box.style3 { background-image:url(../upload/2011winter/article/42/42_bg_03.jpg); background-color:#36392B; padding-top:43px;}
.no42box.style3 a{ color:#C2DF5E;}
.no42box.style3 a:hover{ color:#DEEEA8;}


/*==================================================================
 No.49
================================================================== */
.no49box{ background-color:#F4F4E3; width:699px; padding-top: 17px; margin-bottom: 40px; }
.no49box.style1{ border: 8px solid #6B3A60;}
.no49box.style2{ border: 8px solid #E07492;}
.no49box.style3{ border: 8px solid #6E403D;}
 .no49box .leftbox{ float: left; width: 345px; padding-left: 7px; }
.no49box .rightbox{ float: left; width: 315px; }


/*==================================================================
 No.62 
================================================================== */
.no62_pickup{ padding-left: 35px; width: 680px; height: 444px; background: url(../upload/2011winter/article/62/62_01_b.jpg) no-repeat; padding-top: 60px; padding-bottom: 35px; }
.no62_pickup .leftbox{ float: left; width: 320px; padding-right: 10px; }
.no62_pickup .rightbox{ float: left; width: 320px; }
.no62_pickup .rightbox ul li { float: left; width: 100px; }

.no62_styling{width: 715px; padding-bottom: 35px; }
.no62_styling .leftbox{width: 300px; padding-right:25px; float:left;}
.no62_styling .rightbox{width: 390px; float:left;}
.no62_styling .rightbox .thumb li{width: 130px; float:left;}


/*==================================================================
 No.65 
================================================================== */
.no65box{ border-top:#F2DBDB solid 1px; padding-top:13px; position: relative; padding-bottom: 35px; }
.no65box .arrow { height: 90px; width: 126px; position: absolute; top: 360px; left: 290px; }

.no65box .head  { height: 120px; }
.no65box .head .ttlLeft { float: left; width: 440px; padding-left: 100px; }
.no65box .head .ttlRight { float: left; width: 100px; }
.no65box .box  { padding: 10px 25px 25px; width: 300px; }

/*==================================================================
 No.68
================================================================== */
.no68box{ background: url(../upload/2011winter/article/68/68_bg.jpg) no-repeat left top; height: 373px; width: 715px; padding-bottom: 35px; }
.no68box .leftbox{ float: left; width: 354px; padding-left: 13px; padding-top: 34px; }
.no68box .leftbox dl{ float: left; width: 177px;}
.no68box .leftbox dl dt{ padding-bottom:16px;}
.no68box .leftbox dl dd{ text-align:center; font-weight: bold; color: #660000; }
.no68box .rightbox{ float: left; width: 327px; }

.no68box2{ padding-bottom: 35px; }
.no68box2 .leftbox{ float: left; width: 225px; padding-right: 15px; }
.no68box2 .rightbox{ float: left; width: 475px; }
/*==================================================================
 No.68
================================================================== */
.no69box{ background: url(../upload/2011winter/article/69/69_bg.jpg) repeat-y; width: 715px; margin-bottom: 35px; }
.no69box .inner{ width: 685px; padding-left: 30px; }
.no69box .inner .itembox{ width: 320px; padding-right: 15px; float: left; padding-bottom: 33px; }

/*==================================================================
 No.68
================================================================== */
.no71box{ border:#C5A7A0 solid 5px; margin-bottom: 35px; }
.no71box dl{ width: 685px; background: url(../images/line_dot.jpg) repeat-x top; margin-right: auto; margin-left: auto; padding-top: 18px; padding-bottom: 18px; }
.no71box dl dt{ width: 120px; padding-right: 20px; float:left;}
.no71box dl dd{ width: 545px; float:left;}


/*==================================================================
 No.73
================================================================== */
.no73_sit{ padding-top:25px; padding-bottom: 35px; }
.no73_sit .leftbox{ float: left; width: 300px; padding-right: 20px; }
.no73_sit .rightbox{ float: left; width: 395px; position: relative; }
.no73_sit .rightbox .ttl_sit { position: absolute; top: 0px; }
.no73_sit .rightbox .text_sit1 { border: 8px solid #E2EBEB; padding: 20px; margin-top: 200px; }
.no73_sit .rightbox .text_sit2 { border: 8px solid #F2DFE4; padding: 20px; margin-top: 200px; }





/*==================================================================
市川CSS
================================================================== */



/*==================================================================
 No.4 Safe&Clean
================================================================== */

.savarBox{ width:675px; background:url(../upload/2011winter/article/4/bg_saver.jpg) repeat-y; padding:20px; margin-bottom:30px;}
.saverBoxInside{ padding:15px; background:#E4E4E4;}
.saver{ width:645px; padding:0 0 30px 0;}
.saver .imageR{ width:300px; padding-left:15px; float:left;}
.saver .imageL{ width:300px; padding-right:15px; float:left;}
.saver .text{ width:330px; float:left;}

#kidsSaver{ width:715px; height:460px; background:#F1F2F3 url(../upload/2011winter/article/4/04_02.jpg) no-repeat; margin-bottom:36px;}
#kidsSaver .tx{ width:355px; padding:70px 0 0 23px; line-height:1.9em;}


/*==================================================================
 No.4 Safe&Clean
================================================================== */
#candleTx{ text-align:center; padding:30px 0 50px 0; line-height:3em;}






/*==================================================================
 No.77 STAFF STYLING
================================================================== */

.staffStyle{ width:715px; background:url(../upload/2011winter/article/77/theme_line.jpg) no-repeat; padding-top:30px; margin-bottom:50px;}
.staffStyle .left{ width:305px; padding-right:20px; float:left;}
.staffStyle .right{ width:390px; float:left;}





/*==================================================================
 No.82 プライス別
================================================================== */

.item_price{width:310px; float:left;}



/*==================================================================
 No.82 プライス別
================================================================== */
#kouka{width:715px; height:836px; padding-bottom:36px; background:url(../upload/2011winter/article/88/88_01.jpg) no-repeat;}
#kouka .text01{width:322px; padding:115px 0 0 43px; float:left;}
#kouka .text02{width:274px; padding:580px 0 0 30px; float:left;}






/*==================================================================
 No.91 buyers
================================================================== */
#kidsBuyer{ width:681px; height:940px; background:url(../upload/2011winter/article/91/bg.jpg) no-repeat; padding:17px; margin-bottom:30px;}
#kidsBuyer .left{ width:300px; height:300px; padding-right:15px; float:left;}
#kidsBuyer .right{ width:366px; float:left;}



/*==================================================================
 No.100 Halloween
================================================================== */

.halloweenItem1{ width:715px; height:415px; background:url(../upload/2011winter/article/100/100_02.jpg) no-repeat;}
.halloweenItem2{ width:715px; height:415px; background:url(../upload/2011winter/article/100/100_03.jpg) no-repeat;}
.halloweenItem3{ width:715px; height:415px; background:url(../upload/2011winter/article/100/100_04.jpg) no-repeat;}
.halloweenText{ padding:128px 10px 0 355px;}