@charset "utf-8";

/*======================================
蒼空のフロンティア
----------------------------------------
description:index page
edit: 2009/11
lastupdate:
======================================*/

ul.subNav li#sNavManual01 a {
	background-image: url(../img/index/subnav_manual_01.gif);
}
ul.subNav li#sNavManual02 a {
	background-image: url(../img/index/subnav_manual_02.gif);
}
ul.subNav li#sNavManual03 a {
	background-image: url(../img/index/subnav_manual_03.gif);
}
ul.subNav li#sNavManual04 a {
	background-image: url(../img/index/subnav_manual_04.gif);
}
ul.subNav li#sNavManual05 a {
	background-image: url(../img/index/subnav_manual_05.gif);
}


/*======================================
override
======================================*/
body#indexPage #wrapper {
	background: url(../img/layout/index/bg_wrapper.jpg) no-repeat top center;
}
h2.subNavTitle {
	height: 41px;
}

/*======================================
login
======================================*/
#loginArea {
	position: relative;
	width: 224px;
	height: 137px;
	margin: 0 0 2px 0;
	
	background: url(../img/layout/index/bg_login.jpg) no-repeat;
}
form { margin: 0; padding: 0; }
#loginId {
	position: absolute;
	left: 36px;
	top: 40px;
	width: 120px;
	height: 25px;
	padding: 0;
	margin: 0;
}
#loginPw {
	position: absolute;
	left: 36px;
	top: 66px;
	width: 120px;
	height: 25px;
	padding: 0;
	margin: 0;
}
#loginBtn {
	position: absolute;
	width: 52px;
	height: 50px;
	left: 159px;
	top: 40px;
}
.login_form_style {
	margin: 4px 5px;
	width: 110px;
	height: 17px;
	border: 0;
	font-size: 12px;
	line-height: 13px;
	vertical-align: top;
	background: #FFFFFF;
}
.login_btn_style {
	border: 0;
}
#loginForget {
	position: absolute;
	width: 197px;
	height: 29px;
	left: 14px;
	top: 95px;
}
#loginForget a {
	display: block;
	
	width: 197px;
	height: 29px;
	
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	
	background: url(../img/layout/index/btn_forget.gif) no-repeat 0 -29px;
}
#loginForget a:hover {
	background-position: 0 0;
}

/*======================================
logout
======================================*/
#logoutArea {
	position: relative;
	width: 224px;
	height: 149px;
	margin: 0 0 2px 0;
	
	background: url(../img/layout/index/bg_logout.jpg) no-repeat;
}
#logoutBtn {
	position: absolute;
	width: 177px;
	height: 20px;
	left: 25px;
	top: 113px;
}
.logout_btn_style {
	border: 0;
}

#schoolEntBtn {
	position: absolute;
	width: 177px;
	height: 30px;
	left: 25px;
	top: 43px;
}
.logout_btn_style {
	border: 0;
}

#myProfBtn {
	position: absolute;
	width: 177px;
	height: 30px;
	left: 25px;
	top: 78px;
}
.logout_btn_style {
	border: 0;
}

/*======================================
image area
======================================*/
#informationImageArea {
	width: 597px;
	height: 162px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url(../img/layout/index/bg_informationimage.jpg) no-repeat 0 0;
}

#movieArea {
	position: relative;
	width: 224px;
	height: 202px;
	background: url(../img/layout/index/bg_movie.jpg) no-repeat;
}
#pvFlashArea {
	position: absolute;
	widows: 197px;
	height: 147px;
	left: 14px;
	top: 41px;
}

/*======================================
h2
======================================*/
h2.pageTitleInformation {
	position: relative;
	width: 597px;
	height: 47px;
	margin: 0;
	
	background: url(../img/index/h2_information.gif) no-repeat;
}
h2.pageTitleInformation a {
	position: absolute;
	
	width: 78px;
	height: 24px;
	left: 505px;
	top: 14px;
	
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	
	background: url(../img/index/btn_more.gif) no-repeat;
}
h2.pageTitleInformation a:hover {
	background-position: 0 -24px;
}

h2.pageTitleIllust {
	position: relative;
	width: 597px;
	height: 44px;
	margin: 0;
	
	background: url(../img/index/h2_illust.gif) no-repeat;
}
h2.pageTitleIllust a {
	position: absolute;
	
	width: 78px;
	height: 24px;
	left: 505px;
	top: 11px;
	
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	
	background: url(../img/index/btn_more.gif) no-repeat;
}
h2.pageTitleIllust a:hover {
	background-position: 0 -24px;
}

.illustList {
	width: 552px;
	min-height: 168px;
	margin: 0 12px 0 2px;
	background: url(../img/layout/index/bg_illustlist.gif) repeat-y;
}
.illustList:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html body .illustList{
	height: 1em;
	overflow: visible;
}
/**/
.illustList li {
	float: left;
	position: relative;
	
	padding-right: 10px;
	width: 128px;
	height: 168px;
	
	text-align: center;
	vertical-align: middle;
}
.illustList li div {
	display: table-cell;
	width: 128px;
	height: 128px;
	vertical-align: middle;
}
* html .illustList li div{/* IE 6 */
display:inline;
zoom:1;
}

*:first-child+html .illustList li div{/* IE 7 */
display:inline;
zoom:1;
}
/*\*//*/
* html .illustList li div{
display:inline-block;
}
/**/

.illustList li .info {
	position: absolute;
	top: 136px;
	left: 0;
	width: 128px;
	height: 32px;
	
	text-align: center;
}

.googleSearch {
	width:215px;
	margin:0 auto;
	text-align:right;
	padding-right:20px;
}

.ggrBtn {
	border:1px #9fa09e solid;
	background:#f7f6f5;
	color:#626063;
}

.ggrTex {
	height:16px;
	width:150px;
	border:1px #9fa09e solid;
	background:#f7f6f5;
	color:#626063;
}

.t_m_tbGgr {
	margin:10px auto;
}