/*追記ここから*/
.backnumber{
display: flex;
margin: 60px auto;
justify-content: space-evenly;
width: 80%;
}
.btn_backnumber,
a.btn_backnumber,
button.btn_backnumber {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-flat {
  overflow: hidden;
  color: #fff;
  border-radius: 0;
  font-size:15px;
}

a.btn-flat span {
  position: relative;
  margin:20px 10px;
  color: black;
}

a.btn-flat:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-96%);
  transform: translateX(-96%);
  background: #e6891c;
}

a.btn-flat:hover:before {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

@media (max-width: 767px){
.backnumber {display: block;}
a.btn-flat{width: 42%;margin: 10px 2%;}
}
/* -------------- */

ul.top_paging{
list-style: none;
}

li.paging_pn{
    position: relative;
    padding-left: 10px;

  }
li.paging_pn::before{
    content: "";
    position: absolute;
    top: .45em;
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    border-top: 2px solid #8b6b4e;
    border-right: 2px solid #8b6b4e;
  }

/*追記ここまで*/

@import url("../themes/ansl_jdb/css/ex.css");

* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-size: 100%;
}
.top_img {
	position:relative;
	width:960px;
	height:400px;
}
.layer01 {
	position:absolute;
	z-index:1;
}

/* ------------ Top page button ------------ */
.top_button {
width:960px;
height:400px;
position:relative;
position:absolute;
z-index:2;
}
.top_button .item1 {
position:absolute;
top:250px;
left:15px;
width:280px;
height:100px;
font-size:90%;
line-height:1.6em;
text-align:left;
}
.top_button .item2 a {
position:absolute;
top:237px;
left:325px;
width:180px;
height:120px;
border:1px solid #fff;
}
.top_button .item2 a:hover {
border:1px solid #3c97c5;
opacity: 0.8;
filter: alpha(opacity=80);
}
.top_button .item3 a {
position:absolute;
top:237px;
left:544px;
width:180px;
height:120px;
border:1px solid #fff;
}
.top_button .item3 a:hover {
border:1px solid #3c97c5;
opacity: 0.8;
filter: alpha(opacity=80);
}
.top_button .item4 a {
position:absolute;
top:237px;
left:763px;
width:180px;
height:120px;
border:1px solid #fff;
}
.top_button .item4 a:hover {
border:1px solid #3c97c5;
opacity: 0.8;
filter: alpha(opacity=80);
}
.top_button .item5 a {
position:absolute;
top:26px;
left:717px;
width:235px;
height:33px;
}
.top_button .item5 a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.top_button .item6 a {
position:absolute;
top:74px;
left:717px;
width:235px;
height:33px;
}
.top_button .item6 a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.top_button .item7 a {
position:absolute;
top:121px;
left:717px;
width:235px;
height:33px;
}
.top_button .item7 a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.top_button .item8 a {
position:absolute;
top:169px;
left:717px;
width:235px;
height:33px;
}
.top_button .item8 a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}


#centercolumn {
	float:left;/* <- If you want change column position, rewrite this. */
	width:720px;
	margin: 0 20px 0 0;
	overflow:hidden;
	display:inline;
}
#centercolumnT { /* Times記事 */
	float:left;/* <- If you want change column position, rewrite this. */
	width:960px;
	/*margin: 0 5px;*/
	overflow:hidden;
	text-align:left;
}
#side_area {
	/*float:left;/* <- If you want change column position, rewrite this. */
	float:right;
	width:220px;
	overflow:hidden;
	display:inline;
}
.page {
	width:960px;
	margin:auto;
	padding: 0;
	overflow:hidden;
	text-align:center;
	border-left:0px solid #cacaca;
	border-right:0px solid #cacaca;
	background:#fff;
}

/* ------------ HTML TAG Re-definition ------------ */
body {
	background-color: #fff;
	color: #666666;
	font-family: Arial, 'Hiragino Maru Gothic Pro', 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
	font-size: 93%; /* --12px=93%-- */
	margin: 0;padding: 0;
}
table {
	width: 100%;
	margin: 0;
	padding: 0;
	}
table td {
	padding: 0;
	margin: 0;
	line-height: 130%;
	}
img {
	border:0;
	}

