@charset "utf-8";

/* ------------------------------------------------------
 layout.css
 （レイアウト用設定）

　目　次
	1.全体リセット
	2.body
	3.独自設定
	5.ヘッダー
	6.コンテナ（コンテンツ＋サイドナビ）
	7.コンテンツ
	9.フッター
------------------------------------------------------ */

/* ------------------------------------------------------
 1.全体リセット
------------------------------------------------------ */
* {
	margin: 0;
	padding: 0;
}
div#header *,div#container *,div#footer * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
}
/* ------------------------------------------------------
 2.body
------------------------------------------------------ */
body {
  -webkit-text-size-adjust: 100%;
	text-align: center;
	line-height: 1.4;
	font-size:90%;
    font-family: Meiryo,'メイリオ','MS Pゴシック',sans-serif;
	word-wrap: break-word;/* 半角のはみ出しを制御 */
	overflow-wrap: break-word;/* 半角のはみ出しを制御 */
}
*clear:both;
/* ------------------------------------------------------
 3.独自設定
------------------------------------------------------ */
/* -------- テキストリンク部分 -------- */
a{
color: #1436ff;
}
a:link {
	color: #0000EE;
}
a:visited {
	color: #551A8B;
}
a:hover,
a:active {
}
/* -------- その他 -------- */
img,
form {
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: bottom;
}
em,
i {
	font-style: italic;
}
strong,
b {
	font-weight: bold;
}
ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
ul li {
	margin: 5px 0 5px 20px;
}
ol {
	padding: 0;
	margin: 0;
}
ol li {
	margin: 5px 0 5px 30px;
}
pre,
blockquote {
	margin: 10px 0;
}
.hide {
	display: none;
	height: 0;
}
h1 {
	font-size:120%;
}
h2 {
	font-size:116%;
}
h3 {
	font-size:112%;
}
h4 {
	font-size:108%;
}
h5 {
	font-size:104%;
}
h6 {
	font-size:100%;
}
ul.arrow-list li {
	position:relative;
}
ul.arrow-list li:before {
      content: "";
      display: block;
      position: absolute;
      top: 2px;
      left: -1em;
      width: 0.7em;
      height: 0.7em;
      border-right: 2px solid #555;
      border-bottom: 2px solid #555;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
}
a:focus {
	outline:solid 2px #24965D;
}
/* ------------------------------------------------------
 5.ヘッダー
------------------------------------------------------ */
#header {
	width: 100%;
	background-image:url(../images/base/header-line.png);
	background-repeat:repeat-x;
	margin-bottom:5px;
	overflow:hidden;
}
#header #header-inner {
	position: relative;
	width: 100%;
	max-width:970px;
	margin:0 auto;
	background-image:url(../images/base/img_kurume.png);
	background-repeat:no-repeat;
	background-position: 0% 0%;
}
/* -------- ロゴベルト（ロゴ） -------- */
#header #logobelt {
	position:relative;
	float:left;
	width:100%;
	max-width:375px;
    padding-top:18px;
	padding-left:164px;
	font-size:80%;
}
#header p#logo {
}
#header p#siteimg {
}
#header p#declaration {
	color:#063;
}
/* -------- トップベルト（） -------- */
#header #topbelt {
	float:right;
	width:100%;
	max-width:560px;
	height:125px;
	font-size:78%;
}
#header #topbelt #utility {
	clear:both;
	height:45px;
	width:100%;
	padding-top: 10px;
}
#header #topbelt #utility ul {
	float:right;
}
#header #topbelt #utility ul li {
	padding:0 0.7em;
	margin:5px;
	float: left;
}
#header #topbelt #utility ul li a {
}
#header #topbelt #translation {
	clear:both;
	margin-top: 10px;
	width:100%;
	height:25px;
}
#header #topbelt #translation ul{
	float:right;
}
#header #topbelt #translation ul li {
	float: left;
	/*margin: 0;*/
	padding-left:5px;
	margin: 0 6px;
}
#header #topbelt #translation ul li a {
	padding: 0;
}
#header #topbelt #translation ul li img {
}

#header #topbelt #search {
	float:right;
	padding:8px 0;
}
/* -------- グローバルナビ -------- */
#header #globalnavibelt {
	clear: both;
	width:100%;
	max-width: 970px;
	height: 50px;
	font-size:90%;
}
#header #globalnavibelt ul#globalnavi-toggle {
	display:none;
	background-color:#6C9;
	padding:5px;
	text-align:left;
}
#header #globalnavibelt ul#globalnavi-toggle li {
	cursor: pointer;
}
#header #globalnavibelt ul#globalnavi {
	width: 100%;
	list-style: none;
	/* MacIE用 */
	/*\*//*/
	display: inline-table;
	/* */
}
#header #globalnavibelt ul#globalnavi:after {
	/*Newブラウザ フロートバグ対策*/
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/* IEバグ（フロート）対策（MacIE5を除く）ここから \*/
* html #header #globalnavibelt ul#globalnavi {
	height: 1%;
}
/* IEバグ対策（MacIE5を除く）ここまで */
#header #globalnavibelt ul {
	width:100%;
	max-width: 970px;
}

#header #globalnavibelt ul#globalnavi li {
	float: left;
	display: block;
	margin: 0;
	min-width:190px;
	margin-left:2px;
	margin-right:2px;
}
#header #globalnavibelt ul#globalnavi li a {
	display: block;
	height:40px;
	background-color:#FFF;
	margin-top:5px;
	padding-top:6px;
	font-size:130%;
	font-weight: bold;
	transition: all .1s ease-out;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	background-image:url(../images/base/bg_gnav_b.png);
	background-position:50% 100%;
	background-repeat:no-repeat;
}

