@charset "utf-8";
/* CSS Document */

/* テキストを省略せずに表示する */
.ui-header .ui-title,            /* ヘッダー */
.ui-footer .ui-title,            /* フッター */
.ui-btn-inner,                /* ボタン */
.ui-li-heading,                /* リスト見出し */
.ui-li .ui-btn-text a.ui-link-inherit,    /* リンクリスト */
.ui-li-desc                /* リスト詳細 */
{
    overflow: visible;
    white-space: normal;
}





.ui-header .ui-title {
  margin-left: 15%;
  margin-right: 15%
}

h1 {font-size:1.2em;}
h1 img {vertical-align:middle;}


#yura {position:relative;}
.yurarogo {
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	text-align:center;
}
.ja_spbtn { position:absolute; top:10px; right:10px;}

h2.title_h2p {font-size:1.4em; background:#0680BD; margin:0 -20px; padding:0; text-align:center; line-height:2.2em; color:#FFF; text-shadow:none; }

h3.title_h3 { font-size:1.2em; background: url(../img/h3back.png) left bottom no-repeat; padding:7px 0 10px 15px; margin:10px 0 15px; color:#0680BD; text-shadow:2px 1px 0px #FFFFFF; }
h3.title_h3_n { font-size:1.4em; background:#137F50; border-bottom:#C9E199 solid 2px; margin:30px 0 20px; color:#FFF; text-align:center; padding:10px 0; text-shadow:none;}



h4.title_h4p { padding:6px 7px; margin-bottom:15px; font-size:14px; border:#999 dashed 1px; border-left:#F90 solid 8px; background-color:#EEE; }

p { line-height:1.6; margin-bottom:20px;}

.font12,
.font12 a {font-size:12px; font-weight:normal;}


.font10,
.font10 a {font-size:10px; font-weight:normal;}


.center {text-align:center;}

.right {text-align:right;}

.clear { clear:both;}

.coRed {color:#F00;}
.coPnk {color: #F6C;}
.coBlue {color: #069;}

.newslist { margin-bottom:20px; font-size:16px;}
.newslist a {font-size:14px;}
.newslist a span.newstitle { font-weight:100; color:#03F; text-decoration:underline;}
.newslist a:hover span.newstitle {color:#FFF;}
.newslist a span.new { font-weight:100; color: #F00; font-size:10px; margin-left:8px;}
.newslist a:hover span.new {color:#FFF;}

.panelebox {padding:10px; font-size:14px;}

.img80 { width:80%;}
.img90 { width:90%;}
.img100 { width:100%;}
.img100vw { margin:0; width:100vw;}

/*写真キャプション枠*/
.photo_txt {
	font-size:13px;
	color:#036;
	padding:5px 15px;
}
.photo_txt ul,
.photo_txt li { list-style:none; margin:0 0 15px 0; padding:0;}
.photo_txt img { width:100%;}
.photo_txt h4 { font-size:15px; padding:0; margin:5px 0;}

/*news*/
.spnews h3 {font-size:16px;}
.spnews p{}

/* map */

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* 表 */
table.style2 {width:100%;}
table.style2 th{ text-align:left; vertical-align:top; border-bottom: #CCC solid 1px; padding:5px;}
table.style2 td { border-bottom: #EEE solid 1px; padding:5px; }

table.style3 {width:100%;}
table.style3 th{ text-align: center; border-bottom: #FFF solid 1px; border-left:#FFF solid 1px; padding:5px; background-color:#C9E199;}
table.style3 td { border-bottom: #FFF solid 1px; padding:5px; border-left:#FFF solid 1px; text-align:center; background-color:#F0F0E1; }


.grid_waku { display:table; width:100%;}
.grid_cell2 {display:table-cell; width:50%; vertical-align:top;}
.grid_cell3 {display:table-cell; width:33%; vertical-align:top;}
.grid_cell4 {display:table-cell; width:25%; vertical-align:top;}
.grid_cell_f {display:table-cell; width: auto; vertical-align:top;}

/*ページトップ*/

#page-top {
	text-align:center; background-color:#EEE;
}
#page-top a {
	text-align: center;
	display: block;
	line-height:50px;
	color:#000;
	text-decoration:none;
}
#page-top a:hover {
  filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;  -webkit-transition: all .6s; transition: all .6s;
}
h1.rogo {margin:5px 0 0 0; padding:0;}

/*ご注意ください。*/
.notes ul { list-style:none; margin:0; padding:0; border-right:#CCC dotted 1px; border-bottom:#CCC dotted 1px;}
.notes ul li { list-style:none; margin:0; padding:10px 0; border-left:#CCC dotted 1px; border-top:#CCC dotted 1px; width:49%; font-size:12px; float:left; text-align:center;}
.notes ul li img { width:60%;}
.notes ul li p { text-align:left; padding:0 10px; margin:0 0 10px 0;}

/*汎用リスト*/
dl.list_dl { line-height:1.6em; font-size:14px;}
dl.list_dl dt { width: auto; border-top:#9CF solid 1px; background-color:#EEF3F9; font-weight:bold; padding:5px; color: #336;}
dl.list_dl dd { margin:5px 0 15px 15px;}

/*Ｑ＆Ａ*/
.qa14 h4 span { font-size:14px; overflow: visible;
    white-space: normal;}
.qa14 p {}


/*clear*/
.clear { clear:both;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac */
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}

.v_midle {vertical-align:middle;}