@charset "utf-8";
/* CSS Document */


/* ナビ部分 
---------------------------------------------*/

#navi{
	width:900px;
	background-color:#333;
	background-image:url(../img/back01.gif);
	overflow:hidden;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

#navi ul{
	clear:both;
	list-style-type:none;
	padding: 0px;
	margin: 0px;
}

#navi li{
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
	padding-bottom:15px;
}

/* 画像部分 
---------------------------------------------*/

#photo{
	text-align:left;
	padding-top:13px;
	padding-left:13px;
	padding-bottom:13px;
}


/* あらすじ部分 
---------------------------------------------*/
.story_box01{
	position:relative;
	widows:900px;
	height:430px;
}

.story_box01 h3{
	padding-bottom:25px;
}

.story_box01 p{
	line-height: 23px;
	font-size: 14px;
}

.story_vol1_01{
	position:absolute;
	top:20px;
	left:20px;
}

.story_vol1_02{
	position:absolute;
	top:80px;
	left:270px;
	width:350px;
}

.story_vol1_03{
	position:absolute;
	top:250px;
	left:20px;
	width:600px;
}

.story_vol1_04{
	position:absolute;
	top:80px;
	right:20px;
}

.story_vol1_05{
	position:absolute;
	top:20px;
	left:269px;
}


/* ソウルソサエティ篇-------------------------------*/
.story_box02{
	position:relative;
	widows:900px;
	height:510px;
}

.story_box02 h3{
	padding-bottom:25px;
}

.story_box02 p{
	line-height: 23px;
	font-size: 14px;
}

.story_vol2_02{
	position:absolute;
	top:80px;
	left:270px;
	width:610px;
}


.story_vol2_03{
	position:absolute;
	top:330px;
	left:20px;
	width:600px;
}

.story_vol2_04{
	position:absolute;
	bottom:15px;
	right:20px;
}

.story_vol2_05{
	position:absolute;
	bottom:5px;
	right:20px;
}


/* 破面篇-------------------------------*/
.story_box03{
	position:relative;
	widows:900px;
	height:320px;
}

.story_box03 h3{
	padding-bottom:25px;
}

.story_box03 p{
	line-height: 23px;
	font-size: 14px;
}

.story_box04{
	position:relative;
	widows:900px;
	height:320px;
}

.story_box04 h3{
	padding-bottom:25px;
}

.story_box04 p{
	line-height: 23px;
	font-size: 14px;
}

.story_vol3_01{
	position:absolute;
	top:20px;
	left:20px;
}

.story_vol3_02{
	position:absolute;
	top:20px;
	left:269px;
}

.story_vol3_03{
	position:absolute;
	top:80px;
	left:270px;
	width:610px;
}

.story_vol3_04{
	position:absolute;
	top:20px;
	right:20px;
}

.story_vol3_05{
	position:absolute;
	top:20px;
	left:20px;
}

.story_vol3_06{
	position:absolute;
	top:80px;
	left:20px;
	width:610px;
}

.story_box05{
	position:relative;
	widows:900px;
	height:550px;
}

.story_box05 h3{
	padding-bottom:25px;
}

.story_box05 p{
	line-height: 23px;
	font-size: 14px;
}



/* キャラクター部分 
---------------------------------------------*/


/* 2段-------------------------------*/
.chara_part01{
	width:415px;
	height:280px;
	margin-top:25px;
	margin-left:25px;
	background-image: url(../img/back01.gif);
	background-repeat: repeat;
	background-color:#333;
}


/* 1段-------------------------------*/
.chara_part02{
	width:415px;
	height:170px;
	margin-top:25px;
	margin-left:25px;
	background-image: url(../img/back01.gif);
	background-repeat: repeat;
	background-color:#333;
}


/* 護廷十三隊用-------------------------------*/
.chara_part03{
	width:855px;
	height:835px;
	margin-top:25px;
	margin-left:25px;
	margin-bottom:25px;
	background-image: url(../img/back01.gif);
	background-repeat: repeat;
	background-color:#333;
	clear:both;
}

/* 破面用-------------------------------*/
.chara_part04{
	width:855px;
	height:740px;
	margin-top:25px;
	margin-left:25px;
	margin-bottom:25px;
	background-image: url(../img/back01.gif);
	background-repeat: repeat;
	background-color:#333;
	clear:both;
}

h4{
	padding-top:10px;
}

.chara_part01 ul{
	clear:both;
	list-style-type:none;
	padding: 0px;
	margin: 0px;
}

.chara_part01 li{
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
	padding-bottom:15px;
}

.chara_part02 ul{
	clear:both;
	list-style-type:none;
	padding: 0px;
	margin: 0px;
}

.chara_part02 li{
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
	padding-bottom:15px;
}

.gotei_box{
	float:left;
	list-style-type:none;
	padding: 0px;
	margin: 0px;
}

.gotei01{
	padding-left:10px;
	padding-right:15px;
	padding-top:15px;
}

.gotei02{
	padding-left:10px;
	padding-right:15px;
	padding-top:10px;
}

.gotei_part{
	width:855px;
	clear:both;
}

.gotei03{
	padding-left:10px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:20px;
}


#chara_migi{
	width:440px;	
	margin-bottom:25px;
	float:left;
}

#chara_hidari{
	width:440px;
	margin-bottom:25px;
	float:left
}

#espada_hidari{
	width:440px;
	float:left;
}

#espada_migi{
	width:415px;
	float:left;
}

#aizen_box{
	width:415px;
	height:120px;
}

#espada_box{
	width:415px;
	height:400px;
}

#espada_box01{
	width:415px;
	height:520px;
}

#espada_box02{
	width:415px;
	height:160px;
}

h5{
	padding-left:10px;
	padding-top:10px;
}


.chara_part04 ul{
	clear:both;
	list-style-type:none;
	padding: 0px;
	margin: 0px;
}

.chara_part04 li{
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
	padding-bottom:15px;
}

/* 試し読み部分 
---------------------------------------------*/
h2{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFF;
	clear:both;
	margin-top:10px;
}

.comic_box{
	width:860px;
	height:213px;
	margin-top:20px;
	margin-left:20px;
}

.comic_banner{
	width:860px;
	height:70px;
	margin-top:20px;
	margin-left:20px;
}

.info_moji{
	font-size: 15px;
	line-height: 18px;
	color:#FF0;
	text-align:right;
	padding-right:15px;
	float:left;
}

.comic_box01{
	width:860px;
	height:213px;
	margin-top:20px;
	margin-left:20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
}

.title{
	font-size: 11px;
	padding-bottom:10px;
	color: #FFF;
}

.comic{
	float:left;
	width:110px;
	text-align:left;
}

.comic01{
	float:left;
	width:90px;
	text-align:left;
}

.cover{
	height:143px;
}

.btn_ichi{
	padding-top:10px;
}

.midashi{
	padding-top:10px;
}

a.rollover_btn_try {
  display: block;
  overflow: hidden;
  text-align: left;
  position: relative;
  width: 90px;
  height: 20px;
}

a.rollover_btn_try:hover img {
  position: relative;
  top: -20px;
}

a.rollover_btn_navi {
  display: block;
  overflow: hidden;
  text-align: left;
  position: relative;
  width: 200px;
  height: 52px;
}

a.rollover_btn_navi:hover img {
  position: relative;
  top: -52px;
}