@charset "utf-8";

/*-------------------------------------------*/
/* Common setting
/*-------------------------------------------*/

/* Link Color etc
----------------------------------*/
a:link {
	color: #0034D8;
	text-decoration: none;
}

a:visited {
	color: #0034D8;
	text-decoration: underline;
}

a:hover {
	color: #FF3399;
	text-decoration: underline;
}

a:active {
	color: #FF3399;
	text-decoration: underline;
}


/* Layout setting
----------------------------------*/

#wrapper,
.inner {
	margin: 0 auto;
	width: 100%;
	max-width: 1040px;
	padding: 0;
	overflow: hidden;
}
.inner {
	position: relative;
}

#header {
	width: 100%;
	overflow: hidden;
	padding: 8px 0;
	margin: 0;
	border-top: 3px solid #016701;
	border-bottom: 5px solid #016701;
	font-size: 140%;
	background: url(../../images/header_bg02.png) no-repeat center bottom;
}

#content {
	width: 100%;
	padding: 20px 0 30px;
	font-size: 140%;
	line-height: 2;
}

#footer {
	width: 100%;
	overflow: hidden;
	clear: both;
	font-size: 130%;
	line-height: 1.75;
	background: #EEEEEE;
}





/*-------------------------------------------*/
/* Header
/*-------------------------------------------*/

/* top-photo
----------------------------------*/

#top-photo {
  width: 100%;
  margin: 10px auto 0;
  text-align: center;
}
#top-photo p {
  width: 100%;
  max-width: 1040px;
  font-size: 140%;
  margin: 0 auto;
  text-align: left;
}
#top-photo img {
  width: auto;
  max-width: 100%;
  height: auto;
}


/* Logo（Site title）
----------------------------------*/
#header p {
	padding: 5px 0px
}
#header img {
  width: auto;
  max-width: 100%;
  height: auto;
}

/*-------------------------------------------*/
/* Top photo and Secound title setting
/*-------------------------------------------*/

#photo_second {
	margin: 0;
	font-size: 140%;
	clear: both;
}
#photo_second h1 {
	font-size: 150%;
	font-weight: bold;
	padding-top: 20px;
	border-bottom: 5px solid #016701;
}


/*-------------------------------------------*/
/* Article setting（記事設定）
/*-------------------------------------------*/
section {
	margin-bottom: 30px;
	overflow: hidden;
}


/* Article BOX
----------------------------------*/
.post_box {
	font-size: 110%;
	margin: 0 0 30px;
	padding: 0 5px;
	overflow: hidden;
}

/* Headline（見出し） */
/* 見出し */
.post_box h2 {
	clear: both;
	font-size: 120%;
	font-weight:bold;
	line-height: 1.5;
	margin: 0 0 15px;
	padding: 5px 0 3px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 3px solid #016701;
}
.post_box h2 span {
	background: url(../../images/h2_img.png) no-repeat 0 50%;
	padding-left: 25px;
}
.post_box h3 {
	clear: both;
	font-size: 120%;
	font-weight:bold;
	line-height: 1.5;
	margin: 15px 0;
	padding: 5px 5px 3px 10px;
	background-color: #FF9;
}
.post_box h4 {
	clear: both;
	font-size: 120%;
	font-weight:bold;
	line-height: 1.5;
	margin: 15px 0;
	padding: 5px 5px 3px 10px;
	border-left: 5px solid #016701;
	border-bottom: 1px solid #BBBBBB;
}
.post_box h5 {
	clear: both;
	font-size: 120%;
	font-weight:bold;
	line-height: 1.5;
	margin: 5px 0;
	padding-left: 15px;
	/*border-left: 5px solid #016701;*/
	background: url(../../images/headline05.png) no-repeat 0 50%; 
}
.post_box h6 {
	clear: both;
	font-size: 120%;
	font-weight:bold;
	line-height: 1.5;
	margin: 5px 0;
	color: #016701;
}

.waku {
	border: 1px solid #555;
	display: inline-block;
	margin: 5px;
	padding: 0 10px;
}
.waku1 {
	border: 4px dashed #999;
	padding: 1.0em;
	border-radius: 30px;
}

.post_box p {
	padding-bottom: 30px;
}

.post_box strong {
	font-weight: bold;
}

/* List（リスト） */
.post_box ul,
.post_box ol {}
.post_box ul li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 2em;
}
.post_box ul li.list_ci {
	list-style-position: outside;
	list-style-type: circle;
	margin-left: 2em;
}
.post_box ul li.list_sq {
	list-style-position: outside;
	list-style-type: square;
	margin-left: 2em;
}
.post_box ul li.list_img {
	list-style-position: outside;
	margin-left: 2em;
	list-style-image: url(../../images/list01.png);
}
.post_box ul li.list_img2 {
	list-style-type: none;
	margin-top: 5px;
	margin-left: 0;
	padding-left: 2.5em;
	line-height: 2.2;
	background: #FF9 url(../images/tatelogo_s.gif) no-repeat 5px center;
}

