﻿body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: normal;
	background-image:url(images/common/bk_upper.png);
	background-repeat:repeat;
}

/*電話番号リンク色設定 */
.tel a:link{
	color:#000066;
	text-decoration:none;
}
.tel a:hover{
	color:#093;
	text-decoration:none;
}
/*↓サブのナビ↓*/
.menu ul{
	margin:0 20px;
	padding:0;
}
.menu li {
	list-style-type: none;
	float:right;
}
.menu li a {
	display:block;
	width:100px;
	line-height:15px;
	border:solid 1px #aaaaaa;
	color:#333;
	text-align:center;
	text-decoration:none;
	margin-right:10px;
	font-size:10px;
}
.menu li.first{
	border-left: none;
}
.menu li a:hover{background-color:#093;color:#FFF;}

/*↓検索ボックス↓*/
#search p{margin:0;}
#search #text{
	width:200px;
	padding:4px 10px;
	font-size:12px;
	line-height:1;
	border:1;
	outline:1;
	background:none;
	background-image:none;
}
#search #submit{
	width:50px;
	padding:4px;
	font-size:14px;
	line-height:1;
	border:1;
	outline:none;
	background:none;
	background-image:url(images/common/ill_kensaku.png)
	background-repeat:no-repeat;
	margin-left:4px;
	vertical-align::top;
}
#search #submit:hover{background-position:0 -32px;}
img{
	vertical-align: bottom;
}
/*↓ヘッダー問合せ電話マーク回り込み指定↓*/
.imgleft{
	float:left;
	margin-right:0;
	margin-bottom:5px;
}
/*↓全体ハコ設定↓*/
#container {
	width: 964px;
	margin:auto;
	background-color:#FFF;
}
#container2 {
	margin:auto;
	background-color:#FFF;
}
#head{
	width:964px;
	margin-left:auto;
	margin-right:auto;
}
#head h1{
	margin:0;
}
#head p{
	margin: 0px;
	margin-top: 5px;
	text-align: left;
}

/*↓メイン写真／トピック／お知らせ↓*/
#wrapper{
	padding:0 30px;
	background-color:#FFF;
	overflow:hidden;
	width:904px;
}

/*↓カレンダー部分カラム↓*/
#mainbox{
	width:904px;
	margin:30px 0;
    background-color:#EDF5FB;
}
#mainbox mainboxcalender{
	width:407px;
	float:left;
	margin:30px　0;
}
#mainbox mainboxlist{
	width:407px;
	float:right;
	margin:30px　0;
}
/*↓トピックお知らせカラム↓*/
#content{
	width:510px;
	float:right;
	margin:30px 0;
}
#sidebox{
	width:334px;
	float:left;
	margin:30px 0;
}
/*↓トピックテキストに関する設定等↓*/
.posttopi{
	width:510px;
}
.posttopi_inner{
	padding:0;
	border:solid 1px #666;
}
.posttopi h3 {
	margin:0;
	margin-bottom:0;
}
.posttopitxt{
	font-size:0.875em;
	line-heght:2;
	padding:10px;
}
.posttopitxt p{
	margin:0;
	margin-bottom:20px;
}
/*↓ニューステキストに関する設定等↓*/
.postnews{
	width:334px;
}
.postnews_inner{
	padding:0;
	border:solid 3px #666;
	background-image:url(images/top/logo_news.png);
	background-repeat:no-repeat;
	background-position:center;
}
.postnews h4 {
	margin:0;
	margin-bottom:0;
}
.postnewstxt{
	font-size:0.875em;
	line-heght:2;
	padding:10px;
}
.postnewstxt p{
	margin:0;
	margin-bottom:20px;
}

