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


.gmain{
	position:relative;
	top:-8px;
}

/*-------------------------------------------------- top */
.kaisetsu_ichiran_bk{
	background:url(../img/kaisetsu_ichiran_bk.jpg) top center no-repeat;
}

.kaisetsu_ichiran_bk_en{
	background:url(../img/kaisetsu_ichiran_bk_en.jpg) top center no-repeat;
}

.set{
    clear: left;
	margin:0 auto 0 auto;
    padding-top: 40px;

}

.set_en{
    clear: left;
	margin:0 auto 0 auto;
    padding-top: 35px;

}


.listcat{
    margin: 0 auto 5px auto;
}

.listitem{
    width: 165px;
    float: left;
    text-align: center;
    margin: 0 0 0 30px;
    font-size:14px;
    line-height: 1.2em;
}
.listitem img{

}

.pagebottom{
	 margin-bottom:40px;
}

.move_top{
    margin-right: 41px;
}

.item2{
    width: 400px;
}
.item4{
    width: 800px;
}

.cl_b{
    clear: both;
}

/*-------------------------------------------------- ka */

.area_view{
	background:url(../img/kaisetu_bk_up.jpg) top center no-repeat;
}

.ka_title{
	margin-top:35px;
    margin-bottom: 45px;
}

.itemlist{
    list-style:none;
    margin: 50px auto 50px auto;

}

.itemlist li{
    display: inline;
    margin: 0 2px;
}
.itemlist a{
    font-size:14px;
    color:#f8f8f8;
    text-decoration: none;
    
	background-color: #000;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding:2px 10px;
    
}
.itemlist a:hover{
    text-decoration: underline;
}


.ka_navi{
	margin:0 135px 0 0;
	float:right;
	font-size:0;
	line-height:0;
}

.ka_navi img{

}

.ico{
	float:left;
}

.bt_vol,
.bt_move{
    cursor: pointer;
}
.bt_1st{
	display:block;
	float:left;
	margin-left:10px;
    height: 37px;
    width: 37px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../img/sa_bt_1st.png) no-repeat 0 0;
}

.bt_2nd{
	display:block;
	float:left;
	margin-left:10px;
    height: 37px;
    width: 37px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../img/sa_bt_2nd.png) no-repeat 0 -37px;
}

.bt_3rd{
	display:block;
	float:left;
	margin-left:10px;
    height: 37px;
    width: 37px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../img/sa_bt_3rd.png) no-repeat 0 -37px;
}

.bt_omote{
	display:block;
	float:left;
	margin-left:10px;
    height: 37px;
    width: 37px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../img/sa_bt_omote.png) no-repeat 0 0;
}

.bt_ura{
	display:block;
	float:left;
	margin-left:10px;
    height: 37px;
    width: 37px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../img/sa_bt_ura.png) no-repeat 0 -37px;
}

.showdetail{
	text-align:right;
	cursor:pointer;
	margin: 20px 0 0 550px;
	width:60px;
	
	background-color: #333;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
    border-radius: 9px;
    padding: 3px 12px;
	color:#fff;
}

.detailtex{
	display:none;
}


.mb0{
    margin-bottom: 0;
}
/*--------------------------------------------------*/
.btline_0001{
	margin-top:13px;
}
.btline_0009 {
    margin-top: 23px;
}
.btline_0013 {
    margin-top: 7px;
}
/*-------------------------------------------------- page*/
.view_page{
	clear:both;
	position:relative;
	height:540px;
	width:900px;
}

.view_page .controll,
.view_page .stage,
.view_page .bt_l,
.view_page .bt_r,
.view_page .disp{
	position:absolute;
}

.view_page .stage{
	left:125px;
	top:0;
}


.view_page .bt_l{
	
	display:block;
    height: 41px;
    width: 41px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../img/sa_bt_l.png) no-repeat 0 0;
	left:72px;
	top:229px;
}

