@charset "UTF-8";
/* CSS Document */

/* リセットスタイル */
*{
	margin: 0;
	padding: 0;
	border: none;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 1.5;
}
ol, ul {
	list-style: none;
}

/* clearfix */
.clearfix:after {
   content: " ";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

/* ボディ */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #F5F5F5;
}


h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
	vertical-align: bottom;
}
input,textarea,select {
	font-size: 1em;
}



/* コンテナ */
#container {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

p.top{
	text-align:right;
	
}
p.top a{
	font-size:95%;
	color:#006890;
	display:block;
	background-color:#dbeaef; 
	padding:8px 5px;
}

 p.waku {
	font-size: 100%;
	background-color: #fff;
	padding : 10px 3px 10px 3px;
	border:1px solid #00582a;
	margin : 0px 0px;
}

/* ヘッダー */
#header {
	/*
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	
	*/
	position: relative;
	
	height: 120px;
	width: 950px;
	padding-top: 10px;
	padding-right: 10px;
	background-color:#fff; 
}


#header img {
	position: absolute;
	left: 2px;	/*ヘッダーブロックに対して左から10pxの位置に配置*/
	top: 5px;	/*ヘッダーブロックに対して上から38pxの位置に配置*/
}

#header p.p0 {
	position: absolute;
	left: 5px;	/*ヘッダーブロックに対して左から10pxの位置に配置*/
	top: 60px;	/*ヘッダーブロックに対して上から38pxの位置に配置*/
	
	font-size:127%;
	font-weight:bold;
	color:#0ca581;
}


#header p.p1 {
	position: absolute;
	left: 570px;	/*ヘッダーブロックに対して左から10pxの位置に配置*/
	top: 10px;	/*ヘッダーブロックに対して上から38pxの位置に配置*/
	
	font-size:127%;
	font-weight:bold;
	color:#0ca581;
}

#header p.p2 {
	position: absolute;
	left: 570px;	/*ヘッダーブロックに対して左から10pxの位置に配置*/
	top: 40px;	/*ヘッダーブロックに対して上から38pxの位置に配置*/
  	font-size:100%;
	
}
#header p.p3 {
	position: absolute;
	left: 570px;	/*ヘッダーブロックに対して左から10pxの位置に配置*/
	top: 63px;	/*ヘッダーブロックに対して上から38pxの位置に配置*/
	
	font-size:105%;
	font-weight:bold;
	
}

#header img.toi {
	position: absolute;
	left: 770px;	/*ヘッダーブロックに対して左から10pxの位置に配置*/
	top: 12px;	/*ヘッダーブロックに対して上から38pxの位置に配置*/
	

}

#header p.p99 {
	position: absolute;
	left: 5px;	/*ヘッダーブロックに対して左から10pxの位置に配置*/
	top: 100px;	/*ヘッダーブロックに対して上から38pxの位置に配置*/
	
	font-size:115%;
	font-weight:bold;
	color:#ff0000;
	text-align:center;
	
}

/* ここまで */

/* 中央と右のカラムをまとめるコンテナ */
#wrapper {
	float: right;
	width: 710px;
	display: inline;
}

/* コンテンツページ用のコンテナ */
#wrapper_conts {
	float: right;
	width: 710px;
	display: inline;
}

/* 左のカラム用コンテナ */
#box_left {
	float: left;
	width: 222px;
	display: inline;
}

/* 中央のカラム用コンテナ */
#box_center {
	width: 478px;
	float: left;
	display: inline;
}

/* 右のカラム用コンテナ */
#box_right {
	float: right;
	width: 222px;
	display: inline;
}

#box_right  h2{
	font-size:120%;
	font-weight:bold;
	color:#0ca581;
	background-color: #FFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #32CCFC;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #32CCFC;
	margin-bottom:3px;
	margin-top:0px;

	padding:10px;
	text-align:center;
}

#box_right  h3{
	font-size:105%;
	font-weight:bold;
	color:#000;
	background-color: #FFF;

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #32CCFC;
	
	margin-bottom:0px;
	margin-top:0px;
	
	padding:10px;
	text-align:left;
}

/* 中央のメインビジュアル */
#photo_main {
	height: 505px;
	width: 478px;
}

