@charset "utf-8";

/* ****************************************************************
   各モジュールの設定
**************************************************************** */

/*
ヘッダー（#header）
サイドナビゲーション（#sideNavigation）
パンくず（#topicPath）
ページャー（.pager）
フローティング（#floating）
フッター（#footer）
*/

/* ********************************
   ヘッダー（#header）
******************************** */
#header{
position:relative;
width:960px;
min-height:110px;
height:auto !important;
height:110px;
}

#headLogo,
#headSearch,
#headNaviWrap{
position:absolute;
}
#headLogo{
left:0;
top:0;
}

/* #headNaviWrap */
#headNaviWrap{
left:527px;
top:6px;
width:432px;
}

#headNaviWrap .heartup{
height:2em;
font-size:0.8em;
text-align:right;
color:#000000;
overflow:hidden;
}

/* ul#headNavi */
ul#headNavi{
float:left;
width:282px;
padding-top:3px;
}
#fontSize{
float:right;
}
#headSearch{
left:659px;
top:45px;
}

ul#headNavi img{
vertical-align:top;
}

ul#headNavi li,
#fontSize p,
#fontSize ul,
#fontSize li{
float:left;
line-height:0;
}

ul#headNavi li.inquiry{
margin-right:16px;
margin-left:20px;
}

/* #fontSize */
#fontSize{
width:136px;
height:26px;
background:url(../images/head_font_bg.png) no-repeat 0% 0%;
}

#fontSize p,
#fontSize ul{
margin-top:3px;
}

#fontSize #fontM{
margin:0 2px;
}

#fontSize ul a{
display:block;
width:20px;
height:20px;
}

#fontSize ul a span{
display:none;
}

#fontS a{
background:url(../images/head_font_small.gif) no-repeat 0% 0%;
}
#fontM a{
background:url(../images/head_font_middle.gif) no-repeat 0% 0%;
}
#fontL a{
background:url(../images/head_font_large.gif) no-repeat 0% 0%;
}
#fontS a:hover,
#fontS a.curFontS{
background:url(../images/head_font_small_o.gif) no-repeat 0% 0%;
}
#fontM a:hover,
#fontM a.curFontM{
background:url(../images/head_font_middle_o.gif) no-repeat 0% 0%;
}
#fontL a:hover,
#fontL a.curFontL{
background:url(../images/head_font_large_o.gif) no-repeat 0% 0%;
}

/* #headSearch */
#headSearch{
width:267px !important;
width:301px;
height:42px;
padding-left:34px;
background:url(../images/head_search_bg.png) no-repeat 0% 0%;
}

#headSearch p{
float:left;
}

#headSearch p.text{
margin-top:9px !important;
margin-top:8px;
}

#headSearch p.text input{
width:202px;
height:15px;
margin-right:6px;
padding:2px;
background:#ffffff none !important;
border:2px solid #dadada !important;
}

#headSearch p.btn{
margin-top:9px;
}


/* ********************************
   サイドナビゲーション（#sideNavigation）
******************************** */
/* ==== 全ページ共通 ==== */
#leftColumnHome,
#leftColumn{
float:left;
width:184px;
}

ul#sideNavigation{
margin-bottom:15px;
}

ul#sideNavigation li{
line-height:0;
}

/* ==== 下層ページ共通 ==== */
#leftColumn{
position:relative;
margin-top:-14px;
}

ul#sideNavigation dl{
font-weight:bold;
padding-bottom:16px;
height:1%;
}

ul#sideNavigation dd{
padding:0 4px;
}

ul#sideNavigation dd ul{
height:1%;
border-right:1px solid #cac7cf;
border-bottom:1px solid #cac7cf;
border-left:1px solid #cac7cf;
background:#ffffff;
}

ul#sideNavigation dd li{
padding:7px 4px 6px 8px;
background:url(../images/side_nav_line.gif) no-repeat 0% 0%;
line-height:1.3;
}

ul#sideNavigation dd li.first{
background:none;
}

ul#sideNavigation dd li a,
ul#sideNavigation dd li span{
display:block;
color:#388ad1;
}

/* ul#sideCampaign */
ul#sideCampaign{
position:relative;
top:6px;
}

ul#sideCampaign li{
margin-top:10px;
}