/* ------------ Link Color Settings ------------ */
a {color: #001188;text-decoration: none;}
a:hover {text-decoration: underline;}
a:visited {color: #3344aa;}
/* ------------ Heading and List tag Settings ------------ */
h1, h2, h3, h4, h5 {
	font-family:  Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
	color: #f60;
	background:inherit;
	padding: 0;
	margin: 10px 0 5px;
}
h1 {
	color: #333;
	padding: 5px 0 5px 5px;
	font-size: 125%;
}
h2 {
	color: #333;
	padding: 5px 0 5px 5px;
	font-size: 112%;
}
h3, h4, h5 {
	font-size: 100%;
}
ul, ol, li {
	margin: 0 0 0 10px;
	padding: 2px;
	text-align: left;
}
legend {
	padding: 0 10px;
	color: #F60;
	background: inherit;
}
hr {
	height: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 0;
	background: url(../img/dot_line.gif) repeat-x bottom;
}
/*legend {padding: 0 10px;color: #F60;background: inherit;}*/
legend {
	padding: 0 10px;
	color: #666;
	background: inherit;
}
/* ------------ Layout settings ------------ */
.usualtop {
	text-align: center;
	color: #222;
	background-color:#fff;
	background:url(../img/toppage_bg4.jpg) repeat-x top;
}
.usual {
	text-align: center;
	color: #222;
	background-color:#fff;
	background:url(../img/page_bg2.jpg) repeat-x top;
}
.header {
	margin:0px;
	height:80px;
	background-color:#fff;
	position:relative;
}
#adminmenu{
	width:960px;
	height:30px;
	margin: 0;
	padding: 0;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	background-color:#faf1da;
}
#adminmenu ul {
	margin: 0;
	padding: 0;
	float: left;
}
#adminmenu ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	white-space: nowrap;
	float: left;
	display: block;
}
#adminmenu li a{
	margin: 0px 0px 0px 10px;
	padding:0px 0px 0px 15px;
	background: url(../img/menulist.gif) no-repeat 0px 0px;
	font: bold 10px/normal Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
	color:#333;
vertical-align:top;
display: block;
}
#adminmenu .menutitle{
	margin: 10px 0px 0px 0px;
	padding:0px 15px;
	font: bold 14px/normal Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
	color:#333366;
}
#adminmenu .menulogin{
	margin: 0px 0px 0px 5px;
	font: bold 10px/normal Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
}
#theme_breadcrumbs {
	text-align:left;
	padding:5px 10px;
	/*background-color:#eeeeee;*/
	font-size: 80%;
	/*border-bottom:1px solid #ccc;*/
}
/* ------------ Navi settings ------------ */
.navi {
	margin:0;
	position:relative;
	top:0;
	left:0;
	height:45px;
	background: url(../img/header/top_main_bg3.jpg) repeat-x top;
}
#navi01 a, #navi01 a:visited{
	position:absolute;
	top:0px;
	left:0px;
	width:120px;
	height:45px;
	background: url(../img/header/navi_home.jpg) no-repeat right top;
}
#navi01 a:hover {
	position:absolute;
	top:0px;
	left:0px;
	width:120px;
	height:45px;
	background: url(../img/header/navi_home2.jpg) no-repeat right top;
}

#navi02 a, #navi02 a:visited{
	position:absolute;
	top:0px;
	left:120px;
	width:120px;
	height:45px;
	background: url(../img/header/navi_about.jpg) no-repeat right top;
}
#navi02 a:hover {
	position:absolute;
	top:0px;
	left:120px;
	width:120px;
	height:45px;
	background: url(../img/header/navi_about2.jpg) no-repeat right top;
}
#navi03 a, #navi03 a:visited{
	position:absolute;
	top:0px;
	left:240px;
	width:120px;
	height:45px;
	background: url(../img/header/navi_overview.jpg) no-repeat right top;
}
#navi03 a:hover {
	position:absolute;
	top:0px;
	left:240px;
	width:120px;
	height:45px;
	background: url(../img/header/navi_overview2.jpg) no-repeat right top;
}
#navi04 a, #navi04 a:visited{
	position:absolute;
	top:0px;
	left:360px;
	width:120px;
	height:45px;
	background: url(../img/header/navi_times.jpg) no-repeat right top;
}
#navi04 a:hover {
	position:absolute;
	top:0px;
	left:360px;
	width:120px;
	height:45px;
	background: url(../img/header/navi_times2.jpg) no-repeat right top;
}

#navi05 a, #navi05 a:visited{
	position:absolute;
	top:0px;
	left:480px;
	width:120px;
	height:45px;
	background: url(../img/header/navi_tour.jpg) no-repeat right top;
}
#navi05 a:hover {
	position:absolute;
	top:0px;
	left:480px;
	width:120px;
	height:45px;
	background: url(../img/header/navi_tour2.jpg) no-repeat right top;
}
/* -------- Navi search -------- */
#navi10, #navi10 a:visited{
	position:absolute;
	top:6px;
	left:600px;
	width:260px;
	height:45px;
	vertical-align:middle;
}
#navi10 a:hover {
	position:absolute;
	top:6px;
	left:600px;
	width:260px;
	height:45px;
	vertical-align:middle;
}
#navi14, #navi14 a:visited{
	position:absolute;
	top:10px;
	left:880px;
	width:90px;
	height:45px;
	vertical-align:middle;
	color:#333;
	font-size:0.95em;
	background: url(../img/yajirusi_tlmenu.gif) no-repeat 12px 4px;
}

