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

/* 基本設定 ----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/


/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* Smart Phone */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/

/*ここにスマホ用スタイルを記述*/
@media screen and (max-width: 640px) {

	/* padding、borderの幅をwidthに含めない */
	html {
		font-size: 15px ;
	}
	body {
		color: #333 ;
		font-size: 1rem ;
		/* margin: 0 30px ; */
		-webkit-text-size-adjust: 100% ; /* スマホを横にしても文字サイズを変えない */
	}
}

/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ボディー */
body{
	background: linear-gradient(to bottom,#ffe3ee 500px, #fcc5d9); /* グラデ円形 radial-gradient(#d8effa, #F7DCE3) */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif ;
	color: #333 ;
	height: auto ;
	
	font-feature-settings: "pkna" ; /* 文字詰め 自動カーニング */
	line-height: 1.8 ;

	overflow: scroll; /* 常にスクロールバーを表示 */

	-webkit-text-size-adjust: 100% ; /* スマホで文字の大きさを変えない設定 */
}



/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ラッパー */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.wrapper{
	background: none ; /* 背景のみ透過 白色90% rgba(255,255,255,0.4) */
	margin: 0 auto ;
	height: auto ;
	/* min-height: 1110px ; */
	position: relative ;
	width: 100% ;

	text-align: center ;
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ヘッダー */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
header{
	background: #762702 ; /* 紺色 */
	width: 100% ;
	text-align: center ;
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ナビ */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/

/* サイドメニュー 背景全体に適用*/
nav {
	background: none ;
	float: left ;
	margin-top: 10px ;
	min-height: 1110px ;
	padding: 0 ;
	width: 260px ;
}


/* サイドメニュー liクラスに適用 */
/* 各メニューボタン設定 */
nav > ul > li {
	background: url(../img/btn.png) no-repeat ;
	display: block ;
	height: 54px ;
	line-height: 50px ;
	width: 260px ;

	/* 文字設定 */
	font-weight: bold ;
	text-decoration: none ;
}
	nav > ul > li:hover {
		background: url(../img/btn_h.png) no-repeat ;
	}


/* 各メニューボタン設定（文字） */
nav > ul > li > a { 
	color: #65393B ;
	display: block ;
	font-size: 18px ;
	font-weight: bold ;
	padding-left: 15px ;
	text-decoration: none ;
}
	

/* ナビ 滞在中メニューに色をつける（カレント表示）設定 */
nav > ul > li.current-menu-item {
	background: url(../img/btn_h.png) no-repeat ;
	display: block ;
	height: 54px ;
	line-height: 50px ;
	width: 260px ;

	/* 文字設定 */
	color: #65393B ;
	font-size: 18px ;
	font-weight: bold ;
	text-decoration: none ;
}



/* ナビ WEB開催入口画像 */
.btn_web_info {
    background: url(../img/btn_web_info.jpg) no-repeat ;
	display: block ;
	height: 190px ;
	width: 250px ;
}
	.btn_web_info:hover {
		opacity: 0.7 ;
	}

.btn_web_info2 {
    background: url(../img/btn_web_info.jpg) no-repeat ;
	display: block ;
	height: 180px ;
	width: 250px ;
}
	.btn_web_info2:hover {
		opacity: 0.7 ;
	}



	
/* ナビ ボタン　リンクなし */
nav .btn_nolink{
	color: #666 ;
	display: block;
	height: 40px ;
	text-decoration: none ;
	width: 200px ;
}

/* ナビ テキスト リンクなし */
.nav_text_nolink{
	color: #8079AD ; /* うすむらさき */
	font-weight: bold ;
	line-height: 40px ;
	padding-left: 15px ;
	text-decoration: none ;
}



/* ナビ メニューボタンにicon追加 */
nav > ul > li > a.icon_pdf::after{
	font-family: Font Awesome\ 5 Free ;
	content: "\f1c1" ;
	font-weight: 900 ;
	margin-left: 10px ;
}



/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* 事務局 */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.info_space{
	background: none ;
	border-top: solid 1px #D1B572 ;
	clear: both ;
	padding-top: 10px ;
	padding-bottom: 10px ;

	/* 文字設定 */
	color: #fff ;
	font-size: 12px ;
	
	/* スマホ対応 */
	min-width: 1050px ; /* スマホ表示用 端が切れない設定 */
	vertical-align: middle ;
	width: 100% ;
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* メインコンテンツ */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*
.main_bg{
	background: #eef110 ;
	max-height: auto ;
	width: 730px ;
}
*/

.main{
	background: #005188 ;
	float: right ;
	min-height: 1660px ; /* 1460px */
	position: relative ; /* What's New 親要素としての設定 */
	width: 730px ;
}

.main_content{
	background: #FFF ;
	min-height: 1660px ; /* 1460px */
	padding-bottom: 30px ;
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* What's New */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.w_n {
	clear: both ;
	display: block ;
	margin: 0 auto 15px ;
	text-align: left ;
	width: 686px ; /* 686px */
}


/* What's new バー */
.w_n_bar {
	background: url(../img/w_n_bar.jpg) no-repeat ;
	height: 40px ;
	width: 686px ;
}

	
/* What's new 更新情報スペース */
dl.w_n_box{
	background: #FFF ;
	border-right: 4px solid #B74559 ;
	border-bottom: 4px solid #B74559 ;
	border-left: 4px solid #B74559 ;
	height: 520px ; /* 570px */

	box-sizing: border-box ;
	
	overflow: scroll ;
}
	dl.w_n_box dt{
		color: #000 ;
		float: left ;
		padding: 10px 15px 0px 15px ;
	}
	dl.w_n_box dd{
		color: #000;
		padding: 10px 20px 0px 20px;
	}



.w_n2 {
	clear: both ;
	display: block ;
	text-align: left ;
	width: 686px ;
	
	position: absolute ;
	top: 1110px ;
	right: 15px ;
}


/* What's new バー */
.w_n2_bar {
	background: url(../img/w_n_bar.jpg) no-repeat ;
	height: 40px ;
	width: 686px ;
}

	
/* What's new 更新情報スペース */
dl.w_n2_box{
	background: #FFF ;
	border-right: 4px solid #B74559 ;
	border-bottom: 4px solid #B74559 ;
	border-left: 4px solid #B74559 ;
	height: 570px ;

	box-sizing: border-box ;
	
	overflow: scroll ;
}
	dl.w_n2_box dt{
		color: #000 ;
		float: left ;
		padding: 10px 15px 0px 15px ;
	}
	dl.w_n2_box dd{
		color: #000;
		padding: 10px 20px 0px 20px;
	}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ヘッダー */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.head{
    background: url(../img/head.jpg) no-repeat ;
	display: block ;
	height: 117px ;
	width: 730px ;
}



h1{
    background: url(../img/h1.jpg) no-repeat ;
	display: block ;
	height: 92px ;
	margin-bottom: -25px ;
	width: 730px ;

	color: #65393B ;
	font-size: 36px ;
	text-align: center ;
}


h2{
	background: linear-gradient(90deg, #F0E6D0, #DEECCE);
	display: block ;
	padding: 4px 15px ;

	/* 文字設定 */
	color: #65393B ; /* こげちゃ */
	font-size: 22px ;
	font-weight: bold ;
	line-height: 36px ;
}
	h2 p{
		display: block ;
	
		/* 文字設定 */
		color: #65393B ; /* こげちゃ */
		font-size: 22px ;
		font-weight: bold ;
		line-height: 1.435 ;
		padding: 5px 0 ;
	}

	h2 span{
		display: block ;
	
		/* 文字設定 */
		color: #65393B ; /* こげちゃ */
		font-size: 20px ;
		font-weight: bold ;
		line-height: 1.435 ;
		padding: 5px 0 ;
	}



h3{
	background: #FFF ;
	border: 2px solid #65393B;
	display: block ;
	margin-bottom: 15px ;
	padding: 2px 10px ;

	box-shadow: 2px 2px 0 #cfcfcf ;

	/* 文字設定 */
	color: #65393B ;
	font-size: 16px ;
	font-weight: bold ;
}



h4{
	border-bottom: 1px solid #65393B ;
	display: block ;
	margin: 5px 0 ;

	/* 文字設定 */
	color: #65393B ; /* こげちゃ */
	font-size: 17px ;
	font-weight: bold ;
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* CONTENT */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.content{
	display: block ;
	margin: 10px 20px 35px 20px ;
}

.content2{
	display: block ;
	margin: 20px 0px 35px 0px ;
}

.content3{
	display: block ;
	margin: 20px 0px 25px 0px ;
}


.content_greeting{
	display: block ;
	text-align: right ;
	width: 700px ;
}


.content_area01{
	display: block ;
	margin: 15px 25px 35px 25px ;
}



.content_pro{
	display: block ;
	margin: 0px 15px 15px 15px ;

	font-size: 15px ;
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* フッター */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
footer{
	background: #D1B572 ; /* 紺色 */
	clear: both ;
	height: 25px ;
	min-width: 990px ; /* スマホ表示用 端が切れない設定 */
	width: 100% ;
	
	/* 文字設定 */
	color: #000 ;
	font-size: 10px ;
	text-align: center ;
	line-height: 25px ;;
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* 公開前告知内容 */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.pre_text {
	font-size: 18px ;
	font-weight: bold ;
	margin: 15% auto ;
	text-align: center ;
}



/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* トップへ戻るボタン */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.page_top {
	background: #D1B572 ;
	border-radius: 60px ;
	display: block ;
	font-size: 25px;
	height: 60px ;
	color: #005188 ; /* あお */
	line-height: 60px ;
	text-decoration: none ;
	text-align: center ;
	width: 60px ;

	-webkit-transition: all 0.3s ;
	-moz-transition: all 0.3s ;
	transition: all 0.3s ;

    /* 位置 -*/
	position: fixed ;
	right: 40px;
    bottom: 40px;
}
	.page_top:hover {
		opacity: 0.7 ;
	}



/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* リンク設定 */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/

/* リンク設定 色 */
.linkA:link { /* アクセスしたことのないリンク */
	color: #FFE16A ; /* 青 */
	text-decoration: underline ;
}
.linkA:hover { /* マウスが上に乗っている状態*/
	color: #FF9C00 ; /* オレンジ色 */
	text-decoration: none ;
}
.linkA:visited { /* アクセスしたことのあるリンク */
	color: #9c67dd ; /* 紫色 */ 
	text-decoration: underline ;
}


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

.linkB:link { /* アクセスしたことのないリンク */
	color: #0075B4 ; /* 青 */
	text-decoration: underline ;
}
.linkB:hover { /* マウスが上に乗っている状態*/
	color: #FF9224 ; /* オレンジ色 */
	text-decoration: none ;
}
.linkB:visited { /* アクセスしたことのあるリンク */
	color: #5609B5 ; /* 紫色 */ 
	text-decoration: underline ;
}