@charset "shift_jis";
/* CSS Document */

#about_menu {
	background:url(../img/ti_about.png) 0 0 no-repeat;
	width:960px;
	height:79px;
	display:block;
	margin:0 auto;
}

#about_menu ul {
	padding:20px 0 0 276px;
}

#about_menu ul li {
	float:left;
}

#about_menu ul li#li_intro a {
	background:url(../img/bt_intro_off.png) 0 0 no-repeat;
	width:197px;
	height:51px;
	display:block;
	text-indent:-9999px;
	overflow: hidden;
    outline: none;
}

#about_menu ul li#li_intro a:hover {
	background:url(../img/bt_intro_on.png) 0 0 no-repeat;
}

#about_menu ul li#li_story a {
	background:url(../img/bt_story_off.png) 0 0 no-repeat;
	width:127px;
	height:51px;
	display:block;
	text-indent:-9999px;
	overflow: hidden;
    outline: none;
}

#about_menu ul li#li_story a:hover {
	background:url(../img/bt_story_on.png) 0 0 no-repeat;
}

#about_menu ul li#li_staff a {
	background:url(../img/bt_staff_off.png) 0 0 no-repeat;
	width:187px;
	height:51px;
	display:block;
	text-indent:-9999px;
	overflow: hidden;
    outline: none;
}

#about_menu ul li#li_staff a:hover {
	background:url(../img/bt_staff_on.png) 0 0 no-repeat;
}

#about_menu ul li#li_sound a {
	background:url(../img/bt_sound_off.png) 0 0 no-repeat;
	width:123px;
	height:51px;
	display:block;
	text-indent:-9999px;
	overflow: hidden;
    outline: none;
}

#about_menu ul li#li_sound a:hover {
	background:url(../img/bt_sound_on.png) 0 0 no-repeat;
}

/* +/+/+/+/+/+/+/+/+/+/+/+/+/+
　　　イントロダクション
+/+/+/+/+/+/+/+/+/+/+/+/+/+/+ */

#about_intro {
	background:url(../img/bg_main.png) 0 0 repeat-y;
	width:960px;
	margin:0 auto;
}

#about_introIn {
	width:860px;
	margin:0 auto;
	
}

.intro_bg {
	background:url(../img/img_intro.jpg) 0 0 no-repeat;
	width:860px;
	height:396px;
	display:block;
}

.intro_bg h4,.intro_bg p {
	display:none;
}


/* ++--++--++--++--++--++--++--++
　　　　　ストーリー
++--++--++--++--++--++--++--++ */

#about_story {
	background:url(../img/bg_main.png) 0 0 repeat-y;
	width:960px;
	margin:0 auto;
}


#about_storyIn {
	width:860px;
	margin:0 auto;
}

.story_bg {
	background:url(../img/img_story.jpg) 0 0 no-repeat;
	width:860px;
	height:396px;
	display:block;
}

.story_bg p {
	display:none;
}

/* |-|-|-|-|-|-|-|-|-|-|-|-|-|-|
　　　　　スタッフ
|-|-|-|-|-|-|-|-|-|-|-|-|-|-| */

#about_staff {
	background:url(../img/bg_main.png) 0 0 repeat-y;
	width:960px;
	margin:0 auto;
}

#about_staffIn {
	width:860px;
	margin:0 auto;
}

.about_staffL {
	float:left;
	width:280px;
	padding-left:22px;
	padding-top:12px;
}

.about_staffR {
	float:right;
}

.about_staffL h4 {
	padding-bottom:7px;
}

.about_staffL table {
	text-align:left;
	width:100%;
	border-collapse:collapse;
	margin-left:27px;
	margin-bottom:17px;
}

.about_staffL table th {
	padding-bottom:5px;
	width:185px;
	font-size:11px;
}

.about_staffL table td {
	padding-bottom:5px;
	font-size:11px;
}

.about_staffL ul {
	padding-left:27px;
}

.about_staffL ul li {
	padding-bottom:5px;
	font-size:11px;
}


/* ♪--♪--♪--♪--♪--♪--♪
　　　　　 サウンド
♪--♪--♪--♪--♪--♪--♪--♪ */

#about_sound {
	background:url(../img/bg_main.png) 0 0 repeat-y;
	width:960px;
	margin:0 auto;
}

#about_soundIn {
	width:860px;
	margin:0 auto;
}

.about_soundL {
	float:left;
	width:380px;
	padding-left:25px;
	padding-top:12px;
}

.about_soundR {
	float:right;
}

.about_soundL h4 {
	padding-bottom:5px;
}

.about_soundL h5 {
	font-size:12px;
	font-weight:normal;
	padding-bottom:5px;
	margin-left:20px;
}

.about_soundL table {
	text-align:left;
	width:100%;
	border-collapse:collapse;
	margin-left:27px;
	margin-bottom:12px;
}

.about_soundL table th {
	padding-bottom:5px;
	width:90px;
	font-size:11px;
}

.about_soundL table td {
	padding-bottom:5px;
	font-size:11px;
}