/* CSS Document */

/* ----------------------------------------
~ 680 PC用
---------------------------------------- */

@media screen and (min-width: 680px){
	

.sp{
	display:none;
}

#contents{
	min-width:960px;
}

/* テーブル設定 */

#page .inner table{
	max-width:100% !important;
}

/* ヘッダー */

#header{
	background-color:#FFF;
	border-top:solid 6px #2D1509;
}

#header .logo{
	float:left;
}


#header .user{
	float:right;
	margin-top:20px;
	margin-right:20px;
}

#header .user ul{
	float:left;
}

#header li{
	height:30px;
	float:left;
	list-style:none;
	margin-left:5px;
	line-height:30px;
}

#header li.button{
	width:30px;
	border-radius:15px;
	text-align:center;
}

#header li.button a{
	width:30px;
	height:30px;
	border-radius:15px;
	display:block;
}

#header li.font_m a{
	background-color:#008093;
	color:#FFF;
	font-size:90%;
}

#header li.font_l a{
	background-color:#008093;
	color:#FFF;
	font-size:120%;
}

#header li.blue a{
	background-color:#005BAB;
	color:#FFF;
	font-size:120%;
}

#header li.black a{
	background-color:black;
	color:yellow;
	font-size:120%;
}

#header li.white a{
	background-color:#F9F7F4;
	color:#222;
	font-size:120%;
}

#header .user .search{
	float:left;
}

#header .user .search{
	float:left;
}

#header .search .search_text{
	border:0;
	background-color:#EFEAE8;
	border-radius:5px;
	width:115px;
	height:20px;
	padding:5px;
	margin-left:5px;
}

#header .search .search_button{
	border:0;
	background-color:#EFEAE8;
	border-radius:5px;
	width:30px;
	height:30px;
}

#header .user .lang{
	float:left;
}

#header .user .lang a{
	height:30px;
	line-height:30px;
	display:block;
	margin-left:5px;
	background-color:#308400;
	border-radius:5px;
	color:#FFF;
	padding:0 10px;
}

#header .user .navi_menu{
	float:right;
	margin-top:10px;
}


/* メインメニュー */

#main_menu{
	background-image:url(../contents_image/main_menu/menu_back_off.png);
	background-repeat:repeat-x;
	height:96px;
}

#main_menu li{
	list-style:none;
	float:left;
	width:16.5%;
	border-left:solid 1px #EFEAE8;
	text-align:center;
}

#main_menu li a{
	display:block;
	padding-top:32px;
	height:64px;
}

#main_menu li.menu2 a{
	padding-top:22px;
	height:74px;
}

#main_menu li a:hover{
	background-image:url(../contents_image/main_menu/menu_back_on.png);
	background-repeat:repeat-x;
}

/* メインメニュー以下 */
#detail {
	margin: 0 auto;
	width: 100%;
	background-image:url(../contents_image/back_tachinebuta.png);
	background-repeat:no-repeat;
	background-position:right center;
}

#containerInner {
	float: left;
	width: 100%;
}



/* サブメニュー左 */

#sub_left {
	float: left;
	margin-left: -100%;
	width: 220px;
	padding:20px;
}

#sub_left .inner{
	background-color:#FFF;
	border-radius:0 0 10px 10px;
	padding:10px;
	margin-bottom:20px;
}

#sub_left h2{
	background-image:url(../contents_image/sub/sub_left_title.png);
	background-color:#2D1509;
	color:#FFF;
	padding:8px 10px 8px 30px;
	font-size:105%;
	font-weight:normal;
}

#sub_left li{
	list-style:none;
}

#sub_left li a{
	padding:5px;
	display:block;
}

#sub_left li.iryou{
	background-image:url(../contents_image/sub/icon_iryou.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:30px;
}

#sub_left li.bousai{
	background-image:url(../contents_image/sub/icon_bousai.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:30px;
}
	
#sub_left li.hogo{
	background-image:url(../contents_image/sub/icon_hogo.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:30px;
}

#sub_left .banner{
	margin-bottom:20px;
}

#sub_left .center{
	text-align:center;
}

#sub_left .list li{
	background-image:url(../contents_image/sub/icon_list.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
}

/* サブメニュー右 */
#sub_right {
	float: left;
	margin-left: -340px;
	width: 300px;
	padding:20px;
}

#sub_right .inner{
	background-color:#FFF;
	border-radius:0 0 10px 10px;
	padding:10px;
	margin-bottom:20px;
}