/* -------- Navi contact -------- */
#navi11 a, #navi11 a:visited{
	position:absolute;
	top:27px;
	left:556px;
	width:80px;
	height:17px;
}
#navi11 a:hover {
	position:absolute;
	top:27px;
	left:556px;
	width:80px;
	height:17px;
}
/* -------- Navi sitemap -------- */
#navi12 a, #navi12 a:visited{
	position:absolute;
	top:27px;
	left:638px;
	width:80px;
	height:17px;
}
#navi12 a:hover {
	position:absolute;
	top:27px;
	left:638px;
	width:80px;
	height:17px;
}
/* -------- Navi english -------- */
#navi13 a, #navi13 a:visited{
	position:absolute;
	top:27px;
	left:720px;
	width:80px;
	height:17px;
}
#navi13 a:hover {
	position:absolute;
	top:27px;
	left:720px;
	width:80px;
	height:17px;
}


/* ------------ for search block ------------ */
#searchblock {
	border: 0px outset #616655;
	margin: 0px;
	padding: 0px;
  display: none;
}
#searchblock form {
	text-align: center;
	display: inline;
}
#searchblock.searchButton {
	border: 0px;
	width: 59px;
	height: 20px;
	background: url(../img/header/search.gif) left top no-repeat;
}
#searchblock.searchBox {
	border: 1px outset #616655;
	background-color: #eee;
	vertical-align:middle;
}
#searchblock ul {
	float: right;
}
#searchblock ul li {
	margin: 0px 5px 0px 0px;
	padding: 0px;
	list-style: none;
	white-space: nowrap;
	float: left;
	display: block;
}

/* ------------ for main_area ------------ */
#main_area {
	background:#fff;
	overflow:hidden;
}
		#cc_base {
			width:720px;/*width:620px;*/
			text-align:left;
			overflow:hidden;
			margin:0 auto;
			padding:0px;
		}
		#side_base {
			/*width:190px;*/
			overflow:hidden;
			margin:0 auto;
			padding:0;
		}


/* ------------ for footer ------------ */

#footer_bar {
	border-top:1px solid #ccc;
	clear:both;
	background: #e3e3e3;
	bottom: 0;
	float: left;
	margin: 0;
	width: 100%;
	position: relative;
	padding: 10px 0 20px 0;
}
.footer {
	width:960px;
	margin:auto;
	padding: 0;
	overflow:hidden;
	text-align:center;
	}
#link_list {
	clear:both;
	text-align:left;
	padding:0px 0px 10px 0px;
	}
#link_list li,#link_list a {
	display:inline;
	margin:0;
	padding:0 5px 5px 0;
	color: #000;
	font-size:93%;
	}
#copy {
	clear:both;
	display: block;
	text-align:left;
	padding:20px 0px 15px 10px;
	font-size:70%;
	}
#policy_menu {
	clear:both;
	text-align:left;
	padding:0px 0px 20px 0px;
}
#policy_menu li,#policy_menu a  {
	display:inline;
	margin:0;
	padding:0;
	color: #000;
	font-size:83%;
}

