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

/*共通*/

body {
	height: 100%;
	background-color: #EBEBE6;
}

a:link,
a:visited {
	color: #222;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #222;
	text-decoration: underline;	
}

#wrapper {
	width:1080px;
	height:auto;
	float:none;
	clear:both;
	margin:auto auto;
	font: normal 0.8em/1.3 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	text-align: justify;
	text-justify: distribute;
	box-sizing:border-box;
	word-wrap: break-word;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*ヘッダ*/

#wrapper #hd {
	width:960px;
	height:auto;
	float:none;
	clear:both;
	margin:auto auto;
	padding: 30px 0px 20px 0px;
}

#wrapper #hd h1 a:link,
#wrapper #hd h1 a:visited {
	width: 330px;
	height: 61px;
	float: left;
	clear: none;
	background-image: url(../common/logo.png);
	background-size:330px 61px,100% 100%;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:-9999px;
    white-space: nowrap;
    overflow: hidden;
	display:block;
	margin-right:40px;
}


/*PC用ナビゲーション*/

#wrapper #hd #navi {
	width:590px;
	height:auto;
	float:left;
	clear: none;
	position:relative;
}

#wrapper #hd #navi li {
	float:left;
	clear: none;
}

#wrapper #hd .navi1 a:link,
#wrapper #hd .navi1 a:visited {
	width: 53px;
	height: 17px;
	float: left;
	clear: none;
	background-image: url(../common/nav1.png);
	background-size: 53px 17px,100% 100%;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin-top: 43px;
	margin-right: 26px;
	padding-bottom:5px;
	text-indent: -9999px;
	border-bottom: 3px solid #FFF;
	-webkit-backface-visibility: hidden; /* 追加 */
	backface-visibility: hidden; /* 追加 */
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition-property: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

#wrapper #hd .navi1on a:link,
#wrapper #hd .navi1on a:visited {
	width: 53px;
	height: 17px;
	float: left;
	clear: none;
	background-image: url(../common/nav1.png);
	background-size: 53px 17px,100% 100%;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin-top: 43px;
	margin-right: 26px;
	padding-bottom:5px;
	text-indent: -9999px;
	border-bottom: 3px solid #369;
}

#wrapper #hd .navi2 a:link,
#wrapper #hd .navi2 a:visited {
	width: 159px;
	height: 17px;
	float: left;
	clear: none;
	background-image: url(../common/nav2.png);
	background-size:159px 17px,100% 100%;
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	margin-top:43px;
	margin-right:26px;
	padding-bottom:5px;
	text-indent: -9999px;
	border-bottom: 3px solid #FFF;
	-webkit-backface-visibility: hidden; /* 追加 */
	backface-visibility: hidden; /* 追加 */
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition-property: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

#wrapper #hd .navi2on a:link,
#wrapper #hd .navi2on a:visited {
	width: 159px;
	height: 17px;
	float: left;
	clear: none;
	background-image: url(../common/nav2.png);
	background-size:159px 17px,100% 100%;
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	margin-top:43px;
	margin-right:26px;
	padding-bottom:5px;
	text-indent:-9999px;
	border-bottom: 3px solid #369;
}

#wrapper #hd .navi3 a:link,
#wrapper #hd .navi3 a:visited {
	width: 100px;
	height: 17px;
	float: left;
	clear: none;
	background-image: url(../common/nav3.png);
	background-size:100px 17px,100% 100%;
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	margin-top:43px;
	margin-right:26px;
	padding-bottom:5px;
	text-indent: -9999px;
	border-bottom: 3px solid #FFF;
	-webkit-backface-visibility: hidden; /* 追加 */
	backface-visibility: hidden; /* 追加 */
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition-property: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

#wrapper #hd .navi3on a:link,
#wrapper #hd .navi3on a:visited {
	width: 100px;
	height: 17px;
	float: left;
	clear: none;
	background-image: url(../common/nav3.png);
	background-size:100px 17px,100% 100%;
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	margin-top:43px;
	margin-right:26px;
	padding-bottom:5px;
	text-indent:-9999px;
	border-bottom: 3px solid #369;
}

#wrapper #hd .navi4 a:link,
#wrapper #hd .navi4 a:visited {
	width: 103px;
	height: 17px;
	float: left;
	clear: none;
	background-image: url(../common/nav4.png);
	background-size:103px 17px,100% 100%;
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	margin-top:43px;
	margin-right:26px;
	padding-bottom:5px;
	text-indent: -9999px;
	border-bottom: 3px solid #FFF;
	-webkit-backface-visibility: hidden; /* 追加 */
	backface-visibility: hidden; /* 追加 */
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition-property: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

#wrapper #hd .navi4on a:link,
#wrapper #hd .navi4on a:visited {
	width: 103px;
	height: 17px;
	float: left;
	clear: none;
	background-image: url(../common/nav4.png);
	background-size:103px 17px,100% 100%;
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	margin-top:43px;
	margin-right:26px;
	padding-bottom:5px;
	text-indent:-9999px;
	border-bottom: 3px solid #369;
}

#wrapper #hd .navi5 a:link,
#wrapper #hd .navi5 a:visited {
	width: 69px;
	height: 17px;
	float: left;
	clear: none;
	background-image: url(../common/nav5.png);
	background-size:69px 17px,100% 100%;
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	margin-top:43px;
	padding-bottom:5px;
	text-indent: -9999px;
	border-bottom: 3px solid #FFF;
	-webkit-backface-visibility: hidden; /* 追加 */
	backface-visibility: hidden; /* 追加 */
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition-property: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