/* ==== 商品情報ページ ==== */
ul#sideNavigation dl ul li ul{
font-weight:normal;
}

ul#sideNavigation dd ul li ul{
border:none;
}

ul#sideNavigation dd li ul li{
padding:3px 0;
padding-left:8px;
background:none;
}

ul#sideNavigation dd li.index {
background-color: #f57d31;
color: #fff;
}


/* ********************************
   パンくず（#topicPath）
******************************** */
#topicPath{
position:relative;
top:-7px;
width:765px !important;
width:766px;
padding-top:8px;
padding-bottom:7px;
background:#ffffff;
}

.content_container{
padding-bottom:0 !important;
}

#topicPath ol{
padding-left:10px;
}

#topicPath li{
float:left;
margin-right:5px;
padding-left:10px;
background:url(../images/topic_arrow.gif) no-repeat 0% 2px;
line-height:1.5;
word-break:keep-all;
}

#topicPath li.home{
padding-left:0;
background:none;
}


/* ********************************
    ページャー（.pager）
******************************** */
.pager{
clear:both;
position:relative;
width:701px;
min-height:21px;
height:auto !important;
height:21px;
margin-bottom:20px;
padding:4px 12px;
background:#fff9e3;
font-weight:bold;
text-align:center;
}

.pager p.number{
position:absolute;
left:12px;
top:6px;
font-weight:normal;
}

.pager span.btn{
margin:0 10px;
}

.pager span.btn a{
margin:0 2px;
}


/* ********************************
   メルマガ会員登録
******************************** */
#mail{
width:644px;
margin-top:-7%;
font-size:1.2em;
}
#mail .bgTop{
background:url(/mail/images/mailmag_bg01.png) no-repeat 0% 0%;
padding-top:20px;
width:644px;
}
#mail .bgBtm{
width:644px;
background:url(/mail/images/mailmag_bg02.png) no-repeat 0% 100%;
padding:0 0 20px 0;
}
p.close{
margin:0;
padding:0;
text-align:right;
}
#entryMail iframe{
width:644px;
height:474px;
border:none;
overflow:hidden;
}
#cancelMail iframe{
width:644px;
height:210px;
border:none;
}
#err{
color:#FF0000;
}


/* ********************************
   メルマガ会員登録完了
******************************** */
#mail .txt02{
margin:73px 0 0 80px;
}
#mail .img02{
margin:28px 0 0 471px;
}


/* ********************************
   フローティング
******************************** */
#floating{
width:535px;                      
}
#floating .bgTop{
background:url(/search/images/floating_bg01.png) no-repeat 0% 0%;
padding-top:20px;
width:535px;                      
}
#floating .bgBtm{
background:url(/search/images/floating_bg02.png) no-repeat 0% 100%;
padding-bottom:20px;
width:535px;                      
}
#floating p.tit{
margin:0 0 5px 20px;
}
#floating p.close{
margin:0;
padding:0;
text-align:right;
}
#floating .sec01,
#floating .sec02,
#floating .sec03{
position:relative;
width:495px;
background:url(/search/images/floating_line_dot.gif) repeat-x 0% 100%;
padding-top:14px;
padding-bottom:22px;
margin-left:20px;
}
#floating .sec04{
position:relative;
width:495px;
padding-top:14px;
margin-left:20px;
}
#floating dl{
width:495px;
}
#floating dl dt{
margin:0;
padding:0;
width:42px;
float:left;
}
#floating dl dd{
margin:0;
padding:0;
width:430px;
float:right;
margin-bottom:5px;
font-size:1.2em;
line-height:1.6;
}
#floating dl dd span{
font-weight:bold;
}
#floating dl dd span.quick{
color:#ec6d81;
}
#floating dl dd span.eye{
color:#00a5e3;
}

p#companyMap{
text-align:center;
}

p#companyMap iframe{
margin:0 auto;
}


/* ********************************
   フッター（#footer）
******************************** */
/* ===== リンク ===== */
/*
#footNavi a:link,
#footNavi a:visited,
#footNavi a:hover,
#footNavi a:active{
color:#383838;
}
*/

hr#sectionLine{
font-size:0;
line-height:0;
visibility:hidden;
}