/* ------------ centercolumn ------------ */
.centerCcolumn .blockTitle {
	clear:both;
	color:#222;
	padding: 5px 0 5px 5px;
	line-height:normal;
	font: bold 120%/normal Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
}
.centerCcolumn .blockContent {
	line-height: 100%;
	margin-bottom:10px;
}
.centerLcolumn {
	width: 610px;
	padding: 5px 0px 0px 5px;
	float: left;
	overflow:hidden;
}
.centerLcolumn .blockTitle {
	color: #555;
	margin: 0 0 0 0;
	padding: 5px 0 5px 0px;
	border-bottom:0px solid #0033cc;
	font: bold 110%/normal Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
	background:url(../img/page_titlebk01.gif) no-repeat 0px 25px;
}
.centerLcolumn .blockContent {
	padding: 5px 5px 0px 5px;
	line-height: 120%;
	margin-bottom:10px;
}
.centerRcolumn {
	width: 50%;
	padding: 5px 0px 0px 5px;
	float: right;
	overflow:hidden;
}
.centerRcolumn .blockTitle {
	color: #555;
	padding: 3px 0px 3px 0px;
	font: bold 110%/normal Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
}
.centerRcolumn .blockContent {
	padding: 5px 5px 5px 5px;
	line-height: 100%;
	margin-bottom:10px;
}
#content {
	clear: both;
	line-height:175%;
	width:98%;
}
.page_top {
	clear: both;
	text-align: right;
	width:100%;
}
.page_top a {
	margin-left:auto;
	padding:0 10px 0 0;
	display:block;
	width:200px;
	height:20px;
	text-decoration:none;
	font-size:85%;
}
#xoops_banner {
	clear:both;
	text-align: center;
	padding: 15px 0;
}
/*-- all page title img --*/
.page_title {
	margin: 10px 0 0 0;
	padding: 0;
}
/* ------------side_area  left column & right column ------------ */
#side_area .leftcolumn {
	margin-top:0px;
}
#side_base .blockTitle {
	font: bold 100% Arial, 'Hiragino Maru Gothic Pro', 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
	color: #fff;
	text-align:left;
	width:220px;
	/*height:40px;*/
	border-bottom:1px solid #fff;
	line-height:300%;
	vertical-align:middle;
	padding: 0 0 0 5px;
	background:url(../img/menu_bg2.gif) repeat-x top;
	background-color:#07aedd;
}
#side_base .blockContent {
	padding:0 0 0 0;
	/*line-height:550%;*/
	vertical-align:middle;
	color: #333;
	background-color:#eee;
	border-left:0px solid #cacaca;
	border-right:0px solid #cacaca;
	text-align:left;
}
#side_base p,hr {
	padding: 3px 0px;
	line-height:150%;
}
/* ------------ right ------------ */
#right .blockTitle{
	font: bold 100% Arial, 'Hiragino Maru Gothic Pro', 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
	color: #222;
	text-align:left;
	width:180px;
	/*height:40px;*/
	border-bottom:0px solid #fff;
	background:#ffffff;
	line-height:100%;
	vertical-align:middle;
	padding: 0;
}
#right .blockContent{
	padding: 0px 0px;
	line-height:120%;
	background-color:#ffffff;
}
/* ------------ left column & right column ------------ */
.block_right { 
	padding: 0px 0px;
	line-height:150%; 
	vertical-align:middle; 
	color: #333; 
} 

/* ------------ xoops mainmenu & usermenu ------------ */
#mainmenu {
	clear:both;
	/*background-color:#17184b;/*
}
#mainmenu p, #usermenu p {
	display: block;
	text-decoration: none;
	border-bottom:1px dotted #aaa;
	margin-bottom: 0px;
	padding: 6px 0 5px 14px;
	color:#222;
	font-size:90%;
}
#mainmenu a:hover, #usermenu a:hover {
	/*color: #BB0000;*/
	/*background-color:inherit;*/
	/*background-color:#68699b;*/
}
.mainmenu a, .usermenu a {
	display: block;
	text-decoration: none;
	border-bottom:1px dotted #aaa;
	margin-bottom: 0px;
	padding: 6px 0 5px 14px;
	color:#222;
	font-size:12px;
	background: url(../img/yajirusi_tlmenu.gif) no-repeat 5px 10px;
}
.mainmenu a:hover, .usermenu a:hover {
	color: #BB0000;
	background-color:inherit;
	background: url(../img/yajirusi_trmenu.gif) no-repeat 5px 10px;
}
.mainmenu a.menuSub, .mainmenu a.menuSub:hover {
	padding-left: 25px;
}
.usermenu a.highlight {
	color: #FFF;
	padding: 3px;
	background: #333;
}


/*-- manual --*/
.mmainmenu a, .musermenu a {
	display: block;
	text-decoration: none;
	border-top:1px dotted #aaa;
	margin-bottom: 0px;
	padding: 6px 0 5px 14px;
	color:#222;
	font-size:12px;
	background: url(../img/yajirusi_tlmenu.gif) no-repeat 5px 10px;
}
.mmainmenu a:hover, .musermenu a:hover {
	color: #BB0000;
	background-color:inherit;
	background: url(../img/yajirusi_trmenu.gif) no-repeat 5px 10px;
}
ul.msubmenu{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	list-style-type:none;
}
li.msubmenu a{
	display: block;
	padding: 0px 0px 0px 10px;
	display: inline;
	list-style-type:none;
	background-color:#f5f5f5;
	color: #333;
	background: url(../img/yajirusi_trmenu.gif) no-repeat 0px 0px;
	border-top:0px dotted #aaa;
}
.msubmenu a:hover {
	color: #BB0000;
	background-color:inherit;
	background: url(../img/yajirusi_trmenu.gif) no-repeat 0px 0px;
}
.mhrtop a{  /*最後は上線を表示しない*/
	display: block;
	text-decoration: none;
	border-top:0px dotted #aaa;
	margin-bottom: 0px;
	padding: 6px 0 5px 14px;
	color:#222;
	font-size:12px;
	background: url(../img/yajirusi_tlmenu.gif) no-repeat 5px 10px;
}
.mhrtop a:hover {
	color: #BB0000;
	background-color:inherit;
	background: url(../img/yajirusi_trmenu.gif) no-repeat 5px 10px;
}
.mhrbottom{ /*最後は下線を表示*/
	border-bottom:1px dotted #aaa;
	margin: 0px;centerLcolumn
	padding: 0px;
}
/*--------*/
#mainmenu2 a, #usermenu2 a {
	display: block;
	text-decoration: none;
	margin-bottom: 0px;
	padding: 3px;
	color:#333;
	border-bottom:1px solid #fff;
	font-size:90%;
}
#mainmenu2 a:hover, #usermenu2 a:hover {
	color: #BB0000;
	background-color:inherit;
}
#mainmenu2 a.menuSub, #mainmenu2 a.menuSub:hover {
	padding-left: 25px;
}
#usermenu2 a.highlight {
	color: #FFF;
	padding: 3px;
	background: #333;
}

