@charset "utf-8";

/* --------------------------------------
#contents
-------------------------------------- */
#contents{
position:relative;
z-index:1;
}

/* --------------------------------------
.section
-------------------------------------- */
#main .section{
width:700px;
font-size:100%;
margin:0 0 10px;
padding:0 0 10px;
border:solid #E1E3E1;
border-width:0 0 1px;
background:url(../img/index/bg_event_search_loop.gif) repeat-y 100% 0;
}
#main .section a{
text-decoration:underline;
}
#main .section a:hover{
text-decoration:none;
}

/* --------------------------------------
#news
-------------------------------------- */
#news{
overflow:hidden;
}


/* emergency
-----------------------  */
#news .emergency{
	width:650px;
	margin:0 auto 10px auto;
	padding:0 15px 10px 15px;
	border:solid #CCC;
	border-width:0 0 1px;
}
#news .emergency h3{
	font-weight:bold;
}
#news .emergency p{
	margin:5px 0 0;
}
#news .emergency .contact{
	color:#900000;
}


/* news-area
-----------------------  */
#news .news-area{
width:100%;
overflow-y:scroll;
height:140px;
}
#news .news-area ul{
width:90%;
margin:0 0 0 10px;

}
#news .news-area ul li{
width:100%;
overflow:hidden;
padding:5px 0;
border:dashed #E1E3E1;
border-width:0 0 1px;
}
#news .news-area ul li span{
display:block;
}
#news .news-area ul li span.date{
float:left;
width:18%;
}
#news .news-area ul li span.text{
float:left;
width:82%;
}

/* .mailmagazine
-----------------------  */
#news .mailmagazine{
float:right;
margin:5px 15px 0 0;
display:inline;
/*
border:dashed #E1E3E1;
border-width:0 0 0 1px;
padding:0 0 0 10px;
*/
}
#news .mailmagazine a{
display:block;
margin:5px 0 0 0;
}
#news .mailmagazine a:hover img{
opacity:0.7;
filter:alpha(opacity:70);
}

/* --------------------------------------
#event-seminor
-------------------------------------- */
#event-seminor{
position:relative;
}

/* .news-entry
-----------------------  */
#event-seminor .news-area{
width:460px;
margin:0 10px;
float:left;
display:inline;
height:800px;
overflow-y:scroll;
}
#event-seminor .news-area dl{
width:420px;
overflow:hidden;
}
#event-seminor .news-area dl dt{
margin:5px 0 0;
font-weight:bold;
}
#event-seminor .news-area dl dd{
line-height:1.2;
padding:0 0 5px 0;
border:dashed #E1E3E1;
border-width:0 0 1px;
}

/* .search-area
-----------------------  */
#event-seminor .search-area{
width:206px;
float:right;
margin:0 10px 0 0;
display:inline;
}



/* .number */
#event-seminor .search-area .number{
border:1px solid #f4a766;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */
border-top-style:none;
width:98%;
text-align:center;
margin:3px 0 12px;
padding:0 0 10px 0;
}


#event-seminor .search-area .number input.text{
width:180px;
padding:8px 1px;
margin:10px auto 7px auto;
}


/* .calendar */
#event-seminor .search-area .calendar a{
width:206px;
text-indent:-9999px;
height:58px;
background:url(../img/index/btn_event_search_calendar.jpg) no-repeat 0 0;
display:block;
}
#event-seminor .search-area .calendar a:hover{
background:url(../img/index/btn_event_search_calendar_on.jpg) no-repeat 0 0;
}

/* .facebook */
#event-seminor .facebook{
margin:10px 0 0;
}
#event-seminor .facebook a img{
padding:2px;
border:1px solid #E1E3E1;
}
#event-seminor .facebook a:hover img{
border:1px solid #3B5998;
}

/* .search-area-type
-----------------------  */
#event-seminor .search-area-type{
width:675px;
overflow:hidden;
margin:0 auto;
padding:10px 0 10px 0;
clear:both;
}
#event-seminor .search-area-type form{
width:690px;
margin:10px 0;
}
#event-seminor .search-area-type dl{
overflow:hidden;
}
#event-seminor .search-area-type dl dt{
display:inline;
margin:2px 5px 0;
float:left;
font-weight:bold;
}
#event-seminor .search-area-type dl dt{
font-weight:normal;
color:#333;
letter-spacing:0.1em;
}
#event-seminor .search-area-type dl dt strong{
font-size:100%;
background:#fdead9;
padding:2px 5px;
}
#event-seminor .search-area-type dl dt span.text{
font-size:92% !important;
margin-left:3px;
}

/* .date */
#event-seminor .search-area-type dl.date{
width:100%;
overflow:hidden;
padding:0 0 10px;
}
#event-seminor .search-area-type dl.date dd div{
float:left;
display:inline-block;
/display:inline;
/zoom:1;
}
#event-seminor .search-area-type dl.date dd div p{
margin:3px 5px 0 0;
}
#event-seminor .search-area-type dl.date dd input{
margin-right:10px;
}
#event-seminor .search-area-type dl.date dd .year{
width:6em;
margin-right:5px;
}
#event-seminor .search-area-type dl.date dd .month,
#event-seminor .search-area-type dl.date dd .day{
width:4em;
margin:0 5px;
}

