@charset "shift_jis";



/*

---------------------------------------------------------------------------

■制作元：テンプレートパーティー

■URL：http://template-party.com/

---------------------------------------------------------------------------*/



body {

	color: #666666;	/*全体の文字色*/

	margin: 0px;

	padding: 0px;

	text-align: center;

	font: 75%/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";/*全体の文字サイズ/行間、フォント*/

	background:#fff;

    -webkit-text-size-adjust: none;

    border-top: 1px solid #157bb5

}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{

	margin: 0px;

	padding: 0px;

}

ul{

	list-style-type: none;

}

img {

	border: none;

}

input,textarea,select {

	font-size: 1em;

}

form {

	margin: 0px;

}

table {

	border-collapse:collapse;

	font-size: 100%;

	border-spacing: 0;

}



/*リンク（全般）設定

---------------------------------------------------------------------------*/

a {

	color: #157bb5;	/*リンクテキストの色*/

}

a:hover {

	color: #157bb5;			/*マウスオン時の文字色（全体）*/

	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/

}



/*コンテナー（HPを囲むブロック）

---------------------------------------------------------------------------*/

#container {

	text-align: left;

	width: 966px;	/*コンテナー幅*/

	margin-right: auto;

	margin-left: auto;

	background: #FFF;	/*背景色*/

	border-top: 5px solid #157bb5;		/*上の線の幅、線種、色*/

	border-right: 1px solid #d2d2d2;	/*右の線の幅、線種、色*/

	border-bottom: 1px solid #d2d2d2;	/*下の線の幅、線種、色*/

	border-left: 1px solid #d2d2d2;		/*左の線の幅、線種、色*/

}



/*ヘッダー（ロゴ、h1タグが入った最上部ブロック）

---------------------------------------------------------------------------*/

#header {

	text-align: left;

	height: 88px;	/*ヘッダーの高さ*/

	width: 100%;	/*ヘッダーの幅*/

	position: relative;

	display: flex;

    align-items: center;

}

#header1 {

	text-align: left;

	height: 88px;	/*ヘッダーの高さ*/

	width: 100%;	/*ヘッダーの幅*/

	position: relative;

}

/*ロゴ画像設定*/

#header #logo {

	position: absolute;

	left: 20px;	/*ヘッダーブロックに対して左から20pxの位置に配置*/

	top: 24px;	/*ヘッダーブロックに対して上から24pxの位置に配置*/

}

/* 2023-07-24 ---new add by wu */
#header .logo img {
	width: 75px;
    height: auto;
    margin: 0 5px;
}


#header .logo a {

	display: flex;

    align-items: center;

    font-size: 26px;

    text-decoration: none;

    font-family: "ＭＳ Ｐ明朝",sans-serif;

    color: #003083;

    font-weight: bold;

}



#header #logo1 {

	position: absolute;

	left: 128px;	/*ヘッダーブロックに対して左から20pxの位置に配置*/

	top: 58px;	/*ヘッダーブロックに対して上から24pxの位置に配置*/

}

/*h1見出しタグ設定*/

#header h1 {

	font-size: 9px;	/*文字サイズ*/

	line-height: 10px;

	position: absolute;

	top: 34px;			/*ヘッダーブロックに対して上から34pxの位置に配置*/

	right: 0px;			/*ヘッダーブロックに対して右から0pxの位置に配置*/

	font-weight: normal;	/*hタグのデフォルトの太字を標準に。太字がいいならこの１行削除。*/

	color: #157bb5;	/*文字色*/

}

#header h1 a {

	text-decoration: none;

	color: #157bb5;	/*文字色*/

}



/*メインメニュー

---------------------------------------------------------------------------*/

/*メニューブロック全体*/

ul#menu {

	clear: both;overflow: hidden;

	clear: both;/* 2023-07-24 ---new add by wu */
    overflow: hidden;/* 2023-07-24 ---new add by wu */
    height: 60px;/* 2023-07-24 ---new add by wu */
    width: 100%;/* 2023-07-24 ---new add by wu */
    background: url(../images/menu_bg.gif) repeat-x;/* 2023-07-24 ---new add by wu */
    border-top: 1px solid #d2d2d2;/* 2023-07-24 ---new add by wu */
    border-bottom: 1px solid #d2d2d2;/* 2023-07-24 ---new add by wu */
}

/*メニュー１個ごとの設定*/

ul#menu li {

	float: left;	/*左に回り込み*/

	width: 16.66%;	/*メニュー幅（100÷6個=16.66%）　もし４個にするなら100÷4=25%になる。*/
	height: 100%; /* 2023-07-24 ---new add by wu */
}

