@charset "utf-8";


/*==================================================================
 LAYOUT  COMMON
================================================================== */
#header h1#logo a{ background: url(../images/2012summer/logo_vol5.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: 20px; float:left; }
#staff .detail .name .rightbox { width: 215px; 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 { padding-bottom: 30px; }
#staff .detail .txt p.point { 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; }



/*==================================================================
音田CSS
================================================================== */
/*==================================================================
 No.1
================================================================== */
#no1 .box{ width:656px; padding: 0px 29px 40px; }
#no1 .box .thumb{ width:202px; float:left;}


/*==================================================================
 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.14
================================================================== */
#no14 .box{ width: 715px; position: relative; }
#no14 .box .img{ width:450px; float:left;}
#no14 .box .text{ width: 265px; float:left; background-color: #F7F7F7;  min-height:450px; height: auto !important; height: 450px; }
#no14 .box .text p{ font-size: 12px; line-height: 1.4em; padding-top: 25px; padding-right: 20px; padding-left: 20px; }
#no14 .box2 .text{ background-color: #F7F7F7;}
#no14 .box2 .text .contenTtl{ float:left; width:170px}
#no14 .box2 .text p{ font-size: 12px; line-height: 1.5em; padding: 30px 30px 0px; width: 485px; float: left; }


/*==================================================================
 No.15
================================================================== */
#no15 .box{ width: 715px; position: relative; }
#no15 .box .img{ position: absolute; }
#no15 .box h3{ padding-bottom: 12px; }
#no15 .box .text{ width: 655px; padding-top: 25px; padding-bottom: 25px; padding-right: 30px; padding-left: 30px; background-image: url(../upload/2012summer/article/15/15_bg.gif); background-repeat: repeat; }
#no15 .box .text p{ width: 250px;}

#no15 .box2{ width: 676px; margin-right: auto; margin-left: auto; background-image: url(../upload/2012summer/article/15/15_flame.gif); background-repeat: repeat-y; background-position: top; }
#no15 .box2 .inner{ background-image: url(../upload/2012summer/article/15/15_flame_top.gif); background-repeat: no-repeat; background-position: top; }
#no15 .box2 .bottom{ position: relative; background-image: url(../upload/2012summer/article/15/15_flame_bottom.gif); background-repeat: no-repeat; background-position: bottom; padding: 9px; }
#no15 .box2 .icon{ position: absolute; left: -17px; top: -30px; }
#no15 .box2 .img{ width:300px; float:left; }
#no15 .box2 .text{ width: 303px; float: left; padding: 75px 25px 0px 30px; }
#no15 .box2 .text h3{ padding-bottom: 30px; }


/*==================================================================
 No.33
================================================================== */
#no33 .box{ width: 715px; position: relative; height: 1685px; }
#no33 .box .img{ position: absolute; }
#no33 .box .text{ position: absolute; }

/*==================================================================
 No.35
================================================================== */
#no35 .gridline{ width: 715px; background-image: url(../upload/2012summer/article/35/35_line_02.gif); background-repeat: repeat-y; background-position: left top; }

#no35 .box{ width: 710px; background-image: url(../upload/2012summer/article/35/35_line_01.gif); background-repeat: repeat-x; background-position: left top; padding-left: 5px; }
#no35 .box .itembox { float: left; width: 235px; padding-right: 1px; padding-bottom: 20px; }
#no35 .box .itembox p { padding-right: 10px; padding-left: 10px; font-size: 12px; line-height: 1.5em; }



/*==================================================================
 No.45
================================================================== */
#no45 .credit{ background-color: #EEEEEE; padding: 8px; width: 324px; font-size: 12px; line-height: 1.5em; }



/*==================================================================
 No.54
================================================================== */
#no54 .box{ width: 715px; position: relative; background-image: url(../upload/2012summer/article/54/54_bg.gif); background-repeat: repeat; background-position: left top; }
#no54 .closeup{ position: absolute; left: 0px; top: 35px; }
#no54 .box .txtBox{ float:left; width: 300px; padding-left: 60px; padding-top: 38px; padding-bottom: 15px; }
#no54 .box .imgBox{ float:right; width: 318px; padding-right: 27px; padding-top: 15px; padding-bottom: 12px; }

