#main-header{
width:100%;
background:url(../images/manga_main_bg2.gif) center bottom repeat-x;
}
#contents{
	margin-top:10px;
}
#aside{
	width:230px;
	margin-top:10px;
}
#flash{
	width:897px;
	margin:0 auto;
	height: 395px;
	position:relative;

}
#flash .title{
	position:absolute;
	top:-100px;
	width:191px;
	height:266px;
}

#flash .title span{
	display:block;
	margin-left:75px;
}

#flash .title .main-title{
	font-size:123.1%;
	color:#F74263;
	font-weight:bold;
	margin-left:31px;
	text-align:center;
	margin-top:85px;
}

.img .main-title{
	font-size:93%;
	color:#F15472;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
}

#flash .img{
	width:100%;
	height: 380px;

}

#flash .img .stage{
	width:482px;
	height: 354px;
	margin: 2px auto 0 auto;
	padding:5px;
	background:url(../images/manga_main_stage.png) left top no-repeat;
}

#contents{
	float:right;
	width:620px;
}

#contents h2{
}

#archive-section ul{
	margin-left:-25px;
	margin-top:20px;
}
* html #archive-section ul{margin-left:-50px;}
#archive-section ul li{
	width:190px;
	float:left;
	margin:0 0 0 25px;
	height:180px;
}
#archive-section ul li a img{
	border:1px solid #CCCCCC;
}
#archive-section ul li a:hover img{
	border:1px solid #E0E0E0;
}
#archive-section ul li p{
	font-size:93%;
	margin-top:8px;
	line-height:1.4;
}
#archive-section ul li p span{	
	background: #ff5253;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px;
}

#chara-introduction {
	background:url(../images/manga_bg.gif) bottom no-repeat;
	padding-bottom:15px;
}
	
#chara-introduction dl {
	padding: 10px;
}
#chara-introduction dt {
	width: 50px;
	float: left;
}
#chara-introduction dd {
	width: 150px;
	float: right;
	text-align: left;
	font-size: 85%;
	line-height: 140%;
}


#commodity-setion{
	width: 480px;
	height: 320px;
	background:url(../images/commodity_section_bg.jpg) #FFFFFF top left no-repeat;
}

#commodity-setion .c-hl{
	padding-top:15px;
	margin:0 0 0 12px;
}
#commodity-setion .c-title{
	background:#FF931C;
	color:#FFFFFF;
	margin:7px 15px 0 15px;
	font-weight:bold;
	padding:3px 10px;
	font-size:93%;
}
#commodity-setion .c-body{
	padding-left:130px;
	padding-top:5px;
	min-height: 90px;
	height: auto !important;
	height: 90px;
	margin:7px 15px 0 15px;
	font-size:93%;
}
#commodity-setion .recipe{
	background:url(../images/fin_recipe.gif) top left no-repeat;
}
#commodity-setion .commodity{
	background:url(../images/fin_commodity.gif) top left no-repeat;
}

#commodity-setion .photo{
	text-align:center;
	margin-top:10px;
	height:135px;
}
/*--------------------

	clearfix

--------------------*/
#flash,
#main-inner,
#chara-introduction,
#chara-introduction dl,
#archive-section ul,
#commodity-setion{
    overflow:hidden;
    zoom:1;
}

#flash:after,
#main-inner:after,
#chara-introduction:after,
#chara-introduction dl:after,
#archive-section ul:after,
#commodity-setion:after,{
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}

* html #flash,
* html #main-inner,
* html #chara-introduction,
* html #chara-introduction dl,
* html #archive-section ul,
* html #commodity-setion{
    height: 1em;
    overflow: visible;
}


#flash{
	overflow:visible;
}


/*-- jShowOff module styles --*/
#main-stage{
	position: relative;
	overflow: hidden;
	width: 480px;
	height: 320px;
}

.jshowoff p.jshowoff-slidelinks {
	position:absolute;
	top:329px;
	left:50px;
}

.jshowoff-slidelinks a{
	float:left;
	display:block;
	margin:0 2px;
	line-height:1;
	width:18px;
	height:18px;
	text-indent:-5000px;
	background:url(../images/pager.gif) left top no-repeat;
}
.jshowoff-slidelinks a.jshowoff-slidelink-0{background-position:0px 0px;}
.jshowoff-slidelinks a.jshowoff-slidelink-1{background-position:-18px 0px;}
.jshowoff-slidelinks a.jshowoff-slidelink-2{background-position:-36px 0px;}
.jshowoff-slidelinks a.jshowoff-slidelink-3{background-position:-54px 0px;}
.jshowoff-slidelinks a.jshowoff-slidelink-4{background-position:-72px 0px;}
.jshowoff-slidelinks a.jshowoff-slidelink-5{background-position:-90px 0px;}
.jshowoff-slidelinks a.jshowoff-slidelink-6{background-position:-108px 0px;}
.jshowoff-slidelinks a.jshowoff-slidelink-7{background-position:-126px 0px;}
.jshowoff-slidelinks a.jshowoff-slidelink-8{background-position:-144px 0px;}
.jshowoff-slidelinks a.jshowoff-slidelink-9{background-position:-162px 0px;}
.jshowoff-slidelinks a.jshowoff-slidelink-10{background-position:-180px 0px;}
.jshowoff-slidelinks a.jshowoff-slidelink-11{background-position:-198px 0px;}
.jshowoff-slidelinks a.jshowoff-slidelink-12{background-position:-216px 0px;}
.jshowoff-slidelinks a.jshowoff-slidelink-13{background-position:-234px 0px;}