#wrapper #hd .navi5on a:link,
#wrapper #hd .navi5on a:visited {
	width: 69px;
	height: 17px;
	float: left;
	clear: none;
	background-image: url(../common/nav5.png);
	background-size:69px 17px,100% 100%;
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	margin-top:43px;
	padding-bottom:5px;
	text-indent:-9999px;
	border-bottom: 3px solid #369;
}

#wrapper #hd .navi1 a:hover,
#wrapper #hd .navi1 a:focus,
#wrapper #hd .navi2 a:hover,
#wrapper #hd .navi2 a:focus,
#wrapper #hd .navi3 a:hover,
#wrapper #hd .navi3 a:focus,
#wrapper #hd .navi4 a:hover,
#wrapper #hd .navi4 a:focus,
#wrapper #hd .navi5 a:hover,
#wrapper #hd .navi5 a:focus {
	padding-bottom:5px;
	border-bottom: 3px solid #369;
}

#wrapper #hd .navi6 a:link,
#wrapper #hd .navi6 a:visited {
	width: auto;
	height: 24px;
	float: left;
	clear: none;
	background-image: url(../common/ic_map.png);
	background-size:24px 24px,100% 100%;
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	padding-left:28px;
	padding-top:4px;
	position:absolute;
	top:0px;
	left:0px;
}

#wrapper #hd .navi7 a:link,
#wrapper #hd .navi7 a:visited {
	width: auto;
	height: 24px;
	float: left;
	clear: none;
	background-image: url(../common/ic_cumps.png);
	background-size:24px 24px,100% 100%;
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	padding-left:28px;
	padding-top:4px;
	position:absolute;
	top:0px;
	left:130px;
}

#wrapper #hd .navi8 a:link,
#wrapper #hd .navi8 a:visited {
	width: auto;
	height: 24px;
	float: left;
	clear: none;
	background-image: url(../common/ic_seinan.png);
	background-size:24px 24px,100% 100%;
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	padding-left:28px;
	padding-top:4px;
	position:absolute;
	top:0px;
	left:275px;
}


/*検索フィールド*/

#wrapper #hd .search {
	width: 165px;
	height: auto;
	float: right;
	clear: none;
	display:block;
	position:absolute;
	top:0px;
	left:425px;
}

#wrapper #hd .search input {
	/* width: 141px; */
	/* height: 25px; */
	width: 129px;
	height: 13px;
	float: left;
	clear: none;
	padding-top: 6px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 4px;
	background-color: #FFF;
	border: 1px solid #005E3C;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	font-size: 1em;
}

#wrapper #hd .search .bt_search a {
	width: 24px;
	height: 25px;
	background-image: url(../common/ic_search.png);
	background-size:24px 24px,100% 100%;
	background-repeat: no-repeat;
	background-position: 0px bottom;
	overflow: hidden;
	clear: none;
	text-align: left;
	text-indent: -9999px;
	display: block;
	float: left;
	background-color:#005E3C;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

#wrapper #hd .search .bt_search a:focus,
#wrapper #hd .search .bt_search a:hover {
	background-color:#003614;
}


/*TOPイメージ*/

#wrapper #top_img {
	width: 1020px;
	height: 390px;
	background-image: url(../images/img_top.jpg);
	background-size: 1080px 450px,100% 100%;
	background-repeat: no-repeat;
	background-position: left top;
	float: none;
	clear: both;
	margin: auto auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #FFF;
	padding: 30px;
	position:relative;
}

#wrapper #top_img img {
	display:none;
}

#wrapper #top_img h2 {
	font-size:2.2em;
	line-height:1.4em;
}

#wrapper #top_img p {
	font-size:1.3em;
	line-height:1.6em;
	padding-top:8px;
}

#top_img .bt_subject1 a:link,
#top_img .bt_subject1 a:visited {
	width: 342px;
	height: 50px;
	background-image: url(../images/ti_subject1.png);
	background-size: 131px 32px,100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	clear: none;
	text-align: left;
	text-indent: -9999px;
	display:block;
	float: left;
	background-color: #69C;
	position:absolute;
	left: 135px;
	bottom:-30px;
	z-index:2;
	border-radius: 5px;
}

#wrapper #top_img .bt_subject1 a:hover,
#wrapper #top_img .bt_subject1 a:focus {
	background-color: #369;
}

#wrapper #top_img .bt_subject2 a:link,
#wrapper #top_img .bt_subject2 a:visited {
	width: 342px;
	height: 50px;
	background-image: url(../images/ti_subject2.png);
	background-size: 177px 32px,100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	clear: none;
	text-align: left;
	text-indent: -9999px;
	display: block;
	float: left;
	background-color: #6C6;
	position:absolute;
	left: 545px;
	bottom:-30px;
	z-index:2;
	border-radius: 5px;
}

#wrapper #top_img .bt_subject2 a:hover,
#wrapper #top_img .bt_subject2 a:focus {
	background-color: #393;
}


/*内包用ボックス*/

#wrapper #inner {
	width:960px;
	height:auto;
	float:none;
	clear:both;
	margin:auto auto;
}


/*キャッチ*/

