@charset "UTF-8";

/*************index*************** 

 * 1. import
 * 2. body
 * 3. font
 
 ********************************/
 
/********************************
 * 1. import
 ********************************/
@import "reset.css";
@import "parts.css";

/********************************
 * 2. body
 ********************************/
	body {
	font-size: 12px;
	line-height: 150%;
	color: #000;
	background-position: center top;
	}
/* ▼IE6以外適用 */
	html > body {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	}
/* ▲IE6以外適用 */
	.wrapper {
	background-color: #DCECEA;
	background-position: center top;
	}
/********************************
 * 3. font
 ********************************/
	a {color: #898989;
	text-decoration:none}
	a:visited {color: #898989;}
	a:hover {color: #BBB3D8;}
	a:active {color: #BBB3D8;}

/* Font-Size */
	.font10{ font-size: 10px;line-height: 120%;}
	.font10-line150{ font-size: 10px;line-height: 150%;}
	.font14{ font-size: 14px;}

/* cap,sup */
	.pcap{
	font-size: 10px;
	line-height: 120%;
	text-indent: -10px;	
	}

	.cap {
	font-size: 10px;
	line-height: 120%;
	text-indent: -10px;
	padding-left: 10px;
	}
	.caplong {
	font-size: 10px;
	line-height: 120%;
	text-indent: -18px;
	padding-left: 18px;
	}
	.capfont12 {
	font-size: 12px;
	line-height: 150%;
	text-indent: -12px;
	padding-left: 12px;
	}
	.sup {
	font-size: 8px;
	vertical-align: top;
	}


	.text_G {
	color: #62C0B4; 
	}
	.text_V {
	color: #BBB3D8; 
	}
	.text_P {
	color: #EB6EA5; 
	}
/********************************
 * 4. レイアウト
 ********************************/
 	#headerWrapper{
	padding-left: 60px;
	width: 900px;
	padding-top: 60px;
	}
	#headerWrapper h1{
	text-align: left;	
	}
	#gNav {
	margin-left:170px;
	margin-top: 60px;
	}
	#gNav ul li{
	float: left;
	margin-right: 28px;
	}
 	#container_top{
	padding-top: 40px;
	}
	#container{
	padding-top: 100px;
	}
	#copyrightArea{
	font-size:10px;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 10px;
	}
	
	#top_headerWrapper{
	padding-left: 60px;
	width: 900px;
	}
	
	#top_header {
	margin: 0px;
	height: 188px;
	width: 900px;
}

#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}

#gnav {
	height: 30px;
	width: 960px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

#wrapper #gnav ul li {
	float: left;
}

#maincontent {
	width: 960px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#wrapper2 {
	/*background-color: #dcecea;*/
	background-position: center top;
}


/********************************
 *  トップページ
 ********************************/
 	#mainPic{
	background-image: url(../../images/bk_main.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 410px;
	width: 960px;
	position: relative;
	}
	#btn_hajimemashite{
	position: absolute;
	left: 168px;
	top: 114px;
	}
	#pic01{
	position: absolute;
	left: 93px;
	top: 30px;
	}
	#btn_class{
	position: absolute;
	left: 336px;
	top: 0px;
	}
	#btn_atrie{
	position: absolute;
	left: 362px;
	top: 51px;
	}
	#btn_shitumon{
	position: absolute;
	left: 423px;
	top: 276px;
	}
	#btn_nyukai{
	position: absolute;
	left: 566px;
	top: 6px;
	}
	#btn_taiken{
	position: absolute;
	left: 754px;
	top: 236px;
	}
	#btn_katudo{
	position: absolute;
	left: 219px;
	top: 227px;
	}
 
	#mainPic a:hover {
	text-decoration: none;
	opacity:0.8;
	filter:alpha(opacity=80);/* IE lt 8 */
	-ms-filter:"alpha(opacity=80)";/* IE 8 */
	} 

/********************************
 *  インフォメーション
 ********************************/
#wrap_info{
	background-image: url(../../images/inf_bk.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 796px;
	width: 688px;
	padding-top: 66px;
	padding-left: 62px;
}

/********************************
 *  pop
 ********************************/
	#wrap_pop{
	width: 100%;
	padding-top: 30px;
	background-color: #EEEBE2;
	}
	#wrap_pop #pop {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
	#container_pop{
	background-color: #FFF;
	padding: 30px;
	width: 900px;
	}
/********************************
 *  活動の様子
 ********************************/
	#actNav {
	margin-top: 50px;
	width:741px;
	height:50px;
	}
	#actNav ul li{
	float: left;
	}
	#actwap01{
	height: auto;
	width: 627px;
	padding-top: 45px;
	padding-right: 57px;
	padding-bottom: 45px;
	padding-left: 57px;
	font-size: 11.5px;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	#actwap02{
	height: auto;
	width: 627px;
	padding-top: 45px;
	padding-right: 57px;
	padding-bottom: 45px;
	padding-left: 57px;
	font-size: 11.5px;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	#actwap03{
	height: auto;
	width: 627px;
	padding-top: 45px;
	padding-right: 57px;
	padding-bottom: 45px;
	padding-left: 57px;
	font-size: 11.5px;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	#actwap04{
	height: auto;
	width: 627px;
	padding-top: 45px;
	padding-right: 57px;
	padding-bottom: 45px;
	padding-left: 57px;
	font-size: 11.5px;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	#actwap05{
	height: auto;
	width: 627px;
	padding-top: 45px;
	padding-right: 57px;
	padding-bottom: 45px;
	padding-left: 57px;
	font-size: 11.5px;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	#actwap06{
	height: auto;
	width: 627px;
	padding-top: 45px;
	padding-right: 57px;
	padding-bottom: 45px;
	padding-left: 57px;
	font-size: 11.5px;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}



#page-top {
	position: fixed;
	bottom: 15px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 60px;
	text-align: center;
	display: block;
}
#page-top a:hover {
	text-decoration: none;
	opacity:0.5;
	filter:alpha(opacity=50);/* IE lt 8 */
	-ms-filter:"alpha(opacity=50)";/* IE 8 */
}
#event {
	width: 732px;
}
#paper {
	background-image: url(../images/bg_mid.jpg);
	background-repeat: repeat-y;
}
#tex {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#footer {
	background-color: #d3cbc5;
	width: 100%;
	background-position: center top;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#wrapper2 #wrapper #maincontent #paper #tex .mt30 li {
	float: left;
}
#album {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}
#album ul {
	width: 740px;
	margin-top: 0px;
}
#album ul li {
	float: left;
}
#pink {
	background-image: url(../../active/images/album_bk_p.gif);
	background-repeat: repeat-y;
}

#blue {
	background-image: url(../../active/images/album_bk_b.gif);
	background-repeat: repeat-y;
}

#green {
	background-image: url(../../active/images/album_bk_g.gif);
	background-repeat: repeat-y;
}

#yellow {
	background-image: url(../../active/images/album_bk_y.gif);
	background-repeat: repeat-y;
}

#purple {
	background-image: url(../../active/images/album_bk_pu.gif);
	background-repeat: repeat-y;
}
#orange {
	background-image: url(../../active/images/album_bk_or.gif);
	background-repeat: repeat-y;
}