/*==================================================================
 No.57
================================================================== */

#no57  .txtBox{ float:left; width: 300px; position: relative; background-color: #F3F3F3; padding: 95px 20px 20px; }
#no57  .imgBox{ float:left; width: 375px; }
#no57 .txtBox .ttlimg{ position: absolute; left: 5px; top: -28px; }

/*==================================================================
 No.59
================================================================== */
#no59  .imgBox{ position: relative; }
#no59  .imgBox .img{ position: absolute; }


/*==================================================================
 No.63
================================================================== */
#no63 .box{ background-image: url(../upload/2012summer/article/63/63_bg.jpg); background-repeat: repeat-y; background-position: left top; }
#no63 .box .box_head{ background-image: url(../upload/2012summer/article/63/63_02.jpg); background-repeat: no-repeat; background-position: left top; }
#no63 .box .box_head .box_bottom{ background-image: url(../upload/2012summer/article/63/63_04.jpg); background-repeat: no-repeat; background-position: left bottom; padding: 40px; }


/*==================================================================
 No.68
================================================================== */
#no68 .box{ background-image: url(../upload/2012summer/article/68/68_line_01.gif); background-repeat: repeat-x; background-position: left top; padding-top: 2px; }
#no68 .box .inBox{ background-image: url(../upload/2012summer/article/68/68_line_02.gif); background-repeat: repeat-y; background-position: 357px; }
#no68 .box .leftBox{ float: left; width: 357px; }
#no68 .box .rightBox{ width: 356px; float: right; }
#no68 .box .part{ background-image: url(../upload/2012summer/article/68/68_line_01.gif); background-repeat: repeat-x; background-position: left top; padding-top: 2px; padding-bottom: 30px; }
#no68 .box p{ padding-right: 10px; padding-left: 10px; }




/*==================================================================
 No.70
================================================================== */
#no70 .box{ width: 715px; position: relative; background-image: url(../upload/2012summer/article/70/70_bg.jpg); background-repeat: no-repeat; background-position: left top; height: 1785px; }
#no70 .box .inBox{ position:absolute;}
#no70 .box .inBox .kyotyo{ font-weight: bold; color: #000; background-color: #FF0; }



/*==================================================================
 No.71
================================================================== */
#no71 .box{ width: 715px; position: relative; }
#no71 .box .imgBox{ position:absolute;}
#no71 .box .txtBox{ position:absolute; width:200px;}
#no71 .box .txtBox p{ font-size: 12px; line-height: 1.5em; }




/*==================================================================
 No.72
================================================================== */
.no72_list li { float: left; width: 222px; padding-right: 8px; padding-left: 8px; }



/*==================================================================
 No.73
================================================================== */
#no73 .leftBox{ float:left; width:480px; padding-right:25px; border-right-width: 1px; border-right-style: solid; border-right-color: #DFDFDF; }
#no73 .rightBox{ float:left; width:185px; padding-left:24px; }
#no73 .box{ width: 715px; position: relative; background-image: url(../upload/2012summer/article/73/73_bg.jpg); background-repeat: no-repeat; background-position: left top; padding-bottom: 30px; }
#no73 .box .img{ position: absolute; }
#no73 .box .txt{ font-size: 12px; line-height: 1.5em; background-color: #F3F3F3; padding: 0px 20px 20px; width: 250px; }


/*==================================================================
 No.75
================================================================== */
#no75 .box{ border: 10px solid #F3F3F3; padding: 40px 40px 30px; }
#no75 .box .inBox{ padding-top: 20px; padding-bottom: 20px; background-image: url(../images/line_dot.jpg); background-repeat: repeat-x; background-position: left top; }



