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

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

/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ボディー */
body{
	background: url(../img/bg.png) repeat #000044;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-feature-settings: "pkna" ; /* 文字詰め 自動カーニング */
	line-height: 2 ;
	
	overflow: scroll; /* 常にスクロールバーを表示 */
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ヘッダー */
header{
	background: none;
	border-bottom: 1px solid #D81417;
	height: 119px;
	text-align: center;
	width: 100%;
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ラッパー */
.wrapper{
	background: none ;
	display: block ;
	margin: 0 auto ;
	min-height: 967px ;
	width: 1020px ; /* 1020px */
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* メイン */
.main{
	background: #FFF ;
	display: block ;
	float: right ;
	min-height: 967px ;
	position: relative ; /* What's New 親要素としての設定 */
	width: 820px ;
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* メインコンテンツ */
.main_content{
	background: #FFF ;
	display: block ;
	min-height: 967px ;
	width: 820px ;
}

/* メインコンテンツ  会長挨拶ページ */
.aisatsu{
	background: #FFF;
	font-size: 18px;
	line-height: 35px;
	margin: 15px 15px 30px 15px;
	overflow: hidden; /* heightを戻す */	
	width: 648px;
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ナビ */
nav{
	background: url(../img/nav.jpg) no-repeat ;
	float: left ;
	height: 967px ;
	width: 200px ;
	position: relative ; /* 親要素としての指定 */
}



/* ナビ ボタン */
nav .btn_home{
	background: rgba(255,255,255,0.2);
	border-radius: 4px;
	color: #FFF;
	display: block;
	font-size: 18px;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
	text-decoration: none;
	width: 185px;
}
	nav .btn_home:hover{
		background: url(../img/btn_h.png);
		opacity: 1;
	}
	
nav .btn{
	background: rgba(255,255,255,0.2);
	border-radius: 4px;
	color: #FFF;
	display: block;
	font-size: 18px;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	margin-bottom: 10px;
	text-align: center;
	text-decoration: none;
	width: 185px;
}
	nav .btn:hover{
		background: url(../img/btn_h.png);
		opacity: 1;
	}

nav .btn_nolink{
	background: rgba(255,255,255,0.2);
	border-radius: 4px;
	color: #999;
	display: block;
	font-size: 18px;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	margin-bottom: 10px;
	text-align: center;
	text-decoration: none;
	width: 185px;
}

/* ナビ カレント表示設定 */
.current{
	background: url(../img/btn_h.png);
}



/* ナビ ボタン 採択演題 フキダシあり */
nav .btn_acceptance{
	background: rgba(255,255,255,0.2);
	border-radius: 4px;
	color: #FFF;
	display: block;
	font-size: 18px;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	margin-bottom: 10px;
	text-align: center;
	text-decoration: none;
	width: 185px;

	/* フキダシ設定用 */
	position: relative ;				/* 指定した分だけ相対的に移動 */
}

	/* フキダシ */
	nav .btn_acceptance:hover .balloon {
		display: inline ;			/* インライン要素として表示 */
	}
	.balloon {
		background-color: #F33 ;	/* 背景色（透明度） */
		border-radius: 6px ;
		color: #FFF ;
		display: none ;				/* 要素を非表示 */
		margin-top : 12px ;			/* 表示位置 */
		padding: 10px ;				/* テキストの前後の余白 */
		width: 200% ;				/* 吹き出し全体の幅 */

		font-size: 14px ;			/* 文字サイズ */
		text-align: left ;
		line-height: 1.8 ;

		position: absolute ;		/* 親要素を基準 */
		left : 5% ;					/* 表示位置 */
		top : 100% ;				/* 表示位置 */
		
		z-index: 100 ;				/* 一番手前に表示 */
	}
	.balloon:after{ /* 吹き出し口設定 */
		border-bottom: 20px solid #F33 ;		/* 吹き出し口の高さ・色 */
		border-left: 8px solid transparent ;	/* 吹き出し口の幅１／２ */
		border-right: 8px solid transparent ;	/* 吹き出し口の幅１／２ */
		content: "" ;							/* コンテンツの挿入 */

		position: absolute ;					/* 親要素を基準 */
		top: -20px ;							/* 吹き出し口の位置調整 */
		left : 20% ;							/* 吹き出し口の横位置 */
	}	




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* 新着情報 */
.wn {
	border: 4px solid #E63C64 ;
	clear: both ;
	display: block ;
	float: right ;
	font-size: 15px ;
	overflow: auto ;
	text-align: left ;
	width: 422px ; /* 修正前 392px */
	
	/* 位置 */
	position: absolute ;
	right: 15px ;
	bottom: 15px ;
}

/* What's new バー */
.wn_bar{
	background: #E63C64 ;
	color: #FFF ;
	font-size: 26px ;
	font-weight: bold;
	height: 34px;
	line-height: 34px ;
	margin: 0px 0px 0px 0px ;
	padding-left: 15px ;
	width: 407px ; /* 修正前 377px */
}
dl.wn_box{
	background: #FFF ;
	height: 122px ;
	line-height: 1.4 ;
	overflow: auto ;
	width: 422px ; /* 修正前 392px */
}
	dl.wn_box dt{
		float: left ;
		padding: 15px 15px 0px 15px ;
	}
	dl.wn_box dd{
		padding: 15px 15px 0px 0px ;
	}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* トップへ戻るボタン */
.page_top {
	background: #D70C18 ;
    bottom: 40px;
	border: 1px solid #D70C18 ;
	border-radius: 50px;
	display: block ;
	height: 60px ;
    position: fixed ;
	right: 40px;
	width: 60px ;

	color: #fff ;
	line-height: 60px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition: all 0.3s ;
	-moz-transition: all 0.3s ;
	transition: all 0.3s ;
}
	.page_top:hover {
		background: #182A83 ;
		border: 1px solid #182A83 ;
		border-radius: 50px;
		text-decoration: none ;
	}



.page_top2 {
    background: #E95504;
    border-radius: 5px;
    bottom: 40px;
	color: #FFF;
    font-size: 12px;
    opacity: 0.8;
    padding: 10px;
    position: fixed;
    right: 40px;
	text-decoration: none;
    -khtml-opacity: 0.8;
    -moz-border-radius: 5px;
    -moz-opacity: 0.8;
    -ms-filter: "alpha(opacity=80)";
    -webkit-border-radius: 5px;
}
	.page_top2:hover {
		background: #F4DA24;
		border-radius: 5px;
		bottom: 40px;
		color: #E95504;
		font-size: 12px;
		opacity: 0.8;
		padding: 10px;
		position: fixed;
		right: 40px;
		text-decoration: none;
		-khtml-opacity: 0.8;
		-moz-border-radius: 5px;
		-moz-opacity: 0.8;
		-ms-filter: "alpha(opacity=80)";
		-webkit-border-radius: 5px;
	}


area{
  border: none;
  outline: none;
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* 事務局情報部分 */
.info_space{
	background: #000044 ;
	border-top: 1px solid #D81417 ;
	clear: both ;
	display: table ;
	padding: 16px ;
	width: 100% ;
	
	/* 文字設定 */
	color: #FFF ;
	font-size: 14px ;
}

.info_box1{
	background: none ;
	display: table-cell ;
	width: 370px ;
}
.info_box2{
	background: none ;
	display: table-cell ;
	width: 370px ;
}
.info_box3{
	background: none ;
	display: table-cell ;
}

.info_space2{
	background: none;
	border-spacing: 0 0 1em 0;
	clear: both ;
	display: table ;
	margin: 0px ;
	padding: 0px ;
	width: 100% ;
	
	/* 文字設定 */
	color: #FFF ;
	font-size: 14px ;
	text-align: left ;
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* フッター */
footer{
	background: #000;
	color: #FFF;
	clear: both;
	font-size: 10px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	vertical-align: middle;
	width: 100%;
}




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

/* リンク設定 色 */
.link_tmp:link { /* アクセスしたことのないリンク */
	color: #0C0 ;  /* みどり */
	text-decoration: underline ;
}
.link_tmp:hover { /* マウスが上に乗っている状態*/
	color: #FF0099 ; /*ピンク色 */
	text-decoration: none ;
}
.link_tmp:visited { /* アクセスしたことのあるリンク */
	color: #6600FF ; /*紫色*/ 
	text-decoration: underline ;
}