@charset "UTF-8";

/* トップページ用スタイル */

div#h0title h1{
	margin: 0;
	padding: 0;	
}

div#top-imgbox{
	margin: 0;
	padding: 0;
	width:100%;
	height: 256px;
	background-color:#F5F0EB;
}

div.imagearea{
	margin: 0 auto;
	padding: 0;
    font-size: 0;
    width: 1000px;
}
div.imagearea ul{
    display: inline-block;
    background: url(../images/bg_t_main.png) no-repeat;
    height: 256px;
    margin: 0;
    padding:5px 0;
    vertical-align: top;
}

div.imagearea ul li{
    padding: 10px 15px 0;
    margin: 0;
    list-style: none;
    background: none;
}



div#linkbox{
	margin: 0;
	padding: 0;
	width:100%;
	height: 122px;
	background-color:#BCD740;	
	
}

div.emgcylink{
	margin: 0 auto;
	padding: 16px 0 0 30px;	
	min-width: 1000px;
}

div.emgcylink img{
	margin-right: 40px;		
}

/* cms */
ul.emgcylink{
	margin: 0;
	padding: 16px 0;
    min-width: 1000px;
}

ul.emgcylink li{
	display: inline;
    background-image: none;
	padding: 0;
	margin: 0 16px;
}

ul.emgcylink li a{
	display: inline-block;
	background: #fff;
	width: 440px;
	height: 86px;
	border: 1px solid #aaaaaa;
	position: relative;
	vertical-align: top;
	color: #333;
    font-size: 108%;
	/*font-weight: bold;*/
	font-feature-settings: "palt";
    /*font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "ＭＳ Ｐゴシック", Verdana, Geneva, Arial, Helvetica, sans-serif;*/
}

ul.emgcylink li a:hover{
	opacity: 0.8;
}

ul.emgcylink li a:after{
	content: url(/images/emergency_arrow.png);
	position: absolute;
    top: 34px;
	right: 16px;
}

ul.emgcylink li a > span{
	position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
}

/* グローバルナビ */
div#gnb {
	clear: both;
	margin: 0;
	padding: 0;
	height: 58px;
	background-color: #F7F5EE;
	/*box-shadow*/
	-webkit-box-shadow: 0 6px 5px -5px #aaa;
	-moz-box-shadow: 0 6px 5px -5px #aaa;
 	box-shadow: 0 6px 5px -5px #aaa;
}

ul.gnavi {
	margin: 20px auto 0 auto;
	padding: 0 0 0 0;
	text-align: left;
	width: 1000px;
	background-color: transparent;
	background-image: url(/images/c_bg_gnb_li.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
ul.gnavi li {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 1%;
	font-size: 1%;
	width: 220px;
	position:relative;
	height: 58px;
}
ul.gnavi li.parent {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 85%;
	width: 220px;
	height: 58px;
	position:relative;
	z-index: 100;
}
ul.gnavi li.parent a {
	display: block;
	margin: 0;
	padding: 0;
}
ul.gnavi li.lihome {
	float: left;
	width: 121px;
}
ul.gnavi li.lilast {
	float: left;
	width: 219px;
}


ul.gnavi li.parent div.sub {
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 58px;
	left: 0;
    width: 99%;
	font-size:12pt;
	color: #FFFFFF;
    background: #655745;
	_height: 1%;
}

ul.gnavi div.sub div {
	margin: 0;
	padding: 0;
}

ul.gnavi li div.sub div ul li{
	padding: 0 5px 0 22px;
	width: 180px;
	font-size:10pt;
	color: #FFFFFF;
	line-height: 120%;
    background: #655745;
	background-image: url(/images/icon_gnavisecond.png);
	background-repeat: no-repeat;
	background-position: 0.5em 0.3em;
	_zoom: 1;
}

ul.gnavi li div.sub div ul li a{
	display:block;
	font-size:10.5pt;
	color: #FFFFFF;
	line-height: 140%;
    background: #655745;
}

div#gnavi01 {
	background-position: top left;
}
div#gnavi02 {
	background-position: top left;
}
div#gnavi03 {
	background-position: top left;
}
div#gnavi04 {
	background-position: top left;
}
div#gnavi05 {
	background-position: top left;
}



/* 左カラム */
div#top-left {
	clear: both;
	float: left;
	margin: 20px 0 0 0;
	padding: 0 0 5px 0;
	text-align: left;
	width: 733px;
	background-color: #FFFFFF;
}

div#topic-news {
	margin: 0 0 15px 0;
	width: 728px;
	border: 3px solid #FAD9B2;
	background-color: #FAD9B2;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}

div.topicbox {
	margin:0;
	padding: 10px;
	width:706px;
	border: 1px solid #E28460;
	background-color: #FFF8E1;
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */
	font-size: 90%; 
}

div#topic-news div.topicbox h2{
	margin: 0;
	padding: 0 0 0 27px ; 
	color: #F85025;
	font-size: 120%;
	background-image:url(/images/icon_t_pickup.png);
	background-repeat: no-repeat;
	background-position: 0 0.1em;
}

div#topic-news div.topicbox ul {
	margin:10px 0 5px 0;
}
div#topic-news div.topicbox ul li.innerLink {
	margin:3px 0 0 0;
}
div#topic-news div.topicbox ul li.externalLink {
	margin:3px 0 0 0;
	background-image:url(/images/icon_t_pickup_outlink.png);
	background-repeat: no-repeat;
	background-position: 0 0.35em;
}
div#topic-news .topic_big {
	font-size: 110%; 
}
div#update-news{
	margin: 0 0 15px 0;
	width: 733px;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */ 
}

div.newsbox{
	padding: 10px;	
}