/* ------------ for table ------------ */
.outer {
	border: 1px solid #F0F0F0;
}
.head {
	padding: 5px;
	color: inherit;
	border-bottom: 1px solid #CACACA;
	background: #F2F2F2;
}
.even {
	padding: 2px;
	color: inherit;
	border-bottom: 1px solid #CACACA;
	background: #FAFAFA;
}
.odd {
	padding: 2px;
	color: inherit;
	border-bottom: 1px solid #CACACA;
	background: #E2EDF5;
}
.foot {
	padding: 5px;
	font-weight: bold;
	color: inherit;
	background: #F2F2F2;
}
tr.even td {
	padding: 3px 10px;
	border-bottom: 1px dotted #999;
}
tr.odd td {
	padding: 3px 10px;
	border-bottom: 1px dotted #999;
}
.outer th {
	background: #e5e5e5;
	font-weight: normal;
	padding: 4px 10px;
	border-bottom: 0px dotted #999;
}

tr.even {
	color: inherit;
	background: #FAFAFA;
}
tr.odd {
	color: inherit;
	background: #F2F6FB;
}
tr.odd:hover, tr.even:hover {
	color: #000;
	border-bottom: 1px solid #CACACA;
}

/* ------------ error message & quote and code ------------ */
div.errorMsg {
	background: #F5E8E8;
	color: #FF0000;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	border: 1px solid #CCC;
}
div.confirmMsg {
	background: #EFF4DF;
	color: #003300;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	border: 1px solid #CCC;
}
div.resultMsg {
	background-color: #FFF;
	color: #333;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	border: 1px solid #CCC;
}
div.xoopsCode {
	background: #EFEFEF;
	color:inherit;
	border: 1px inset #CCC;
	padding: 6px;
	overflow: auto;
	width: 450px;
}
div.xoopsQuote { 
	background: #EFEFEF;
	color:inherit;
	border: 1px inset #CCC;
	padding: 6px;
	overflow: auto;
	width: 450px;
}
/* ------------ for comment area ------------ */
.formButton {
	border: 1px outset #616655;
	background-color: #EEEEEE;
	color: #7F7F7F;
}
.formButton2 {
	border: 1px outset #616655;
	background-color: #800000;
	color: #fff;
	font-weight: bold;
	padding: 3px;
	margin: 5px;
}
/* ------------ for comment ------------ */
.comTitle {
	margin-bottom: 2px;
}
.comText {
	padding: 2px;
}
.comUserStat {
	font-size:80%;
	border: 1px solid #CCC;
	margin: 2px;
	padding: 2px;
	background: #FFF;
	color:inherit;
}
.comUserStatCaption {
	font-weight: normal;
}
.comUserRank {
	margin: 2px;
}
.comUserRankText {
	font-size:80%;
}
.comUserImg {
	margin: 2px;
}
.comDate {
	font-size:80%;
}
.comDateCaption {
}
/* ------------ for notification ------------ */
.notification{	clear:both;	width:98%;}
.notification_select_form {	background-color: #F7F7F7;	margin:5px;	padding:0px;	border:1px solid #CCC;}
.nclevel1 {	font-size: 90%;	padding:0px;}
.nclevel2 {	font-weight: bold;	font-size: 85%;	padding:3px 0 0 5px;	line-height:100%;}
.nclevel3 {	font-size: 85%;	padding:0px;	line-height:100%;}

form.notification_form{}

.ncouter {
	border:1px dotted #CCC;
	border-collapse:collapse;
	font-size: 85%;}
.nchead {
	padding: 1px;
	color: inherit;
	border-bottom:1px dotted #CCC;
	background: #F7F7F7;}

.nceven {
	padding: 2px;
	color: inherit;
	border-bottom: 1px dotted #CCC;
	background: #F7F7F7;}

.ncodd {
	padding: 2px;
	color: inherit;
	border-bottom: 1px dotted #CCC;
	background: #fff;}

.ncfoot {
	width:95%;
	padding:2px;
	color:inherit;
	background-color:#F7F7F7;
 text-align:center;
}

/* ------------ ansl_bnner ------------ */
#ansl_banner {
	margin:0px;
	padding:0px;
 background: #ffffff;
}
#ansl_banner .ansl_link a{
	margin: 0 0 0 2px;
	padding: 3px 0 3px 7px;
	display: block;
	list-style:none;
	line-height:120%;
	font-size:90%;
	color:#222;
	text-align:left;
	background: url(../img/yajirusi_tlmenu.gif) no-repeat 0px 6px;
}
#ansl_banner .ansl_link a:hover{
	list-style:none;
	line-height:120%;
	font-size:90%;
	color: #bb0000;
	background-color:inherit;
	background: url(../img/yajirusi_trmenu.gif) no-repeat 0px 6px;
}

/* ------------ for pico ------------ */
.subject{
	margin: 0px;
	padding:10px 5px;
	font-weight: bold;
	font-size: 120%;
	color: #333;
	line-height:150%;
}
.title_pico {
	border-bottom:1px dotted #AAA;
}
.contents {
	padding:20px;
}
.level1 {
	padding:5px 0 0 5px;
	font-weight: bold;
	font-size: 110%;
}
.level2 a{
	padding:5px 0 0 5px;
	font-weight: bold;
	font-size: 100%;
	color:#000;
}
.level3 {
	padding:5px 0 0 5px;
	font-size: 100%;
}
.hrdotted {
	margin-top: 5px;
	padding-top: 3px;
	border-top:1px dotted #aaa;
}
/*-- manual --*/
div.imgborder img {
	border:1px solid #aaa;
}
table.pico_form_table2 {
        width:100%;
        background: #ffffff;
}
table.pico_form_table2 td,
table.pico_form_table2 th{
        color: black;
        vertical-align          :top !important;
        text-align              :_ALIGN_START;}

/*-- times --*/
.paging {
	padding:5px 10px 5px 10px;
	border:0px solid #99bbcc;
	background:#3344aa;
	vertical-align:middle;
	font-weight: bold;
	color:#fff;
}
.paging_pn a {
	padding:5px 10px 5px 10px;
	vertical-align:middle;
	font-weight: bold;
}

.paging_pn a:hover {
	padding:5px 10px 5px 10px;
	vertical-align:middle;
	font-weight: bold;
	background-color : #f5f5f5;
	color: #BB0000;
}
.middle{vertical-align:middle;}


#times_centercolumn {	float:left;	width:720px;overflow:hidden;}
#times_rightcolumn {	float:right;	width:180px;overflow:hidden;}
#times_rightcolumn .blockTitle {
	font: bold 100% Arial, 'Hiragino Maru Gothic Pro', 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
	color: #fff;
	text-align:left;
	width:220px;
	/*height:40px;*/
	border-bottom:1px solid #fff;
	background:#0077cc;
	line-height:300%;
	vertical-align:middle;
	padding: 0 0 0 5px;
	background:url(../img/menu_bg2.gif) repeat-x top;
	background-color:#07aedd;
}
#times_rightcolumn .blockContent {
	padding: 0px 0px;
	line-height:150%;
	vertical-align:middle;
	color: #333;
	background-color:#eeeeee;
}
#times_rightcolumn p,hr {
	padding: 3px 0px;
	/*background-color:#fff;*/
	line-height:150%;
}

