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

#top #contents {
	background: url(../images/bg_hanshichi.jpg) no-repeat center top;
	min-height: 950px;
}

#navi .btn {
	position: relative;
	margin-bottom: 8px;
}
#navi .btn a {
	position: relative;
	display: block;
	width: 249px;
	height: 43px;
	background-image:url(../images/btn_navi.png) ;
	z-index: 10;
}
#navi .btn_ticket a        { background-position: 0 0;}
#navi .btn_ticket_online a { background-position: 0 -50px;}
#navi .btn_info a          { background-position: 0 -100px;}
#navi .btn_okamoto a       { background-position: 0 -150px;}
#navi .btn_outline a       { background-position: 0 -200px;}
#navi .btn_dolls a         { background-position: 0 -250px;}
#navi .btn_cast a          { background-position: 0 -300px;}

#navi .btn_ticket a:hover        { background-position: 250px 0;}
#navi .btn_ticket_online a:hover { background-position: 250px -50px;}
#navi .btn_info a:hover          { background-position: 250px -100px;}
#navi .btn_okamoto a:hover       { background-position: 250px -150px;}
#navi .btn_outline a:hover       { background-position: 250px -200px;}
#navi .btn_dolls a:hover         { background-position: 250px -250px;}
#navi .btn_cast a:hover          { background-position: 250px -300px;}


#navi .btn a:hover {}
#navi .btn a span{
	position: relative;
	z-index: -10;
	height: 0;
	width: 0;
	display: none;
  }


/* ==========================================
   汎用クラス
   ========================================== */
.small, small.small { font-size: 0.8em;}
.sign  {
	display: block;
	width: 100%;
	font-size: 1.2em;
	text-align: right;
}
small {font-size: 0.75em;}

/* ==========================================
   TOP
   ========================================== */

.btn_twitter a { opacity: 0.8;}
.btn_twitter a:hover {opacity: 1;}

/* ==========================================
   ご挨拶
   ========================================== */

wrap01, .wrap02 {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 800px;
}

.wrap01 .body { padding: 25px 50px 5px; }
#info .wrap01 .body { background: url(../images/body_goaisatsu.png) no-repeat center bottom;}
#outline .wrap01 .body { padding-bottom: 50px; background: url(../images/footer_arasuji.png) no-repeat center bottom;}
#okamoto .wrap01 { background-color: #FFFF00;}
#okamoto .wrap01 .body { padding:20px 50px 30px;
	background: url(../images/body_okamoto.png) no-repeat center bottom;
}
#okamoto .wrap02 { background-color: #EBF5EC;}
#okamoto .wrap02 .body { padding:20px 50px 50px;
	background: url(../images/body_lamp.png) no-repeat center bottom;
}


.body p {
	margin-bottom: 15px;
	line-height: 1.8;
	font-size: 0.85em;
	letter-spacing: 0.1em;
	
}
.body p.sign {
	font-size: 1.1em;
}

/* ==========================================
   スタッフキャスト
   ========================================== */
#cast .block { background-color: #fff; width: 800px;margin: 20px 0;}
#cast .wrap01 {
	padding-bottom: 50px;
	margin-top: 0;
	background:url(../images/body_cast.gif) no-repeat center bottom;  }
#cast .wrap01 table td {vertical-align: top;}
#cast .wrap01 .staff {width: 280px; margin: 0 40px; font-size: 0.9em;}
#cast .wrap01 .staff th {text-align: left; vertical-align: top; color: #008b33;line-height: 1.8;}
#cast .wrap01 .staff td {line-height: 1.8;}

#cast .wrap01 .staff a:link  {text-decoration: none; color:#DA0080 ;}
#cast .wrap01 .staff a:hover {text-decoration: underline;}

#cast .block h3 {margin-bottom: 8px;}
#cast .block p  {line-height: 2;}
#cast .block.kano {background:url(../images/body_kano.gif) repeat-y center bottom; }
#cast .block.kano table {background:url(../images/footer_kano.gif) no-repeat center bottom; }
#cast .block.kano td {width: 400px;padding: 20px 40px 40px;}
#cast .block.kano td.td01 h3 {font-size: 1.6em;color: #008b33; font-weight: normal;}
#cast .block.kano td.td01 h3 span {font-size: 0.55em; color:#000;}
#cast .block.kano td.td02 { padding:70px 40px 40px 50px;color: #fff; } 
#cast .block.kano td.td02 h3 { font-size: 1.2em;}

#cast .block.magosaburo .body {padding: 20px 60px 50px;}
#cast .block.magosaburo {background-color: #fff;}
#cast .block.magosaburo .body {background: url(../images/body_magosaburo.png) no-repeat center bottom;}
#cast .block.magosaburo h3 {font-size: 1.7em; font-weight: normal; color: #008b33;}

#cast .block.kobayashi h3 {width: 445px;font-size: 1.7em; font-weight: normal; color: #008b33; display: inline;} 
#cast .block.kobayashi .body {
	width: 275px; height: 340px;
	padding: 45px 35px 15px 45px;
	background:  url(../images/body_kobayashi.gif) no-repeat center top;}
#cast .block.kobayashi .body h3 span {font-size: 0.55em;color: #000; font-weight: normal; }
#cast .block.kobayashi .body p {
	line-height: 1.9;
	letter-spacing: 0;
}
#cast .block.jun {margin-bottom: 0;}
#cast .block.jun .body {
	padding: 10px 60px 50px;
	background: url(../images/body_jun.png) #fff no-repeat center bottom;
}
#cast .block.jun .body h3 {font-size: 1.7em; font-weight: normal; color: #008b33;}
#cast .block.jun .body h3 span {font-size: 0.55em;color: #000; font-weight: normal; }

#cast .block.higashi {background-color: #000;}
#cast .block.higashi h3 {margin-bottom: 0;}
#cast .block.higashi table {
	border-bottom: 1px solid #fff;
	border-right : 1px solid #fff;
	border-left  : 1px solid #fff;
	padding-top: 20px;
}
#cast .block.higashi td {padding-top: 23px;}
#cast .block.higashi td.td01 {width: 200px;text-align: right;padding-right: 20px; vertical-align: top;}
#cast .block.higashi td.td02 {width: 580px;}
#cast .block.higashi td.td02 div {
	background-color: #fff;
	width:440px;
	padding: 10px 40px ;
	margin-bottom: 40px;
}
#cast .block.higashi td.td02 h3 {font-size: 1.7em; font-weight: normal; color: #008b33;}
#cast .block.higashi td.td02 h3 span {font-size: 0.55em;color: #000; font-weight: normal; }
#cast .block.higashi td.td02 div p { font-size: 0.85em;}



/* ==========================================
   人形たちとの捕物帳
   ========================================== */
   
#dolls .block {width: 800px;}
#dolls table td {vertical-align: top;}
#dolls .block .gekichu01 td {width: 400px;padding: 30px 0 70px;}
#dolls .block .gekichu01 td img {margin: 0 40px;}
#dolls .block .gekichu01 .td01 {text-align: right;}
#dolls .block .gekichu01 .td02 {text-align: left;}
#dolls .block .gekichu02 td {width: 266px;padding: 20px 0 100px; text-align: center;}
#dolls .block .gekichu02 td.td01 {width: 230px;text-align: right;}
#dolls .block .gekichu02 td.td02 {width: 240px;}
#dolls .block .gekichu02 td.td03 {}
#dolls .block a:link {opacity: 0.9;}
#dolls .block a:hover {opacity: 1;}