@charset "utf-8";


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

#staff  { width: 715px; padding-bottom: 40px; }
#staff .image { float: left; width: 400px; }
#staff .detail { float: left; width: 315px; }
#staff .detail .name { padding-bottom: 30px; }
#staff .detail .name .leftbox { width: 80px; padding-right: 15px; float:left; padding-left: 15px; }
#staff .detail .name .rightbox { width: 205px; float:left; }
#staff .detail .name .rightbox h3 { font-size: 28px; font-weight: bold;}
#staff .detail .name .rightbox h4 { font-size: 13px; font-weight: bold;  padding-bottom: 8px; padding-top: 10px;}
#staff .detail .txt { padding-left: 15px; }
#staff .detail .txt h4 { }
#staff .detail .txt p { font-size: 15px; line-height: 1.5em; }
.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; }

#main .article .ttl .ttlbox.ttl35 h2 { font-size: 16px;line-height: 1.2em; padding-top: 15px; }
#main .article .ttl .ttlbox.ttl35 h2 .subttl { font-size: 12px;}
#main .article .ttl .ttlbox.ttl35 .category { margin-top: 8px;  }


/*==================================================================
音田CSS
================================================================== */
#ranking2012 { background: #000; padding-bottom: 50px; }
/* RELATED */
#ranking2012 ul.rankinglist { width: 900px; margin-right: auto; margin-left: auto; }
#ranking2012 ul.rankinglist li { padding: 0px; background: #F6F6F6;  }
#ranking2012 ul.rankinglist li a { display:block; color:#333; padding: 30px 20px; }
#ranking2012 ul.rankinglist li a:hover { display:block;}
#ranking2012 ul.rankinglist li:hover, ul.article_thumb li.active { }
#ranking2012 ul.rankinglist li .imageBox { display:block; cursor:pointer; width: 400px; height: 225px; overflow: z-index: 6; float:left; padding-right:30px; }
#ranking2012 ul.rankinglist li .textBox { display:block; cursor:pointer; width: 430px; float:left; }
#ranking2012 ul.rankinglist li .list_num { display:block; font-size: 12px; font-weight: bold; line-height: 120%; cursor: pointer; padding-top: 5px; }
#ranking2012 ul.rankinglist li .list_title { display:block; font-size: 18px; font-weight: bold; line-height: 120%; padding-bottom: 20px; cursor: pointer; padding-top: 8px; }
#ranking2012 ul.rankinglist li .list_cont { display:block; font-size: 12px; line-height: 150%; cursor: pointer; background-color:rgba(255,255,255,1); padding: 20px; position: relative; }

#ranking2012 ul.rankinglist li .list_cont .arrow { position: absolute; left: -10px; top: 15px; }
#ranking2012 ul.rankinglist li a:hover .list_num , #ranking2012 ul.rankinglist li a:hover .list_title { color:#FFF; }
#ranking2012 .socialelement { width: 900px; margin-right: auto; margin-left: auto; text-align:right; padding-bottom:20px; }


/*==================================================================
 No.1
================================================================== */
#no1 .box{ width:715px; height:2120px; background: url(../upload/2012winter/article/1/01_bg.jpg) no-repeat left top; }
#no1 .box .thumbBox{ position: relative; }
#no1 .box .thumb{ position: absolute; }

/*==================================================================
 No.5 音シップス
================================================================== */
.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.49
================================================================== */
#no49 .box{ position: relative; }
#no49 .box  .img{ position: absolute; width: 340px;  }
#no49 .box  .txt{ position: absolute; width: 290px;  }


/*==================================================================
 No.52
================================================================== */
#no52 .box{ position: relative; height: 360px; }
#no52 .box  .img{ position: absolute; left: 53px; }
#no52 .box  .text{ position: absolute; left: 450px; width: 220px; top: 100px; }

/*==================================================================
 No.54
================================================================== */
#no54 .box{position: relative; background: url(../upload/2012winter/article/54/54_bg.jpg) no-repeat left top; height: 638px; width: 715px; }
#no54 .box  h4{ padding-top: 37px; padding-bottom: 12px; text-align:center; }
#no54 .box  .img{ position: absolute;  left: 11px; top: 99px; }
#no54 .box  .text{ position: absolute; width: 245px; left: 442px; top: 115px; }


/*==================================================================
 No.60
================================================================== */
#no60 .box{ position: relative; width: 715px; }
#no60 .box  .img{ position: absolute; }
#no60 .box  .txt{ position: absolute; padding: 15px; width: 225px; background: #FFF; font-size: 12px; line-height: 1.5em; }

