/*
 font-size
    18px  113%
    16px  100%
    15px  94%
    14px  88%
    13px  82%
    12px  75%
    11px  69%
    10px  63%
*/
body { color:#333333; background:#FFFFFF; margin:0; padding:0; line-height:1.5; }
div  { width:auto; margin:0; padding:0; }
td,th { background:transparent; color:inherit; }
em,strong { font-style:normal; font-weight:bold; }
form { margin:0; }
img { border:none; }
p,dl,dt,ol,ul { margin-top:1em; margin-bottom:0; }
dd { margin-left:3em; }
ol { margin-left:3em; padding:0; }
ul { margin-left:2em; padding:0; }
h1,h2,h3,h4,h5,h6 { font-size:100%; margin:0; font-weight:bold; vertical-align:middle; }
fieldset { margin:1em 0; padding:5px; }
legend { font-weight:bold; }
hr { margin:0; padding:0; height:0; border-top:solid 1px silver; border-width:1px 0 0; }
a:link   { text-decoration:underline; color:#0071BC; }
a:visited{ text-decoration:underline; }
a:hover  { text-decoration:none; color:#ff0000; }
/*
  clearfix
*/
.pkg:after,
#contents-inner:after {
    content:" ";
    display:block;
    visibility:hidden;
    clear:both;
    height:1px;
    font-size: 0.1em;
    line-height:0;
}
/* ie 7 */
.pkg,
#contents-inner { display:inline-block; }
/* ie 5.5 - 7 */
/* #contents-inner { zoom:1; } */
/* no ie mac \*/
* html .pkg,
* html #contents-inner { height:1%; }
.pkg,
#contents-inner { display:block; }
/*
    global
*/
strong { color:#f57a14; }
fieldset { border:solid 1px #9abbc7; }
textarea { width:98%; }
div.hr { margin:0; padding:0; height:0; border-top:solid 1px #3A78B5; }
div.hr hr { display:none; }
a.img { display:block; text-decoration:none; overflow:hidden; }
div.att, p.att { padding:1em; text-indent:-1em; }
.att em { font-style:normal; font-weight:bold; color:red; }

.top { margin-top:0; }
a.anc { color:inherit; text-decoration:none; }

.img { display:block; text-indent:-9999px; position:relative; vertical-align:middle; font-size:0; background-repeat:no-repeat; color:#ffffff; }
.img * { left:0; top:0; margin:0; padding:0; text-indent:-9999px; font-size:0; }
.img a { display:block; position:absolute; left:0; top:0; width:100%; height:100%; font-size:0; }
a.more { background:url(li02.png) no-repeat 0 50%; padding:0 0 0 16px; height:100%; }
.moreList { list-style-type:none; margin:1em 0; padding:0; }
.moreList li { background:url(li02.png) no-repeat 0 .3em; padding:0 0 0 16px; }
dl.list dt { background:url(li01.png) no-repeat 0 .2em; padding:0 0 0 16px; color:#1e8cd5; }

th { background:#2F5376; color:#FFFFFF; padding:5px; }
.table { background:#9abbc7; }
.table .val { vertical-align:middle; text-align:center; }
.outer { border:solid 1px #9abbc7; }
.even,
tr.even td { background:#dee3e7; padding:5px; }
.odd,
tr.odd td  { background:#E9E9E9; padding:5px; }
.head,
.foot,
tr.head td,
tr.foot td { background:#d2eefe; padding:5px; font-weight:bold; color:#006ab7; }
table.list { width:100%; }
table.list td { vertical-align:top; text-align:left; }
table.list .head td { text-align:center; }
tr.head td,
tr.foot td { text-align:center; vertical-align:middle; }

/*
    layout
*/
#container { width:940px; margin:0 auto; padding:0; }
#contents-outer { margin:0; padding:0; }
#contents-inner { margin:10px 0; padding:0; }
#footer  { margin:0; padding:0; clear:both; }

#alpha,
#beta,
#gamma { position:relative; display:inline; float:left; }

#gamma   { left:20px; width:220px; }
#beta    { left:-644px; width:286px; }
#alpha  { left:296px; width:644px; }

/* 2column */
.layout-wt #beta    { left:10px; width:286px; }
.layout-wt #alpha  { left:0; width:644px; }
/* 1column */
.main-index #beta  { width:465px; left:10px; }
.main-index #alpha { width:465px; left:0; }

/*
    container
*/
#header { border-bottom:solid 10px #58b0e2; background:url(header.png) no-repeat; height:85px; text-indent:-9999px; }
#header .logo { left:0; top:0; width:400px; height:85px; }
#header .sitemap { background:url(sitemap.png) no-repeat; left:694px; top:32px; width:118px; height:29px; }
#header .inquiry { background:url(inquiry.png) no-repeat; left:822px; top:32px; width:118px; height:29px; }
#header .sitemap:hover,
#header .inquiry:hover { background-position:-118px 0; }
#headerContent { background:url(main_img.jpg) no-repeat; height:310px; text-indent:-9999px; }
#headerMenu { height:55px; }
#headerMenu ul { list-style-type:none; margin:0; }
#headerMenu li { float:left; margin:0 0 0 1px; padding:0; height:55px; }
#headerMenu a { display:block; margin:0; padding:0; width:187px; height:55px; background-repeat:no-repeat; text-indent:-9999px; }
#headerMenu .hm1 { margin:0; }
#headerMenu .hm1 a { background:url(hm1.png); }
#headerMenu .hm2 a { background:url(hm2.png); width:188px; }
#headerMenu .hm3 a { background:url(hm3.png); }
#headerMenu .hm4 a { background:url(hm4.png); }
#headerMenu .hm5 a { background:url(hm5.png); }
#headerMenu a:hover { background-position:0 -55px; }
/*
    contents
 */
#contents-outer { }
#contents-inner  { clear:both; margin:10px 0; padding:0; }
/*
    footer
 */
#footer { margin:0; padding:0; text-align:center; font-size:10px; color:#757575; }
#footerMenu { background:#58b0e2; padding:5px; text-align:center; clear:both; }
#footerMenu ul { list-style-type:none; margin:0; padding:0; height:100%; line-height:1; }
#footerMenu li { display:inline; margin:0; padding:0; border:none; background:transparent; height:100%; }
#footerMenu a { display:inline; white-space:nowrap; border-width:0 0 0 1px; border-left:solid 1px #ffffff; background:transparent; padding:0 5px; margin:0; font-weight:normal; font-size:12px; line-height:1.5; }
#footerMenu .top a { border-left:none; }
#footerMenu a:link,
#footerMenu a:visited{ color:#ffffff; text-decoration:underline; }
#footerMenu a:hover  { color:#ffff99; text-decoration:none; }

/*
    content
 */
.gotop { margin:1em 0 0; text-align:right; }
.breadcrumbs { font-size:75%; }
.content { margin:10px 0 0; font-size:88%; }
.content h1 { background:url(h1.png) no-repeat; color:#1e8cd5; padding:10px; font-size:142%; height:100%; }
.content h2 { margin:1em 0; border-width:0 0 2px 8px; border-color:#005d9a; border-style:solid; color:#005d9a; padding:0 0 0 6px; font-size:128%; clear:both; }
.content h3 { margin:1em 0; border:solid 1px #5593c6; color:#5593c6; padding:2px 5px; font-size:112%; }
.content h4 { margin:1em 0; border-left:solid 3px #5593c6; color:#5593c6; padding:0 5px; }
.content h5 { margin:1em 0; color:#5593c6; }
.content h6 { margin:1em 0; }
.content .moreList li { height:100%; } /* Bug measures of ie6 */
a.moreTT { background:url(li05.png) no-repeat 0 50%; padding:0 0 0 16px; height:100%; }
a.moreMap { background:url(li06.png) no-repeat 0 50%; padding:0 0 0 16px; height:100%; }
.inquiry .head { width:30%; }
.mf_name,
.mf_tel,
.mf_mail { width:60%; }
.mf_address { width:90%; }
/*
 blocks
 */
.mod { margin:0 0 10px; font-size:75%; height:100%; }
.mod h2 { vertical-align:top; }
.mod h2 a { display:block; margin:0; padding:0; height:50px; text-indent:-9999px; vertical-align:top; }
.mod .body { padding:8px; }
.mod .more { text-align:right; }
.mod .more a { background:url(li02.png) no-repeat 0 50%; padding:0 0 0 16px; }
.mod .moreList li { background:url(li03.png) no-repeat 0 .3em; margin:0 0 5px; padding:0 0 0 18px; }
.mIntroduction { background:#9abbc7 url(top-left-under.png) no-repeat 0 100%; padding:0 0 20px; }
.mIntroduction h2 { margin:0; background:url(shop_title.png) no-repeat; text-indent:-9999px; height:60px; }
.mIntroduction .shopList { margin:0; padding:0 5px; border-width:0 1px; border-color:#9abbc7; border-style:solid; background:#ffffff; }
.mIntroduction .shop { margin:5px 0 0; padding:5px 0 0; border-top:dashed 1px #999999; position:relative; }
.mIntroduction .top { margin:0; border:none; }
.mIntroduction .head { margin:0 0 .5em; background:url(li01.png) no-repeat 5px .2em; padding:0 0 0 20px; color:#1e8cd5; font-size:16px; line-height:1.2; vertical-align:top; }
.mIntroduction .data { margin:0; padding:0 5px; }
.mIntroduction .detail a { position:absolute; right:10px; top:20px; display:block; float:right; width:80px; height:20px; margin:0; background:url(shop-details.png) no-repeat; text-indent:-9999px; }
.mIntroduction .detail a:hover { background-position:-80px 0; }

.mGreeting { background:url(naka_greeting.png) no-repeat; height:196px; }
.mGreeting .body { background:url(naka_makino_photo.jpg) no-repeat 8px 8px; padding-left:116px; height:122px; }
.mGreeting .moreList { float:left; margin:1em 0 0 2em; }
.mRecruite { background:url(naka_recruit.png) no-repeat; height:156px; }
.mRecruite .body { background:url(naka_recruit_photo.jpg) no-repeat 8px 8px; padding-left:116px; height:82px; }
.mRecruite .moreList { float:left; margin:1em 0 0 2em; }
.mOpening { background:url(naka_kaigyou.png) no-repeat; height:156px; }
.mOpening .body { background:url(naka_kaigyou_photo.jpg) no-repeat 8px 8px; padding-left:116px; height:82px; }

.mNews { background:url(top_info.png) no-repeat; height:209px; }
.mNews .body { height:134px; overflow:auto; }
.mNews ul { list-style-type:none; margin:0; }
.mNews li { margin:0 0 5px; background:url(li04.png) no-repeat 0 .3em; padding:0 0 0 16px; }
/* top page */
.main-index .mGreeting { background:url(top_greeting.png) no-repeat; height:287px; }
.main-index .mGreeting .body { background:url(top_makino_photo.jpg) no-repeat 8px 8px; padding-left:176px; height:213px; }
.main-index .mRecruite { background:url(top_recruit.png) no-repeat; height:209px; }
.main-index .mRecruite .body { background:url(top_recruit_photo.jpg) no-repeat 8px 8px; padding-left:176px; height:143px; }
.main-index .mOpening { background:url(top_kaigyou.png) no-repeat; height:209px; }
.main-index .mOpening  .body { background:url(top_kaigyou_photo.jpg) no-repeat 8px 8px; padding-left:176px; height:143px; }