/* #footerWrap */
/*
#footerWrap02,
#footerWrap{
clear:both;
width:100%;
min-height:220px;
height:auto !important;
height:220px;
background:url(../images/foot_bg02.gif) repeat-x 0% 100%;
}

#footerWrap{
background:url(../images/foot_bg.gif) no-repeat 50% 100%;
}

#footer{
text-align:center;
}
*/

/* #footTopic */
/*
#footTopic{
padding-bottom:10px;
text-align:left;
}

#footTopic .topic{
float:left;
min-height:108px;
height:auto !important;
height:108px;
padding-left:24px;
background:url(../images/foot_line.png) no-repeat 0% 0%;
}

#EYE-D{
float:left;
margin-right:24px;
}

#mailMagazine{
width:296px;
}

p#mailMagazineImg{
background:url(../images/foot_mail_img.png) no-repeat 0% 0%;
}
*/

/* #mailAddress */
/*
#mailAddress{
width:270px;
color:#c4c4c4;
}

#mobileQR p{
float:left;
}

#mailAddress .free{
background:url(../images/foot_mail_btm.png) no-repeat 0% 100%;
text-align:left;
}

#mailAddress .free li{
float:left;
margin-right:6px;
padding:6px 0;
padding-left:6px;
font-size:0.8em;
line-height:1;
}

#mobileQRWrap{
float:left;
background:none;
}

#mobileQR{
width:294px;
}
*/

/* #footNavi */
/*
#footNavi{
clear:left;
}

#footNavi p{
float:right;
padding-left:120px;
}

#footNavi p.heartup{
clear:both;
float:none;
margin-bottom:0.5em;
padding-left:0;
font-size:0.8em;
text-align:center;
}

#footNavi ul{
float:right;
padding-top:1em;
padding-bottom:1.2em;
}

#footNavi li{
float:left;
padding:0 6px;
border-right:1px solid #383838;
}

#footNavi li.question{
border-left:1px solid #383838;
}

#footNavi address{
clear:both;
padding-bottom:4em;
}
*/



/*
 * New footer contents (a. 2011.10.17 mrsuzuki)
 */

/* ---------- 6.footer reseet ---------- */
#footerWrap{
background: none !important;
}
#footerWrap, #footerWrap02 {
clear: both;
min-height: auto !important;
height: auto !important;
background: none !important;
}
#footer, #footerWrap, #footerWrap02 {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
font: 12px/1.6 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif !important;
color: #333 !important;
}
#footTopic {
padding-bottom: 0 !important;
width: 960px !important;
margin: 0 auto !important;
}

#footNavi {
width: 100%;
top: 0 !important;
margin: 20px auto 0;
padding: 10px 0;
background: url(/images/home/foot_footNavi_bg.png) 0 0 repeat-x;
text-align: center;
}


/* ---------- 7.footer topics ---------- */
#footTopic #topicContainer {border: 1px solid #e3e3e3; padding: 9px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #f3f3f3; -moz-box-shadow: box-shadow: 2px 2px 3px rgba(0,0,0,.1); -webkit-box-shadow: box-shadow: 2px 2px 3px rgba(0,0,0,.1); box-shadow: 2px 2px 3px rgba(0,0,0,.1)}
#footTopic #topicContainer .topicBox {width: 306px; height: 125px; background: url(/common/images/footer/foot_topic_box_bg.png) 0 0 no-repeat; text-align: left}
#footTopic #topicContainer .box1 {float: left}
#footTopic #topicContainer .box2 {float: left; margin-left: 10px}
#footTopic #topicContainer .box3 {float: right}
#footTopic #topicContainer .topicBox h4 {margin-left: 10px}
#footTopic #topicContainer .topicBox .section {padding: 10px 10px 0}
#footTopic #topicContainer .topicBox .section li {width: 94px; height: 35px}
#footTopic #topicContainer .topicBox .section li.store1,
#footTopic #topicContainer .topicBox .section li.store2,
#footTopic #topicContainer .topicBox .section li.store4,
#footTopic #topicContainer .topicBox .section li.store5 {float: left}
#footTopic #topicContainer .topicBox .section li.store3,
#footTopic #topicContainer .topicBox .section li.store6 {float: right}
#footTopic #topicContainer .topicBox .section li.store2,
#footTopic #topicContainer .topicBox .section li.store5 {margin-left: 2px}
#footTopic #topicContainer .topicBox .section li.store4,
#footTopic #topicContainer .topicBox .section li.store5,
#footTopic #topicContainer .topicBox .section li.store6 {margin-top: 4px}
#footTopic #topicContainer .box3 .section {background: url(/common/images/footer/foot_topic_mm_bg.png) 95% 100% no-repeat}
#footTopic #topicContainer .box3 .section ul li {width: auto; height: auto}
#footTopic #topicContainer .box3 .section ul,
#footTopic #topicContainer .box3 .section ul li {line-height: 1.4}
#footTopic #topicContainer .box3 .section ul.enter {margin-top: 6px}
#footTopic #topicContainer .box3 .section ul.guide li {font-size: 10px !important}
#footTopic #topicContainer .box3 .section ul.guide li a {padding-left: 7px; background: url(/common/images/footer/foot_topic_bp.png) 0 50% no-repeat}


