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

/*================= body ======================*/

body {
	color: #333333;
	font-size: 15px;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1.7;
	font-family: "Lucida Grande", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
}

img {
	border: none;
}

hr {
	border: none;
	background-color: #ffffff;
	color: #ffffff;
	border-bottom: 1px #999999 solid;
}

/*================== .clear-fix ================*/

.clear-fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear-fix {
	display: inline-table;
	zoom: 1;
}

/*MacIE begin \*/
* html .clear-fix {
	height: 1%;
}

.clear-fix {
	display: block;
}

/*MacIE end*/


/*================= .clear ====================*/

.clear_both {
	clear: both;
}

/*================= link ====================*/

a:link,
a:visited {
	color: #333333;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #333333;
	text-decoration: none;
}

/*================= scroll ====================*/

#pagetop {
	background: url("/static/image/theme/10/btn_totop_bk.png") no-repeat left top;
	bottom: 5px;
	cursor: pointer;
	display: none;
	height: 67px;
	position: fixed;
	right: 5px;
	width: 66px;
	z-index: 100;
}

/*==============================================

header

==============================================*/

#header {
	background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
	text-align: left;
	padding: 0 0 15px 0;
	opacity: 0.9;
	width: 100%;
	top: 0;
	position: fixed;
	z-index: 100;
}

#header_innner {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

#site_id {
	width: 350px;
	float: left;
	margin: 25px 0 0 0;
	padding: 0;
}

#site_id a {
	text-decoration: none;
}

#gmenu,
#gmenu li #gmenu li ul,
#gmenu li ul li {
	margin: 0;
	padding: 0;
}

#gmenu,
#gmenu li ul {
	list-style-type: none;
}

#gmenu {
	width: 600px;
	float: left;
	margin: 15px 0 0 0;
}

ul#gmenu li.gmenu_level1 {
	margin: 0;
	font-size: 14px;
	float: left;
	position: relative;
	color: #000000;
}

#gmenu li span,
#gmenu li a {
	color: #000000;
	display: block;
	padding: 10px 20px;
	text-decoration: none;
}

#gmenu>li:hover {
	background: rgba(204, 204, 204, 0.3);
}

#gmenu li ul.sub_menu {
	position: absolute;
	z-index: 100;
	border: 1px solid #eee;
	display: none;
	background: #ffffff;
	width: 220px;
	border: solid 1px #eee;
	padding: 0 20px;
}

#gmenu li ul.sub_menu li {
	font-size: 14px;
	border-top: solid 1px #efefef;
}

#gmenu li ul.sub_menu li:first-child {
	border: none;
}

#gmenu li ul.sub_menu li a,
#gmenu li ul.sub_menu li span {
	color: #333333;
	display: block;
	padding: 10px 0;
}

#gmenu li ul.sub_menu li a:hover {
	color: #999;
}

.fixed {
	border-bottom: solid 1px #eeeeee;
}

.freearea_top {
	text-align: left;
	width: 950px;
	margin: 0 auto;
}

/*==============================================

main_img

==============================================*/

#main_img,
#slideShow {
	margin: 0;
	padding: 0;
	position: relative;
	display: none;
	overflow: hidden;
}

#main_img .sub_title,
#slideShow .sub_title {
	margin: 0;
	padding: 15px 0;
	color: #ffffff;
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99000000, EndColorStr=#99000000);
	font-size: 22px;
	font-weight: normal;
	line-height: 1.2;
}

#main_img .sub_title:not(:target),
#slideShow .sub_title:not(:target) {
	filter: none;
	-ms-filter: none;
}

#main_img .sub_title_inner,
#slideShow .sub_title_inner {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

#slideShow .slide_area {
	float: left;
	left: 50%;
}

.slide_area img.slider_img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	max-width: 1920px;
}

/*==============================================

news_list

==============================================*/

#pankuzu_search_wrap {
	width: 100%;
	background: url(/static/image/theme/10/bg_bk1.png) repeat left top;
	text-align: left;
}

#pankuzu_search {
	width: 950px;
	margin: 0 auto;
	padding: 12px 0;
	overflow: hidden;
}

#pankuzu {
	width: 720px;
	float: left;
	text-align: right;
}

#pankuzu ul,
#pankuzu ul li {
	margin: 0;
	padding: 0;
}

#pankuzu ul {
	list-style-type: none;
}

#pankuzu ul li {
	display: inline;
	background: url(/static/image/theme/10/icon_arrow.gif) no-repeat 5px 6px;
	padding: 0 0 0 15px;
	font-size: 12px;
}

#pankuzu ul li:first-child {
	background: none;
}

#pankuzu ul li a {
	color: #666666;
	display: inline-block;
}

#pankuzu ul li a:link,
#pankuzu ul li a:visited {
	text-decoration: none;
}

