/*******************************************************************************
** Style Sheet For EightOne Inc, Global CSS
*******************************************************************************/


/*******************************************************************************
** Global
*******************************************************************************/

.block {
	display:block;
}

.hidden {
	display:none;
}

.fleft {
	float:left;
}

.fright {
	float:right;
}

.clear:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .clear {
	zoom:1;
}
*:first-child+html .clearfix {
	zoom:1;
}

a {
	color:#d0a12e;
	text-decoration:none;
}
a:active, a:hover {
	color:#f60;
	text-decoration:underline;
}

li {
	list-style-type:none;
}

.notice {
	color:#FF0000;
}


/*******************************************************************************
** Structure
*******************************************************************************/

body {
	height:100%;
	background:#332c2a;
}

#container {
	margin:0 auto;
	width:1000px;
	position:relative;
	color:#222;
	background:#5f5b59 url(../../images/stage/taro/bk_site.jpg) 0 0 no-repeat;
}

.main {
	float:right;
	padding-bottom:30px;
	width:660px;
	height:auto !important;
	height:885px;
	min-height:855px;
	background:url(../../images/stage/taro/bk_grid.png);
}

.side {
	float:left;
	margin:0 20px;
	padding-bottom:30px;
	width:300px;
	height:auto !important;
	height:100%;
	min-height:100%;
}


/*******************************************************************************
** Header
*******************************************************************************/

.front .site_header {
	margin-bottom:30px;
	padding-top:588px;
	background:url(../../images/stage/taro/front_header.png) 0 0 no-repeat;
}

.front .site_header h1 a {
	display:block;
	margin:0 auto;
	width:372px;
	height:236px;
	background:url(../../images/stage/taro/taro.png) 0 0 no-repeat;
}

.front .site_header h2 a {
	display:block;
	margin:0 auto;
	margin:20px auto 0;
	width:400px;
	height:74px;
	background:url(../../images/stage/taro/7fukujin.png) 0 0 no-repeat;
}

.global .site_header {
	margin-bottom:30px;
	height:100px;
	background:url(../../images/stage/taro/global_header.png) 0 0 no-repeat;
}

.global .site_header h1 a {
	display:block;
	float:left;
	margin:10px 0 0 15px;
	width:96px;
	height:60px;
	background:url(../../images/stage/taro/taro_s.png) 0 0 no-repeat;
}

.global .site_header h2 a {
	display:block;
	float:right;
	margin:25px 15px 0 0;
	width:162px;
	height:30px;
	background:url(../../images/stage/taro/7fukujin_s.png) 0 0 no-repeat;
}


/*******************************************************************************
** Navi
*******************************************************************************/

.side .left_menu {
	margin-top:30px;
}

.side .left_menu li {
	margin-bottom:20px;
}

.side .left_menu li a {
	display:block;
	padding-left:20px;
	width:280px;
	height:60px;
	text-decoration:none;
	background:url(../../images/stage/taro/bk_menu.png) 0 0 no-repeat;
}

.side .left_menu li a .eng {
	display:block;
	color:#fff;
	font-size:130%;
	font-family:"Century";
	line-height:30px;
}
.side .left_menu li a:hover .eng {
	color:#f00;
}
.side .left_menu li a .eng .red {
	margin-left:30px;
	padding:0 5px;
	color:#fff;
	font-size:80%;
	font-family:"Century";
	line-height:30px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	background:#f00;
}

.side .left_menu li a .jp {
	display:block;
	color:#deb65d;
	font-size:80%;
	line-height:20px;
}


/*******************************************************************************
** side
*******************************************************************************/

.side .social {
	margin-bottom:20px;
}

.side .social li {
	margin-right:9px;
}
.side .social li.last {
	margin-right:0;
}


/*******************************************************************************
** main
*******************************************************************************/

.global .global_box {
	margin:0 20px;
	background:url(../../images/stage/taro/content_bottom.png) left bottom repeat-x;
}

.global h1.content_h1 {
	padding:5px 0 0 20px;
	width:620px;
	height:39px;
	color:#deb65d;
	font-size:130%;
	font-family:"Century";
	background:url(../../images/stage/taro/bk_h1.png) 0 0 no-repeat;
}

