@charset "utf-8";
/* tohoku-unuv-library common.css */

html{
	height:100%;
}

body{
	overflow-y:scroll;
	color: #000000;
	height:100%;
	font-size:14px;
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3" , "Meiryo" , "CI" , "lr oSVbN","Arial";
	line-height:180%;
	background-color:#FFFFFF;
	padding:0px;
	margin:0px;
}

.clearfix:after{/*clearfix設定*/
	content: "";
	display: block;
	clear: both;
}
	
img, ul, li, h1, h2, h3, h4, p, div{
	padding:0;
	margin:0;
	border:0;
}

ul, li{
	list-style-type:none;
}

.blank {
	clear:both;
	line-height:0px;
	font-size:0px;
}

a:link,
a:active,
a:visited{
	color:#000000;/*#E7352B #006435*/
	text-decoration:underline;
}

a:hover{
	color:#006435;
	text-decoration:none;
}

/*--header--*/
header{
	line-height:140%;
	clear:both;
	margin:0px auto 0px auto;
}

header h1 a:hover{
	opacity:1.0;
}

header #head-contents ul li a:hover{
	opacity:.50;
}

header #head-language a{
	color:#1D9BF0;
	font-weight:bold;
	background-color:#FFFFFF;
	text-decoration:none;
	border:#1D9BF0 1px solid;
}

header #head-language a:hover{
	opacity:.50;
	text-decoration:none;
}

/*--nav--*/
nav #global{
	line-height:120%;
	padding:0px;
	margin:0px auto 15px auto;
}

ul.menu{
	list-style-type:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

ul.menu li a{
	height:20px;
	color:#000000;
	font-weight:bold;
	font-size:120%;
	float:left;
	lineheight:200%;
	display:block;
	list-style-type:none;
	text-decoration:none;
	padding:50px 0px 0px 0px;
	border-right:#006435 1px solid;
}

ul.menu li:last-child a{
	border-right:none;
}

/*ul.menu li a:hover{
	opacity:.50;
}*/

/*サブメニュー start*/
ul#navi *{
	 -webkit-transition: 0.5s;
	 -moz-transition: 0.5s;
	 -ms-transition: 0.5s;
	 -o-transition: 0.5s;
	 transition: 0.5s;
}



/*サブメニュー end*/

/*--main--*/
/*--テキスト--*/
.also{
	font-size:120%;
}

/*--footer--*/
footer{
	background-color:#FFFFFF;/*--rgba(0,100,53,0.90)--*/
	color:#000000;
}

footer #foot-center{
	margin:0px auto 0px auto;
}

footer #foot-center h1{
	font-weight:bold;
	margin:0px auto 0px auto;
}

footer #foot-center .foot-navi{
	
}

footer #foot-center dl.f-navi-box{
	
}

footer #foot-center dl.f-navi-box dt{
	font-weight:bold;
}

.title{
	/*pointer-events: none;*/
}

footer #foot-center dl.f-navi-box dt a{
	color:#000000;
	text-decoration:none;
}

footer #foot-center dl.f-navi-box dt a:hover{
	color:#000000;
	text-decoration:underline;
}

footer #foot-center dl.f-navi-box dd a{
	color:#000000;
	text-decoration:none;
}

footer #foot-center dl.f-navi-box dd a:hover{
	color:#000000;
	text-decoration:underline;
}

footer #foot-center .copyright{
	text-align:center;
}

footer #foot-center .copyright a{
	color:#000000;
	text-decoration:underline;
}

footer #foot-center .copyright a:hover{
	color:#006435;
	text-decoration:none;
}

/*==========================================
 ボタンのスタイル
===========================================*/
/*--bt01--*/
main .bt01 a{
	width:190px;
	color:#FFFFFF;
	display:block;
	text-align:left;
	text-decoration:none;
	background-color:#091363;
	border-radius:5px;
}

main .bt01 a:hover{
	background-color:#6B71A1;
}

/*==========================================
 矢印のスタイル（arrows）
===========================================*/
/*--arrow01--*/
div.arrow01 a {
     position: relative;
     padding-left: 22px;
}
div.arrow01 a::before {
     width: 17px;
     height: 17px;
	 position: absolute;
     content: '';
     background: #FFFFFF;
     border-radius: 50%;
     top: 10%;
     right: 10%;
     margin-top: 17px;
}
div.arrow01 a::after {
     position: absolute;
     content: '';
     width: 5px;
     height: 5px;
     border-top: solid 2px #091363;
     border-right: solid 2px #091363;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 50%;
     right: 12.8%;
     margin-top: -4px;
}

/*--arrow02--*/
div.arrow02 a {
     position: relative;
     padding-left: 20px;
}

div.arrow02 a::before{
    position: absolute;
     content: '';
     width: 5px;
     height: 5px;
     border-top: solid 2px #FFFFFF;
     border-right: solid 2px #FFFFFF;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 50%;
     left: 0%;
     margin-top: -3px;
}

