﻿/*全体のmargin指定*/
body { 
	margin	: 0;
	padding	: 0; 
	line-height		: 1.4em;
    min-width: 767px;/*スマホ*/
    /*background: rgba(0, 0, 0, 0) url("/common/images/back_img.jpg") repeat-x scroll left top;*/
}
div.BlockTemplateArea{
/*携帯用記事のプレビュー　*/
	margin		: 10px;
	padding		: 0.5em;
}

/*-----------------------------------
	COMMON
------------------------------------*/
.hidden {
	display		:none;
}	
.clear {
	clear:both;　/*floatの解除*/
	margin:0;
	padding:0;
}
.makesmall {
	margin:0;
	padding:0;
	line-height		: 0.2em;
	width		:100%;
	height		: 1px;
}	

/* -----------------------------------
	HEADER
 -----------------------------------*/ 
#header {
	margin:0;
	padding:0;
	display		:table;
    /*table-layout: fixed;*/
	width		:100%;
	height		: 75px;
	background	: #fff url(/common/images/spacer.gif) no-repeat center bottom;
}
#header_left {
	display		:table-cell;
	width		: 240px;
	vertical-align:top;
}
#header_left img {
	margin 		:10px;
} 
#header_center {
	display		:table-cell;
	vertical-align:top;
}

#header_right {
	display		:table-cell;
	width		: 360px;
	text-align	:right;
	vertical-align:top;
}
#header_right_right { 
	padding		:10px 10px 0 0;
}
.search_form { 	
	display		: box;
	padding	: 0 50px 0 0;
}
.search_button {
	width: 100px; 
	height: 26px;
	vertical-align:middle;
}
#search3 { 
	height: 25px;
}

#header_right_right img {
	margin:0;
	padding	: 5px 15px 0 0; 
	vertical-align:middle;
}
#fontcol { 
}
#fontcol a {
	font-weight	: bold; 
	padding	: 0 15px 0 0; 
	text-shadow:
	-1px -1px 3px #fff,
	1px -1px 3px #fff,
	1px 1px 3px #fff,
	-1px 1px 3px #fff;
}


#header_bottom {
	margin:0;
	padding:16px 0 0 0;
	width:100%;
	height:38px;
}

ul#menu
{
  	padding:0;
  	margin:0 auto;
  	list-style-type: none;
  	text-align:center;
	white-space: nowrap;
}

#menu li
{
	display: inline;
	list-style-type: none;
}

#menu li a { 
	padding: 16px 14px;
  	/*font-size:95%;*/
  	font-weight:bold;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
  	/*text-shadow:0 -1px 0px #333,0 1px 0px #555;*/
 }