#pankuzu ul li a:hover,
#pankuzu ul li a:active {
	text-decoration: underline;
}

#header_search {
	width: 190px;
	float: right;
	border: solid 1px #cccccc;
	position: relative;
	background-color: #ffffff;
}

#header_search .text-space {
	border: none;
	padding: 3px 10px;
	width: 150px;
	font-size: 12px;
}

#header_search .search_btn {
	position: absolute;
	top: 2px;
	right: 5px;
}

#topix_list_top {
	width: 100%;
	border-bottom: solid 1px #cccccc;
	padding: 50px 0 0 0;
}

#topix_list {
	width: 950px;
	margin: 0 auto;
	padding: 0 0 25px 0;
	overflow: hidden;
}

#topix_list_innner {
	width: 990px;
	margin: 0 20px 0 0;
	display: flex;
	flex-wrap: wrap;
}

#topix_list .topix_block {
	width: 290px;
	text-align: left;
	margin: 0 40px 25px 0;
	overflow: hidden;
}

#topix_list .thumbnail {
	object-fit: cover;
	width: 289px;
	height: 111px;
	background-color: #efefef;
	max-width: none;
}

.thumbnail.contain {
	object-fit: contain !important;
}

#topix_list .thumbnail:hover {
	opacity: 0.5;
}

#topix_list .topix_title {
	font-size: 20px;
	margin: 5px 0 0 0;
	padding: 0;
}

#topix_list .topix_read {
	font-size: 13px;
	margin: 0;
	padding: 0;
	line-height: 1.5;
	height: 4.6em;
	overflow: hidden;
}

#topix_list .btn_list_more {
	font-size: 12px;
	margin: 0;
	padding: 1px 0;
	text-align: center;
	overflow: hidden;
}

#topix_list .btn_list_more a {
	width: 110px;
	display: block;
	background: url(/static/image/theme/10/bg_bk2.png) repeat left top;
	text-decoration: none;
	float: right;
}

#topix_list .btn_list_more a:hover {
	background: url(/static/image/theme/10/bg_bk.png) repeat left top;
}

#news_txt_wrap {
	width: 100%;
	text-align: left;
	background: url(/static/image/theme/10/bg_bk1.png) repeat left top;
}

#news_txt {
	width: 950px;
	text-align: left;
	margin: 0 auto;
	padding: 15px 0 35px 0;
	overflow: hidden;
}

#news_txt .news_left {
	width: 180px;
	float: left;
}

#news_txt .news_title {
	font-size: 22px;
	font-weight: normal;
	line-height: 1.2;
	margin: 0;
	padding: 0;
}

#news_txt .to_newslist {
	margin: 15px 0 0 0;
	padding: 0;
	width: 70px;
	text-align: center;
	font-size: 12px;
	line-height: 1.2;
}

#news_txt .to_newslist a {
	display: block;
	width: 70px;
	text-decoration: none;
}

#news_txt .to_newslist a:link,
#news_txt .to_newslist a:visited {
	background: url(/static/image/theme/10/bg_bk2.png) repeat left top;
}

#news_txt .to_newslist a:hover,
#news_txt .to_newslist a:active {
	background: url(/static/image/theme/10/bg_bk.png) repeat left top;
}

#news_txt dl {
	width: 760px;
	float: right;
}

#news_txt dl,
#news_txt dt,
#news_txt dd {
	margin: 0;
	padding: 0;
	line-height: 1.2;
}

#news_txt dt {
	width: 100px;
	float: left;
}

#news_txt dd {
	padding: 0 0 0 120px;
	margin: 0 0 12px 0;
}

#news_txt dd a:link,
#news_txt dd a:visited {
	text-decoration: none;
}

#news_txt dd a:hover,
#news_txt dd a:active {
	text-decoration: underline;
}

/*==============================================

freespace

==============================================*/

.freespace_wap {
	width: 100%;
	margin: 0;
	padding: 50px 0 0 0;
	text-align: left;
}

.freespace {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

h2.subtitle_h2 {
	font-size: 23px;
	font-weight: normal;
	line-height: 1.2;
	padding: 0 0 25px 0;
	margin: 0;
	text-align: center;
}

h2.subtitle_h2:after {
	border: 1px dotted #ccc;
	content: "";
	display: block;
	margin: 20px auto 0;
	text-align: center;
	width: 150px;
}

.freespace_cont {
	padding: 0 0 70px 0;
}

/*==============================================

top_list_img

==============================================*/

#top_list_img_wrap {
	width: 100%;
	background: url(/static/image/theme/10/bg_bk1.png) repeat left top;
	text-align: left;
}

div.top_list_img {
	width: 950px;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
}

#top_list_img_wrap div.top_list_img:first-child {
	padding: 50px 0 0;
}

