@charset "shift_jis";/* ===================================================================
CSS Document
 file name  :module.css
 style info :ヘッダー、グロナビ、フッター、サブナビ
■header_area
■グロナビ
■footer_area
■sub_area
=================================================================== */
/*----------------------------------------------------
■header_area
----------------------------------------------------*/
#header_area{position:relative;overflow:hidden;_height:1%;width:960px;height:114px;margin:0 auto;}
#header_area p.logo_{position:absolute;top:30px;}
#header_area p.text_{position:absolute;top:10px;left:260px;}
#header_area h1{padding:10px 0 0 0;font-weight: normal;font-size:11px;}
#header_area .link_{_zoom: 1;overflow:visible;position:absolute;top:20px;right:-10px;margin-left:-1px;}
.mac #header_area .link_{right:-7px;}
#header_area .link_ li{float:left;font-size:85%;margin-right:-1px;padding:0 12px 0 0 ;margin-left:12px;border-right:1px solid #c2c2c2;line-height:1;}
.mac #header_area .link_ li{padding:0 7px 0 0 ;margin-left:7px;}
#header_area .item_ {float:right;margin-top:30px;}
#header_area .item_ p,#header_area .item_ div.mypage_,#header_area .item_ div.mypage_ ul li,#header_area .item_ div.order_{float:left;}
#header_area .item_ div.mypage_ ul{float:right;}
#header_area .item_ div.mypage_{overflow:hidden;_height:1%;/width:450px;background:url(../img/common/head_bg_mypage_02.gif) no-repeat right top}
#header_area .item_ div.mypage_ .wrap_{overflow:hidden;_height:1%;height:41px;background:url(../img/common/head_bg_mypage_01.gif) no-repeat left top}
#header_area .item_ div.mypage_ p{/width:210px;padding:10px 20px 0 20px;font-weight:bold;/line-height:1.1;}
#header_area .item_ div.mypage_ ul{font-weight:bold;padding:5px 5px 0 0px;}
#header_area .item_ div.order_ {margin:3px 10px 0 10px;text-align:right;line-height:1.3;}
#header_area .item_ div.order_ .charge_{display:block;font-weight:bold;color:#f06805;}
/*----------------------------------------------------
■グロナビ
----------------------------------------------------*/
div#glovalnavi{overflow:hidden;padding:0;}
#glovalnavi ul{margin:0 auto 10px;width:960px;height:44px;border-bottom:5px solid #dcd8cc}
#glovalnavi ul li{float:left;}
#glovalnavi ul li a{display:block;height:44px;text-indent:-9999px;}
/*--off----*/
#glovalnavi ul li#navi01 {width:200px;background:url(../img/common/button_global_navi.gif) no-repeat 0px 0px;}
#glovalnavi ul li#navi02 {width:253px;background:url(../img/common/button_global_navi.gif) no-repeat -200px 0px;}
#glovalnavi ul li#navi03 {width:254px;background:url(../img/common/button_global_navi.gif) no-repeat -453px 0px;}
#glovalnavi ul li#navi04 {width:253px;background:url(../img/common/button_global_navi.gif) no-repeat -707px 0px;}
/*--hover----*/
#glovalnavi ul li#navi01 a:hover{background:url(../img/common/button_global_navi.gif) no-repeat 0px -44px;}
#glovalnavi ul li#navi02 a:hover{background:url(../img/common/button_global_navi.gif) no-repeat -200px -44px;}
#glovalnavi ul li#navi03 a:hover{background:url(../img/common/button_global_navi.gif) no-repeat -453px -44px;}
#glovalnavi ul li#navi04 a:hover{background:url(../img/common/button_global_navi.gif) no-repeat -707px -44px; }
/*--crent----*/
#glovalnavi ul li#navi01 a.cr_ {background:url(../img/common/button_global_navi.gif) no-repeat 0px -88px;}
#glovalnavi ul li#navi02 a.cr_ {background:url(../img/common/button_global_navi.gif) no-repeat -200px -88px;}
#glovalnavi ul li#navi03 a.cr_ {background:url(../img/common/button_global_navi.gif) no-repeat -453px -88px;}
#glovalnavi ul li#navi04 a.cr_ {background:url(../img/common/button_global_navi.gif) no-repeat -707px -88px;}
/*----------------------------------------------------
■campaignBnr
----------------------------------------------------*/
div#campaignBnr{width:960px;margin:0 auto;}
/*----------------------------------------------------
■footer_area
----------------------------------------------------*/
#footer_area{overflow:hidden;_height:1%;clear:both;margin-top:30px;background:url(../img/common/bg_footer.gif) repeat-x left 26px;}
#footer_area .catNavi_{overflow:hidden;_height:1%;background:#f2efea;border-bottom:1px solid #d4cec1;}
#footer_area .catNavi_ p,#footer_area .catNavi_ ul,#footer_area .catNavi_ ul li{float:left;}
#footer_area .catNavi_ p{margin:5px 0;}
#footer_area .catNavi_ ul{margin-top:8px;padding-left:20px;}
#footer_area .catNavi_ ul li{padding-top:2px;margin-right:10px;font-weight:bold;}
#footer_area .catNavi_ ul li a{padding-left:15px;color:#57524b;background:url(../img/common/icon_arrow_04.gif) no-repeat left 0.2em;}
#footer_area .wrap_{margin:0 auto;width:960px;}
#footer_area ul.site_{clear:both;overflow:hidden;padding-top:15px;margin-top:6px}
#footer_area ul.site_{overflow:hidden;_zoom: 1;margin-left:5px;}
#footer_area ul.site_ li{float:left;margin-left:-1px;padding:5px 10px;font-size:85%;line-height:1;border-left:1px #333 solid}
#footer_area ul.site_ li a{color:#000}
#footer_area div.copy_{clear:both;display:block;padding:10px 0 10px 10px;text-align:left;font-size:11px;font-family: Verdana, Geneva, sans-serif;}
/*----------------------------------------------------
■sub_area
----------------------------------------------------*/
#sub_area #naviBlock ,.leftmenuframe_ #naviBlock{overflow:hidden;_height:1%;padding:0 8px 10px 8px;background:#f7f7f7;border:2px solid #d9d6cf}
/*-----------------*/
#sub_area .sub_title_top_ ,.leftmenuframe_ .sub_title_top_{margin:7px 0;}
#sub_area .sub_title_{}
/*-----------------*/
#sub_area .keywordSerch_ ,
.leftmenuframe_ .keywordSerch_{margin:10px auto 0;width:180px;}
#sub_area .keywordSerch_ form ,
.leftmenuframe_ .keywordSerch_ form {overflow:hidden;_height:1%;}
#sub_area .keywordSerch_ input.keyword_ ,.leftmenuframe_ .keywordSerch_ input.keyword_{float:left;padding-left:5px;width:148px;height:20px;color:#999;border:1px solid #333;border-right:none;border-bottom:1px solid #c0c0c0;}
 #sub_area .keywordSerch_ input.keywordBtn_ ,.leftmenuframe_  .keywordSerch_ input.keywordBtn_{float:left;vertical-align:bottom;}