#wrapper #inner .catch {
	width: 952px;
	height: auto;
	float: none;
	clear: both;
	border-left: 5px solid #369;
	padding-top: 2px;
	padding-left: 8px;
	padding-bottom: 1px;
	font-size:1.3em;
	line-height:1.6em;
	color:#333;
	margin-bottom:20px;
}


/*TOPメニュー*/

#wrapper #menu {
	width:960px;
	height:auto;
	float:left;
	clear:both;
}

#wrapper #menu .box1 {
	width:470px;
	height:auto;
	float:left;
	clear:none;
}

#wrapper #menu .box2 {
	width:470px;
	height:auto;
	float:right;
	clear:none;
}

.float_l {
	float:left;
}

.float_r {
	float:right;
}

#menu li a:link,
#menu li a:visited {
	width: 225px;
	height: auto;
	background-color:#666;
	text-align:center;
	color:#FFF;
	font-size:1.3em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-bottom:5px;
	display:block;
}

#menu li a:hover,
#menu li a:focus {
	text-decoration:none;
	background-color:#333;
}

#menu li a:link img ,
#menu li a:visited img  {
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	margin-bottom:6px;
}

#menu li a:hover img ,
#menu li a:focus img  {
	opacity:0.5;
}

#menu .mr20 a {
	margin-right:20px;
	}


/*TOP新着情報*/

#news {
	width:490px;
	height:auto;
	float:left;
	clear:none;
	padding-top:20px;
	}
	
#news .ti_box,
#links .ti_box {
	width: auto;
	height: auto;
	float: none;
	clear: both;
	border-bottom: 1px solid #CCC;
	margin-bottom:10px;
	}

#news h3,
#links h3 {
	width: auto;
	height: auto;
	float: left;
	clear: none;
	border-left: 5px solid #369;
	padding-top: 2px;
	padding-left: 6px;
	padding-bottom: 1px;
	font-size:1.2em;
	line-height:1.6em;
	color:#333;
	margin-bottom:5px;
	}
	
	#news p a:link,
	#news p a:visited {
	width: auto;
	height: auto;
	float: right;
	clear: none;
	padding-top: 4px;
	padding-left: 25px;
	padding-bottom: 1px;
	font-size:1em;
	line-height:1.4em;
	color:#369;
	margin-bottom:10px;
	background-image: url(../images/ic_list.png);
	background-size:20px 20px,100% 100%;
	background-repeat: no-repeat;
	background-position: left 2px;	
	}
	
	#news li {
	width:100%;
	float:left;
	clear:both;
	padding-top:13px;
	padding-bottom:13px;
	white-space: nowrap;
    text-overflow: ellipsis;
    -moz-text-overflow:ellipsis; /* Firefox */
    -o-text-overflow: ellipsis; /* Opera */
	display:block;
	overflow: hidden;
	}
	
	#news li a:link,
	#news li a:visited {
		color:#222;
		font-size:1em;
	line-height:1.4em;
	}
	
	#news li a:hover,
	#news li a:focus {
		color:#222;
		text-decoration:underline;
	}
	
	
	/*リンク集*/
	
	#links {
	width:444px;
	height:auto;
	float: right;
	clear:none;
	}
	
	#links1 {
	width:215px;
	height:auto;
	float: left;
	clear:none;
	padding-top:20px;
	margin-right:14px;
	}
	
	#links2 {
	width:215px;
	height:auto;
	float: left;
	clear:none;
	padding-top:20px;
	}
	
	#links .bt a:link,
	#links .bt a:visited {
	width: 193px;
	height: auto;
	float: none;
	clear: both;
	text-align: center;
	border: 1px solid #69C;
	background-color: #EFF;
	display: block;
	padding-top: 9px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 7px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	color: #039;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom:5px;
	}
	
	#links .bt a:hover,
	#links .bt a:focus {
	background-color:#CDF;
	color:#039;
	}
		
	#links .ba1 a:link,
	#links .ba1 a:visited {
	width: 195px;
	height: 48px;
	float: none;
	clear: both;
	text-align: center;
	background-color: #00C300;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	color: #039;
	font-size: 1.1em;
	margin-bottom:5px;
	background-image: url(../images/ba1.png);
	background-size:167px 47px,100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-9999px;	
	}
	
	#links .ba1 a:hover,
	#links .ba1 a:focus {
	background-color: #00A500;
	}
	
	#links .ba2 a:link,
	#links .ba2 a:visited {
	width: 195px;
	height: 48px;
	float: none;
	clear: both;
	text-align: center;
	background-color: #69C;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	color: #039;
	font-size: 1.1em;
	margin-bottom:5px;
	background-image: url(../images/ba2.png);
	background-size:167px 47px,100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-9999px;	
	}
	
	#links .ba2 a:hover,
	#links .ba2 a:focus {
	background-color: #47A;
	}
	
	#links .ba3 a:link,
	#links .ba3 a:visited {
	width: 195px;
	height: 48px;
	float: none;
	clear: both;
	text-align: center;
	background-color: #F99;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	color: #039;
	font-size: 1.1em;
	margin-bottom:5px;
	background-image: url(../images/ba3.png);
	background-size:167px 47px,100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-9999px;	
	}
	
	#links .ba3 a:hover,
	#links .ba3 a:focus {
	background-color: #D77;
	}
	
	
	/*フッタ*/
	
	#ft {
	width: 960px;
	height: auto;
	float: left;
	clear: both;
	margin-top: 20px;
	padding-bottom:20px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid #CCC;
}