#header #globalnavibelt ul#globalnavi li a:link {
	color: #156266;
	text-decoration:none;
}
#header #globalnavibelt ul#globalnavi li a:visited {
	color: #0D7DA5;
}
#header #globalnavibelt ul#globalnavi li a:hover,
#header #globalnavibelt ul#globalnavi li a:focus,
#header #globalnavibelt ul#globalnavi li a:active {
	background-color:#0d7da5;
	color:#FFF;
	background-image:url(../images/base/bg_gnav_w.png);
	background-position:50% 100%;
	background-repeat:no-repeat;
	text-decoration:none;
}

#header #globalnavibelt ul#globalnavi li#globalnavi-toggle { /*スマホ用メニュータイトル*/
	display:none;
}
.socialbutton {/*ソーシャルボタンエリア*/
	max-width:970px;
    margin: 0 auto;
    text-align: right;
    padding: 0px 15px 0px 0px;
}

/* ------------------------------------------------------
 6.コンテナ（コンテンツ＋サイドナビ）
------------------------------------------------------ */
#container {
	width: 100%;
	clear: left;
}
#container #container-inner {
	max-width:970px;
	margin:0 auto;
}
/* ------------------------------------------------------
 7.コンテンツ
------------------------------------------------------ */
/*コンテンツ内の項目は別ファイルcontent.cssで設定*/
/* -------- トップページ -------- */
/* -------- 下層ページ（サイドナビなし） -------- */
/* ------------------------------------------------------
 9.フッター
------------------------------------------------------ */
#footer {
	width: 100%;
	clear: both;
/*	font-size: 1.16em;
	padding-top:30px;*/
}
#footer #footer-inner {
}
/* ナビゲーション */
#footer #footer-inner #footernavi {
	width:100%;
	background-color:#c8e7f2;
    border-top: 4px solid #0D7DA5;
}
#footer #footer-inner #footernavi #footernavi-inner {
	max-width:970px;
	margin:0 auto;
}
#footer #footer-inner #footernavi #footernavi-inner #footernavi-inner-left {
	float:left;
	width:20%;
	background-image:url(../images/base/footer-logo.png);
	background-repeat:no-repeat;
	background-position:50% 0%;
	height:2.3rem;
}
#footer #footer-inner #footernavi #footernavi-inner #footernavi-inner-right {
	float:right;
	overflow:auto;
	font-size:80%;
}
#footer #footer-inner #footernavi #footernavi-inner #footernavi-inner-right ul {
	float:right;

}
#footer #footer-inner #footernavi #footernavi-inner #footernavi-inner-right li {
	float:left;
	padding: 0 0.8em;
    margin: 5px;
}
#footer #footer-inner #footernavi #footernavi-inner #footernavi-inner-right a {

}
/* メイン */
#footer #footer-inner #footer-main {
	background-color:#0d7da5;
}
#footer #footer-inner #footer-main #footer-main-inner{
	max-width:970px;
	margin:0 auto;
	overflow:hidden;
}
#footer #footer-inner #footer-main #footer-main-inner #footer-title {
	width:20%;
	float:left;
	background-image:url(../images/base/footer-logo.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	height:240px;
}
#footer #footer-inner #footer-main #footer-main-inner #footer-title p {
	text-align:center;
	font-size:120%;
	margin-top:50px;
}
#footer #footer-inner #footer-main #footer-main-inner #addrBox {
     color: #FFF; 
    text-align: left;
    width: 43%;
    float: left;
    padding: 4px;
    margin-top: 5px;
	line-height:1.6;
}
#footer #footer-inner #footer-main #footer-main-inner #addrBox a {
	background-color:#C8E7F2;
	padding:0 4px;
}
#footer #footer-inner #footer-main #footer-main-inner #addrBox-info {
	float:right;
	width:34%;
}
#footer #footer-inner #footer-main #footer-main-inner #addrBox-info p {
	background-color:#FFF;
	margin-right:5px;
	border-radius: 30px;
	height: 4em;
	padding:15px 10px 10px 60px;
	display:block;
	margin:5px 0;
	background-repeat:no-repeat;
	background-position:0% 50%;
	background-size:contain;
	text-align:left;
}
#footer #footer-inner #footer-main #footer-main-inner #addrBox-info p.phone{
	background-image:url(../images/base/phone-icon.png);
	color:#000;
}
#footer #footer-inner #footer-main #footer-main-inner #addrBox-info p.mail{
	background-image:url(../images/base/mail-icon.png);
	color:#000;
}
#footer #footer-inner #footer-main #footer-main-inner #addrBox-info p.faq{
	background-image:url(../images/base/mail-icon.png);
	color:#000;
}
#footer #footer-inner #footer-main #footer-main-inner #addrBox-info p.access{
	background-image:url(../images/base/map-icon.png);
	color:#000;
}
#footer #footer-inner #footer-main #footer-main-inner #addrBox-info p.office{
	background-image:url(../images/base/office-icon.png);
	color:#000;
}
/* コピーライト */
#footer #footer-inner #copyright {
	clear:both;
	background-color:#063343;
}
#footer #footer-inner #copyright p {
	color:#FFF;
}
/* @group .Clearfix */
.Clearfix {
    zoom: 1;
}
.Clearfix:after {
    content: url(../images/base/spacer.gif);
    display: block;
    clear: both;
    height: 0;
}
* html .Clearfix {
    display: inline-block
}
/* Hides from IE-mac \*/
* html .Clearfix {
    height: 1%
}
.Clearfix {
    display: block
}
.Clear {
	clear: both;
}
/* End hide from IE-mac */
/* @end */