@charset "UTF-8";

/*----------common----------*/

html, body {
	margin: 0px;
	padding: 0px;
	
}

body {
	font: 12px/1.8em Helvetica, Arial, sans-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333333;
	text-align: center;
}

a {
	color: #00a0e9;
	outline: none;
}
a:hover{
	color: #43C2E9;
	outline: none;
}
.bold {
	font-weight: bold;
}

#header {
	
	display: none;
}
#footer #eirin {
	width: 995px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

#footer {
	width: 1030px;
	clear: both;
	float: none;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
}

#banner {
	text-align: left;
	padding: 10px 0px 10px 15px;
}
#banner img {
	padding-right: 13px;
}
h2 {
	float: left;
	display: block;
}
h3 {
	color: #00a0e9;
	font-weight: bold;
	font-size: 14px;
	margin: 0px;
	padding: 0px 0px 5px;
	line-height: 1em;
}

.display_no {
	display: none;
}

#wrapper {
	background: url(../images/bg.jpg) no-repeat center top;
	width: 960px;
	text-align: left;
	clear: both;
	padding: 20px;
	border: 1px solid #CCCCCC;
	height: 680px;
	margin: 10px auto 0px;
}

#main {
	float: right;
	width: 708px;
	height: 558px;
	background: #FFFFFF;
	padding: 20px;
	border: 1px solid #CCCCCC;
	overflow: auto;
	margin: 77px 0px 0px;
	scrollbar-face-color: #00ABEB;
	　　scrollbar-track-color: #ffffff;
	　　scrollbar-arrow-color: #ffffff;
	　　scrollbar-highlight-color: #7fd5f5;
	　　scrollbar-shadow-color: #00ABEB;
	　　scrollbar-3dlight-color: #ffffff;
	　　scrollbar-darkshadow-color: #ffffff;
}


#left {
	width: 200px;
	float: left;
	position: relative;
}

/*メニュー*/
#top #menu {
	width: 200px;
	height: 690px;
	margin-left: 20px;
}
#menu {
	width: 200px;
	height: 690px;
	margin-left: 0px;
}
#menu #news_btn a {
	background: url(../images/menu_news.gif) no-repeat left top;
}
#menu #news_btn a:hover{
	background: url(../images/menu_news.gif) no-repeat left -17px;	
}
#menu #intro a {
	background: url(../images/menu_intro.gif) no-repeat left top;
}
#menu #intro a:hover{
	background: url(../images/menu_intro.gif) no-repeat left -17px;	
}
#menu #story a {
	background: url(../images/menu_story.gif) no-repeat left top;	
}
#menu #story  a:hover{
	background: url(../images/menu_story.gif) no-repeat left -17px;	
}
#menu #characters a {
	background: url(../images/menu_characters.gif) no-repeat left top;	
}
#menu #characters a:hover {
	background: url(../images/menu_characters.gif) no-repeat left -17px;	
}
#menu #staff a {
	background: url(../images/menu_staff.gif) no-repeat left top;	
}
#menu #staff a:hover {
	background: url(../images/menu_staff.gif) no-repeat left -17px;	
}
#menu #event a {
	background: url(../images/menu_event.gif) no-repeat left top;	
}
#menu #event a:hover {
	background: url(../images/menu_event.gif) no-repeat left -17px;	
}
#menu #movie a {
	background: url(../images/menu_movie.gif) no-repeat left top;	
}
#menu #movie a:hover {
	background: url(../images/menu_movie.gif) no-repeat left -17px;	
}
#menu #dvd a {
	background: url(../images/menu_dvd.gif) no-repeat left top;	
}
#menu #dvd a:hover {
	background: url(../images/menu_dvd.gif) no-repeat left -17px;	
}
#menu #goods a {
	background: url(../images/menu_goods.gif) no-repeat left top;	
}
#menu #goods a:hover {
	background: url(../images/menu_goods.gif) no-repeat left -17px;
		
}
#menu #blog a {
	background: url(../images/menu_blog.gif) no-repeat left top;
	width: 150px;		
}
#menu #blog a:hover {
	background: url(../images/menu_blog.gif) no-repeat left -17px;	
	width: 150px;	
}
#menu #special a {
	background: url(../images/menu_special.gif) no-repeat left top;	
	width: 150px;	
}
#menu #special a:hover {
	background: url(../images/menu_special.gif) no-repeat left -17px;	
}
#menu #ten-site a {
	background: url(../images/menu_10thsite.gif) no-repeat left top;	
	width: 150px;	
}
#menu #ten-site a:hover {
	background: url(../images/menu_10thsite.gif) no-repeat left -17px;	
}
#menu #top a {
	background: url(../images/menu_top.gif) no-repeat left top;
	width: 150px;		
}
#menu #top a:hover {
	background: url(../images/menu_top.gif) no-repeat left -17px;	
	width: 150px;	
}
#menu div a {
	display: block;
	height: 17px;
	width: 200px;
	margin: 0px;
	padding: 0px;
	line-height: 1em;
	text-indent: -9999px;
}