div.top_list_img_inner {
	width: 960px;
	margin: 0 5px 0 0;
}

div.top_list_img .list_one {
	float: left;
	margin: 0 10px 45px 0;
	position: relative;
	text-align: center;
}

.top_list_img_inner .thumbnail {
	object-fit: cover;
	width: 310px;
	height: 210px;
	background-color: #fff;
	max-width: none;
}

div.top_list_img .list_one p {
	margin: 0;
	padding: 0;
}

div.top_list_img a.txt_box {
	color: #ffffff;
	width: 290px;
	_width: 310px;
	padding: 15px 10px;
	background: rgba(0, 0, 0, 0.6);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99000000, EndColorStr=#99000000);
	line-height: 1.2;
	position: absolute;
	bottom: 0;
	left: 0;
}

div.top_list_img a.txt_box:not(:target) {
	filter: none;
	-ms-filter: none;
}

div.top_list_img a.txt_box:link,
div.top_list_img a.txt_box:visited {
	text-decoration: none;

}

div.top_list_img a.txt_box:hover,
div.top_list_img a.txt_box:active {
	text-decoration: underline;
}

div.top_list_img .to_imglist {
	text-align: right;
	margin: 0;
	padding: 0 0 30px;
}

/*==============================================

footer

==============================================*/

#footer {
	border-top: solid 1px #eeeeee;
	margin: 10px 0 0 0;
	background: url(/static/image/theme/10/bg_bk1.png) repeat left top;
}

#footer_innner {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	padding: 40px 0;
	overflow: hidden;
}

#footer_info {
	width: 450px;
	float: left;
}

#footer_info p {
	margin: 0;
	padding: 0;
}

#footer_info p.site_name {
	font-size: 20px;
}

#footer_info p.site_address1 {
	margin: 15px 0 0 0;
}

#footer_info p.site_address2 {
	margin: 0;
	line-height: 1.2;
}

#footer_info p.site_contact1 {
	margin: 0;
	font-size: 20px;
}

#footer_info p.site_contact2 {
	margin: 10px 0 0 0;
}

#footer_info #smenu_toiawase a {
	display: block;
	color: #ffffff;
	width: 400px;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
	font-size: 20px;
}

#footer_info #smenu_toiawase a:link,
#footer_info #smenu_toiawase a:visited {
	background-color: #333333;
}

#footer_info #smenu_toiawase a:hover,
#footer_info #smenu_toiawase a:active {
	background-color: #666666;
}

#footer_info .qr_rss {
	margin: 15px 0 0 0;
	overflow: hidden;
}

#footer_info .qr_code {
	width: 100px;
	float: left;
}

#footer_right {
	width: 500px;
	float: right;
}

#footer_bottom_inner {
	width: 950px;
	margin: 0 auto;
	padding: 5px 0;
	font-size: 12px;
	overflow: hidden;
	position: relative;
}

#footer_bottom_inner p {
	margin: 0;
	padding: 0;
}

#footer_bottom {
	background: url(/static/image/theme/10/bg_bk2.png) repeat left top;
}

#footer_bottom_inner .powered {
	position: absolute;
	top: 5px;
	right: 0;
}

#footer_bottom_inner .powered a {
	color: #999999;
}

/*==============================================

kiji

==============================================*/

#cont_wap {
	width: 100%;
	margin: 0;
	padding: 0 0 55px 0;
	text-align: left;
}

#cont_wap .cont_wap_innner {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#cont_wap h1.kiji_title {
	font-size: 23px;
	font-weight: normal;
	line-height: 1.2;
	padding: 50px 0 25px 0;
	margin: 0;
}

#cont_wap .kiji_area {
	padding: 0 0 70px 0;
}

#cont_wap .kiji_area {
	padding: 0 0 70px 0;
}

#item_pager_left {
	background: rgba(0, 0, 0, 0) url("/static/image/icon2_left.png") no-repeat scroll 0 0;
	color: #999999;
	float: left;
	font-size: 12px;
	height: 26px;
	padding-left: 35px;
	padding-top: 4px;
}

#item_pager_right {
	background: rgba(0, 0, 0, 0) url("/static/image/icon2_right.png") no-repeat scroll right top;
	color: #999999;
	float: right;
	font-size: 12px;
	height: 26px;
	padding-right: 35px;
	padding-top: 4px;
}

#item_pager {
	float: right;
	margin: 50px 10px 10px;
}

/*==============================================

list_txt

==============================================*/

.pager {
	text-align: center;
	border-top: dotted 1px #cccccc;
	border-bottom: dotted 1px #cccccc;
	padding: 13px 0;
	margin: 0;
	color: #666666;
}

.pager ul,
.pager ul li {
	margin: 0;
	padding: 0;
}