/* .form */
#event-seminor .search-area-type dl.form{
width:50%;
float:left;
display:inline;
margin:0;
}
#event-seminor .search-area-type dl.form dt{
float:none;
margin:0 0 5px;
}
#event-seminor .search-area-type dl.form input{
}

/* .genre */
#event-seminor .search-area-type dl.genre{
width:50%;
float:left;
}
#event-seminor .search-area-type dl.genre dt{
float:none;
margin:0 0 5px;
}

/* .word */
#event-seminor .search-area-type dl.word{
width:100%;
padding:20px 0 0;
}
#event-seminor .search-area-type dl.word input{
width:40%
}
#event-seminor .search-area-type dl.word dd{
}
#event-seminor .search-area-type dl.word dd.search{
width:278px;
position:absolute;
bottom:15px;
right:15px;
}
#event-seminor .search-area-type dl.word dd.search a{
width:278px;
height:41px;
margin:10px 0 0;
display:block;
text-indent:-9999px;
background:url(../img/index/btn_category_search.jpg) no-repeat 0 0;
}
#event-seminor .search-area-type dl.word dd.search a:hover{
background:url(../img/index/btn_category_search_on.jpg) no-repeat 0 0;
}

/* --------------------------------------
#allserch
-------------------------------------- */
#allserch{
width:680px;
/width:668px;
margin:20px 0;
padding:0 15px 75px 0;
border:1px dashed #CCC;
position:relative;

}
#allserch .seach-area{
	width:450px;

}
#allserch h3{
	position:absolute;
	top:10px;
}
#allserch .sitemap{
	padding:10px 0 0 260px;
}
#main #allserch form.search-f-nav{

}
#main #allserch form.search-f-nav input.search-f-nav#cse-main-search-text{
	width:410px;
margin:25px 0 10px 10px;
border:1px solid #555;
padding:3px;
display:block;
background:none;
}
#main  #allserch form.search-f-nav input.search-btn-f-nav{
	left:75px;
	margin:35px 0 0;
}
#main  #allserch .kinyu{
	position:absolute;
	right:10px;
	top:0;
}

/* --------------------------------------
#side_allserch -2017.10.31 mukai tuika
-------------------------------------- */
#side_allserch{
	width: 180px;
	padding: 0 15px 15px 0;
	position:relative;
}

#side_allserch .seach-area{
	width: 206px;
	margin-top: 10px;
}
#side_allserch h3{
	position:absolute;
	top:10px;
}
#side_allserch .sitemap{
		padding-top: 40px;
}
#main #side_allserch form.search-f-nav{
		padding-top: 52px;
		padding-bottom:10px;
}
#main #side_allserch form.search-f-nav input.search-f-nav#cse-main-search-text{
	width: 198px;
	margin: 5px 0 30px 0px;
	border:1px solid #555;
	padding:3px;
	display:block;
	background:none;
}
#main  #side_allserch form.search-f-nav input.search-btn-f-nav{
	left: 0px;
	margin: 102px 0 0;
}

#main  #side_allserch form.search-f-nav input.search-f-nav{
	width: 135px;
	background: url(../img/search_box_f.jpg) no-repeat;
	height: 30px;
	padding: 0 0 0 20px;
	border: 0px;
}

#main  #side_allserch .kinyu{
	position:absolute;
	right:10px;
	top:0;
}


/* --------------------------------------
#service
-------------------------------------- */
#service{
width:100%;
overflow:hidden;
clear:both;
}
#service ul{
width:750px;
margin:0 auto;
overflow:hidden;
}
#service ul li{
float: left;
display:inline;
width: 180px;
text-align:center;
margin:10px 0 10px 20px;
padding:0 0 0 20px;
}
#service ul li dl{
	width:180	px;
}
#service ul li dl dt{
margin:0 0 10px;
}
#service ul li dl dd{
	text-align:left;
}
#service ul li dl dd a{
display:block;
margin:10px 0 0 0;
}
#service ul li.bl-hover a img{
	border:1px solid #ccc;
	background:#ccc;
}
#service ul li.bl-hover dd{
	color:#ed6d00;
}

#service ul li.bl-hover a:hover,
#service ul li.bl-hover dd a{
	text-decoration:none;
}

.top{
	width:100%;
	overflow:hidden;
	padding-bottom:10px !important;
}

/* top_tyhoon */
					.attention_wrapper{
						display: block;
						border: 1px solid #929292;
						padding: 1.4rem 1rem 1rem 1rem;
						background: #fff700;
						width: 666px;
						text-decoration: none;
					}
					.attention_wrapper:hover{
						text-decoration: none;
						opacity: 0.6;
					}
					.attention_lead{
						font-size: 2rem!important;
						font-weight: bold;
						color: #ea0000;
						text-align: center;
					}
					.attention_update{
						margin-bottom: 0;
						text-align: center;
						color: #000;
						font-size: 1.5rem!important;
					}