@charset 'UTF-8';

/*index
***************************

area-main
    content
    side-bar

***************************/

/*----------------------------------*/
/* area-main */
#area-main { width: 950px; margin: 0 auto; margin-top: 5px; }

/* content */
#content { float: left; width: 700px; margin-top: 15px; padding: 0 15px; }
#content p.txt-lead { margin-top: 10px; }
#content ul.index-item { width: 716px; margin-left: -16px; }
* html #content ul.index-item { width: 732px; margin-left: -32px; }
#content ul.index-item li { float: left; width: 342px;  margin: 20px 0 0 16px; padding-bottom: 5px; background: url(/themes/custom/hoya/images/rn2024/pc/bg_content02.gif) repeat-y; }
#content ul.index-item li.col1 { width: 700px; background: url(/themes/custom/hoya/images/rn2024/pc/bg_content01.gif) repeat-y; }
#content ul.index-item li dl dt , #content ul.index-item li dl dd { float: left; }
#content ul.index-item li dl dt { font-size: 0; line-height: 0; }
#content ul.index-item li dl dd { width: 204px; margin-left: 1px; }
#content ul.index-item li.col1 dl dd { width: 562px; }
#content ul.index-item li dl dd p.txt { margin: 10px; }

#content div.pagetop { clear: both; width: 700px;  margin: 40px 0 50px 0; background: url(/themes/custom/hoya/images/rn2024/pc/line_content01.gif) repeat-x; }
#content div.pagetop p { float: right; margin: 0; padding: 0; width: auto; }

#content div.verisign { margin-bottom: 30px; }
#content div.verisign p.mark { float: left; width: 113px; }
#content div.verisign p.txt { float: left; width: 587px; }
.bd_btn-previous { margin: 10px 0 0 0; }

/* QR */
#content dl.mobile-qr { margin: 10px; }
#content dl.mobile-qr dt { font-weight: bold; float: left;  margin: 0; padding: 0 0 2px 0; color: #000; }
#content dl.mobile-qr dd { float: left; }
#content div.mobile h3 , #content div.mobile h4 { font-weight: bold; margin-top: 10px; padding-bottom: 1px; background: url(/themes/custom/hoya/images/rn2024/pc/line_content02.gif) 0 100% repeat-x; }
#content div.mobile div.url { font-size: 100%; padding: 4px 0 0 0; }
#content div.mobile div.url input.input01 { width: 95px; margin: 0 5px 0 0; vertical-align: middle; }
#content div.mobilediv.url select { margin: 0 0 0 1px; vertical-align: middle; }
#content div.mobile div.url input.rollover { margin: 0 0 0 5px; vertical-align: middle; }
#content div.mobile div.url select.input02 { vertical-align: middle; }
#content div.mobile p.msg , #content div.mobile p.err-msg { font-size: 0.917em; font-weight: bold; }
#content div.mobile p.err-msg { color: #ca284d; }

/* side-bar */
#side-bar { float: left; width: 220px; background: url("/themes/custom/hoya/images/rn2024/pc/bg_side-bar03.png") no-repeat scroll 1px 180px transparent !important; }
* html #side-bar { background: #fff url(/themes/custom/hoya/images/rn2024/pc/bg_side-bar03.jpg) no-repeat 0 180px; }
#area-main-index #side-bar { background: url(/themes/custom/hoya/images/rn2024/pc/bg_side-bar03.png) no-repeat 1px 180px; }
* html #area-main-index #side-bar { background: url(/themes/custom/hoya/images/rn2024/pc/bg_side-bar03.jpg) no-repeat 0 180px; }
#side-bar div.sideinner { width: 220px; margin-top: 6px; padding-top: 11px; background: url(/themes/custom/hoya/images/rn2024/pc/bg_side-bar01.png) repeat-x 1px 0;
    /*height: 173px;*/ }