ul#menu li a {

	display:  block;text-decoration: none;

	text-align: center;

	color: #157bb5;		/*文字色*/

	font-weight: bold;	/*太字に*/

	border-right: 1px solid #dcdcdc;	/*メニューの右側の線の幅、線種、色*/

	/*line-height: 1.6;*/	/*行間を少し狭く*//* 2023-07-24 ---new delete by wu */

	/*padding: 14px 0;*/	/*上下、左右へのメニュー内への余白*/ /* 2023-07-24 ---new delete by wu */
	display: flex;/* 2023-07-24 ---new add by wu */
    flex-direction: column;/* 2023-07-24 ---new add by wu */
    justify-content: center;/* 2023-07-24 ---new add by wu */
    height: 100%;/* 2023-07-24 ---new add by wu */
}

/*１つ目のメニューへの追加設定*/

#menu li:first-child a {

	border-left: 1px solid #dcdcdc;	/*メニューの線の幅、線種、色*/

}

/*色の付いた飾り文字の設定*/

ul#menu li a span {

	text-shadow: none;display: block;

	font-size: 9px;			/*文字サイズ*/

	font-weight: normal;	/*文字を太字でなく標準に戻す設定*/

	letter-spacing: 0.2em;	/*文字間隔を少しあける設定*/

	color: #157bb5;	/*文字色*/

}

/*マウスオン時の設定*/

ul#menu li:not(#current) a:hover,

ul#menu li:not(#current) a:hover span {

	background: url(../images/menu_bg_on.gif) no-repeat left center;
}



/*ラスト（一番右側）のメニュー設定*/

ul#menu li.last a {

	border-right: none;

}

/*現在表示中のメニュー設定*/

ul#menu li#current a {

	background: url(../images/menu_bg_on.gif) no-repeat left center;	/*背景画像の読み込み*/

}



/*コンテンツ（mainとsubとfooterを囲むブロック）

---------------------------------------------------------------------------*/

#contents {

	clear: left;

	width: 940px;	/*コンテンツ幅*/

	margin-right: auto;

	margin-left: auto;

}



/*メインコンテンツ（右ブロック）

---------------------------------------------------------------------------*/

#main {

	float: right;	/*メインコンテンツを右(right)に回り込み*/

	width: 700px;	/*メインコンテンツ幅*/

	padding-top: 30px;

	padding-bottom: 30px;

}

/*h2タグ設定*/

#main h2 {

	font-size: 120%;		/*文字サイズ*/

	color: #FFFFFF;	/*文字色*/

	clear: both;

	width: 670px;

	padding-left: 30px;

	line-height: 40px;

	height: 40px; /* 2023-07-24 ---new update by wu */

	overflow: hidden;

	background: #157bb5;	/*背景色（古いブラウザ用）*/

	background: linear-gradient(#157bb5, #157bb5);		/*グラデーション*/

	border-radius: 5px; /* 2023-07-24 ---new add by wu */
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px;/* 2023-07-24 ---new add by wu */
    margin-bottom: 10px;	/* 2023-07-24 ---new add by wu */
	position: relative;/* 2023-07-24 ---new add by wu */
}

/* 2023-07-24 ---new add by wu */
#main h2:before {
	content: '';
    display: block;
    border-left: 3px solid rgb(255 255 255 / 60%);
    height: 40px;
    width: 0;
    position: absolute;
    left: 12px;
}

/*h2タグ設定（背景白タイプ）*/

#main h2.midashi2 {

	color: #4cb833;	/*文字色*/

	background: #157bb5;	/*背景色（古いブラウザ用）*/

	background: linear-gradient(#157bb5, #157bb5);		/*グラデーション*/

}

/*段落タグの余白設定*/

#main p {

	padding: 0.5em 10px 1em;	/*左から、上、左右、下への余白*/

	background: #FFF;

}



/*メインブロック内のbox1タグ設定

---------------------------------------------------------------------------*/

#main .box1 {

	padding: 10px;	/*ボックス内の余白*/

	overflow: hidden;

	width: 674px;

	border: 3px double #d2d2d2;	/*枠線の幅、線種、色*/

	margin-bottom: 1em;

}

/*段落タグ共通設定*/

#main .box1 p {

	padding: 0px;

}

/*画像の設定*/

#main .box1 p.img {

	float: left;	/*左側に回り込み*/

}

/*h3タグ設定*/

#main .box1 h3 {

	margin-left: 160px;	/*左の画像とバランスをとって設定する*/

	font-size: 100%;

	border-bottom: 1px solid #d2d2d2;	/*下線の幅、線種、色*/

	border-left: 3px solid #157bb5;		/*左側の幅、線種、色*/

	margin-bottom: 0.5em;

	color: #157bb5;		/*文字色*/

	padding: 3px 0px 3px 5px;

}