#menu li a:link, #menu li a:visited
{
	color: #FFF;
	background-color: #b6035b;
	text-decoration: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	background: -webkit-gradient(linear, center top, center bottom, from(#f73595), to(#b6035b));
	background: -webkit-linear-gradient(top, #f73595, #b6035b);
	background: -moz-linear-gradient(top, #f73595, #b6035b);
	background: -o-linear-gradient(top, #f73595, #b6035b);
	background: -ms-linear-gradient(top, #f73595, #b6035b);
	background: linear-gradient(top, #f73595, #b6035b);
}

#menu li a:hover
{
	color: #fff;
	background-color: #f73595;
	text-decoration: underline;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	background: -webkit-gradient(linear, center top, center bottom, from(#aaaaaa), to(#555555));
	background: -webkit-linear-gradient(top, #aaaaaa, #555555);
	background: -moz-linear-gradient(top, #aaaaaa, #555555);
	background: -o-linear-gradient(top, #aaaaaa, #555555);
	background: -ms-linear-gradient(top, #aaaaaa, #555555);
	background: linear-gradient(top, #aaaaaa, #555555);
}

/* -----------------------------------
	MAIN
 -----------------------------------*/ 
.pankuzu{
	margin	: 0.5em 10px; 
	padding-bottom	:  20px;
	font-size: 90%;
}
.mainvisual{
	text-align:center;
	margin: 0 auto 3px auto;
	padding:0:
}
/*インデント設定（一文字字下げ）*/
.indent {  
	text-indent: 1em;
}
.article_main {
	margin:0 20px;
}

div.htmltitle{
	margin	: 0.5em 20px;
	padding: 5px 0.5em;
    border-top: 5px double #e287b5;
    border-bottom: 5px double #e287b5;
}
div.htmltitle img{
	padding: 5px 0.5em;
	border:none;
	vertical-align:middle;
}
div.htmltitle h1{
	display:inline;
	vertical-align:middle;
	padding:0 0.5em;
}

div.releasedate{
	text-align:right;
	padding-right:30px;
}
span.smallgrey{
	font-size: 90%;
}

div.box2 { 
	margin	: 0.5em 0;
	/*padding	: 0.3em 0.5em 0.2em 0.5em;*/
    border-top: 5px solid ;
	text-align:center;
}
#footer{
	margin:10px 20px 5px 20px;
}
#footer ul {
	margin: 0 15px;
	padding			:10px;
	text-align		: center;
}
#footer li {
	margin			: 0 15px 0 15px;
	display			: inline; 
	font-size		: 90%;
}
#adsense{
	margin	: 5px;
	padding	: 0;
	text-align: center;
}
#Inquiry {
	margin: 5px 0;
	clear		: both; 
	padding		: 10px 0;
	text-align	: left;
}
#hr02{
	border-width : 	2pt;
	border-style : double;
	padding: 10px;
	border-bottom:0;
}
#hr03{
	border-width : 2pt;
	border-style : double;
	padding: 10px;	
}
.linkfree{
	margin:5px 10px;
	text-align: right;
}
.linktop2 {
	margin:5px 10px;
	text-align: right;
	font-size		: 90%;
}
.opendata{
	margin:5px 10px;
	text-align: right;
}
#copyright {
	margin: 0;
	padding			:0.5em 0;
	text-align		: center;
	font-size       :    90%;
}



/* ---------------------------------

	twocolumn

  ----------------------------------*/
div#twocolumn_table{
	width: 100%;
	display:table;
	table-layout: fixed;
}
div#twocolumn_left{
	overflow:visible;
	display:table-cell;
	margin	: 0;
	padding	: 0.5em 0.5em 0 0;
	vertical-align:top;
}
div#twocolumn_right{
	width:360px;
	overflow:visible;
	display:table-cell;
	margin	: 0;
	padding	: 0.5em 0 0 0.5em;
	vertical-align:top;
}

/* ---------------------------------

	threecolumn

  ----------------------------------*/

div#threecolumn_table{
	width: 100%;
	margin:	0;
	padding: 0;
	display:table;
	table-layout: fixed;
}
div#threecolumn_center{
	overflow:visible;
	display:table-cell;
	margin	: 0;
	padding	: 0.5em 0.5em;
	vertical-align:top;
}
div#threecolumn_left{
	width:240px;
	overflow:visible;
	display:table-cell;
	margin	: 0;
	padding	: 0.5em 0.5em 0 0;
	vertical-align:top;
}
div#threecolumn_right{
	width:240px;
	overflow:visible;
	display:table-cell;
	margin	: 0;
	padding	: 0.5em 0 0 0.5em;
	vertical-align:top;
}

/* ---------------------------------

	main

  ----------------------------------*/
.top_slick_cotainer{
	/*2018 margin:0 auto;*/
	margin:0.5em auto 3.0em auto; /*2018*/

	padding:0;
	vertical-align:top;
    border-radius: 10px;          
    -webkit-border-radius: 10px;      
    -moz-border-radius: 10px;  
	width:100%;
}
.top_slick_main{
	height:200px;
	max-width:784px;
	margin:0 auto 20px auto;
	padding:0 10px;
}
.slick-dots li {
	margin: 0 10px;
	padding: 0 8px;
	border: 1px solid;
    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
}
.slick-dots li a {
	display:inline-block;
	margin: 0 0 0 -4px;
	padding: 0 4px;
	width:100%;
	text-decoration: none;
	font-size: 14px;
}
.slick-dots li a:hover {
   text-decoration:underline;
	font-weight:bold;
}

