@charset "UTF-8";


/* -------------------------------------------------
基本設定
--------------------------------------------------- */
body {
margin: 0;
padding: 0;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 0.85em;
line-height: 1.7;
color:#000;
}

a img { border:none;}
p { margin:0; padding:0;}

h1 { margin:0; padding: 0;}
h2 { margin:0; padding: 0;}
h3 { margin:0; padding: 0;}
h4 { margin:0; padding: 0;}
h5 { margin:0; padding: 0;}

img { vertical-align: bottom;}


/* fade
----------------------------------------------- */
.fade {
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.fade:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.fade2 {
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.fade2:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
/* ---- END ---- */

#Wrap {
overflow:hidden;
}
#Wrap_inn{
overflow:hidden;
text-align: center;
background:#fff;
margin: 10px;
}
#Wrap_inn #header,
#Wrap_inn #container { text-align:left;}


/* header
----------------------------------------------- */
h1 {
font-size:0.8em;
font-weight:normal;
margin-bottom: 5px;
}

/* ---- head_navi ---- */
#head_navi {
list-style-type: none;
overflow: auto;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 9px;
}
#head_navi li {
float:left;
padding:0;
margin:0 2px 0 0;
text-align:center;
}
#head_navi li a {
color:#000;
text-decoration:none;
font-size:0.89em;
padding: 7px 10px 6px;
display:block;
border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
border-top: solid 1px #000;
border-right: solid 1px #000;
border-left: solid 1px #000;
border-bottom:none;
background:#eee;
background:url(../../img/common/headnavi_bg_off.png);
background-repeat:repeat-x;
}
#head_navi li a:hover {
color:#000;
text-decoration:none;
background:#ccc;
background:url(../../img/common/headnavi_bg_on.png);
background-repeat:repeat-x;
}
/* ---- END ---- */

#header { overflow:hidden;}
#head_box {
margin-bottom:7px;
overflow:hidden;
background:#fc3838;
border-radius: 10px;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border:none;
margin-top: auto;
margin-right: auto;
margin-left: auto;
}
#Head_L {
overflow: auto;
text-align: center;
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
}
#Head_L img {
margin-bottom: 10px;
}
#Head_L img.syozai {
background-position:center bottom;
background-repeat:no-repeat;
background-image: url(../../img/common/syozai.png);
}
#Head_R {
background:#fff;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border:none;
margin-right: 14px;
margin-bottom: 15px;
margin-left: 14px;
overflow: auto;
text-align: center;
padding: 6px;
}
#Head_R img{
margin-bottom:10px;
}
/* global navi
----------------------------------------------- */
#g-menu {
    width: 920px;
    margin: 0 auto 7px;
overflow:hidden;
}

#g-menu #navi1 a{ background-image:url(../../img/common/g-navi_01.png); width: 112px;}
#g-menu #navi2 a{ background-image:url(../../img/common/g-navi_02.png); width: 112px;}
#g-menu #navi3 a{ background-image:url(../../img/common/g-navi_03.png); width: 111px;}
#g-menu #navi4 a{ background-image:url(../../img/common/g-navi_04.png); width: 112px;}
#g-menu #navi5 a{ background-image:url(../../img/common/g-navi_05.png); width: 111px;}
#g-menu #navi6 a{ background-image:url(../../img/common/g-navi_06.png); width: 111px;}
#g-menu #navi7 a{ background-image:url(../../img/common/g-navi_07.png); width: 112px;}
#g-menu #navi8 a{ background-image:url(../../img/common/g-navi_08.png); width: 111px;}

#g-menu ul {
    margin: 0;
    padding: 0;
}
#g-menu li {
    list-style-type: none;
    float: left;
padding-right: 4px;
}
#g-menu li.naviEnd { padding-right:0;}
#g-menu li a {
    display: block;
    height: 38px;
    text-indent: -9999px;
    overflow: hidden; 
}
#g-menu li a:hover { background-position: 0 -38px;}


/* contents
----------------------------------------------- */
#container {
clear:both;
overflow: hidden;
width:auto;
margin: 0 auto;
}


/* -- pankuzu -- */
#navigation {
clear:both;
color:#666;
font-size:12px;
padding: 4px 2px 8px;
}
#navigation a { text-decoration:none; color: #333;}
#navigation a:hover { color:#000; text-decoration: underline; }
#navigation strong { color: #666;}



/* footer
----------------------------------------------- */
#footer {
clear: both;
text-align:center;
line-height:1.4;
margin-top: 20px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#toiawase_box {
margin-top: 10px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}
#toiawase_box img{
margin-bottom:20px;
}
.foot_img img{
width:100%;
margin:0 auto;
}
#footer h5 { color:#fc3838; font-size:1.3em; font-weight:normal; margin-bottom:7px;}

/* ----- foot_navi ----- */
#foot_navi {
border-bottom: dashed 2px #f64769;
border-top: dashed 2px #f64769;
margin-top: 0;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
padding-top: 18px;
padding-right: 0;
padding-bottom: 18px;
padding-left: 0;
line-height: 160%;
}
#foot_navi ul { margin:0; padding:0;}
#foot_navi li {
display:inline;
list-style: none;
border-right: solid 1px #aaa;
margin-right: 4px;
padding-right: 9px;
}
#foot_navi li#first {
border-left: solid 1px #aaa;
padding-left: 9px;
}
#foot_navi li a { text-decoration: none; color:#000;}
#foot_navi li a:hover { text-decoration: none; background:#FF0; color:#000;}

/* ----- copyright ----- */
p#copyright { font-size:0.94em; padding:16px 0 20px;}


/* ---- pegetop ---- */
#page-top {
position: fixed;
bottom: 0px;
right: 20px;
}


/* -- clearfix -- */
.clearfix {
    zoom: 1;/* for IE 5.5-7 */
}
.clearfix:after {
    content: " ";
    display: block;
    visibility: hidden;
    height: 0.1px;
    clear: both;
    font-size: 0.1;
    line-height: 0;
}
* html .clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
}

.ninja_onebutton_blog {
text-align: center;
margin-top: 20px;
border: 1px solid #E0E0E0;
margin-right: 10px;
margin-left: 10px;
padding-top: 15px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 15px;
}
#network {
width: 100%;
text-align: left;
margin-right: auto;
background-image: url(/app/webroot/theme/tomari/img/common/map.png);
background-repeat: no-repeat;
background-position: bottom center;
overflow: auto;
margin-bottom: 30px;
margin-left: auto;
margin-top: 30px;
padding-bottom:150px;
}
#network_box {
width: 320px;
overflow: auto;
}
#network_box_right {
width: 320px;
overflow: auto;
}
.network_line_t {
padding-top: 12px;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 10px;
background-color: #B3E2ED;
overflow: auto;
font-weight: bold;
color: #2AA3C0;
text-align: center;
font-size: 14px;
margin-bottom: 8px;
}
.network_line_m {
padding-top: 12px;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 10px;
background-color: #E7F6F9;
overflow: auto;
font-weight: bold;
color: #787878;
text-align: center;
font-size: 12px;
margin-bottom: 8px;
}
.network_line1 {
overflow: auto;
padding: 5px;
}
.network_line2 {
background-color: #FDF2F4;
overflow: auto;
padding: 5px;
}
.network_line_left {
padding-top: 0px;
padding-right: 0px;
padding-left: 10px;
padding-bottom: 0px;
}
.network_line_right {
padding: 0px;
text-align: left;
width: 225px;
}