/*==================================================================
 No.61
================================================================== */
#no61 .box{ width: 540px; margin-right: auto; margin-left: auto; }
#no61 li{ width: 170px; float: left; padding-right: 10px; padding-bottom: 10px; }

/*==================================================================
 No.62
================================================================== */
#no62 .box{ background: url(../upload/2012winter/article/62/62_bg.jpg) no-repeat left top; height: 440px; width: 715px; }
#no62 .box  h4{ padding-top: 37px; padding-bottom: 12px; text-align:center; }
#no62 .box  .img{ float: left; width: 337px; height: 337px; padding: 47px 10px 0px 43px; }
#no62 .box  .text{ float: left; width: 285px; padding-top: 54px; font-size: 12px; line-height: 1.5em; }

/*==================================================================
 No.66
================================================================== */
#no66 .box{ position: relative; height: 1150px; width: 715px; }
#no66 .box  .img{ position: absolute;}
#no66 .box  .txt{ position: absolute; font-size: 12px; line-height: 1.5em;}

/*==================================================================
 No.69
================================================================== */
#no69 .box{ background: no-repeat left top; padding-top: 3px; }
#no69 .box .inner{ background: no-repeat left bottom;}

/*==================================================================
 No.71
================================================================== */
#no71 .box{ position: relative; height: 1530px; width: 715px; background: url(../upload/2012winter/article/71/71_bg.jpg) no-repeat; }
#no71 .box  .img{ position: absolute;}
#no71 .box  .txt{ position: absolute; font-size: 12px; line-height: 1.5em;}



/*==================================================================
 No.74
================================================================== */
#no74 .box{ position: relative; height: 252px; width: 715px; background: url(../upload/2012winter/article/74/74_bg.jpg) no-repeat left 46px; }
#no74 .box .pos{ position: absolute;}
#no74 .item350 .txt{ height: 260px; padding-top: 20px; padding-right: 15px; padding-left: 15px; }

/*==================================================================
 No.75
================================================================== */
#no75 .box{ height: 572px; background: url(../upload/2012winter/article/75/75_bg.jpg) no-repeat; font-size: 12px; line-height: 1.5em; padding-bottom: 40px; }
#no75 .box .inbox1{ float: left; width: 300px; padding-top: 65px; padding-left: 37px; }
#no75 .box .inbox2{ float: left; width: 300px; padding-top: 65px; padding-left: 41px; }
#no75 .box2{ width: 686px; padding-top: 40px; padding-bottom: 30px; margin-right: auto; margin-left: auto; background: #FAEEF3; }
#no75 .box2 .inbox{ width: 540px; margin-right: auto; margin-left: auto; }


/*==================================================================
 GIFT
================================================================== */
.giftkit{ width:699px; border: 8px solid #F3F3F3; }
.giftkit .img{ float: left; width: 390px; }
.giftkit .txt{ float: left; width: 275px; padding-top: 25px; padding-left: 12px; font-size: 12px; line-height: 1.6em; }



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


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

#lsProf{ width:675px; height:210px; padding:67px 20px 20px 20px; margin-bottom:36px; background: url(../upload/2012winter/article/2/soukatsu_bg.jpg) no-repeat;}
#lsProf .left{ width:180px; padding-right:20px; float:left;}
#lsProf .right{ width:475px; float:left;}
.lsName{ font-size:16px; color:#333333; font-weight:bold;}


/*==================================================================
 No.03 FC東京
================================================================== */

#fcTokyo{}
#fcTokyo p.q{padding:0 0 15px 0; color:#000; font-weight:bold;}
#fcTokyo .name1{ font-weight: bold; font-size:13px; color:#344B86;}
#fcTokyo .name2{ font-weight: bold; font-size:13px; color:#A51F28;}
#fcTokyo .name3{ font-weight: bold; font-size:13px; color:#A07A61;}

#fcTokyo .prof{ background:#000000; padding:13px 20px 15px 20px; margin-bottom:3.2em; text-align:left; font-size:12px; color:#CCC;}




/*==================================================================
 No.04 人
================================================================== */

#yokonami{}
#yokonami p.q{padding:0 0 15px 0; color:#000; font-weight:bold;}
#yokonami .name{ font-weight: bold; font-size:13px; color:#338DA3;}



/*==================================================================
 No.07 定番
================================================================== */

#teiban{ width:715px; height:2137px; margin-bottom:50px; position:relative; font-size:11px; line-height:1.5em;}
#teiban .men{ width:480px; height:379px; position:absolute;}
#teiban .men .caption{
	width:186px;
	height:100px;
	position:absolute;
	left: 25px;
	top: 92px;
}

#teiban .women{
	width:492px;
	height:339px;
	position:absolute;
	left: 221px;
	top: 301px;
}
#teiban .women .caption{
	width:164px;
	height:100px;
	position:absolute;
	left: 303px;
	top: 90px;
}