#ft h4 {
	float:left;
	clear:both;
	width:auto;
	height:auto;
	padding-top:15px;
	margin-bottom:8px;
	border-top: 3px solid #369;
	font-weight:normal;
	font-size:1.1em;
}

#ft p {
	float:left;
	clear:both;
}

#ft .left_box {
	width: 460px;
	height: auto;
	float: left;
	clear: none;
}

#ft .right_box {
	width: 500px;
	height: auto;
	float: right;
	clear: none;
	padding-top:15px;
}

#ft .right_box ul {
	float: right;
	clear: none;
}

#ft .right_box li {
	float: left;
	clear: none;
}

#ft .right_box p {
	float: right;
	clear: both;
	color:#666;
	padding-top:3px;
	font-size:0.9em;
}

#ft .navi1 a:link,
#ft .navi1 a:visited {
	width: auto;
	height: 24px;
	float: left;
	clear: none;
	background-image: url(../common/ic_mail.png);
	background-size:24px 24px,100% 100%;
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	padding-left:28px;
	padding-top:4px;
	margin-right:15px;
}

#ft .navi2 a:link,
#ft .navi2 a:visited {
	width: auto;
	height: 24px;
	float: left;
	clear: none;
	background-image: url(../common/ic_seinan.png);
	background-size:24px 24px,100% 100%;
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	padding-left:28px;
	padding-top:4px;
}


/*SP用検索フィールドを隠す*/

#sp_search {
	display:none;
}


/*新着情報*/

#wrapper #main_img {
	width:960px;
	height:200px;
	position:relative;
	float:none;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/news/ph_top_sample.jpg);
	background-size:960px 200px,100% 100%;
	background-repeat: no-repeat;
	background-position: left top;
}

#wrapper #main_img .block {
	width:200px;
	height:200px;
	position:absolute;
	text-align:center;
	background-image: url(../common/bg_ti_img.png);
	background-size:200px 200px,100% 100%;
	background-repeat: no-repeat;
	background-position: left top;
}

#wrapper #main_img h2 {
	font-size:19px;
	color:#FFF;
	margin-top:86px;
}

#topic_date {
	width:960px;
	height:auto;
	float:left;
	clear:both;
	padding-top:10px;
}

#topic_date .topic {
	width:auto;
	height:auto;
	float:left;
	clear:none;
	padding-bottom:10px;
}

#topic_date .topic .ic_arrow {
	width: auto;
	height: 24px;
	float: left;
	clear: none;
	background-image: url(../common/ic_topic.png);
	background-size:13px 14px,100% 100%;
	background-repeat: no-repeat;
	background-position: right top;
	display:block;
	padding-right:16px;
}

#topic_date .date {
	width:auto;
	height:auto;
	float:right;
	clear:none;
}

#title_bar {
	width: 960px;
	height: auto;
	float: left;
	clear: both;
	border-bottom: 1px solid #005E3C;
	margin-bottom:20px;
}

#title_bar h3 {
	float: left;
	clear: both;
	display:block;
	font-size: 1.5em;
	line-height: 1.4em;
	border-bottom: 3px solid #005E3C;
	padding-bottom:5px;
	overflow:hidden;
}

#text_area {
	float: left;
	clear: none;
	width:630px;
	height:auto;
}

.set1 h4 {
	font-size:1.3em;
	line-height:1.6em;
	font-weight:normal;
	padding-bottom:5px;
}

.set1 h5 {
	font-size:1.2em;
	line-height:1.5em;
	font-weight:normal;
	padding-bottom:5px;
}

.set1 p {
	font-size:1.1em;
	line-height:1.5em;
}

.set2 h4 {
	font-size:1.2em;
	line-height:1.5em;
	font-weight:normal;
	padding-bottom:5px;
}

.set2 h5 {
	font-size:1.1em;
	line-height:1.4em;
	font-weight:normal;
	padding-bottom:7px;
}

.set2 p {
	font-size:1em;
	line-height:1.5em;
}

.set3 h4 {
	font-size:1.1em;
	line-height:1.4em;
	font-weight:normal;
	padding-bottom:6px;
}

.set3 h5 {
	font-size:1em;
	line-height:1.3em;
	font-weight:normal;
	padding-bottom:6px;
}

.set3 p {
	font-size:0.9em;
	line-height:1.5em;
}

.border1 {
	float:left;
	clear:both;
	width: 100%;
	height: 9px;
	border-bottom: 1px solid #CCC;
	margin-bottom:10px;
}

.border2 {
	float:left;
	clear:both;
	width: 100%;
	height: 9px;
	border-bottom: 1px dotted #BBB;
	margin-bottom:10px;
}

#images_area {
	width: 300px;
	height: auto;
	float:right;
	clear:none;
}

#images_area .images_box {
	width: 300px;
	height: auto;
	padding-bottom:10px;
	text-align:center;
	font-size:0.9em;
	line-height:1.4em;
}

#images_area .images_box img {
	margin-bottom:5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.table1 {
	float:left;
	width:470px;
	height:auto;
	margin-bottom:10px;
}

.table2 {
	float:right;
	width:470px;
	height:auto;
	margin-bottom:10px;
}

.table1 td,
.table2 td {
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	border: 1px solid #ccc;
	text-align:center;
}

