@charset "utf-8";

/*New_Navi*/

#accordionbox h3 {
	color:black;
	cursor:pointer;
	background:#FFF url(../formal/town/img/icon01.gif) no-repeat 13px 1.1em;
	border-bottom:dotted 1px #CCC;
	border-left:5px solid #E9B82B;
	padding-left:20px;
	display:block;
	padding:9px;
	color:#333;
}

ul.accordion li p.here{
	background:#DADADA url(../formal/town/img/icon01.gif) no-repeat 13px 1.1em;
	color:white;
}

#accordionbox h3.active { background-image:url(../images/common/ac_close.png);
	font-weight:bold;
}

#accordionbox .accordion-block dl dt {
	background:white;
	text-decoration:underline;
	color: #36C;
	border-bottom:solid 1px #CCC;
	position: relative;
}

#accordionbox .accordion-block dl dt a {
	display:block;
	padding:5px 7px;
	text-decoration:none;
	color:#333;
	font-size:11px;
	border-left:solid 5px #36C;
}

#accordionbox .accordion-block dl dt span{
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	width: 15px;
	height: 15px;
	background:url(../images/common/ac_open.png)no-repeat 50% 50%;
	background-size: 15px;
}

#accordionbox .accordion-block dl dt span.active{
	background:url(../images/common/ac_close.png)no-repeat 50% 50%;
	background-size: 15px;
}

#accordionbox .accordion-block dl .accsub_body{
	display: none;
}

#accordionbox .accordion-block dl dd {
	background:white;
	font-size: 12px;
	text-decoration:underline;
	color: #36C;
	border-bottom:solid 1px #CCC;
}

#accordionbox .accordion-block dl dd a {
	display:block;
	padding:5px 7px;
	text-decoration:none;
	color:#333;
	font-size:11px;
	border-left:solid 5px #ccc;
}

#accordionbox h3 { background:#FFF url(../images/common/ac_open.png) no-repeat 95% 50%;}
#accordionbox h3.active { background:url(../images/common/ac_close.png) no-repeat 95% 50%!important;}

/***********************************************/
/* #maim style                              */
/***********************************************/



.important01{
	color:#0C2462;
	font-weight:bold;
}

.index01{
	font-weight:bold;
	font-size:1.2em;
	color:#0C2462;
}

.index02{
	font-size:1.4em;
	padding-bottom:5px;
	margin-bottom:15px;
	background:url(../formal/info/img/line.gif) no-repeat bottom left  ;
}

.box01{
	padding:15px 20px;
	border:solid 1px #CCC;
	position:relative;
}

.box01 dl dt{
	float:left;	
	
}

.box01 dl dd{
	float:right;
}

.sp_style .box01 dl dd{
	float:none;
	text-align:center;
}

.btn_watch{
	padding-top:30px;
	text-align:center;
/*	position:absolute;
	bottom:15px;
	left:120px;*/
}

.sp_style .btn_watch{
	margin: 15px 0;
}

.inner2{
	padding:0 27px;
}

.bb{
	border:none;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:dotted 1px #004264;
}


body.sp_style #container{
	margin:38px 0 40px 0;
}

#breadCrumb{
	font-size:1.4em;
	margin-bottom:15px;
}

/*container*/

#spcont{
	margin-top:-20px;
}

#container #cont_l{
	width:198px;
	float:left;
	margin-bottom:30px;
}

.sp_style #container #cont_l,
.sp_style #container #cont_r{
	width:100%;
	/*background:none;*/
	text-align:left;
}

.sp_style .lnav h3.ltit_top{
	text-align:center;
	width:100%;
	font-size:1.6em;
	color:white;
	background:#015486;
	padding:10px 0;
	height:auto;
	text-decoration:none!important;
}

.lnav h3.ltit_top{
    color: #002C60;
    width: 195px;
    height: 17px;
    background: url("../formal/town/img/ltit_bg01.png") no-repeat scroll 0% 0% transparent;
    display: block;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
    padding: 13px 0px 10px 10px;
    letter-spacing: 0.1em;
}

.sp_style .lnav h3.ltit_top a{
/*	background:none;
	text-align:center;
	width:100%;*/
	text-decoration:none!important;
}

.border_o{
	border:solid 1px #FBBA39;
}