/* ---------- 8.footer navigation ---------- */
#footNavi #naviContainer {width: 960px; margin: 0 auto; padding-bottom: 10px}
#footNavi #naviContainer .naviBox {text-align: left}
#footNavi #naviContainer .box1, #footNavi #naviContainer .box2, #footNavi #naviContainer .box3 {float: left}
#footNavi #naviContainer .box4 {float: right}
#footNavi #naviContainer .box1, #footNavi #naviContainer .box3, #footNavi #naviContainer .box4 {width: 188px}
#footNavi #naviContainer .box2 {width: 372px}
#footNavi #naviContainer .box2, #footNavi #naviContainer .box3 {margin-left: 8px}
#footNavi #naviContainer .box1 h4, #footNavi #naviContainer .box3 h4, #footNavi #naviContainer .box4 h4 {background: url(/common/images/footer/foot_footNavi_navBox_bg_top_s.png) 0 0 no-repeat}
#footNavi #naviContainer .box2 h4 {background: url(/common/images/footer/foot_footNavi_navBox_bg_top_m.png) 0 0 no-repeat}
#footNavi #naviContainer .box1 .listContainer, #footNavi #naviContainer .box3 .listContainer, #footNavi #naviContainer .box4 .listContainer {background: url(/common/images/footer/foot_footNavi_navBox_bg_bottom_s.png) 0 100% no-repeat}
#footNavi #naviContainer .box2 .listContainer {background: url(/common/images/footer/foot_footNavi_navBox_bg_bottom_m.png) 0 100% no-repeat}
#footNavi #naviContainer .naviBox h4 {padding: 12px 12px 0}
#footNavi #naviContainer .naviBox h4 span {padding-left: 20px; background: url(/common/images/footer/foot_footNavi_h4_bp.png) 0 50% no-repeat}
#footNavi #naviContainer .naviBox h4 a {color: #d70c18 !important; font-weight: bold}
#footNavi #naviContainer .naviBox .listContainer {padding: 2px 16px 6px}
#footNavi #naviContainer .naviBox .listContainer hr {display: block; height: 1px; visibility: visible; border-top: 1px dotted #d70c18; border-right: none; border-bottom: none; border-left: none}
#footNavi #naviContainer .naviBox .listContainer ul {font-size: .8em}
#footNavi #naviContainer .naviBox .listContainer ul li {padding-top: 4px; padding-left: 10px; background: url(/common/images/footer/foot_footNavi_list_bp.png) 0 .85em no-repeat; _background: url(/common/images/footer/foot_footNavi_list_bp.png) 0 9px no-repeat}
#footNavi #naviContainer .naviBox .listContainer ul li a {color: #333}
#footNavi #naviContainer .naviBox .listContainer .list1 {float: left; width: 164px}
#footNavi #naviContainer .naviBox .listContainer .list2 {float: right; width: 164px}

ul.pageTopNav {width: 960px; margin: 0 auto; padding: 10px 0}
ul.pageTopNav li,
ul.pageTopNav li a {position: relative; display: block; width: 108px; height: 28px; overflow: hidden}
ul.pageTopNav li {float: right}
ul.pageTopNav li a img {position: absolute; top: 0; left: 0}
ul.pageTopNav li a:hover img {top: -28px}