.post_box ol li {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 2em;
}
.post_box ol li.list_roman {
	list-style-position: outside;
	list-style-type: upper-roman;
	margin-left: 2em;
}
.post_box ol li.list_roman_lo {
	list-style-position: outside;
	list-style-type: lower-roman;
	margin-left: 2em;
}
.post_box ol li.list_alph {
	list-style-position: outside;
	list-style-type: upper-alpha;
	margin-left: 2em;
}
.post_box ol li.list_alph_lo {
	list-style-position: outside;
	list-style-type: lower-alpha;
	margin-left: 2em;
}


.post_box blockquote {
	clear: both;
	padding: 10px;
	margin: 15px;
	border-left: 5px solid #AAAAAA;
}
.post_box blockquote p{
	padding: 5px 0;
}

/* Definition list（定義リスト） */
.post_box dl {}
.post_box dt {}
.post_box dt.left {
	float: left;
}
.post_box dt.txt-right {
	text-align: right;
}
.post_box dd {}

/* 上付、下付 */
.post_box sup,
.post_box sub {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
.post_box sup {
	top: -0.5em;
}
.post_box sub {
	bottom: -0.25em;
}

/* Image */
.post_box img{
	max-width: 100%;
	height: auto;
}

/* table */
.post_box table {
	empty-cells: show;
	clear: both;
}
.post_box caption {
	display: none;
}
.post_box table th {
	padding: 5px;
	background-color: #F4F4F4;
	border: 1px solid #bbbbbb;
}
.post_box table .nowraps {
	white-space: nowrap;
}
.post_box table td {
	padding: 5px;
	vertical-align: top;
	border: 1px solid #bbbbbb;
}

.post_box table td.tb-bo-none {
	border: none;
}



/* 日付等 */
.post_box p.postinfo {
	font-size: 80%;
	padding: 0px;
	margin-bottom: 15px;
}


/* 要素を横並び
----------------------------------*/
ul.tbl_cel {
	margin: 0 0 20px;
	display: table;
	table-layout: fixed;
	width: 100%;
}
ul.tbl_cel li {
	margin: 0 0 15px 0;
	padding: 0;
	display: table-cell;
	list-style-type: none;
}
ul.tbl_cel li > p {
	font-size: 80%;
}
ul.tbl_cel li img {
	 height: auto;
}


/* table-layout
----------------------------------*/
.disp-table {
	box-sizing: border-box;
}
.disp-table .dt-row {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.disp-table .dt-cell {
	display: table-cell;
	padding: 0px 10px;
}
.disp-table .dt-cell img {
	height: auto;
}


/* table-layout
----------------------------------*/
.disp-table-no {
	box-sizing: border-box;
}
.disp-table-no .dt-row {
	display: table;
	width: 100%;
}
.disp-table-no .dt-cell {
	display: table-cell;
	padding: 0px 10px;
}
.disp-table-no .dt-cell img {
	height: auto;
}
.disp-table-no .v-align-m {
	vertical-align: middle;
}

/* half box
----------------------------------*/
.half-box-left {
	width:48%;
	float: left;
}
.half-box-right {
	width: 48%;
	float: right;
}



/* リンク関係
----------------------------------*/
p.left_link a {
	clear: both;
	background: url(../../images/list01.png) 0 50% no-repeat;
	padding-left: 15px;
}

/* more
----------------------------------*/
.more_link {
	margin-bottom: 0px;
	height: auto;
	display: block;
	overflow: hidden;
	margin-top:10px; 
}
.more_link a {
	text-align: center;
	display: inline-block;
	overflow: hidden;
	/*font-size: 80%; */
	line-height: 105%;
	text-decoration: none;
	background: #016701;
	border:0;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color: #FFFFFF;
	padding: 10px 9px 8px;
}
.more_link a:hover {
	text-decoration: none !important;
	background-color: #5fb31c;
}

/* リンクボタン
----------------------------------*/
a.btn_link {
	display: inline-block;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 15px;
	position: relative;
	padding: 10px 10px 8px;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	border :none;
	background-color: #016701;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
a.btn_link:hover {
	background-color: #CCCCCC;
	color: #333333;
}


/* リスト
----------------------------------*/
section.widget_box {
	overflow: hidden;
}
section.widget_box p {
	margin: 0;
	padding: 0;
}
section.widget_box ul,
section.widget_box ol {
	margin:0;
	padding:10px;
	background:#F9F9F9;

}
section.widget_box ul li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 2em;
}
section.widget_box ol li {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 2em;
}




/*-------------------------------------------*/
/* Footer setting
/*-------------------------------------------*/
#footer #page-top_outline {}
#footer #page-top {
	position: fixed;
    bottom: 30px;
    right: 20px;
    font-size: 77%;
}
#footer #page-top a {
	width: 65px;
	height: 65px;
	display: block;
	background: url(../../images/footer_pagetop.png) no-repeat 0 0;
	text-indent: -9999px;
}
#footer #page-top a:hover {
	background: url(../../images/footer_pagetop.png) no-repeat 0 -65px;
}