#menu div {
	margin: 0px;
	padding: 0px 0px 10px;
}

#menu div#banner_karikenji {
	height: 66px;
	width: 200px;
	margin: 0px;
	padding: 0px 0px 3px;
	display:none;
}
#menu div#banner_karikenji a {
	background: url(../images/banner_karikenji.gif) no-repeat left top;	
	height: 66px;
	width: 200px;
	margin: 0px;
	padding: 0px;
	line-height: 1em;
	text-indent: -9999px;
}
#menu div#banner_karikenji a:hover {
	background: url(../images/banner_karikenji.gif) no-repeat left -66px;	
}
#menu div#banner_natsuki {
	height: 80px;
	width: 200px;
	margin: 0px;
	padding: 0px 0px 3px;
	display:none;

}
#menu div#banner_natsuki a {
	background: url(../images/banner_natsuki.gif) no-repeat left top;	
	height: 80px;
	width: 200px;
	margin: 0px;
	padding: 0px;
	line-height: 1em;
	text-indent: -9999px;
}
#menu div#banner_natsuki a:hover {
	background: url(../images/banner_natsuki.gif) no-repeat left -80px;	
}
#menu div#banner_king {
	height: 86px;
	width: 200px;
	margin: 0px;
	padding: 0px 0px 3px;
	display:none;

}
#menu div#banner_king a {
	background: url(../images/banner_king.gif) no-repeat 5px top;
	height: 86px;
	width: 200px;
	margin: 0px;
	padding: 0px;
	line-height: 1em;
	text-indent: -9999px;
}
#menu div#banner_king a:hover {
	background: url(../images/banner_king.gif) no-repeat 5px -86px;	
}

/*メニューニュース*/
#news  {
	display: none;
}
#news #text {
	color: #04A2EA;
	font-size: 12px;
	float: none;
	padding-top: 5px;
	margin-left: 80px;
}
#news #text a {
	color: #04A2EA;
	font-size: 12px;
	
}


/*メインボックスヘッダー*/
#close_btn {
	float: right;
}
#main_head {
	clear: both;
	float: none;
	height: 30px;
}
#pagelink {
	float: right;
	font-size: 15px;
	line-height: 1em;
	padding-right: 20px;
	color: #00a0e9;
	font-weight: bold;
}
#pagelink span {
	margin-left: 10px;
}
#pagelink a {
	margin-left: 10px;
	color: #888888;
}
#pagelink a:hover {
	color: #00a0e9;
	text-decoration: none;
}
#movie #pagelink  {
	font-size: 12px;
	line-height: 1em;
}
#movie #pagelink span {
	margin-left: 0px;
}
#movie #pagelink a {
	margin-left: 0px;
	color: #888888;
}

