@charset "shift_jis";


/* Base layout
======================================================================= */

body { background-color:#fff; text-align:center; }


a.arw_dot { background:transparent url(../img/usr/common/arw_dot.gif) no-repeat left center; padding-left:6px; }
a.arw_dot_blu { background:transparent url(../img/usr/common/arw_dot_blu.gif) no-repeat left center; padding-left:6px; }
a.arw_square { background:transparent url(../img/usr/common/arw_square.gif) no-repeat left center; padding-left:20px; }
a.arw_square_bla { background:transparent url(../img/usr/common/arw_square_bla.gif) no-repeat left center; padding-left:20px; }
a.bol { font-weight:bold; }
a.arw_dot_square { background:transparent url(../img/usr/common/arw_dot_square.gif) no-repeat left center; padding-left:12px; }



/* Header
----------------------------------------------------------------------- */
div#headerBase { width:100%; height:111px; background:transparent url(../img/usr/common/bg_headerbase.jpg) repeat-x center top; font-size:1px; }
div#header { width:1000px; height:111px; margin:0 auto; background:transparent url(../img/usr/common/bg_header.jpg) no-repeat 0 0; }
div#header { height:86px; padding-bottom:25px; }
div#header  h1 { float:left; display: inline; margin:0px 0 0 0px; }
div#header h1 a { display:block; width:1000px; margin-top:30px; overflow:hidden; text-indent:0px; }
div#header p  { float:left; display: inline; margin:0px 0 0 0px; }
div#header ul { float:left; display: inline; margin:18px 0 0 38px; }
div#header ul li { float:left; display:inline; margin-right:20px; }
div#header ul li a { display:block; height:53px; overflow:hidden; text-indent:-9999px; }
div#header ul li.point a { width:105px; }
div#header ul li.shipping a { width:134px; }
div#header ul li.payment a { width:170px; }

/* Gloval Navi
----------------------------------------------------------------------- */
div#gloNaviBase { width:100%; height:42px; background-color:#0b419b; _margin-top:-1px; font-size:10px; }
ul#gloNavi { width:1000px; margin:0 auto; height:42px; }
ul#gloNavi li { float:left; display:inline; }

/* Head Bottom
----------------------------------------------------------------------- */
div#headBottomBase { width:100%; height:30px; background:transparent url(../img/usr/common/bg_headbottombase.gif) repeat-x 0 0; font-size:1px; }
div#headBottom { width:1000px; margin:0 auto; height:20px; padding:5px 0; overflow:hidden; }
div#headBottom div#searchBox { float:left; display:inline; margin-left:130px; }
div#headBottom div#searchBox p#ttlSearch,
div#headBottom div#searchBox form,
div#headBottom div#searchBox p#detailSearch { float:left; display:inline; margin-left:16px; }
div#headBottom div#searchBox form { background:transparent url(../img/usr/common/bg_glo_searchbox.jpg) no-repeat 0 0; }
div#headBottom div#searchBox form input { vertical-align:top; line-height:1; }
div#headBottom div#searchBox form input#searchText { padding: 3px; width:213px; border:none; background: transparent; }
div#headBottom div#searchBox form input.empty { color:#000000; }
div#headBottom dl#styleSwitch { float:right; display:inline; width:97px; height:17px; padding:1px 0 1px 93px; }
div#headBottom dl#styleSwitch dt { display:none; }
div#headBottom dl#styleSwitch dd { float:left; display:inline; margin-right:2px; }
div#headBottom dl#styleSwitch dd a { display:block; width:25px; height:17px; overflow:hidden; text-indent:-9999px; }



/* Container
----------------------------------------------------------------------- */
div#container { width:1000px; background-color:#fff; margin:0 auto; padding-bottom:10px; }



/* Directory Pane
----------------------------------------------------------------------- */
div.threeColLayout div#dirPane { float:left; display:inline; width:217px; padding-top:22px; text-align:left; }
div.threeColLayout div#dirPane dl { width:196px; }
div.threeColLayout div#dirPane dl dt { height:47px; oveflow:hidden; text-indent:-9999px; }

div.threeColLayout div#dirPane div#dirEvent { padding-bottom:7px; background:transparent url(../img/usr/common/bottom_dir_event.gif) no-repeat left bottom; font-size:1px; }
div.threeColLayout div#dirPane div#dirEvent dl { background:transparent url(../img/usr/common/bg_dir_event.gif) repeat-y 0 0;}
div.threeColLayout div#dirPane div#dirEvent dl dt { background:transparent url(../img/usr/common/ttl_dir_event.gif) no-repeat 0 0; }
div.threeColLayout div#dirPane div#dirEvent dl dd { width:176px; margin-left:13px; margin-bottom:1px; border-bottom:1px solid #dbdbdb; }
div.threeColLayout div#dirPane div#dirEvent dl dd img { display:block; }

div.threeColLayout div#dirPane div#dirCat { margin-top:14px; padding-bottom:7px; background:transparent url(../img/usr/common/bottom_dir_cat.gif) no-repeat left bottom; }
div.threeColLayout div#dirPane div#dirCat dl { background:transparent url(../img/usr/common/bg_dir_cat.gif) repeat-y 0 0;}
div.threeColLayout div#dirPane div#dirCat dl dt { background:transparent url(../img/usr/common/ttl_dir_cat.gif) no-repeat 0 0; }
div.threeColLayout div#dirPane div#dirCat dl dd.dir1 { width:176px; margin-left:13px; margin-bottom:1px; border-bottom:1px solid #dbdbdb; }
div.threeColLayout div#dirPane div#dirCat dl dd.dir1 a { display:block; width:144px; padding:14px 5px 14px 27px; background:transparent url(../img/usr/common/arw_square.gif) no-repeat 7px center; font-weight:bold; }
div.threeColLayout div#dirPane div#dirCat dl dd.dir1 a:hover { background-color:#e4eef1; }
div.threeColLayout div#dirPane div#dirCat dl dd.allCat { background-color:#e4eef1; }

div.threeColLayout div#dirPane div#dirCat dl dd.dir2 { margin:0.5em 10px 0.5em 40px; padding-left:8px; background:transparent url(../img/usr/common/arw_dot_blu.gif) no-repeat left 5px; font-weight:bold; }
div.threeColLayout div#dirPane div#dirCat dl dd.dir3 { margin:0 10px 0 58px; padding-left:8px; background:transparent url(../img/usr/common/arw_dot_nar.gif) no-repeat left 5px; }
div.threeColLayout div#dirPane div#dirCat dl dd.dir4 { margin:0 10px 0 76px; padding-left:8px; background:transparent url(../img/usr/common/arw_dot_nar.gif) no-repeat left 5px; }

div.threeColLayout div#dirPane div#dirGenre { margin-top:14px; padding-bottom:7px; background:transparent url(../img/usr/common/bottom_dir_genre.gif) no-repeat left bottom; }
div.threeColLayout div#dirPane div#dirGenre dl { background:transparent url(../img/usr/common/bg_dir_genre.gif) repeat-y 0 0;}
div.threeColLayout div#dirPane div#dirGenre dl dt { background:transparent url(../img/usr/common/ttl_dir_genre.gif) no-repeat 0 0; }
div.threeColLayout div#dirPane div#dirGenre dl dd { width:176px; margin-left:13px; }

div.threeColLayout div#dirPane dl#dirMk { margin-top:25px; }
div.threeColLayout div#dirPane dl#dirMk dd { margin-left:6px; }
div.threeColLayout div#dirPane dl#dirMk dd a img { display:block; }

div.threeColLayout div#dirPane dl.banners { margin-top:15px; }
div.threeColLayout div#dirPane dl.banners dd { margin-left:6px; margin-bottom:5px; }
div.threeColLayout div#dirPane dl.banners dd a img { display:block; }


/* Content Pane
----------------------------------------------------------------------- */
div.threeColLayout div#contPane { float:left; display:inline; width:593px; padding-top:30px; text-align:left; }


div.threeColLayout div#contPane div#guidepost { margin:10px 0 15px 0; color:#8e8e8e; }
div.threeColLayout div#contPane div#guidepost span { color:#313131; font-weight:bold; }
div.threeColLayout div#contPane div#guidepost a { text-decoration:underline; color:#8e8e8e; }
div.threeColLayout div#contPane div#guidepost a:hover { text-decoration:none; }

div.threeColLayout div#contPane div#news { margin-top:24px; width:573px; overflow:hidden; }
div.threeColLayout div#contPane div#news h2 { width:573px; height:37px; background:transparent url(../img/usr/top/ttl_news.gif) no-repeat 0 0; text-indent:-9999px; }
div.threeColLayout div#contPane div#news dl dt { margin-top:14px; padding:0 0 0 39px; background:transparent url(../img/usr/common/arw_dot.gif) no-repeat 29px center; }
div.threeColLayout div#contPane div#news dl dd { background:transparent url(../img/usr/common/line_cross.gif) repeat-x left bottom; padding:0 39px 8px 130px; margin-top:-1.60em; }



div.threeColLayout div#contPane .text { width:573px; }

.errorBlock { margin:10px 0; padding:10px; background:#ececec; border:1px solid #cccccc; font-weight:bold; color:#666666; }
.errorText { color:#ff3399; font-weight:bold; }
.formButton { margin-top:30px; text-align:center; }
.formButton input { margin:0 20px; }



/* Event */
div.threeColLayout div#contPane ul.itemListThumb.event li { background:none!important; }
div.threeColLayout div#contPane div.eventGeneralTitle { margin-top:20px; }
div.threeColLayout div#contPane div.eventGeneralTitle { width:573px; height:45px; margin-top:20px; margin-bottom:10px; background:transparent url(../img/usr/common/ttl_event_general.gif) no-repeat 0 0; }
/*div.threeColLayout div#contPane div.eventGeneralTitle h3 { float:left; display:inline; padding:15px 10px 0 60px; }*/
div.threeColLayout div#contPane div.eventGeneralTitle h3 { float:left; display:inline; }
div.threeColLayout div#contPane div.eventGeneralTitle p { float:right; display:inline; margin:13px 7px 0 0; border:1px solid #d0d0d0; background-color:#ffffff; padding:3px 5px; }
div.threeColLayout div#contPane div.eventGeneralTitle a { background:transparent url(../img/usr/common/arw_dot.gif) no-repeat left center; padding-left:6px; }
/*div.threeColLayout div#contPane div.newItemTitle { width:564px; height:41px; margin-top:20px; margin-bottom:0px; padding:23px 13px 0 0; background:transparent url(../img/usr/common/ttl_event_newitem.gif) no-repeat 0 0; }*/
div.threeColLayout div#contPane div.newItemTitle { width:580px; height:65px; margin-top:20px; margin-bottom:0px; background:transparent url(../img/usr/common/ttl_event_newitem.gif) no-repeat 0 0; }
div.threeColLayout div#contPane div.newItemTitle.nolink { background:transparent url(../img/usr/common/ttl_event_newitem_no.gif) no-repeat 0 0; }
div.threeColLayout div#contPane div.newItemTitle h3 { float:left; display:inline; }
div.threeColLayout div#contPane div.newItemTitle a { float:right; display:block; width:122px; height:20px; overflow:hidden; margin-top:23px; margin-right:15px; text-indent:-9999px; }
div.threeColLayout div#contPane div.eventMkTitle { width:573px; height:40px; margin-top:20px; margin-bottom:10px; background:transparent url(../img/usr/common/ttl_event_mk.gif) no-repeat 0 0; }
div.threeColLayout div#contPane div.eventMkTitle h3 { float:left; display:inline; padding:10px 10px 0 80px; }
div.threeColLayout div#contPane div.eventMkTitle p { float:right; display:inline; margin:7px 7px 0 0; border:1px solid #d0d0d0; background-color:#ffffff; padding:3px 5px; }
div.threeColLayout div#contPane div.eventMkTitle a { background:transparent url(../img/usr/common/arw_dot.gif) no-repeat left center; padding-left:6px; }

div.threeColLayout div#contPane h2.eventGeneralHeader { width:491px; height:42px; padding:22px 0 0 82px; background:transparent url(../img/usr/common/header_event_general.gif) no-repeat 0 0; }
div.threeColLayout div#contPane h2.eventGeneralHeader span { color:#42a7e1; }
div.threeColLayout div#contPane h2.eventGeneralHeader,
div.threeColLayout div#contPane h2.eventImageHeader { margin-top:-8px; }

/* Ranking */
div.threeColLayout div#contPane div.rankAllTitle { width:564px; height:41px; margin-top:20px; padding:24px 13px 0 0; background:transparent url(../img/usr/common/ttl_rank_all.gif) no-repeat 0 0; }
div.threeColLayout div#contPane div.rankAllTitle h3 { display:none; }
div.threeColLayout div#contPane div.rankAllTitle a { float:right; display:block; width:170px; height:20px; overflow:hidden; margin:0; text-indent:-9999px; }
div.threeColLayout div#contPane div.rankCatTitle { width:564px; height:41px; margin-top:20px; padding:24px 13px 0 0; background:transparent url(../img/usr/common/ttl_rank_cat.gif) no-repeat 0 0; }
div.threeColLayout div#contPane div.rankCatTitle h3 { display:none; }
div.threeColLayout div#contPane div.rankCatTitle a { float:right; display:block; width:178px; height:20px; overflow:hidden; margin:0; text-indent:-9999px; }
div.threeColLayout div#contPane div.rankAnotherTitle { width:577px; height:65px; overflow:hidden; margin-top:20px; background:transparent url(../img/usr/common/ttl_rank_another.gif) no-repeat 0 0; }
div.threeColLayout div#contPane div.rankAnotherTitle h3 { text-indent:-9999px; }
div.oneColLayout div#contPane div.rankAnotherBuyTitle { width:800px; height:65px; overflow:hidden; margin-top:40px; background:transparent url(../img/usr/common/ttl_rank_another_buy.gif) no-repeat 0 0; }
div.oneColLayout div#contPane div.rankAnotherBuyTitle h3 { text-indent:-9999px; margin:0!important; padding:0!important; background:none!important; }


/* Category Search */
div#contPane h1.catSearchTitle { width:513px; height:30px; padding:14px 0 0 60px; margin-top:30px; margin-bottom:15px; background:transparent url(../img/usr/common/ttl_catsearch.gif) no-repeat 0 0;font-size:14px; }
div#contPane h2.catSearchTitle { width:513px; height:30px; padding:14px 0 0 60px; margin-top:30px; margin-bottom:15px; background:transparent url(../img/usr/common/ttl_catsearch.gif) no-repeat 0 0; }
div#contPane div#catSearch { width:573px; }




/* Menu Pane
----------------------------------------------------------------------- */
div.threeColLayout div#menuPane { float:left; display:inline; width:190px; padding-top:30px; text-align:left; }

div.threeColLayout div#menuPane dl#menMybox { margin-top:15px; font-size:12px; }
div.threeColLayout div#menuPane dl#menMybox dd#mybox {}
div.threeColLayout div#menuPane dl#menMybox dd#whats {  }
div.threeColLayout div#menuPane dl#menMybox dd img { display:block; }

div.threeColLayout div#menuPane #menPurchase { width:174px; padding:8px 7px; border:1px solid #d3d3d3; border-top:none; }
div.threeColLayout div#menuPane #menPurchase #purchase {}
div.threeColLayout div#menuPane #menPurchase #logout { margin-top:5px; text-align:right; }

div.threeColLayout div#menuPane #menCart { margin-top:15px; padding-bottom:27px; background:transparent url(../img/usr/common/bg_men_cart.gif) no-repeat left bottom; }
div.threeColLayout div#menuPane #menCart h3 { width:190px; height:42px; overflow:hidden; background:transparent url(../img/usr/common/ttl_men_cart.gif) no-repeat 0 0; text-indent:-9999px; }
div.threeColLayout div#menuPane #menCart dl { width:160px; margin:10px auto 0; font-weight:bold; }
div.threeColLayout div#menuPane #menCart dl dt { margin-top:5px; }
div.threeColLayout div#menuPane #menCart dl dd { margin-top:5px; padding-left:100px; text-align:right; margin-top:-1.65em; }
div.threeColLayout div#menuPane #menCart dl dt.mPrice { color:#42a7e1; }
div.threeColLayout div#menuPane #menCart dl dd.mPrice { color:#42a7e1; }
div.threeColLayout div#menuPane #menCart dl dt.vPrice,
div.threeColLayout div#menuPane #menCart dl dd.vPrice { font-weight:normal; }
div.threeColLayout div#menuPane #menCart dl dt.vPrice.out,
div.threeColLayout div#menuPane #menCart dl dd.vPrice.out { font-weight:bold; }
div.threeColLayout div#menuPane #menCart p,
div.threeColLayout div#menuPane #menCart p a { width:160px; margin:8px auto 0; color:#ed5555; font-weight:bold; }
div.threeColLayout div#menuPane #menCart p.empty { color:#313131; font-weight:normal; padding:10px 0; text-align:center; }
div.threeColLayout div#menuPane #menCart p.bt { width:172px; margin:6px auto 0; }


div.threeColLayout div#menuPane #menPoint { margin-top:15px; padding-bottom:7px; background:transparent url(../img/usr/common/bottom_men_point.gif) no-repeat left bottom; }
div.threeColLayout div#menuPane #menPoint dl { }
div.threeColLayout div#menuPane #menPoint dl dt { width:190px; height:48px; overflow:hidden; background:transparent url(../img/usr/common/ttl_men_point.gif) no-repeat 0 0; text-indent:-9999px; }
div.threeColLayout div#menuPane #menPoint dl dd { height:60px; padding:47px 0 9px; background:transparent url(../img/usr/common/bg_men_point.gif) repeat-y 0 0; }
div.threeColLayout div#menuPane #menPoint dl dd span { display:none; }
div.threeColLayout div#menuPane #menPoint dl dd a { display:block; width:158px; height:60px; margin:0 auto; }

div.threeColLayout div#menuPane dl#menGuide dt { width:190px; height:42px; margin-top:15px; overflow:hidden; background:transparent url(../img/usr/common/ttl_men_guide.gif) no-repeat 0 0; text-indent:-9999px; }
div.threeColLayout div#menuPane dl#menGuide dd img { display:block; }

div.threeColLayout div#menuPane dl.banners { margin-top:15px; }
div.threeColLayout div#menuPane dl.banners dd { margin-bottom:5px; }

div.threeColLayout div#menuPane div#sslSeal { margin-top:15px; }


/* To Page Top
----------------------------------------------------------------------- */
div#toPageTop { clear:both; padding-top:40px; text-align:right; }
div#toPageTop a { text-decoration:underline; background:transparent url(../img/usr/common/arw_to_top.gif) no-repeat left center; padding-left:16px; }
div#toPageTop a:hover { text-decoration:none; }
div.threeColLayout div#toPageTop { padding-right:210px; }


/* Footer Base
----------------------------------------------------------------------- */
div#footerBase { width:100%; height:79px; background:transparent url(../img/usr/common/footerbase_bg.jpg) repeat-x center top; }


/* Footer
----------------------------------------------------------------------- */
div#footer { width:1000px; margin:0 auto; text-align:center; }
div#footer div.upper { height:53px; overflow:hidden; }
div#footer div.upper ul { padding-top:19px; }
div#footer div.upper ul li { display:inline; background:transparent url(../img/usr/common/bg_footer_list.gif) repeat-y 0 0; padding:4px 25px 4px 10px; }
div#footer div.upper ul li.last { padding-right:0; }
div#footer address { margin-top:5px; color:#ffffff; }

/* Link
----------------------------------------------------------------------- */
a:link    { color:#333333; text-decoration:none; }
a:visited { color:#333333; text-decoration:none; }
a:hover   { color:#333333; text-decoration:underline; }
a:active  { color:#333333; text-decoration:none; }