.view_page .bt_r{
	display:block;
    height: 41px;
    width: 41px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../img/sa_bt_r.png) no-repeat 0 0;
	left:790px;
	top:229px;
}

.view_page .disp{
    font-family: Consolas, 'Courier New', Courier, Monaco, monospace;
    left: 415px;
    top: 502px;
	background-color: #000000;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	padding:5px 20px;
	color:#fff;
}
/*-------------------------------------------------- roll*/
.view_roll{
	clear:both;
	position:relative;
	height:493px;
	width:900px;
    left:0;
    top:0;
}

.view_roll .controll,
.view_roll .stage,
.view_roll .bt_l,
.view_roll .bt_r{
	position:absolute;
}

.view_roll .stage{
	left:0;
	top:0;
    position: relative;
    width: 655px;
}

.roll_cover_l{
    position: absolute;
    width: 10px;
    height: 493px;
    left: 0;
    top: 0;
    z-index: 1;
    pointer-events: none;
}
.roll_cover_r{
    position: absolute;
    width: 10px;
    height: 493px;
    left: 645px;
    top: 0;
    z-index: 1;
    pointer-events: none;
}
.roll_cover_t{
    position: absolute;
    width: 635px;
    height: 10px;
    left: 10px;
    top: 0;
    z-index: 1;
    pointer-events: none;
}
.roll_cover_t img{
    vertical-align: top;
}
.roll_cover_b{
    position: absolute;
    width: 635px;
    height: 10px;
    left: 10px;
    top: 483px;
    z-index: 1;
    pointer-events: none;
}
.roll_cover_b img{
    vertical-align: top;
}

.view_roll .controll{
    left:0;
    top:0;
}

.view_roll .bt_l{
	display:block;
    height: 41px;
    width: 41px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../img/sa_bt_l.png) no-repeat 0 0;
	left:-50px;
	top:229px;
}

.view_roll .bt_r{
	display:block;
    height: 41px;
    width: 41px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../img/sa_bt_r.png) no-repeat 0 0;
	left:663px;
	top:229px;
}

.loading{
    /**/
    position: absolute;
    
    margin:0 0 0 0;
    left: 320px;;
    top:240px;
    
}

.roll{
    line-height: 0;
    font-size: 0;
    /*
    visibility: hidden;
    */
}

.navigater{
    position: relative;
    width: 597px;
    height: 63px;
    margin: 5px 0 5px 155px;
}
.guide_roll{
    position: absolute;
    width: 597px;
    height: 63px;
}
.guide_slider{
    position: absolute;
    width: 564px;
    height: 47px;
    left: 20px;
    top: 8px;
    /*
    background-color: aquamarine;
    */

}
.slider_img{
    position: absolute;
    width: 58px;
    height: 47px;
    left:0;
    top:0;
    cursor: pointer;
}
/*--------------------------------------------------*/
.area_data{
	background:url(../img/kaisetu_bk_down.jpg) bottom center no-repeat;
	font-size:12px;
	line-height: 1.6em;
	text-align:left;
	width:654px;
}

.area_data dl{
	padding:0 20px;
}

.area_data dt{
	font-weight: bold;
}

.area_data p{
    text-align: justify;
	margin-top:25px;
	font-weight: bold;
	padding:0 20px;
}

.jumptex{
    color: cadetblue;
    cursor: pointer;
}

.area_data .pimg{
    margin: 25px auto 0 auto;
    width: auto;
}

.list_ul{
    list-style: none;
	padding:10px 40px 0 40px;
}

.list_ul li{ /*酒呑童子絵巻粉本以外は変化なし*/
    padding-left: 3em;
    text-indent: -3em;
	margin:1px 0;
}
.list_ul_id12{ /*絵師草紙用*/
    list-style: none;
	padding:10px 20px 0 20px;
}
.list_ul_id12 li{ /*絵師草紙用*/
    padding-left: 5em;
    text-indent: -5em;
	margin:1px 0;
}

.bt_move_page{
	margin:60px 0 0 0;
}