/*トップ*/
#top #wrapper {
	background: url(../images/bg.jpg) no-repeat center top;
	width: 1000px;
	text-align: left;
	clear: both;
	padding: 20px 0px;
	border: 1px solid #CCCCCC;
	height: 680px;
	margin: 10px auto 0px;
}
*html #top #wrapper { background: url(../images/bg.jpg) no-repeat -2px top; }

#top #wrapper #main{
	float: right;
	width: 708px;
	border-style: none;
	margin: 0px;
	background: transparent;
	padding: 0px;
	height: 600px;
	position: relative;
}
#top #wrapper #main #kujira {
	float: right;
	padding: 360px 0px 0px;
	border-style: none;
	overflow: auto;
	margin: 0px;
	height: auto;
	width: auto;
	background: transparent url(../images/top_john.gif) no-repeat left bottom;
}
#top #wrapper #main #banner_line {
	position: absolute;
	top:352px;
	right: 9px;
}
#top #wrapper #main #banner_line a:hover{
	text-decoration: none;
	/*filter: alpha(opacity=50);*/
	-moz-opacity:0.5;
	opacity:0.5;
}
#top #wrapper #main #banner_summer {
	position: absolute;
	top:140px;
	right: 10px;
}
#top #wrapper #main #banner_summer a:hover{
	text-decoration: none;
	/*filter: alpha(opacity=50);*/
	-moz-opacity:0.5;
	opacity:0.5;
}

#top #wrapper #main #comment {
	height: 150px;
	background: url(../images/top_comment.gif) no-repeat 290px top;
	text-indent: -9999px;
	width: 688px;
	margin: 0px;
	padding: 0px 20px 0px 0px;
}


#top #wrapper #main #kujira a {
	height: 83px;
	width: 120px;
	display: block;
	text-indent: -9999px;
}
#top #wrapper #main #kinro {
	height: 200px;
	width: 250px;
	position: absolute;
	z-index: 10;
	left: 450px;
	top: 150px;
}
#top #wrapper #main #kinro a {
	height: 100%;
	width: 100%;
	text-indent: -9999px;
	display: block;
	background: url(../images/spacer.gif) repeat;
}
#top #wrapper #banner_kinro {
	position: absolute;
	left: 15px;
	top: 300px;
}

/*イントロダクション*/
#intro #wrapper #main p {
	margin: 0px;
	padding: 0px 0px 10px;
}
#intro #wrapper #main p  img {
	margin-right: 30px;
	border: 1px solid #CCCCCC;
}

/*ストーリー*/
#story #wrapper #main #main_head  {
	height: 42px;
}

#story #wrapper #main p {
	text-align: center;
	display: block;
	padding-top: 10px;
}
#story #wrapper #main .separator {
	color: #A2A2A2;
	padding-right: 5px;
	padding-left: 5px;
}
#story #wrapper #main #nextback {
    font-weight: bold;
	font-size: 14px;
	line-height: 1.3em;
}
/*ストーリーオズ*/
#story_oz #wrapper #main #main_head  {
	height: 55px;
}
#story_oz #wrapper #main #oz h3 {
	padding-bottom: 5px;
	padding-top: 0px;
}
#story_oz #wrapper #main #oz p {
	padding-bottom: 20px;
	padding-top: 0px;
}
#story_oz #wrapper #main .separator {
	color: #A2A2A2;
	padding-right: 5px;
	padding-left: 5px;
}
#story_oz #wrapper #main #nextback {
	font-weight: bold;
	font-size: 14px;
	line-height: 1.3em;
	text-align: center;
	padding-bottom: 20px;
}
#story_oz #wrapper #main #oz {
	padding-left: 300px;
	background: url(../story/images/story_oz.jpg) no-repeat left top;
}