/*説明文設定*/

#main .box1 p.text {

	margin-left: 160px;	/*左の画像とバランスをとって設定する*/

}

/*問い合わせロック内のbox2タグ設定

---------------------------------------------------------------------------*/

#main .box2 {

	padding: 10px;	/*ボックス内の余白*/

	overflow: hidden;

	width: 674px;

	margin-bottom: 1em;

}

/*段落タグ共通設定*/

#main .box2 p {

	padding: 0px;

}

/*画像の設定*/

#main .box2 p.img {

	float: left;	/*左側に回り込み*/

}

/*h3タグ設定*/

#main .box2 h3 {

	font-size: 120%;

	border-left: 10px solid #157bb5;		/*左側の幅、線種、色*/

	margin-bottom: 0.5em;

	color: #157bb5;		/*文字色*/

padding: 3px 0px 3px 5px;

}



/*説明文設定*/

#main .box2 p.text {

	margin-left: 210px;	/*左の画像とバランスをとって設定する*/

}



/*サブコンテンツ（左ブロック）

---------------------------------------------------------------------------*/

#sub {

	float: left;	/*サブコンテンツを左(left)に回り込み*/

	width: 220px;	/*サブコンテンツ幅*/

	padding-top: 30px;

	padding-bottom: 30px;

}

/*h3タグ設定*/

#sub h3 {

	font-size: 100%;		/*文字サイズ*/

	padding: 2px 20px;		/*左から、上下、左右への余白*/

	background: #eeeeee;	/*背景色*/

	border-bottom: 1px solid #d2d2d2;	/*下部の線の幅、線種、色*/

	border-top: 5px solid #157bb5;		/*上部の線の幅、線種、色*/

}

/*段落タグの余白設定*/

#sub p {

	padding: 0.5em 5px 1em;	/*左から、上、左右、下への余白*/

}

/*subブロック内のbox1タグ設定*/

#sub .box1 {

	padding: 5px;	/*ボックス内の余白*/

	border: 1px solid #157bb5;	/*枠線の幅、線種、色*/

	margin-bottom: 1em;

	background: #e5e5e5;	/*背景色*/

}



/*サブメニュー

---------------------------------------------------------------------------*/

/*サブメニューブロック全体の設定*/

ul.submenu {

	margin-bottom: 1em;

}

/*サブメニュー１個あたりの設定*/

ul.submenu li {

	border-bottom: 1px solid #d2d2d2;	/*メニュー間の線幅、線種、色*/

}

ul.submenu li a {

	display: block;

	width: 185px;

	padding: 2px 5px 2px 20px;

	text-decoration: none;

}

ul.submenu li a:hover {

	background: #e4f4e1;	/*マウスオン時の背景色*/

	color: #157bb5;			/*マウスオン時の文字色*/

	border-left: 3px solid #157bb5;	/*マウスオン時に左側に出る線の幅、線種、色*/

	width: 192px;

}



/*サブコンテンツ内のbox1内にあるサブメニュー設定

---------------------------------------------------------------------------*/

#sub .box1 ul.submenu li a {

	width: 193px;

	background: #FFF;

}

#sub .box1 ul.submenu li a:hover {

	background: #e4f4e1;

	width: 190px;

}



/*トップページのスライドショー

---------------------------------------------------------------------------*/

#mainimg {

	position: relative;

	height: 290px;

	width: 966px;

	clear: left;

}

#mainimg .slide_file {

	display: none;

}

#slide_image {

	z-Index:2;

	position: absolute;

	left:0px;

	top:0px;

}

#slide_image2 {

	z-Index:1;

	position: absolute;

	left:0px;

	top:0px;

}



/*トップページ内「更新情報・お知らせ」ブロック

---------------------------------------------------------------------------*/

#main .new {

	overflow: auto;	/*ブロックの高さを超える文字が入ったらiframe風にスクロールバーが出る設定。全部表示させたいならこの行と下のheightの行を削除。*/

	height: 150px;	/*ブロックの高さ*/

	width: 690px;

	padding-left: 10px;

}

#main .new dl {

	clear: left;

	width: 670px;

	border-bottom: 1px solid #d2d2d2;	/*日付ごとの下線の幅、線種、色*/

	overflow: hidden;

}

#main .new dt {

	font-weight: bold;

	float: left;

	width: 120px;

}

#main .new dd {

	float: left;

	width: 550px;

}

#main .new dd img {

	vertical-align: middle;

}

*html #main .new dd img {

	margin-top:0.5em;

	vertical-align: baseline;

}



/*フッター

---------------------------------------------------------------------------*/