/* 中央のニュース */
#wrapper #box_center .box_news {
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 9px;
}
#wrapper #box_center .box_news h4 {
	margin-bottom: 10px;
}
#wrapper #box_center .box_news th {
	width: 110px;
	vertical-align: top;
}
#wrapper #box_center .box_news th p {
	font-size: 95%;
	color: #666;
	font-weight:bold;
}
#wrapper #box_center .box_news td {
	vertical-align: top;
	padding-bottom: 10px;
	
}
#wrapper #box_center .box_news td p {
	font-size: 95%;
	color: #000;
	padding-bottom: 10px;
}

#wrapper #box_center .box_news td p.p1 {
	font-size: 95%;
	color: #000;
	font-weight:bold;
	padding-bottom: 10px;
}

span.red {
	color: #ff0000;
	font-weight:bold;
	
}

span.bold {
	font-weight:bold;
	
}

/* ここまで */

/* 右側のナビゲーション */
#wrapper #box_right #navi_right {
	background-color: #FFF;
	width: 222px;
	margin-bottom: 10px;
}
#wrapper #box_right img {
	margin-bottom: 10px;
}
#wrapper #box_right #navi_right ul li {
	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}
#wrapper #box_right #navi_right #btn_right01 a {
	background-image: url(images/btn_right01.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 189px;
	margin-right: 17px;
	margin-left: 17px;
	padding-top: 12px;
	padding-bottom: 12px;
	background-position: left 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #32CCFC;
}
#wrapper #box_right #navi_right #btn_right02 a {
	background-image: url(images/btn_right02.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 189px;
	margin-right: 17px;
	margin-left: 17px;
	padding-top: 12px;
	padding-bottom: 12px;
	background-position: left 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #32CCFC;
}
#wrapper #box_right #navi_right #btn_right03 a {
	background-image: url(images/btn_right03.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 189px;
	margin-right: 17px;
	margin-left: 17px;
	padding-top: 12px;
	padding-bottom: 12px;
	background-position: left 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #32CCFC;
}
#wrapper #box_right #navi_right #btn_right04 a {
	background-image: url(images/btn_right04.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 189px;
	margin-right: 17px;
	margin-left: 17px;
	padding-top: 12px;
	padding-bottom: 12px;
	background-position: left 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #32CCFC;
}
#wrapper #box_right #navi_right #btn_right05 a {
	background-image: url(images/btn_right05.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 189px;
	margin-right: 17px;
	margin-left: 17px;
	padding-top: 12px;
	padding-bottom: 12px;
	background-position: left 12px;
}
/* ここまで */

/* コンテンツページのトピックパス */
#wrapper_conts #topicpath p {
	font-size: 95%;
	color: #000;
	/*
	border-left-width: 13px;
	border-left-style: solid;
	border-left-color: #4DC3ED;
	
	*/
	background-color: #fff;
	padding: 10px;
}
#wrapper_conts #topicpath p a {
	color: #666;
	text-decoration: underline;
}
/* ここまで */

/* コンテンツページのh1 */
#wrapper_conts h1 {
	font-size: 110%;
	color: #333;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #FFF;
	border-left-width: 15px;
	border-left-style: solid;
	/*border-left-color: #B9E2F6;*/
	border-left-color:#4DC3ED;
	font-weight:bold;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#wrapper_conts h3 {
	font-size: 110%;
	color: #333;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #FFF;
	
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color:#4DC3ED;
	
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color:#4DC3ED;
	
	
	font-weight:bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}



/* コンテンツページの記事 */
#wrapper_conts #box_conts {
	background-color: #FFF;
	padding: 7px;
	margin-bottom: 30px;
}
#wrapper_conts #box_conts .gakubu_row {
	margin-bottom: 30px;
}
#wrapper_conts #box_conts .gakubu_left {
	width: 218px;
	float: left;
	margin-right: 20px;
	display: inline;
}

#wrapper_conts #box_conts .gakubu_left1 {
	width: 436px;
	float: left;
	margin-right: 20px;
	display: inline;
}


#wrapper_conts #box_conts .gakubu_right {
	width: 218px;
	float: right;
	display: inline;
}
#wrapper_conts #box_conts  h2 {
	font-size: 110%;
	color: #333;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}