/*キャラクター*/
#characters #wrapper #main {
	overflow: hidden;
}
#characters #wrapper #main #main_head  {
	height: 60px;
}
#characters #wrapper #main #kenji {
	padding-left: 230px;
	background: url(../images/kenji.gif) no-repeat left top;
	margin-top: 10px;
}
#characters #wrapper #main #natsuki {
	padding-left: 230px;
	background: url(../images/natsuki.gif) no-repeat left top;
	
	margin-top: 10px;
}
#characters #wrapper #main #sakae {
	padding-left: 230px;
	background: url(../images/sakae.gif) no-repeat left top;
	
	margin-top: 10px;
}
#characters #wrapper #main #kazuma {
	padding-left: 230px;
	background: url(../images/kazuma.gif) no-repeat left top;

	margin-top: 10px;
}
#characters #wrapper #main #wabisuke {
	padding-left: 225px;
	background: url(../images/wabisuke.gif) no-repeat left top;

	margin-top: 10px;
}
#characters  h3 {
	font-size: 32px;
	font-weight: bold;
	padding-bottom: 10px;
}
#characters #wrapper #main .gaiyou {
	font-weight: bold;
	height: 65px;
	font-size: 14px;
	line-height: 1.3em;
}
#characters #wrapper #main .yomi {
	height: 50px;
	color: #00a0e9;
}
#characters #wrapper #main #comingsoon {
	height: 200px;
	background: #eeeeee url(../images/cast_camingsoon.gif) no-repeat center center;
	margin: 10px 0px 0px;
}
#characters #wrapper #main #characterscomingsoon {
	height: 500px;
	background: #eeeeee url(../images/characters_camingsoon.gif) no-repeat center center;
	margin: 10px 0px 0px;
}
#characters #wrapper #main #kamiki {
	height: 220px;
	background: url(../images/cast_kamiki.jpg) no-repeat right top;
	margin: 10px 0px 0px;
	padding-right: 250px;
}
#characters #wrapper #main #kamiki p {
	height: 175px;
}
#characters #wrapper #main #sakuraba {
	height: 220px;
	background: url(../images/cast_sakuraba.jpg) no-repeat right top;
	margin: 10px 0px 0px;
	padding-right: 250px;
}
#characters #wrapper #main #sakuraba p {
	height: 175px;
}
#characters #wrapper #main #fuji {
	height: 220px;
	background: url(../images/cast_fuji.jpg) no-repeat right top;
	margin: 0px;
	padding-right: 250px;
}
#characters #wrapper #main #fuji p {
	height: 175px;
}
#characters #wrapper #main #tanimura {
	height: 220px;
	background: url(../images/cast_tanimura.jpg) no-repeat right top;
	margin: 10px 0px 0px;
	padding-right: 250px;
}
#characters #wrapper #main #tanimura p {
	height: 175px;
}
#characters #wrapper #main #saitou {
	height: 220px;
	background: url(../images/cast_saitou.jpg) no-repeat right top;
	margin: 10px 0px 0px;
	padding-right: 250px;
}
#characters #wrapper #main #saitou p {
	height: 175px;
}

#characters  h4 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 0px;
	color: #00a0e9;
	text-align: right;
	margin-top: auto;
	margin-bottom: 0px;
		line-height: 1em;
}

#characters #wrapper #main #others .photo {
	padding: 10px;
}
#characters #wrapper #main #others .text h3 {
	font-size: 16px;
	margin: 0px;
	padding-bottom: 2px;
	line-height: 1em;
}
#characters #wrapper #main #others .text {
	width: 190px;
	padding: 10px 10px 10px 0px;
}
#characters #wrapper #main #others table {
	border: 2px solid #CCCCCC;
	float: left;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom: 15px;
}
#characters #wrapper #main #others .text .name {
	color: #00A0E9;
	text-align: right;
	font-size: 12px;
}
#characters #wrapper #main #others p {
	line-height: 1.3em;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
#characters #wrapper #main #others .text .yomi {
	color: #00a0e9;
	margin: 0px;
	padding: 0px 0px 5px;
	height: 11px;
	line-height: 1em;
}
#characters #wrapper #main #others .text .shoukai {
	height: 85px;
	font-size: 11px;
}

