/**************************************************************************** 共通領域 */

*.*{
	margin:0;
	padding:0;
	border:0;
}

body{
	margin:0;
	padding:0;
	border:0;
	background:#000000;
	font-size:12px;
	line-height:1.5;
	text-align:center;
}

div#container{
	width:900px;
	margin:0 auto;
	text-align:left;
}

div.clear{
	clear:both;
}

a{
	color:#cccccc;
}

a:hover{
	text-decoration:none;
}

a:focus{
	outline:none;
}

/**************************************************************************** ヘッダー領域 */

div#header{
	height:34px;
	background:url('./image/bg_header.jpg') no-repeat;
}

/**************************************************************************** メイン領域 */

div#main{
	background:#ffffff url('./image/loading.gif') no-repeat center center;
	position:relative;
}

div#main_news{
	display:block;
	height:626px;
	background:url('./image/bg_news.jpg') no-repeat;
	color:#cccccc;
}

div#main_news_text{
	width:450px;
	padding:487px 0 0 37px;
}

div#main_news_text img{
	padding:5px 0 0 0;
}

div#main_story{
	display:none;
	height:626px;
	background:url('./image/bg_story.jpg') no-repeat;
}

div#main_story p{
	margin:0;
	padding:85px 0 0 0;
	text-align:center;
	line-height:1.3;
}

div#main_character01{
	display:none;
	height:626px;
	background:url('./image/bg_chara_01.jpg') no-repeat;
}

div#main_character02{
	display:none;
	height:626px;
	background:url('./image/bg_chara_02.jpg') no-repeat;
}

div#main_character03{
	display:none;
	height:626px;
	background:url('./image/bg_chara_03.jpg') no-repeat;
}

div#main_character04{
	display:none;
	height:626px;
	background:url('./image/bg_chara_04.jpg') no-repeat;
}

div#main_character01 div.chara_icon,
div#main_character02 div.chara_icon,
div#main_character03 div.chara_icon,
div#main_character04 div.chara_icon{
	padding:560px 0 0 25px;
}

div.chara_icon img{
	border:0;
	margin:0 7px 0 0;
}

div.chara_icon a{
	display:block;
	width:55px;
	height:55px;
	margin:0 7px 0 0;
	float:left;
}

div.chara_icon a.chara_icon_01{
	background:url('./image/button_chara_01.jpg') no-repeat;
}

div.chara_icon a.chara_icon_02{
	background:url('./image/button_chara_02.jpg') no-repeat;
}

div.chara_icon a.chara_icon_03{
	background:url('./image/button_chara_03.jpg') no-repeat;
}

div.chara_icon a.chara_icon_04{
	background:url('./image/button_chara_04.jpg') no-repeat;
}

div.chara_icon a.chara_icon_05{
	background:url('./image/button_chara_05.jpg') no-repeat;
}

div.chara_icon a.chara_icon_06{
	background:url('./image/button_chara_06.jpg') no-repeat;
}

div.chara_icon a.chara_icon_07{
	background:url('./image/button_chara_07.jpg') no-repeat;
}

div.chara_icon a:hover{
	position:relative;
	top: -2px;
}

div#main_staff{
	display:none;
	height:626px;
	background:url('./image/bg_staff.jpg') no-repeat;
	line-height:1.7;
}

div#main_staff_inner{
	padding:120px 0 0 40px;
}

div#list_staff{
	width:290px;
	float:left;
}

div#list_cast{
	width:290px;
	float:left;
}

div#list_song{
	width:280px;
	float:left;
}

div#main_special{
	display:none;
	height:626px;
	background:url('./image/bg_special.jpg') no-repeat;
}

div#main_special_inner{
	padding:130px 0 0 0;
	text-align:center;
	color:#ffffff;
	line-height:1.5;
}

div#main_special_inner div{
	margin:5px 0;
}

div#main_special_inner a{
	color:#ffffff;
}

div#main_special_inner a:hover{
	text-decoration:none;
}