#footer {

	clear: both;

	width: 100%;

	text-align: left;	/*文字をセンタリング*/

	padding-top: 10px;

	padding-bottom: 10px;

	font-size: 11px;		/*文字サイズ*/

	color: #FFF;			/*文字色*/

	background: #157bb5;	/*背景色*/

}

#footer a {

	text-decoration: none;

	color: #FFF;

}



/*テーブル１

---------------------------------------------------------------------------*/

.ta1 {

	width: 700px;

}

.ta1, .ta1 td, .ta1 th{

	border: 1px solid #d2d2d2;	/*テーブルの枠線の幅、線種、色*/

	line-height: 2;

}

/*テーブル内の右側*/

.ta1 td{

	width: 457px;

	padding: 10px;

	vertical-align: top;

}

/*テーブル内の左側の見出し部分*/

.ta1 th{

	width: 200px;

	padding: 10px;

	text-align: left;

	background: #e5e5e5;	/*背景色*/

}

/*テーブル１行目に入った見出し部分*/

.ta1 th.tamidashi{

	width: auto;

	text-align: left;

	background: #e5e5e5;	/*背景色*/

}



/*その他

---------------------------------------------------------------------------*/

.look {

	background: #dcdcdc;

}

.mb1em {

	margin-bottom: 1em;

}

.clear {

	clear: both;

}

ul.disc {

	padding: 0em 25px 1em;

	list-style: disc;

}

.color1 {

	color: #666666;

}

.pr {

	font-size: 10px;

}

.btn {

	font-size: 13px;

}

.wl {

	width: 96%;

}

.ws {

	width: 50%;

}

.c {

	text-align: center;

}

/* 2023-07-24 ---new add by wu */
.link-out,
.contens--link-out{
	display: inline-flex;
    align-items: center;
    color: #666666;
    text-decoration: none;
}
/* 2023-07-24 ---new add by wu */
.contens--link-out{
    color: #157bb5;
}
/* 2023-07-24 ---new add by wu */
.link-out:after {
	content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(../images/external-link-outline-1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 2px;
}
.contens--link-out:after {
	content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(../images/external-link-outline-2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 2px;
}
/* 2023-07-24 ---new add by wu */
a.link-out:hover:after,
a.contens--link-out:hover:after {
    background-image: url(../images/external-link-outline-2.svg);
}


/*

フッター

-------------------------------------------*/



#foot {

	background-image: url(../img/foot.gif);

	background-repeat: repeat-x;

	background-position: top;

	clear: both;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #157bb5;

	height: 80px;

	position: relative;

	font-size: 11px;		/*文字サイズ*/

	color: #FFF;			/*文字色*/

	background: #157bb5;	/*背景色*/

	margin: 0 -13px; /* 2023-07-24 ---new add by wu */

}



#foot p {

	font-size: 10px;

	color: #FFF;

	line-height: 16px;

	text-align: right;

	position: absolute;

	right: 20px;

	bottom: 25px;

}

#foot li a {

	color: #F1F3F3;

	font-size: 11px;

}



#foot li.first{

	font-size: 12px;

	display: inline;

	padding-right: 8px;

	padding-left: 8px;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #9EABAB;

}

#foot li.last{

	font-size: 12px;

	display: inline;

	padding-right: 8px;

	padding-left: 8px;

	border-right-color: #9EABAB;

}



#foot #f_ul01 {

	width: 950px;

	position: absolute;

	top: 15px;

	text-align: center;

}

#foot #f_ul02 {

	position: absolute;

	left: 20px;

	top: 50px;

	text-align: center;

}

#foot #f_logo {

	font-size: 24px;

	color: #A7B4B4;

	position: absolute;

	top: 30px;

	right: 25px;

	font-family: "Times New Roman", Times, serif;

}

















/*ロゴ画像設定*/

#header #text {

	float:right;

	position: absolute;

	right: 20px;	/*ヘッダーブロックに対して左から20pxの位置に配置*/

	top: 33px;	/*ヘッダーブロックに対して上から24pxの位置に配置*/

}



#text li a {

	color: #157bb5;

	font-size: 11px;

}



#text li.first{

	font-size: 12px;

	display: inline;

	padding-right: 8px;

	padding-left: 8px;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #9EABAB;

}

#text li.last{

	font-size: 12px;

	display: inline;

	padding-right: 8px;

	padding-left: 8px;

	border-right-color: #9EABAB;

}



#text #f_ul01 {

	width: 950px;

	position: absolute;

	top: 15px;

	text-align: center;

}

#text #f_ul02 {

	position: absolute;

	left: 20px;

	top: 50px;

	text-align: center;

}

#text #f_logo {

	font-size: 24px;

	color: #A7B4B4;

	position: absolute;

	top: 30px;

	right: 25px;

	font-family: "Times New Roman", Times, serif;

}