/*スタッフ*/
#staff  h3 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 10px;
}
#staff h4 {
	color: #00A0E9;
	font-weight: bold;
	padding-top: 10px;
	font-size: 14px;
	padding-left: 20px;
}
#staff .shou {
	font-size: 10px;
	line-height: 1.5em;
	padding-left: 20px;
}
#staff .name {
	font-size: 20px;
	line-height: 1.5em;
	padding-bottom: 5px;
}
#staff #staffcomingsoon {
	height: 500px;
	background: #eeeeee url(../images/staff_camingsoon.gif) no-repeat center center;
	margin: 10px 0px 0px;
}
#staff table {
	margin-top: 10px;
	line-height: 1.5em;
	}
	
/*グッズ*/
#goods #wrapper #main p {
	margin: 0px;
	padding: 0px 0px 10px;
}

#goods #wrapper #main h3 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 15px;
}
#goods #wrapper #main h4 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}
#goods #wrapper #main table {
	margin-bottom: 40px;
	margin-left: 10px;
	margin-top: 5px;
	width: 680px;
}
#goods #wrapper #main li {
	list-style: square inside;
	margin-left: 10px;
}

#goods #wrapper #main li a {
	color: #000;
}
#goods #wrapper #main .left {
	text-align: right;
	margin: 0px;
	padding: 0px;
}
#goods td {
	height: 15px;
	border-bottom: 1px solid #CCCCCC;
	padding: 20px;
}
#goods tr {
	border-bottom: 1px solid #CCCCCC;
}
/*DVD*/
#dvd #wrapper #main p {
	margin: 0px;
	padding: 0px 0px 10px;
}

#dvd #wrapper #main h3 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 15px;
}
#dvd #wrapper #main h4 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
}
#dvd #wrapper #main table {
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 0px;
	width: 680px;
}
#dvd #wrapper #main li {
	list-style: square inside;
	margin-left: 10px;
}

#dvd #wrapper #main li a {
	color: #000;
}
#dvd #wrapper #main .left {
	text-align: right;
	margin: 0px;
	padding: 0px;
}
#dvd td {
	height: 15px;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px;
}
#dvd tr {
	border-bottom: 1px solid #CCCCCC;
}
/*ムービー*/
#movie #wrapper #main p {
	margin: 0px;
	padding: 20px 0px 10px;
	text-align: center;
}

#movie #wrapper #main h3 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 15px;
	padding-top: 15px;
}

#movie #wrapper #main #main_head #pagelink .separator {
	color: #A2A2A2;
	padding-right: 5px;
	padding-left: 5px;
}


/*上映館・イベント*/
#theater table {
	font: 12px/1.2em Helvetica, Arial, sans-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#theater td {
	height: 15px;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px;
}
#theater tr {
	border-bottom: 1px solid #CCCCCC;
}
#theater #wrapper #main .chiiki {
	height: 15px;
	border-bottom: 1px solid #CCCCCC;
	padding: 2px 5px;
	background: #CCCCCC;
}
#theater #wrapper #main .chiiki a{
	font-size: 11px;
}
#theater th {
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.2em;
	padding: 5px 30px 5px 10px;
	background: #00ABEB;
	text-align: left;
}
#theater #wrapper #main h3 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 15px;
}
#theater #wrapper #main h4 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 15px;
	color: #04A2EA;
	text-align: center;
}

#theater #wrapper #main .left {
	text-align: right;
	margin: 0px;
	padding: 0px;
}

#theater p {
	padding: 10px 0px;
}
#theater #wrapper #main .attention {
	font-size: 11px;
	line-height: 1.5em;
}
#theater #wrapper #main table {
	height: 250px;
	margin-bottom: 10px;
	margin-left: 40px;
	margin-top: 5px;
}