div#update-news div.newsbox h2{
	margin: 0;
	padding: 0 0 0 27px ; 
	color: #333333;
	font-size: 110%;
	font-weight: normal;
	background-image:url(/images/icon_t_news.png);
	background-repeat: no-repeat;
	background-position: 0 0.1em;
}
div#update-news div.newsbox div.listbox{
	overflow-y: scroll; 
	margin: 5px 0 0 0;
	background-color: #F8F8F8;
	height: 318px; /* 230px; 20171115新着情報枠拡大*/
}
div#update-news div.newsbox ul.info-list{
	margin: 0;
	padding: 10px;
	background-color: #F8F8F8;
	font-size: 90%;
}
div#update-news div.newsbox ul.info-list li{
	margin: 0;
	padding: 3px 0 3px 0;
	background-color: transparent;
	border: none;
}
ul.info-list .date {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 8.9em;
}
ul.info-list .category {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 5.4em;
}
ul.info-list li span {
	display: block;
	margin: 0 0 0 16em;
}
div#update-news div.newsbox a.externalLink{
	margin: 0;
	padding: 0 0 2px 23px;
	background-image: url(/images/icon_outlink.png);
	background-repeat: no-repeat;
	background-position: 0 0.26em;
	line-height: 1.5em;
}
div#update-news div.newsbox a.fileLink{
	margin: 0;
	padding: 0 0 2px 20px;
    background-image: url(/images/icon_download.png);
    background-repeat: no-repeat;
	background-position: 0 0.26em;
	line-height: 1.5em;
}

div#update-news div.newsbox p.newslist{
	float: right;
	margin: 6px 0 0 0;
	padding: 0 0 0 27px ; 
	font-size :80%;
	background-image:url(/images/icon_t_newslink.png);
	background-repeat: no-repeat;
	background-position: 1.6em 0.6em;
}



/* 右カラム */
div#top-right {
	float: right;
	margin: 20px 0 0 0;
	padding: 0;
	width: 242px;
}

div#top-right img{
	margin: 0 0 10px 0;
	border: none;
}

div.sublink{
	margin: 0 0 10px 0;
	width: 240px;
	border: 1px solid #DDDDDD;
	background-color: #FCFCFC;
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
	
}

div.sublink ul{
	margin: 0;
	padding: 0 5px 0 5px;
	font-size: 105%;
}

div.sublink ul li{
	width: 93%;
	margin: 0;
	padding: 10px 10px 10px 5px;
	border-bottom: 1px dotted #cccccc;
	background-image:url(/images/icon_innerlink.png);
	background-repeat: no-repeat;
	background-position: 13em 1.1em;
}

div.sublink ul li.last{
	border-bottom: none;
}
div.sublink ul li a{
	text-decoration: none;
}
div.sublink a:link {
	color: #333333;
}
div.sublink a:visited {
	color: #333333;
}
div.sublink a:hover {
	color: #333333;
}
div.sublink a:active {
	color: #333333;
}
div.sublink a:active {
	color: #333333;
}

div.imglink{
	margin: 0 0 10px 0;
	padding: 10px 0 0 10px;
	width: 230px;
	border: 1px solid #DDDDDD;
	background-color: #F7F2EE;
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
}

div.imglink img{
	margin: 0 0 10px 0;
}

div#catalog-box{
	padding: 20px 0 25px 0;
	width:100%;
	background-color:#F0EBDC;
}

div.catalog-link{
	margin: 0 auto;
	width:1000px;
	padding-bottom: 10px;
	background-color:transparent;
	font-size:85%;
	text-align: left;
}

div#catalog-box div.catalog-link div.img-area-l{
	float: left;
	margin: 0 18px 5px 0;
	padding: 0;
	width: 320px;
}

div#catalog-box div.catalog-link div.last{
	margin: 0;	
}

div#catalog-box p.right-textbox{
	width: 190px;
	padding-left: 128px;
}

div.catalog-link p.filelink{
	font-size: 100%;
	text-indent: 0;
}

div.catalog-link p.externalLink,
div.catalog-link p.innerLink{
	clear: none;
	margin: 0 2px 2px 2px;
	padding: 10px 0 2px 140px;
	background-repeat: no-repeat;
	background-position: 8.3em 0.9em;
	font-size: 100%;
	line-height: 1.5em;
	text-indent: 0;
}


/*
 emergency
 ---------------------------------------------------- */
#emergency {
    margin: 32px auto;
    padding: 32px;
    background: #fff8e1;
    border: 3px double #de1212;
    box-sizing: border-box;
    border-radius: 8px;
    width: 1000px;
}

#emergency h2{
	margin-bottom: 16px;
}

#emergency p{
	margin: 0;
    text-indent: 0;
    text-align: left;
}

#emergency a.button{
	display: block;
	width: 37%;
	background-color: #5C69AB;
}

#emergency a:hover{
	transition: all 300ms;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#emergency .free {
	width: 60%;
}

#emergency .free hr{
	display: block;
}

#emergency .nopic {
	width: 100%;
}

#emergency img {
	width: 37%;
}

#emergency .layout_left .free{ float: right; }
#emergency .layout_right .free{ float: left;  margin-right: 3%;}
#emergency .layout_left .imgs { float: left; }
#emergency .layout_right .imgs { float: right; }

#emergency .layout_left{
	text-align: left;
}



/*
 temporary_info
 ---------------------------------------------------- */

.temporary_info{
    color:#B40003;
    background-color:#FFE6E7;
    padding: 1em 1.5em;
    border-radius: 10px;
    box-sizing: border-box;
    width: 1000px;
    margin: 32px auto -10px;
    font-weight: bold;
    position: relative;
    border:#B40003 solid 2px;
    font-size: 110%;
    text-indent: 0;
}