@charset "utf-8"; 

/* -------------------- */
/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

body{font-size:12px; color:#333; line-height:1.8; text-align:center; font-family:"MS PGothic",Osaka,sans-serif; background:url(img/bg.gif) repeat-x; min-width:950px}
* html body{font-size:75%}/* for IE6 */

*:first-child+html body{font-size:75%}/* for IE7 */

/*clearfix*/
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-table}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */

/*links*/
a{-moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s}
a:hover img{opacity:0.8; filter:alpha(opacity=80); -ms-filter:"alpha( opacity=80 )"; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s}

/* -------------------- */
.fllt{float:left}
.flrt{float:right}
.align_ct{text-align:center}
.align_rt{text-align:right}

/* margin */
.mb0{margin-bottom:0 !important}
.mr5{margin-right:5px !important}
.mb40{margin-bottom:40px !important}
.mb70{margin-bottom:70px !important}

/* font */
p{margin-bottom:1em}
.fbold{font-weight:bold}
.fs12e{font-size:1.2em}

/* link */
a, a:visited{color:#108abe; padding-bottom:1px}
a:hover{text-decoration:none}
a.nw_blu{padding-right:11px; background:url(img/i-nw_blu.gif) right 0 no-repeat}
a.alpha:hover img{filter:alpha(opacity=75); -ms-filter:"alpha( opacity=75 )"; -moz-opacity:0.75; opacity:0.75}

/* -------------------- */
body{min-width:946px; text-align:left; font-family:"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Osaka", "MS PGothic", Meiryo, sans-serif}

#wrap{margin:0 auto; width:946px}

/* header ------------- */
#header{position:relative}
#header p{margin:0}
#header h1{position:absolute; left:180px; width:766px; line-height:1.5}
#header #logo{float:left}

/* hdr_rt */
.hdr_rt{position:absolute; left:635px; top:20px; width:310px}
.sizech{position:absolute; margin-top:22px; padding-left:60px; background:url(img/hdr_sizech_t.gif) 0 0 no-repeat}
.sizech li{float:left; overflow:hidden; margin-left:2px; height:17px; line-height:1}

/* nav */
#nav{position:absolute; left:170px; top:66px; width:776px; background:url(img/nav_bg.gif)}
#nav li{float:left; display:inline-block; overflow:hidden; height:42px; line-height:1}
#nav li a{display:block}
.hov, .hov:visited, .act, .act:visited{margin-top:-43px; background:url(img/nav_bg2.gif) no-repeat}
.act, .act:visited{margin:0}

/* cts ---------------- */
#cts{clear:both}
#main{float:left; width:718px}
.main_inr{margin-left:3px}
.main_area01{margin:0 auto 20px auto; text-align:center}
.mainCol2Bn{float:left; width:222px; *display:inline}
.mainCol2Fb{float:right; width:480px; *display:inline}
#sub{float:right; width:210px}
.ptop{clear:both; margin:0 3px 0 0; padding:40px 0 15px 0; text-align:right}

/* topicpath */
.tpath{margin:0 0 35px 3px}
.tpath li{display:inline; padding-left:10px; background:url(img/i-arw_blu.gif) 2px 50% no-repeat}
.tpath li.tpathtop{padding:4px 5px; background:#3195DF}
.tpath li.tpathtop a, .tpath li.tpathtop a:visited{color:#fff; text-decoration:none}
.tpath li h2{display:inline}

/* footer ------------- */
#footer{clear:both; padding:25px 0; background:#eee; border-top:solid 1px #ddd}
#footer p{margin:0; padding-bottom:1em; text-align:center; line-height:1.5}
#footer a, #footer a:visited{color:#333}
#footer a:hover{text-decoration:none}

/* -------------------- */
.sideBox{margin-bottom:20px}
.LineAddBox{border:5px solid #5ae628; text-align:center; font-size:16px}
.LineAddBox a{display:block; padding:20px; color:#333; text-decoration:none}
.LineAddIcon{display:block; height:36px; margin:10px auto 0}
.LineAddBox a:hover{background-color:#97ff72; color:#666}
.LineAddQR{width:120px}
.ptitle{margin:0}
.ttl_s{padding-left:12px; font-weight:bold; background:url(img/i-cir_blk.gif) 0 50% no-repeat}
.r4{-webkit-border-radius:4px; -moz-border-radius:4px}
.brbl4{-webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-bottomleft:4px}
#shop{width:210px}
#shop p{margin-bottom:0}
#shop dl.brbl4{padding:13px 10px 0 10px; background:url(img/line_dot_grn3.gif) repeat-x #f7fce2; border:solid 1px #cde47a}
#shop dt{clear:both; margin-bottom:0.5em; font-weight:bold; color:#87A913; line-height:1}
#shop dt img.map{float:right}
#shop dt img.photo{float:left; padding-right:5px}
#shop dd{margin-bottom:1em; padding-bottom:1em; font-size:0.8em; line-height:1.4; border-bottom:dotted 1px #999}
#shop dd.end{margin:0; border-bottom:none}

/* top ---------------- */
#info{float:right; width:490px}
#info p{margin-bottom:0}
#info dl.brbl4{padding:3px 10px 0 10px; border:solid 1px #9dcdf0; background:url(img/line_dot_blu3.gif) repeat-x #f5fbfe}
#info dt{float:left; padding:0.8em 0; color:#666; font-weight:bold}
#info dd{padding:0.8em 0 0.8em 9em; border-bottom:dotted 1px #999}
#info dd a.new{display:block; padding-left:30px; background:url(img/i-new.gif) 0 50% no-repeat}
#info dd.end{border-bottom:none}
#shop{float:left}

/* bargain ------------ */
.altbox{padding:10px 10px 10px 46px; background:url(img/i-alt.gif) 10px 14px no-repeat #fefbef; border:solid 1px #f7e4ae}
#bargain h3{clear:both; margin:50px 0 1em 0}
#bargain h3 a, #bargain h3 a:visited{float:right; padding-left:8px; background:url(img/i-arw_blu.gif) 0 50% no-repeat}
#bargain .leaf{padding:4px; background:url(img/bg_dot_gry.gif)}
#bargain .leaf div{padding:15px; width:677px; background:#fff}
#bargain .leaf img{margin-right:20px; border:solid 1px #108abe}
#bargain .leaf li{float:left}

/* company ------------ */
#company table{margin:0 auto; width:670px; border-collapse:collapse}
#company table th, #company table td{padding:0.7em; line-height:1.6; border:solid 1px #ccc}
#company table th{font-weight:bold; width:14em; background:#F2F2F2}
#company table dt{float:left}
#company table dd{margin:0 0 0.8em 7em}
#company .ttl_s{margin:20px 0 0.5em 25px}

table li{margin-bottom:0.2em; padding-left:1em; background:url(img/icon_dot.gif) 0.3em 0.5em no-repeat}