@charset "utf-8";

/* Micro clearfix */

.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.clear {
	clear:both;　/*floatの解除、ここがポイント*/
}

/* ====== 必要要素の初期設定 ====== */

body {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Hiragino Kaku Gothic Pro','Meiryo','sans-serif';
	font-size: 100%;
	line-height: 120%
	color: #3D3D3D;
	background-color: #FFFFFF;
}

.text_j18 {font-size:18px;line-height:120%;}
.text_j16 {font-size:16px;line-height:125%;}
.text_j14 {font-size:14px;line-height:110%;}
.text_j12 {font-size:12px;line-height:18px;}
.text_j11 {font-size:11px;line-height:14px;}
.text_j10 {font-size:10px;line-height:9px;}

.text_j180 {font-size:180%;line-height:120%;}
.text_j160 {font-size:160%;line-height:125%;}
.text_j140 {font-size:140%;line-height:110%;}
.text_j120 {font-size:120%;line-height:100%;}
.text_j110 {font-size:110%;line-height:100%;}
.text_j100 {font-size:100%;line-height:100%;}


a {
  text-decoration:none;
}

a:link {
	color: #0000FF;
}
a:visited {
	color: #0066FF;
}
a:hover {
	color: #00CC33;
}


h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.5em;
  line-height: 1.1;
  letter-spacing:-1px;
}

p {
  margin: 0 0 0.5em;
  color: #333;
  line-height: 1.4;
}

img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