#sub_right h2{
	background-image:url(../contents_image/sub/sub_right_title.png);
	background-color:#2D1509;
	color:#FFF;
	padding:8px 10px 8px 30px;
	font-size:105%;
	font-weight:normal;
}

#sub_right .miryoku01{
	z-index:5;
	position:relative;
}

#sub_right .miryoku02{
	z-index:4;
	position:relative;
	margin-top:-50px;
	margin-left:80px;
}

#sub_right .miryoku03{
	z-index:3;
	position:relative;
	margin-top:-40px;
	margin-left:10px;
}

#sub_right .miryoku04{
	z-index:2;
	position:relative;
	margin-top:-40px;
	margin-left:60px;
}

#sub_right .miryoku05{
	z-index:1;
	position:relative;
	margin-top:-30px;
	margin-left:30px;
}



/* トップ中央 */
#sub_center {
	margin:20px 340px 20px 260px;
}

#sub_center #news td{
	border-bottom:dashed 1px #CCC;
	padding:5px;
}

#sub_center .inner{
	background-color:#FFF;
	border-radius:0 0 10px 10px;
	padding:10px;
	margin-bottom:20px;
}

#sub_center h3.important{
	/*background-image:url(../contents_image/top/title_important.png);*/
	background-repeat:no-repeat;
	background-color:#E52213;
	color:#FFF;
	padding:8px 10px 8px 20px;
	font-size:110%;
	font-weight:normal;
}

#sub_center h3.news{
	/*background-image:url(../contents_image/top/title_news.png);*/
	background-repeat:no-repeat;
	background-color:#FFE54A;
	color:#222;
	padding:8px 10px 8px 20px;
	font-size:110%;
	font-weight:normal;
}


#sub_center h3.lifemenu{
	/*background-image:url(../contents_image/top/title_lifemenu.png);*/
	background-repeat:no-repeat;
	background-color:#00D4EA;
	color:#222;
	padding:8px 10px 8px 20px;
	font-size:110%;
	font-weight:normal;
}

#sub_center .news_list_old{
	margin-top:10px;
	float:right;
	background-image: url(../contents_image/top/icon_news_old.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:30px;
	padding-right:20px;
}

#sub_center .life_icon li{
	list-style:none;
	float:left;
	width:23%;
	margin:1%;
	text-align:center;
}

#sub_center .life_icon li a{
	display:block;
	padding:60px 0 0 0;
	border-radius:5px;
	background-repeat:no-repeat;
	background-position:center top;
	color:#222;
}

#sub_center .life_icon li.ninshin a{
	background-color:#FFEEF9;
	background-image:url(../contents_image/life_menu/life_icon_ninshin.png);
}
#sub_center .life_icon li.ninshin a:hover{
	background-color:#FFDCF4;
}

#sub_center .life_icon li.kosodate a{
	background-color:#EEFBFF;
	background-image:url(../contents_image/life_menu/life_icon_kosodate.png);
}
#sub_center .life_icon li.kosodate a:hover{
	background-color:#C5F7FF;
}

#sub_center .life_icon li.kyouiku a{
	background-color:#E9FFF7;
	background-image:url(../contents_image/life_menu/life_icon_kyouiku.png);
}
#sub_center .life_icon li.kyouiku a:hover{
	background-color:#C0FFE7;
}

#sub_center .life_icon li.kekkon a{
	background-color:#FFF9F3;
	background-image:url(../contents_image/life_menu/life_icon_kekkon.png);
}
#sub_center .life_icon li.kekkon a:hover{
	background-color:#FFE7D2;
}

#sub_center .life_icon li.sumai a{
	background-color:#FFFDEB;
	background-image:url(../contents_image/life_menu/life_icon_sumai.png);
}
#sub_center .life_icon li.sumai a:hover{
	background-color:#FFF9CA;
}

#sub_center .life_icon li.shushoku a{
	background-color:#FAF3FF;
	background-image:url(../contents_image/life_menu/life_icon_shushoku.png);
}
#sub_center .life_icon li.shushoku a:hover{
	background-color:#EAD7FF;
}

#sub_center .life_icon li.hukushi a{
	background-color:#FFF5EE;
	background-image:url(../contents_image/life_menu/life_icon_hukushi.png);
}
#sub_center .life_icon li.hukushi a:hover{
	background-color:#FFE1CC;
}

#sub_center .life_icon li.hukou a{
	background-color:#F2F2F2;
	background-image:url(../contents_image/life_menu/life_icon_hukou.png);
}
#sub_center .life_icon li.hukou a:hover{
	background-color:#D8D8D8;
}