.table1 .w16p,
.table2 .w16p {
	width:16%;
}

.table1 .w34p,
.table2 .w34p {
	width:34%;
}

.td_color_b {
	background-color:#69C;
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
}

.td_color_g {
	background-color:#6C6;
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
}

.td_color_gr {
	background-color:#eee;
	font-weight:bold;
}


/*パディング*/

.pt50 {
	padding: 30px 0 0 0;
	}

	
/*マージン*/

.mt10 {
	margin: 10px 0 0 0;
	}

.ml10 {
	margin: 0  0 0 10px;
	}

.mb10 {
	margin: 0 0 10px 0;
	}
	
.mr10 {
	margin: 0 10px 0 0;
	}

/* 研究活動ページ */
table#latest{
	table-layout: auto;
	width: 95%;
	border: 2px solid #006537; 
	margin-right: auto;
	margin-left: auto;
}
#latest td{
	padding: 2px;
}
#latest td.typ{
	width: 10%; 
	font-size:9pt; 
	line-height:16pt; 
	/* background-color: #ecf5e3;  */
	valign: top; 
}
#latest td.aut{
	width: 13%; 
	font-size:9pt; 
	line-height:16pt; 
	/* background-color: #ecf5e3; */
	valign: top; 
}
#latest td.tit{
	/* width: 565;  */
	font-size:9pt; 
	line-height:16pt; 
	/* background-color: #ecf5e3;  */
	valign: top; 
	font-weight: 700
}
#latest td.cap{
	colspan:3; 
	font-size:9pt; 
	line-height:16pt; 
	background-color: #006537; 
	/* border: 2px solid #006537;  */
	color: #ffffff; 
	valign: top; 
}
#latest tr:nth-child(even){
	background-color: #E8FFB7; 
}

div#research_index {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	display:inline-block;
}
div#research_index div.index_number {
	float: left;
	width: 120px;
	padding: 5px;
	border-right: 1px solid #006537;
	text-align: center;
}
div#research_index div.index_number:first-child {
	border-left: 1px solid #006537;
}

/* 20151005 */
#links li.bt_img{
	background-color: #000;
	border-radius: 3px;
}

#links .bt_img a{
	width: 195px;
	height: 48px;
	float: none;
	clear: both;
	text-align: center;
	background-color: #EFF;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 3px;
	text-decoration: none;
	color: #039;
	font-size: 1.1em;
	margin-bottom: 5px;
	background-size: 167px 47px, 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

#links .bt_img a:focus,
#links .bt_img a:hover{
	opacity: 0.92;
}

#links .bt_img a div{
	margin: 0px 0px 0px 68px;
	padding: 14px 0px;
	font-weight: bold;
	color: #fff;
}

.menu_wrap {
	width: 810px;
	margin: auto;
    font-weight: bold;
}

.menu_wrap a {
	color: #626262;
}

.menu_wrap_left {
	background-color: rgba(102, 153, 204, 0.3);
	height: 165px;
	width: 400px;
	float: left;
	margin-right: 10px;
	border-radius: 5px;
}


.menu_wrap_right {
	background-color: rgba(102, 204, 102, 0.3);
    height: 165px;
	width: 400px;
	float: left;
	border-radius: 5px;
}

.subjectbtn {
	margin-top: 25px;

}

.subjectbtn li {
	height: 35px;
	width: 310px;
	margin: 5px auto;
	border: 1px solid;
	background-color: #ffffff;
	color: #000;
	line-height: 2.5;
	text-align: center;
	font-size: 14px;
}

.subjectbtn a {
	transition: color .3s;
	display: block;
}

.menu_wrap_left li {
	border-color: #69C;
}

.menu_wrap_right li {
	border-color: #6C6;
}

.menu_wrap_right a:hover {
	transition: color .3s;
	color: #66CC66;
	text-decoration: none;
}

.menu_wrap_left a:hover {
	transition: color -0.7s;
	color: #6699CC;
	text-decoration: none;
	}