/*↓フッター↓*/
#footer{
	width: auto;
	background-color: #036;
	clear: both;
}
#footer inner{
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}
#footer p {
	color:#FFF;
	font-size:10px;
	margin:0;
	text-align:center;
}
#footer {
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
}
#container #head table tr th p strong {
	font-family: Arial Black, Gadget, sans-serif;
}
#container #head table tr th p strong {
	font-family: Verdana, Geneva, sans-serif;
}
#container #head table tr th p strong {
	font-family: Georgia, Times New Roman, Times, serif;
}
#container #head table tr th p strong {
	font-family: Courier New, Courier, monospace;
}
#container #head table tr th p strong {
	font-family: Tahoma, Geneva, sans-serif;
}
#container #head table tr th p strong {
	font-family: Arial Black, Gadget, sans-serif;
}
#container #head table tr th p strong {
	color: #003366;
}
#container #wrapper #mainbox #mainboxlist div strong {
	color: #333333;
}
#container #wrapper #mainbox #mainboxlist div strong {
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
}
/*↓フッターメニューライン↓*/
.footmenu{
	text-align:center
}
.footmenu li a{
	font-size:0.75em;
	color:#333;
	text-decoration:none;
}
.footmenu li a:hover{color:#093;}
.footmenu li {
	display:inline;
	list-style-type:none;
	border-right:solid 1px #aaaaaa;
	padding-left:10px;
	padding-right:10px;
}
.footmenu li.first{
	border-left:solid 1px #aaaaaa;
}
.footmenu ul{
	margin:0;
	padding:0;
}

/* 見出し（下位ページ共通） */
.tnmainpost{
	width:824px;
}
.tnmainpost h1{
	margin:0;
	background-image:url(../images/access/mrk_blue.png);
	background-repeat:no-repeat;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:30px;
	margin-bottom:15px;
}

/* ヘッダーボタン */
.container_box {
    overflow: hidden;
		padding-left: 36px;
}
.container_box:before,
.container_box:after {  /* clearfix */
    content: "";
    display: table;
}
.container_box:after {
    clear: both;
}
.container_box {  /* For IE 6/7 (trigger hasLayout) */
    zoom: 1;
}
.button_icon {
    font-size: 28pt;
    width: 48px;
    height: 48px;
    display: block;
    float: left;
    margin: 0px 7px;
    text-decoration: none;
    color: #094C83;
    background: #ffffff;
    line-height: 48px;
    border-radius: 5px;
    box-shadow: 1px 2px 4px #999999;
}
.button_icon:active{
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow:none;
}

/* ヘッダーボタンの説明 */
.icon_description {
	padding: 0px;
	margin: 0px;
}
.description{
	display: none;
	width: 210px;
	position: absolute;
	top: 0px;
	padding: 15px 12px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #094C83;
	color: #ffffff;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 0px;
}
.description:after {
	/* position: absolute;
	width: 0;
	height: 0;
	left: 30px;
	bottom: -20px;
	border: solid 10px transparent;
	border-color: rgba(1, 153, 153, 0);
	border-top-color: #094C83;
	pointer-events: none;
	content: ""; */
}
.button_icon:hover + .description{
	display: block;
}

.button_mypage_icon {
    font-size: 14pt;
    width: 148px;
    height: 48px;
    display: block;
    float: left;
    margin: 0px 7px;
    text-decoration: none;
    color: #094C83;
    background: #ffffff;
    line-height: 48px;
    border-radius: 5px;
    box-shadow: 1px 2px 4px #999999;
}

/* ヘッダーメニュー */
/* 改行のクラス */
/* .return:before {
	content: "\A";
	white-space: pre;
} */

#nav_top {
	width: 100%;
	margin: 0px 0px 1px;
	padding: 0px;
  list-style: none;
	overflow: hidden;
}
#nav_top li {
  text-align: center;
	background-color: #094c83;
	float: left;
  line-height: 21px;
  margin-right: 1px;
	border-bottom: solid 2px #000066;
	border-right: solid 1px #000066;
	border-radius: 3px;
}
#nav_top li:hover {
	background-color: #0a3457;
	border-bottom: solid 2px #000033;
	border-right: solid 1px #000033;
}
#nav_top li a {
  text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	padding: 8px;
	display: block;
}
#nav_top li a span {
  color: #ffffff;
  font-weight:lighter;
	font-size: 12px;
}