#footer .footer_outline {
	overflow: hidden;
	clear: both;
	margin: 0;
	padding: 10px;
	display: block;
}

#footer .company {
	clear: both;
	font-weight: bold;
	padding: 0 0 5px;
}
#footer .company span {
	display: block;
	font-size: 110%;
	background: url(../images/tatelogo_s.gif) no-repeat 5px;
	padding-left: 30px;
}
#footer .address {
	padding: 0;
	font-size: 90%;
}

#copyright {
	clear: both;
	margin: 0;
	padding: 5px 0;
	color: #FFFFFF;
	font-size:85%;
	background: #006600;
}
#copyright p {
	padding: 0;
	text-align: center;
}



/*-------------------------------------------*/
/* Top page setting
/*-------------------------------------------*/

/* Live camera
----------------------------------*/
.live-camera-ttl {
	overflow: hidden;
	margin: 0 0 15px;
	padding: 5px 0 3px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 3px solid #016701;
	background: url(../../images/h2_bg_camera.png) no-repeat right 50%;
}
.live-camera-ttl h2 {
	clear: none;
	margin: 0;
	padding: 0;
	border-top: none;
	border-bottom: none;
}
.live-camera-ttl h2 span {
	background: url(../../images/h2_img_camera.png) no-repeat 0 50%;
	padding-left: 35px;
}

.live-camera {}
.live-camera ul {
	width: 100%;
	margin-bottom: 30px;
	display: table;
	table-layout: fixed;
}
.live-camera ul li {
	margin: 0 0 20px;
	padding: 0 5px;
	display: table-cell;
	list-style-type: none;
	text-align: center;
}
.live-camera ul li img {
	width: auto;
	height: auto;
	margin: 0;
	border: 1px solid #333333;
}


#pageback {
	margin-bottom: 0px;
	height: auto;
	display: block;
	overflow: hidden;
	margin-top:10px; 
	text-align: center;
}
#pageback a {
	text-align: center;
	display: inline-block;
	overflow: hidden;
	/*font-size: 80%; */
	line-height: 105%;
	text-decoration: none;
	background: #016701;
	border:0;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color: #FFFFFF;
	padding: 10px 9px 8px;
}
#pageback a:hover,
#pageback a:active {
	text-decoration: none !important;
	background-color: #5fb31c;
}


/*-------------------------------------------*/
/*	共通設定
/*-------------------------------------------*/



/* マップ
----------------------------------*/
.clck-map {
	overflow: hidden;
	text-align: center;
}


/* 画像
----------------------------------*/
.aligncenter,
img.aligncenter { clear: both; display: block; margin: 5px auto; }
.alignright,
img.alignright { margin: 5px 0px 15px 15px; display: inline; float:right; }
.alignleft,
img.alignleft { margin: 5px 15px 15px 0px; display: inline; float:left; }

.gallery-caption,
.wp-caption {
	overflow: hidden;
	margin-bottom: 20px;
}
.wp-caption img {
	padding: 4px;
	border:1px solid #BBBBBB;
}
p.wp-caption-text {
	font-size: 80%;
	margin: 5px;
	padding-bottom: 0;
	text-align: center;
}
.wp-smiley {
	margin: 0;
}

/*-------------------------------------------*/
/*	コンテンツの表示範囲設定
/*-------------------------------------------*/
@media only screen and (max-width: 1040px){
 #top-photo,
 #wrapper,
 .inner {
	width: 98%;
 }
}
@media only screen and (max-width: 960px){
 #top-photo,
 #wrapper,
 .inner {
	width: 96%;
 }
}