#side-bar div.block-login div.section-01 { height: 153px;  margin: 8px 10px 0 10px; padding: 12px 7px 0 7px; background: #f7f7f7 url(/themes/custom/hoya/images/rn2024/pc/bg_side-bar02.jpg) repeat-x; }
* html #side-bar div.block-login div.section-01 { height: 154px; }
*:first-child + html #side-bar div.block-login div.section-01 { height: 154px; }
#side-bar div.block-login div.section-01 p { margin-top: 2px; }
#side-bar div.block-login div.section-01 ul { margin-top: 12px; }
#side-bar div.block-login div.section-01 ul li { font-size: 0; line-height: 0; margin-top: 4px; }
#side-bar div.block-setcoupon { margin: 0 10px 10px 10px; padding: 1px; text-align: left; border: 1px solid #ddd;background: #fff; }
#side-bar div.block-setcoupon div.section-01 { margin: 0 auto; padding: 10px 8px 0;text-align: left; background: #f3f3f3; }
#side-bar div.block-setcoupon div.section-01 .title { margin: 0 0 10px; padding: 5px  0; border: none;background: none; }
#side-bar div.block-setcoupon div.section-01 li { font-size: 0; line-height: 0; margin-bottom: 5px;text-align: center; }
#side-bar div.block-setcoupon div.section-01 li a:hover img { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: 'alpha(opacity=80)'; -moz-opacity: 0.8; }
#side-bar div.block-setcoupon div.section-01 p { font-size: 11px; padding-bottom: 10px; }

body.hide-setcoupon #side-bar div.block-setcoupon { display: none; }
#side-bar div.local-nav { margin: 0 10px 10px;padding: 1px; border: 1px solid #ddd;  background: #fff; }
#side-bar div.local-nav p { padding: 15px 10px; border-bottom: 1px solid #fff; background: #f3f3f3; }
#side-bar div.local-nav ul { border-top: 1px solid #ddd; background: #f3f3f3; }
#side-bar div.local-nav ul li { background: url(/themes/custom/hoya/images/rn2024/pc/line_local-nav01.gif) repeat-x left bottom; }

#side-bar div.local-nav ul li.cur { background: #b3aa98 url(/themes/custom/hoya/images/rn2024/pc/line_local-nav01.gif) repeat-x left bottom; }
#side-bar div.local-nav ul li a , #side-bar div.local-nav ul li p { display: block; padding: 7px 10px 6px 26px; background: url(/themes/custom/hoya/images/rn2024/pc/blt_arrow01_white.gif) no-repeat 10px 0.8em; }
* html #side-bar div.local-nav ul li a , * html #side-bar div.local-nav ul li p { display: block; zoom: 1;padding: 7px 10px 6px 26px; }
#side-bar div.local-nav ul li.cur a { text-decoration: none; color: #fff; background: url(/themes/custom/hoya/images/rn2024/pc/blt_arrow01-ovr.gif) no-repeat 10px 0.8em; }
#side-bar div.local-nav ul li a:hover { background: url(/themes/custom/hoya/images/rn2024/pc/blt_arrow01-ovr.gif) no-repeat 10px 0.8em; }
#side-bar div.local-nav ul li ul { border: none; background: #e9e6e1 url(/themes/custom/hoya/images/rn2024/pc/line_local-nav01.gif) repeat-x; }
#side-bar div.local-nav ul li ul li a { padding: 7px 10px 6px 42px; background: url(/themes/custom/hoya/images/rn2024/pc/blt_arrow01.gif) no-repeat 22px 0.8em; }
#side-bar div.local-nav ul li ul li a:hover { background: url(/themes/custom/hoya/images/rn2024/pc/blt_arrow01-ovr.gif) no-repeat 22px 0.8em; }
#side-bar div.local-nav ul li.cur ul li a { text-decoration: underline; color: #333; background: url(/themes/custom/hoya/images/rn2024/pc/blt_arrow01.gif) no-repeat 22px 0.8em; }
#side-bar div.local-nav ul li.cur ul li a:hover { text-decoration: underline; color: #ca284d; background: url(/themes/custom/hoya/images/rn2024/pc/blt_arrow01-ovr.gif) no-repeat 22px 0.8em; }
#side-bar div.local-nav ul li ul li.cur a { text-decoration: none; color: #fff; background: url(/themes/custom/hoya/images/rn2024/pc/blt_arrow01-ovr.gif) no-repeat 22px 0.8em; }

#side-bar div.side-shopList { margin-bottom: 10px;padding: 1px; border: 1px solid #ddd;  background: #fff; }
#side-bar div.side-shopList p { margin: 0; padding: 15px 10px; border-top: none; border-bottom: 1px solid #fff;background: #f3f3f3; }
#side-bar div.side-shopList ul { border-top: 1px solid #ddd; background: #f3f3f3; }
#side-bar div.side-shopList ul li { background: url(/themes/custom/hoya/images/rn2024/pc/line_side-shopList01.gif) repeat-x left bottom; }