.single-item div img {
	height:200px;
	width:100%;
}

#top_namisen{
	margin:5px auto;
	margin-bottom:10px;
	height:75px;
	/*max-width:800px;*/
	width:100%;
	-moz-background-size:90% 100%;
	background-size:90% 100%;
}

#top_main {
	margin:0;
	padding:0;
	display		:table;
	width		:100%;
	table-layout: fixed;
}
#top_left {
	margin:0 5px;
	padding:0 10px;
	display		:table-cell;
	width		: 240px;
	vertical-align:top;
}
#top_center {
	margin:0 5px;
	padding:0 5px;
	display		:table-cell;
	vertical-align:top;
}

#top_right {
	margin:0 5px;
	padding:0 10px;
	display		:table-cell;
	width		: 240px;
	vertical-align:top;
}

.top_heading0,.top_heading1,.top_heading2,.top_heading3{
	margin 	 :1.0em 0 0 0;
   	padding:0.2em;
   	padding-left:25px;
    position:relative;
   	font-weight: bold;
   	/*2018 border-radius:5px;*/
   	/*2018 -webkit-border-radius:5px;*/
   	/*2018 -moz-border-radius:5px;*/
	border:1px solid;
}
.top_heading0:before,.top_heading1:before,.top_heading2:before,.top_heading3:before{
    content:''; 
    height:1.4em; 
    width:4px; 
    display:block; 
    position:absolute; 
    top:0.2em; 
    left:6px; 
    /*2018 border-radius:5px;*/
    /*2018 -webkit-border-radius:5px;*/
    /*2018 -moz-border-radius:5px;*/
    border-left: 4px solid;
}
.top_heading4,.top_heading5,.top_heading6{
/*レベル下見出し*/
	margin 	 :0.5em 0 0 0;
   	padding:0.2em;
   	padding-left:20px;
    position:relative;
   	font-weight: bold;
   	border-radius:5px;
   	-webkit-border-radius:5px;
   	-moz-border-radius:5px;
}
.top_heading4:before,.top_heading5:before,.top_heading6:before{
   	content:''; 
   	height:1.4em; 
   	width:4px; 
   	display:block; 
   	position:absolute; 
    top:0.2em; 
   	left:6px; 
   	/*2018 border-radius:5px;*/
   	/*2018 -webkit-border-radius:5px;*/
   	/*2018 -moz-border-radius:5px;*/
   	border-left: 4px solid;
}
.top_heading7{
/*画像用*/
	margin 	 :0.5em 0 0 0;
   	padding:0.1em;
   	padding-left:5px;
    position:relative;
   	font-weight: bold;
   	border-radius:5px;
   	-webkit-border-radius:5px;
   	-moz-border-radius:5px;
	border:1px solid;
}
.top_heading7 img{
   	padding-right:10px;
	vertical-align:middle;
}
/*2018*/
.top_box0 img{
	margin:0 auto;
	padding:0 0 0 35px;

}
.top_box2 ul li.top_heading10,
.top_box2 ul li.top_heading11,
.top_box2 .top_heading10{
	margin	:0;
	padding	:0 0.2em;
}
.top_box2 ul li.top_heading10,
.top_box2 .top_heading10{
	height:2.6em;
  	margin:2px 0;
/*	padding:0.8em 0.5em 0 0.5em;*/
	list-style-type	:	none;
   	font-weight: bold;
}
.top_box2 ul li.top_heading11{
	height:3.2em;
  	margin:2px 0;
/*	padding:1.0em 0.5em 0 0.5em;*/
	list-style-type	:	none;
   	font-weight: bold;
}
.top_box2 ul li.top_heading10 a,
.top_box2 .top_heading10 a{
	height:2.6em;display:table-cell;vertical-align:middle;width:240px;text-align:center;
	text-decoration: none;
	line-height:1.2em;
}
.top_box2 ul li.top_heading11 a{
	height:3.2em;display:table-cell;vertical-align:middle;
	padding-left:5px;

	text-decoration: none;
	line-height:1.2em;
}
.top_box2 .top_heading10 a:hover
,.top_box2 .top_heading11 a:hover{
	text-decoration: underline;
}
.top_box2 .top_bunya{
  	margin:2px auto;
	padding-left:10px;
}
.top_bunya img,.top_sns img{
	vertical-align: middle;
	margin-right: 10px;
}
.top_sns{
  	margin:5px auto;
}