#teiban .liflattie{
	width:557px;
	height:408px;
	position:absolute;
	left: 0;
	top: 678px;
}
#teiban .liflattie .caption{
	width:170px;
	height:100px;
	position:absolute;
	left: 31px;
	top: 126px;
}

#teiban .kids{
	width:643px;
	height:456px;
	position:absolute;
	left: 72px;
	top: 1023px;
}
#teiban .kids .caption{
	width:272px;
	height:100px;
	position:absolute;
	left: 24px;
	top: 138px;
}


#teiban .khaju{
	width:346px;
	height:546px;
	position:absolute;
	left: 0;
	top: 1326px;
}
#teiban .khaju .caption{
	width:295px;
	height:100px;
	position:absolute;
	left: 22px;
	top: 84px;
}

#teiban .jet{
	width:643px;
	height:429px;
	position:absolute;
	left: 71px;
	top: 1697px;
}
#teiban .jet .caption{
	width:255px;
	height:100px;
	position:absolute;
	left: 24px;
	top: 252px;
}


/*==================================================================
 No.08 一期一会
================================================================== */

#ichigoichie{}
#ichigoichie .name{ font-weight: bold; font-size:13px; color:#000;}


/*==================================================================
 No.11 Happy Holidays
================================================================== */

.item417{ width:417px; float:left;}
.item280{ width:280px; float:left;}
.howtoBox{ width:230px; float:left;}
#shoppingBag{ width:675px; padding:20px; margin-bottom:50px; background:#183351;}
#shoppingBag .photo{ width:250px; padding-right:25px; float:left;}
#shoppingBag .txt{ width:400px; float:left; color:#FFFFFF;}



/*==================================================================
 No.16 HONDA
================================================================== */

#shibufes{ width:665px; height:209px; padding:25px; margin:0 0 50px 0; background:url(../upload/2012winter/article/16/shibufes_bg.jpg) no-repeat;}
#shibufes .logo{ width:200px; padding-right:28px; padding-left:10px; float:left;}
#shibufes .tx{ width:427px; float:left;}


/*==================================================================
 No.19 barbour
================================================================== */

#barbour{}
#barbour p.q{padding:0 0 15px 0; color:#000; font-weight:bold;}
#barbour .name{ font-weight: bold; font-size:13px; color:#003359;}

#barbour .itemCap{}
#barbour .itemCap .box{ width:230px; float:left;}



/*==================================================================
 No.21 BUYER SHINOHARA
================================================================== */

#gitmanBros{}
#gitmanBros .name1{ font-weight: bold; font-size:13px; color:#003359;}
#gitmanBros .name2{ font-weight: bold; font-size:13px; color:#338DA3;}


/*==================================================================
 No.22 コート
================================================================== */

#coat01{ width:715px; height:1191px; margin-bottom:85px; position:relative;}
#coat01 .coatA{ height:473px; position:absolute; top:0; left:0px;}
#coat01 .coatB{height:424px; position:absolute; top:408px; left:0px;}
#coat01 .coatC{height:461px; position:absolute; top:730px; left:0px;}

#coat02{ width:715px; height:1182px; margin-bottom:85px; position:relative;}
#coat02 .coatA{ height:464px; position:absolute; top:0; left:0px;}
#coat02 .coatB{height:443px; position:absolute; top:380px; left:0px;}
#coat02 .coatC{height:383px; position:absolute; top:799px; left:0px;}

#coat03{ width:715px; height:1174px; margin-bottom:85px; position:relative;}
#coat03 .coatA{ height:456px; position:absolute; top:0; left:0px;}
#coat03 .coatB{height:447px; position:absolute; top:368px; left:0px;}
#coat03 .coatC{height:381px; position:absolute; top:793px; left:0px;}


/*==================================================================
 No.28 PRESS
================================================================== */

#bark{}
#bark .name1{ font-weight: bold; font-size:13px; color:#003359;}
#bark .name2{ font-weight: bold; font-size:13px; color:#3D6D45;}