#side-bar div.side-shopList ul li.cur { background: #b3aa98 url(/themes/custom/hoya/images/rn2024/pc/line_side-shopList01.gif) repeat-x left bottom; }
#side-bar div.side-shopList ul li a , #side-bar div.side-shopList ul li p { display: block; padding: 7px 10px 6px 26px; background: url(/themes/custom/hoya/images/rn2024/pc/blt_arrow01_white.gif) no-repeat 10px 0.8em; }
* html #side-bar div.side-shopList ul li a , * html #side-bar div.side-shopList ul li p { display: block; zoom: 1;padding: 7px 10px 6px 26px; }
#side-bar div.side-shopList ul li.cur a { text-decoration: none; color: #fff; background: url(/themes/custom/hoya/images/rn2024/pc/blt_arrow01-ovr.gif) no-repeat 10px 0.8em; }
#side-bar div.side-shopList ul li a:hover { background: url(/themes/custom/hoya/images/rn2024/pc/blt_arrow01-ovr.gif) no-repeat 10px 0.8em; }
#side-bar div.side-shopList ul li ul { border: none; background: #e9e6e1 url(/themes/custom/hoya/images/rn2024/pc/line_side-shopList01.gif) repeat-x; }
#side-bar div.side-shopList ul li ul li a { padding: 7px 10px 6px 42px; background: url(/themes/custom/hoya/images/rn2024/pc/blt_arrow01.gif) no-repeat 22px 0.8em; }
#side-bar div.side-shopList ul li ul li a:hover { background: url(/themes/custom/hoya/images/rn2024/pc/blt_arrow01-ovr.gif) no-repeat 22px 0.8em; }
#side-bar div.side-shopList ul li.cur ul li a { text-decoration: underline; color: #333; background: url(/themes/custom/hoya/images/rn2024/pc/blt_arrow01.gif) no-repeat 22px 0.8em; }
#side-bar div.side-shopList ul li.cur ul li a:hover { text-decoration: underline; color: #ca284d; background: url(/themes/custom/hoya/images/rn2024/pc/blt_arrow01-ovr.gif) no-repeat 22px 0.8em; }
#side-bar div.side-shopList ul li ul li.cur a { text-decoration: none; color: #fff; background: url(/themes/custom/hoya/images/rn2024/pc/blt_arrow01-ovr.gif) no-repeat 22px 0.8em; }

#side-bar div.block-assist { padding: 0 10px 0 10px; background: #fff; }
#side-bar div.block-assist div.item-base { background: url(/themes/custom/hoya/images/rn2024/pc/bg_side-bar04.gif) repeat-y; }
#side-bar div.block-assist div.item-top { padding-top: 2px; background: url(/themes/custom/hoya/images/rn2024/pc/line_side-bar01.gif) no-repeat; }
#side-bar div.block-assist div.item-btm { margin-bottom: 10px;  padding: 0 10px 15px 10px; background: url(/themes/custom/hoya/images/rn2024/pc/line_side-bar02.gif) no-repeat left bottom; }
* html #side-bar div.block-assist div.item-btm { padding: 0 0 20px 10px; }
#side-bar div.block-assist p.ttl { margin-top: 15px; }
#side-bar div.block-assist p.map { margin-top: 15px; }
#side-bar div.block-assist p.txt { margin-top: 10px; }
#side-bar div.block-assist p.btn { margin: 7px 0 0 -3px; }

#side-bar div.coupon { width: 200px; margin: 10px 0 0 9px; background: url(/themes/custom/hoya/images/rn2024/pc/bg_side-bar04.gif) repeat-y; }
#side-bar div.coupon div.coupon-btm { padding: 0 0 9px 0; text-align: center; background: url(/themes/custom/hoya/images/rn2024/pc/line_side-bar02.gif) no-repeat left bottom; }
#side-bar div.coupon div.coupon-btm ul.coupon_manzoku02_small { margin: 15px auto 0 auto; text-align: center; }
#side-bar div.coupon div.coupon-btm ul.coupon_manzoku02_small li { font-size: 0; margin-bottom: 10px; }
#side-bar div.coupon div.coupon-btm p { margin: 9px 0 9px 0; }