.global .content_box {
	padding:0 0 7px 7px;
	background:url(../../images/stage/taro/content_border.png) left top repeat-y;
}

.global .content_box .box_inner {
	padding:20px;
	color:#fff;
	background:#333;
}


/*******************************************************************************
** footer
*******************************************************************************/

footer.site_footer {
	padding:7px 0 0 0;
	background:#111 url(../../images/stage/taro/content_bottom.png) left top repeat-x;
}

.site_footer .copyright {
	color:#deb65d;
	font-size:80%;
	line-height:50px;
	text-align:center;
}


/*******************************************************************************
** Top Page
*******************************************************************************/

.index .info {
	float:left;
	margin:0 20px;
	width:300px;
	background:url(../../images/stage/taro/content_bottom.png) left bottom repeat-x;
}

.index .twitter {
	float:right;
	margin:0 20px 0 0;
	width:300px;
	background:url(../../images/stage/taro/content_bottom.png) left bottom repeat-x;
}

.index h1.content_h1 {
	padding:5px 0 0 20px;
	width:280px;
	height:39px;
	color:#deb65d;
	font-size:130%;
	font-family:"Century";
	background:url(../../images/stage/taro/bk_h1_half.png) 0 0 no-repeat;
}

.index .content_box {
	padding:0 0 7px 7px;
	background:url(../../images/stage/taro/content_border.png) left top repeat-y;
}

.index .content_box .box_inner {
	padding:10px 0 10px 10px;
	color:#fff;
	background:#333;
}

.index .content_box .tweet_box {
	height:370px;
	overflow:hidden;
}

.index .content_box .info_box {
	overflow:auto;
	width:270px;
	height:350px;
}

.index .content_box .info_list dt {
	margin-bottom:10px;
	width:250px;
	color:#f00;
	font-size:80%;
	font-weight:normal;
}

.index .content_box .info_list dd {
	margin-bottom:20px;
	padding-bottom:10px;
	width:250px;
	color:#d1cbb0;
	font-size:90%;
	font-weight:normal;
	word-break: break-all;
	border-bottom:1px dashed #d1cbb0;
}

.index .content_box .info_list dd span.link:before {
	content:"\25b6\a0";
}


/*******************************************************************************
** Intro Contents
*******************************************************************************/

.intro .intro_contents {
	padding-top:296px;
	background:url(../../images/stage/taro/taro.png) center 20px no-repeat;
}

.intro .intro_contents p {
	margin-bottom:20px;
	color:#d1cbb0;
	font-size:90%;
	font-weight:normal;
}


/*******************************************************************************
** Schedule Contents
*******************************************************************************/

.schedule_contents .base_info {
	margin-bottom:20px;
	color:#d1cbb0;
	font-size:90%;
}

.schedule_contents .base_info dt {
	float:left;
	clear:both;
	width:100px;
	color:#deb65d;
}
.schedule_contents .base_info dt:before {
	content:"\25a0\a0";
}

.schedule_contents .base_info dd {
	margin-bottom:3px;
	padding-left:100px;
}

.schedule_contents h2.aftertalk {
	margin:30px 0 10px;
	color:#f30;
}

.schedule_contents p.intro {
	margin-bottom:20px;
	color:#d1cbb0;
	font-size:85%;
}

.schedule_contents h3.schedule_table_ttl,
.schedule_contents h3.aftertalk_cast {
	margin-bottom:15px;
	font-size:95%;
	color:#eee;
}
.schedule_contents h3.aftertalk_cast {
	margin-bottom:5px;
}

.schedule_contents .schedule_table {
	margin-bottom:5px;
	width:100%;
	color:#d1cbb0;
	font-size:80%;
	font-weight:bold;
}

.schedule_contents .schedule_table th {
	color:#deb65d;
	line-height:1.0;
}
.schedule_contents .schedule_table th.year {
	color:#d1cbb0;
}

