﻿@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

a {
	color: #017acd;
	text-decoration: none;
}

div#header_upInner ul> li> a {
	color: #333;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body {
	line-height: 1.5em;
	color: #333;
	font-family: "メイリオ", Meiryo,"ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, verdana, osaka, "MS PGothic", sans-serif;
	font-size: 80%;
	text-align: center;
	background-color: #fff;
}

img {
	margin: 0;
	border-style: none;
}

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

/*-----------------------------------------------
 __ヘッダーの上
-----------------------------------------------*/
div#header_up {
	width: 100%;
	height: 35px;
	margin: auto;
	color: #FF33CC;
	background-color: #ffffff;
	background-image: url(../common/images/headup_bg.gif);
	background-repeat: repeat-x;
}

div#header_upInner {
	width: 940px;
	height: 32px;
	margin: 0 auto;
	border-bottom: 1px #999 solid;
	background-color: #ffffff;
	background-image: url(../common/images/headup_bg.gif);
	background-repeat: repeat-x;
}

div#header_upInner ul {
	float: right;
	margin: 0;
	padding: 0;
}

div#header_upInner ul li {
	display: inline;
	float: left;
	height: 25px;
	margin-top: 8px;
	padding-left: 20px;
	font-size: 13px;
	text-align: left;
	/* background-image: url(../common/images/arrow_header.gif); */
	background-repeat: no-repeat;
	background-position: 6px 5px;
}

/* Font Awesome */
.fa-home:before
{
	color: #666;
}
.fa-home {
	padding-right: 3px;
}
.fa-external-link:before
{
	color: #666;
}
.fa-external-link {
	padding-right: 3px;
}
.fa-arrow-circle-o-right:before
{
	color: #666;
}
.fa-arrow-circle-o-right {
	padding-right: 3px;
}
.fa-sitemap:before
{
	color: #666 ;
}
.fa-sitemap {
	padding-right: 3px;
}
.fa-location-arrow:before
{
	color: #666 ;
}
.fa-location-arrow {
	padding-right: 3px;
}

/*-----------------------------------------------
 __全体
-----------------------------------------------*/
div#container {
	clear:right;
	width: 940px; /* ページの幅 */
	margin-top: 0;
	margin-right: auto; /* センタリング */
	margin-bottom: 5px;
	margin-left: auto; /* センタリング */
	text-align:left;
	background-color: #ffffff; /* メインカラムの背景色 */
	overflow: hidden;
}

/*-----------------------------------------------
 __ヘッダー
-----------------------------------------------*/
div#header {
	width: 100%;
	height: 60px;
	margin: 0;
	border-bottom: #999 1px solid;
	background-color: #ffffff;
	background-image: url(../common/images/header_bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

div#logo {
	width: 940px;
	margin: auto;
	text-align: left;
}

div#logo_title {
	float: left;
	width: 440px;
}

div#logo_title h1 {
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 7px;
}

div#header_nav {
	float: right;
	width: 500px;
}

div#logo p {
	margin: 0;
	color: #ffffff;
}

ul#tpMenu {
	list-style: none;
	display: block;
	float: right;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

ul#tpMenu li {
	display: block;
	float: left;
	width: 100px;
	padding: 3px 3px 3px 25px;
	background-image: url(../common/images/arrow_header.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
}


/*-----------------------------------------------
 __パン屑リスト
-----------------------------------------------*/
p#bread {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*-----------------------------------------------
 __ナビゲーション
-----------------------------------------------*/

div#sidebar {
	float: left;
	width: 180px; /* 左サイドバーの幅 */
	margin-top: 3px;
	margin-bottom: 15px;
	font-size: 13px;
}

/* ナビゲーション1項目 */
h2.about_iip a {
	display: block;
	line-height: 32px;
	padding-left: 10px;
	border-top: #999999 solid 1px;
	border-right: #999999 solid 1px;
	border-bottom: none;
	border-left: #999999 solid 1px;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	background-color: #ffffff;
	background-image: url(../images/navi/h2nav_bk1.gif);
}

h2.about_iip a:visited {
	text-decoration: none;
	background-image: url(../images/navi/h2nav_bk1.gif);
}

h2.about_iip a:hover {
	text-decoration: none;
	background-image: url(../images/navi/h2nav_bk1_on.gif);
}

h2.about_iip a:active {
	text-decoration: none;
	background-image: url(../images/navi/h2nav_bk1_on.gif);
}

div#sidebar div.sidemenu1 ul li.list1 a {
	display: block;
	height: 25px;
	line-height: 25px;
	padding-left: 25px;
	border-top: none;
	border-right: #999999 1px solid;
	border-bottom: none;
	border-left: #999999 1px solid;
	color: #333;
	font-weight: normal;
	text-decoration: none;
	background-color: #F0F7FF;
}

div#sidebar div.sidemenu1 ul li.list1 a:hover {
	padding-left: 21px;
	border-left:solid 5px #2055A6;
	border-bottom: none;
	color: #017acd;
	text-decoration: underline;
	background-color: #DAF3FE;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 10px 8px;
}

div#sidebar div.sidemenu1 ul li.list1 a:active {
	padding-left: 21px;
	border-bottom: none;
	text-decoration: underline;
	background-color: #FAFAFA;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 10px 8px;
}

div#sidebar div.sidemenu1 ul li.list2 a {
	display: block;
	height: 25px;
	line-height: 25px;
	padding-left: 25px;
	border-top: none;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	border-left: #999999 1px solid;
	color: #333;
	font-weight: lighter;
	text-decoration: none;
	background-color: #F0F7FF;
}

div#sidebar div.sidemenu1 ul li.list2 a:hover {
	padding-left: 21px;
	border-left:solid 5px #2055A6;
	border-bottom: #999999 solid 1px;
	color: #017acd;
	text-decoration: underline;
	background-color: #DAF3FE;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 10px 8px;
}

div#sidebar div.sidemenu1 ul li.list2 a:active {
	padding-left: 25px;
	border-top: none;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	border-left: #999999 solid 1px;
	color: #017acd;
	background-color: #FAFAFA;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 10px 8px;
}

div#sidebar div.sidemenu1 ul li.list1:last-child {
		border-bottom: #999999 solid 1px;
}
	
/* ナビゲーション2項目 トップページ */
ul.menu li {
	width:153px;
	height: 25px;
	position:relative;
}
ul.menu li a {
	display:block;
	width:100%;
	height:100%;
	line-height:25px;
	font-weight: bold;
	color: #cfdfb5;
	text-decoration: none;
	position:relative;
}
ul.menu li a:hover {
	padding-left: 21px;
	border-left:solid 5px #DE5FC8;
	border-bottom: none;
	color: #017acd;
	text-decoration: underline;
	background-color: #FFFAEC;
}
div#sidebar div.sidemenu2 ul.menu li ul.sub {
	position:absolute;
	left:180px;
	top:0;
	border: none;
	display: none;
}
div#sidebar div.sidemenu2 ul.menu li ul.sub li a:hover{
	padding-left: 25px;
	color: #017acd;
	text-decoration: underline;
	background-color: #FBECF9;
	border-left: none;
}
ul.sub li.sub_shita a{
	border: none;
}


ul.menu {
	zoom:1;
}
ul.menu:after {
	height:0;
	visibility: hidden;
	content:".";
	display: block;
	clear:both;
}

ul.menu:last-of-type {
	border-bottom: 1px solid #999999;
}
/* ナビゲーション2項目_toppage */
div.sidemenu2_top {
	margin-top: 3px;
}

h2.about_sanjyo a {
	display: block;
	line-height: 30px;
	height: 30px;
	padding-left: 10px;
	border-top: #999999 solid 1px;
	border-right: #999999 solid 1px;
	border-bottom: none;
	border-left: #999999 solid 1px;
	color: #ffffff;
	font-weight: bolder;
	font-size: 12px;
	text-decoration: none;
	background-color: #FFFAEC;
	background-image: url(../images/navi/h2nav_bk7.gif);
	background-repeat: no-repeat;
}

h2.about_sanjyo a:visited {
	color: #fff;
	text-decoration: none;
	background-color: #FFFAEC;
	background-image: url(../images/navi/h2nav_bk7.gif);
	background-repeat: no-repeat;
}

h2.about_sanjyo a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #ffffff;
	background-image: url(../images/navi/h2nav_bk7_on.gif);
	}
h2.about_sanjyo a:active {
	color: #fff;
	text-decoration: none;
}

div.sidemenu2_top ul li.list1 a {
	display: block;
	line-height: 25px;
	padding-left: 25px;
	border-top: none;
	border-right: #999999 solid 1px;
	border-bottom: none;
	border-left: #999999 solid 1px;
	color: #333;
	font-weight: lighter;
	text-decoration: none;
	background-color: #EEFDFF;
}

div#sidebar div.sidemenu2_top ul li.list1 a:hover {
	padding-left: 21px;
	border-left: #21cbbb solid 5px;
	border-bottom: none;
	color: #017acd;
	text-decoration: underline;
	background-color: #e4faf8;
}

div#sidebar div.sidemenu2_top ul li.list1 a:active {
	padding-left: 21px;
	border-left: #21cbbb solid 5px;
	border-bottom: none;
	color: #017acd;
	text-decoration: underline;
	background-color: #e4faf8;
}

div.sidemenu2_top ul li.list2 a {
	display: block;
	line-height: 25px;
	padding-left: 25px;
	border-top: none;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	border-left: #999999 solid 1px;
	color: #333;
	font-weight: lighter;
	text-decoration: none;
	background-color: #FBECF9;
}

div#sidebar div.sidemenu2_top ul li.list2 a:hover {
	padding-left: 21px;
	border-top: none;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	border-left: #FCCB23 solid 5px;
	color: #017acd;
	text-decoration: underline;
	background-color: #e4faf8;
}

div#sidebar div.sidemenu2_top ul li.list2 a:active {
	padding-left: 21px;
	border-top: none;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	border-left: #FCCB23 solid 5px;
	color: #017acd;
	text-decoration: underline;
	background-color: #e4faf8;
}

div.sidemenu2_top ul li.list_bannar a {
	display: block;
	line-height: 8px;
	padding-left: 0px;
	padding-bottom: 0px;
	border-top: none;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	border-left: #999999 solid 1px;
	color: #333;
	font-weight: lighter;
	text-decoration: none;
	background-color: #EEFDFF;
}

div#sidebar div.sidemenu2_top ul li.list_bannar a:hover{
	padding-left: 0px;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	border-left: #999999 solid 1px;
	color: #017acd;
	text-decoration: none;
	background-color: #FFFBEC;
    filter: alpha(opacity=80);       
    -ms-filter: "alpha(opacity=80)"; 
    -moz-opacity:0.8;                 
    -khtml-opacity: 0.8;             
    opacity:0.8;
    zoom:1;
}

/* ナビゲーション2項目 */
div.sidemenu2 {
	margin-top: 3px;
}

h2.about_katudo a {
	display: block;
	line-height: 32px;
	padding-left: 10px;
	border-top: #999999 solid 1px;
	border-right: #999999 solid 1px;
	border-bottom: none;
	border-left: #999999 solid 1px;
	color: #ffffff;
	font-weight: bolder;
	font-size: 13px;
	text-decoration: none;
	background-color: #ffffff;
	background-image: url(../images/navi/h2nav_bk2.gif);
}

h2.about_katudo a:visited {
	text-decoration: none;
	background-image: url(../images/navi/h2nav_bk2.gif);
}

h2.about_katudo a:hover {
	text-decoration: none;
	background-image: url(../images/navi/h2nav_bk2_on.gif);
}

h2.about_katudo a:active {
	text-decoration: none;
	background-image: url(../images/navi/h2nav_bk2_on.gif);
}

div.sidemenu2 ul li a {
	display: block;
	min-height: 25px;
	height: auto !important; /*ナビゲーションが２行になるため*/
	height: 25px;
	line-height: 25px;
	padding-left: 25px;
	border-top: none;
	border-right:  #999999 1px solid;
	border-bottom: none;
	border-left:  #999999 1px solid;
	font-weight: lighter;
	color: #333;
	text-decoration: none;
	background-color: #FFF7FE;
}

div#sidebar div.sidemenu2 ul.menu li a:hover {
	padding-left: 21px;
	border-left:solid 5px #DE5FC8;
	border-bottom: none;
	color: #017acd;
	text-decoration: underline;
	background-color: #FBECF9;
}

div#sidebar div.sidemenu2 ul.menu li a:active {
	padding-left: 21px;
	border-left:solid 5px #DE5FC8;
	border-bottom: none;
	color: #017acd;
	text-decoration: underline;
	background-color: #FBECF9;
}
div#sidebar div.sidemenu2 ul.menu li.gen a:link {
	display: block;
	height: auto;
	line-height: auto;
	border-top: none;
	border-right:#999999 1px solid;
	border-bottom: none;
	border-left:#999999 1px solid;
	color: #333;
	font-weight: normal;
	text-decoration: none;
	background-color: #FFF7FE;
}
div#sidebar div.sidemenu2 ul.menu li.gen a:hover {
	padding-left: 21px;
	border-left:solid 5px #DE5FC8;
	border-bottom: none;
	color: #017acd;
	text-decoration: underline;
	background-color: #FBECF9;
}
ul.menu li.about a:link {
	display: block;
	min-height: 20px;
	height: auto !important; /*ナビゲーションが２行になるため*/
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	font-weight: normal;
	color: #333;
	background-color: #FFF7FE;
	border-top: none;
	border-right:  #999999 1px solid;
	border-bottom: none;
	border-left:  #999999 1px solid;
	padding-left: 50px;
	background-image: url(../common/images/li.gif);
	background-repeat: no-repeat;
	background-position: 35px 5px;
}
div#sidebar div.sidemenu2 ul li.gen ul li.about a:hover {
	padding-left: 46px;
	border-left:solid 5px #DE5FC8;
	border-bottom: none;
	color: #017acd;
	text-decoration: underline;
	background-color: #FBECF9;
	background-image: url(../common/images/li.gif);
	background-repeat: no-repeat;
	background-position: 31px 5px;
}

div.sidemenu2 ul li.list2 a {
	display: block;
	line-height: 25px;
	padding-left: 25px;
	border-top: none;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	border-left: #999999 solid 1px;
	color: #333;
	font-weight: lighter;
	text-decoration: none;
	background-color: #FBECF9;
}

div#sidebar div.sidemenu2 ul li.list2 a:hover {
	padding-left: 21px;
	border-top: none;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	border-left:solid 5px #FAFAFA;
	color: #017acd;
	text-decoration: underline;
	background-color: #FBECF9;
}

div#sidebar div.sidemenu2 ul li.list2 a:active {
	padding-left: 21px;
	border-top: none;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	border-left:solid 5px #FAFAFA;
	color: #017acd;
	text-decoration: underline;
	background-color: #FBECF9;
}

.tb {
	vertical-align: text-bottom
}

ul.menu:last-of-type {
	border-bottom: 1px solid #999999;
}

/* 競輪マークを親要素のフォントの下に揃える */
/* ナビゲーション3項目 */
div#sidebar div.sidemenu3 {
	margin-top: 3px;
}

h2.publish a {
	display: block;
	line-height: 32px;
	padding-left: 10px;
	border-top: #999999 solid 1px;
	border-right: #999999 solid 1px;
	border-bottom: none;
	border-left: #999999 solid 1px;
	color: #ffffff;
	font-weight: bolder;
	font-size: 13px;
	text-decoration: none;
	background-color: #ffffff;
	background-image: url(../images/navi/h2nav_bk3.gif);
}

h2.publish a:visited {
	text-decoration: none;
	background-image: url(../images/navi/h2nav_bk3.gif);
}

h2.publish a:hover {
	text-decoration: none;
	background-image: url(../images/navi/h2nav_bk3_on.gif);
}

h2.publish a:active {
	text-decoration: none;
	background-image: url(../images/navi/h2nav_bk3_on.gif);
}

div#sidebar div.sidemenu3 ul li a {
	display: block;
	height: 25px;
	line-height: 25px;
	padding-left: 25px;
	border-top: none;
	border-right: #999999 1px solid;
	border-bottom: none;
	border-left: #999999 1px solid;
	color: #333;
	font-weight: lighter;
	text-decoration: none;
	background-color: #FAFFF4;
}

div#sidebar div.sidemenu3 ul li.list1 a:hover {
	padding-left: 21px;
	border-bottom: none;
	border-left:solid 5px #008000;
	color: #017acd;
	text-decoration: underline;
	background-color: #EAFDE1;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 10px 8px;
}

div#sidebar div.sidemenu3 ul li.list1 a:active {
	padding-left: 21px;
		border-left:solid 5px #008000;
	border-bottom: none;
	color: #017acd;
	text-decoration: underline;
	background-color: #FAFAFA;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 10px 8px;
}

div#sidebar div.sidemenu3 ul li.list2 a {
	display: block;
	line-height: 25px;
	padding-left: 25px;
	border-top: none;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	border-left: #999999 solid 1px;
	color: #333;
	font-weight: lighter;
	text-decoration: none;
	background-color: #FAFFF4;
}

div#sidebar div.sidemenu3 ul li.list2 a:hover {
	padding-left: 21px;
	border-top: none;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
		border-left:solid 5px #008000;
	color: #017acd;
	text-decoration: underline;
	background-color: #EAFDE1;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 10px 8px;
}

div#sidebar div.sidemenu3 ul li.list2 a:active {
	padding-left: 21px;
	border-top: none;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
		border-left:solid 5px #008000;
	color: #017acd;
	text-decoration: underline;
	background-color: #FAFAFA;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 10px 8px;
}

/* ナビゲーション8項目 */
div.sidemenu8 {
	margin-top: 3px;
}

h2.lib a {
	display: block;
	line-height: 30px;
	height: 32px;
	padding-left: 10px;
	border-top: #999999 solid 1px;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	border-left: #999999 solid 1px;
	color: #ffffff;
	font-weight: bolder;
	font-size: 12px;
	text-decoration: none;
	background-color: #FFFAEC;
	background-image: url(../toppage/images/lib_01.jpg);
	background-repeat: no-repeat;
}

h2.lib a:visited {
	color: #fff;
	text-decoration: none;
	background-color: #FFFAEC;
	background-image: url(../toppage/images/lib_01.jpg);
	background-repeat: no-repeat;
}

h2.lib a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #ffffff;
	background-image: url(../toppage/images/lib_02.jpg);
	}
h2.lib a:active {
	color: #fff;
	text-decoration: none;
}

div.sidemenu8 ul li.list1 a {
	display: block;
	line-height: 25px;
	padding-left: 25px;
	border-top: none;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	border-left: #999999 solid 1px;
	color: #333;
	font-weight: lighter;
	text-decoration: none;
	background-color: #FFFAEC;
}

div#sidebar div.sidemenu8 ul li.list1 a:hover {
	padding-left: 21px;
		border-left: #FCCB23 solid 5px;
	border-bottom: #999999 solid 1px;
	color: #017acd;
	text-decoration: underline;
	background-color: #FFFBEC;
	background-image: url(../images/navi/list4.gif);
	background-repeat: no-repeat;
	background-position: 10px 8px;
}

div#sidebar div.sidemenu8 ul li.list1 a:active {
	padding-left: 21px;
		border-left: #FCCB23 solid 5px;
	border-bottom: #999999 solid 1px;
	color: #017acd;
	text-decoration: underline;
	background-color: #FAFAFA;
	background-image: url(../images/navi/list4.gif);
	background-repeat: no-repeat;
	background-position: 10px 8px;
}

div.sidemenu8 ul li.list2 a {
	display: block;
	line-height: 25px;
	padding-left: 25px;
	border-top: none;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	border-left: #999999 solid 1px;
	color: #333;
	font-weight: lighter;
	text-decoration: none;
	background-color: #FFFAEC;
}

div#sidebar div.sidemenu8 ul li.list2 a:hover {
	padding-left: 21px;
	border-top: none;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	border-left: #FCCB23 solid 5px;
	color: #017acd;
	text-decoration: underline;
	background-color: #FFFBEC;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 10px 8px;
}

div#sidebar div.sidemenu8 ul li.list2 a:active {
	padding-left: 21px;
	border-top: none;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	border-left: #FCCB23 solid 5px;
	color: #017acd;
	text-decoration: underline;
	background-color: #FAFAFA;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 10px 8px;
}

/* ナビゲーション5項目 */
div.sidemenu5 {
	margin-top: 3px;
}

h2.e_db a {
	display: block;
	line-height: 32px;
	padding-left: 10px;
	border-top: #999999 solid 1px;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	border-left: #999999 solid 1px;
	color: #ffffff;
	font-weight: bolder;
	font-size: 13px;
	text-decoration: none;
	background-color: #ffffff;
	background-image: url(../images/navi/h2nav_bk5.gif);
}

h2.e_db a:visited {
	text-decoration: none;
	background-image: url(../images/navi/h2nav_bk5.gif);
}

h2.e_db a:hover {
	text-decoration: none;
	background-image: url(../images/navi/h2nav_bk5_on.gif);
}

h2.e_db a:active {
	text-decoration: none;
	background-image: url(../images/navi/h2nav_bk5_on.gif);
}

/* ナビゲーション6項目 */
div.sidemenu6 {
	margin-top: 3px;
}

h2.p_db a {
	display: block;
	line-height: 32px;
	padding-left: 10px;
	border-top: #999999 solid 1px;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	border-left: #999999 solid 1px;
	color: #ffffff;
	font-weight: bolder;
	font-size: 13px;
	text-decoration: none;
	background-color: #ffffff;
	background-image: url(../images/navi/h2nav_bk6.gif);
}

h2.p_db a:hover {
	text-decoration: none;
	background-image: url(../images/navi/h2nav_bk6.gif);
}

h2.p_db a:hover {
	text-decoration: none;
	background-image: url(../images/navi/h2nav_bk6_on.gif);
}

h2.p_db a:active {
	text-decoration: none;
	background-image: url(../images/navi/h2nav_bk6_on.gif);
}

/* ナビゲーション7項目 */
div.sidemenu7 {
	margin-top: 3px;
}

h2.link_shu a {
	display: block;
	line-height: 32px;
	padding-left: 10px;
	border-top: #999999 solid 1px;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	border-left: #999999 solid 1px;
	color: #ffffff;
	font-weight: bolder;
	font-size: 12px;
	text-decoration: none;
	background-color: #ffffff;
	background-image: url(../images/navi/h2nav_bk7.gif);
}

h2.link_shu a:visited {
	color: #fff;
	text-decoration: none;
	background-image: url(../images/navi/h2nav_bk7.gif);
}

h2.link_shu a:hover {
	color: #fff;
	text-decoration: none;
	background-image: url(../images/navi/h2nav_bk7_on.gif);
}

h2.link_shu a:active {
	color: #fff;
	text-decoration: none;
	background-image: url(../images/navi/h2nav_bk7_on.gif);
}

* ナビゲーション2項目 賛助会員 */
div.sidemenu7 {
	margin-top: 3px;
}

h2.sanjyo a {
	display: block;
	line-height: 32px;
	padding-left: 10px;
	border-top: #999999 solid 1px;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	border-left: #999999 solid 1px;
	color: #ffffff;
	font-weight: bolder;
	font-size: 12px;
	text-decoration: none;
	background-color: #ffffff;
	background-image: url(../images/navi/h2nav_bk7.gif);
}

h2.sanjyo a:visited {
	color: #fff;
	text-decoration: none;
	background-image: url(../images/navi/h2nav_bk7.gif);
}

h2.sanjyo a:hover {
	color: #fff;
	text-decoration: none;
	background-image: url(../images/navi/h2nav_bk7_on.gif);
}

h2.sanjyo a:active {
	color: #fff;
	text-decoration: none;
	background-image: url(../images/navi/h2nav_bk7_on.gif);
}
/*-----------------------------------------------
 __画像
-----------------------------------------------*/

div#main {
	float: right;
	width: 740px;
}

div#photodiv {
	width: 740px;
	height: 295px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-image: none;
	background-color: #fff;
}

div#gazo p.gazo {
	margin-top: 0;
	padding-top: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-weight: bolder;
	font-size: 18px;
}

div#maininner {
	float: left;
	width: 536px;
	margin: 0;
	border: none;
	background-color: #fff;
}
span.attn {
	color: #cc0033;
	}

/*-----------------------------------------------
 __新着情報
-----------------------------------------------*/
div.kyukan {
	height: 116px;
	margin-top: 10px;
	background-color: #fff;
	background-image: url(../images/tosyo_kyukan.gif);
	background-repeat: no-repeat;
}

div.iten {
	height: 116px;
	margin-top: 10px;
	background-color: #fff;
	background-image: url(../images/info_iten.gif);
	background-repeat: no-repeat;
}

div.iten p.iten_info {
	margin-bottom: 0;
	padding-top: 33px;
	padding-bottom: 0;
	padding-left: 30px;
	font-size: 11pt;
}

p.iten_info1 {
	width: 480px;
	margin-top: 0;
	padding-top: 0;
	font-size: 11pt;
	text-align: right;
}

div#maininner h2 {
	line-height: 45px;
	vertical-align: middle;
	margin-bottom: 0;
	border-bottom: 2px #666666;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	background-color: #ffffff;
}

div#maininner h2.second {
	line-height: 45px;
	vertical-align: middle;
	margin-top: 8px;
	margin-bottom: 5px;
	padding-left: 30px;
	border-bottom: 2px #666666;
	color: #666666;
	font-weight: bold;
	font-size: 13px;
	background-color: #ffffff;
	background-image: url(images/h_bg_test.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div#main h3 {
	line-height: 23px;
	margin-top: 30px;
	margin-bottom: 0;
	padding-left: 30px;
	font-size: 0.875em;
	background-color: #e0e0e0;
}

div#main p {
	line-height: 1.6;
	margin-top: 10px;
}

div.news_info1 {
	width: 95%;
	line-height: 1.6;
	margin-top: 8px;
	margin-right: auto;
	margin-left: 5px;
	border: #cacaca dotted 2px;
	background-color: #F0F9FD;
}

div.news_info2 {
	width: 95%;
	line-height: 1.6;
	margin-top: 8px;
	margin-right: auto;
	margin-left: 5px;
	border: #cacaca dotted 2px;
}
div.news_notice160401 {
	width: 95%;
	line-height: 1.6;
	margin-top: 8px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 8px;
	border: #cacaca solid 1px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	text-align:justify;
}
div.news_notice160401 p{
	text-justify:distribute;
}

/*-----------------------------------------------
 __セミナー、新着情報、お知らせ　dl
-----------------------------------------------*/
div#maininner div.news dl {
	width: 530px;
	margin-bottom: 8px;
	margin-left: 0;
	border-bottom: 1px solid #999;
}

div#maininner div.news dt {
	float: left;
	clear: left;
	width: 5em;
	padding: 10px 0.5em;
}

div#maininner div.news dd {
	padding: 10px 0.5em 10px 8em;
}
div#maininner div.news dd.past_semi {
	padding: 10px 0.5em 10px 8em;
	text-align: right;
}
div#maininner div.news dd.past_semi img {
	position: relative;
	top: 3px;
	right: 2px;
}
div#maininner div.news dd.gray {
	background-color: #F3F3F3;
	width: 300px;
}

img.ichi {
	 vertical-align: -10%; 
	 }


/*-----------------------------------------------
 __新着情報、お知らせ、セミナーの講演者欄等
 -----------------------------------------------*/
div#maininner div.news dl.inner,dt.inner,dd.inner {
	margin: 0;
	padding: 0;
}

div#maininner div.news dl.inner {
	width: 350px;
	margin-bottom: 1px;
	border: 1px #CCCCCC solid;
	border-top: none;
	background: black;
}

div#maininner div.news dt.inner,dd.inner {
	padding: 3px;
}

div#maininner div.news dt.inner {
	float: left;
	clear: left;
	width: 185px;
	border-top: 1px #CCCCCC solid;
}

div#maininner div.news dd.inner {
	margin-left: 200px;
	width: 90px;
	border-top: 1px black solid;
	border-right: 1px black solid;
	border-bottom: 1px black solid;
	border-left: 1px black solid;
	background: red;
}
/*-----------------------------------------------
 __新着情報、お知らせ、セミナーの講演者欄等 表
 -----------------------------------------------*/
table.inner {
	width: 427px;
 	border-collapse: collapse;
	border: solid 1px #cccccc;
	}
table.inner th {
	width: 6em;
	padding: 2px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	background-color: #F3F3F3;
	border: solid 1px #cccccc;
	}
table.inner tr {
	border: solid 1px #cccccc;
	}
table.inner td {
	padding: 2px 2px 2px 5px;
	vertical-align: middle;
	border: solid 1px #cccccc;
	}
table.inner1 {
	width: 100%;
 	border-collapse: collapse;
	border: solid 1px #fff;
	background-color: #fff;
	}
table.inner1 tr {
	border: none;
	}
table.inner1 td {
	width: 79%;
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
	border: none;
	vertical-align: top;
	}
table.inner1 td.photo{
	width: 21%;
	padding: 4px;
	vertical-align: middle;
	border: none;
	vertical-align: top;
	}

table.inner1 td img {
	border:1px solid #cccccc;
	}
table.inner2 {
	width: 100%;
 	border-collapse: collapse;
	border: solid 1px #F3F3F3;
	background-color: #F3F3F3;
	}
table.inner2 tr {
	border: solid 1px #F3F3F3;
	}
table.inner2 td {
	padding: 4px;
	vertical-align: middle;
	border: solid 1px #F3F3F3;
	}
table.inner2 td img {
	border:1px solid #cccccc;
	}
table.inner3 {
	width: 100%;
 	border-collapse: collapse;
	border: solid 1px #F3F3F3;
	background-color: #F3F3F3;
	text-align: center;
	}
table.inner3 tr {
	border: solid 1px #F3F3F3;
	}
table.inner3 td {
	padding: 4px;
	vertical-align: middle;
	border: solid 1px #F3F3F3;
	}
table.inner3 td img {
	border:1px solid #cccccc;
	}
	
/*-----------------------------------------------
 __新着情報 セミナー 今後の開催予定
-----------------------------------------------*/	
iv#maininner div.news_info {
	margin-top: 5px;
	margin-bottom: 15px;
}

div#maininner div.news_info dl {
	width: 530px;
	margin-bottom: 8px;
	margin-left: 0;
	border-bottom: 1px solid #999;
}
	
/*-----------------------------------------------
 __お知らせ（右サイド）
-----------------------------------------------*/
div#sidebar-right {
	float: right;
	width: 200px; /* 右サイドバーの幅 */
	margin: 0 0 10px 0;
	background-color: #fff;
}

div#bannar {
	border: #cacaca solid 1px;
	background-image: url(images/forum108_back.png);
	background-repeat: no-repeat;
	height: 284px;
	position: static;
}

div#bannar2 {
	margin-top: 10px;
	margin-bottom: 10px;
	border: #cacaca solid 1px;
}

div#info{
	font-size: 12px;
	}
div.info04 {
	margin-top: 10px;
	margin-bottom: 10px;
	border: solid 1px #BCBCBC;
	text-align: right;
}
div.info01 {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: right;
	background-color: #ffffff;
}
div.info01 img {
	border: 1px solid #cc9999;
}
div.info02 {
	margin-bottom: 10px;
	border: solid 1px #BCBCBC;
	text-align: right;
}
div.info03 {
	margin-top: 0px;
	margin-bottom: 10px;
	border: none;
	text-align: right;
}

div#bannar div.info dl {
	width: 180px;
	margin: auto;
	padding-bottom: 5px;
	border-bottom: 1px dotted #cacaca;
}

div#bannar div.info dt {
	margin: 0;
	padding: 0;
}

div#bannar div.info dd {
	margin: 0;
	padding: 0;
}

div#info_keirin01 {
	margin-bottom: 10px;
	border: none;
	text-align: right;
}
div#info_keirin02 {
	margin-bottom: 10px;
	border: none;
	text-align: right;
}

div.bannar img {
	padding-bottom: 10px;
}

div#sidebar-right h2 {
	height: 38px;
	margin-top: 0;
	margin-bottom: 0px;
	padding: 0px;
	border-top: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	border-left: 1px solid #cacaca;
	color: #7F7F7F;
	font-size: 13px;
	text-align: center;
	background-color: #ffffff;
}
div#sidebar-right p.photo_01 {
	text-align: left;
	padding-left: 25px;
	color: #cc0033;
	font-weight: bold;
	}
.photo_02    {
    position: relative;
    z-index: 1;
    top: 27px;
    left: 30px;
}
.circle    {
    position: relative;
    z-index:    2;
    top: 23px;
    left: -6px;
}
div#sidebar-right p.photo_02 img {
	border:1px solid #cccccc;
}
div#sidebar-right p.photo_button a {
	display : block;
	width: 90px;
	height: 26px;
	margin: auto;
	color: #fff;
	text-align: center;
	line-height: 26px;
	background-image: url(images/bu_no82.gif);
}
div#sidebar-right p.photo_button a:hover {
	background-position: 0 26px;
	text-decoration: none;
	}
div#sidebar-right p {
	margin: 15px 5px;
}
div#sidebar-right p.about_forum {
	margin: 15px 5px;
	text-align: justify;
	text-justify: distribute;
}

div#sidebar-right ul.forum_index {
	margin: 5px 5px 10px 5px;
	padding: 3px 0;
	border-top: 2px dotted #339933;
	border-bottom: 2px dotted #339933;
}

div#sidebar-right ul.forum_index li {
	list-style-type: none;
	padding-left: 25px;
}

/*-----------------------------------------------
 __モーダルウィンドウ
-----------------------------------------------*/
div#grayLayer {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: black;
	opacity: 0.60;
	filter: alpha(opacity=60);
	}
div#overLayer {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -244px;
	margin-left: -325px;
	}
	
/*-----------------------------------------------
 __お知らせボタン info
-----------------------------------------------*/
.btn_info {
  background: #dd6673;
  -webkit-border-radius: 1;
  -moz-border-radius: 1;
  border-radius: 1px;
  font-family: "Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif , "メイリオ" , "Meiryo UI"";
  color: #ffffff;
  font-size: 11px;
  padding: 1px 5px;
  text-decoration: none;
  text-align: center;
}

.btn:hover {
  text-decoration: none;
}

/*-----------------------------------------------
 __お知らせボタン recruit
-----------------------------------------------*/
.btn_seminar {
  background: #dd6673;
  -webkit-border-radius: 1;
  -moz-border-radius: 1;
  border-radius: 1px;
  font-family: "Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif , "メイリオ" , "Meiryo UI"";
  color: #ffffff;
  font-size: 11px;
  padding: 1px 5px;
  text-decoration: none;
  text-align: center;
}

.btn:hover {
  text-decoration: none;
}

/*-----------------------------------------------
 __お知らせボタン seminar
-----------------------------------------------*/
.btn_seminar {
  background: #00aee0;
  -webkit-border-radius: 1;
  -moz-border-radius: 1;
  border-radius: 1px;
  font-family: "Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif , "メイリオ" , "Meiryo UI"";
  color: #ffffff;
  font-size: 11px;
  padding: 1px 5px;
  text-decoration: none;
  text-align: center;
}

.btn:hover {
  text-decoration: none;
}
/*-----------------------------------------------
 __お知らせボタン 報告会
-----------------------------------------------*/
.btn_report {
  background: #27aca9;
  -webkit-border-radius: 1;
  -moz-border-radius: 1;
  border-radius: 1px;
  font-family: "Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif , "メイリオ" , "Meiryo UI"";
  color: #ffffff;
  font-size: 11px;
  padding: 1px 6px;
  text-decoration: none;
  text-align: center;
}

.btn:hover {
  text-decoration: none;
}

/*-----------------------------------------------
 __お知らせボタン 出版物
-----------------------------------------------*/
.btn_pub {
  background: #39a869;
  -webkit-border-radius: 1;
  -moz-border-radius: 1;
  border-radius: 1px;
  font-family: "Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif , "メイリオ" , "Meiryo UI"";
  color: #ffffff;
  font-size: 11px;
  padding: 1px 6px;
  text-decoration: none;
  text-align: center;
}

.btn:hover {
  text-decoration: none;
}
/*-----------------------------------------------
 __お知らせボタン 募集
-----------------------------------------------*/
.btn_recruit {
  background: #dd6673;
  -webkit-border-radius: 1;
  -moz-border-radius: 1;
  border-radius: 1px;
  font-family: "Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif , "メイリオ" , "Meiryo UI"";
  color: #ffffff;
  font-size: 11px;
  padding: 1px 10px;
  text-decoration: none;
  text-align: center;
}

.btn:hover {
  text-decoration: none;
}
/*-----------------------------------------------
 __お知らせボタン 賛助会員
-----------------------------------------------*/
.btn_member {
  background: #a55b9a;
  -webkit-border-radius: 1;
  -moz-border-radius: 1;
  border-radius: 1px;
 font-family: "Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif , "メイリオ" , "Meiryo UI"";
  color: #ffffff;
  font-size: 11px;
  padding: 1px 10px;
  text-decoration: none;
  text-align: center;
}

.btn:hover {
  text-decoration: none;
}
/*-----------------------------------------------
 __お知らせボタン News
-----------------------------------------------*/
.btn_news {
  background: #4784bf;
  -webkit-border-radius: 1;
  -moz-border-radius: 1;
  border-radius: 1px;
  font-family: "Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif , "メイリオ" , "Meiryo UI"";
  color: #ffffff;
  font-size: 11px;
  padding: 1px 10px;
  text-decoration: none;
  text-align: center;
}

.btn:hover {
  text-decoration: none;
}

/*-----------------------------------------------
 __国際交流　募集延長　目立つように（金子さんより）
-----------------------------------------------*/
.extend {
 	display:block;
	background-color: #FF9966;
	color: #fff;
	width: 300px;
	padding-top: 2px;
	text-align: center;
	border-radius: 5px;
}
.fa-orange {
	color:#F60;
}
/*-----------------------------------------------
 __お知らせボタン その他
-----------------------------------------------*/
.btn_other {
  background: #4784bf;
  -webkit-border-radius: 1;
  -moz-border-radius: 1;
  border-radius: 1px;
  font-family: "Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif , "メイリオ" , "Meiryo UI"";
  color: #ffffff;
  font-size: 11px;
  padding: 1px 6px;
  text-decoration: none;
  text-align: center;
}

.btn:hover {
  text-decoration: none;
}

/*-----------------------------------------------
 __フッター
-----------------------------------------------*/
footer {
	background:linear-gradient(#449FD7, #E4F0F7);
}

/*-----------------------------------------------
 __レイアウト
-----------------------------------------------*/
.container {
	margin: 0 auto;
	padding: 20px 20px 30px;
	width: 890px;
	background:linear-gradient(#449FD7, #E4F0F7);

}
/*-----------------------------------------------
 __フッター　ナビＡ
-----------------------------------------------*/
.container div.footA ul {
	display: -webkit-flex;
	display: flex;
	width: 890px;
	justify-content: center;
}

.container ul li {
    padding: 0 15px;
	border-right: 1px solid #fff;
	font-size: 12px;
}
.container ul li a {
	display: block;
	padding: 2px 8px;
	text-decoration: none;
	color: #fff;
}

.container ul li:last-child {
	border-right: none;
	padding-right: 0;
}

div.footer-bottom {
	width: 890px;
	margin: 10px auto;
	background-color: ;#449FD7
	display: -webkit-flex;  /* safari用　*/
	display: flex;
}
div.footer-left {
	width: 300px;
}
div.footer-left-top > p {
	font-size: 14px;
}
div.footer-left-top p{
	text-align:left;
	color: #fff;
	font-size: 1rem;
	line-height: 1.7;
}
div.footer-right {
	width: 610px;
}

address.address {
	font-size:12px;
	text-align: left;
	font-style: normal;
}
small.copyright {
	text-align: right;
	padding-top: 100px;
	display: block;
}

/*-----------------------------------------------
 __統括研究員
-----------------------------------------------*/
div.recruit {
  padding: 0.75em 0.75em;
  background: -webkit-linear-gradient(top, #69b4e6 0%, #005BA9 100%);
  background: linear-gradient(to bottom, #69b4e6 0%, #005BA9 70%, transparent 30%);
  color: #fff;
  text-align:center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
  border: solid 1px #BCBCBC; 
  
}
a.recruit {
	display: block;
	color: #fff;
}
a.recruit:hover {
text-decoration: none;
}

div.recruit:hover   {
	text-decoration:none;
	background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%);
    background: linear-gradient(to bottom, #69b4e6 0%, #3498db 70%, transparent 30%);
}