.bt_move_page ul{
	list-style:none;
}

.bt_ichiran{
	position: relative;	
	width: 217px;
	height: 34px;
}
.bt_ichiran a{
	position: absolute;
	background: url(../img/ka_bt_ichiran.png) 0 0 no-repeat;
	text-indent: -9999px;
	width: 217px;
	height: 34px;
	left: 0;
	top: 0;
}
.bt_ichiran a:hover{
	background: url(../img/ka_bt_ichiran.png) 0 -34px no-repeat;
}

/*------------------------------------------------------ */
.bt_st0001{
	margin-top: 10px;
	position: relative;	
	width: 267px;
	height: 34px;
}
.bt_st0001 a{
	position: absolute;
	background: url(../img/ka/ka0001_bt_st.png) 0 0 no-repeat;
	text-indent: -9999px;
	width: 267px;
	height: 34px;
	left: 0;
	top: 0;
}
.bt_st0001 a:hover{
	background: url(../img/ka/ka0001_bt_st.png) 0 -34px no-repeat;
}
.bt_st0002{
	margin-top: 10px;
	position: relative;	
	width: 267px;
	height: 34px;
}
.bt_st0002 a{
	position: absolute;
	background: url(../img/ka/ka0002_bt_st.png) 0 0 no-repeat;
	text-indent: -9999px;
	width: 267px;
	height: 34px;
	left: 0;
	top: 0;
}
.bt_st0002 a:hover{
	background: url(../img/ka/ka0002_bt_st.png) 0 -34px no-repeat;
}
.bt_st0003{
	margin-top: 10px;
	position: relative;	
	width: 309px;
	height: 34px;
}
.bt_st0003 a{
	position: absolute;
	background: url(../img/ka/ka0003_bt_st.png) 0 0 no-repeat;
	text-indent: -9999px;
	width: 309px;
	height: 34px;
	left: 0;
	top: 0;
}
.bt_st0003 a:hover{
	background: url(../img/ka/ka0003_bt_st.png) 0 -34px no-repeat;
}
.bt_st0004{
	margin-top: 10px;
	position: relative;	
	width: 267px;
	height: 34px;
}
.bt_st0004 a{
	position: absolute;
	background: url(../img/ka/ka0004_bt_st.png) 0 0 no-repeat;
	text-indent: -9999px;
	width: 267px;
	height: 34px;
	left: 0;
	top: 0;
}
.bt_st0004 a:hover{
	background: url(../img/ka/ka0004_bt_st.png) 0 -34px no-repeat;
}
.bt_st0005{
	margin-top: 10px;
	position: relative;	
	width: 309px;
	height: 34px;
}
.bt_st0005 a{
	position: absolute;
	background: url(../img/ka/ka0005_bt_st.png) 0 0 no-repeat;
	text-indent: -9999px;
	width: 309px;
	height: 34px;
	left: 0;
	top: 0;
}
.bt_st0005 a:hover{
	background: url(../img/ka/ka0005_bt_st.png) 0 -34px no-repeat;
}
.bt_st0006{
	margin-top: 10px;
	position: relative;	
	width: 267px;
	height: 34px;
}
.bt_st0006 a{
	position: absolute;
	background: url(../img/ka/ka0006_bt_st.png) 0 0 no-repeat;
	text-indent: -9999px;
	width: 267px;
	height: 34px;
	left: 0;
	top: 0;
}
.bt_st0006 a:hover{
	background: url(../img/ka/ka0006_bt_st.png) 0 -34px no-repeat;
}
.bt_st0007{
	margin-top: 10px;
	position: relative;	
	width: 267px;
	height: 34px;
}
.bt_st0007 a{
	position: absolute;
	background: url(../img/ka/ka0007_bt_st.png) 0 0 no-repeat;
	text-indent: -9999px;
	width: 267px;
	height: 34px;
	left: 0;
	top: 0;
}
.bt_st0007 a:hover{
	background: url(../img/ka/ka0007_bt_st.png) 0 -34px no-repeat;
}
.bt_st0008{
	margin-top: 10px;
	position: relative;	
	width: 255px;
	height: 34px;
}
.bt_st0008 a{
	position: absolute;
	background: url(../img/ka/ka0008_bt_st.png) 0 0 no-repeat;
	text-indent: -9999px;
	width: 255px;
	height: 34px;
	left: 0;
	top: 0;
}
.bt_st0008 a:hover{
	background: url(../img/ka/ka0008_bt_st.png) 0 -34px no-repeat;
}
.bt_st0009{
	margin-top: 10px;
	position: relative;	
	width: 309px;
	height: 34px;
}
.bt_st0009 a{
	position: absolute;
	background: url(../img/ka/ka0009_bt_st.png) 0 0 no-repeat;
	text-indent: -9999px;
	width: 309px;
	height: 34px;
	left: 0;
	top: 0;
}
.bt_st0009 a:hover{
	background: url(../img/ka/ka0009_bt_st.png) 0 -34px no-repeat;
}
.bt_st0010{
	margin-top: 10px;
	position: relative;	
	width: 255px;
	height: 34px;
}
.bt_st0010 a{
	position: absolute;
	background: url(../img/ka/ka0010_bt_st.png) 0 0 no-repeat;
	text-indent: -9999px;
	width: 255px;
	height: 34px;
	left: 0;
	top: 0;
}
.bt_st0010 a:hover{
	background: url(../img/ka/ka0010_bt_st.png) 0 -34px no-repeat;
}
.bt_st0011{
	margin-top: 10px;
	position: relative;	
	width: 238px;
	height: 34px;
}
.bt_st0011 a{
	position: absolute;
	background: url(../img/ka/ka0011_bt_st.png) 0 0 no-repeat;
	text-indent: -9999px;
	width: 238px;
	height: 34px;
	left: 0;
	top: 0;
}
.bt_st0011 a:hover{
	background: url(../img/ka/ka0011_bt_st.png) 0 -34px no-repeat;
}
.bt_st0012{
	margin-top: 10px;
	position: relative;	
	width: 255px;
	height: 34px;
}
.bt_st0012 a{
	position: absolute;
	background: url(../img/ka/ka0012_bt_st.png) 0 0 no-repeat;
	text-indent: -9999px;
	width: 255px;
	height: 34px;
	left: 0;
	top: 0;
}
.bt_st0012 a:hover{
	background: url(../img/ka/ka0012_bt_st.png) 0 -34px no-repeat;
}
.bt_st0013{
	margin-top: 10px;
	position: relative;	
	width: 255px;
	height: 34px;
}
.bt_st0013 a{
	position: absolute;
	background: url(../img/ka/ka0013_bt_st.png) 0 0 no-repeat;
	text-indent: -9999px;
	width: 255px;
	height: 34px;
	left: 0;
	top: 0;
}
.bt_st0013 a:hover{
	background: url(../img/ka/ka0013_bt_st.png) 0 -34px no-repeat;
}
.bt_st0014{
	margin-top: 10px;
	position: relative;	
	width: 277px;
	height: 34px;
}
.bt_st0014 a{
	position: absolute;
	background: url(../img/ka/ka0014_bt_st.png) 0 0 no-repeat;
	text-indent: -9999px;
	width: 277px;
	height: 34px;
	left: 0;
	top: 0;
}
.bt_st0014 a:hover{
	background: url(../img/ka/ka0014_bt_st.png) 0 -34px no-repeat;
}
/*---------------------------*/

.bt_move_ref{
	clear:left;
	position: relative;	
	width: 306px;
	height: 82px;
	margin-top:50px;
	padding-bottom:50px;
}
.bt_move_ref a{
	position: absolute;
	background: url(../img/ka_bt_ref.png) 0 0 no-repeat;
	text-indent: -9999px;
	width: 306px;
	height: 82px;
	left: 0;
	top: 0;
	
}

.mb50{
    margin-bottom: 50px;
}