/*2018*/
.top_box0,.top_box1,.top_box2,.top_box3 {
	margin 	 :0 0 0.5em 0;
	padding  : 5px 5px;
    /*2018 border-radius:5px;*/
    /*2018 -webkit-border-radius:5px;*/
    /*2018 -moz-border-radius:5px;*/
	border 	:  1px solid; 

}
.top_box0 .box_footer,
.top_box1 .box_footer,
.top_box2 .box_footer,
.top_box3 .box_footer{
  	margin:10px 10px 0 10px;
	border-top:2px dotted;
}

.top_box0 ul,
.top_box1 ul,
.top_box2 ul,
.top_box3 ul{
	padding: 0;
	margin: 0 0 0 10px;
}
.top_box0 ul li,
.top_box1 ul li,
.top_box2 ul li,
.top_box3 ul li{
	background		:	url(/common/images/LinkListA01Arw.gif) no-repeat 0 0.6em;
	padding	:0.2em 0 0 0.5em;
	list-style-type	:	none;
}

.top_box0 .box_footer ul,
.top_box1 .box_footer ul,
.top_box2 .box_footer ul,
.top_box3 .box_footer ul{
  	margin:5px auto;
  	padding:0;
  	list-style-type: none;
  	text-align:right;
}
.top_box0 .box_footer ul li,
.top_box1 .box_footer ul li,
.top_box2 .box_footer ul li,
.top_box3 .box_footer ul li{
 	background		:none;
 	margin:2px 0;
  	padding:0 10px;
	display: inline;
	list-style-type: none;
}
.top_box0 p,
.top_box1 p,
.top_box2 p,
.top_box3 p{
	padding: 0;
	margin: 0;
}
.box_footer img{
	vertical-align:middle;
	margin-right:5px;
}
.top_tokkikki{
 	margin:5px auto;
  	padding:0;
	vertical-align:top;
  	text-align:center;
}
.top_indexes,
.top_indexes,
.top_indexes{
	display:inline-block;
	padding	:0.5em 0.2em 0.2em 0.2em;
}


/*  --------------------------------
	banner
  ---------------------------------*/
#top_banner {
	margin:5px auto;
	clear			: both; 
	width			: 95%; 
	padding		:  20px 10px;
    border-top: 1px dotted ;
}
#top_banner div.center{
	text-align:center;
}
#top_footer {
	margin	: 1em 5px;
	/*padding	: 0.3em 0.5em 0.2em 0.5em;
    border-top: 5px solid ;*/
	text-align:center;
/*	width: 98%; */
}
#top_footer ul {
	margin: 0 15px;
	padding			:10px;
	text-align		: center;
}
#top_footer li {
	margin			: 0 12px 0 12px;
	display			: inline; 
	font-size		: 90%;
}

#top_copyright {
	padding			:5px 0 0;
	text-align		: center;
	font-size       :    90%;
}

#pref-box {
    border-top: 1px solid ;
    border-bottom: 1px solid ;
	margin	: 0.5em 5px;
	padding	:0 25px;
	text-align		: left;
}
#governor {
	/*2018padding:0 5px;*/
/*2018*/
	padding:0;
	height:59px;

/*2018*/
}
/*2018*/
#governor a{
color: #FFF;
	text-decoration: none;
}
#governor a:hover{
	text-decoration: underline;
}

/*2018*/

#governor img{
	float:left;
	margin-right:5px;
/*2018*/
	vertical-align:top;
/*2018*/
}
.top_aligncener{
 	margin:5px auto;
  	padding:0 5px;
	vertical-align:top;
  	text-align:center;
}
.top_regionalinfo{
 	margin:5px 20px;
}