#side-bar div.banner { padding: 1px; text-align: center;border: 1px solid #ddd;  background: #fff; }
#side-bar div.banner { margin: 0 0 10px !important; }
#side-bar div.banner .inner { line-height: 0;padding: 10px 0 0;  background: #f3f3f3; }
#side-bar div.banner p { padding-bottom: 10px; }

#side-bar div.camp_area { width: 200px; margin: 10px 10px 0; text-align: center; background: #fff; }
#side-bar div.camp_area p { font-size: 0; line-height: 0; padding: 10px; background: #eee; }
#side-bar div.camp_area02 { margin: 0 10px 0 10px; padding: 10px 0 0 0;text-align: center; }
#side-bar div.camp_area02 p { padding: 10px; background: #eee; }

#side-bar div.camp_area2 { width: 200px; margin: 0 0 0 10px; padding: 0; text-align: center; background: #fff; }
#side-bar div.camp_area2 p { padding: 0 10px 10px 10px; background: #eee; }
#side-bar div.camp_area2_02 { margin: 0 10px 0 10px; padding: 0;text-align: center; }
#side-bar div.camp_area2_02 p { padding: 0 10px 10px 10px; background: #eee; }

#side-bar div.camp_area3 { width: 200px; margin: 0 0 0 10px; text-align: center; background: #fff; }
#side-bar div.camp_area3 p { padding: 0 10px 10px 10px; background: #eee; }

#side-bar .whiteBG { line-height: 0;margin-bottom: 10px; text-align: center; background: tranparent; }

#side-bar .inquiry { width: 178px;  margin: 0 auto 10px; padding: 10px; border: 1px solid #ddd;background-color: #fff; }
#side-bar .inquiry p + p { font-size: 11px; margin-top: 5px; }
#side-bar .inquiry li { overflow: hidden; }
#side-bar .inquiry a { position: relative; display: block; margin-top: 10px;/*padding-left: 15px;*/ }
#side-bar .inquiry a:before { position: absolute; top: 2px; left: 0; width: 11px; height: 11px; content: '';
/*background: url(/themes/custom/hoya/images/rn2024/pc/blt_arrow08.gif) no-repeat; -webkit-background-size: 11px 11px; background-size: 11px 11px; */}

#side-bar .inquiry .holidaySeason a { margin-top: 0px; padding-left: 0px;}
#side-bar .inquiry .holidaySeason a:before { content: none!important; }

#side-bar .iq-ttl01 {    padding-bottom: 6px; margin-bottom:16px;font-weight:bold;font-size:14px;
    background: url(/themes/custom/hoya/images/rn2024/pc/common_bg_01.png) repeat-x bottom left;}
.iq-blueBtn01 {line-height : 45px; position : relative; height : 45px; background : #009ce6; display:inline-block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;}
.iq-blueBtn01 .triangle { position : relative; padding-left : 10px;font-size : 14px; color : #fff; display: inline-block;}
.iq-blueBtn01 .triangle:before { position : absolute; top : 50%; left : 0; display : block; float : left; width : 0; height : 0; margin-top : -3.5px; content : '';border-width : 3.5px 0 3.5px 4px; border-style : solid; border-color : transparent transparent transparent #666; }
.iq-blueBtn01 .triangle:before { border-left-color : #fff; }
.iq-blueBtn01:hover{opacity:0.7;text-decoration: none;}

ul.linkNav { clear: both; padding-top: 20px; }
ul.linkNav li { line-height: 0; float: left; }

/*----------------------------------*/
/* clear */
#side-bar div.camp_area2:after , #side-bar div.camp_area:after , #area-main:after , #content ul.index-item:after , #content ul.index-item li dl:after , #content div.pagetop:after , #side-bar div.block-login div.section-01:after , #content div.verisign:after , #content dl.mobile-qr:after { font-size: 0; line-height: 0; display: block; visibility: hidden; clear: both; height: 0; content: ' '; }
#side-bar div.camp_area2 , #side-bar div.camp_area , #area-main , #content ul.index-item , #content ul.index-item li dl , #content div.pagetop , #side-bar div.block-login div.section-01 , #content div.verisign , #content dl.mobile-qr { zoom: 1; }