#wrapper_conts #box_conts p {
	font-size: 95%;

}

#wrapper_conts #box_conts p.p1 {
	font-size: 95%;
	background-color: #fff;
	padding : 10px 3px 10px 3px;
	border:1px solid #00582a;
}

/* ここまで */

/* 左カラムのナビゲーション */
#box_left #navi_main {
	width: 228px;
	background-color: #FFF;
	margin-bottom: 10px;
	padding: 6px;
}
#box_left #navi_main ul li {
	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}
#box_left #navi_main #btn_main01 a {
	display: block;
	height: 40px;
	width: 228px;
	background-image: url(images/btn_main01.jpg);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#box_left #navi_main #btn_main02 a {
	display: block;
	height: 40px;
	width: 228px;
	margin-bottom: 1px;
	background-image: url(images/btn_main02.jpg);
}
#box_left #navi_main #btn_main03 a {
	display: block;
	height: 40px;
	width: 228px;
	margin-bottom: 1px;
	background-image: url(images/btn_main03.jpg);
}
#box_left #navi_main #btn_main04 a {
	display: block;
	height: 40px;
	width: 228px;
	margin-bottom: 1px;
	background-image: url(images/btn_main04.jpg);
}
#box_left #navi_main #btn_main05 a {
	display: block;
	height: 40px;
	width: 228px;
	margin-bottom: 1px;
	background-image: url(images/btn_main05.jpg);
}
#box_left #navi_main #btn_main06 a {
	display: block;
	height: 40px;
	width: 228px;
	margin-bottom: 1px;
	background-image: url(images/btn_main06.jpg);
}
#box_left #navi_main #btn_main01 a:hover {
	background-image: url(images/btn_main01o.jpg);
}
#box_left #navi_main #btn_main02 a:hover {
	background-image: url(images/btn_main02o.jpg);
}
#box_left #navi_main #btn_main03 a:hover {
	background-image: url(images/btn_main03o.jpg);
}
#box_left #navi_main #btn_main04 a:hover {
	background-image: url(images/btn_main04o.jpg);
}
#box_left #navi_main #btn_main05 a:hover {
	background-image: url(images/btn_main05o.jpg);
}
#box_left #navi_main #btn_main06 a:hover {
	background-image: url(images/btn_main06o.jpg);
}
#box_left #navi_left {
	width: 200px;
	background-color: #FFF;
	margin-bottom: 10px;
	padding: 20px;
}
#box_left #navi_left ul li {
	text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}
#box_left #navi_left #btn_left01 a {
	height: 16px;
	width: 200px;
	display: block;
	background-image: url(images/btn_left01.jpg);
	padding-bottom: 5px;
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
#box_left #navi_left #btn_left02 a {
	height: 16px;
	width: 200px;
	display: block;
	background-image: url(images/btn_left02.jpg);
	padding-bottom: 5px;
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
#box_left #navi_left #btn_left03 a {
	height: 16px;
	width: 200px;
	display: block;
	background-image: url(images/btn_left03.jpg);
	padding-bottom: 5px;
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
#box_left #navi_left #btn_left04 a {
	height: 16px;
	width: 200px;
	display: block;
	background-image: url(images/btn_left04.jpg);
	padding-bottom: 5px;
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-top: 5px;
}
#box_left p img {
	margin-bottom: 10px;
}
/* ここまで */

/* フッター */
#footer {
	clear: both;
	background-color: #FFF;
}
#footer #footer_up {
	background-color: #ceedf4;
	
	width: 100%;
}
#footer #navi_btm {
	float: left;
	display: inline;
	width: 600px;
}
#footer #navi_btm ul li {
	float: left;
	display: inline;
	padding-right: 10px;
}
#footer #navi_btm ul li a {
	color: #000;
	text-decoration: none;
	font-size: 90%;
}
#footer #copyright p {
	color: #000;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
#footer #footer_up {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	width: 940px;
	height: 25px;
}
#footer #copyright {
	float: right;
	display: inline;
}
#footer address {
	clear: both;
}
#footer address p {
	text-align: center;
	font-size: 85%;
	color: #004a67;
	padding-top: 10px;
	padding-bottom: 10px;
}
#footer address p img {
	margin-right: 10px;
	vertical-align: text-bottom;
}
/* ここまで */


