/* 設定
   ========================================================================== */
body { background: url(../images/bg.jpg) #fff;}
#header { border-top: 5px solid #131E2B;}

a{color: #0099cc; text-decoration: none;}
a:hover{text-decoration: none; color:#29caff;}
a:visited { colod: #00698E;}

#navigation { background: url(../images/bg_nav.png) #26384A;}
#main-menu a { color: #fff;}
#main-menu a:hover, #main-menu a:active { text-decoration: none; color: #99FFFF;
background: #1E262F;}
#main-menu a:visited { colod: #d7d7d7;}

.imgkazari { border-radius: 4px; box-shadow: 2px 2px 4px rgba(20,20,20,0.4);}

/* フォント
   ========================================================================== */
body, h3, h4, h5, h6 {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","MeiryoKe_Gothic","MeiryoKe_PGothic","ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;
}
.mincyo { font-family: Georgia, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;}

.top-bar ul li a {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","MeiryoKe_Gothic","MeiryoKe_PGothic","ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;
	}
h1,h2,h3,h4,h5 { font-weight: bold;}
h1 { font-size: 1.7rem;}
h2 { font-size: 1.4rem;}
h3 { font-size: 1.2rem;}
h4 { font-size: 1.2rem;}
h5 { font-size: 1.1rem;}
h6 { font-size: 1.05rem;}
#sidebar h3 { font-size: 1rem; font-weight: normal;}
#main-menu, p { font-size: 90%;}

/* 見出し
   ========================================================================== */
.h1line { background: url(../images/h2_line.png) no-repeat right bottom;
 color: #131E2B; padding: 0.8rem 0;}
.h2kon { background: url(../images/h2_kon.png) repeat-y left top;
 color: #fff; padding: 0.4rem 1rem; border-radius: 4px;}
.midashi { background: url("../images/midashi_bg.png") no-repeat left bottom; min-height: 130px; padding: 50px 50px 0px;}
.h3gray { background: #B8C1CC; color: #555; padding: 0.2rem 0.8rem 0.1rem; border-radius: 4px;}
.h3side { background: #8898AA; color: #fff; padding: 0.3rem 0.5rem;
/*	background: url(../images/h3_side.png); */}

/* foundation 設定
   ========================================================================== */
.top-bar, .top-bar ul { background: none;}
.top-bar ul ul li { background: #26384A; }
.top-bar ul ul li:hover { background: #3E5A77; }
.is-dropdown-submenu {border: 1px solid #2F4152;}
.menu > li > a { padding: 0.7rem;}
li.nav-home a { padding: 0.4rem;}

/* 構造系
============================================================================= */
#wrap { margin-bottom: 3rem;}
.row .row { margin-left: 0; margin-right: 0;}
.primary { padding: 1rem; margin-bottom: 1rem; overflow: hidden;}
.primary p:last-child { margin: 0;}
#footer { background: #253A54; min-height: 3rem; padding: 2rem;}
#copy { background: #131e2b;}

/* コンテンツ
   ========================================================================== */
#header-inner { position: relative;}
#header-tel { min-width: 150px; padding: 0.7rem 1.5rem; background: url(../images/bg_dot_gray.png); border-radius: 8px;}
#header-tel p { margin: 0;}


/* others
============================================================================= */
.ohf { overflow: hidden; }
.bold {font-weight: bold;}
.clear { clear: both;}

.fs70 { font-size: 0.7rem;}
.fs75 { font-size: 0.75rem;}
.fs80 { font-size: 0.8rem;}
.fs85 { font-size: 0.85rem;}
.fs90 { font-size: 0.9rem;}
.fs100 { font-size: 1.0rem;}
.fs110 { font-size: 1.1rem;}
.fs120 { font-size: 1.2rem;}
.fs130 { font-size: 1.3rem;}
.fs140 { font-size: 1.4rem;}
.fs150 { font-size: 1.5rem;}
.fs160 { font-size: 1.6rem;}
.fs180 { font-size: 1.8rem;}
.fs200 { font-size: 2.0rem;}

.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt50 { margin-top: 50px !important;}
.mb0 { margin-bottom: 0px !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.ml0 { margin-left: 0 !important;}
.ml5 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml30 { margin-left: 30px !important;}
.ml40 { margin-left: 40px !important;}
.ml50 { margin-left: 50px !important;}
.mr10 { margin-right: 10px !important;}
.mr20 { margin-right: 20px !important;}
.mr30 { margin-right: 30px !important;}
.mr40 { margin-right: 40px !important;}
.mr50 { margin-right: 50px !important;}
.mall0 { margin: 0 !important;}
.pall1rem { padding: 1rem;}

.bgwhite { background: #fff;}
.bgnone { background: none;}

.colorwhite { color: #fff;}
.colorgray { color: #888;}
.color555 { color: #555;}
.colorblack { color: #000;}

.kadomaru02 { border-radius: 0.2rem;}
.kadomaru04 { border-radius: 0.4rem;}
.kadomaru05 { border-radius: 0.5rem;}


   /* Small only */
   @media screen and (max-width: 39.9375em) {
		 h1 { margin: 25px auto; width: 280px;}
	   #header { height: auto;}
   }
   /* Medium and up */
   @media screen and (min-width: 40em) {
		 h1 { margin: 35px 0; width: 280px;}
		 #header-tel { position: absolute; top: 40px; right: 20px;}
		 #header-inner { background: url(../images/bg_headerpoint.png) no-repeat center bottom;}
   }

   /* Medium only */
   @media screen and (min-width: 40em) and (max-width: 63.9375em) {}

   /* Large and up */
   @media screen and (min-width: 64em) {}

   /* Large only */
   @media screen and (min-width: 64em) and (max-width: 74.9375em) {}