/* 共通パーツ */
html {
	margin: 0;
	padding: 0;	
}

body {
	background-color: #0075a9;
	font-family: "Times New Roman","游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height:1.25;
	margin: 0;
	padding: 0;
}

.l-wrapper {
	margin: 0 auto;
	width: 960px;
}


.l-left {
	float: left;
}

.l-right {
	float: right;
	/*width: 702px;*/
}


.align-center {
	text-align: center;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.mb1{
	margin-bottom: 1em;
}

.mb2{
	margin-bottom: 2em;
}

.mb3{
	margin-bottom: 3em;
}

.mt1{
	margin-top: 1em;
}

.mt2{
	margin-top: 2em;
}

.mt3{
	margin-top: 3em;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

p,img,ul,li,dl,dt,dd {
	margin: 0;
	padding: 0;
}

ul, li {
	list-style-type: none;
}

/* ヘッダー */

 header {
 	height: 90px;
 	background-color: #ffffff;
 	margin: 0;
 	padding: 0;
 }

aside {
	width: 230px;
	margin: 0;
	padding: 0;
	text-align: left;
}

aside p {
	color: #ffffff;
}

aside p.ref {
	margin-left:3em;
 	text-indent:-3em;
	color: #ffffff;
	text-decoration: none;
	}

aside p.ref a:link,
aside p.ref a:visited {
	color:#000000;
	text-decoration: none;
	}
aside p.ref a:hover,
aside p.ref a:active {
	color:#ffd700;
	text-decoration:none;
	}

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

.left-btns {
	color:#000000;
	/*width:100px;*/
	position: relative;
	margin: 20px 10px 0 0;
}

.left-btns p {
	text-align:right;
    padding-right:10px;
    display: block;
	position: absolute;
	top:-3px;
	left:-170px;
	width: 160px; 
	height: 30px;
	border-right: 2px solid #6c645c;
	line-height: 2;
}

.left-btns p a:link,
.left-btns p a:visited
 { text-decoration: none; color:#000000;}
.left-btns p a:hover,
.left-btns p a:active
 { text-decoration:underline; color:#6c645c;}


.left-btn img {
	display: inline-block;
	margin:0 0 0 0;
}

/* ナビゲーション　*/
nav {
	background-color: #002e73;
	height: 51px;
	text-align: center;
}

.first-layer {
	list-style: none;
	font-size: 19px;
	width: auto;
	display: block;
}

.first-layer > li {
	display: block;
	float: left;
	border-left: 1px solid #000;
	height: 29px;
	margin: 10px 0 0 0;
	line-height: 1.5;
	/*position: relative;*/
}

.first-layer > li >span {
    display: block;
    margin: 0 1.1em;
    height: 29px;
		color: #000000;
		/*font-weight: bold;*/
}

.first-layer > li:last-child {
	border-right: 1px solid #000;
}

.first-layer > li a {
	display: block;
	margin: 0 1.1em;
	height: 29px;
}

.first-layer > li a:link {
	text-decoration: none;
	color: #fff;
}

.first-layer > li a:visited {
	text-decoration: none;
	color: #fff;
}

.first-layer > li a:hover {
	text-decoration: none;
	color: #ff6102;
}

.first-layer > li a:active {
	text-decoration: none;
	color: #fff;
}

.sub {
	padding: 10px 0 0 0;
	position: absolute;
	z-index: 100;
}

.sub li{
	z-index: 1000;
	/*position: ;*/
	/*height: 40px;*/
	font-size: 16px;
	background-color: #3e3a39;
	border-bottom: 1px dashed #fff;
	text-align: left;
	text-indent: 0.2em;
}

.sub li a {
	display: block;
	padding: 5px 0 5px 0 ;
}

.main-image {
	height: 220px;
	margin: 1px 0 0 0;
}

.bnr {
	margin: 0 0 18px 0;
}


.txt-bnr {
	width: 200px;
	margin: 0 0 10px 0;
	padding:0 0 10px 0;
}

.txt-bnr a{
	display: block;
	text-align: center;
	width: 200px;
	font-size: 20px;
}

.txt-bnr span {
	padding: 10px 0 0 0;
	display: block;
}

.txt-bnr a:link,
.txt-bnr a:visited,
.txt-bnr a:hover,
.txt-bnr a:active
 { text-decoration: none;color: #fff;}



/* */
.second-block {
	/*min-height: 200px;*/
 	background-color:#0075a9;
/* 	background-color:#b48556;  */
	padding: 25px 0 0 0;
	text-align: left;
}

.news-list {
	margin: 0 0 35px 8px;
}

.news-list li {
	width: 679px;
	overflow: hidden;
	color:#5c5c5c;
	border-bottom: 1px dashed #fff;
	/*height: 20px;*/
	padding: 7px 0;
    font-size: 16px;
  	/*line-height: 2;*/
}

article p.ref {
 	margin-left:5em;
    text-indent:-5em;   
}


.diary {
	color:#ffffff;
	margin-bottom: 30px;
	}

.diary h2 {
	font-size:10px;
	color: #ffffff;
	border-bottom: 1px dotted #fff;
	margin-top:0px;
	}

.DiaryDate {
	font-size:12px;
	margin-top: 30px;
	text-align: left;
	}




/*
.news-date {
	display:table;
    font-size: 14px;
	float:right;
    color:#ffffff;
    }
   */
   
.news-date {
	display:table;
    font-size: 12px;
    color:#ffffff
    }
        

/* リストの内容部分が改行された際に更新日と重ならないようにテキストの */
.news-contents {
	display:table;
    margin-left:0em;
    padding-right:1em;
    }

/* .news-list a {
	padding-left:8em;
	text-indent:-8em;
    }
 */


.news-list li a:link {
	text-decoration: none;
	color:#ffffff;
	font-weight: normal;
}

.news-list li a:visited {
	text-decoration: none;
	color:#ffffff;
}

.news-list li a:hover {
	text-decoration: none;
	color: #ffffff;
	text-decoration: underline;
}

.news-list li a:active {
	text-decoration: none;
	color: #fff;
}

.third-block {
	/*min-height: 200px;*/
	display: block;
	width: 702px;
	background-color:#ffffff;
	padding: 43px 10px 10px 10px;
	border-radius: 	4px;
	/*display: table;*/
}



#top .midashi {
	width: 702px;
	height: 40px;
	opacity: 0.7;
	margin: 0 0 14px 0;
	line-height: 2.4;
    border-bottom:2px solid #ffffff;
	color:white;	
}

#top .midashi > h2 {
	margin: 0 ;
	font-size: 16px;
	text-indent: 38px;

}

#top .midashi a {
	color:white;
	font-size: 14px;
	text-decoration: none;	
}

#top .btn-reademore {
	margin: 5px 15px 0 0;
}

.btn-readpast {
	margin: 0px 0px 20px 0;
}

.info {
	display: block;
	border-radius: 6px;
	border: 1px solid #bbad9b;
	width: 310px;
	height: 255px;
	/*display: table-cell;*/
	margin: 0 4px;
	background-color: #fff;
	/*padding: 5px;*/
}

.info p {
	color: #333;
	line-height: 1.5;
}

.bg-info {
	background-color: #f2e8db;
	border-radius: 3px;
	margin: 2px;
	height: 251px;
	line-height: 1.5;
	font-size: 14px;
}

.bg-info p {
	padding: 15px 8px 0 8px ;
}

.ico-arrow {
	background-image: url("../images/ico-arrow.png");
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	text-indent: 18px;
	display: block;
	line-height: 1.2;
	height: 16px;
	margin: 0 0 1em 0;
}

/* footer */
footer {
	background-color: #002e73;
	height: 138px;
	padding: 20px 0px 0 0;

}

.footer-address {
	text-align: left;
	font-size: 14px;
	color: #fff;
	padding: 2em 0;
}

.footer-copyright {
	text-align: center;
	font-size: 14px;
	color: #fff;
}


.bg-red {
	background-color: #80152b;
}

.bg-orange {
	background-color: #be502d;
}

.bg-blue {
	background-color: #009DE2;
	box-shadow: 0 0 0 3px #56BCD8 inset;
	border-radius: 	4px;
}

.bg-brown {
	background-color: #986D52;
	box-shadow: 0 0 0 3px #B38B67 inset;
	border-radius: 	4px;
}

.float_reset {
    clear:both;
}


.breadcrumb {
	margin: 0 0 23px 5px;
	font-size: 12px;
	text-indent: 6px;
	border-left: 5px solid #ff6102;
}

.breadcrumb a:link {
	text-decoration: none;
	color: #ffffff;
}

.breadcrumb a:active {
	text-decoration: none;
	color: #ffffff;
}

.breadcrumb a:visited {
	text-decoration: none;
	color: #ffffff;
}

.breadcrumb a:hover {
	text-decoration: underline;
	color: #1e2674;
}

.breadcrumb a {
	position: relative;
}

.breadcrumb a:before {
	/*content: '';
	position: absolute;
	top:2px;
	left:-12px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 9px;
	border-color: transparent transparent transparent #ff6102;*/
}


.midashi-S {
	font-size: 12px;
	display: block;
	width: 210px;
	height: 31px;
	background-color: rgba(255, 255, 2555, 0.7);
	margin: 0 0 12px 0;
	padding: 8px 0 0 30px;
	position: relative;
	box-sizing: border-box;
}

.midashi-S::before {
	position: absolute;
	top: 8px;
	left: 8px;
	content: url(../images/ico-blue.png);
}

.midashi-SS {
	font-size: 13px;
	color: #ffffff;
	/*text-indent: 8px;*/
	border-bottom: 1px solid #ffffff;
	display: block;
	box-sizing: border-box;
	/*width: 194px;*/
	margin: 0 0 7px 8px;
}

.aside-mokuji {
	font-size: 13px;
	color: #ffffff;
	margin: 0 0 15px 22px;
}

.aside-mokuji li {
	line-height: 23px;
	position: relative;
}

.aside-mokuji li::before {
	content: '';
	position: absolute;
	top:7px;
	left: -10px;
	width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;/* 50%でもOK */
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #76601f;/* 円の色 */
}

.aside-mokuji li a:link {
	color: #ffffff;
	text-decoration: none;
}

.aside-mokuji li a:active {
	color: #ffffff;
	text-decoration: none;
}
.aside-mokuji li a:visited {
	color: #ffffff;
	text-decoration: none;
}

.aside-mokuji li a:hover {
	text-decoration: none;
	color: #1e2674;
	text-decoration: underline;
}

.aside-cover img {
	margin-left:8px;
}

.aside-cover p {
	margin: 0 0 1em 100px;
	color: #ffffff;
}

.abstract_jp_box {
    margin-bottom:30px;
    padding:10px;

    width: 510px;
    border-style:dashed;
    border-color:white;
    border-width:2px;
}

.cap300 {
	margin: 5px 10px 5px 10px;
	text-indent: none;
	width: 280px;
	font-size:0.8em;
	color: #ffffff;
	}

figcaption {
	font-size:2em;
	text-align:center;
}

article {
	width: 702px;
    margin: 0 20px 0 0;
	padding: 0;
	float:right;
}
article p {
	color:#ffffff;
	font-size: 18px;
	line-height: 1.75;
	margin: 0 0 0.5em 0;
    font-weight:normal;
    padding-bottom:10px;
}

article h1 {
	color: #fff;
	border-bottom: 2px solid #fff;
	text-indent: 10px;
	size: 1.2em;
}

article h2{
	color: #fff;
	border-left: 2px dotted #fff;
   	margin-top:1.5em;
	text-indent: 0px;
	padding-left: 15px;
	size: 1 em;
}

article h3{
	color: #fff;
    margin-top:1.5em;
}

article h4{
	color: #fff;
}