#timespreview { border: 1px dotted #cacaca;}
#timespreview .previewhead { display:block; background:#cacaca;  border: 1px dotted #cacaca; text-align:center; color:#000000;}

#timesform { padding: 3px;}
#timesform table { border-collapse:collapse;border: 1px solid #cacaca;margin-bottom:10px;}

#timesform .head{
	padding: 5px;
	color: inherit;
	border-bottom: 1px solid #CACACA;
	/*background: #F2F2F2;*/
	background: #F7F7F7;
	width:100px;
	white-space: nowrap;
}
#timesform .headpreview{
	padding: 5px;
	color: inherit;
	border: 1px solid #cacaca;
	background: #F7F7F7;
	white-space: nowrap;
	font-weight: normal;
	font-size: 90%; 
}

#timesform .even {
	padding: 5px;
	color: inherit;
	border-bottom: 1px solid #CACACA;
	background: #F7F7F7;
}
#timesform .evenpreview {
	padding: 3px;
	color: inherit;
	border-bottom: 1px solid #CACACA;
	background: #ffffff;
}
#timesform .evenpreview table { /*前書き・背景プレビュー内table*/
	border: 0px solid #CACACA;
}
#timesform .note {
	padding: 5px;
	color: inherit;
	font-size:88%;
}
#timesform .notice { 
	color: #008000;
	font-style:none;
	font-size:88%;
}
#timesform .notice1 { 
	color: #008000;
	font-size:88%;
}
#timesform .notice2 { 
	color: #808080;
}
#timesform .countarea { /*文字数*/
	border-bottom:1px dotted #aaa;
	color:#333;
}
#timesform .count { /*文字数表示*/
	font-weight: bold;
}
#timesform .textarea {
	/*padding: 5px;*/
	/*color: inherit;*/
	/*background:#f2f6fb;*/
 /*width:98%;*/

	padding: 3px;
	/* width:98%; */
	/*width:675px;*/
	width:670px;
	/*border: 1px solid #cacaca;*/
	border: 1px solid #ffa500;
}
#timesform .textarea2 {/* img */
	padding: 3px;
	width:40%;
	background: #F7F7F7;
	border: 1px solid #cacaca;
}
#timesform .textarea3 {/* ef_contactproject & ef_contactperson */
	padding: 3px;
	width:80%;
	border: 1px solid #ffa500;
}
#timesform .textarea4 {/* ef_contactperson & ef_introtitle,ef_backtitle */
	padding: 3px;
	width:80%;
	border: 1px solid #cacaca;
}
#timesform dl {
	margin: 0px;
	padding: 2px;
}
#timesform dl.line {
	border-top: 1px solid #cacaca;
}
#timesform dl dt {
	float: left;
	width: 90px;
	margin: 0;
	padding: 0;
}