/*テーブル１
---------------------------------------------------------------------------*/
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}


.ta1 {
	width: 100%;
}
.ta1, .ta1 td, .ta1 th{
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル内の右側*/
.ta1 td{
	padding: 10px;
	background-color: #fff;
}
/*テーブル内の左側*/
.ta1 th{
	width: 180px;
	padding: 10px;
	text-align: center;
	background-color: #e2e2e3;	/*背景色*/
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi {
	width: auto;
	text-align: center;
	color: #FFF;	/*文字色*/
	background-color: #333;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4b4b4b), to(#333));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#4b4b4b, #333);	/*同上*/
	background-image: linear-gradient(#4b4b4b, #333);			/*同上*/
}
/*テーブルのキャプション設定*/
.ta1 caption{
	padding: 10px;
	border-top: 1px solid #CCC;		/*上側の線の幅、線種、色*/
	border-right: 1px solid #CCC;	/*右側の線の幅、線種、色*/
	border-left: 1px solid #CCC;	/*左側の線の幅、線種、色*/
	text-align: left;
	background-color: #e9ddae;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#efe6c5), to(#e9ddae));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#efe6c5, #e9ddae);	/*同上*/
	background-image: linear-gradient(#efe6c5, #e9ddae);			/*同上*/
	font-weight: bold;	/*文字を太字にする設定*/
}

.ta1 td.tamidashi {
	width: auto;
	text-align: center;
	color: #FFF;	/*文字色*/
	background-color: #333;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4b4b4b), to(#333));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#4b4b4b, #333);	/*同上*/
	background-image: linear-gradient(#4b4b4b, #333);			/*同上*/
}

.ta1 td.back{
	background-color:#ffeff9;
	font-weight:bold;
}

/*ボタンの設定*/
input[type="submit"],
input[type="button"],
input[type="reset"] {
	width: 250px;	/*ボタン幅*/
	padding: 10px;	/*ボタン内の余白*/
	margin-bottom: 20px;
	border: none;
	border-radius: 30px;	/*角丸のサイズ*/
	background-color: #0027b5;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0031e6), to(#0027b5));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#0031e6, #0027b5);	/*同上*/
	background-image: linear-gradient(#0031e6, #0027b5);			/*同上*/
	-webkit-box-shadow: 1px 2px 7px #ccc;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 1px 2px 7px #ccc;			/*同上*/
	color: #FFF;		/*文字色*/
	font-size: 16px;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少し広めにとる設定。*/
}
/*ボタンのマウスオン時の設定*/
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
	background-color: #0031e6;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0027b5), to(#0031e6));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#0027b5, #0031e6);	/*同上*/
	background-image: linear-gradient(#0027b5, #0031e6);			/*同上*/
}


/*その他
---------------------------------------------------------------------------*/
.look {
	background: #dcdcdc;
}
.mb15 {
	margin-bottom: 15px;
}
.clear {
	clear: both;
}
ul.disc {
	padding: 0em 25px 1em;
	list-style: disc;
}
.color1 {
	color: #1424f6;
}
.pr {
	font-size: 10px;
}
.btn {
	font-size: 13px;
}
.wl {
	width: 96%;
	border: 1px solid #999;
	height: 30px;
}
.wl1 {
	width: 96%;
	border: 1px solid #999;
	
}
.ws {
	width: 50%;
	border: 1px solid #999;
	height: 30px;
}


.c {
	text-align: center;
}
.r {
	text-align: right;
}
figcaption {
	font-size: 11px;
}
img {
	max-width: 100%;
	height: auto;
}
#menubar_hdr {
	display: none;
}
.mini1 {
	font-size: 13px;
	font-weight: normal;
}

form {
	text-align: reft;
	margin: 0px;
	padding:5px;
}
form.text {
	border: 1px solid #999;
	height: 20px;
	width: 200px;
}


/* スマートフォンサイトへ */
#gotosmart {
	height: 70px;
	width: 100%;
	margin-top: 10px;
	display: none;
	background-color: #4DC3ED;
}
#gotosmart p {
	text-align: center;
	font-size: 200%;
}
#gotosmart p a {
	color: #000000;
	height: 50px;
	width: 100%;
	display: block;
	padding-top: 20px;
}