@charset "UTF-8";


/* default setup
---------------------------------------------------- */
html { overflow-y:scroll;} /* スクロール表示させる */
html  { font-size: 62.5%; /* sets the base font to 10px for easier math */}
body 	{
	text-align:center;
	font-family: Arial, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	background: url(../images/bg_tape_10.png) repeat-y center top #1d2088;
	margin: 0;
}
body  {
  font-size: 16px;/* IE8用 */
  font-size: 1.6rem;
	line-height: 1.6em;
  color:#fff;
  /* sets the default sizing to make sure nothing is actually 10px */
}

/* reset
---------------------------------------------------- */
 見出しタグ
h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0px;}

/* ボーダーを余白にふくめる */
h1, h2, h3, h4, h5, h6,
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary,
div, span,
p,
ul, ol, li,
dl, dt, dd,
table, tr, th, td,
a, img,
*:after, *:before { box-sizing: border-box;}
/* テキスト */
p,
li,
dl,
table { line-break: strict; word-break: break-strict; word-wrap: break-word; margin-top: 0px; margin-bottom: 0px; }
/* テーブルの中での改行 */
tr { word-break: break-all; }
/* 折り返し禁止 */
.nw { white-space: nowrap;}
/* 画像のあいだの余白を消す */
img { vertical-align: bottom; max-width: 100%;}
/* リンクの文字とスタイル  */
a:link, a:visited {color: #2d68b5; text-decoration:underline;} 
a:hover, a:active {color: #00b079; text-decoration:underline;}
a:focus{ outline:none;}
/* ドラッグして選択したときの文字色と文字の背景色*/
::selection { background: #0165ab; color: #ffffff; }
::-moz-selection { background: #0165ab; color: #ffffff;}
/* フォーム */
textarea { overflow: auto; vertical-align: top; resize: vertical;}
select option { padding: 0px 5px;}
form label { cursor: pointer;}
input:placeholder { color: #999;}
input:-ms-input-placeholder { color: #999;}
/* テーブル */
table { border-collapse: collapse; border-spacing: 0;}
/* リストタグ */
ul, ol { margin: 0px; padding: 0px; list-style-type: none;}
dd { margin-left: 0;}
/* clearfix */
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
div {
  transition: width 1s ease-in-out 0.01s;
}

/* header nav
---------------------------------------------------- */
.header_nav {
	-webkit-display: flex;
	-ms-display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-align-content: stretch;
	-ms-align-content: stretch;
	align-content: stretch;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	transition: all .2s ease;
	z-index:100;
	position: fixed;
	top: 0;
	left:0;
	height:50px;
}
.header_nav {
	text-align:center;
	background:#000;
}
.header_nav ul {
	width:100%;
	display:table;
	table-layout:fixed;
}
.header_nav ul li {
	display:table-cell;
	vertical-align:middle;
	border-right:1px solid #fff;
	line-height:1.4;
}
.header_nav ul li:last-child { border-right:none;}
.header_nav ul li a {
	font-size:80%;
	padding:8px;
	color:#fff;
	display:inline-block;
	text-decoration:none;
	cursor:pointer;
}
.header_nav ul li a i { font-size:20px;}
.header_nav a:link {color:#fff;}

/* 出てくるメニュー
----------------------------------------------------------*/
#category_list {
	display:none;
	width:100%;
 	position: fixed;
	z-index:999;
	top: 50px;
	left: 0px;
}
#category_list ul { background:#ccc; overflow:hidden;}
#category_list li { border-bottom:#ccc solid 1px; text-align:center; border-bottom:#fff solid 1px; text-align:center;line-height:1.4;}
#category_list li span { display:block; font-size: 14px; font-size: 1.4rem;}
#category_list a { display:block; width:100%; height:100%; text-decoration:none; padding:10px; color:#003366;}
.list_close {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	background:#333;
	text-align:right;
	padding:10px 15px;
	cursor:pointer;
	font-size: 0.8em;
	color:#fff;
}

/* header
---------------------------------------------------- */
header { padding-top: 50px;}
header h1 img { width: 80%; height: auto;}

/* footer
---------------------------------------------------- */
.f_contact {
	background: url(../images/f_contact_img01.jpg) no-repeat left top #fff;
	padding: 20px 10px;
	color: #333;
}
.f_contact dt { font-size: 20px; font-size: 2rem; color: #ffa800; font-weight: bold; padding-bottom: 10px;}
.f_contact dd { padding-bottom: 10px;}
.f_contact li { font-size: 34px; font-size: 3.4rem;}
.f_contact li em { font-style: normal; font-size: 20px; font-size: 2rem;}
.f_contact li:last-child { margin-top: 10px;}
.tel a { color: #333; text-decoration: none;}

.f_menu { width: 100%;}
.f_menu ul { background:#ccc;}
.f_menu li {border-bottom:1px solid #fff;}
.f_menu li:last-child { border-bottom:none;}
.f_menu ul li span { font-size: 14px; font-size: 1.4rem; margin-left:10px;}
.f_menu ul li a { text-decoration: none; padding:5px; display:block;}

.f_logo { border-top: #000 solid 1px; padding: 15px 0;}
.f_logo > .unit01 > p { padding-top:10px;}

/* page-top
---------------------------------------------------- */
#pagetop { position: fixed; bottom:10px; right: 10px;}

/* extension
---------------------------------------------------- */
/* text-align */
.align_l { text-align:left;}
.align_c { text-align:center;}
.align_r { text-align:right;}

/* float */
.f_left { float:left; margin-right:40px;}
.f_right { float:right; margin-left:40px;}

/* font-color */
.attention { color:#ff2929;}/*red*/
.notice { color:#ffa800;}/*orange*/
.hits { display:inline-block; margin-right:5px; color:#ff2929; font-weight:bold;}/* number of hits */

/* font-size */
.small { font-size:12px; font-size:1.2rem;}
.medium { font-size:14px; font-size:1.4rem;}
.medium { font-size:14px; font-size:1.4rem;}
.xlarge { font-size:18px; font-size:1.8rem; line-height: 1.8;}
.xxlarge { font-size:24px; font-size:2.4rem; line-height: 1.4;}

/* image size */
img.img100 { width: 100%; height: auto;}
img.img80 { width: 80%; height: auto;}
img.img50 { width: 50%; height: auto;}
img.img30 { width: 30%; height: auto;}

/* font weight */
.font_n { font-weight:normal;}
.font_b { font-weight:bold;}

/*margin */
.ma_b0 { margin-bottom:0;}
.ma_b15 { margin-bottom:15px;}
.ma_b20 { margin-bottom:20px;}
.ma_b30 { margin-bottom:30px;}
.ma_b40 { margin-bottom:40px;}
.ma_b86 { margin-bottom:86px;}
.ma_t10 { margin-top:10px;}
.ma_t20 { margin-top:20px;}
.ma_t40 { margin-top:40px;}

.pa_t65 { padding-top: 65px;}
.pa_b80 { padding-bottom:80px;}

/* hover */
.imglink a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-moz-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}

/* list style */
.list_disc { list-style-type:disc; list-style-position:inside;}


/* indent 二行目以降を1字下げる*/
.att {
  padding-left: 1em;
  text-indent: -1em;
}

/* button */
a.btn {
	display: inline-block;
	padding:5px 0 3px;
	width: 100%;
	background:#000;
	border-radius:3px;font-size: 1.4rem;
	color:#fff;
	font-size: 14px;
	text-decoration:none;
	transition-property: all;
	transition: 0.3s linear;
}
a.btn:hover {
	background:#1992b9;
	cursor:pointer;
}

a.btn02 {
	display: inline-block;
	padding:5px 20px 3px;
	width: 100%;
	background:#000;
	border-radius:3px;font-size: 1.4rem;
	color:#fff;
	font-size: 14px;
	
	text-decoration:none;
	transition-property: all;
	transition: 0.3s linear;
}
a.btn02:hover {
	background:#1992b9;
	cursor:pointer;
}

.pagetitle { background: url(../images/bg_pegetitle.jpg) no-repeat center top #10114a; padding: 20px 0 10px;}
.pagetitle h2 {
	text-align: center;
	vertical-align: middle;
	font-size: 30px;
	font-size: 3rem;
	color: #fff;
}
.pagetitle h2 span {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	padding-top: 5px;
}

.title01 {
	font-size: 2.4px;
	font-size: 2.4rem;
	line-height: 1.4;
	padding-bottom: 50px;
}
.title01 span {
	border-bottom:3px solid #fff;
	display: inline-block;
	padding: 0 5px;
}

.unit01 { width: 100%; padding:0 10px;}


/* print
---------------------------------------------------- */
@media print {
	body { background:#fff;color:#000;}
	#btn_print, #btn_page { display: none !important; } 
}


/* page-top
---------------------------------------------------- */



.facility_flex img{
	width: 80%;
}
.facility_flex a{
	padding: 5px;
}
.facility_flex p{
	padding-top: 8px;
	padding-bottom: 15px;
}

.facility_flex a:hover{
	opacity: 0.5;
	transition: 0.25s;
}