#timesform dl dd {
	_height: 1%; /* Hack for Win IE6 */
	margin: 0 0 0.15em 5em;
	padding: 0;
}

#times .subsubject{
	margin:0px;
	padding:5px;
}
#times .introduction{
	margin:0px 10px;
	padding:5px;
	/*border-radius: 5px;*/         /* CSS3 */
	-moz-border-radius: 5px;  /*  Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border: 1px #cacaca solid;     /* 枠線の装飾 */
	/*border-top: 1px dotted #CACACA;*/
	/*border-bottom: 1px dotted #CACACA;*/
	/*background: #F7F7F7;*/
	line-height: 150%;
}
#times .caption{
	margin:10px 0px 5px 5px;
	padding:5px 0px 0px 20px;
	font-weight: bold;
	font-size: 105%;
	color: #333;
	background: url(../img/square04.png) no-repeat 0px 6px;
}
#times .cp{
	margin:20px 0px 5px 5px;
	padding:0px;
	border: 1px solid #CACACA;
	background:#f2f6fb;
}
#times .cpn{
	margin:0px;
	padding:5px;
	font-weight: bold;
	font-size:100%;
	background:#f2f6fb;
	border-bottom: 1px dotted #CACACA;
	display:blok;
	line-height: 120%;
}
#times .bodytext{
	padding: 5px;
/*	font-size: 93%; --2015.8.19 munakata--*/
	line-height: 150%;
}
#times blockquote{ /*インデント*/
padding: 0px 20px; 
}

#times .pagelist{
	margin:0px;
	padding:5px 0 0 10px;
	display:blok;
	line-height: 120%;
}

#timestop{
	margin:5px 0 30px 0;
	padding:5px;
	border: 0px solid #CACACA;
	background:#f2f6fb;
}
#timestop .subsubject{
	margin:0px;
	padding:5px;
	font-weight: bold;
}
#timestop .introduction{
	margin:0px 5px;
	padding:5px;
	/*border-radius: 5px;*/         /* CSS3 */
	/*-moz-border-radius: 5px;*/    /* Firefox */
	/*-webkit-border-radius: 5px;*/ /* Safari,Chrome */

	border: 0px #cacaca solid;     /* 枠線の装飾 */

	/*border-top: 1px dotted #CACACA;*/
	/*border-bottom: 1px dotted #CACACA;*/
	/*background: #F7F7F7;*/
	line-height: 150%;
}
#timestop .pagelist{
	margin:0px;
	padding:5px 0 0 10px;
	display:blok;
	line-height: 120%;
}
.subcategoryimg{
	padding:5px 0 5px 15px;
	font-weight: bold;
	font-size: 100%;
	color:#000;
	background: url(../img/square01.png) no-repeat 0px 4px;
}
.subsubcategory{
	margin:0 0 0 20px;
	padding:5px 0 5px 0;
	font-size: 100%;
	color:#000;
}
/* ------------ for bulletin or news module ------------ */
 .news_lay1 { 	padding-right: 10px; }

