/*------------------------------------------------
	index.css - <anoaoi> index.html design css
	2008.02.27
	:::toc:::
	import url
------------------------------------------------*/

@import url(../../common/common.css);
@import url(../../common/format.css);
@import url(../../common/layout-old.css);
@import url(../../common/navigation.css);

/* parts design
------------------------------------------------*/
/* format */

#main #bbs{
	width:650px;
	margin:0 auto;
	}

.borderbg h2{
	margin-top:0px;
	padding:0 15px 28px 15px;
}

.borderbg h2 span{
	position:relative;
	top:-1000px;
}

.borderbg h3{
	margin:5px 0 10px 0;
	padding-bottom:3px;
	border-bottom:2px solid #2D78EA;
	font-weight:bold;
	clear:both;
}

.flobject img,.frobject img{border:#333 1px solid;}

#pro-nav li{display:inline;}
	

#pro-nav{
	height:33px;
	width:575px;
	position:relative;
}

#pro-nav ul li{
	display:block;
	position:absolute;
}

#pro-nav ul li a{
	display:block;
	height:33px;
	background:transparent url(../images/navi.gif);
	text-decoration:none;
}

#pro-nav ul a img{
	display:none;
	border:0;
}

/* contents */

.tit-01{background:url(../images/h2_intro.gif) no-repeat;}

.tit-02{background:url(../images/h2_story.gif) no-repeat;}

.tit-03{background:url(../images/h2_cast.gif) no-repeat;}

.tit-04{background:url(../images/h2_number.gif) no-repeat;}

.tit-05{background:url(../images/h2_relation.gif) no-repeat;}

.tit-06{background:url(../images/h2_bbs.gif) no-repeat;}


/* navigation position & swap */

#pro-nav ul li.protop{
	width:115px;
	left:460px;
}

#pro-nav ul .protop a{background-position:-460px 0;}

#pro-nav ul .protop a:hover{background-position:-460px 33px;}


#pro-nav ul li.intro{
	width:116px;
	left:0;
}

#pro-nav ul .intro a{background-position:0 0;}

#pro-nav ul .intro a:hover{background-position:0 33px;}


#pro-nav ul li.story {
	width:114px;
	left:116px;
}

#pro-nav ul .story a{background-position:-116px 0;}

#pro-nav ul .story a:hover{background-position:-116px 33px;}


#pro-nav ul li.cast{
	width:115px;
	left:230px;
}

#pro-nav ul .cast a{background-position:-230px 0;}

#pro-nav ul .cast a:hover{background-position:-230px 33px;}


#pro-nav ul li.relation{
	width:115px;
	left:345px;
}

#pro-nav ul .relation a{background-position:-345px 0;}

#pro-nav ul .relation a:hover{background-position:-345px 33px;}




/* index */
.notice{
	width:510px;
	margin:0 auto;
	padding:8px;
	line-height:1.4;
	background:#fff;
	border:3px double #2D78EA;
}

.notice dt{font-weight:bold;}


/* number */
.tstyle{
	width:100%;
	margin:5px 0 15px;
	border: 1px solid #733A2C;
	border-collapse:collapse;
}

.tstyle a{
	font-weight:bold;
	color:#11388a;
}

.tstyle td,th {
	font-weight:normal;
	padding:3px;
	border: 1px solid #333;
}

.bgcol01{background-color:#78A9F1;}
.bgcol02{background-color:#BAD2F8;}


h2,h3,p,dd{
	text-align:left;
}

.btn_top{
	margin:5px 5px 0;
	text-align:right;
	}
	
	
/* bnr */
#bnr {
	text-align:right;
	}
	
#bnr a{
	margin:0 0 0 10px;
	}