@charset "UTF-8";


/*-----pages header background-----*/
#golden_bg{ background: #fff url("../golden/img/golden_bg.gif") repeat-x; background-position: 0px 5px; }
#lemon_bg { background: #fff url("../lemon/img/lemon_bg.gif") repeat-x; background-position: 0px 5px; }
#takase_bg{ background: #fff url("../takasefune/img/takase_bg.gif") repeat-x; background-position: 0px 5px; }
#magic_bg{ background: #fff url("../magic/img/magic_bg.gif") repeat-x; background-position: 0px 5px; }
#fumiko_bg{ background: #fff url("../fumiko/img/fumiko_bg.gif") repeat-x; background-position: 0px 5px; }
#goodbye_bg{ background: #fff url("../goodbye/img/goodbye_bg.gif") repeat-x; background-position: 0px 5px; }
/*-----//pages header background-----*/

/*-----pages header photo-----*/
#goldenPhoto{ height: 380px; text-indent:-9999px; background: url("../golden/img/golden_headphoto.jpg") no-repeat; }
#lemonPhoto{ height: 380px; text-indent:-9999px; background: url("../lemon/img/lemon_headphoto.jpg") no-repeat; }
#takasePhoto{ height: 380px; text-indent:-9999px; background: url("../takasefune/img/takase_headphoto.jpg") no-repeat; }
#magicPhoto{ height: 380px; text-indent:-9999px; background: url("../magic/img/magic_headphoto.jpg") no-repeat; }
#fumikoPhoto{ height: 380px; text-indent:-9999px; background: url("../fumiko/img/fumiko_headphoto.jpg") no-repeat; }
#goodbyePhoto{ height: 380px; text-indent:-9999px; background: url("../goodbye/img/goodbye_headphoto.jpg") no-repeat; }
#goodbyePhoto2{ height: 380px; text-indent:-9999px; background: url("../goodbye/img/goodbye_headphoto2.jpg") no-repeat; }
/*-----//pages header photo-----*/
/*-----//header logo,nav & photo-----*/



/*********************************************Pages Content Block*******************************************/
.contentBlock{
	margin-left: 20px;
	width: 940px;
}
.left{
	border-right:1px dotted #CCC;
	width: 468px;
}

.right{
	width: 448px;
}


/*----- pages main -----*/
.act01 {
	width: 448px;
	margin-bottom:20px;
}
.act02 {
	width: 448px;
	margin-bottom:20px
}