.schedule_contents .schedule_table td {
	color:#deb65d;
	text-align:center;
	background:url(../../images/stage/taro/schedule.png) center center no-repeat;
}
.schedule_contents .schedule_table td.hour {
	background:none;
}

.schedule_contents .schedule_table td.greet,
.schedule_contents .greet {
	color:#f00;
}
.schedule_contents .schedule_table td.after,
.schedule_contents .after {
	color:#f0f;
}
.schedule_contents .attention {
	margin-bottom:10px;
	color:#d1cbb0;
	font-size:80%;
}


.schedule_contents .disc {
	margin:0 0 20px 25px;
	color:#d1cbb0;
	font-size:90%;
}

.schedule_contents .disc li {
	list-style-type:disc;
}

.schedule_contents .h2_ticket {
	margin-bottom:10px;
	color:#f30;
	font-size:100%;
}

.schedule_contents .ticket_info {
	margin-bottom:20px;
	color:#d1cbb0;
	font-size:90%;
}

.schedule_contents .ticket_info dt {
	float:left;
	clear:both;
	width:120px;
	color:#deb65d;
}
.schedule_contents .ticket_info dt:before {
	content:"\25a0\a0";
}

.schedule_contents .ticket_info dd {
	margin-bottom:3px;
	padding-left:120px;
}

.schedule_contents .ticket_info dd li {
	list-style-type:square;
	margin:0 0 5px 20px;
}

.schedule_contents .ticket_info dd ol li {
	list-style-type:decimal;
	margin:0 0 0 20px;
}

.schedule_contents .ticket_info dd li strong {
	color:#f90;
}

.schedule_contents .h2_playguide {
	margin-bottom:10px;
	color:#f30;
	font-size:100%;
}

.schedule_contents .playguide_info {
	margin-bottom:20px;
	color:#d1cbb0;
	font-size:90%;
}

.schedule_contents .playguide_info dt {
	color:#deb65d;
}
.schedule_contents .playguide_info dt:before {
	content:"\25a0\a0";
}

.schedule_contents .playguide_info dd {
	margin-bottom:3px;
}


/*******************************************************************************
** Cast Contents
*******************************************************************************/

.cast_contents .h2_cast {
	margin-bottom:10px;
	padding-bottom:7px;
	color:#f90;
	font-size:100%;
	font-style:oblique;
	background:url(../../images/stage/taro/content_bottom.png) left bottom repeat-x;
}

.cast_contents .h2_cast .eng {
	font-family:"Century";
	font-size:150%;
}

.cast_contents dl.cast_list dt {
	float:left;
	clear:both;
	padding:0 0 7px 0;
	width:207px;
	height:200px;
	background:url(../../images/stage/taro/content_bottom.png) left bottom repeat-x;
}

.cast_contents dl.cast_list dt img {
	padding:0 0 0 7px;
	width:200px;
	height:200px;
	background:url(../../images/stage/taro/content_border.png) left top repeat-y;
}

.cast_contents dl.cast_list dd {
	margin-bottom:15px;
	padding-left:230px;
	height:auto !important;
	height:207px;
	min-height:207px;
}
.cast_contents dl.cast_list dd.block_end {
	margin-bottom:40px;
}

.cast_contents dl.cast_list dd strong {
	display:block;
	background:url(../../images/stage/taro/content_bottom.png) left bottom repeat-x;
}

.cast_contents dl.cast_list dd strong .name {
	display:block;
	font-size:150%;
	font-family: "ヒラギノ�E朁EProN W6", "HiraMinProN-W6", "HG明朝E", "�E��E� �E�明朝", "MS PMincho", "MS 明朝", serif;
}

.cast_contents dl.cast_list dd strong .roll {
	display:block;
	padding-bottom:15px;
	color:#f90;
	font-size:120%;
	font-family: "ヒラギノ�E朁EProN W6", "HiraMinProN-W6", "HG明朝E", "�E��E� �E�明朝", "MS PMincho", "MS 明朝", serif;
}

.cast_contents dl.cast_list dd strong .roll i {
	font-family:"Century";
}

.cast_contents ul.cast_list {
	margin-bottom:30px;
}