.border_g{
	border:solid 1px #CCCCCC;
	background-color:#D5D5D5;
}

.sp_style .border_g{
	border:none;
}

#container #cont_r{
	width:738px;
	float:right;
	background:white;
	border:solid 1px #CCC;
	padding-bottom:10px;
}

.pc_style #container #cont_r{
	margin-bottom:30px;
}

/*cont_l*/
.lnav h3.ltit_top{
	width:195px;
}

.lnav h3.ltit_top{
	color:#002C60;
	width:195px;
	height:17px;
	background:url(../formal/town/img/ltit_bg01.png) no-repeat;
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em;
	padding:13px 0 10px 10px;
	letter-spacing: 0.1em;
}

.lnav h3.noarrow{
	background:url(../formal/town/img/ltit_bg02.png) no-repeat;
}

.lnav h3.ltit_top a{
	text-decoration:none;
	color:#333;
}

.lnav ul.llist01{
	background-color:#FFF;
	border:solid 1px #D5D5D5;
}

.lnav ul.llist01 li{
	border-bottom:dotted 1px #CCC;
	background:url(../formal/town/img/icon01.gif) no-repeat 13px 1.2em;
	padding-left:33px;
	padding-top:13px;
	padding-bottom:13px;
}

.lnav ul.llist01 li.lastcont{
	border:none;
}

.lnav ul.llist01 li a{
	text-decoration: underline;
	color:#0033CC;
}

.lnav ul.llist01 li a:hover{
	color:black;
	color:#900;
}

.lnav ul.llist01 li.present{
	background:#FFF2D8 url(../formal/town/img/icon01.gif) no-repeat 13px 1.2em;
}

/*cont_r*/

#maincont{
	padding:30px;
}

#maincont2{
	padding:20px;
}

.maintit{
}

#container:after{
	content:"";
	display:block;
	clear:both;	
}

.table01 tr td{
	font-size:0.9em;
	padding:2px;
}

.table01{
	margin-bottom:5px;
}

.table02 {
}

.table02 tr th{
	white-space:nowrap;
	font-weight:bold;
	color:black;
}

.table02 tr th,.table02 tr td{
	padding:5px;
	line-height:1.6em;
}


.box01{
	margin-bottom:20px;
}

.box01 .box01_l{
	width:390px;
	float:left;
}

.box01 .box01_r{
	width:280px;
	float:right;
}

.box01 .box01_r dl dt{
	margin-bottom:5px;
}

.box01 .box01_r dl dd{
	text-align:left;
}

.box01 .box01_l h3{
	width:369px;
	height:20px;
	padding:10px 0 5px 20px;
	margin-bottom:13px;
	background:url(../formal/town/img/tit_bg01.gif) no-repeat;
}

ul.list02 li{
	margin-bottom:10px;
	background:url(../formal/town/img/icon_sq.gif) no-repeat 0 0.2em;
	padding-left:15px;
}

.box01:after,.box02:after{
	content:"";
	display:block;
	clear:both;
}

.box02{
	margin-bottom:35px;
}

.box02 h3{
	height:20px;
	padding:10px 0 5px 20px;
	margin-bottom:18px;
	background:url(../formal/town/img/tit_bg02.gif) no-repeat;
}

.box03{
	padding:15px;
	background:url(../formal/town/img/bg01_repeat.gif) repeat;
}

.box04{
	padding:15px;
	border:solid 3px #FFBD3A;
}

.supplement{
	clear:both;
}

.supplement p{
	font-weight:bold;
	border-top: dotted 1px #CCC;
	padding-top:18px;
	color:black;
}

.cont_half{
	width:320px;
	min-height:184px;
	float:left;
	margin-bottom:5px;
}

.leftcont{
	margin-right:58px;
}

.cont_half h3{
	width:320px;
	height:25px;
	padding:5px 0 0 10px;
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:10px;
	color:#0C2462;
	background:url(../formal/town/img/bg_tit01.gif) no-repeat;
}

.cont_half .list02 li{
	margin-bottom:0px;
}

.cont_half .table02{
	margin-bottom:5px;
}

#mapinfo{
	padding:0 30px 30px 30px;
}

#map{
	width:685px;
	clear:both;
	text-align:center;
	margin:0 auto;
}