/*==================================================================
 No.87
================================================================== */
#no87 .box{ background-repeat: repeat-y; background-position: left top;  width: 715px; background-image: url(../upload/2012summer/article/87/87_frame1.jpg); }
#no87 .box2{ background-repeat: repeat-y; background-position: left top; background-image: url(../upload/2012summer/article/87/87_frame2.jpg); width: 400px; float: left;}
#no87 .box3{ background-repeat: repeat-y; background-position: left top; background-image: url(../upload/2012summer/article/87/87_frame3.jpg);width: 300px; float: left; }
#no87 .inner{ background-image: url(../upload/2012summer/article/87/87_line.jpg); background-repeat: repeat-x; background-position: left top; }
#no87 .bottom{ padding: 20px; background-image: url(../upload/2012summer/article/87/87_line.jpg); background-repeat: repeat-x; background-position: left bottom; }
#no87 .box2 .bottom{ min-height: 285px;}
#no87 .box3 .bottom{ min-height: 405px;}














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


/*==================================================================
 No.06 香りシップス
================================================================== */


.item_image400 { float: left; width: 400px; margin-right: 18px; text-align: center; }
.item_text297 { float: left; width: 297px; }




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

#fcTokyo{}


#fcTokyo p.q{ font-weight:bold; padding:0 0 15px 0;}
#fcTokyo .name{ font-weight: normal; font-size:13px; color:#003366;}

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


/*==================================================================
 No.10 ONE SHIPS PROJECT
================================================================== */

#oneShips{}

#oneShips p.q{ font-weight:bold; padding:0 0 15px 0;}
#oneShips .name{ font-weight: normal; font-size:13px; color:#1378A5;}
#oneShips .name2{ font-weight: normal; font-size:13px; color:#3F9D7F;}



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

#ichigoichie{}

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


/*==================================================================
 No.13 「1」にまつわるネタ
================================================================== */

#anniversary{ }


#anniversary table{
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-left-style: dotted;
	border-top-color: #CCC;
	border-left-color: #CCC;
}

#anniversary td{
	padding:3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
}


#itemDetail{ width:500px; height:510px; margin:0 auto; font-size:13px; color:#333333;}
#detailCap{ padding:15px;}