#sub_center .date{
	width:16em;
}


#sub_center .banner_area img{
	margin:4px;
}

.banner_area{
	margin-left:10px;
}


/* スライドショー */
#slide_show{
	padding-bottom:20px;
}

#slide_show .slide_inner{
	margin:auto;
}

#slide_show .slide_inner .camera_caption{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

#slide_show .slide_inner .camera_caption a{
	display:block;
	height:300px;
	text-decoration:none;
}

.camera_wrap a, .camera_wrap img, 
.camera_wrap ol, .camera_wrap ul, .camera_wrap li,
.camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td
.camera_thumbs_wrap a, .camera_thumbs_wrap img, 
.camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li,
.camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {
	border-radius:10px;
}

/* 有料広告 */
#koukoku{
	background-image:url(../contents_image/footer/koukoku_back.png);
}

#koukoku .inner{
	padding:10px;
	text-align: center;
}
	
#koukoku .inner p{
	display: inline-block;
}

#koukoku .inner img{
	margin:4px;
}

#koukoku h2.title{
	background-image:url(../contents_image/footer/title_koukoku.png);
	background-repeat: repeat-x;
	background-color:#2d1509;
	color:#FFF;
	text-shadow:#7C695B 1px 1px 0px, #7C695B -1px 1px 0px,
             #7C695B 1px -1px 0px, #7C695B -1px -1px 0px;
	padding:10px 20px 10px 20px;
	font-size:110%;
	font-weight:normal;
}

/* パンくず */
#pankuzu{
	background-image:url(../contents_image/page/icon_pankuzu.png);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#FFF;
	margin:20px 20px 0 20px;
	padding:10px 40px;
}


/* カテゴリトップ */
#category {
	margin:20px 20px 20px 260px;
}

#category h3{
	background-image:url(../contents_image/icon_news.png);
	background-position:left;
	background-repeat:no-repeat;
	background-color:#E8CF1C;
	min-height:26px;
	padding:10px 20px 10px 56px;
	font-size:130%;
	font-weight:normal;
}

#category .inner{
	padding:20px;
	background-color:#FFF;
}

#category .detail{
	margin-bottom:20px;
	border-radius:10px;
}

#category #cat_news td{
	border-bottom:dashed 1px #CCC;
	padding:5px;
}

#category .date{
	width:10em;
}

#box_area{
	display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
	flex-wrap:wrap;
	-ms-flex-wrap: wrap;
}

#category .cat_box{
	background-color:#FFF;
	float:left;
	width:31%;
	margin-left:1%;
	margin-right:1%;
	margin-top:20px;
}

#category .cat_box:nth-of-type(3n+1){
	clear:both;
}

#category .cat_box h2{
	background-image:url(../contents_image/page/h1.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-color:#CD4200;
	font-size:130%;
	min-height:26px;
	padding:10px 20px 10px 20px;
	font-weight:normal;
	color:#FFF;
}

#category .cat_box h2 a{
	color:#FFF;
	display:block;
}

#category .inner li{
	list-style:none;
	background-image:url(../contents_image/sub/icon_list.png);
	background-repeat:no-repeat;
	background-position:left;
	padding:3px 3px 3px 16px;
	border-bottom: 1px dashed #ccc;
}





/* 記事 */
#page {
	margin:20px 20px 20px 260px;
}

#page .inner{
	background-color:#FFF;
	padding:20px 40px;
}

#page .inner img{
	max-width:100% !important;
	height:auto !important;
}

#page h1, #category .detail h1{
	background-image:url(../contents_image/page/h1.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-color:#CD4200;
	font-size:130%;
	min-height:26px;
	padding:10px 20px 10px 20px;
	font-weight:normal;
	color:#FFF;
}

#page h2, #category .detail h2{
	background-image:url(../contents_image/page/h2.png);
	background-repeat: repeat-y;
	background-color:#E8CF1C;
	font-size:120%;
	padding:10px 20px 8px 20px;
	font-weight:normal;
	color:#222;
	border-bottom:solid 2px #2D1509;
	margin:10px -20px;
}

#category .detail h2{
	margin-top:-20px;
}

#page h3, #category .detail h3{
	background-color:#EFEDE4;
	font-size:120%;
	padding:8px 20px 10px 10px;
	font-weight:normal;
	color:#222;
	border-top:solid 2px #CC1800;
	margin:10px -20px;
}

#page h4, #category .detail h4{
	border-left:solid 10px #9B8879;
	border-bottom:solid 1px #9B8879;
	padding:8px 5px;
	margin:10px -10px;
	font-size:110%;
	font-weight:normal;
}

