/*-------------------------------------------------------------------
*
* Common Style Sheet
*
* created	: 2012/01/01
* update	:		
*
* index
* - Counteract the standard styles
* - Container
* - Header
* - Topicpath
* - Top Navigation
* - Local Navigation
* - Paragraph
* - Link
* - widthAdjustment
* - marginAdjustment
* - paddingAdjustment
* - clearfix
*
-------------------------------------------------------------------*/

/*===================================================================
Counteract the standard styles
===================================================================*/
body{ margin: 0; padding: 0; background: #fbfbfb url("//img.e87.com/common/images/body_bg.gif") repeat-x center top; text-align: center; }
#wrap_0903new { width: 1080px; width: 1000px; margin: 0 auto; background: url("//img.e87.com/common/images/wrap_bg.gif") repeat-y center top; text-align:left; }
#wrap_0903new #wrap { padding: 0 65px; padding: 0 25px; background: url("//img.e87.com/common/images/wrap_inner_bg.gif") no-repeat center top; /* ˆČ‰şAŠů‘śCSS“ŕ‚ĚƒXƒ^ƒCƒ‹‚Ěă‘‚Ť */
margin: 0; border: none; width: auto; }
/*文字コード調整テキスト*/
/*===================================================================
‰ŠúÝ’č
===================================================================*/
#header_0903new img,
#gnavi_0903new img,
#headbtnCart_0903new img,
#sidebar_0903new img,
#footer_0903new img { border: none; }
#header_0903new ul,
#header_0903new ul li,
#gnavi_0903new ul,
#gnavi_0903new ul li,
#topicpath_0903new ul,
#topicpath_0903new ul li,
#sidebar_0903new ul,
#sidebar_0903new ul li,
#footer_0903new ul,
#footer_0903new ul li { margin: 0; padding: 0; list-style: none; }
/* ƒŠƒ“ƒN */
#headnav_0903new a,
#headUtil_0903new a,
#topicpath_0903new a,
#sidebar_0903new a,
#footer_0903new a { color: #7c7b7b; text-decoration: none; }
#headnav_0903new a:hover,
#headUtil_0903new a:hover,
#topicpath_0903new a:hover,
#sidebar_0903new a:hover,
#footer_0903new a:hover { color: #c53a52; text-decoration: underline; }
a:link,
a:visited { color: #7c7b7b; text-decoration: underline; }
a:hover,
a:active { color: #7c7b7b; text-decoration: none; }
body { color: #7c7b7b; }
* img { vertical-align: top; }
/*===================================================================
Header
===================================================================*/
#logo_0903new { float: left; margin: 7px 13px 0 0; }
#headnavTop_0903new { float: left; margin: 35px 0 0 0; }
#headnav_0903new { float: right; width: 246px; }
#headnav_0903new ul { float: right; margin: 5px 0 0; font-size: 75%; border-left: #7c7c7c 1px solid; }
#headnav_0903new ul li { float: left; padding: 0 6px; border-right: #7c7b7b 1px solid; min-width:55px; }
#headUtil_0903new { float: left; margin: 5px 0 0 169px; font-size: 75%; }
#headUtil_0903new ul { float: right; height:46px; width:125px; padding: 4px; background: #dff4f3; }
html:first-child #headUtil_0903new ul { float: left; height:46px; width:125px; padding: 4px; background: #dff4f3; }
*:first-child+html #headUtil_0903new ul { float: left !important; height:46px; width:125px; padding: 4px; background: #dff4f3; }

#headUtil_0903new ul li { float: left; margin-bottom:4px; }
#headUtil_0903new #headbtnCatalog { float: left; padding: 4px; }
#head_search form { float: left; margin: 4px 0 0 3px; }
#head_search input { margin: 0; vertical-align: middle; font-size: 13px; }
#head_search input#keyword { height: 20px; width: 130px; padding: 0; border: #d1cbcb 1px solid; }
html>body #head_search input#keyword { height: 18px; width: 128px; }
#head_search form a { text-decoration: underline; }
html:first-child #head_search form a,
*:first-child+html #head_search form a { text-decoration: underline; font-size: 11px !important; }
#home #logo_0903new h1 { font-size: 10px; margin-top: 2px; padding-top: 40px; position: absolute; }

/*===================================================================
Topicpath
===================================================================*/
#topicpath_0903new { margin: 5px 0; }
#topicpath_0903new ul li { float: left; /*font-size:60%; */
font-size: 75%; font-weight: bold; color: #7c7b7b; }
#topicpath_0903new ul li a { padding: 0 10px 0 0; background: url(//img.e87.com/common/images/topicpath_bg.gif) no-repeat right top; text-decoration: underline; font-weight: normal; }
/*===================================================================
Footer
===================================================================*/
#footer_0903new { margin: 10px 0 0 0; padding: 5px; background: #f0f0f0; }
#footer_0903new ul { float: left; /*font-size:60%; */
font-size:75%; line-height:1em; border-left:#7c7c7c 1px solid; }
#footer_0903new ul li { float: left; padding: 0 5px; border-right: #7c7b7b 1px solid; }
#footer_0903new address { float: right; }
/*===================================================================
Container
===================================================================*/
.col2Cont { margin-bottom: 15px; }
.col2Cont .leftCont { float: left; width: 170px; margin-right: 30px; }
.col2Cont .rightCont { float: left; width: 750px; }
.col3Cont { margin-bottom: 15px; }
.col3Cont .leftCont { float: left; width: 170px; margin-right: 30px; }
.col3Cont .mainCont { float: left; width: 550px; margin-right: 30px; }
.col3Cont .rightCont { float: left; width: 170px; }
/*===================================================================
Top Navigation
===================================================================*/
.topNav { margin: 3px 0 2px; overflow: hidden; _zoom: 1; }
.topNav .attLink { float: left; /*width: 460px; */
margin-top: 2px; }
.topNav .attLink li { display: inline; margin-right: 1em; }
.topNav .attLink li a { color: #ff0000; font-weight: bold; vertical-align: middle; }
.topNav .snsLink { float: right; }
.topNav .snsLink li { display: inline; margin-left: 5px; *display: inline !important; *max-height:22px !important; vertical-align: middle; }
.topNav .snsLink li.lastChild { margin-right: 0; }
.topNav .snsLink li img { vertical-align: middle; }

.snsNav { margin: 3px 0 2px; overflow: hidden; _zoom: 1; }
.snsNav .snsLink { float: right; }
.snsNav .snsLink li { display: inline; *display: inline !important; *max-height:22px !important; margin-left: 5px; vertical-align: middle; }
.snsNav .snsLink li.lastChild { margin-right: 0; }
.snsNav .snsLink li img { vertical-align: middle; }


/*===================================================================
Local Navigation
===================================================================*/
/*	hdType_01
-------------------------------------------------------------------*/
.localNav .hdType_01 { background: url("//img.e87.com/common/images/parts/bg_hdtype_01_02.gif") repeat-y left top; }
.localNav .hdType_01 h1,
.localNav .hdType_01 h2,
.localNav .hdType_01 h3,
.localNav .hdType_01 h4,
.localNav .hdType_01 h5 { padding-top: 11px; background: url("//img.e87.com/common/images/parts/bg_hdtype_01_01.gif") no-repeat left top; zoom: 1; }
.localNav .hdType_01.hdBr h1,
.localNav .hdType_01.hdBr h2,
.localNav .hdType_01.hdBr h3,
.localNav .hdType_01.hdBr h4,
.localNav .hdType_01.hdBr h5 { padding-top: 6px; }
.localNav .hdType_01 .mod { display: block; min-height: 17px; _height: 27px; padding: 0 6px 9px; background: url("//img.e87.com/common/images/parts/bg_hdtype_01_03.gif") no-repeat left bottom; color: #d72f79; font-weight: bold; }
.localNav .hdType_01.hdBr .mod { min-height: 28px; _height: 32px; padding-bottom: 3px; }
.localNav .hdType_01 .icon { display: inline-block; padding-left: 24px; font-weight: bold; }
.localNav .hdType_01 .icon.rank { background: url("//img.e87.com/common/images/parts/icon_rank.gif") no-repeat left center; }
/*	col1Type_01
-------------------------------------------------------------------*/
.localNav .col1Type_01 { margin-bottom: 20px; }
.localNav .col1Type_01 .article { padding: 5px 0 5px 5px; border-width: 0 1px 1px; border-style: solid; border-color: #e1e1e1; }
.localNav .col1Type_01 .article.firstChild { border-top: 1px solid #e1e1e1; }
.localNav .col1Type_01 .leftCell,
.localNav .col1Type_01 .rightCell { display: inline-block; *display: inline; /* for IE6-7 */
*zoom: 1; /* for IE6-7 */
vertical-align: middle; }
.localNav .col1Type_01 .leftCell { padding-right: 10px; }
.localNav .col1Type_01 .rightCell { width: 110px; letter-spacing: -0.03em; }
.localNav .col1Type_01 .rightCell a { font-size: 85%; line-height: 1.2; }
/* navType_kind */
.localNav .navType_kind .leftCell { padding-right: 3px; }

/* navType_rank */
.localNav .navType_rank .leftCell { padding-right: 6px; vertical-align: top; }
.localNav .navType_rank .rightCell { width: 100px; }
.localNav .navType_rank .rightCell .iconRank { margin-left: -2px; }
.localNav .navType_rank .rightCell a { font-size: 80%; *font-size: 75%; line-height: 1.2; }

/* navType_disney */
/* navType_birth */
.localNav .navType_disney .leftCell,
.localNav .navType_birth .leftCell { padding-right: 6px; }
.localNav .navType_disney .rightCell,
.localNav .navType_birth .rightCell { width: 100px; }
.localNav .navType_disney .rightCell a,
.localNav .navType_birth .rightCell a { font-size: 80%; *font-size: 75%; line-height: 1.2; }

/*	col1Type_bnr
-------------------------------------------------------------------*/
.localNav .col1Type_bnr { margin-bottom: 15px; }
.localNav .col1Type_bnr li { margin-bottom: 5px; }

/* VeriSign */
.localNav .verisign { margin: 8px 0 0 0; } 
.localNav .verisign dt { text-align: center; } 
.localNav .verisign dd { color: #7c7b7b; font-size: 75%; } 
/*===================================================================
Paragraph
===================================================================*/
.pType_01 { font-size: 85%; line-height: 1.2; }
.pType_02 { font-size: 80%; *font-size: 75%; line-height: 1.2; }
.pType_03 { font-weight: bold; }
/*===================================================================
Link
===================================================================*/
/*	singleLink
-------------------------------------------------------------------*/
.linkType_01 { padding-left: 12px; background: url("//img.e87.com/common/images/parts/icon_arrow_01.gif") no-repeat 0 0.23em; zoom: 1; }
a.linkType_02:link,
a.linkType_02:visited { color: #ca417d; }
a.linkType_02:hover,
a.linkType_02:active { color: #ca417d; }
/*	linkList
-------------------------------------------------------------------*/
.linkListType_01 li { margin-bottom: 4px; padding-left: 10px; background: url("//img.e87.com/common/images/parts/icon_arrow_01.gif") no-repeat 0 0.46em; zoom: 1; }

/*===================================================================
widthAdjustment
===================================================================*/
.w2   { width: 2% !important; }
.w3   { width: 3% !important; }
.w4   { width: 4% !important; }
.w5   { width: 5% !important; }
.w6   { width: 6% !important; }
.w7   { width: 7% !important; }
.w8   { width: 8% !important; }
.w9   { width: 9% !important; }
.w10  { width: 10% !important; }
.w11  { width: 11% !important; }
.w12  { width: 12% !important; }
.w13  { width: 13% !important; }
.w14  { width: 14% !important; }
.w15  { width: 15% !important; }
.w16  { width: 16% !important; }
.w17  { width: 17% !important; }
.w18  { width: 18% !important; }
.w19  { width: 19% !important; }
.w20  { width: 20% !important; }
.w21  { width: 21% !important; }
.w22  { width: 22% !important; }
.w23  { width: 23% !important; }
.w24  { width: 24% !important; }
.w25  { width: 25% !important; }
.w26  { width: 26% !important; }
.w27  { width: 27% !important; }
.w28  { width: 28% !important; }
.w29  { width: 29% !important; }
.w30  { width: 30% !important; }
.w31  { width: 31% !important; }
.w32  { width: 32% !important; }
.w33  { width: 33% !important; }
.w34  { width: 34% !important; }
.w35  { width: 35% !important; }
.w36  { width: 36% !important; }
.w37  { width: 37% !important; }
.w38  { width: 38% !important; }
.w39  { width: 39% !important; }
.w40  { width: 40% !important; }
.w41  { width: 41% !important; }
.w42  { width: 42% !important; }
.w43  { width: 43% !important; }
.w44  { width: 44% !important; }
.w45  { width: 45% !important; }
.w46  { width: 46% !important; }
.w47  { width: 47% !important; }
.w48  { width: 48% !important; }
.w49  { width: 49% !important; }
.w50  { width: 50% !important; }
.w51  { width: 51% !important; }
.w52  { width: 52% !important; }
.w53  { width: 53% !important; }
.w54  { width: 54% !important; }
.w55  { width: 55% !important; }
.w56  { width: 56% !important; }
.w57  { width: 57% !important; }
.w58  { width: 58% !important; }
.w59  { width: 59% !important; }
.w60  { width: 60% !important; }
.w61  { width: 61% !important; }
.w62  { width: 62% !important; }
.w63  { width: 63% !important; }
.w64  { width: 64% !important; }
.w65  { width: 65% !important; }
.w66  { width: 66% !important; }
.w67  { width: 67% !important; }
.w68  { width: 68% !important; }
.w69  { width: 69% !important; }
.w70  { width: 70% !important; }
.w71  { width: 71% !important; }
.w72  { width: 72% !important; }
.w73  { width: 73% !important; }
.w74  { width: 74% !important; }
.w75  { width: 75% !important; }
.w76  { width: 76% !important; }
.w77  { width: 77% !important; }
.w78  { width: 78% !important; }
.w79  { width: 79% !important; }
.w80  { width: 80% !important; }
.w81  { width: 81% !important; }
.w82  { width: 82% !important; }
.w83  { width: 83% !important; }
.w84  { width: 84% !important; }
.w85  { width: 85% !important; }
.w86  { width: 86% !important; }
.w87  { width: 87% !important; }
.w88  { width: 88% !important; }
.w89  { width: 89% !important; }
.w90  { width: 90% !important; }
.w91  { width: 91% !important; }
.w92  { width: 92% !important; }
.w93  { width: 93% !important; }
.w94  { width: 94% !important; }
.w95  { width: 95% !important; }
.w96  { width: 96% !important; }
.w97  { width: 97% !important; }
.w98  { width: 98% !important; }
.w99  { width: 99% !important; }
.w100 { width: 100% !important; }
.wAuto{ width: auto !important; }
/*===================================================================
marginAdjustment
===================================================================*/
.mt0  { margin-top:0px !important; }
.mt5  { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mt55 { margin-top:55px !important; }
.mt60 { margin-top:60px !important; }

.mr0  { margin-right:0px !important; }
.mr2  { margin-right:2px !important; }
.mr3  { margin-right:3px !important; }
.mr4  { margin-right:4px !important; }
.mr5  { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }
.mr55 { margin-right:55px !important; }
.mr60 { margin-right:60px !important; }

.mb0  { margin-bottom:0px !important; }
.mb5  { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.mb55 { margin-bottom:55px !important; }
.mb60 { margin-bottom:60px !important; }

.ml0  { margin-left:0px !important; }
.ml5  { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }
.ml55 { margin-left:55px !important; }
.ml60 { margin-left:60px !important; }
/*===================================================================
paddingAdjustment
===================================================================*/
.pt0  { padding-top: 0px !important; }
.pt5  { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }

.pr0  { padding-right: 0px !important; }
.pr5  { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr55 { padding-right: 55px !important; }
.pr60 { padding-right: 60px !important; }

.pb0  { padding-bottom: 0px !important; }
.pb5  { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }

.pl0  { padding-left: 0px !important; }
.pl5  { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl13 { padding-left: 13px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl55 { padding-left: 55px !important; }
.pl60 { padding-left: 60px !important; }
/*===================================================================
clearfix
===================================================================*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 1px; line-height: 1px; }
.clearfix { display: inline-table; min-height: 1%; }
/* Hides from IE-mac _*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */