@charset "utf-8";

/*----------------------
　Reset
------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
html {
	height:100%;
	margin-bottom:1px;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: bold;
}


TEXTAREA {
	FONT: 83%/1.4 MS UI Gothic,Hiragino Kaku Gothic Pro,Arial,Osaka,sans-serif
}

H2 {
	FONT: 83%/1.4 MS UI Gothic,Hiragino Kaku Gothic Pro,Arial,Osaka,sans-serif
}

A {
	COLOR: #487692
}
H2 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	MARGIN: 0px; 
	COLOR: #294958; 
	LINE-HEIGHT: 18px
}
H2 A {
	FONT-WEIGHT: bold; 
	COLOR: #294958; 
	TEXT-DECORATION: none
}
H2 A:hover {
	TEXT-DECORATION: underline
}




p {
	FONT-SIZE: 12px; 
	MARGIN: 0px 0px 10px; 
	COLOR: #484848; 
	LINE-HEIGHT: 18px
}

ol,ul {
	list-style: none;
}

fieldset,img {
	border: 0;
	vertical-align: top;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th {
	text-align: left;
}

th {
	vertical-align: top;
	font-weight: normal;
	text-align: left;
}

td {
	vertical-align: top;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
}


/*----------------------
　ClearFix
------------------------*/
div#header:after,
div#contents:after,
div#contWrapp:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#header,
div#contents,
div#contWrapp {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html div#header,
* html div#contents,
* html div#contWrapp {
	height: 1%;
}

div#main {
	display: inline-table;
}

div#header,
div#contents,
div#contWrapp {
	display: block;
}
/* End hide from IE-mac */


/*----------------------
　Contents
------------------------*/
body {
	font-size: 100%; /* For IE */
	font-family: 'EE EゴシチE','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,Helvetica,Arial,Osaka,sans-serif;
	text-align: center;
	background: url(../images/bg_body.jpg) center top;
}
html>/**/body {
	font-size: 100%; /* Except IE(until Mac Firefox2) */
}




div#wrapper {
	margin: 0 auto;
	width: 880px;
	text-align: left;
	background: url(../images/bg_bodybody.jpg) left top;
		position: relative;
}

div#header {
	margin: 0 0 0 0;
	width: 880px;
	height: 112px;
	background: url(../images/bg_header.png) no-repeat left top;
	position: relative;
}




div#contWrapp {
	margin-left: 30px;
	width: 835px;
	clear: both;
}

div#contents {
	margin: 5 5 4px 0;
	width: 880px;
	clear: both;
}



div#footer {
	clear: both;
	height: 58px;
	background: url(../images/bg_footer.jpg) no-repeat left top;
}

.li3 {
	list-style:none;
	padding-left:25px;
	font-size: 80%;
	padding-bottom: 15px;
	line-height: 1.5em;
}


.li4 {
	padding-left:40px;
	list-style-image: none;
	list-style-type: decimal;
	list-style-position: inside;
	font-size: 80%;
	line-height: 1.5em;
	padding-left: 20px;
}
.li5 {
	list-style-position: outside;
	list-style-image: url(../images/icon3.jpg);
	margin-left: 30px;
}

/*追加*/

p_l_15{padding-left:15px;}


.clear{ clear: both; visibility: hidden; height: 0;} 


/*
div#footer {
	width: 880px;
	clear: both;
	background: #0099FF url(../images/bg_footer.gif) no-repeat left top;
}
*/

/* ヘッダー */


div#header div {
	margin: 3px 22px 0 0;
	padding:0;
	width: 66px;
	float: right;
	display: inline;
	text-align: right;
}

div#header div p {
	margin-bottom: 11px;
	line-height: 1.1;
}


/* コンテンツ*/



div#mainWrapp {
	margin-left: 25px;
	width: 825px;
	clear: both;
}

div#mainWrappB {
	margin-left: 30px;
	width: 850px;
	clear: both;
}



div#mainWrappC {
	margin-left: 30px;
	width: 850px;
	clear: both;
}

div#mainA {
	width: 325px;
	height:225px;
	float: left;
}

div#mainA p {
	float: left;
}

div#mainB {
	width: 500px;
	height:225px;
	float:right;
	}



div#contentsL {
	margin-left: 25px;
	width: 282px;
	/*height:350px;*/
	float: left;
}

div#contentsL p {
	float: left;
}


div#contentsR {
	margin-right: 15px;
	width: 535px;
	float: right;

}


/* フッター */

div#footer ul {
	margin-top: 20px;
	margin-left: 40px;
	text-align: left;
	
}

div#footer ul li {
	padding: 0 20px 0 20px;
	display: inline;
	font-size: 75%;
	line-height: 1.3;
	color: #000000;
	border-left: 1px solid #FFFFFF;
}

div#footer ul li.firstList {
	padding: 0 10px 0 0;
	border: none;
}

div#footer ul li a:link { color: #FFFFFF; text-decoration: underline;}
div#footer ul li a:visited { color: #FFFFFF; text-decoration: underline;}
div#footer ul li a:hover { color: #FFFFFF; text-decoration: none;}


p#copyright {
	font-size: 80%;
	line-height: 1.3;
	color: #FFFFFF;
	letter-spacing: 1px;
	float: right;
}


p#backToTop {
	float: right;
}


/* CSS Document */


.pankuzu {
	font-size:80%;
	color:#000066;
	padding-top: 10px;
	padding-left: 1px;
}

div#columnD {
	width: 780px;
	float: left;
	display: inline;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;

}

.h1 {
	padding-bottom: 10px;
	padding-top: 10px;
}

.h2 {

	padding-bottom: 10px;
	padding-top: 10px;

}

.h3 {
	background-image: url(../images/H3.jpg);
	background-repeat: no-repeat;
	width: 550px;
	height: 35px;
	padding-top: 8px;
	padding-left: 15px;
	color: #003366;
	font-size: 90%;
	margin-bottom: 10px;
	margin-top: 10px;
}
.h4 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #006599;
	padding-left: 15px;
	margin-bottom: 10px;
	font-size:80%;
	height: 15px;
	width: 520px;
}

.text {
	font-size: 80%;
	padding-left: 20px;
	line-height: 1.5em;
	margin-top: 5px;
	margin-bottom: 15px;
	padding-right: 10px;
	float: none;
}
.li2 {
	list-style-image: url(../images/icon_06.jpg);
	padding-left: 20px;
	padding-top:10px;
	font-size: 90%;
	line-height: 1.5em;
}

.li1 {
	list-style-image: url(../images/list_icon.gif);
	padding-left: 40px;
	padding-top:10px;
	font-size: 100%;
	line-height: 1.5em;
	padding-bottom: 15px;
}
.table_text {
	font-size: 90%;
	line-height: 1.5em;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 10px;
	float: none;
}
.to_top {
	text-align: right;
	height: 10px;
	width: 550px;
	margin-bottom: 5px;
	font-size: 80%;
}



/*----------------------
　ClearFix
------------------------*/
div#header2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#header2 {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html div#header2 {
	height: 1%;
}
div#header2 {
	display: block;
}
/* End hide from IE-mac */



/*----------------------
　調整用スタイル
------------------------*/

.font_80{font-size:80%;}

.font_120{font-size:120%;
 padding : 10px;
 }

.height200{height: 200px;}
 
.back_image01{background:url(../images/illust1_bg.jpg) no-repeat;}
.back_image02{background:url(../images/illust2_bg.jpg) no-repeat;}

.li_5 {padding-top: 5px;}
.li_20 {padding-bottom: 20px;}

.text_center { text-align:center;}




/*バナー*/
table#bana{
	margin : 5px 0 ;
}
#bana td{
 	width : 141px ;
 	padding : 0 0 2px 0 ;
 }

 /*info*/
table#info{
	width : 282px ;
	font-size : 80% ;
	margin-right : 20px ;
}
#info th{
	font-size : 80% ;
	width : 52px ;
}
#info th , td{
	padding : 2px 0 ;
	line-height : 150% ;
}
#info a{
	color : #294958 ;
	font-weight : bold ;
	text-decoration : none ;
}
#info span{
	color : #ff0000 ;
}
#info p a{
	font-weight:lighter ;
	text-decoration : underline ;
	color  : #666666 ; 
}

 /*NEWS*/
table#newsarea{
	width : 525px ;
	margin : 5px 0 0 5px ;
	font-size : 80% ;
}
#newsarea table{
	width : 100% ;
}
table#newsarea th{
	width : 80px ;
	padding : 2px 10px 2px 0 ;
	clear : both ;
}
table#newsarea th , table#newsarea td{
	line-height : 140% ;
	padding-top:8px;
	font-size : 12px ;
}
table#newsarea td a{
	color : #294958 ;
	font-weight : bold ;
	text-decoration : underline ;
}
#newsarea p{
	color : #666666 ;
}
#newsarea td.tableline{
	height : 10px ;
	margin : 0 ;
	padding : 0 ;
	background : url('../images/tableline.gif') repeat-x ;
	background-position :  0 50% ;
}
#newsarea span{
	color : #ff0000 ;
}

