@charset"utf-8";
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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,dl{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;}img{border:0;vertical-align:bottom;}.clearfix:after,.cf:after,.box:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}* html .clearfix,* html .cf,* html .box{zoom:1;}/*IE6*/*:first-child+html .clearfix,*:first-child+html .cf,*:first-child+html .box{zoom:1;}/*IE7*//*Hides from IE-mac*/* html .clearfix,* html .cf,* html .box{height:1%;}.clearfix,.cf,.box{display:block;}/*End hide from IE-mac*/.sections{position:relative;padding: 0 0 42px;}.sections:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}* html .sections{zoom:1;}/*IE6*/*:first-child+html .sections{zoom:1;}/*IE7*//*Hides from IE-mac*/* html .sections{height:1%;}.sections{display: block;}/*End hide from IE-mac*/
/*------------------------------------------------------+
|	13pxBASE				|	14pxBASE				|
|---------------------------+---------------------------|
|	 1px => 7%				|	 1px => 0%				|
|	 2px => 13%				|	 3px => 13%				|
|	 3px => 23%				|	 4px => 23%				|
|	 4px => 30%				|	 5px => 30%				|
|	 5px => 39%				|	 6px => 39%				|
|	 6px => 45%				|	 7px => 45%				|
|	 7px => 55%				|	 8px => 55%				|
|	 8px => 62%				|	 9px => 62%				|
|	 9px => 70%				|	10px => 70%				|
|	10px => 77%				|	11px => 77%				|
|	11px => 85%				|	12px => 85%				|
|	12px => 93%				|	13px => 93%				|
|	13px => 100%			|	14px => 100%			|
|	14px => 107%,108%		|	15px => 107%,108%		|
|	15px => 114%,116%		|	16px => 114%,116%		|
|	16px => 122%,123.1%		|	17px => 122%,123.1%		|
|	17px => 129%,131%		|	18px => 129%,131%		|
|	18px => 136%,138.5%		|	19px => 136%,138.5%		|
|	19px => 144%,146.5%		|	20px => 144%,146.5%		|
|	20px => 152%,153.9%		|	21px => 152%,153.9%		|
|	21px => 159%,161.6%		|	22px => 159%,161.6%		|
|	22px => 167%			|	23px => 167%			|
|	23px => 174%			|	24px => 174%			|
|	24px => 182%			|	25px => 182%			|
|	25px => 189%			|	26px => 189%			|
|	26px => 197%			|	27px => 197%			|
|	27px => 204%			|	28px => 204%			|
|	28px => 210%			|	29px => 210%			|
|	29px => 219%			|	30px => 219%			|
|	30px => 225%			|	31px => 225%			|
+------------------------------------------------------*/
/* link */
a { cursor: pointer; position: static; }
a:link { color: #00638F; text-shadow: 1px 1px 0 #fff; }
a:visited { }
a:hover { }
a:active { outline: none; }
/*list*/
.disc li { list-style: disc; margin-left: 1em; }
.circle li { list-style: circle; margin-left: 1em; }
/* noscript */
noscript { position: relative; top: 0; left: 0; display: block; border: 1px solid #999; background: #FFFFE1; text-align: center; }
/*opacity*/
.opacity50 { _position: absolute; filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; }
/*block*/
.clear { display: block; clear: both; float: none; }
/*ime*/
.ime_disabled { ime-mode: disabled; }
/*text*/
strong { font-weight: 700; }
em.att { font-size: 85%; color: #f00; display: block; clear: both; padding-top: 3px; }
div.att { margin: 0 0 15px 0; padding: 7px 5px 0; border: 1px solid #B5DFDF; background: #E5F5F5; clear: both; float: none; }
.red { color: #f00; }
.green { color: #099; }
.blue { color: #06c; }
.black { color: #000; }
.big { font-size: 114%; }
.center { text-align: center; }
.end { margin-bottom: 2em; }
.lfloat { float: left; }
.rfloat { float: right; }
.bold { font-weight: 700; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.xsmall { font-size: 77%; }
.small { font-size: 85%; }
p.indent { text-indent: 1em; }
.waittext { padding:100px 50px; text-align: center; font-size: 136%; font-weight: 700;}
hr { display: block; clear: both; float: none; margin: 21px 0; padding: 0; height: 2px; border: 0; background: none; border-top: 1px solid #ccc; border-bottom: 1px solid #fff; }
/*====================================================================================================
// html + body
//==================================================================================================*/
html, body { text-align: center; background: #F2F2F2; }
body { font-size: 13px; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; *font-size: small; *font: x-small; line-height: 1.456; letter-spacing: 0.05em; color: #363032; background: url(../img/bg_body.jpg) 0 0 repeat-x; }
/*====================================================================================================
// all + wrapper
//==================================================================================================*/
#wrapper { text-align: center; font-size: 100%; }
#wrapperin { width: 886px; margin: 0 auto; text-align: left; }
/*====================================================================================================
// common
//==================================================================================================*/
.ttlarea { display: block; height: 40px; overflow: hidden; text-indent: -9999px; }
.imgttl { display: block; margin-bottom: 21px; }
/*====================================================================================================
// header
//==================================================================================================*/
#header { position: relative; width: 100%; height: 145px; margin-bottom: 21px; }
    #header h1 { position: absolute; left: 31px; top: 9px; display: block; width: 171px; height: 85px; overflow: hidden; }
    #header h1 a { display: block; width: 171px; height: 85px; text-indent: -9999px; background: url(../img/logo.jpg) 0 0 no-repeat; }
    #header h2 { position: absolute; right: 0; top: 9px; display: block; width: 650px; font-size: 10px; color: #666; text-align: right; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }

/*gnav*/
#gnav { position: absolute; right: 0; top: 76px; line-height: 1.1; }
#gnav li { display: inline; padding: 0 11px 0 9px; background: url(../img/ic_ar_si_000.gif) 0 0.2em no-repeat; font-size: 85%; }
#gnav li a { text-decoration: none; color: #2a2a2a; text-shadow: 1px 1px 0 #fff; }
/*tnav*/
#tnav { position: absolute; left: 0; top: 107px; display: block; width: 886px; height: 38px; overflow: hidden; background: url(../img/bg_tnav.gif) 0 0 no-repeat; }
#tnav li { display: block; float: left; width: 295px; height: 38px; overflow: hidden; }
#tnav li.shop { width: 296px; }
#tnav li a { display: block; width: 295px; height: 38px; text-indent: -9999px; }
#tnav li.shop a.hover,
#tnav li.shop a:hover,
body#shop #tnav li.shop a { background: url(../img/bg_tnav.gif)  0 -38px no-repeat; }
#tnav li.company a.hover,
#tnav li.company a:hover,
body#company #tnav li.company a { background: url(../img/bg_tnav.gif) -296px -38px no-repeat; }
#tnav li.recruit a.hover,
#tnav li.recruit a:hover,
body#recruit #tnav li.recruit a { background: url(../img/bg_tnav.gif) -591px -38px no-repeat; }
/*====================================================================================================
// content
//==================================================================================================*/
#content { position: relative; }
#pagettl { position: relative; margin-bottom: 21px;}
    .gplus { }
/*====================================================================================================
// maincont
//==================================================================================================*/
#maincont { display: block; float: left; width: 606px; }
#maincontin { margin-right: 21px; }
/*====================================================================================================
// subcont
//==================================================================================================*/
#subcont { display: block; float: right; width: 280px; }
#subcontin { }
/*pnav*/
#pnav { margin-bottom: 21px; }
#pnav h3 { background: url(../img/ttl_pnav.jpg) 0 0 no-repeat; }
#pnavin ul { display: inline-block; }
body#company #pnavin ul { background: url(../img/bg_pnav_company.gif) 0 0 no-repeat; }
body#recruit #pnavin ul { background: url(../img/bg_pnav_recruit.gif) 0 0 no-repeat; }
body#shop #pnavin ul { background: url(../img/bg_pnav_shop.gif) 0 0 no-repeat; }
#pnavin ul li { display: block; float: left; clear: both; width: 280px; height: 32px; overflow: hidden; }
#pnavin ul li a { display: block; width: 280px; height: 32px; text-indent: -9999px; }
#pnavin .profile a:hover, #pnavin .profile a.hover, body.company_profile #pnavin .profile a { background: url(../img/bg_pnav_company.gif) right 0px no-repeat; }
#pnavin .mission a:hover, #pnavin .mission a.hover, body.company_mission #pnavin .mission a { background: url(../img/bg_pnav_company.gif) right -32px no-repeat; }
#pnavin .motto a:hover, #pnavin .motto a.hover, body.company_motto #pnavin .motto a { background: url(../img/bg_pnav_company.gif) right -64px no-repeat; }
#pnavin .interview a:hover, #pnavin .interview a.hover, body.company_interview #pnavin .interview a { background: url(../img/bg_pnav_company.gif) right -96px no-repeat; }
#pnavin .intro a:hover, #pnavin .intro a.hover, body.recruit_intro #pnavin .intro a { background: url(../img/bg_pnav_recruit.gif) right 0px no-repeat; }
#pnavin .info a:hover, #pnavin .info a.hover, body.recruit_info #pnavin .info a { background: url(../img/bg_pnav_recruit.gif) right -32px no-repeat; }
#pnavin .message a:hover, #pnavin .message a.hover, body.recruit_message #pnavin .message a { background: url(../img/bg_pnav_recruit.gif) right -64px no-repeat; }
/*feedbox*/
#subcontin .feedbox { margin-bottom: 21px; font-family: Arial, Helvetica, sans-serif; }
#subcontin .feedbox dl { margin: 0 3px; line-height: 1.2; }
#subcontin .feedbox dt { display: block; background: #dcdcdc; padding: 1px 5px; font-weight: 700; font: Arial, Helvetica, sans-serif; letter-spacing: 2px; }
#subcontin .feedbox dd { padding: 3px 5px 9px; }
#sct_whatsnew .ttlarea { background: url(../img/ttl_subcont_whatsnew.jpg) 0 0 no-repeat; }
#sct_information .ttlarea { background: url(../img/ttl_subcont_information.jpg) 0 0 no-repeat; }
/*sct_links*/
#sct_links { margin-bottom: 21px; }
#sct_links .ttlarea { background:url(../img/ttl_subcont_links.gif) 0 0 no-repeat; }
#sct_links ul { padding: 21px 0 12px; background: #dfdfdf; border: 1px solid #ccc; }
#sct_links ul:hover { background: #dadada; }
#sct_links ul li { margin-bottom: 6px; text-align: center; }
#sct_links ul li a img { border: 3px double #dfdfdf; background: #efefef; }
/*====================================================================================================
// footer
//==================================================================================================*/
#footer { width: 100%; margin: 0 auto; text-align: left; background: #1c1c1c; border-top: 3px solid #666; }
#footerin { width: 886px; margin: 0 auto; padding-top: 11px; text-align: left; background: #1c1c1c; color: #f2f2f2; }
#footer a { color: #00A0E9; text-shadow: 1px 1px 0 #00425F; }
/*pagenav*/
#btpagenav { display: block; width: 886px; height: 21px; overflow: hidden; clear: both; float: none; background: url(../img/bg_btpagenav.jpg) 0 0 no-repeat; }
#btpagenav .pagetop { display: block; float: right; width: 145px; height: 21px; overflow: hidden; }
#btpagenav .pagetop a { display: block; width: 145px; height: 21px; text-indent: -9999px; background: url(../img/bg_btpagenav.jpg) right 0 no-repeat; }
#btpagenav .pagetop a:hover { background: url(../img/bg_btpagenav.jpg) right bottom no-repeat; }
#btpagenav .homepage { display: block; float: left; width: 110px; height: 21px; overflow: hidden; }
#btpagenav .homepage a { display: block; width: 110px; height: 21px; text-indent: -9999px; background: url(../img/bg_btpagenav.jpg) 0 0 no-repeat; }
#btpagenav .homepage a:hover { background: url(../img/bg_btpagenav.jpg) 0 bottom no-repeat; }
/**/
#ftr_contbox { padding: 21px 0; }
#ftr_contbox .inbox { display: block; float: left; width: 282px; min-height: 320px; height: auto!important; height: 320px; background: #222; }
#ftr_contbox .inbox h3 { width: 282px; height: 53px; overflow: hidden; text-indent: -9999px; }
#ftr_contbox #ftr_sitemenu { border-right: 20px solid #1c1c1c; }
#ftr_contbox #ftr_sitemenu h3 { background: url(../img/ttl_footer_sitemenu.gif) 0 0 no-repeat; }
#ftr_contbox #ftr_sitemenu ul { padding: 0 11px 21px; }
#ftr_contbox #ftr_sitemenu ul li { padding: 6px 11px 6px 21px; border-bottom: 1px dotted #484848; background: url(../img/bg_ftr_li.gif) 9px center no-repeat; }
#ftr_contbox #ftr_sitemenu ul li a { }
#ftr_contbox #ftr_sitemenu ul li a:hover { }
#ftr_contbox #ftr_siteinfo { border-right: 20px solid #1c1c1c; }
#ftr_contbox #ftr_siteinfo h3 { background: url(../img/ttl_footer_siteinfo.gif) 0 0 no-repeat; }
#ftr_contbox .feedbox { margin-bottom: 21px; font-family: Arial, Helvetica, sans-serif; }
#ftr_contbox .feedbox dl { margin: 0 11px; line-height: 1.2; }
#ftr_contbox .feedbox dt { display: block; background: #2c2c2c; padding: 1px 5px; font-weight: 700; font: Arial, Helvetica, sans-serif; letter-spacing: 2px; color: #999; }
#ftr_contbox .feedbox dd { padding: 3px 5px 11px; }
#ftr_contbox #ftr_companyinfo { background: #222 url(../img/bg_footer_companyinfo.jpg) right bottom no-repeat; }
#ftr_contbox #ftr_companyinfo h3 { background: url(../img/ttl_footer_companyinfo.gif) 0 0 no-repeat; }
#ftr_contbox #ftr_companyinfo h4, #ftr_contbox #ftr_companyinfo p { padding: 0 16px; line-height: 1.7; }
#ftr_contbox #ftr_companyinfo h4 { font-weight: 700; font-size: 100%; margin-bottom: 11px; }
#ftr_contbox #ftr_companyinfo p { margin-bottom: 11px; padding-left: 21px; }
#ftr_contbox #ftr_companyinfo p span { display: block; clear: both; float: none; }
#ftr_contbox #ftr_companyinfo .right { text-align: right; }
#ftr_contbox #ftr_companyinfo .googlemap { line-height: 1; }
/*adress*/
#footer address { display: block; clear: both; float: none; padding: 0 21px 42px; text-align: center; font-size: 85% }
#footer address a { color: #484848; text-decoration: none; text-shadow: none; }
/*====================================================================================================
// common
//==================================================================================================*/
/*shoplist*/
.ttl_shoplist { background: url(../img/ttl_shoplist.jpg) 0 0 no-repeat; }
.shoplistwrap { width: 585px; overflow: hidden; }
#shoplist { width: 605px; overflow: hidden; _zoom: 1; }
#shoplist li { position: relative; display: inline-block; float: left; margin-right: 20px; }
#shoplist .box { display: block; width: 181px; height: 95px; margin-bottom: 20px; }
#shoplist .box a { display: block; width: 181px; height: 95px; text-indent: -9999px; }
/*shoplist shoplist*/
#shoplist .kokubunya a { background: url(../img/slt_kokubunya.jpg) 0 0 no-repeat; }
#shoplist .hamayaki a { background: url(../img/slt_hamayaki.jpg) 0 0 no-repeat; }
#shoplist .ippondokko a { background: url(../img/slt_ippondokko.jpg) 0 0 no-repeat; }
#shoplist .marusho a { background: url(../img/slt_marusho.jpg) 0 0 no-repeat; }
#shoplist .hinodeya a { background: url(../img/slt_hinodeya.jpg) 0 0 no-repeat; }
#shoplist .teppan a { background: url(../img/slt_teppan.jpg) 0 0 no-repeat; }
#shoplist .robata a { background: url(../img/slt_robata.jpg) 0 0 no-repeat; }
#shoplist .nabeken a { background: url(../img/slt_nabeken.jpg) 0 0 no-repeat; }
#shoplist .hamaichiba a { background: url(../img/slt_hamaichiba.jpg) 0 0 no-repeat; }
#shoplist .appale a { background: url(../img/slt_appale.jpg) 0 0 no-repeat; }
#shoplist .tsudasengyoten a { background: url(../img/slt_tsudasengyoten.jpg) 0 0 no-repeat; }
#shoplist .kokubunya a.hover,
#shoplist .ippondokko a.hover,
#shoplist .marusho a.hover,
#shoplist .hinodeya a.hover,
#shoplist .teppan a.hover,
#shoplist .robata a.hover,
#shoplist .hamayaki a.hover,
#shoplist .nabeken a.hover,
#shoplist .hamaichiba a.hover,
#shoplist .appale a.hover,
#shoplist .tsudasengyoten a.hover { background-position: 0 -95px; }
/*profiletable*/
table.profiletable { width: 100%; margin-bottom: 21px; border: 1px solid #ccc; background: #fff; }
table.profiletable th, .profiletable td { padding: 11px 21px; }
table.profiletable th { letter-spacing: 2px; text-align: center; background: #1c1c1c; font-weight: 700; color: #f2f2f2; border-bottom: 1px solid #373737; }
table.profiletable td { border-bottom: 1px solid #ddd; }
table.profiletable td span { display: block; float: left; width: 4.5em; }
table.profiletable td .googlemap { width: 115px; }
/*googlemap*/
.googlemap { display: block; float: none; clear: both; width: 115px; height: 19px; padding: 2px 0; overflow: hidden; }
.googlemap a { display: block; width: 115px; height: 19px; background: url(../img/ic_googlemap.gif) 0 0 no-repeat; text-indent: -9999px; }
.googlemap a:hover { background: url(../img/ic_googlemap.gif) 0 -20px no-repeat; }
/*====================================================================================================
// common scrollable
//==================================================================================================*/
body#index #scroller { position: relative; width: 886px; height: 400px; }
body#shop #scroller { position: relative; width: 585px; height: 271px; /*height: 271px;*/ }
#scrollerin { }
/*wrap*/
body#index .scrollable { position: relative; overflow: hidden; width: 886px; height: 380px; }
body#shop .scrollable { position: relative; overflow: hidden; width: 585px; height: 250px; }
/*items*/
.scrollable div.items { width: 20000em; position: absolute; clear: both; }
/*items -> box*/
body#index .scrollable .items .box { position: relative; display: block; float: left; width: 886px; height: 380px; overflow: hidden; }
body#shop .scrollable .items .box { position: relative; display: block; float: left; width: 585px; height: 250px; overflow: hidden; }
body#index .scrollable .items .boxin { position: relative; display: block; float: left; width: 886px; height: 380px; overflow: hidden; }
body#shop .scrollable .items .boxin { position: relative; display: block; float: left; width: 585px; height: 250px; overflow: hidden; }
/**/
#navigationwrap { display: block; position: absolute; bottom: 30px; right: 10px; height: 15px; padding: 8px 18px 0 26px; background:#1c1c1c; z-index: 999; border: 1px solid #666; zoom: 1; }
/* pagenavi */
#scroller .browse { display: block; width: 15px; height: 15px; background: url(../js/jquery.tools/hori_large.png) 0 0 no-repeat; z-index: 9; }
#scroller .right { position: absolute; right: 2px; top: 5px; background-position: 0 -15px; }
#scroller .right:hover { background-position: -15px -15px; }
#scroller .right:active { background-position: -15px -15px; }
#scroller .left { position: absolute; left: 2px; top: 5px; background-position: 0 0; }
#scroller .left:hover { background-position: -15px 0; }
#scroller .left:active { background-position: -15px 0; }
#scroller .disabled { visibility: hidden; display: none; }
/* navi pager */
#scroller .navi { display: inline-block; height: 8px; z-index: 9; float: left; overflow: hidden; }
#scroller .navi a { display: block; width: 8px; height: 8px; float: left; overflow: hidden; background: url(../js/jquery.tools/navigator.png) 0 0 no-repeat; border-right: 5px solid #1c1c1c; }
#scroller .navi a:hover { background-position:0 -8px; }
#scroller .navi a.active { background-position:0 -16px; }
/* #maxsize */
body#index .scrollable a.maxsize { display: block; width: 886px; height: 380px;}
body#index .scrollable a.maxsize { display: block; width: 886px; height: 380px;}
body#index .scrollable a.maxsize:hover { _position: absolute; filter: alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; }
/* player */
.scrollable a.player { display: block; width: 230px; height: 50px; position: absolute; left: 0; bottom: 0; z-index: 99; text-indent: -9999px; overflow: hidden;}
.scrollable a.kokubunyamonogatari { background: url(../img/shop/kokubunya/player_kokubunyamonogatari.png) 0 0 no-repeat;}
.scrollable a:hover.kokubunyamonogatari { background: url(../img/shop/kokubunya/player_kokubunyamonogatari.png) 0 -50px no-repeat;}
.scrollable a.robatagurunavich { background: url(../img/shop/robata/player_robatagurunavich.png) 0 0 no-repeat;}
.scrollable a:hover.robatagurunavich { background: url(../img/shop/robata/player_robatagurunavich.png) 0 -50px no-repeat;}
.scrollable a.nabekengurunavich { background: url(../img/shop/nabeken/player_nabekengurunavich.png) 0 0 no-repeat;}
.scrollable a:hover.nabekengurunavich { background: url(../img/shop/nabeken/player_nabekengurunavich.png) 0 -50px no-repeat;}

/*====================================================================================================
// index
//==================================================================================================*/
body#index #mask { background: #000; }
body#index #popup * { outline: none; overflow: hidden; }
body#index #popup { background: #0c0c0c; width: 640px; height: 480px; position: absolute; display: none; }
body#index #popup .close { display: block; position: absolute; right: 3px; top: 3px; cursor:pointer; height: 0; width: 100px; height: 20px; text-decoration: none; background: url(../js/jquery.tools/ov_close.gif) 0 0 no-repeat; text-decoration: none; text-indent: -9999px; }
body#index #popup .browser { position:absolute; bottom: 21px; left:0; }
body#index #popup .nextPage { left: 0; }
body#index .homepop { padding: 27px; }
/*====================================================================================================
// company_profile
//==================================================================================================*/
body.company_profile .sections h3.profile { background: url(../img/company/profile/ttl_profile.jpg) 0 0 no-repeat; }
body.company_profile .sections h3.inquiry_company { background: url(../img/company/profile/ttl_inquiry_company.jpg) 0 0 no-repeat; }
body.company_profile .sections h3.inquiry_shop { background: url(../img/company/profile/ttl_inquiry_shop.jpg) 0 0 no-repeat; }
body.company_profile #inquirylist .box { background: url(../img/border_y_999.gif) 400px 0 repeat-y; }
body.company_profile #inquirylist h5, body.company_profile #inquirylist p { padding: 0 0 0 60px; margin-right: 190px; min-height: 18px; height: auto!important; height: 18px; }
body.company_profile #inquirylist .logo { display: block; float: right; width: 180px; height: auto; padding: 23px 0 0 0; text-align: center; }
body.company_profile #inquirylist #hinodeyalogo { padding: 16px 0 0 0; }
body.company_profile #inquirylist h5 { font-weight: 700; color: #000; background: url(../img/ic_ttl_shop.gif) 0 0 no-repeat; }
body.company_profile #inquirylist h5.company { background: url(../img/ic_ttl_company.gif) 0 0 no-repeat; }
body.company_profile #inquirylist .address { padding-left: 60px; background: url(../img/ic_ttl_address.gif) 0 0 no-repeat; }
body.company_profile #inquirylist .address span { display: block; clear: left; float: left; width: 100%; padding: 0 0 21px 0; }
body.company_profile #inquirylist .tel { background: url(../img/ic_ttl_tel.gif) 0 0 no-repeat; }
body.company_profile #inquirylist .fax { background: url(../img/ic_ttl_fax.gif) 0 0 no-repeat; }
body.company_profile #inquirylist .hide { visibility: hidden; }
/*====================================================================================================
// company_mission
//==================================================================================================*/
#company_missionwrap h3.topttl { background: url(../img/company/mission/ttl_intro_top.gif) 0 0 no-repeat; }
#company_missionwrap .intro { padding: 21px 0 42px;}
#company_missionwrap .image { float: right; padding: 11px 0 21px 32px; }
#company_missionwrap .imagetop { padding: 0 0 21px 0; }
#company_missionwrap .image img { border: 4px solid #ccc; }
#company_missionwrap p { margin-bottom: 15px; padding-left: 5px;}
#company_missionwrap .copy { padding: 21px 0; text-align: right; font-style: italic;}
/*====================================================================================================
// company_interview
//==================================================================================================*/
#company_interviewwrap h4 { font-weight: 700; color: #B91820; padding: 0 0 0 7px; margin-bottom: 11px; font-size: 108%; border-left: 1px dotted #1c1c1c; }
#company_interviewwrap p { text-indent: 1em; line-height: 1.5; padding: 0 11px; }
#company_interviewwrap .image { float: right; padding: 0 6px 11px 21px; }
#company_interviewwrap .image img { border: 3px solid #ccc; }
#company_interviewwrap .copy { text-align: right; padding: 0 11px; margin-bottom: 42px; }
#company_interviewwrap .copy strong { border-bottom: 1px dotted #000; font-style: italic; }
#company_interviewwrap .end { padding-bottom: 63px;}
/*====================================================================================================
// company_target
//==================================================================================================*/
body.company_target #targetwrap .ttlarea { background: url(../img/company/ttl_target_top.jpg) 0 0 no-repeat; }
/*====================================================================================================
// company_motto
//==================================================================================================*/
body.company_motto #mottowrap h3 { background: url(../img/motto/ttl_motto.gif) 0 0 no-repeat; }
body.company_motto #mottowrap ol { width: 585px; height: 480px; background: url(../img/motto/img_motto.gif) 0 0 no-repeat; }
body.company_motto #mottowrap ol li { text-indent: -9999px; }
/*====================================================================================================
// shop common
//==================================================================================================*/
/*ttl*/
body#shop #intro h3.intro { background: url(../img/shop/ttl_profile_intro.gif) 0 0 no-repeat; }
body#shop .sections h3.data { background: url(../img/shop/ttl_profile_data.gif) 0 0 no-repeat; }
/*intro*/
body#shop #intro { position: relative; }
body#shop #intro #shopname { display: inline-block; width: 585px; clear: both; float: none; padding-bottom: 11px; border-bottom: 1px solid #ccc; }
body#shop #intro #shopname { display: inline-block; line-height: 1.2; }
body#shop #intro #shopname .box { font-size: 183%; text-shadow: 1px 1px 1px #aaa; letter-spacing: 2px; }
body#shop #intro #shopname .ruby { display: block; font-size: 45%; font-weight: 100; letter-spacing: 3px; }
/* linkset */
body#shop #intro .linkset { padding-top: 11px; border-top: 1px solid #fff; height: 42px; overflow: hidden; }
body#shop #intro .linkset li { display: block; float: right; width: 115px; height: 19px; padding: 0 0 1px 1px; overflow: hidden; }
body#shop #intro .linkset a { display: block; width: 115px; height: 19px; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; }
body#shop #intro .linkset .gurunavi a { background: url(../img/btn_gurunavi.gif); }
body#shop #intro .linkset .hotpepper a { background: url(../img/btn_hotpepper.gif); }
body#shop #intro .linkset a:hover { background-position: 0 -19px; background-repeat: no-repeat; }
/* shopbody */
body#shop .shopbody { background: #1c1c1c; font-weight: 700; color: #fff; margin-bottom: 42px; border: 1px solid #000; border-top: 0; line-height: 1.7; letter-spacing: 1px; margin-top: -21px; }
body#shop .shopbody .inner { padding: 21px; }
/*viewer*/
body#shop #viewer { position: relative; }
body#shop #viewer #shoplogo { position: absolute; right: 10px; top: 10px; text-indent: 999; z-index: 999; }
/*tabbox*/
.tabbox { border-top: 0; border-top: 0; }
.tabbox .tabs { margin-bottom: 11px; background: #dfdfdf; border: 1px solid #ccc; }
/*radius */
.tabbox .tabs li { display: block; float: left; overflow: hidden; margin-right: 1px; }
.tabbox .tabs a { display: block; padding: 0; text-decoration: none; text-shadow: 1px 1px 0 #666; color: #fff; }
.tabbox .tabs a span { display: block; padding: 11px 20px; }
.tabbox .tabs a { background: url(../js/jquery.tools/tabs_bg.png) 0 0 repeat-x; }
.tabbox .tabs a span { background: url(../js/jquery.tools/tabs_bg.png) right 0 no-repeat; }
.tabbox .tabs a:active { background: url(../js/jquery.tools/tabs_bg.png) 0 -170px repeat-x; text-shadow: 1px 1px 0 #000; }
.tabbox .tabs a:active span { background: url(../js/jquery.tools/tabs_bg.png) right -170px no-repeat; }
.tabbox .tabs a:hover { background: url(../js/jquery.tools/tabs_bg.png) 0 -85px repeat-x; text-shadow: 1px 1px 0 #000; }
.tabbox .tabs a:hover span { background: url(../js/jquery.tools/tabs_bg.png) right -85px no-repeat; }
.tabbox .tabs a.current, .tabbox .tabs a.current:hover, .tabbox .tabs li.current a { background: url(../js/jquery.tools/tabs_bg.png) 0 -170px repeat-x; text-shadow: 1px 1px 0 #000; }
.tabbox .tabs a.current span, .tabbox .tabs a.current:hover span, .tabbox .tabs li.current a span { background: url(../js/jquery.tools/tabs_bg.png) right -170px no-repeat; }
.tabbox .panes .pane { display: none; }
.tabbox .tabsdata hr { height: 0; border: 0; border-bottom: 1px dotted #ccc; }
/*staffbox*/
body#shop .sections .staffbox { background: #fff; padding: 21px; border: 1px solid #ccc; }
body#shop .sections .staffbox .image { display: block; position: relative; float: left; width: 170px; text-align: center; }
body#shop .sections .staffbox .image img { border: 4px solid #ddd; }
body#shop .sections .staffbox h5.profile { padding-left: 182px; margin-bottom: 11px; font-weight: 700; color: #000; }
body#shop .sections .staffbox h5.profile span { display: block; float: none; font-weight: 100; padding-left: 3px; font-size: 84%; color: #666; }
body#shop .sections .staffbox .comment { margin-left: 182px; }
/*====================================================================================================
// fclicence index
//==================================================================================================*/
body.fclicence_index { }
/*====================================================================================================
// recruit_intro
//==================================================================================================*/
#recruit_introwrap h3.top { background: url(../img/recruit/ttl_intro_top.gif) 0 0 no-repeat; }
#recruit_introwrap h4 { margin-bottom: 11px; }
#recruit_introwrap .sections { position: relative; }
#recruit_introwrap .image { float: right; padding: 0 0 21px 21px; }
#recruit_introwrap .imagetop { padding: 0 0 21px 0; }
#recruit_introwrap .image img { border: 4px solid #ccc; }
#recruit_introwrap .cf p { margin-bottom: 11px; padding: 0 11px 0 6px; }
#recruit_introwrap .cf .disc { padding: 5px 0 11px 1.5em;}
#recruit_introwrap .cf .disc li {list-style: outside disc;}
#recruit_introwrap .toplist { /*padding-bottom: 11px;*/ }
/*====================================================================================================
// recruit_info
//==================================================================================================*/
#recruit_infowrap h3.top { background: url(../img/recruit/ttl_info_top.gif) 0 0 no-repeat; }
#recruit_infowrap table { margin-bottom: 42px; }
#recruit_infowrap table th { width: 7em; }
#recruit_infowrap table td { padding-left: 11px; }
#recruit_infowrap .bold { font-weight: 700; background: url(../img/ic_ar_si_000.gif) 0 center no-repeat; }
#recruit_infowrap .bold li { padding-left: 12px; background: url(../img/ic_ar_si_000.gif) 0 center no-repeat; }
#recruit_infowrap .star { font-size: 85%; color: #666; }
#recruit_infowrap dl dt { font-weight: 700; color: #B91820; padding-left: 12px; background: url(../img/ic_ar_si_B91820.gif) 0 center no-repeat; }
#recruit_infowrap dl dd { margin-left: 1em; }
#recruit_infowrap .kome { font-size: 85%; color: #003399; }
#recruit_infowrap .space { margin-bottom: 11px; }
#recruit_infowrap .yellow { display: inline; width: 1em; padding: 0; padding: 0; color: #FFCC00; }
#recruit_infowrap .att { text-indent: -1em; margin-left: 1em; }
#recruit_infowrap .outdent1 { text-indent: -1em; }
/* target */
#recruit_infowrap dl.target { margin-bottom: 11px; }
#recruit_infowrap h4.target { padding-bottom: 4px; font-weight: 700; }
/* kinmu */
#recruit_infowrap .kinmu { padding-left: 2em; font-weight: 700; }
#recruit_infowrap .kinmu li { list-style: outside square; }
/* time */
#recruit_infowrap .time dd { padding: 0 5px 0 1.5em; background: #efefef; }
/*====================================================================================================
// recruit_message
//==================================================================================================*/
#recruit_messagewrap h3.top { background: url(../img/recruit/ttl_message_top.gif) 0 0 no-repeat; }
#recruit_messagewrap h4 { font-weight: 700; font-size: 154%; padding-top: 11px; margin-bottom: 21px; }
#recruit_messagewrap .list { position: relative; line-height: 1.7; }
#recruit_messagewrap .list .image { float: right; padding: 0 4px 21px 18px; }
#recruit_messagewrap .list .image img { border: 3px solid #ccc; }
#recruit_messagewrap .list p { margin-bottom: 11px; text-indent: 1em; padding: 0 11px 0 6px; }
#recruit_messagewrap .list .space { margin-bottom: 21px; }
#recruit_messagewrap p.datestamp { text-align: right; font-family: Verdana, Geneva, sans-serif; font-style: italic; color: #666; font-weight: 700;}
/*====================================================================================================
// about_index
//==================================================================================================*/
#aboutwrap { line-height: 1.6; }
#aboutwrap .sections { border-bottom: 1px solid #ccc; }
#aboutwrap h3 { display: block; height: 40px; overflow: hidden; text-indent: -9999px; background: url(../img/about/ttl_about_top.jpg) 0 0 no-repeat; }
#aboutwrap h4 { padding-left: 5px; margin: 20px 0 0; font-size: 114%; font-weight: 700; color: #1c1c1c; margin-bottom: 11px; line-height: 1.1; border-left: 3px solid #1c1c1c; }
#aboutwrap p { margin-bottom: 10px; padding: 0 11px; }
#aboutwrap .indent { margin-left: 1em; text-indent: -1em; font-size: 86%; }
#aboutwrap ul { margin-bottom: 10px; padding-left: 40px; }
#aboutwrap li { list-style: outside disc; }
/*====================================================================================================
// sitemap_index
//==================================================================================================*/
body#sitemap h3.topttl { background: url(../img/sitemp/ttl_top.gif) 0 0 no-repeat; }
.sitemaplist ul { list-style: inside square; margin: 0 0 0 21px; font-weight: 700; line-height: 1.7; color: #900; }
.sitemaplist ul li { margin-bottom: 21px;}
.sitemaplist ul a { color: #900; }
.sitemaplist ul ul { font-weight: 100; list-style: inside circle; margin: 5px 0 0 21px; padding-left: 3px; color: #3a3a3a; overflow: hidden; _zoom: 1; }
.sitemaplist ul ul li { margin-bottom: 0; }
.sitemaplist ul ul a { color: #3a3a3a; }