#ozone{ width:685px; padding:15px; margin-bottom:50px; background:url(../upload/2012winter/article/28/bg.gif);}


/*==================================================================
 No.29 PRESS
================================================================== */


#aida .name1{ font-weight: bold; font-size:13px; color:#003359;}
#aida .name2{ font-weight: bold; font-size:13px; color:#3F376C;}


/*==================================================================
 No.31 TATRAS
================================================================== */

#tatras p.no01{
	padding-bottom:20px;
	padding-left:30px;
	background:url(../upload/2012winter/article/31/01.jpg) no-repeat left top;
}
#tatras p.no02{
	padding-bottom:20px;
	padding-left:30px;
	background:url(../upload/2012winter/article/31/02.jpg) no-repeat left top;
}
#tatras p.no03{
	padding-bottom:50px;
	padding-left:30px;
	background:url(../upload/2012winter/article/31/03.jpg) no-repeat left top;
}






/*==================================================================
 No.79 Traditional Weatherwear
================================================================== */

#outerCollection{ width:701px; padding:7px 7px 0 7px; margin-bottom:36px; background:#271712;}
#outerCollection .outerItem{ width:347px; height:520px; padding-bottom:7px; float:left;}
#outerCollection .outerCap{ width:323px; height:490px; padding:12px 12px 12px 12px; float:left; color:#FFFFFF;}
#outerCollection .outerCap p{ padding-left:3px; font-size:11px; line-height:1.4em;}

#outerCollection .paddingR7{ padding-right:7px;}

/*==================================================================
 No.80 小物
================================================================== */
#komono .caption{ width:715px; margin-bottom:100px; background:url(../upload/2012winter/article/80/cap_bg.jpg) right bottom no-repeat;}
#komono .photo{ width:200px; float:left;}
#komono .photo{ width:300px; float:left;}
#komono .cregit{ width:375px; padding:20px; float:left; color:#436048;}


/*==================================================================
 No.81 スタッフ
================================================================== */

.item358{ width:358px; float:left}
.item337{ width:337px; float:left}







/*==================================================================
 No.83 着回し
================================================================== */

#style01{width:715px; padding-bottom:40px; position:relative;}
#style01 p.caption01{
	width:183px;
	position:absolute;
	top:146px;
	left:35px;
}

#style01 .cregitBox{
	width:249px;
	position:absolute;
	top:492px;
	left:463px;
	background:url(../upload/2012winter/article/83/cregit_top.gif) no-repeat top left;
}
#style01 .cregitBox p.cregit{ padding:17px 0 17px 0; background:url(../upload/2012winter/article/83/cregit_bottom.gif) no-repeat bottom left;}



#style02{width:715px; padding-bottom:40px; position:relative;}
#style02 p.caption01{
	width:183px;
	position:absolute;
	top:135px;
	left:35px;
}

#style02 .cregitBox{
	width:249px;
	position:absolute;
	top:435px;
	left:463px;
	background:url(../upload/2012winter/article/83/cregit_top.gif) no-repeat top left;
}
#style02 .cregitBox p.cregit{ padding:17px 0 17px 0; background:url(../upload/2012winter/article/83/cregit_bottom.gif) no-repeat bottom left;}


#style03{width:715px; padding-bottom:40px; position:relative;}
#style03 p.caption01{
	width:179px;
	position:absolute;
	top:118px;
	left:35px;
}

#style03 .cregitBox{
	width:249px;
	position:absolute;
	top:435px;
	left:463px;
	background:url(../upload/2012winter/article/83/cregit_top.gif) no-repeat top left;
}
#style03 .cregitBox p.cregit{ padding:17px 0 17px 0; background:url(../upload/2012winter/article/83/cregit_bottom.gif) no-repeat bottom left;}









/*==================================================================
 No.84 冬に欠かせないもの
================================================================== */

.winterItem{ width:686px; padding:16px 15px 15px 14px; margin-bottom:35px; background: url(../upload/2012winter/article/84/bg.jpg) no-repeat;}
.winterItem .prof{}
.winterItem .prof .photo{ width:200px; float:left;}
.winterItem .prof .name{ width:476px; padding-left:10px; float:left; font-size:13px;}
.winterItem p.lead{ height:114px; padding:20px 0 0 0; font-size:13px !important;}