#sub_area .keywordSerch_ p ,.leftmenuframe_ .keywordSerch_ p {clear:both;margin:8px 0 8px 45px;padding-left:10px;font-size:85%;background:url("../img/common/icon_arrow_03.gif") no-repeat left;}
/*-----------------*/
#sub_area .navi_ ,.leftmenuframe_ .navi_{}
#sub_area .navi_ li ,.leftmenuframe_ .navi_ li{_width:180px;}
#sub_area .navi_ li a ,.leftmenuframe_ .navi_ li a{display:block;padding:7px 10px 6px 30px;background: url("../img/common/icon_arrow_01.gif") 8px center no-repeat #fff;border-bottom:1px solid #c1bdb1;_zoom:1;}
#sub_area .navi_ li.category_tree1_open_ a ,.leftmenuframe_ .navi_ li.category_tree1_open_ a,#sub_area .navi_ li.genre_tree1_open_ a ,.leftmenuframe_ .navi_ li.genre_tree1_open_ a{background: url("../img/common/icon_arrow_01.gif") 8px center no-repeat #efefef;}
#sub_area .navi_ li#lineup10_open_ a ,.leftmenuframe_ .navi_ li#lineup10_open_ a ,#sub_area .navi_ li#lineup20_open_ a ,.leftmenuframe_ .navi_ li#lineup20_open_ a ,#sub_area .navi_ li#lineup30_open_ a ,.leftmenuframe_ .navi_ li#lineup30_open_ a ,#sub_area .navi_ li#lineup40_open_ a ,.leftmenuframe_ .navi_ li#lineup40_open_ a ,#sub_area .navi_ li#lineup50_open_ a ,.leftmenuframe_ .navi_ li#lineup50_open_ a ,#sub_area .navi_ li#lineup60_open_ a ,.leftmenuframe_ .navi_ li#lineup60_open_ a ,#sub_area .navi_ li#lineup70_open_ a ,.leftmenuframe_ .navi_ li#lineup70_open_ a ,#sub_area .navi_ li#lineup80_open_ a ,.leftmenuframe_ .navi_ li#lineup80_open_ a ,#sub_area .navi_ li#lineup90_open_ a ,.leftmenuframe_ .navi_ li#lineup90_open_ a{background: url("../img/common/icon_arrow_01.gif") 8px center no-repeat #efefef;}