/*
-----------------------------------------------------------------------
common
-----------------------------------------------------------------------
*/

/*-- スペース共通 --*/

.mr0{margin-right:0;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}
.mr50{margin-right:50px;}
.mr0{margin-left:0;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}
.mb0{margin-bottom:0px;}
.mb5{margin-bottom:5px;}
.mb7{margin-bottom:7px;}
.mb10{margin-bottom:10px;}
.mb13{margin-bottom:13px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb56{margin-bottom:56px;}
.mb60{margin-bottom:60px;}
.mb200{margin-bottom:50px;}

.mt0{margin-top:0;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt30{margin-top:35px;}
.mt40{margin-top:40px;}
.mt40{margin-top:45px;}
.mt50{margin-top:50px;}

.pr0{padding-right:0;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}
.pr45{padding-right:45px;}
.pr50{padding-right:50px;}
.pr0{padding-left:0;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
.pl45{padding-left:45px;}
.pl50{padding-left:50px;}
.pb0{padding-bottom:0;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px;}
.pb50{padding-bottom:50px;}
.pt0{padding-top:0;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt30{padding-top:35px;}
.pt40{padding-top:40px;}
.pt40{padding-top:45px;}
.pt50{padding-top:50px;}


/*-- 回り込み解除 --*/

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

.clear{	clear:both;}
.after:after{
	content:"";
	display:block;
	clear:both;
}
/*-- テキスト --*/
.txt1{ font-size:1em;}
.txt-blue{ color:#1D6AB2;}
.txt-red {	color:#E7022D;}
.txt-gray {	color:#999;}
.txt-small {	font-size:0.9em;}
.txt-bold {	font-weight:bold;}
.alert{ font-size:1em; color:#CC0000;}
.font_tel{
	font-size:1.2em;
	font-weight:bold;
	color:#0C2462;
}

.al-c {	text-align:center;}
.al-l {	text-align:left;}
.al-r {	text-align:right;}

/*--ROLLOVER--*/
.rollover a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:#fff;
}





/***********************************************/
/* #foot style                                 */
/***********************************************/


#footer-town{
 border-top:#fff 1px solid;
 background:url(../formal/town/img/bg-footer.jpg) repeat-x;
 clear:both;
}

#footer-town a{
 color:#FFFFFF;
 text-decoration:none;
}

#footer-town a:hover{
 color:#005078;
}

#footer-town .inner{
 margin:0 auto;
 padding:25px 0;
 position:relative;
 text-align:left;
 width:950px; 
}

#footer-town .inner ul{margin:0 0 14px}

#footer-town .inner ul li{
 background:url(http://www.mod.go.jp/msdf/formal/town/img/banner-separator.gif) repeat-y;
 display:inline;
 margin:0 0 0 10px;
 padding:0 0 0 12px;
}

#footer-town .inner ul li a{
 font-size:92.3%;
}

#footer-town .inner ul li a:hover{
 text-decoration:underline;
}

#footer-town .inner ul li.first-child{
 background:none;
 margin:0;
 padding:0;
}

#footer-town .inner dl dt,
#footer-town .inner dl dd{
/*  display:inline; */
}

#footer-town .inner dl dt{
 margin:1px 22px 0 0;
 float: left;
}

#footer-town .inner dl dd{
 background:url(../formal/town/img/icon-footer.gif) no-repeat 0 50%;
 margin:0 17px 0 0;
 padding:0 0 0 15px;
 float: left;
}

#footer-town .inner dl dd a{
 font-size:84.6%;
 font-weight:bold;
}

#footer-town .inner #copy{
 position:absolute;
 right:0;
 top:22px;
}

ul#oubo{
    padding: 0;
    margin: 0;
    width: 100%;
}

ul#oubo li{
    margin-top: 10px;
    margin-right: 11px;
    padding: 0;
    float: left;
/*    width: 31.8%;*/
    width: 49.2%;
    box-sizing:border-box;
    display: block;
    text-align: center;
}

ul#oubo li.last{
    margin-right: 0px!important;
}

@media screen and (max-width: 640px){
/* 640px以下は3列 */
ul#oubo li {
    width: 100%;
}
}

h3.ope_tt{
	font-size: 1.2em;padding-left:8px;border-left: 7px solid #3366FF;
}