@charset "utf-8";
/* CSS Document */

/* @group layout
--------------------------------------------------------------------------------------------------------------------*/
body{background:#fefefe url(../img/bg.jpg) repeat fixed;}
#doc {margin: 0px auto; position: relative; width: 960px; padding:0 20px;  line-height: 1.51; text-align: left; overflow: hidden!important;}
.doc {margin: 0px auto; position: relative; width: 960px; padding:0 20px;  line-height: 1.51; text-align: left; overflow: hidden!important;}

/* @group ƥ #contents */
#main,
#sub{ position:relative}
.s190 #sub { width:190px; float:left; overflow:hidden}
.s210 #sub { width:210px; float:left; overflow:hidden}
.m700 #main { width:700px; float:right;}

#contents{ margin-bottom:40px;}


/* @group #header
--------------------------------------------------------------------------------------------------------------------*/
#header{ background:#fff; border-top:4px solid #1F3D82;}
#header .doc{ padding:7px 0; height:70px; _overflow:hidden}
#site-title{ float:left; _margin-right:32px;}



/* @group ƥ #menu */
#menu{ padding-top:34px;}

#menu2{ position:absolute; right:0; top:0}

#menu ul li{ float:left;  height:25px; border-right:1px solid #ccc; text-indent:-9999em; padding:0 15px; _padding:0 12px;}
#menu .menu5{ border-right:none; padding-right:0;}
#menu ul li a,
#menu ul li span{ display: block; height:25px; cursor:pointer}
#menu .menu1 span{ background:url(../img/hd_03.gif) no-repeat; width:103px;}
#menu .menu2 span{ background:url(../img/hd_05.gif) no-repeat; width:173px;}
#menu .menu3 span{ background:url(../img/hd_07.gif) no-repeat; width:171px;}
#menu .menu4 span{ background:url(../img/hd_09.gif) no-repeat; width:146px;}
#menu .menu5 span{ background:url(../img/hd_11.gif) no-repeat; width:154px;}
#menu .menu1 a{ background:url(../img/hd_on_03.gif) no-repeat; width:103px;}
#menu .menu2 a{ background:url(../img/hd_on_05.gif) no-repeat; width:173px;}
#menu .menu3 a{ background:url(../img/hd_on_07.gif) no-repeat; width:171px;}
#menu .menu4 a{ background:url(../img/hd_on_09.gif) no-repeat; width:146px;}
#menu .menu5 a{ background:url(../img/hd_on_11.gif) no-repeat; width:154px;}


#menu a:hover span,
.shohin #menu ul li.menu1 span,
.suzuhiro #menu ul li.menu2 span,
.future #menu ul li.menu3 span,
.recipe #menu ul li.menu4 span,
.sato #menu ul li.menu5 span{ background:none!important}

#menu ul:not(:target) { width:890px; overflow:hidden; height:25px; /* IE9 */}
#menu2:not(:target) { left:741px; /* IE9 */}

.EnglishSite {
    text-align: center;
    position: absolute;
    top: -32px;
    left: 158px;
    background-color: #000;
    padding: 7px 0 0px;
    width: 61px;
    height: 25px;
    display: block;
    font: 13px/1.4 "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
a.EnglishSite {
    text-decoration: none;
    color: #fff;
    /*font-weight: bold;*/
    letter-spacing: 1.6px;
}


/*
#menu ul{ float:right}
#menu ul li{ float:left;  height:16px;}
#menu ul li a{ display: block; padding:6px 13px 2px 13px; background:url(../img/vline.gif) repeat-y top right;}
#menu ul li a img{ padding-bottom:6px;}
#menu ul li.menu6 a{ background:none;}
#menu ul li.menu1 a{ padding-left:0;}
#menu ul li.menu6 a{ padding:3px 0 0 18px;}
#menu ul li a:hover img{ background:url(../img/hd_29.png) repeat-x bottom;}
#menu ul li.menu6 a:hover img{ background:none;}

.shohin #menu ul li.menu1 img{ background:url(../img/hd_29.png) repeat-x bottom;}
.suzuhiro #menu ul li.menu2 img{ background:url(../img/hd_29.png) repeat-x bottom;}
.future #menu ul li.menu3 img{ background:url(../img/hd_29.png) repeat-x bottom;}
.recipe #menu ul li.menu4 img{ background:url(../img/hd_29.png) repeat-x bottom;}
.sato #menu ul li.menu5 img{ background:url(../img/hd_29.png) repeat-x bottom;}
#menu ul:not(:target) { width:860px; overflow:hidden; height:32px;}
*/





/* @group #footer
--------------------------------------------------------------------------------------------------------------------*/
#footer { height:60px; padding:10px 0; background:#fff; border-top:3px solid #1F3D82;}
#copyright{ float:left;margin-top:10px; *margin-top:0}
#copyright:not(:target) { margin-top:0; /* IE9 */}
#ft-menu{ float:right; width:660px;}
#ft-menu ul li{ float:right; margin-left:20px;}
#ft-menu .fli1{ float:right;}

#ft-menu .fli2{ float:right;  margin-top:10px; _padding-top:7px;}
#ft-menu .fli2:not(:target) { padding-top:7px; /* IE9 */}

.ft-bt-top{ text-align:right; margin-bottom:10px;}

#ft-menu2{ background:#000; padding:7px 0; }
#ft-menu2 ul li { display:inline;}
#ft-menu2 ul li a{ color:#eee; text-decoration:none; font-size:10px; line-height:10px;}
#ft-menu2 ul li a:hover{ text-decoration:underline}



/* @group #locus-area
--------------------------------------------------------------------------------------------------------------------*/
#locus-area{ padding-top:5px; color:#333; margin-bottom:10px;}
#locus-area dl.locus {float: left;}
dl.locus dt {height: 0;font-size: 0;overflow: hidden;}
dl.locus dd {padding: 5px 0 10px 0;font-size: 93%;}
dl.locus dd li {display: inline;}
dl.locus dd li a{ color:#333}
dl.footer-locus {clear: both;}



/* @group common style
--------------------------------------------------------------------------------------------------------------------*/
/* .t-link */
.t-link a{ padding-left:10px; background:url(../img/t_link.gif) no-repeat 0 50%;}
/* .external-link */
a.external span{ background:url(../img/ex_link_bl.gif) no-repeat 100% 50%; padding-right:18px; cursor:pointer}

/* .ie6 */
.t-link a{ padding-left:10px; background:url(../img/t_link.gif) no-repeat 0 50%; _display:inline-block; }
a.external span{ background:url(../img/ex_link_bl.gif) no-repeat 100% 50%; padding-right:18px; _display:inline-block}

/* .alert */
.alert,
.alert a,
.alert a:hover{ color:#FF3300}




/* h1,h2,h3,h4,h5 .title-style */
.title-style1{ padding-bottom:0.4em; border-bottom:1px solid #333; line-height:1em;}

/* list ul-style */
.ul-style1 li{ padding:2px 0 2px 20px; margin-bottom:10px; border-left:1px dotted #ccc}/* sato news*/
.ul-style2 li{ list-style:outside square; marker-color:#1F3D82; margin-left:15px;}/* sato交通案内*/

/* list ul-style border-bottom */
.bBd{ border-bottom:1px dotted #ccc; padding-bottom:20px;}
.bTd{ border-top:1px dotted #ccc; padding-top:20px;}


/* table */
.table-style1{ width:100%; }
.table-style1 th,
.table-style1 td{ border-bottom:1px dotted #ccc; padding:10px 20px; vertical-align:top}
.table-style1 .last-child th,
.table-style1 .last-child td{ border-bottom:none;}
.table-style1 th{ width:20%;  font-weight:bold}


.table-style2{ width:100%; border:1px solid #ccc}
.table-style2 th,
.table-style2 td{ border-bottom:1px dashed #ccc; padding:10px 20px; vertical-align:top}
.table-style2 th{ width:20%; background:#f1f1f1; font-weight:bold}

/* suzuhiro iro */
.table-style3{ width:100%; border:1px solid #222}
.table-style3 th,
.table-style3 td{ border-bottom:1px solid #222; padding:0.8em 1em; vertical-align:top}
.table-style3 th{ width:30%; background:#f1f1f1;}


/* .unit-style1 irego */
.unit-style1 .unit{ margin-bottom:20px;}
.unit-style1 .box-b{ width:450px; padding-top:10px;}
.unit-style1 .box-b h3{ padding-bottom:10px; background:url(../img/hline.gif) repeat-x bottom; margin-bottom:20px;}
.unit-style1 .even .box-a,
.unit-style1 .odd .box-b{ float:right}

/* .col2-unit shohin */
.col2-unit ul{ margin-bottom:30px;}
.col2-unit h3{ margin-bottom:20px;}
.col2-unit p{ font-size:12px;}
.col2-unit li{ width:330px; float:left}
.col2-unit li.right{ float:right}
.col2-unit .thumbnail{ float:left}
.col2-unit .box-b{ width:210px; float:right}
.col2-unit.t120 .box-b{ width:190px; float:right}
.col2-unit.t80 .box-b{ width:230px; float:right}

/* .bt-area-style1 sakanano seatoyou*/
.bt-area-style1{ padding:10px 20px; border:1px dotted #ccc}
.bt-area-style1 p{ float:left; line-height:30px}
.bt-area-style1 .bt-box{ float:right}


/*note-area shohin-note */
.note-area{ border-top:1px dotted #ccc; padding-top:10px;}
.note-area .listbox dl{ font-size:12px}

/*note-area2 shohin-note */
.note-area2{ border-top:1px dotted #ccc; padding-top:10px;}
/*.note-area2 .listbox dl{ font-size:12px}*/

/* col2-unit-div */
.col2-unit-div .col{ width:450px; float:left; overflow:hidden; _border-right:1px solid #fff}
.col2-unit-div .col.right{ float:right}


/* .unit200  */
.unit200r .box-a{ width:410px; float:left}
.unit200r .thumbnail{ float:right}

.unit200l .box-a{ width:410px; float:right}
.unit200l .thumbnail{ float:left}


/* .unit220 tatenagathumbnail */
.unit220r .box-a{ width:440px; float:left}
.unit220r .thumbnail{ float:right}

.unit220l .box-a{ width:440px; float:right}
.unit220l .thumbnail{ float:left}

/* .unit316 tatenagathumbnail */
.unit316r .box-a{ width:350px; float:left}
.unit316r .thumbnail{ float:right}

.unit316l .box-a{ width:350px; float:right}
.unit316l .thumbnail{ float:left}


/* .unit350 yokonagathumbnail */
.unit350r .box-a{ width:350px; float:left}
.unit350r .thumbnail{ float:right}

.unit350l .box-a{ width:350px; float:right}
.unit350l .thumbnail{ float:left}


/* .unit270x3 satoevent */
.unit270x3 li{ width:270px; float:left; margin-right:55px;}
.unit270x3 li.last-child{ margin-right:0}
.unit270x3 li .thumbnail{ margin-bottom:10px;}
.unit270x3 li .t-body{ margin-top:10px;}


/* .unit200x4 satotaiken */
.unit200x4 li{ width:200px; float:left; margin-right:40px;}
.unit200x4 li.last-child{ margin-right:0}
.unit200x4 li .thumbnail{ margin-bottom:20px;}
.unit200x4 li .t-body{ margin-top:12px; font-size:12px}
.unit200x4 li .t-link{ text-align:right; margin-top:5px;}


/* .unit45 sidebar */
.unit45 p{ width:135px; float:right; font-size:12px; overflow:hidden}
.unit45 .thumbnail{ float:left; width:45px; overflow:hidden}


/* .white-box */
.white-box{ background:#fff; padding:20px;}

/* .VAshadow */
.mLm6{ margin-left:-6px;}
.mLm8{ margin-left:-8px;}


.sub-menu2{ margin-bottom:40px;}
.sub-menu2.bTs{ border-top:1px solid #333}
.sub-menu2 h3{margin-top:13px;}
.sub-menu2 h3.first-child{ margin-top:0}
.sub-menu2 ul{ margin:0px 0 30px 0px;}

.sub-menu2 ul li{ border-bottom:1px dotted #666; padding:7px 0; padding-left:10px;}
.sub-menu2 ul li a{ color:#333333; text-decoration:none}
.sub-menu2 ul li a:hover{ text-decoration:underline}


/* .future */
.future-top{ margin-bottom:30px;}
.future-top a {background:url(/future//common/img/mirai_top_86.gif) no-repeat 0 50%; margin-bottom:10px; padding-left:20px;}

/* @group popup
--------------------------------------------------------------------
#fancybox-outer{ }


.popup{ background:url(../img/popup_bg_03.jpg) repeat; width:620px;}
.popup .doc {width:480px; padding:20px; line-height: 1.51; text-align: left;}
------------------------------------------------*/

.unit.bTd{ border-top:1px dotted #666; padding-top:20px;}