.item {
	font-size: 100%;
	padding: 0px;
	margin: 0px;
	line-height:normal;
	border-bottom: 0px dotted #aaa;
}
.itemHead {
	margin: 0px;
	padding: 2px 5px;
	font-weight: bold;
	border-bottom: 1px dotted #CCC;
}
.itemPostDate {
	font-size: 90%;
}
.itemTitle {
	/*font-weight: bold;*/
	text-decoration: none;
	vertical-align:middle;
	padding:5px;
}
.itemTitle a {
	font-size: 120%;
	font-weight: bold;
	text-decoration: none;
}
.itemNew {
	color: #cc0000;
	font-weight: normal;
	font-size:10px;
	margin: 0 8px 20px 3px;
}
.itemBody {
	padding: 0 8px 0 13px;
	overflow: hidden;
}
.itemText {
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.5em;
}

.itemFoot {
	text-align: right;
	padding: 2px;
	border-top:1px dotted #CCC;
}
.itemAdminLink {
	font-size: 90%;
}
.itemPermaLink {
	font-size: 90%;
}

.itemInfo {
	text-align: right;
	padding: 3px 8px;
}
.itemPoster {
	font-size: 90%;
}
.itemStats {
	font-size: 90%;
}
.itemText:first-letter {
	font-size: 90%;
	/*font-size: 1.5em;*/
	/*font-weight: bold;*/
}
/* ------------ for top page(news_item2.html) ------------ */
.item22 {
	font-size: 95%;
	padding: 3px 0 0 0;
	margin: 5px;
	line-height:normal;
}
.itemPostDate2 {
	color: #333333;
	text-decoration: none;
	padding:0px 2px;
}
.itemTitle2 {
	/*font-weight: bold;*/
	text-decoration: none;
	vertical-align:middle;
	padding:0px 2px 10px 2px;
}
.itemBody2 {
	padding: 0 8px 0 0;
	overflow: hidden;
}
.itemText2 {
	text-decoration: none;
	padding:0 2px;
	margin: 5px;
}
.itemHead2 {
	margin: 5px;
	padding: 2px 5px;
	font-weight: bold;
	border-bottom: 1px dotted #CCC;
}
.itemNew2 {
	color: #cc0000;
	font-weight: normal;
	font-size:10px;
}
/* ------------top centercolumn R&D ------------ */
#info_area table {
	margin:0px;
	padding:0px;
	border-collapse:collapse;
}
#info_area td {
	vertical-align:top;
}
/* ------------top Whats new ------------ */
/*--2015.11.6--*/
#wha { 
	margin:5px 0px 20px 10px;
	padding:5px;
	border:0px dotted #aaa;
	background:#f7f7f7;/*fcf3da*/
}
#wha p {
	padding:2px;
	border-bottom:0px dotted #aaa;
}
/*#wha ul li {
	list-style: none;
	line-height: 1.5em;*/
}*/

/*--2015.11.24--*/
#wha ul {
   	list-style: none;
   	padding:0;
	margin:0;
}
#wha li {
   list-style: none;
   margin:0;
   padding: 7px 5px 7px 125px;
   text-indent: -125px;
   border-bottom:1px dotted #aaa;
font-size:93%;
}
#wha li span {
   display:inline-block;
   width:123px;
   text-indent:0;
}

/*--2016.1.27--*/
.access td{
   padding-right:10px;
}
p.location{
   padding:5px;
   background:#eee;
}
img.accessmap{
   margin:0 30px;
}
p.howto{
   font-size:90%;
}
.access h2 {
	font-family:  Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
	color: #f60;
	background:inherit;
	padding: 0;
	margin:10px 0 5px 0;
}
#times i {
	font-style: italic;
}
#times sup {
	font-size: 0.8em;
}


/* --------------------------------------------- */
   2021/11/10 上書き修正
 /* -------------------------------------------- */

/*お問い合わせ*/
a.btn.btnB.headerContact1 {color: #FFF;text-decoration: none;}
a.btn.btnB.headerContact1:hover {text-decoration: none;}
a.btn.btnB.headerContact1:visited {color: #FFF;}

/*研究所一覧*/
.LabMenuList-parent li.group p a{text-decoration: none;}
.LabMenuList-parent li p a {text-decoration: none;}

.LabMenuList-parent li.group p a:visited {color: #231F20;}
.LabMenuList-parent li p a:visited {color: #231F20;}

/*ハンバーガー*/
.mainMenuList-parent li a {text-decoration: none;}
.mainMenuList-parent li a:visited {color: #231F20;}
.mainMenuFoot ul li a:visited {color: #231F20;}

/*フッタアイコン・リンク*/
.footerIcons li a:visited {color: #FFF;}
.footerLinks li a:visited {color: #FFF;}