.navy{ color:#036;}
.lightBlue{ color: #0CF;}
.pink{ color:#F6C;}
.orange{ color:#F60;}
.purple{ color:#E2B2D9;}
.kidsYallow{ color:#FC0;}

/*==================================================================
 No.17 
================================================================== */

#golf{}

#golf p.q{ font-weight:bold; padding:0 0 15px 0;}
#golf .name{ font-weight: normal; font-size:13px; color:#14186A;}
#golf .name2{ font-weight: normal; font-size:13px; color:#00518C;}



/*==================================================================
 No.20　トレンド対談
================================================================== */

#incotex{}


#incotex p.q{ font-weight:bold; padding:0 0 15px 0;}
#incotex .name{ font-weight: normal; font-size:13px; color:#FF9900;}


/*==================================================================
 No.25　限定アイテム
================================================================== */

.capBg{ background:#444; color:#FFF; height:400px;}




/*==================================================================
 No.49 Lier26
================================================================== */

#lier26{}


#lier26 p.q{ font-weight:bold; padding:0 0 15px 0; color:#A45896;}
#lier26 .item{ }
#lier26 .item .item_photo{ width:350px; float:left;}
#lier26 .item .item_tx1{ width:320px; height:320px; padding:30px 20px 0 25px; background:url(../upload/2012summer/article/49/item_bg01.jpg) no-repeat; float:left; color:#6C5233;}
#lier26 .item .item_tx2{ width:320px; height:320px; padding:30px 20px 0 25px; background:url(../upload/2012summer/article/49/item_bg02.jpg) no-repeat; float:left; color:#6C5233;}







/*==================================================================
 No.74 SHOKO
================================================================== */

#shoko{}

#shoko p.q{ font-weight:bold; padding:0 0 15px 0;}
#shoko .name{ font-weight: normal; font-size:13px; color:#E08A9D;}



/*==================================================================
 No.77 バイヤー	
================================================================== */

.midashi_bg01{ background:url(../upload/2012summer/article/77/midashi_bg01.jpg) no-repeat;}
.midashi_bg02{ background:url(../upload/2012summer/article/77/midashi_bg02.jpg) no-repeat; height:350px;}
.midashi_bg03{ background:url(../upload/2012summer/article/77/midashi_bg03.jpg) no-repeat;}


/*==================================================================
 No.80
================================================================== */
.petern{ margin-bottom:30px; color:#5A4633;}
.peternMd{width:649px; height:397px; padding:0 33px 0 33px; background:url(../upload/2012summer/article/80/bg_middle.jpg) no-repeat; }
.itemIMG{ width:286px; padding-right:40px; text-align:center; float:left;}
.itemZoom{ width:320px; float:left;}





/*==================================================================
 No.83 ゆるヘア
================================================================== */

.arrange{height:525px; position:relative;}
.arrangeBottom{ position:absolute; bottom:0;}

.arrangeFlow{ width:715px; padding-bottom:50px; border-bottom:dotted 1px #CCCCCC; }
.arrangeFlow .flow{ width:235px; float:left;}

.flowNum{ width:15px; padding:0 5px 0 5px; float:left; text-align:center;}
.flowTx{ width:205px; padding-right:5px; float:left;}


/*==================================================================
 No.84 サンダル
================================================================== */

.sandal{ width:715px; padding-bottom:10px; position:relative;}
.sandalCap{width:310px; padding:0 20px 0 15px; position: absolute; z-index:1000; top: 5px; right: 0px; line-height:1.4em;}





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

#stink{}

#stink .item{ width:715px; background:url(../upload/2012summer/article/88/item_bg01.jpg) no-repeat; }
#stink .item_photo{ width:350px; float:left; }
#stink .item_tx{ width:332px; padding:31px 10px 0 23px; float:left; }

#stink .item2{ width:715px; background:url(../upload/2012summer/article/88/item_bg02.jpg) no-repeat; padding-bottom:3.2em; }
#stink .item_tx2{ width:338px; padding:33px 10px 0 17px; float:left; }



#stink p.q{ font-weight:bold; padding:0 0 15px 0;}
#stink .name{ font-weight: normal; font-size:13px; color:#CC1D3A;}



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

#agitations{}


#agitations p.q{ font-weight:bold; padding:0 0 15px 0;}
#agitations .name{ font-weight: normal; font-size:13px; color:#CC1D3A;}
#story{ font-style:italic; font-size:11px; padding:30px 0 30px 20px;}

#story .title{ font-size:12px; font-weight:bold;}



/*==================================================================
 No.90
================================================================== */


.buyerItem{ width:715px; padding-bottom:3.2em;}
.buyerItem_img{ width:400px; float:left; padding-right:10px;}
.buyerItem_tx{ width:305px; float:left;}

.buyerItem_img2{ width:430px; float:left; padding-left:10px;}
.buyerItem_tx2{ width:275px; float:left;}

.buyerRecommend{height:389px; position:relative;}
.buyerRecommend2{height:343px; position:relative;}
.buyerRecommendBottom{ position:absolute; bottom:10px;}

.recommendIcon{ text-align:right; padding-bottom:10px;}





/*==================================================================
 No.94 milk
================================================================== */

#milk{}


#milk p.q{ font-weight:bold; padding:0 0 15px 0;}
#milk .name{ font-weight: normal; font-size:13px; color:#FF9900;}

#recommendArea{ width:683px; background:#EFEFEF; border:dashed 1px #CCCCCC; padding:15px; margin-bottom:30px;}
#recommendArea .rItem{ width:221px; float:left;}
.pr6{ padding-right:6px;}



/*==================================================================
 No.95 わんぴーす
================================================================== */

#onePiece{ width:715px; background:url(../upload/2012summer/article/95/background.jpg)}

#onePiece .item{ width:695px; padding:10px;}
#onePiece .photo01{ width:345px; padding-right:15px; float:left;}
#onePiece .text01{ width:335px; float:left;}

#onePiece .photo02{ width:345px; padding-left:15px; float:left;}
#onePiece .text02{ width:335px; float:left;}



/*==================================================================
 No.100 子連れカフェ
================================================================== */


#nomuNews{ width:685px; height:372px; padding:30px 15px 0 15px; margin-bottom:30px; background:url(../upload/2012summer/article/100/news_bg.jpg) no-repeat;}

#nomuNews .leftImg{ width:330px; float:left; padding-right:28px;}
#nomuNews .rightTx{ width:327px; float:left;}