.comment { width: 421px; padding:20px 10px 5px 17px; background: url("../img/pages_comment_bg.gif") repeat-y; border-bottom:1px solid #000; line-height:100%;}


.act01 a, .act02 a{ display: block; width: 448px; height: 150px; }
/*----------------Actor-------------------*/

/*Golden*/
.act01 .photo_golden { background: url("../golden/img/act_golden01-on.jpg") no-repeat; text-indent:-9999px;}
.act01 .photo_golden a{ background: url("../golden/img/act_golden01.jpg") no-repeat;}
.act01 .photo_golden a:hover{ background: url("../golden/img/act_golden01-on.jpg") no-repeat;}

.act02 .photo_golden { background: url("../golden/img/act_golden02-on.jpg") no-repeat; text-indent:-9999px;}
.act02 .photo_golden a{ background: url("../golden/img/act_golden02.jpg") no-repeat;}
.act02 .photo_golden a:hover{ background: url("../golden/img/act_golden02-on.jpg") no-repeat;}

/*Lemon*/
.act01 .photo_lemon { background: url("../lemon/img/act_lemon-on.jpg") no-repeat; text-indent:-9999px;}
.act01 .photo_lemon a{ background: url("../lemon/img/act_lemon.jpg") no-repeat;}
.act01 .photo_lemon a:hover{ background: url("../lemon/img/act_lemon-on.jpg") no-repeat;}

/*Takase*/
.act01 .photo_takase { background: url("../takasefune/img/act_takase-on.jpg") no-repeat; text-indent:-9999px;}
.act01 .photo_takase a{ background: url("../takasefune/img/act_takase.jpg") no-repeat;}
.act01 .photo_takase a:hover{ background: url("../takasefune/img/act_takase-on.jpg") no-repeat;}

/*Magic*/
.act01 .photo_magic { background: url("../magic/img/act_magic-on.jpg") no-repeat; text-indent:-9999px;}
.act01 .photo_magic a{ background: url("../magic/img/act_magic.jpg") no-repeat;}
.act01 .photo_magic a:hover{ background: url("../magic/img/act_magic-on.jpg") no-repeat;}

/*Fumiko*/
.act01 .photo_fumiko { background: url("../fumiko/img/act_fumiko-on.jpg") no-repeat; text-indent:-9999px;}
.act01 .photo_fumiko a{ background: url("../fumiko/img/act_fumiko.jpg") no-repeat;}
.act01 .photo_fumiko a:hover{ background: url("../fumiko/img/act_fumiko-on.jpg") no-repeat;}

/*Goodbye*/
.act01 .photo_goodbye { background: url("../goodbye/img/act_goodbye01-on.jpg") no-repeat; text-indent:-9999px;}
.act01 .photo_goodbye a{ background: url("../goodbye/img/act_goodbye01.jpg") no-repeat;}
.act01 .photo_goodbye a:hover{ background: url("../goodbye/img/act_goodbye01-on.jpg") no-repeat;}

.act02 .photo_goodbye { background: url("../goodbye/img/act_goodbye02-on.jpg") no-repeat; text-indent:-9999px;}
.act02 .photo_goodbye a{ background: url("../goodbye/img/act_goodbye02.jpg") no-repeat;}
.act02 .photo_goodbye a:hover{ background: url("../goodbye/img/act_goodbye02-on.jpg") no-repeat;}
/*-----------------------------------*/


.caststaff {
	width: 448px;
	padding-top:30px;
}

.caststaff table { margin-bottom: 15px; }
.caststaff td { vertical-align:top; }
.caststaff td.csLeft { width:3em; }
.caststaff td.cs2nd { width:6em; }
.caststaff td.csCenter { width:2em; text-align:center; }


/*----------------Novelist-------------------*/
/*Golden*/
.caststaff .title_golden { width: 448px; height: 22px; background: url("../golden/img/novelist_golden.gif") no-repeat; border-bottom:1px solid #999; text-indent:-9999px; }
/*Lemon*/
.caststaff .title_lemon { width: 448px; height: 22px; background: url("../lemon/img/novelist_lemon.gif") no-repeat; border-bottom:1px solid #999; text-indent:-9999px; }
/*Takase*/
.caststaff .title_takase { width: 448px; height: 22px; background: url("../takasefune/img/novelist_takase.gif") no-repeat; border-bottom:1px solid #999; text-indent:-9999px; }
/*Magic*/
.caststaff .title_magic { width: 448px; height: 22px; background: url("../magic/img/novelist_magic.gif") no-repeat; border-bottom:1px solid #999; text-indent:-9999px; }
/*Fumiko*/
.caststaff .title_fumiko { width: 448px; height: 22px; background: url("../fumiko/img/novelist_fumiko.gif") no-repeat; border-bottom:1px solid #999; text-indent:-9999px; }
/*Goodbye*/
.caststaff .title_goodbye { width: 448px; height: 22px; background: url("../goodbye/img/novelist_goodbye.gif") no-repeat; border-bottom:1px solid #999; text-indent:-9999px; }
/*----------------Novelist-------------------*/


.caststaff .cast { width: 360px; padding:20px 10px 0px 78px; background: url("../img/novelist_cast.gif") no-repeat; }
.caststaff .staff { width: 360px; padding:20px 10px 0px 78px; background: url("../img/novelist_staff.gif") no-repeat; }

/*-----Novelist_btn-----*/
ul#novel_btn {
	list-style:none;
	height:16px;
	margin-top: 4px;
	float: right;
	width:100px;
}
 
	ul#novel_btn li {
		display:inline;
	}
			
	ul#novel_btn li a {
		height:16px;
		float:left;
		text-indent:-9999px;
	}
				
	ul#novel_btn li#novel a { background: url("../img/novelist_btn.gif") no-repeat; width: 100px;}	
	ul#novel_btn li#novel a:hover { background-position:0px -16px; }
/*-----//Novelist_btn-----*/


.story {
	width: 448px;
}
.story p{
	line-height: 1.5em;
	text-indent: 1em;
}

.storyBoard { width: 448px; height: 30px; margin-bottom:10px; background: url("../img/storyboard.gif") no-repeat; text-indent:-9999px;}

#storyBoardArea{
	width:448px;
	margin-bottom: 10px;
}
.storyBoard2 { width: 148px; height: 30px; margin-bottom:10px; background: url("../img/storyboard.gif") no-repeat; text-indent:-9999px; float: left;}

a.btnMovie{
	width: 145px;
	height:30px;
	float:right;
	margin: 0 0 0 0;
	background-image:url(../img/btnMovie.gif);
	text-indent:-9999px;
}
a.btnMovie:hover{
	background-image:url(../img/btnMovie_on.gif);
}


/*----------------story Photo-------------------*/

/*Golden*/
.storyPhoto_golden { width: 431px; height: 220px; margin-top:40px; padding-bottom:20px; background: url("../golden/img/storyphoto_golden.jpg") no-repeat;}
/*Lemon*/
.storyPhoto_lemon { width: 431px; height: 220px; margin-top:40px; padding-bottom:20px; background: url("../lemon/img/storyphoto_lemon.jpg") no-repeat;}
/*Takase*/
.storyPhoto_takase { width: 431px; height: 220px; margin-top:40px; padding-bottom:20px; background: url("../takasefune/img/storyphoto_takase.jpg") no-repeat;}
/*Magic*/
.storyPhoto_magic { width: 431px; height: 220px; margin-top:40px; padding-bottom:20px; background: url("../magic/img/storyphoto_magic.jpg") no-repeat;}
/*Fumiko*/
.storyPhoto_fumiko { width: 431px; height: 220px; margin-top:40px; padding-bottom:20px; background: url("../fumiko/img/storyphoto_fumiko.jpg") no-repeat;}
/*Goodbye*/
.storyPhoto_goodbye { width: 431px; height: 220px; margin-top:40px; padding-bottom:20px; background: url("../goodbye/img/storyphoto_goodbye.jpg") no-repeat;}
/*----------------story Photo-------------------*/


/*-----story Photo_btn-----*/
ul#storyPhoto_btn {
	list-style:none;
	height:16px;
	margin-top: 213px;
	float: right;
	width:50px;
}
 
	ul#storyPhoto_btn li {
		display:inline;
	}
			
	ul#storyPhoto_btn li a {
		height:16px;
		float:left;
		text-indent:-9999px;
	}
				
	ul#storyPhoto_btn li#more a { background: url("../img/more_btn.gif") no-repeat; width: 50px;}	
	ul#storyPhoto_btn li#more a:hover { background-position:0px -16px;}