div#main_information{
	display:none;
	height:626px;
	background:url('./image/bg_information.jpg') no-repeat;
}

div#main_information_inner{
	padding:125px 0 0 36px;
}

div#banner{
	width:468px;
	padding:0;
	font-size:10px;
}

div#banner img{
	margin:5px 10px 5px 0;
}

div#banner textarea{
	border:0;
	width:450px;
	margin:0 0 5px;
	height:1em;
	font-size:10px;
}

div#banner p{
	margin:0;
	text-align:right;
}

div#banner p a{
	font-size:16px;
	font-weight:bold;
	color:#ff00cc;
}

div#main_campaign{
	background:#ffffff url('./image/bg_campaign.jpg') repeat-y;
	padding:20px 30px;
	text-align:center;
}

div#main_campaign div#discription{
	width:600px;
	margin:0 auto 10px;
}

div#main_campaign div#discription p{
	margin:0 0 15px;
	padding:0;
	font-size:18px;
	color:#3366ff;
	font-weight:bold;
	text-align:center;
}

div#main_campaign table#campaign_banner{
	margin:0 auto 20px;
	font-size:12px;
}

div#main_campaign table#campaign_banner th{
	padding:20px 0 0;
	font-weight:normal;
	text-align:left;
}

div#main_campaign table#campaign_banner td{
	padding:10px;
	vertical-align:top;
}

div#main_campaign table#campaign_banner td textarea.small{
	width:200px;
	height:7.5em;
	padding:2px;
}

div#main_campaign table#campaign_banner td textarea.medium{
	width:468px;
	height:4em;
	padding:2px;
}

div#main_campaign table#campaign_banner td textarea.blog{
	width:160px;
	height:8.5em;
	padding:2px;
}

div#main_campaign textarea{
	border:1px solid #999999;
	font-size:10px;
	padding:0 5px;
	overflow:hidden;
}

div#main_campaign table#form{
	width:500px;
	margin:0 auto;
	font-size:12px;
	font-weight:normal;
	line-height:1.5;
}

div#main_campaign table#form input.text01{
	width:200px;
	border:1px solid #999999;
	margin:0 0 8px;
}

div#main_campaign table#form input.text02{
	width:300px;
	border:1px solid #999999;
}

div#main_campaign table#form textarea{
	width:300px;
	padding:0;
	border:1px solid #999999;
}

/**************************************************************************** フッター領域 */

div#footer{
	height:140px;
	background:url('./image/bg_footer.jpg') no-repeat;
}

table#footer_inner{
	width:900px;
	height:140px;
	margin:0;
	padding:0;
	border:0;
}

table#footer_inner td{
	text-align:left;
	vertical-align:top;
}

td#menu_news{
	width:52px;
	padding:64px 0 0 43px;
}

td#menu_story{
	width:60px;
	padding:64px 0 0 43px;
}

td#menu_character{
	width:100px;
	padding:64px 0 0 40px;
}

td#menu_staff{
	width:102px;
	padding:64px 0 0 217px;
}

td#menu_special{
	width:71px;
	padding:64px 0 0 18px;
}

td#menu_information{
	width:113px;
	padding:64px 18px 0 23px;
}
table#footer_inner a{
	display:block;
	height:44px;
}

table#footer_inner a:hover{
	background-position:0 -44px;
}

a#link_news{
	width:52px;
	background:url('./image/button_news.jpg') no-repeat;
}

a#link_story{
	width:60px;
	background:url('./image/button_story.jpg') no-repeat;
}

a#link_character{
	width:100px;
	background:url('./image/button_character.jpg') no-repeat;
}

a#link_staff{
	width:102px;
	background:url('./image/button_staff.jpg') no-repeat;
}

a#link_special{
	width:71px;
	background:url('./image/button_special.jpg') no-repeat;
}

a#link_information{
	width:113px;
	background:url('./image/button_information.jpg') no-repeat;
}