@media screen and (max-width: 780px){
	
	/*SP用共通*/
	#wrapper {
		width:100%;
		box-sizing:border-box;
		background: #FFF;
	}
	
	#wrapper img {
		max-width:100%;
		height:auto;
	}
	
	
	/*SP用ヘッダ*/
	
	#wrapper #hd {
		width:100%;
		height:auto;
		float:none;
		clear:both;
		margin:auto auto;
		padding: 0px 0px 15px 0px;
	}
	
	#wrapper #hd h1 a:link,
	#wrapper #hd h1 a:visited {
		width: 230px;
		height: 43px;
		float: left;
		clear: none;
		background-image: url(../common/logo.png);
		background-size:230px 43px,100% 100%;
		background-repeat: no-repeat;
		background-position: left top;
		text-indent:-9999px;
	    white-space: nowrap;
	    overflow: hidden;
		display:block;
		margin-top:15px;
		margin-left:10px;
	}
	
	
	/*PC用ナビを隠す*/
	#navi {
		display:none;
	}
	
	
	/*SP用TOPイメージ*/
	
	#wrapper #top_img {
		width: 100%;
		height: auto;
		position:relative;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		background-image:none;
		color: #FFF;
		padding:0px;
		box-sizing:border-box;
		float:left;
		clear:both;
		overflow: hidden;
		
	}
	
	#wrapper #top_img img {
		display:block;
		z-index:0;
	}
	
	#wrapper #top_img h2 {
		font-size:1.4em;
		line-height:1.3em;
		position:absolute;
		display:block;
		z-index:10;
		top:10px;
		left:10px;
	}
	
	#wrapper #top_img p {
		width:100%;
		padding:10px;
		font-size:1em;
		line-height:1.3em;
		position:absolute;
		display:block;
		z-index:10;
		top:50px;
		box-sizing:border-box;
	}
	
	#top_img .bt_subject1 a:link,
	#top_img .bt_subject1 a:visited {
		width: 100%;
		height: 50px;
		background-image: url(../images/ti_subject1.png);
		background-size: 106px 26px,100% 100%;
		background-repeat: no-repeat;
		background-position: center center;
		overflow: hidden;
		clear: none;
		text-align: left;
		text-indent: -9999px;
		float: left;
		display:block;
		background-color: #69C;
		border-left: none;
		border-right: none;
		border-bottom: none;
		border-top: none;
		position:relative;
		left:0px;
		bottom:0px;
		z-index:0;
		top: -15px;
	}
	
	#wrapper #top_img .bt_subject1 a:hover,
	#wrapper #top_img .bt_subject1 a:focus {
		background-color: #369;
	}
	
	#wrapper #top_img .bt_subject2 a:link,
	#wrapper #top_img .bt_subject2 a:visited {
		width: 100%;
		height: 50px;
		background-image: url(../images/ti_subject2.png);
		background-size: 144px 26px,100% 100%;
		background-repeat: no-repeat;
		background-position: center center;
		overflow: hidden;
		clear: none;
		text-align: left;
		text-indent: -9999px;
		display: block;
		float: left;
		background-color: #6C6;
		position:relative;
		left:0px;
		bottom:0px;
		z-index:0;
		top: -15px
	}
	
	#wrapper #top_img .bt_subject2 a:hover,
	#wrapper #top_img .bt_subject2 a:focus {
		background-color: #393;
	}
	
	
	/*SP用内包用ボックス*/
	
	#wrapper #inner {
		width:100%;
		height:auto;
		float:none;
		clear:both;
		padding: 10px;
		box-sizing:border-box;
	}
	
	
	/*SP用キャッチ*/
	
	#wrapper #inner .catch {
		width: 100%;
		height: auto;
		float: none;
		clear: both;
		border-left: none;
		padding-top: 2px;
		padding-left: 0px;
		padding-bottom: 1px;
		font-size:1.1em;
		line-height:1.6em;
		color:#333;
		margin-bottom:10px;
		text-align:left;
	}
	
	
	/*SP用TOPメニュー*/
	
	#wrapper #menu {
		width:100%;
		height:auto;
	}
	
	#wrapper #menu .box1 {
		width:100%;
		height:auto;
	}
	
	#wrapper #menu .box2 {
		width:100%;
		height:auto;
		float:right;
		clear:both;
	}
	
	#menu li  {
		width:50%;
		box-sizing:border-box;
	}
	
	#menu li a:link,
	#menu li a:visited {
		width:96%;
		height: auto;
		background-color:#666;
		text-align:center;
		color:#FFF;
		font-size:1em;
		font-weight:bold;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		box-sizing:border-box;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:8px;
	}
	
	#menu li a:hover,
	#menu li a:focus {
		text-decoration:none;
		background-color:#333;
	}
	
	#menu li a:link img ,
	#menu li a:visited img  {
		-moz-border-radius: 5px 5px 0px 0px;
		-webkit-border-radius: 5px 5px 0px 0px;
		border-radius: 5px 5px 0px 0px;
		margin-bottom:6px;
		display:block;
		width:100%;
	}
	
	
	/*SP用TOP新着情報*/
	
	#news {
		width:100%;
		height:auto;
		float:left;
		clear:none;
		padding-top:10px;
		box-sizing:border-box;
		}
		
	#news .ti_box,
	#links .ti_box {
		width: auto;
		height: auto;
		float: none;
		clear: both;
		border-bottom: 1px solid #CCC;
		margin-bottom:10px;
		}
	
	#news h3,
	#links h3 {
		width: auto;
		height: auto;
		float: left;
		clear: none;
		border-left: 5px solid #369;
		padding-top: 2px;
		padding-left: 6px;
		padding-bottom: 1px;
		font-size:1.2em;
		line-height:1.6em;
		color:#333;
		margin-bottom:5px;
		}
		
		#news p a:link,
		#news p a:visited {
		width: auto;
		height: auto;
		float: right;
		clear: none;
		padding-top: 4px;
		padding-left: 25px;
		padding-bottom: 1px;
		font-size:1em;
		line-height:1.4em;
		color:#369;
		margin-bottom:10px;
		background-image: url(../images/ic_list.png);
		background-size:20px 20px,100% 100%;
		background-repeat: no-repeat;
		background-position: left 2px;	
		}
		
		#news li {
		float:left;
		clear:both;
		padding-top:10px;
		padding-bottom:10px;
		width:100%;
		}
		
		
		/*SP用リンク集*/
		
		#links {
		width:100%;
		height:auto;
		float: right;
		clear:none;
		}
		
		#links1 {
		width:100%;
		height:auto;
		float: left;
		clear:none;
		padding-top:10px;
		margin-right:14px;
		}
		
		#links2 {
		width:100%;
		height:auto;
		float: left;
		clear:none;
		padding-top:10px;
		}
		
		#links .bt a:link,
		#links .bt a:visited {
		width: 100%;
		height: auto;
		float: none;
		clear: both;
		text-align: center;
		border: 1px solid #69C;
		background-color: #EFF;
		display: block;
		padding-top: 9px;
		padding-right: 10px;
		padding-left: 10px;
		padding-bottom: 7px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		text-decoration: none;
		color: #039;
		font-size: 1.1em;
		margin-bottom:5px;
		box-sizing:border-box;
		}
		
		#links .bt a:hover,
		#links .bt a:focus {
		background-color:#CDF;
		color:#039;
		}
		
		#links .ba1 a:link,
		#links .ba1 a:visited {
		width: 100%;
		height: 48px		float: none;;

		clear: both;
		text-align: center;
		background-color: #00C300;
		display: block;
		padding-right: 10px;
		padding-left: 10px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		text-decoration: none;
		color: #039;
		font-size: 1.1em;
		margin-bottom:5px;
		background-image: url(../images/ba1.png);
		background-size:167px 47px,100% 100%;
		background-repeat: no-repeat;
		background-position: center center;
		text-indent:-9999px;	
		box-sizing:border-box;
		}
		
		#links .ba1 a:hover,
		#links .ba1 a:focus {
		background-color: #00A500;
		}
		
		#links .ba2 a:link,
		#links .ba2 a:visited {
		width: 100%;
		height: 48px;
		float: none;
		clear: both;
		text-align: center;
		background-color: #69C;
		display: block;
		padding-right: 10px;
		padding-left: 10px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		text-decoration: none;
		color: #039;
		font-size: 1.1em;
		margin-bottom:5px;
		background-image: url(../images/ba2.png);
		background-size:167px 47px,100% 100%;
		background-repeat: no-repeat;
		background-position: center center;
		text-indent:-9999px;	
		box-sizing:border-box;
		}
		
		#links .ba2 a:hover,
		#links .ba2 a:focus {
		background-color: #47A;
		}
		
		#links .ba3 a:link,
		#links .ba3 a:visited {
		width: 100%;
		height: 48px;
		float: none;
		clear: both;
		text-align: center;
		background-color: #F99;
		display: block;
		padding-right: 10px;
		padding-left: 10px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		text-decoration: none;
		color: #039;
		font-size: 1.1em;
		margin-bottom:5px;
		background-image: url(../images/ba3.png);
		background-size:167px 47px,100% 100%;
		background-repeat: no-repeat;
		background-position: center center;
		text-indent:-9999px;	
		box-sizing:border-box;
		}
		
		#links .ba3 a:hover,
		#links .ba3 a:focus {
		background-color: #D77;
		}
		
		
		/*SP用フッタ*/
		
		#ft {
		width: 100%;
		height: auto;
		float: left;
		clear: both;
		margin-top: 10px;
		padding-bottom:20px;
		margin-right: auto;
		margin-left: auto;
		border-top: none;
		text-align:center;
		box-sizing:border-box;
	}
	
	#ft h4 {
		float:none;
		clear:both;
		width:auto;
		height:auto;
		padding-top:15px;
		margin-bottom:8px;
		border-top: 3px solid #369;
		font-weight:normal;
		font-size:1.1em;
		margin-left:auto;
		margin-right:auto;
	}
	
	#ft p {
		float:none;
		clear:both;
	}
	
	#ft .left_box {
		width: 100%;
		height: auto;
		float: left;
		clear: none;
	}
	
	#ft .right_box {
		width: 100%;
		height: auto;
		float: none;
		clear: both;
		padding-top:15px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#ft .right_box ul {
		float: none;
		clear: both;
		width:265px;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	
	#ft .right_box li {
		float: left;
		clear: none;
	}
	
	#ft .right_box p {
		float: none;
		clear: both;
		color:#666;
		padding-top:10px;
		font-size:0.8em;
	}
	
	#ft .navi1 a:link,
	#ft .navi1 a:visited {
		width: auto;
		height: 24px;
		float: left;
		clear: none;
		background-image: url(../common/ic_mail.png);
		background-size:24px 24px,100% 100%;
		background-repeat: no-repeat;
		background-position: left top;
		display:block;
		padding-left:28px;
		padding-top:4px;
		margin-right:15px;
	}
	
	#ft .navi2 a:link,
	#ft .navi2 a:visited {
		width: auto;
		height: 24px;
		float: left;
		clear: none;
		background-image: url(../common/ic_seinan.png);
		background-size:24px 24px,100% 100%;
		background-repeat: no-repeat;
		background-position: left top;
		display:block;
		padding-left:28px;
		padding-top:4px;
	}
	
	/*SP用検索フィールド*/
	
	#sp_search {
		display:block;
		width:100%;
		float:left;
		background-color:#666;
		box-sizing:border-box;
	}
	
	#sp_search input {
		width: 80%;
		height: 30px;
		float: left;
		clear: none;
		padding-top: 6px;
		padding-right: 5px;
		padding-left: 5px;
		padding-bottom: 4px;
		background-color: #FFF;
		border: 1px solid #005E3C;
		font-size: 1.2em;
		box-sizing:border-box;
		line-height:30px;
	}
	
	#sp_search .bt_search a {
		width: 20%;
		height: 30px;
		background-image: url(../common/ic_search.png);
		background-size:24px 24px,100% 100%;
		background-repeat: no-repeat;
		background-position: center center;
		overflow: hidden;
		clear: none;
		text-align: left;
		text-indent: -9999px;
		display: block;
		float: left;
		background-color:#005E3C;
		box-sizing:border-box;
	}
	
	#sp_search .bt_search a:focus,
	#sp_search .bt_search a:hover {
		background-color:#003614;
	}
	
	
	/*SP用新着情報*/
	
	#wrapper #main_img {
		width:100%;
		max-height:100px;
		position:relative;
		float:none;
		clear:both;
		margin-left:auto;
		margin-right:auto;
		background-image: url(../images/news/ph_top_sample.jpg);
		background-size:480px 100px,100% 100%;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
	}
	
	#wrapper #main_img .block {
		width:160px;
		height:100px;
		position:absolute;
		text-align:center;
		background-image: url(../common/bg_ti_img.png);
		background-size:200px 200px,100% 100%;
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	#wrapper #main_img h2 {
		font-size:15px;
		color:#FFF;
		margin-top:42px;
	}
	
	#topic_date {
		width:100%;
		height:auto;
		float:left;
		clear:both;
		padding-top:10px;
	}
	
	#title_bar {
		width: 100%;
		height: auto;
		float: left;
		clear: both;
		border-bottom: 1px solid #005E3C;
		margin-bottom:20px;
	}
	
	#title_bar h3 {
		float: left;
		clear: both;
		display:block;
		font-size: 1.3em;
		line-height: 1.4em;
		border-bottom: 3px solid #005E3C;
		padding-bottom:5px;
		overflow:hidden;
	}
	
	#text_area {
		float: left;
		clear: none;
		width:100%;
		height:auto;
	}
	
	.set1 h4 {
		font-size:1.2em;
		line-height:1.5em;
		font-weight:normal;
		padding-bottom:5px;
	}
	
	.set1 h5 {
		font-size:1.1em;
		line-height:1.4em;
		font-weight:normal;
		padding-bottom:5px;
	}
	
	.set1 p {
		font-size:1em;
		line-height:1.5em;
	}
	
	.set2 h4 {
		font-size:1.1em;
		line-height:1.4em;
		font-weight:normal;
		padding-bottom:5px;
	}
	
	.set2 h5 {
		font-size:1em;
		line-height:1.3em;
		font-weight:normal;
		padding-bottom:7px;
	}
	
	.set2 p {
		font-size:0.9em;
		line-height:1.5em;
	}
	
	.set3 h4 {
		font-size:1em;
		line-height:1.3em;
		font-weight:normal;
		padding-bottom:6px;
	}
	
	.set3 h5 {
		font-size:0.9em;
		line-height:1.2em;
		font-weight:normal;
		padding-bottom:6px;
	}
	
	.set3 p {
		font-size:0.8em;
		line-height:1.5em;
	}
	
	.border1 {
		float:left;
		clear:both;
		width: 100%;
		height: 9px;
		border-bottom: 1px solid #CCC;
		margin-bottom:10px;
	}
	
	.border2 {
		float:left;
		clear:both;
		width: 100%;
		height: 9px;
		border-bottom: 1px dotted #BBB;
		margin-bottom:10px;
	}
	
	#images_area {
		width: 100%;
		height: auto;
		float:right;
		clear:none;
		padding-top:20px;
	}
	
	#images_area .images_box {
		width: 49%;
		height: auto;
		padding-bottom:10px;
		text-align:center;
		font-size:0.8em;
		line-height:1.4em;
	}
	
	#images_area .images_box img {
		margin-bottom:5px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		width:100%;
	}
	
	.table1 {
		float:left;
		width:100%;
		height:auto;
		font-size:0.85em;
		line-height:1.4em;
	}
	
	.table2 {
		float:right;
		width:100%;
		height:auto;
		font-size:0.85em;
		line-height:1.4em;
	}
	
	/* 20151005 */
	#links li.bt_img{
		background-color: #000;
		border-radius: 3px;
	}
	
	#links .bt_img a{
		width: 100%;
		height: 48px;
		float: none;
		clear: both;
		text-align: center;
		background-color: #EFF;
		display: block;
		padding-right: 10px;
		padding-left: 10px;
		border-radius: 3px;
		text-decoration: none;
		color: #039;
		font-size: 1.1em;
		margin-bottom: 5px;
		background-size: 167px 47px, 100% 100%;
		background-repeat: no-repeat;
		background-position: center center;
		box-sizing: border-box;
	}
	
	#links .bt_img a:focus,
	#links .bt_img a:hover{
		opacity: 0.92;
	}
	
	#links .bt_img a div{
		margin: 0px 0px 0px 68px;
		padding: 14px 0px;
		font-weight: bold;
		margin: 0px 0px 0px 48%;
		text-align: left;
		color: #fff;
	}

	.menu_wrap_left {
		float: left;
		width: 100%;
		margin-top: 5px;
		height: 185px;
	}

	.menu_wrap_right {
		float: left;
	    width: 100%;
		margin-top: 25px;
	    height: 185px;
	}

	.menu_wrap {
		width: auto;
	    margin: 10px;	
	}

	.menu_wrap_right li {
		width: 80%;
	}

	.menu_wrap_left li {
		width: 80%;
	}

	.subjectbtn {
		margin-top: 50px;
	}



}