.cast_contents ul.cast_list li {
	float:left;
	margin:0 30px 20px 0;
	padding:0 0 0 7px;
	width:150px;
	background:url(../../images/stage/taro/content_border.png) left top repeat-y;
}

.cast_contents ul.cast_list li img {
	width:150px;
	height:150px;
}

.cast_contents ul.cast_list li .name {
	display:block;
	padding-bottom:7px;
	width:150px;
	font-size:100%;
	font-family: "ヒラギノ�E朁EProN W6", "HiraMinProN-W6", "HG明朝E", "�E��E� �E�明朝", "MS PMincho", "MS 明朝", serif;
	text-align:center;
	line-height:2.0;
	background:url(../../images/stage/taro/content_bottom.png) left bottom repeat-x;
}

.cast_contents dl.staff_block {
	margin-bottom:30px;
	font-size:80%;
}

.cast_contents dl.staff_block dt {
	float:left;
	clear:both;
	width:130px;
	color:#deb65d;
}

.cast_contents dl.staff_block dd {
	margin-bottom:3px;
	padding-left:130px;
}


/*******************************************************************************
** Information Contents
*******************************************************************************/

.info_contents .infrmation_list {
	
}

.info_contents .infrmation_list dt {
	float:left;
	clear:both;
	width:120px;
	color:#f00;
	font-size:80%;
	font-weight:normal;
}

.info_contents .infrmation_list dd {
	margin-bottom:20px;
	padding-left:120px;
	padding-bottom:10px;
	color:#d1cbb0;
	font-size:90%;
	font-weight:normal;
	word-break: break-all;
	border-bottom:1px dashed #d1cbb0;
}

.info_contents .infrmation_list dd span.link:before {
	content:"\25b6\a0";
}


/*******************************************************************************
** Special Contents
*******************************************************************************/

.special .special_contents {
	margin-bottom:30px;
}

.special .special_contents .block_h1 {
	margin-bottom:10px;
	border-bottom:3px double #fff;
}
.special .special_contents .block_h1:before {
	content:"\2665\a0";
}

.special .special_contents .block_h1 a,
.special .special_contents .block_h1 a:hover {
	color:#fff;
	text-decoration:none;
}
.special .special_contents .block_h2 {
	font-size:90%;	
	margin-bottom:10px;
}

.special .special_contents p.intro {
	margin-bottom:20px;
	color:#d1cbb0;
	font-size:90%;
	font-weight:normal;
}

.special .special_contents dl.float_list {
	margin-bottom:10px;
	color:#d1cbb0;
	font-size:90%;
}

.special .special_contents dl.float_list dt {
	float:left;
	clear:both;
	width:150px;
}

.special .special_contents dl.float_list dd {
	margin-bottom:10px;
	padding-left:150px;
}

.special .special_contents .goods {
	margin:0 0 20px;
}

.special .special_contents .goods figure {
	margin-bottom:10px;
	padding:5px;
	background:#444;
	box-shadow:1px 1px 1px #bbb;
}

.special .special_contents .goods figure img {
	display:block;
	margin:0 auto;
}
.special .special_contents .goods figure.playbtn img {
	width:292px;
	height:400px;
}
.special .special_contents .goods figure.light img {
	width:492px;
	height:500px;
}

.special .special_contents .goods figure figcaption {
	display:block;
	margin-bottom:10px;
	color:#d1cbb0;
	font-size:85%;
	text-align:center;
}

.special .special_contents .goods figure figcaption strong {
	font-weight:bold;
}

.special .special_contents .goods figure figcaption .small {
	font-size:85%;
}

.special .special_contents .cast {
	margin:0 auto 20px;
	width:573px;
}

.special .special_contents .cast figure {
	display:inline-block;
	margin:3px;
	padding:2px;
	width:178px;
	background:#444;
	box-shadow:1px 1px 1px #bbb;
}

.special .special_contents .cast figure img {
	display:block;
	margin:0 auto 10px;
	width:168px;
	height:240px;
}

.special .special_contents .cast figure figcaption {
	display:block;
	color:#d1cbb0;
	font-size:70%;
	text-align:center;
}