#theater #wrapper #main table {
	font-size: 12px;
	line-height: 1.5em;
	margin-bottom: 40px;
}
#theater #wrapper #main #guidebook tr{
	border-bottom: none;
}
#theater #wrapper #main #guidebook td{
	border-bottom: none;
}



/*試写会*/

#preview #wrapper #main .attention {
	font-size: 11px;
	line-height: 1.5em;
}
#preview #wrapper #main h3 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
}
#preview #wrapper #main p {
	padding-top: 10px;
	padding-bottom: 0px;
}
#preview #wrapper #main .oubo {
	font-size: 14px;
	font-weight: bold;
}
#preview #wrapper #main h4 {
	color: #00A0E9;
	font-weight: bold;
	padding-top: 10px;
	font-size: 14px;
}

/*スペシャル*/


#special #wrapper #main h3 {
	padding: 15px 0px 15px 10px;
}

/*アナウンサー*/

#ana #wrapper #main h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3em;
	padding-bottom: 0px;
}
#ana #wrapper #main p {
	padding: 20px 20px 20px 0px;
}

/*壁紙*/
#wallpaper #wrapper #main h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3em;
	padding-bottom: 5px;
}
#wallpaper #wrapper #main h4 {
	padding: 30px 0px 0px;
	font-weight: bold;
	font-size: 14px;
}
#wallpaper #wrapper #main p {
	padding: 10px 0px 0px;
	line-height: 1.5em;
}
#wallpaper #wrapper #main .attention {
	font-size: 11px;
	line-height: 1.5em;
}
/*mixiプロフィール*/

#profile #wrapper #main #thumb p {
	float: left;
	padding-left: 13px;
}
#profile #wrapper #main #thumb {
	clear: both;
	padding-top: 3px;
}
#profile #wrapper #main #thumb span {
	font-size: 11px;
}
#profile #wrapper #main #thumb img {
	border: 1px solid #CCCCCC;
}
#profile #wrapper #main h3 {
	line-height: 1.5em;
	padding: 0px;
}
#profile #wrapper #main .attention {
	font-size: 11px;
	line-height: 1.3em;
}
#profile #wrapper #main {
	overflow: hidden;
}
#profile #wrapper #main p {
	line-height: 1.5em;
}
/*ポスター*/
#poster #wrapper #main #main_head  {
	height: 55px;
}
#poster #wrapper #main #thumb p {
	float: left;
	padding-left: 13px;
}
#poster #wrapper #main #thumb {
	clear: both;
	padding-top: 10px;
}
#poster #wrapper #main #thumb span {
	font-size: 11px;
}
#poster #wrapper #main #thumb img {
	border: 1px solid #CCCCCC;
}
#poster #wrapper #main h3 {
	line-height: 1.5em;
	padding: 0px;
}
#poster #wrapper #main .attention {
	font-size: 11px;
	line-height: 1.5em;
}
#poster #wrapper #main #main_head h2 span {
	font-size: 14px;
	line-height: 1.5em;
}
#poster #wrapper #main {
	overflow: hidden;
}

div#main .comment {
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 290px;
	float: left;
	height: 150px;
	width: 400px;
}
div#main .comment .commentDetail {
	background: url(../images/top_comment.gif) no-repeat left top;
	display: block;
	height: 150px;
	width: 400px;
}

/*DVD*/

#dvd ul li {
	list-style: circle;
}
#dvd h5 {
	font-size: 14px;
	color: #24A0E9;
}
#dvd #wrapper #main .dvd_gaiyou {
	font-size: 14px;
	background: url(../images/dvd_dvd.jpg) no-repeat;
	padding-left: 160px;
	height: 200px;
}
#dvd #wrapper #main .blu_gaiyou {
	font-size: 14px;
	background: url(../images/dvd_bds.jpg) no-repeat;
	padding-left: 170px;
	height: 200px;
}
#dvd #wrapper #main .blusta_gaiyou {
	font-size: 14px;
	background: url(../images/dvd_blusta.jpg) no-repeat;
	padding-left: 170px;
	height: 200px;
}