/* ====== 全体 ====== */

	/* 氏名の区切り (基底クラス) */
		.author_lnk {
			margin: 1px;
			padding: 4px 6px;
			border-radius: 6px;
			border: 1px solid #c6f5bc;
			color: #111;
			background-color: #ebf7e8;
			position: relative;
			overflow: hidden;
			text-decoration: none;
			white-space: nowrap;
			display:inline-block;
		}
		/* 発表者 (ex. .author_lnk + .speaker) */
		.speaker {
			border: 1px solid #ffacc1;
			color: #111;
			background-color: #ffd5e0;
		}
		/* 顧問 (ex. .author_lnk + .adviser) */
		.adviser {
			border: 1px solid #a7cffc;
			color: #111;
			background-color: #e7f2fe;
		}

		/* placeholderの色 */
		::-webkit-input-placeholder {
			color: #AAA !important;
		}
		:-moz-placeholder {
			color: #AAA !important;
		}
		::-moz-placeholder {
			color: #AAA !important;
		}
		:-ms-input-placeholder {
			color: #AAA !important;
		}


		.error_message {
			clear:both;
			width:90%;
			margin-top: 10px;
			margin-bottom: 10px;
			margin-left:auto;
			margin-right:auto;
			padding:8px;
			border: 2px #FA6752 dotted;
			line-height:120%;
			background:#FFEFE9;
			color:#CC0033;
		}

		.error_message li {
			list-style-type: none;
		}

		.tab_abst, .tab_ref{
			background-color: #fff;
			color: #111;
			padding: 10px;
			margin: -1px 0px 2px;
			border: 1px solid #E4E4E4;
			text-align: left;
			font-size:90%;
		}

		.ref li {
			padding-left: 1em;
			text-indent: -1em;
		}

		.ref li:hover {
			background-color: #FFF7AA;
		}

	/* ページャー関連 */

		/* ページ番号指定部分 */
		.pager_move {
			display:inline-block;
			margin: 1px;

		}

		/* 現在ページ位置 */
		.pager_page_stat {
			display:inline-block;
			margin: 1px;

		}

		/* スライダー (基底クラス) */
		.pager_slider {
			margin: 0.1px;
			padding: 3px 4px;
			border-radius: 6px;
			min-width: 1.5rem;
			border: 1px solid #48d26a;
			color: #111 !important;
			background-color: #ebf7e8;
			position: relative;
			overflow: hidden;
			text-decoration: none;
			white-space: nowrap;
			display:inline-block;
			text-align: center;
		}
		/* 現在ページ (ex. .pager_slider + .pager_slider_now) */
		.pager_slider_now {
			color: #FFF !important;
			background-color: #70cc25 !important;
			font-weight: bold;
		}
		/* 戻る */
		.pager_slider_back {
			border-radius: 15px 0px 0px 15px;
		}
		/* 次へ */
		.pager_slider_next {
			border-radius: 0px 15px 15px 0px;
		}

		/* ボタン */
		.pager_move .btn_link {
			margin: 0px 0px 0px 4px;
			font-size:100%;
			font-weight:normal;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			border-radius:4px;
			border:0px solid #84bbf3;
			padding: 5px 12px;
			text-decoration:none;
			background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #28ba21), color-stop(100%, #28ba21) );
			background:-moz-linear-gradient( center top, #28ba21 5%, #28ba21 100% );
			background:-ms-linear-gradient( top, #28ba21 5%, #28ba21 100% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#28ba21', endColorstr='#28ba21');
			background-color:#28ba21;
			color:#ffffff;
			display:inline-block;
		}
		.pager_move .btn_link:hover {
			background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #70cc25), color-stop(100%, #70cc25) );
			background:-moz-linear-gradient( center top, #70cc25 5%, #70cc25 100% );
			background:-ms-linear-gradient( top, #70cc25 5%, #70cc25 100% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#70cc25', endColorstr='#70cc25');
			background-color:#70cc25;
		}
		.pager_move .btn_link:active {
			position:relative;
			top:1px;
		}
		
		
		/* トップに戻る */
		#go_page_top {
			position: fixed;
			bottom: 20px;
			right: 10px;
			padding: 10px 20px 20px;
			border-radius: 6px;
			background: #AAA;
			cursor: pointer;
		}
		#go_page_top:hover {
			background: #888;
		}
		.arrow_up {
			position: relative;
			font-size: 15px;
			width: 15px;
			height: 15px;
			margin-top: 15px;
			background: #FFF;
		}
		.arrow_up::before {
			bottom: 10px;
			left: -8px;
			position: absolute;
			border-left: 15px solid rgba(0, 0, 0, 0);
			border-right: 15px solid rgba(0, 0, 0, 0);
			border-bottom: 15px solid #FFF;
			content: "";
		}



		/* PDFボタン */
		.i_pdf {
			display: inline-block;
			position: relative;
		}
		.i_pdf_x {
			display: inline-block;
			position: relative;
		}
		.i_pdf:hover {
			cursor: pointer;
			opacity: 0.7;
		}
		.i_pdf_x:hover {
			cursor: pointer;
			opacity: 0.7;
		}


		/* タブhover時のポインタ */
		.t_tab_on:hover {
			cursor: pointer;
		}
		.t_tab_off:hover {
			cursor: pointer;
		}





/* ====== ボタンその他 装飾 ====== */

.text_red{
	color: #BF0000;
}

.text_yellow{
	color: #ebfd24;
}

.text_green{
	color: #336633;
}

.text_blue{
	color: #336699;
}

.css_btn_red {
	margin: 8px 4px 8px 4px;
	font-size:100%;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:0px solid #a31b0f;
	padding:5px 12px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f04639), color-stop(100%, #f04639) );
	background:-moz-linear-gradient( center top, #f04639 5%, #f04639 100% );
	background:-ms-linear-gradient( top, #f04639 5%, #f04639 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f04639', endColorstr='#f04639');
	background-color:#f04639;
	color:#ffffff;
	display:inline-block;
}.css_btn_red:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #F06859), color-stop(100%, #F06859) );
	background:-moz-linear-gradient( center top, #F06859 5%, #F06859 100% );
	background:-ms-linear-gradient( top, #F06859 5%, #F06859 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F06859', endColorstr='#F06859');
	background-color:#F06859;
}.css_btn_red:active {
	position:relative;
	top:1px;
}

.css_btn_orange {
	margin: 8px 0 8px 0;
	font-size:100%;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:0px solid #ffaa22;
	padding:5px 12px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffab23), color-stop(100%, #ffab23) );
	background:-moz-linear-gradient( center top, #ffab23 5%, #ffab23 100% );
	background:-ms-linear-gradient( top, #ffab23 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffab23');
	background-color:#ffab23;
	color:#ffffff;
	display:inline-block;
}.css_btn_orange:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fac267), color-stop(100%, #fac267) );
	background:-moz-linear-gradient( center top, #fac267 5%, #fac267 100% );
	background:-ms-linear-gradient( top, #fac267 5%, #fac267 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fac267', endColorstr='#fac267');
	background-color:#fac267;
}.css_btn_orange:active {
	position:relative;
	top:1px;
}

.css_btn_blue {
	margin: 8px 4px 8px 4px;
	font-size:100%;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:0px solid #84bbf3;
	padding:5px 12px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #378ee5), color-stop(100%, #378ee5) );
	background:-moz-linear-gradient( center top, #378ee5 5%, #378ee5 100% );
	background:-ms-linear-gradient( top, #378ee5 5%, #378ee5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378ee5', endColorstr='#378ee5');
	background-color:#378ee5;
	color:#ffffff;
	display:inline-block;
}.css_btn_blue:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #59a8f7), color-stop(100%, #59a8f7) );
	background:-moz-linear-gradient( center top, #59a8f7 5%, #59a8f7 100% );
	background:-ms-linear-gradient( top, #59a8f7 5%, #59a8f7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#59a8f7', endColorstr='#59a8f7');
	background-color:#59a8f7;
}.css_btn_blue:active {
	position:relative;
	top:1px;
}

.css_btn_green {
	margin: 0px 0px 0px 4px;
	font-size:100%;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:0px solid #84bbf3;
	padding:2px 12px 0px 12px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #28ba21), color-stop(100%, #28ba21) );
	background:-moz-linear-gradient( center top, #28ba21 5%, #28ba21 100% );
	background:-ms-linear-gradient( top, #28ba21 5%, #28ba21 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#28ba21', endColorstr='#28ba21');
	background-color:#28ba21;
	color:#ffffff;
	display:inline-block;
}.css_btn_green:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #70cc25), color-stop(100%, #70cc25) );
	background:-moz-linear-gradient( center top, #70cc25 5%, #70cc25 100% );
	background:-ms-linear-gradient( top, #70cc25 5%, #70cc25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#70cc25', endColorstr='#70cc25');
	background-color:#70cc25;
}.css_btn_green:active {
	position:relative;
	top:1px;
}

.css_btn_white {
	margin: 8px 0 8px 0;
	font-size:100%;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:0px solid #dcdcdc;
	padding:5px 12px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #f6f6f6) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );
	background:-ms-linear-gradient( top, #ffffff 5%, #f6f6f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
	background-color:#ffffff;
	color:#666666;
	display:inline-block;
}.css_btn_white:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dcdcdc), color-stop(100%, #dcdcdc) );
	background:-moz-linear-gradient( center top, #dcdcdc 5%, #dcdcdc 100% );
	background:-ms-linear-gradient( top, #dcdcdc 5%, #dcdcdc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#dcdcdc');
	background-color:#dcdcdc;
}.css_btn_white:active {
	position:relative;
	top:1px;
}

.css_btn_ws {
	font-size:100%;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:0px solid #dcdcdc;
	padding:2px 6px 0px 6px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #F9FF42), color-stop(100%, #F9FF42) );
	background:-moz-linear-gradient( center top, #F9FF42 5%, #F9FF42 100% );
	background:-ms-linear-gradient( top, #F9FF42 5%, #F9FF42 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9FF42', endColorstr='#F9FF42');
	background-color:#F9FF42;
	color:#777777;
	display:inline-block;
}.css_btn_ws:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #FFFF99), color-stop(100%, #FFFF99) );
	background:-moz-linear-gradient( center top, #FFFF99 5%, #FFFF99 100% );
	background:-ms-linear-gradient( top, #FFFF99 5%, #FFFF99 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFF99', endColorstr='#FFFF99');
	background-color:#FFFF99;
}.css_btn_ws:active {
	position:relative;
	top:1px;
}

#btn_smp{
	width:100%;
	display:block;
}




/* ====== ベースレイアウト ====== */
#container {
	margin: 0;
	padding: 0;
}

header {
	margin:0;
	padding: 0;
}

header h1 {
	margin: 12px 0 4px 0;
	float: left;
	width:100%;
}

article.body{
	padding:0px;
	margin:0px auto;
	width:96%;
}

.desc_bg{
	padding:2px 0 0 0;
	margin:0;
	background-color:#3aa300;
	width:100%;
	position: relative;
}

.description{
	padding:0;
	margin:0 auto;
	color:#FFFFFF;
	width:90%;
}

#form_area{
	margin: 0;
	padding: 0;
	clear:both;
}

section.search_area{
	margin: 2px 0 0 20px;
	padding: 0;
	width:100%;
	font-size:80%;
}

img.b_go {
	vertical-align: middle;
}

section.search_area .txt_box{
	border:0;
	padding:3px;
	font-size:100%;
	color: #3D3D3D;
	border:solid 1px #ABADB3;
	margin:0 0 4px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}

section.search_area .a_box{
	width:176px;
}

section.search_area .k_box{
	width:146px;
}


section.login_area{
	margin: 6px 0 6px 0;
	padding: 0px;
	font-size: 80%;
	text-align:center;
	width:100%;
}


section.login_area .txt_box{
	border:0;
	padding:3px;
	font-size:100%;
	color: #3D3D3D;
	width:120px;
	border:solid 1px #ABADB3;
	margin:0 0 4px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}

nav{
	margin:2px auto 0px auto;
	padding: 0px;
	width:100%;
	background-image: url("../images/navi_bg.png");
	background-color:#3aa300;
	border-top: 4px solid #fff100;
	border-bottom: 4px solid #fff100;
}

nav ul{
	margin:0 auto;
	padding: 0;
	width:100%;
	font-size:80%;
}

nav li{
	padding: 0;
	margin: 0;
	float: left;
	text-align:center;
	border-right: 1px solid #26a000;
	border-bottom: 1px solid #26a000;
}

nav li a {
	padding: 12px 0 0 0;
	display: block;
	width:152px;
	height: 30px;
	color: #FFFFFF;
	text-align:center;
	background-color:#318800;
}

nav li a:hover{
	background-image: url("../images/menu_ya.gif");
	background-color:#26a000;
	background-repeat: no-repeat;
	background-position:center bottom 0;
	color: #FFFFFF;
}

nav li a:link, nav li a:visited{
	color: #FFFFFF;
}

#main_bg {
	padding: 0;
	margin: 0;
	background-image: url("../images/main_bg.jpg");
	position: relative;
}

section.new_area {
	margin: 0;
	padding: 10px;
	text-align:center;
	display:none;
}

section.new_area h2{
	padding: 3px 0 0 0;
	background-color:#26a000;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
	background-color: rgba(255, 255, 255, 0.4);
}

section.new_area img{
	border: 6px solid #e5e5e5;
	min-height: auto;
	width: 160px;
}

section.main_area {
	margin: 10px 0 10px 0;
	padding: 10px;
	border-radius:4px;
	background-color:#FFFFFF;
	font-size:100%;
}

section.main_area h2{
	font-size:140%;
	padding: 0 0 0 20px;
	color: #2e6207;
	background-image: url(../images/h_ya_y.gif);
	background-repeat: no-repeat;
	background-position:0 2px;
	border-bottom: 2px solid #fff100;
}

#backno_bg {
	padding: 0;
	margin: 0;
	background-image: url(../images/backno_bg.gif);
	border-top: 4px solid #3aa300;
	border-bottom: 4px solid #3aa300;
}

section.backno_area{
	padding:6px;
	margin:20px 0 20px 0;
	text-align:center;
}

section.backno_area h2{
	font-size:120%;
	padding: 0 0 0 2px;
	text-align:center;
}



#mainbody_bg {
	background-image: url(../images/mainbody_bg.jpg);
}


section.mainbody_area{
	margin: 20px auto 20px auto;
	padding: 10px;
	font-size:100%;
	border-radius:6px;
	background-color:#FFFFFF;
	border:solid 1px #E4E4E4;
}

section.mainbody_area .titleh2{
	background:url(../images/line.png) left center repeat-x;
	text-align:center;margin:10px 0 20px;
}

section.mainbody_area h2{
	display:inline;
	font-size:160%;
	padding: 0px 6px 0 6px;
	color: #2e6207;
	text-shadow:1px 1px #ECECEC;
	letter-spacing:1px;
	text-align:center;
	background: #fff;
}

section.mainbody_area h3{
	font-size:140%;
	color: #2e6207;
	padding: 0 0 0 18px;
	border-bottom: 2px solid #c5f367;
	background-image: url(../images/h_ya.gif);
	background-repeat: no-repeat;
	background-position:0 2px;
	text-shadow:1px 1px #ECECEC;
}

section.mainbody_area h4{
	font-size:100%;
	clear:both;
	margin: 0;
	padding: 6px 0 1px 16px;
	font-weight:normal;
	line-height:120%;
	background-image: url(../images/t_triangul.gif);
	background-repeat: no-repeat;
	background-position:4px 8px;
	background-size:10px 13px;
	background-color: #ECF8D9;
	border-bottom: 1px solid #c5f367;
}


section.spotlight_area{
	margin: 20px auto 20px auto;
	padding: 10px;
	border-radius:6px;
	background-color:#FFFFFF;
	border:solid 1px #E4E4E4;
}

section.spotlight_area h2{
	font-size:140%;
	padding: 0 0 0 20px;
	color: #2e6207;
	background-image: url(../images/h_ya_y.gif);
	background-repeat: no-repeat;
	background-position:0 2px;
	border-bottom: 2px solid #fff100;
}

dl.topics {
	margin: 0 0 6px 0;
	padding: 0 10px 30px 0;
	text-align:left;
	width: 100%;
	border-bottom: 1px #CCCCCC dashed;
}

dl.topics dt {
	float: left;
	width: 100%;
	margin: 0;
	padding: 8px 0 0 0;
	position: relative;
	overflow: hidden;
}

dl.topics dd {
	margin: 0;
	padding: 8px 0 8px 0;
	width: 100%;
}

.sample_image{
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}

.t_tab_off {
	margin: 0;
	padding: 8px 12px 8px 12px;
	font-size:80%;
	color:#000000;
	display:inline-block;
	border-radius: 4px 4px 0 0;
	border-top:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
 	box-shadow:inset 0px 1px 0px 0px #ffffff;
 	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background-color:#ededed;
}
.t_tab_off:hover {
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
	background-color:#dfdfdf;
}
.t_tab_off:active {
	position:relative;
	top:1px;
}

.t_tab_on {
	margin: 0;
	padding: 8px 12px 8px 12px;
	font-size:80%;
	font-weight: bold;
	color:#3aa300;
	display:inline-block;
	border-radius: 4px 4px 0 0;
	border-top:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	background-color:#fff;
}

section.abstdetail{
	margin: 20px auto 20px auto;
	padding: 10px;
	font-size:100%;
	border-radius:6px;
	background-color:#FFFFFF;
	border:solid 1px #E4E4E4;
}

section.abstdetail h1{
	font-size:140%;
	color: #2e6207;
	padding: 0 0 0 18px;
	border-bottom: 2px solid #c5f367;
	background-image: url(../images/h_ya.gif);
	background-repeat: no-repeat;
	background-position:0 2px;
	text-shadow:1px 1px #ECECEC;
}

section.abstdetail h2{
	font-size:120%;
	color: #2e6207;
	margin: 0;
	padding: 6px 0 1px 6px;
	font-weight:normal;
	line-height:120%;
	background-color: #ECF8D9;
	border-bottom: 1px solid #c5f367;
}

section.abstdetail h3{
	font-size:100%;
	color: #2e6207;
	margin: 0;
	padding: 6px 0 1px 8px;
	font-weight:normal;
	border-left: 4px solid #c5f367;
	border-bottom: 1px solid #c5f367;
}

.page_date{
	text-align: right;
	font-size: 70%;
	color: #555;
}

.t_authorarea{
	width: 100%;
	margin:10px 10px 10px 10px;
	padding: 0;
	font-size: 90%;
}

.t_authorarea ol{
	margin:0px 10px 10px 20px;
	padding: 0;
}

.t_abustarea{
	width: 100%;
	margin:10px 10px 10px 10px;
	padding: 0;
	font-size: 90%;
}


#hot_area {
	width: 100%;
	margin:0px auto 0px auto;
	padding: 0;
}

#hot_area .smp_items{
	display: block;
	margin: 10px 0 10px 0;
	padding:0px 0px 0px 0;
}

#hot_area .smp_items img{
	border: 1px solid #b5b5b5;
	margin:0px 0px 8px 6px;
	float:left;
}

.news_slider {
	display: none;
}



footer {
	padding: 6px 0 0 0;
	width: 100%;
	text-align: center;
	font-size: 12px;
	height:100%;
	border-top: 1px solid #E6F2F7;
}

footer ul {
	margin: 4px 0 0 0;
	padding:0px;
	list-style-type: none;
}

footer li{
	margin: 0;
	padding:0px 0px 2px 0;
	width: 100%;
}

footer li a:link, a:visited {
	color:#296fe2;
	display:block;
}

footer li a:hover {
	text-decoration: underline;
}

footer li a img {
	vertical-align:bottom;
}

footer ul li.concept{
	display: none;
}



/* ====== 各要素のデザイン、レイアウト ====== */



small {
  text-transform: none;
}

section.rnd_video_area {
	display: none;
}

video {
	border-radius: 6px;
	max-width: 240px;
	min-width: 200px;

	max-height: 1280px;
	min-height: 200px;
}

@media only screen and (min-width: 280px) {
	video {
		max-width: 250px;
		min-width: 200px;

		max-height: 1280px;
		min-height: 200px;
	}
}
@media only screen and (min-width: 360px) {
	video {
		max-width: 300px;
		min-width: 200px;

		max-height: 1280px;
		min-height: 200px;
	}
}


/*===================================================*/
/* Media Queries によるデバイスごとの切り替え */
/*===================================================*/

/* ##### タブレット用 481px～769px ##### */

@media only screen and (min-width: 481px) {
	
	
	article.body{
		width:90%;
	}
	header h1 {
		float: left;
		width:auto;
	}
	#form_area{
		clear:none;
		float: right;
		display:block;
	}
	section.search_area{
		width:270px;
		float: left;
	}
	
	section.login_area{
		margin: 2px 0 0 0;
		float:right;
		text-align:right;
		width:210px;
	}
	
	nav{
		border-top:none;
	}
	
	nav li a {
		width:130px;
	}
	
	section.mainbody_area h4{
		clear:none;
	}
	
	dl.topics dt {
		float: right;
		width: 250px;
		margin: 0;
		padding: 0;
	}
	dl.topics dd {
		float: left;
		margin: 0 0 0 10px;
		padding: 0;
		width : 50% ; /* Fallback: IE8 and under, Android4.3 and under */
		width : -webkit-calc(100% - 270px);
		width : calc(100% - 270px);

	}
	
	.page_date{
		font-size: 80%;
	}
	
	footer ul{
		margin:0 auto;
		width:100%;
	}
	
	footer li{
		display:inline;
		display:inline-block;
		width:auto;
	}
	
	video {
		max-width: 500px;
		min-width: 350px;

		max-height: 1280px;
		min-height: 200px;
	}

}


/*===================================================*/
/* Media Queries によるデバイスごとの切り替え */
/*===================================================*/


/* ##### PC用 770px以上 ##### */

@media only screen and (min-width: 769px) {

	#btn_smp{
		width:auto;
		display:none;
	}
	
	nav li{
		border-bottom:none;
	}
	
	#backno_bg {
		border-top: none;
		border-bottom: 4px solid #3aa300;
	}
	
	section.new_area {
	 	width:180px;
	 	float: left;
	 	display:block;
	}
	section.main_area {
		margin: 10px 0 10px 210px;
		padding: 10px;
		border-radius:6px;
		background-color:#FFFFFF;
		height: 240px;
		overflow: auto;
	}

	#hot_area {
		width: 700px;
		height:180px;
		background-image: url(../images/hot_back.gif);
		background-repeat: no-repeat;
		margin:30px auto 20px auto;
		padding: 0;
	}
	
	#hot_area img{
		float:none;
	}
	
	#hot_area .smp_items{
		display: none;
	}
	#hot_area .smp_items img{
		display: none;
	}
	
	.hot {
		width: 90px;
		height:120px;
	}

	/* safari only \*/
	body:last-child:not(:root:root) .hot {
		text-align:left;
		line-height: 9px;
	}
	/* opera only \*/
	html:first-child .hot {
		text-align:left;
		line-height: 9px;
	}


	.fl {
		float: left; display: inline;
	}

	.news_slider {
		position: relative; width: 700px; margin: 0; text-align: left;
		display: block;
	}
	.news_slider .messaging {
		display: block; padding: 5px; margin: 0 30px 5px 30px;
	}
	.news_slider .prev, .news_slider .next {
		position: absolute; top: 62px; display: none;
	}

	.news_slider .prev {
		left: 20px;
	}
	.news_slider .next {
		right: 20px;
	}
	.news_slider .container {
		position: relative; top: 13px; left: 0; width: 100%;
	}
	.news_slider .news_items {
	    /*
	        The width must be equal to .item ((width + margin-right) * 2).
	    */
		position: relative; width: 600px; height:160px; left: 50px; overflow: hidden;
	}
	.news_slider .view_all {
		font-size: .8em; padding: 5px; margin: 0 0 2px 0; border-top: #eeeeed 1px solid; border-bottom: #eeeeed 1px solid; text-align: center; display:none;
	}
	.news_slider .item {
	    /*
	        Must contain a width and a margin-right.
	    */
		width: 90px; margin: 0px 10px 0px 0px; padding: 0 0 0 0;
	}
	.news_slider .item div {
		width: 90px; text-align: left; padding: 7px 0 0 0px;
	}
	.news_slider .item img {
		margin: 0px 7px 7px 7px;
	}


	body:last-child:not(:root:root) .news_slider .item img {
		margin: 7px 7px 7px 7px;
	}

	html:first-child .news_slider .item div {
		padding: 7px 0 0 0px;
	}

	html:first-child .news_slider .item img {
		margin: 7px 7px 7px 7px;
	}

	dl.topics dt {
		float: right;
		width: 250px;
		margin: 0;
		padding: 0;
	}
	dl.topics dd {
		float: left;
		margin: 0 0 0 10px;
		padding: 0;
		width : 70% ; /* Fallback: IE8 and under, Android4.3 and under */
		width : -webkit-calc(100% - 270px);
		width : calc(100% - 270px);
	}
	
	video {
		max-width: 500px;
		min-width: 350px;

		max-height: 1280px;
		min-height: 200px;
	}

}


@media only screen and (min-width: 769px) {

	section.rnd_video_area {
		position:absolute;
		top: 0px;
		display: inline-block;
		width: 350px;
		border-radius: 7px;
		margin: 10px 0 10px 600px;
	}
	
	section.rnd_video_area video {
		max-width: 350px;
		min-width: 300px;
	}


}