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

/* Reset
------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section{
	display:block;
}
ul{
	list-style: none;
}


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

body{
	margin: 0 auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "MS Pゴシック", "MS P Gothic", Helvetica, Arial, sans-serif;
	font-size:0.8em;
	background : url(./bg_body.png) 0% 0% / auto auto repeat-x scroll padding-box border-box transparent;
}

a{
	color:#333; text-decoration:none;
}
a:hover{
	color:#f33;
}

img.aligncenter{
	display:block; margin:0 auto;
}
img.alignright{
	float:right; margin:0 0 15px 15px;
}
img.alignleft{
	float:left; margin:0 15px 15px 0;
}

/*//////////////////////////////////////////////////////////////
	clearfix
//////////////////////////////////////////////////////////////*/
.clearfix::after{
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix{
	min-height: 1px;
}

* html .clearfix{
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*//////////////////////////////////////////////////////////////
	container
//////////////////////////////////////////////////////////////*/
.container{
	width:960px; margin:0 auto;
}

/*//////////////////////////////////////////////////////////////
	header
//////////////////////////////////////////////////////////////*/
.header{
	position:relative; height:75px;
}
	.header h1, .header .logo{
	padding-top:10px;
}
	.head-nav{
	position:absolute; top:10px; right:220px;
}
	.head-nav ul li{
	float:left;
}
	.fontsize{
	position:absolute; top:5px; right:0;
}
	.search{
	position:absolute; bottom:5px; right:0;
}
		
/*//////////////////////////////////////////////////////////////
	nav
//////////////////////////////////////////////////////////////*/
.nav{
	height:39px; padding-bottom:5px; background : url(./bg_nav_bottom.png) left bottom / auto auto repeat-x scroll padding-box border-box transparent;
}
	.nav ul li{
	float:left;
}
		.nav ul li a{
	display:block; width:192px; height:29px; padding-top:10px; text-align:center; background : url(./bg_nav.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent; font-size:14px;
			-webkit-transition:background 0.5s 0 ease, color 0.5s 0 ease, text-shadow 0.5s 0 ease;
			-moz-transition:background 0.5s 0 ease, color 0.5s 0 ease, text-shadow 0.5s 0 ease;
			-o-transition:background 0.5s 0 ease, color 0.5s 0 ease, text-shadow 0.5s 0 ease;
			transition:background 0.5s 0 ease, color 0.5s 0 ease, text-shadow 0.5s 0 ease;
			font-weight:bold;
			text-shadow:#fff 0 1px;
		}
		.nav ul li a:hover, .nav ul li a.active{
	background : url(./bg_nav_h.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent; color:#fff; text-shadow:#666 0 1px;
}

/*//////////////////////////////////////////////////////////////
	img-home
//////////////////////////////////////////////////////////////*/
.img-home{
	margin:15px 0; width:960px; height:223px;
}

/*//////////////////////////////////////////////////////////////
	wrapper
//////////////////////////////////////////////////////////////*/
.wrapper{
	padding-top:30px;
}

/*//////////////////////////////////////////////////////////////
	breadcrumbs
//////////////////////////////////////////////////////////////*/
.breadcrumbs{
	margin:0 0 20px 0; font-size:0.8em; padding:3px; border-bottom:1px dotted #c1c1c1;
}
	.breadcrumbs a{
	padding:3px 0 3px 10px; background : url(./list_blue.png) left center / auto auto no-repeat scroll padding-box border-box transparent;
}

/*//////////////////////////////////////////////////////////////
	left center right 共通
//////////////////////////////////////////////////////////////*/
.left, .center, .right{
	float:left;
}

/*//////////////////////////////////////////////////////////////
	left right
//////////////////////////////////////////////////////////////*/
.left{
	width:230px; margin-right:15px;
}
	.left ul.bna, right ul.bna{
	margin-bottom:15px;
}
	.left ul.bna li, .right ul.bna li, .sub-left ul.bna li{
	margin-bottom:5px; height:40px;
}
	.left ul.bna li img, .sub-left ul.bna li img {opacity:0.85;
		-webkit-transition:opacity 0.5s 0 ease, box-shadow 0.5s 0 ease;
		-moz-transition:opacity 0.5s 0 ease, box-shadow 0.5s 0 ease;
		-o-transition:opacity 0.5s 0 ease, box-shadow 0.5s 0 ease;
		transition:opacity 0.5s 0 ease, box-shadow 0.5s 0 ease;
	}
	.left ul.bna li img:hover, .sub-left ul.bna li img:hover{
	opacity:1;
		-webkit-box-shadow:0 0 3px #666;
		-moz-box-shadow:0 0 3px #666;
		box-shadow:0 0 3px #666;
	}

/*//////////////////////////////////////////////////////////////
	center
//////////////////////////////////////////////////////////////*/
.center{
	width:550px; margin-right:15px;
}

	/*//////////////////////////////////////////////////////////////
		topics
	//////////////////////////////////////////////////////////////*/
	.topics {}
		.topics h2{
	height:40px;
}
		.topics-box{
	width:548px; border:1px solid #089dcb; max-height:350px; overflow:auto;
}
			.topics-box ul{
	margin:5px;
}
				.topics-box li a{
	padding:5px; border-bottom:1px dotted #ccc; display:block;
}

/*//////////////////////////////////////////////////////////////
	right
//////////////////////////////////////////////////////////////*/
.right{
	width:150px;
}
	.right ul li img {opacity:0.85;
		-webkit-transition:box-shadow 0.5s 0 ease;
		-moz-transition:box-shadow 0.5s 0 ease;
		-o-transition:box-shadow 0.5s 0 ease;
		transition:box-shadow 0.5s 0 ease;
	}
	.right ul li img:hover{
		-webkit-box-shadow:0 0 3px #666;
		-moz-box-shadow:0 0 3px #666;
		box-shadow:0 0 3px #666;
	}
	
/*//////////////////////////////////////////////////////////////
	sub-left
//////////////////////////////////////////////////////////////*/
.sub-left{
	width:230px; float:left;
}

/*//////////////////////////////////////////////////////////////
	widget
//////////////////////////////////////////////////////////////*/
.widget {}
	.widget div{
	margin:15px 0; border:1px solid #ccc;
}
		.widget div h3{
	background : url(./h3_widget.png) left center / auto auto repeat-x scroll padding-box border-box transparent; padding:4px; color:#036; font-weight:normal; text-shadow:#fff 0 1px;
}
		.widget div ul li a{
	display:block; border-bottom:1px dotted #ccc; padding:3px 0 3px 10px; background : url(./list_red.png) left center / auto auto no-repeat scroll padding-box border-box transparent;
}

/*//////////////////////////////////////////////////////////////
	sub-right
//////////////////////////////////////////////////////////////*/
.sub-right{
	width:700px; float:right;
}
	.sub-right h1{
	background : url(./h1.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent; height:45px; padding:10px 0 0 30px; color:#fff; font-weight:normal; margin-bottom:40px; font-size:25px;
}
	.sub-right h2{
	background : url(./h2.png) left center / auto auto no-repeat scroll padding-box border-box transparent; padding:5px 0 5px 30px; border-bottom:1px dotted #09F; font-weight:normal; margin:30px 0 10px 0; clear:both;
}
	.sub-right h3{
	background : url(./h3.png) left center / auto auto no-repeat scroll padding-box border-box transparent; padding:3px 0 3px 15px; color:#09f; margin:20px 0 5px 0;
}
	.sub-right h4{
	background:#09F; color:#fff; font-weight:normal; padding:3px; margin:5px 0; clear:both;
}
	
	.sub-right p{
	line-height:1.5em; margin:0 0 10px 5px;
}
	.sub-right p.bg-gral{
	padding:5px; background:#eee; margin:0 15px 10px 15px;
}
	.sub-right p.pagetopnav{
	text-align:right; clear:both;
}
	.sub-right p.pagetopnav a{
	text-decoration:none;
}
		.sub-right p a, .sub-right ul a, .sub-right dl a, .sub-right table a, .sub-right ol li a, .photobox a{
	text-decoration:underline; color:#06F;
}
		.sub-right p a:hover, .sub-right ul a:hover{
	color:#c00;
}
	.sub-right ul{
	margin:0 0 10px 30px; list-style:disc;
}
	.sub-right ol{
	margin:0 0 10px 30px;
}
	
	.red{
	color:#f00;
}
	.font-small{
	font-size:0.85em;
}
	
	.sub-right dl.qanda {}
		.sub-right dl.qanda dt{
	background : url(./qaq.png) left top / auto auto no-repeat scroll padding-box border-box transparent; padding:30px 0 0 55px; border-bottom:1px dotted #ccc; font-weight:bold;
}
		.sub-right dl.qanda dd{
	background : url(./qaa.png) left top / auto auto no-repeat scroll padding-box border-box transparent; padding:30px 0 0 55px; margin-bottom:50px;
}
		
	.sub-right address.access{
	border:1px solid #ccc; padding:10px; margin:15px; font-style:normal;
}
	
	.sub-right .choutatsu{
	border:1px solid #09F; padding:10px; margin:20px;
}
		.sub-right .choutatsu h2{
	margin-top:0;
}
		
	/*//////////////////////////////////////////////////////////////
		machikado
	//////////////////////////////////////////////////////////////*/
	.koe-odd, .koe-even{
	border:1px solid #ccc; padding:0 10px; margin:15px 0; border-radius:6px;
}
	.koe-odd{
	background : url(./bg_odd.png) left top / auto auto repeat-x scroll padding-box border-box transparent;
}
	.koe-even{
	background : url(./bg_even.png) left top / auto auto repeat-x scroll padding-box border-box transparent;
}
		.koe-odd img.alignright, .koe-even img.alignright{
	padding:3px; border:1px solid #ccc; background:#fff;
}
	
	/*//////////////////////////////////////////////////////////////
		pagenav
	//////////////////////////////////////////////////////////////*/
	.pagenav {}
		.pagenav ul{
	margin:0;
}
		.pagenav ul li{
	list-style:none; float:left;
}
			.pagenav ul li a{
	display:block; padding:5px; border:1px solid #ccc; margin:3px; border-radius:5px; text-decoration:none;
}
			.pagenav ul li a:hover{
	background:#eee;
}
	
	/*//////////////////////////////////////////////////////////////
		photobox
	//////////////////////////////////////////////////////////////*/
	.photobox{
	font-size:0.85em;
}
		.photoone{
	float:left; text-align:center; margin:5px;
}
			.photoone img{
	padding:5px; border:1px solid #ccc;
}
			.photoone img.icon{
	padding:0; border:none;
}
			
	/*//////////////////////////////////////////////////////////////
		kyushoku-j
	//////////////////////////////////////////////////////////////*/
	.kyushoku-j {}
		.kyushoku-j strong{
	color:#600; margin-right:10px;
}
			
	/*//////////////////////////////////////////////////////////////
		contact
	//////////////////////////////////////////////////////////////*/
	.contact{
	width:70%; margin:50px auto; padding:10px; text-align:center; border:1px solid #F03; background:#FFC; border-radius:6px; clear:both;
}
		.contact address{
	font-style:normal;
}
		
	/*//////////////////////////////////////////////////////////////
		link-box link-inner
	//////////////////////////////////////////////////////////////*/
	.link-box{
	width:700px; margin-right:-20px;
}
	.link-inner{
	width:330px; margin-right:20px; float:left;
}
	
	/*//////////////////////////////////////////////////////////////
		address.tel
	//////////////////////////////////////////////////////////////*/
	address.tel{
	font-style:normal; margin:10px 5px;
}
	
/*//////////////////////////////////////////////////////////////
	table
//////////////////////////////////////////////////////////////*/
table{
	border-collapse:collapse; width:95%; margin:5px auto;
}
th{
	border:1px solid #ccc; padding:5px; background:#DEE0C9;
}
td{
	border:1px solid #ccc; padding:5px;
}
.time-table{
	text-align:center;
}
	
	/*//////////////////////////////////////////////////////////////
		box-basic
	//////////////////////////////////////////////////////////////*/
	.box-basic{
	width:700px; margin:0 -10px 0 5px;
}
		.box-inner{
	width:163px; float:left; margin:0 10px 10px 0; border:1px solid #ccc;
}
		.box-basic h4{
	background:none; border-bottom:1px solid #ccc; margin:0; padding:0;
}
			.box-basic h4 a{
	color:#900; display:block; padding:3px;
}
			.box-basic h4 a:hover{
	color:#fff; background:#900;
}

/*//////////////////////////////////////////////////////////////
	footer footer-inner footer-box
//////////////////////////////////////////////////////////////*/
.footer{
	margin-top:40px; background : url(./bg_footer.png) 0% 0% / auto auto repeat-x scroll padding-box border-box transparent; clear:both;
}
	.footer-inner{
	width:960px; margin:0 auto; border-top:1px dotted #ccc; padding-top:15px; position:relative;
}
		.footer-inner address{
	font-style:normal; font-size:0.85em;
}
		.footer-inner p.copy{
	font-size:0.85em; color:#09F; text-align:center; margin:20px 0 5px 0; clear:both;
}
		
		.footer-box{
	width:650px; margin:0 auto; text-align:center;
}
			.footer-box-left, .footer-box-right{
	width:300px; text-align:left; padding:10px;
}
			.footer-box-left{
	float:left;
}
			.footer-box-right{
	float:right;
}
			
		.btn-pt{
	position:absolute; top:0; right:0;
}
		
		.footer-nav{
	text-align:center; border-top:1px dotted #ccc; padding-top:10px; clear:both;
}
			.footer-nav a{
	margin:0 15px; padding:3px 10px; background : url(./list_blue.png) left center / auto auto no-repeat scroll padding-box border-box transparent; text-decoration:underline;
}


/*//////////////////////////////////////////////////////////////
	slider
//////////////////////////////////////////////////////////////*/
#wrp{
    width:960px;
    height:223px;
    background-color:rgba(0,0,0,0.5);
    margin:0 auto;
}

#mainImg{
    margin: 0 auto;
    width: 100%;
    height: 100%;
    text-align: left;
    overflow: hidden;
    position: relative;
}

#mainImg img{
    top: 0;
    left: 0;
    position: absolute;
}


/*//////////////////////////////////////////////////////////////
	movie
//////////////////////////////////////////////////////////////*/

.moviebox{
	width:230px; box-sizing:border-box; border:1px solid #cccccc; float:left; margin-bottom:5px; padding:5px;
}
.moviebox h4{
	text-align:center; margin-top:0px;
}
.moviebox p{
	text-align:left; margin:0px !important;
}
.moviebox span{
	font-size:80%; text-align:center;
}
.moviebox img:hover{ opacity:0.5;}
.movie5px{
	width:5px; float:left; display:block;
}

/* fukuokaArea deleteArea
--------------------------------------------- */
body{background-image:none;}
.header,
.nav,
.breadcrumbs,
.sub-left,
.footer{display:none;}
.sub-right{
  margin: 0 auto;
  float: none;
}