/*-----//story Photo_btn-----*/


/*----- foot navi -----*/
#foot_navi {
	overflow: hidden;
	height:50px;
	width:980px;
	/*margin-left: 8px;*/
	padding-top:15px;
	border-top:1px dotted #CCC;
}

/*-----Navigation-----*/
ul#footnav {
	list-style:none;
	height:40px;
	width:980px;
}
 
	ul#footnav li {
		display:inline;
	}
			
	ul#footnav li a {
		height:40px;
		float:left;
		text-indent:-9999px;
		margin-left:9px;
	}
	
	/*Home*/
	ul#footnav li#home a { background: url("../img/pages_btn_home.gif") no-repeat; width: 40px; }
	ul#footnav li#home .current, ul#footnav li#home a:hover { background-position:0px -40px; }
	/*Golden*/
	ul#footnav li#golden a { background: url("../img/pages_btn_golden.gif") no-repeat; width: 138px; }
	ul#footnav li#golden .current, ul#footnav li#golden a:hover { background-position:0px -40px; }
	/*Lemon*/
	ul#footnav li#lemon a { background: url("../img/pages_btn_lemon.gif") no-repeat; width: 142px; }
	ul#footnav li#lemon .current, ul#footnav li#lemon a:hover { background-position:0px -40px; }
	/*Takase*/
	ul#footnav li#takase a { background: url("../img/pages_btn_takase.gif") no-repeat; width: 118px; }
	ul#footnav li#takase .current, ul#footnav li#takase a:hover { background-position:0px -40px; }
	/*Magic*/
	ul#footnav li#magic a { background: url("../img/pages_btn_magic.gif") no-repeat; width: 142px; }
	ul#footnav li#magic .current, ul#footnav li#magic a:hover { background-position:0px -40px; }
	/*Fumiko*/
	ul#footnav li#fumiko a { background: url("../img/pages_btn_fumiko.gif") no-repeat; width: 151px; }
	ul#footnav li#fumiko .current, ul#footnav li#fumiko a:hover { background-position:0px -40px; }
	/*Goodbye*/
	ul#footnav li#goodbye a { background: url("../img/pages_btn_goodbye.gif") no-repeat; width: 181px; }
	ul#footnav li#goodbye .current, ul#footnav li#goodbye a:hover { background-position:0px -40px; }
/*-----//Navigation-----*/
/*----- //foot navi -----*/


/*========================== New window ==========================*/

/*-----novelist-----*/
#novelist_bg{ background: #fff url("../img/novelist_bg.jpg");}
#subContainer{ width: 520px; height: 460px; margin: 0px;}
#subContainer p{ text-indent:-9999px;}
/*-----jpg-----*/
#novelist_dazai{ width: 520px; height: 450px; background: url("../golden/img/novelist_dazai.jpg") no-repeat; }
#novelist_kajii{ width: 520px; height: 450px; background: url("../lemon/img/novelist_kajii.jpg") no-repeat; }
#novelist_mori{ width: 520px; height: 450px; background: url("../takasefune/img/novelist_mori.jpg") no-repeat; }
#novelist_akutagawa{ width: 520px; height: 450px; background: url("../magic/img/novelist_akutagawa.jpg") no-repeat; }
#novelist_tanizaki{ width: 520px; height: 450px; background: url("../fumiko/img/novelist_tanizaki.jpg") no-repeat; }
/*-----//jpg-----*/

/*-----close-----*/
ul#novelist {
	position: relative;
	list-style:none;
	height:0px;
	padding: 430px 0 0 245px;
	width:275px;
}
 
	ul#novelist li {
		display:inline;
	}
			
	ul#novelist li a {
		height:17px;
		float:left;
		text-indent:-9999px;
	}
				
	ul#novelist li#close a { background: url("../img/novelist_close.jpg") center top no-repeat; width: 60px;}
/*-----//close-----*/
/*-----//novelist-----*/


/*----- SWF photo album -----*/
#album_bg{ background: #000 url("../img/album_bg.jpg") repeat-x; }
#album {
	background-color:#000;
	width:730px;
	overflow: hidden;
	margin: 0 auto 0;
}
/*----- SWF photo album -----*/