@charset "utf-8";

/* CSS */

/* 扉と6つのページ共有 */

/* 左戻るボタンとステージ内中スペースのまとめ囲み */
#innerwrapper {
	width: 482px;
	height: 480px; 
	float: left;
	font-size: 12px;
}

/* 左右戻る進むボタンの入る囲み */
#stage_left,
#stage_right{
	width: 30px;
	height: 480px;
	float: right;
}

/* 左右戻る進むボタン囲み */
#backbutt,
#nextbutt{
	width: 30px;
	height: 30px;
}

/* 左右戻る進むボタン文字を非表示 */
#backbutt span,
#nextbutt span{
	display:none;
}

/* 前ページボタン */
#backbutt .course a{
	display: block;
	margin-top: 225px;
	height: 30px;
	background-image: url(images/course_back.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

/* 次ページボタン */
#nextbutt .course a{
	display: block;
	margin-top: 225px;
	height: 30px;
	background-image: url(images/course_next.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

/* 次ページ前ページボタンのホバー */
#nextbutt .course a:hover,
#backbutt .course a:hover{
	background-position:0px -30px;
}




/* 扉ページ */

/* 扉：mainの中：右ステージ */
#stage_tobira{
	width: 512px;
	height: 480px;
	text-align: left;
	float: left;
	background-color: #f7dc6f;
}

/* 扉：ステージ内中スペース囲み */
#stage_mid_tobira{
	width: 452px;
	height: 480px;
	background-image: url(images/tobiraimg.gif);
	background-repeat: no-repeat;
	float: right;
}

/* 扉：ステージ内中テキスト */
#textbox_tobira{
	width: 173px;
	line-height: 18px;
	padding-left:279px;
	margin-top: 130px;
	overflow: auto;
}

/* 扉：次ページボタン */

#nextbutt .tobira a{
	display: block;
	margin-top: 450px;
	height: 30px;
	background-image: url(images/tobira_next.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#nextbutt .tobira a:hover{
	background-position:0px -30px;
}




/* Webページ */

/* Webデザイン：ステージ内中スペース囲み */
#stage_mid_web{
	width: 452px;
	height: 480px;
	background-image: url(images/webdesign.gif);
	background-repeat: no-repeat;
	float: right;
}

/* Webデザイン：ステージ内中テキスト */
#textbox_web{
	width: 173px;
	line-height: 18px;
	padding-left:279px;
	margin-top: 250px;
	overflow: auto;
}

/* CG・アニメーションページ */

/* CG・アニメーション：ステージ内中スペース囲み */
#stage_mid_cg{
	width: 452px;
	height: 480px;
	background-image: url(images/cganime.gif);
	background-repeat: no-repeat;
	float: right;
}

/* CG・アニメーション：ステージ内中テキスト */
#textbox_cg{
	width: 173px;
	line-height: 18px;
	padding-left:3px;
	margin-top: 235px;
	overflow: auto;
}

/* DTP・出版ページ */

/* DTP・出版：ステージ内中スペース囲み */
#stage_mid_dtp{
	width: 452px;
	height: 480px;
	background-image: url(images/dtp.gif);
	background-repeat: no-repeat;
	float: right;
}

/* DTP・出版：ステージ内中テキスト */
#textbox_dtp{
	width: 173px;
	line-height: 18px;
	padding-left:3px;
	margin-top: 235px;
	overflow: auto;
}

/* 情報セキュリティページ */

/* 情報セキュリティ：ステージ内中スペース囲み */
#stage_mid_infor{
	width: 452px;
	height: 480px;
	background-image: url(images/inforsecu.gif);
	background-repeat: no-repeat;
	float: right;
}

/* 情報セキュリティ：ステージ内中テキスト */
#textbox_infor{
	width: 173px;
	line-height: 18px;
	padding-left:279px;
	margin-top: 34px;
	overflow: auto;
}

/* メディアビジネスページ */

/* メディアビジネス：ステージ内中スペース囲み */
#stage_mid_mediabusi{
	width: 452px;
	height: 480px;
	background-image: url(images/mediabusi.gif);
	background-repeat: no-repeat;
	float: right;
}

/* メディアビジネス：ステージ内中テキスト */
#textbox_mediabusi{
	width: 173px;
	line-height: 18px;
	padding-left:3px;
	margin-top: 178px;
	overflow: auto;
}

/* メディアカルチャーページ */

/* メディアカルチャー：ステージ内中スペース囲み */
#stage_mid_mediaculture{
	width: 452px;
	height: 480px;
	background-image: url(images/mediaculture.gif);
	background-repeat: no-repeat;
	float: right;
}

/* メディアカルチャー：ステージ内中テキスト */
#textbox_mediaculture{
	width: 173px;
	line-height: 18px;
	padding-left:3px;
	margin-top: 263px;
	overflow: auto;
}