/*-------------------------------------------*/
/*	641px ～ 750pxから 1カラム表示設定
/*-------------------------------------------*/
@media only screen and (max-width: 750px){
 #header {
	background: none;
	border-bottom: 0;
 }
 #header p {
	background-image: none;
	text-align: center;
 }

 /* テーブル（横に長い場合 overflow-x と inline-block） */
 .post_box table.tbl_v2 {
	 display: block;
	 position: relative;
	 width: 100%;
 }
 .post_box table.tbl_v2 thead {
	 display: block;
	 float: left;
	 overflow-x: auto;
 }
 .post_box table.tbl_v2 tbody {
	 display: block;
	 width: auto;
	 position: relative;
	 overflow-x: auto;
	 white-space: nowrap; 
 }
 .post_box table.tbl_v2 tbody tr {
	 display: inline-block;
	 margin: 0 -3px;
	 border-right: 1px solid #BBB;
 }
 .post_box table.tbl_v2 th {
	 display: block;
	 border-bottom: 0;
 }
 .post_box table.tbl_v2 td {
	 display: block;
	 border-left: 0;
	 border-right: 0;
	 border-bottom: 0;
 }
 .post_box table.tbl_v2 th:last-child,
 .post_box table.tbl_v2 td:last-child {
	 border-bottom: 1px solid #BBB;
 }



 /* 要素を横並び
 ----------------------------------*/
 ul.tbl_cel {}
 ul.tbl_cel li img {
	 width: auto;
	 margin: 0 auto;
 }


 
 /* half box
 ----------------------------------*/
 .half-box-left {
	width: 100%;
	float: none;
 }
 .half-box-right {
	width: 100%;
	float: none;
 }
}


/*-------------------------------------------*/
/*  640px以下から 1カラム表示用
/*-------------------------------------------*/
@media only screen and (max-width: 639px){

 /* Article setting（記事設定）
 /*-------------------------------------------*/

 /* table */

 .post_box table .nowraps {
	white-space: normal;
 }


 /* 要素を横並び
 ----------------------------------*/
 ul.tbl_cel {
	margin: 0 0 30px;
	display: block;
 	width: 100%;
 }
 ul.tbl_cel li {
	padding: 0;
	display: block;
	/*text-align: center;*/
 }
 ul.tbl_cel li.center {
	 text-align:left;
 }
 ul.tbl_cel li img {
	 width: auto;
	 margin: 0;
 }


 /* table-layout
 ----------------------------------*/
 .disp-table .dt-row {
	display: block;
	table-layout: auto;
	width: 100%;
 }
 .disp-table .dt-cell {
	display: table-cell;
	padding: 0px 10px 0px 0px;
 }
 .disp-table .dt-cell img {
	height: auto;
 }

 /* table-layout
 ----------------------------------*/
 .disp-table-no .dt-row {
	display: block;
	width: 100%;
 }
 .disp-table-no .dt-cell {
	display: block;
	padding: 0px 10px 0 0;
 }
 .disp-table-no .v-align-m {
	vertical-align: auto;
 }

 
 /* Live camera
 ----------------------------------*/
 .live-camera-ttl {
	background: none;
 }


 /* マップ
 ----------------------------------*/
 .clck-map {
	 display: none;
 }


 /* 共通項目
 ----------------------------------*/
 .aligncenter,
 img.aligncenter {
	 display: block;
	 margin: 5px 0;
 }
 .alignright,
 img.alignright {
	 margin: 5px 0;
	 display: block;
	 float: none;
 }
 .alignleft,
 img.alignleft {
	 margin: 5px 0;
	 display: block;
	 float: none;
 }
 
 .wp-caption {}
 p.wp-caption-text {
	 text-align: left;
 }

 /* 2 or 3float
 ----------------------------------*/
 .col2,
 .col3 {
	 float: none;
	 width: auto;
 }

}



/*-------------------------------------------*/
/*  トップページ　ライブカメラ
/*-------------------------------------------*/

/* 一列横並び
-------------------------------------------*/
@media only screen and (min-width: 641px) {
  .live-camera ul {
	display: table;
	table-layout: fixed;
  }
  .live-camera ul li {
	width: auto;
	display: table-cell;
  }
}

/* 2箇所ごとに横並び
-------------------------------------------*/
@media only screen and (min-width: 361px) and (max-width: 640px){

 .live-camera ul {
	display: block;
	overflow: hidden;
 }
 .live-camera ul li {
	width: 50%;
	float: left;
	display: block;
 }
}

/* 1列縦並び
-------------------------------------------*/
@media only screen and (max-width: 360px){

 .live-camera ul {
	display: block;
 }
 .live-camera ul li {
	width: 100%;
	display: block;
	padding: 0;
 }
}

@media only screen and (max-width: 639px){
  .w60p {
	width: auto;
  }
}


/* 文章の区切りを指定する */
@media only screen and (min-width: 640px){
  span.row {
	display: block;
  }
}
@media only screen and (max-width: 639px){
  span.row {
	display: inline;
  }
}