#newsarea p a{
	font-weight:lighter ;
	text-decoration : underline ;
	vertical-align:bottom ;
	color : #666666 ;
}

table.tb_news {}
table.tb_news th, table.tb_news td  {
    border-bottom: dotted 1px #e95660;
    padding: 10px 0 !important;
    vertical-align: middle;
}


 /*NEWS B*/
table#newsareaB{
	width : 800px ;
	margin : 5px 0 0 5px ;
	font-size : 80% ;
}
#newsareaB table{
	width : 100% ;
}
#newsareaB th{
	width : 55px ;
	padding : 2px 10px 2px 0 ;
	font-size : 80% ;
	clear : both ;
}
#newsareaB th , td{
	line-height : 150% ;
}
#newsareaB td a{
	color : #294958 ;
	font-weight : bold ;
	text-decoration : none ;
}
#newsareaB p{
	color : #666666 ;
}
#newsareaB td.tableline{
	height : 10px ;
	margin : 0 ;
	padding : 0 ;
	background : url('../images/tableline.gif') repeat-x ;
	background-position :  0 50% ;
}
#newsareaB span{
	color : #ff0000 ;
}

#newsareaB p a{
	font-weight:lighter ;
	text-decoration : underline ;
	vertical-align:bottom ;
	color : #666666 ;
}











#left_column {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0px 10px; 
	WIDTH: 300px; 
	PADDING-TOP: 0px;
}



#news_heading {
	CLEAR: both; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 0px; 
	WIDTH: 500px; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #db3682 1px solid; 
	HEIGHT: 20px
}


#right_content {
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 0px; 
	FLOAT: right; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 525px; 
	PADDING-TOP: 0px; 
	POSITION: relative

}



.clear_dot {
	CLEAR: both; 
	BORDER-RIGHT: #db3682 1px; 
	BORDER-TOP: #db3682 1px; 
	MARGIN: 5px 0px; 
	ORDER-LEFT: #db3682 1px; 
	BORDER-BOTTOM: #db3682 1px dotted
}
.clear_dot10 {
	CLEAR: both; 
	BORDER-BOTTOM: #db3682 1px dotted; 
}



.form_left {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	FLOAT: left; 
	MARGIN: 0px; 
	COLOR: #487692; 
	LINE-HEIGHT: 18px
}

.form_right {
	FLOAT: right; WIDTH: 470px
}



.form_text {
	FONT-SIZE: 14px; 
	MARGIN: auto; 
	WIDTH: 450px; 
	LINE-HEIGHT: 20px
}


.float_left {
	FLOAT: left; 
	WIDTH: 141px
}
.float_right {
	FLOAT: right; 
	WIDTH: 141px
}



.news {
	CLEAR: both; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 15px; 
	WIDTH: 525px; 
	PADDING-TOP: 15px
}
.news_content {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FLOAT: right; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 445px; 
	PADDING-TOP: 0px
}
.news_date {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 10px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 75px; 
	COLOR: #222; 
	LINE-HEIGHT: 15px; 
	PADDING-TOP: 0px
}
.newsrelease_content {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FLOAT: right; 
	PADDING-BOTTOM: 
	0px; MARGIN: 
	px; WIDTH: 525px; 
	PADDING-TOP: 0px
}
.newsrelease {
	FLOAT: left; 
	WIDTH: 460px
}
.newsrelease_thumbnail {
	FLOAT: right; 
	MARGIN: 10px 0px 20px 20px; W
	IDTH: 160px
}
.news_title {
	BORDER-RIGHT: #db3682 1px; 
	BORDER-TOP: #db3682 1px; 
	MARGIN: 5px 0px; 
	BORDER-LEFT: #db3682 1px; 
	BORDER-BOTTOM: #db3682 1px solid
}
.newsweek_top {
	FLOAT: right; 
	WIDTH: 507px
}
.newsweek_right {
	PADDING-LEFT: 10px; 
	FLOAT: right; 
	WIDTH: 204px; 
	TEXT-ALIGN: center
}





/*その他*/

td.info_title{
	text-align:right ;
	font-weight : normal ;
}
.info_title a {
	color : #666666 ;
}
hr.titleline{
	width : 100% ;
	margin : 0 0 2px 0 ;
	padding : 0 ;
	color : #7b7b7b ;
	text-decoration : underline ;
}

/*2017.7月追加*/
#slideshow {
   position: relative;
   width:  500px; 
   height: 225px; 
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}
.tb-hyoka{
    font-size: 85%;
    margin: 15px 25px 15px 15px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.tb-hyoka td{
    text-align: center;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.style11 {
    color: #993300;
}