.winterItemBox{}
.winterItemBox02{ padding-bottom:28px; border-bottom:solid 2px #333;}
.item375{ width:375px; float:left;}
.item284{ width:284px; float:left;}

.paddingL26{ padding-left:26px;} 



/*==================================================================
 No.85 チェックアイテム
================================================================== */
#checkItem{ width:715px; padding-bottom:50px;}
#checkItem .left{ width:357px; float:left;}
#checkItem .right{ width:356px; padding-left:2px; float:left; background:url(../upload/2012winter/article/85/line01.jpg) repeat-y;}
#checkItem .border{ background:url(../upload/2012winter/article/85/line02.jpg) no-repeat left bottom; padding-top:10px; padding-bottom:35px;}



/*==================================================================
 No.87 Tweed
================================================================== */

.tweedItem{ width:715px; position:relative;}
.tweedItem .caption01{width:323px; color:#FFF; position: absolute; top:395px; left:370px;}
.tweedItem .caption02{width:329px; color:#FFF; position:absolute; top:360px; left:25px;}
.tweedItem .caption03{width:341px; color:#FFF; position:absolute; top:369px; left:361px;}




/*==================================================================
 No.88 Gift
================================================================== */

#gift01{ width:680px; height:711px; padding:106px 13px 0 22px; margin-bottom:30px; background:url(../upload/2012winter/article/88/bg01.jpg) no-repeat;}
#gift02{ width:680px; height:692px; padding:106px 13px 0 22px; margin-bottom:30px; background:url(../upload/2012winter/article/88/bg02.jpg) no-repeat;}
#gift03{ width:680px; height:736px; padding:106px 13px 0 22px; margin-bottom:30px; background:url(../upload/2012winter/article/88/bg03.jpg) no-repeat;}
#gift04{ width:680px; height:709px; padding:106px 13px 0 22px; margin-bottom:30px; background:url(../upload/2012winter/article/88/bg04.jpg) no-repeat;}

.profile{ margin-bottom:47px;}
.profile .photo{ width:296px; padding-right:17px; float:left;}
.profile .cap{ width:367px; padding-top:10px; float:left;}
.giftItem{ clear:both;}
.giftItem .cap{ width:325px; padding:10px 13px 0 5px; float:left;}
.giftItem .photo{ width:337px; float:left;}



/*==================================================================
 No.89 PENTAX
================================================================== */

.photo457{width:457px; float:left; padding-right:15px;}
.txt243{width:243px; float:left;}



/*==================================================================
 No.92 Outer
================================================================== */

#kidsOuter{ width:715px; background:url(../upload/2012winter/article/92/tile_bg.jpg) no-repeat center 35px;}
#kidsOuter .left{ width:337px; padding-right:20px; float:left;}
#kidsOuter .right{ width:358px; float:left;}
#kidsOuter .caption{ padding-bottom:56px;}
.pl35{ padding-left:35px;}
.pr35{ padding-right:35px;}



/*==================================================================
 No.93 小日向
================================================================== */

#q01{ width:675px; height:238px; padding:45px 20px 0 20px; margin-bottom:50px; background:url(../upload/2012winter/article/93/bg01.jpg) no-repeat;}
#q02{ width:675px; height:251px; padding:45px 20px 0 20px; margin-bottom:80px; background:url(../upload/2012winter/article/93/bg02.jpg) no-repeat;}


/*==================================================================
 No.95 Johns
================================================================== */

#johns{ width:675px; padding:20px; background:url(../upload/2012winter/article/95/check_bg.jpg) no-repeat;}


/*==================================================================
 No.97 小物
================================================================== */
.noBrown{ color:#CC6600; font-weight:bold;}



/*==================================================================
 No.99 パーティLOOK
================================================================== */

#partyLook01{ width:715px; height:735px; padding-bottom:40px; position:relative;}
#partyLook01 p.caption01{
	width:298px;
	height:333px;
	position:absolute;
	top:358px;
	left:5px;
	line-height:1.3em;
}
#partyLook02{ width:715px; height:850px; padding-bottom:36px; position:relative;}
#partyLook02 p.caption02{
	width:313px;
	height:348px;
	position:absolute;
	top:465px;
	left:392px;
	line-height:1.3em;
}

/*==================================================================
 No.100 入学入園
================================================================== */

#no100 .caption{line-height:330%; padding-top:2px; background:url(../upload/2012winter/article/100/bg_line.jpg) left -39px;}
#no100 .cregit{ padding-bottom:30px; margin-bottom:80px; background:url(../upload/2012winter/article/100/bg_line02.jpg) no-repeat left bottom;}