/* IMPORT RESET */
@import url("reset.css");

/* IMPORT 12 COLUMN RESPONSIVE GS */
@import url("responsive.gs.12col.css");
body {
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
	font-size:14px;
	color:#6c6c6c;
}
p {
	line-height:160%;
	letter-spacing:1px;
}
a {
	font-size:14px;
	color:#6c6c6c;
	text-decoration:none;
}
a:hover {
	border-bottom:none;
}
.container {
	max-width: 980px;
	margin: 0 auto;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
#header {
	padding-top:20px;
	text-align:right;
	overflow:hidden;
}
#logo {
	float:left;
}
#main {
	overflow:hidden;
	clear:both;
}
#side img {
	margin:0 0 11px 0;
	vertical-align:bottom;
}
#footer {
	padding-top:30px;
	background: #f7f7f7;
	overflow:hidden;
	clear:both;
}
#footer li {
	float:left;
	background: url(../img/ico03.jpg) no-repeat 0 4px;
	margin:0 13px 15px 0;
	padding:0 0 0 15px;
}
#footer li a:hover {
	color:#016bcf;
	text-decoration:underline;
}
#footer-in {
	margin:0 auto;
}
#under-menu {
	margin-left:112px;
	margin-bottom:30px;
	overflow:hidden;
}
#footer p {
	clear:both;
	margin:0 0 15px 0;
	text-align:center;
}
.span_main {
	width:700px;
	float:left;
}
.span_main p {
	margin-bottom:20px;
}
.span_main h1 {
	border-bottom:#0d91f5 solid 2px;
	margin-bottom:25px;
}
.span_main h1 img {
	margin-bottom:3px;
}
#more {
	margin-bottom:25px;
	text-align:right;
}
#more a {
	color:#016bcf;
	font-weight:normal;
	text-decoration:underline;
}
#more a:hover {
	text-decoration:none;
}
#more img {
	margin-right:5px;
}
.span_side {
	width:260px;
	float:right;
	margin-bottom:45px;
}
.search-container {
	height:27px;
	float:right;
	margin-top:32px;
	width:200px;
}
#right {
	float:right;
}
#tel {
	float: right;
	width: 300px;
	margin: 0px;
	padding: 0px;

}

#nav {
	margin-top: 7px;
	float: left;
}
#nav a {
	font-size:11px;
	margin:0 15px 0 5px;
	color:#0163be;
	letter-spacing:-1px;
	border-bottom:none;
}
#nav a:hover {
	border-bottom:solid 1px #008EF0;
}
header #nav img {
	margin-bottom:-3px;
}
/* -----------検索-----------  */

#gsc {
	overflow: hidden;
	width: 200px;
	float: right;
	padding-top: 4px;
	text-align: right;
}
#gsc .gsc-control-cse, #gsc .gsc-control-cse-ja, #gsc .gsib_a {
	margin:0 !important;
	padding:0 !important;
}
/* テキスト入力フォームとボタンの位置 */
#gsc table.gsc-search-box td, #gsc table.gsc-search-box input {
	vertical-align: top !important;
	padding-right:0 !important;
	margin:0 !important;

}
#gsc .gsc-input { 


}


/* テキスト入力フォーム */
#gsc input[type="text"] {
	border: 1px solid #dddddd !important;
	height:25px !important;
	background:5px 0 !important;
	-webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(000, 000, 000, 0.7) 0 1px 1px;
	-moz-box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(000, 000, 000, 0.7) 0 1px 1px;
	box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(000, 000, 000, 0.7) 0 1px 1px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	padding:0 8px 0 8px !important;
}
#gsc input[type="text"]:focus { 

	padding:0 8px 0 8px !important;
	outline: 0;  /*safariの自動フォーカスを切る */


}
/* テキスト入力フォームの影 */
#gsc #gsc-iw-id1 {
	border:none !important;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	border-color:#FFF !important;

	box-shadow:0 0 0 0 !important;
}

#gsc-iw-id1 tr {	border:0 !important;}

/* テキスト入力フォームの背景画像位置調整 */
#gsc #gs_tti0 input {
	background-position:5px 5px !important;
}
/* ボタンの色 */
#gsc input.gsc-search-button {
	background: url(../img/search.gif) no-repeat 100% 2px !important;
	background: -ms-linear-gradient(top, #008ee1 0%, #008ee1 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ee1', endColorstr='#008ee1', GradientType=0 ); /* IE6-9 */
	border: 0 !important;
	height:25px !important;
	width:25px !important;
	margin-left:10px !important;
}
.gsc-search-button {
	height:25px !important;
	width:25px !important;
}



/* ボタンの位置調整と角丸消し */
#gsc .gsc-search-button {
	margin:0 0 0 -16px !important;
	border-radius:0;
}
/* 入力時に出る「×」ボタンの位置調整 */
#gsc .gsib_b a {
	position:absolute;
	top:3px;
	left:185px;
}
/* 入力時に出る×ボタン -- Firefox位置調整 -- */
#gsc .gsib_b span {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding:2px 0 0 0;
}
/*スマホ用メニュー*/

#menu-box {
	clear:both;
}
#menu {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	padding: 0;
}
#menu li {
	display: block;
	float: left;
	width: 140px;
	height:41px;
	margin: 0;
	padding: 0;
}
#menu li a, #menu li {
	display: block;
	text-decoration: none;
	color:#FFF;
	text-align:center;
	font-size:11.5px;
	font-weight:bold;
	height:41px;
	line-height:41px;
	letter-spacing:1px;
	background:url(../img/menu.jpg) no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
#menu li:last-child a {
	border: none;
}
#menu li a:hover {
	background:url(../img/menu-on.jpg) no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}


#toggle {
	display: none;
}
.last a {
	border-right:solid #283e93 1px;
}
#link img {
	margin:3.5px 7px 0 0;
}
.last {
	margin-right:0;
}
#news a {
	border-bottom:solid 1px #016AD2;
}
#news a:hover {
	border:none;
}

/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
#menu li {
width: 25%;
}
}

 
/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
#menu, #menu li img {
display: none;
}
#menu li {
width: 100%;
background: #008DF4;
}
#toggle {
display: block;
position: relative;
width: 100%;
background: #008DF4;
}
#toggle a {
display: block;
position: relative;
padding: 15px 0 15px;
border-bottom: 1px solid #4baacb;
color:#FFF;
text-align: center;
text-decoration: none;
font-size:0.9em;
}
#toggle:before {
display: block;
content: "";
position: absolute;
top: 50%;
left: 90%;
width: 30px;
height: 30px;
margin-top: -15px;
background: #FFF;
}
#toggle a:before, #toggle a:after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 90%;
width: 30px;
height: 6px;
background: #008DF4;
}
#toggle a:before {
margin-top:-9px;
}
#toggle a:after {
margin-top: 3px;
}
 #menu li a, #menu li, #menu li a:hover, #menu li:hover {
background:#008DF4;
border-bottom: 1px solid #4baacb;
}
 #header {
 padding-top:0;
}

}

.rss-box-news_rss { margin-bottom:5px;}
.rss-item { margin:0 10px 0 0;}

.side_box { width:259px; width:325px;}










/*---Pop Up---*/
.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  max-width: 600px;
  padding: 15px;
  background-color: #fff;
  z-index: 2;
}
.popup-inner img {
  width: 100%;
}
.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.close-btn i {
  font-size: 20px;
  color: #333;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.6);
  z-index: 1;
  cursor: pointer;
}

button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}