#sub_area .navi_ li.category_tree2_ a ,.leftmenuframe_ .navi_ li.category_tree2_ a ,#sub_area .navi_ li.genre_tree2_ a ,.leftmenuframe_ .navi_ li.genre_tree2_ a  {padding: 7px 10px 6px 40px;background: url("../img/common/icon_arrow_01.gif") no-repeat scroll 18px center #FFFFFF;}
#sub_area .navi_ li.category_tree2_open_ a ,.leftmenuframe_ .navi_ li.category_tree2_open_ a ,#sub_area .navi_ li.genre_tree2_open_ a ,.leftmenuframe_ .navi_ li.genre_tree2_open_ a{padding: 7px 10px 6px 40px;background: url("../img/common/icon_arrow_01.gif") no-repeat scroll 18px center #efefef;}
#sub_area .navi_ li.category_tree3_ a ,.leftmenuframe_ .navi_ li.category_tree3_ a ,#sub_area .navi_ li.genre_tree3_ a ,.leftmenuframe_ .navi_ li.genre_tree3_ a  {padding: 7px 10px 6px 50px;background: url("../img/common/icon_arrow_01.gif") no-repeat scroll 28px center #FFFFFF;}
#sub_area .navi_ li.category_tree3_open_ a ,.leftmenuframe_ .navi_ li.category_tree3_open_ a ,#sub_area .navi_ li.genre_tree3_open_ a ,.leftmenuframe_ .navi_ li.genre_tree3_open_ a {padding: 7px 10px 6px 50px;background: url("../img/common/icon_arrow_01.gif") no-repeat scroll 28px center #efefef;}
#sub_area .navi_ li.category_tree4_ a ,.leftmenuframe_ .navi_ li.category_tree4_ a ,#sub_area .navi_ li.genre_tree4_ a ,.leftmenuframe_ .navi_ li.genre_tree4_ a {padding: 7px 10px 6px 60px;background: url("../img/common/icon_arrow_01.gif") no-repeat scroll 38px center #FFFFFF;}
#sub_area .navi_ li.category_tree4_open_ a ,.leftmenuframe_ .navi_ li.category_tree4_open_ a ,#sub_area .navi_ li.genre_tree4_open_ a ,.leftmenuframe_ .navi_ li.genre_tree4_open_ a{padding: 7px 10px 6px 60px;background: url("../img/common/icon_arrow_01.gif") no-repeat scroll 38px center #efefef;}
#sub_area .navi_ li a:link,.leftmenuframe_ .navi_ li a:link,#sub_area .navi_ li a:visited,.leftmenuframe_ .navi_ li a:visited{color:#333333}
#sub_area .navi_ li a:hover,.leftmenuframe_ .navi_ li a:hover{background-color:#efefef;text-decoration:none;}
#sub_area .navi_ li a.cr,.leftmenuframe_ .navi_ li a.cr{background: url("../img/common/icon_arrow_01.gif") 8px center no-repeat #fff;font-weight:bold;}
/*-----------------*/
#sub_area .history_ ,.leftmenuframe_ .history_ {width:180px ;margin:0 auto;}
#sub_area .history_ .no,.leftmenuframe_ .history_ .no{margin-bottom:10px;padding-bottom:7px;border-bottom:1px dotted #93897b;}
#sub_area .history_ .sub_title_ ,.leftmenuframe_ .history_ .sub_title_{margin:10px 0 ;}
#sub_area .history_ ul li ,.leftmenuframe_ .history_ ul li{overflow:hidden;_height:1%;margin-bottom:10px;padding-bottom:7px;border-bottom:1px dotted #93897b;}
#sub_area .history_ ul li .ph ,.leftmenuframe_ .history_ ul li .ph {float:left;margin-right:10px;}
#sub_area .history_ ul li .ph p ,.leftmenuframe_ .history_ ul li .ph p{width:60px;height:60px;display:table-cell;text-align:center;vertical-align:middle;layout-grid-line:60px;background:#fff;border:solid 2px #cfc8b6}
#sub_area .history_ ul li .ph p img ,.leftmenuframe_ .history_ ul li .ph p img {     vertical-align:middle;}
#sub_area .history_ ul li a  ,.leftmenuframe_ .history_ ul li a {display:block;font-weight: normal;line-height:1.2;}
#sub_area .history_ ul li .name ,.leftmenuframe_ .history_ ul li .name{float:left;width:105px;}
#sub_area .history_ ul li a:link  ,.leftmenuframe_ .history_ ul li a:link {text-decoration:underline;}
#sub_area .history_ ul li a:hover  ,.leftmenuframe_ .history_ ul li a:hover{text-decoration:none;}
#sub_area .history_ p.text , .leftmenuframe_ .history_ p.text{float:right;}
#sub_area .history_ p.text a  , .leftmenuframe_ .history_ p.text a {padding-left:8px;background:url(../img/common/icon_arrow_02.gif) no-repeat left 0.2em;}
/*--バナー---------------------*/
#sub_area .banner , .leftmenuframe_ .banner{margin-top:15px;}
#sub_area .banner li , .leftmenuframe_ .banner li{margin-top:10px;}
#sub_area .banner li img ,.leftmenuframe_ .banner li img{vertical-align:bottom;}
/*---トップスマホ切替ボタン--------------*/
#footer_area ul.site_ li.change_mode_ {float:right; font-size:15px;margin-top:-8px;padding:5px 7px;background-color: #F2EFEA;border-left:none; border-radius: 3px; /* CSS3草案 */-webkit-border-radius: 3px; /* Safari,Google Chrome用 */-moz-border-radius: 3px; /* Firefox用 */}