.jshowoff-slidelinks a:hover.jshowoff-slidelink-0{background-position:0px -18px;}
.jshowoff-slidelinks a:hover.jshowoff-slidelink-1{background-position:-18px -18px;}
.jshowoff-slidelinks a:hover.jshowoff-slidelink-2{background-position:-36px -18px;}
.jshowoff-slidelinks a:hover.jshowoff-slidelink-3{background-position:-54px -18px;}
.jshowoff-slidelinks a:hover.jshowoff-slidelink-4{background-position:-72px -18px;}
.jshowoff-slidelinks a:hover.jshowoff-slidelink-5{background-position:-90px -18px;}
.jshowoff-slidelinks a:hover.jshowoff-slidelink-6{background-position:-108px -18px;}
.jshowoff-slidelinks a:hover.jshowoff-slidelink-7{background-position:-126px -18px;}
.jshowoff-slidelinks a:hover.jshowoff-slidelink-8{background-position:-144px -18px;}
.jshowoff-slidelinks a:hover.jshowoff-slidelink-9{background-position:-162px -18px;}
.jshowoff-slidelinks a:hover.jshowoff-slidelink-10{background-position:-180px -18px;}
.jshowoff-slidelinks a:hover.jshowoff-slidelink-11{background-position:-198px -18px;}
.jshowoff-slidelinks a:hover.jshowoff-slidelink-12{background-position:-216px -18px;}
.jshowoff-slidelinks a:hover.jshowoff-slidelink-13{background-position:-234px -18px;}


html > body .jshowoff-slidelinks a.jshowoff-slidelink-0.jshowoff-active{background-position:0px -18px;}
html > body .jshowoff-slidelinks a.jshowoff-slidelink-1.jshowoff-active{background-position:-18px -18px;}
html > body .jshowoff-slidelinks a.jshowoff-slidelink-2.jshowoff-active{background-position:-36px -18px;}
html > body .jshowoff-slidelinks a.jshowoff-slidelink-3.jshowoff-active{background-position:-54px -18px;}
html > body .jshowoff-slidelinks a.jshowoff-slidelink-4.jshowoff-active{background-position:-72px -18px;}
html > body .jshowoff-slidelinks a.jshowoff-slidelink-5.jshowoff-active{background-position:-90px -18px;}
html > body .jshowoff-slidelinks a.jshowoff-slidelink-6.jshowoff-active{background-position:-108px -18px;}
html > body .jshowoff-slidelinks a.jshowoff-slidelink-7.jshowoff-active{background-position:-126px -18px;}
html > body .jshowoff-slidelinks a.jshowoff-slidelink-8.jshowoff-active{background-position:-144px -18px;}
html > body .jshowoff-slidelinks a.jshowoff-slidelink-9.jshowoff-active{background-position:-162px -18px;}
html > body .jshowoff-slidelinks a.jshowoff-slidelink-10.jshowoff-active{background-position:-180px -18px;}
html > body .jshowoff-slidelinks a.jshowoff-slidelink-11.jshowoff-active{background-position:-198px -18px;}
html > body .jshowoff-slidelinks a.jshowoff-slidelink-12.jshowoff-active{background-position:-216px -18px;}
html > body .jshowoff-slidelinks a.jshowoff-slidelink-13.jshowoff-active{background-position:-234px -18px;}


* html .jshowoff-slidelinks a.jshowoff-active,
* html .jshowoff-slidelinks a.jshowoff-active:hover {
	background-position-y:-18px;
}

.jshowoff-controls{
	position:relative;
	margin-top:7px;
	z-index:1000;
}

.jshowoff-controls .jshowoff-play{
	position:absolute;
	width:18px;
	height:18px;
	background:url(../images/pause.gif) left top no-repeat;
	top:2px;
	left:18px;
	z-index:1000;
	text-indent:-5000px;
}
.jshowoff-controls .jshowoff-play.jshowoff-paused{
	background:url(../images/play.gif) left top no-repeat;
}



.jshowoff-controls .jshowoff-prev{
	position:absolute;
	text-indent:-5000px;
	background:url(../images/next_prev.gif) left top no-repeat;
	background-position:0px 0px;
	width:82px;
	height:82px;
	left:-100px;
	top:-200px;
}


.jshowoff-controls .jshowoff-next{
	position:absolute;
	text-indent:-5000px;
	background:url(../images/next_prev.gif) left top no-repeat;
	background-position:-82px 0px;
	width:82px;
	height:82px;
	left:500px;
	top:-200px;
}

.jshowoff-controls a.jshowoff-prev:hover{
	background-position:0 -82px;
}
.jshowoff-controls a.jshowoff-next:hover{
	background-position:-82px -82px;
}

.jshowoff{
	position:relative;
}
#main-header{
	position:relative;
}
#profile{
	position:absolute;
	top:0;
	right:0;
	margin-top:-115px;
	padding-right:10px;
	_left:703px;
}
#sb-container{
	z-index:20000;
}