.pager ul {
	list-style-type: none;
}

.pager ul li {
	display: inline;
	margin: 0 40px 0 0;
}

.pager ul li a {
	color: #666666;
}

#list_txt {
	margin: 0;
	padding: 45px 0 30px 0;
}

#list_txt dl,
#list_txt dt,
#list_txt dd {
	margin: 0;
	padding: 0;
	line-height: 1.2;
}

#list_txt dt {
	width: 100px;
	float: left;
}

#list_txt dd {
	padding: 0 0 0 120px;
	margin: 0 0 20px 0;

}

/*==============================================

list_img

==============================================*/

#list_img {
	padding: 40px 0;
	width: 960px;
	overflow: hidden;
}

#list_img .list_one {
	width: 310px;
	float: left;

	margin: 0 10px 35px 0;
}

#list_img .list_one p {
	margin: 0;
	padding: 0;
}

#list_img .thumbnail {
	object-fit: cover;
	width: 310px;
	height: 210px;
	background-color: #ccc;
	max-width: none;
}

#list_img p.txt_box {
	margin: 5px 0 0 0;
	line-height: 1.2;
	height: 2.4em;
	overflow: hidden;
}

#list_img p.txt_box a:link,
#list_img p.txt_box a:visited {
	text-decoration: none;
}

#list_img p.txt_box a:hover,
#img p.txt_box a:active {
	text-decoration: underline;
}

/*==============================================

#list_imgtxt

==============================================*/

#list_imgtxt {
	margin: 25px 0 0 0;
}

#list_imgtxt p {
	margin: 0;
	padding: 0;
}

#list_imgtxt .list_one {
	padding: 15px 0;
	border-top: dotted 1px #cccccc;
	overflow: hidden;
}

#list_imgtxt .thumbnail {
	object-fit: cover;
	width: 310px;
	height: 210px;
	background-color: #ccc;
	float: left;
	max-width: none;
}

#list_imgtxt .txt_box {
	width: 620px;
	float: right;
}

#list_imgtxt p.img_title {
	font-size: 20px;
	line-height: 1.2;
}

#list_imgtxt p.img_title a:link,
#list_imgtxt p.img_title a:visited {
	text-decoration: none;
}

#list_imgtxt p.img_title a:hover,
#list_imgtxt p.img_title a:active {
	text-decoration: underline;

}

#list_imgtxt p.img_read {
	color: #666666;
	line-height: 1.4;
	margin: 15px 0 0 0;
	height: 7em;
	overflow: hidden;
}

#list_imgtxt p.more {
	margin: 25px 0 0 0;
	text-align: right;
}

/*==============================================

#fb_comment

==============================================*/

#fb_comment {
	margin: 50px 0 0;
}

#fb_comment iframe {
	width: 950px !important;
}

/*==============================================

contact

==============================================*/

div.form_wrap {
	background-color: #fff;
}

div.form_wrap .kiji_title,
div.form_wrap p {
	color: #333;
}

#contact_area {
	width: 950px;
	margin: 25px auto 0 auto;
	padding: 0 0 25px 0;
}

table#contact_form {
	margin: 25px 0 0 0;
	border-collapse: collapse;
}

table#contact_form th,
table#contact_form td {
	border-top: dotted 1px #cccccc;
	border-bottom: dotted 1px #cccccc;
	padding: 15px 10px;
	font-size: 13px;
	color: #333333;
}

#contact_form th {
	font-weight: normal;
}

table#contact_form td.sub {
	color: #CC0000;
}

table#contact_form td.sub2 {
	background-color: #fff;
}

table#contact_form td label {
	margin: 0 25px 0 5px;
}

table#contact_form th span,
table#contact_form td span {
	font-size: 12px;
	margin: 0 0 0 10px;
}

table#contact_form input.contactform_txt {
	padding: 5px;
	width: 220px;
	border: solid 1px #afafaf;
}

table#contact_form input.contactform_txt_s {
	width: 60px;
	padding: 5px;
	border: solid 1px #afafaf;
}

table#contact_form input.contactform_txt_l {
	width: 450px;
	padding: 5px;
	border: solid 1px #afafaf;
}

table#contact_form .contactform_txtarea {
	width: 460px;
	height: 250px;
	border: solid 1px #afafaf;
}

#contact_area .form_btn_area {
	text-align: center;
	margin: 15px 0 0 0;
}

#contact_area .contactform_btn {
	padding: 10px 70px;
}

#contact_area .alertS {
	color: #cc0000;
}

#contact_area .other_txt {
	margin-left: -15px;
	width: 380px;
}

.form_freespace {
	margin: 25px auto 0 auto;
	padding: 0;
	width: 900px;
}

#widgets {
	display: flex;
}

#widgets>* {
	margin-right: 5px;
}