#page h5, #category .detail h5{
	background-image:url(../contents_image/page/h5.png);
	background-repeat: no-repeat;
	background-position:left center;
	background-color:#EFECE8;
	font-size:105%;
	padding:7px 16px 7px 16px;
	font-weight:normal;
	color:#222;
	margin:10px -10px;
}

#page h6, #category .detail h6{
	background-image:url(../contents_image/page/h6.png);
	background-repeat: no-repeat;
	background-position:left center;
	font-size:105%;
	padding:7px 16px 7px 16px;
	font-weight:normal;
	color:#222;
	margin:10px -10px;
}

.shomei{
	margin-bottom:20px;
}





/* カテゴリメニュー */

#cat_menu {
	float: left;
	margin-left: -100%;
	width: 220px;
}

.in_box{
	width: 220px;
	padding:20px;
}

.in_box .inner{
	background-color:#FFF;
	border-radius:0 0 10px 10px;
	padding:10px;
	margin-bottom:20px;
}

.in_box h2{
	background-image:url(../contents_image/page/cat_title.png);
	background-color:#2d1509;
	color:#FFF;
	min-height:26px;
	padding:10px 20px 10px 20px;
	font-size:130%;
	font-weight:normal;
}

.in_box .inner li{
	background-image:url(../contents_image/cat_menu/icon_cat_menu.png);
	background-repeat:no-repeat;
	background-position:left center;
	list-style:none;
	border-bottom:dashed 1px #A08F84;
}

.in_box .inner li a{
	padding:5px 5px 5px 24px;
	display:block;
}


/* フッター */
#footer{
	background-image:url(../contents_image/footer/map.png);
	background-repeat:no-repeat;
	border-top:solid 6px #2D1509;
}

#footer h2{
	font-size:160%;
	font-weight:normal;
}

#footer .info{
	padding:20px 20px 20px 180px;
}

#footer .footer_navi{
	background-color:#222;
	color:#FFF;
	padding:10px;
	text-align:center;
}

#footer .footer_navi a{
	color:#FFF;
}

#footer .copyright{
	background-color:#00AFCC;
	text-align:center;
	padding:5px;
	color:#222;
}

/*******  戻るボタン  ***********/

/*　トップへ戻る　*/

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 100%;
	z-index:100;
}

#page-top a {
	text-decoration: none;
	color: #fff;
	width: 70px;
	height:70px;
	display: block;
	border-radius: 5px;
	font-weight:bold;
}

#page-top a img{
	width: 70px;
	height:70px;
}

#wcv_sys_container_wide #page-top {
	display:none;
}


/*　ホームへ戻る　*/

#page-back {
	position: fixed;
	bottom: 20px;
	right: 100px;
	font-size: 100%;
	z-index:100;
}
#page-back a {
	text-decoration: none;
	color: #fff;
	width: 70px;
	height:70px;
	display: block;
	border-radius: 5px;
	font-weight: bold;
}

#page-back a img{
	width: 70px;
	height:70px;
}

#wcv_sys_container_wide #page-back {
	display:none;
}

/*#############################
津鉄アモーレ用
#############################*/
	.float_box{
		overflow: hidden;
		margin: 20px 0;
	}
	
	.float_box .amore_fb{
		float: left;
		width: 50%;
	}
	
	.float_box .amore_topics{
		float: right;
		width: calc(50% - 20px);
		border: 1px solid #CCC;
		/*height: 250px;*/
		height: 600px;
		border-radius: 20px 20px 0 0;
		margin-top: 10px;
	}
	
	.float_box .amore_topics .amore_title{
		border-radius: 20px 20px 0 0;
		background-color: #FFBA27;
		padding: 10px;
		font-size: 120%;
	}
	
	.float_box .amore_topics .amore_topics_text{
		padding: 20px;
		overflow-y: auto;
		/*height: 150px;*/
		height: 500px;
	}
	
	.amore_youtube{
		float: right;
		width: calc(50% - 20px);
		margin-top: 10px;
		position:relative;
		padding-top:30%;
	}
	
	.amore_youtube iframe{
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:100%;
	}
	
	/***** 公共施設一覧用設定 *****/
	.sports_wrap{
		overflow: hidden;
	}
	
	.sports_shisetsu{
		width: calc(100% - 240px);
		float: left;
	}
	
	.shisetsu_box{
		float: right;
		width: 180px;
		padding: 0 20px 20px;
		margin-right: -20px
	}

}