/*------------------------------------------------
	index.css - <maou> index.html design css
	2008.02.12
	:::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
------------------------------------------------*/
.borderbg h1 span{
	position:relative;
	top:-1000px;
}
.borderbg h2{
	height:45px;
	margin-bottom:15px;
}.borderbg h2 span{
	position:relative;
	top:-1000px;
}
.borderbg h3{
	margin:20px 0 10px 0;
	padding:3px;
	border-bottom:3px double #634c4c;
	font-weight:bold;
	clear:both;
	line-height:1.4;
}
.borderbg p{line-height:1.6;}
.borderbg a{
	color:#993300;
	text-decoration:underline;
}


/* format */
.borderbg #promain{
	background:url(../../../../maou/images/bk.gif) top repeat-x;
	width:575px;
	margin:0 auto;
}
.borderbg #pro-nav{
	height:42px;
	width:575px;
	position:relative;
	z-index:10;
}#pro-nav ul li{
	display:block;
	position:absolute;
	top:0;
}#pro-nav ul li a{
	display:block;
	height:42px;
	background:transparent url(../images/nav.gif);
	text-decoration:none;
}#pro-nav ul a img{
	display:none;
	border:0;
}

/* index */
.notice{
	width:510px;
	margin:0 auto;
	padding:8px;
	line-height:1.4;
	background:#fff;
	border:3px double #1b4963;
}
.notice dt{
	font-weight:bold;
	color:#1b4963;

}

/* contents */
.probox{
	padding:20px 15px 0 15px;
}
.probox img{
	border:1px solid #333;
}
#tit-01{background:url(../images/tit_01.gif) no-repeat;}
#tit-02{background:url(../images/tit_02.gif) no-repeat;}
#tit-03{background:url(../images/tit_03.gif) no-repeat;}
#tit-04{background:url(../images/tit_04.gif) no-repeat;}

.imgcopy{
	border:2px solid #585858;
}

/* number */
#btn-number{
	margin-top:10px;
}
.borderbg .tstyle{
	width:100%;
	margin:5px 0 15px;
	border: 1px solid #733A2C;
	border-collapse:collapse;
}
.borderbg .tstyle a{
	font-weight:bold;
	color:#333;
}
.borderbg .tstyle td,th {
	font-weight:normal;
	padding:3px;
	border: 1px solid #333;
}
.borderbg .bgcol01{background-color:#b6c7cc;}
.borderbg .bgcol02{background-color:#e3d5d5;}

.tit-number div{margin-bottom:20px;}

/* navigation position & swap */
#pro-nav ul li.protop{width:115px;left:0;}
#pro-nav ul .protop a{background-position:0 0;}
#pro-nav ul .protop a:hover{background-position:0 42px;}
#pro-nav ul li.intro{width:115px;left:115px;}
#pro-nav ul .intro a{background-position:-115px 0;}
#pro-nav ul .intro a:hover{background-position:-115px 42px;}
#pro-nav ul li.story{width:115px;left:230px;}
#pro-nav ul .story a{background-position:-230px 0;}
#pro-nav ul .story a:hover{background-position:-230px 42px;}
#pro-nav ul li.cast{width:115px;left:345px;}
#pro-nav ul .cast a{background-position:-345px 0;}
#pro-nav ul .cast a:hover{background-position:-345px 42px;}
#pro-nav ul li.bbs{width:115px;left:460px;}
#pro-nav ul .bbs a{background-position:-460px 0;}
#pro-nav ul .bbs a:hover{background-position:-460px 42px;}