#nav_bottom {
	width: 100%;
	margin: 0px 0px 1px;
	padding: 0px;
  list-style: none;
	overflow: hidden;
}
#nav_bottom li {
  text-align: center;
	background-color: #fffad5;
	float: left;
  line-height: 21px;
  margin-right: 1px;
	border-bottom: solid 2px #ffdd00;
	border-right: solid 1px #ffdd00;
	border-radius: 3px;
}
#nav_bottom li:hover {
	background-color: #ffd34e;
	border-bottom: solid 2px #ffbf00;
	border-right: solid 1px #ffbf00;
}
#nav_bottom li a {
  text-decoration: none;
	font-weight: bold;
	color: #094c83;
	padding: 8px;
	display: block;
}
#nav_bottom li a span {
  color: #094c83;
  font-weight:lighter;
	font-size: 12px;
}

/* お知らせ */
.bar_news {
	width: 440px;
	position:relative;
	margin: 0px;
	padding: 5px;
	font-size: 1.2em;
	color: #ffffff;
	background-color: #ffcc00;
/* 	border-top: solid 3px #ffbf00; */
/* 	border-bottom: solid 3px #ffbf00; */
}
.button_news {
	display: inline-block;
	position: absolute;
	top: 2px;
	right: 14px;
	text-decoration: none;
	font-family: "Font Awesome 5 Free";
	font-size: 0.8em;
	width: 100px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: #ff7f00;
	background-color: #fff1e5;
	border-bottom: solid 2px #ff7f00;
	border-right: solid 1px #ff7f00;
	border-radius: 26px;
}
.button_news:hover {
    color: #ffffff;
    background-color: #ffcc00;
	border-bottom: solid 2px #ff7f00;
	border-right: solid 1px #ff7f00;
	border-radius: 26px;
}

/* トピックス */
.bar_topics {
	width: 500px;
	position:relative;
	margin: 0px;
	padding: 5px;
	font-size: 1.2em;
	color: #ffffff;
	background-color: #ff9966;
/* 	border-top: solid 3px #ffbf00; */
/* 	border-bottom: solid 3px #ffbf00; */
}
.button_topics {
	display: inline-block;
	position: absolute;
	top: 2px;
	right: 14px;
	text-decoration: none;
	font-family: "Font Awesome 5 Free";
	font-size: 0.8em;
	width: 100px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: #ff7f00;
	background-color: #fff1e5;
	border-bottom: solid 2px #ff7f00;
	border-right: solid 1px #ff7f00;
	border-radius: 26px;
}
.button_topics:hover {
    color: #ffffff;
    background-color: #ff9966;
	border-bottom: solid 2px #ff7f00;
	border-right: solid 1px #ff7f00;
	border-radius: 26px;
}

/* 各種事業案内 */
.bar_business {
	width: 964px;
	position:relative;
	margin: 0px;
	padding: 5px;
	font-size: 1.4em;
	color: #ffffff;
	background-color: #009966;
	border-top: solid 3px #009966;
	border-bottom: solid 3px #009966;
}

.bar_business_sub {
  position: relative;
  padding: .25em 0 .25em 2em;
  margin-bottom: 0.2em;
  font-size: 1.2em;
  background-image:url(../images/access/mrk_blue.png);
  background-repeat:no-repeat;
}

.bar_business_sub_line {
  padding: 0.2em;
  margin-bottom: 0.2em;
  font-size: 1.2em;
  background: linear-gradient(transparent 70%, #fff100 70%);
}

.button_search{
  width: 225px;
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  transition: 0.2s;
  text-align: center;
  border-radius: 7px;
  border: none;
  font-size: 1.4em;
  font-weight: bold;
  color: #ffffff;
  background: #6699ff;
  overflow: visible;
}
.button_search:after{
}
.button_search:hover {
    color: #ffffff;
    background: #3366cc;
}
.button_search:hover:after {
    border: 2px solid #3366cc;
}

.box_business {
  padding: 1.0em 0.5em 1.0em 0.5em;
}
