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

/* リセットスタイル */
*{
	margin: 0;
	padding: 0;
	border: none;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 1;
}
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;
}

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

/* ヘッダー */
#header {
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 940px;
	padding-top: 20px;
	background-position: 20px 15px;
	padding-right: 20px;
}
#header #form1 {
	text-align: right;
}
#header #form1 #textfield {
	border: 1px solid #999;
	height: 20px;
	width: 200px;
}
/* ここまで */

/* 中央と右のカラムをまとめるコンテナ */
#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: 709px;
	float: left;
	display: inline;
}

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

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

/* 中央のニュース */
#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: 100px;
	vertical-align: top;
}
#wrapper #box_center .box_news th p {
	font-size: 70%;
	color: #666;
}
#wrapper #box_center .box_news td {
	vertical-align: top;
	padding-bottom: 5px;
}
#wrapper #box_center .box_news td p {
	font-size: 70%;
	color: #39C;
}
/* ここまで */

/* 右側のナビゲーション */
#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: 70%;
	color: #999;
	border-left-width: 13px;
	border-left-style: solid;
	border-left-color: #4DC3ED;
	background-color: #FFF;
	padding: 5px;
}
#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;
	padding-top: 10px;
	padding-bottom: 10px;
	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_right {
	width: 218px;
	float: right;
	display: inline;
}
#wrapper_conts #box_conts .gakubu_row h2 {
	font-size: 100%;
	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 .gakubu_row ul li a {
	font-size: 85%;
	line-height: 150%;
	color: #666;
	background-image: url(images/brt_blue_arrow.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	display: block;
	margin-left: 15px;
}
/* ここまで */

/* 左カラムのナビゲーション */
#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_main07 a {
	display: block;
	height: 40px;
	width: 228px;
	margin-bottom: 1px;
	background-image: url(images/btn_main07.jpg);
}
#box_left #navi_main #btn_main08 a {
	display: block;
	height: 40px;
	width: 228px;
	margin-bottom: 1px;
	background-image: url(images/btn_main08.jpg);
}
#box_left #navi_main #btn_main09 a {
	display: block;
	height: 40px;
	width: 228px;
	margin-bottom: 1px;
	background-image: url(images/btn_main09.jpg);
}
#box_left #navi_main #btn_main10 a {
	display: block;
	height: 40px;
	width: 228px;
	margin-bottom: 1px;
	background-image: url(images/btn_main10.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_main #btn_main07 a:hover {
	background-image: url(images/btn_main07o.jpg);
}
#box_left #navi_main #btn_main08 a:hover {
	background-image: url(images/btn_main08o.jpg);
}
#box_left #navi_main #btn_main09 a:hover {
	background-image: url(images/btn_main09o.jpg);
}
#box_left #navi_main #btn_main10 a:hover {
	background-image: url(images/btn_main10o.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: #4DC3ED;
	height: 30px;
	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: #FFF;
	text-decoration: none;
	font-size: 70%;
}
#footer #copyright p {
	color: #FFF;
	font-size: 70%;
	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: 65%;
	color: #4DC3ED;
	padding-top: 10px;
	padding-bottom: 10px;
}
#footer address p img {
	margin-right: 10px;
	vertical-align: text-bottom;
}
/* ここまで */

/* スマートフォンサイトへ */
#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;
}
