@charset "utf-8";

/*
	Site Name: IMAGINE Musical
	Description: 
	Version: 0.9
	Design: imagine musical
	HTML Author: imagine musical
*/



/* Base style
---------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */

*{
	margin:0;
	padding:0;
	}

body {
	background:#fff;/* 基本背景色の指定 */
	color:#333333;/* 基本文字色の指定 */
	text-align:center;/* boxを中心に */
	font-size:100%;
	/*font-size:62.5%; 基本サイズを10pxにする（em指定の場合） */
	font-family:'ＭＳ Ｐゴシック','メイリオ',sans-serif;
	
	margin: 0;
	padding: 0 1px 0 0;
	}
	
html*dd body {/* Mac safariのみ適用（例:html*dd#hoge） */
	font-size:88%;/* 88%でmacの文字サイズをwinと同期（たぶん） */
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',sans-serif;
	}
	
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	text-align: left;
	font-style:normal;
	font-weight:normal;
	margin: 0;
	padding: 0;
	}
	
/*p { line-height: 150%;}/* 行間統一の場合指定 */

hr,.areaAnchor,.anchor { display : none;}/* 水平線非表示 */

img {
	border: none;
	vertical-align:bottom;/* 画像下の余白を消す */
	}
	
table{
	border-collapse:collapse; border-spacing:0;  
	}
	
caption, th, td, center{
	text-align:left; vertical-align:top;  
	}
	
fieldset { border:none;}
	
li { list-style: none;}

acronym,abbr{ cursor:help;}

input {
	outline:none;/* input背景画像アンカーの枠線除去 */
	}

a,a:hover,a:visited,active {
	text-decoration:underline;
	outline:none;/* 背景画像アンカーの枠線除去 */
	}
	
a:link{
	color: #ff0000;
	text-decoration:underline;
}
a:visited{
	color: #333333;
}
a:hover{
 color: #555555;
 text-decoration:none;
}
a:active{
	color: #333333;
}
	
	

/* CSS Hack & javascript
---------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */
	
	
/* =clearfix
--------------------------------------------------------------------------------------------------------------------- */
	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
.clearfix { display: inline-block; }
	
/* Hides from IE-mac \*/
* html .clearfix {}
.clearfix {display: block;}
/* End hide from IE-mac */
	


/* =PNG Hyde
--------------------------------------------------------------------------------------------------------------------- */

/* PNG Hyde */
* html
.pngfix {
	behavior: expression(IEPNGFIX.fix(this));
	}
/* end PNG Hyde */



/* body
--------------------------------------------------------------------------------------------------------------------- */

body {
	background-image:url(images/body_back.jpg);
	background-repeat:repeat-x;
	}
	
	
/* header
--------------------------------------------------------------------------------------------------------------------- */
	
#header {
	width:100%;
	border-top:solid 4px #5B5BFF;
	}
	
#header-cts {
	width:840px;
	
	margin:0 auto;
	}
	
#header-title {
	width:277px;
	
	float:left;
	}
	
#header-title h1 {
	width:277px;
	height:106px;
	}
	
#header-title h1 a {
	width:277px;
	height:106px;
	
	text-indent:-10000px;
	
	display:block;
	
	background-image:url(images/header_title.jpg);
	background-repeat:no-repeat;
	}
	
#header-description {
	float:right;
	}
	
#header-description ul {
	float:right;
	
	font-size:12px;
	
	margin-top:10px;
	margin-bottom:14px;
	}
	
#header-description li {
	height:16px;
	
	line-height:16px;
	
	float:left;
	
	margin-bottom:4px;
	margin-right:16px;
	padding-left:8px;
	padding-bottom:1px;
	
	background-image:url(images/popint_01.gif);
	background-repeat:no-repeat;
	background-position:0 center;
	}
	
#header-description li a {
	color:#666666;
	text-decoration:none;
	}
	
#header-description li a:hover {
	color:#333333;
	}
	
#header-description h2 {
	width:372px;
	height:60px;
	
	clear:both;
	
	float:right;
	
	text-indent:-10000px;
	
	display:block;
	
	background-image:url(images/header_description.jpg);
	background-repeat:no-repeat;
	}
	
	
/* container
--------------------------------------------------------------------------------------------------------------------- */

#container {
	width:840px;
	
	margin:0 auto;
	}
	
	
/* content
--------------------------------------------------------------------------------------------------------------------- */
	
#content {
	width:590px;
	float:left;
	}
	
#content h4 {
	width:590px;
	
	text-indent:-10000px;
	
	margin-top:24px;
	
	background-repeat:no-repeat;
clear:both;
	}
	
#content h4.content-00 {
	background-image:url(images/top_main_header_00.jpg);
	height:24px;
	}
	
#content h4.content-01 {
	background-image:url(images/top_main_header_01.jpg);
	height:24px;
	}
	
#content h4.content-02 {
	background-image:url(images/top_main_header_02.jpg);
	height:24px;
	}
	
#content h4.content-03 {
	background-image:url(images/top_main_header_03.jpg);
	height:24px;
	}
	
#content h4.content-04 {
	background-image:url(images/top_main_header_04.jpg);
	height:24px;
	}
	
#content h4.content-05 {
	background-image:url(images/top_main_header_05.jpg);
	height:24px;
	}
	
#content h4.content-06 {
	background-image:url(images/top_main_header_06.jpg);
	height:24px;
	}
	
#content h4.content-07 {
	background-image:url(images/top_main_header_07.jpg);
	height:24px;
	}
	
#content h4.content-08 {
	background-image:url(images/top_main_header_08.jpg);
	height:24px;
	}
	
#content h4.content-ichiran {
	background-image:url(images/top_main_header_ichiran.jpg);
	height:24px;
	}
	
#content h4.content-200907heidi {
	background-image:url(images/top_main_header_200907heidi.jpg);
	height:96px;
	}
	
#content h4.content-201007sara {
	background-image:url(http://www.imagine-musical.co.jp/201007sara/top_main_header_201007sara.jpg);
	height:96px;
	}

.post {
	border-bottom:dashed 1px #999999;
	
	margin-top:16px;
	margin-bottom:24px;
	padding-bottom:14px;
	}
	
.post p.time {
	color:#333333;
	
	float:left;
	
	font-size:12px;
	font-weight:bold;
	
	margin-right:24px;
	
	letter-spacing:2px;
	}
	
.post h5 {
	color:#333333;
	
	float:left;
	
	font-size:12px;
	
	margin-bottom:18px;
	}
	
.entry {
	clear:both;
	}
	
.entry p {
	color:#555555;
	
	font-size:12px;
	
	padding-left:4px;
	}
	
	
/* sidebar
--------------------------------------------------------------------------------------------------------------------- */
	
#sidebar {
	width:208px;
	
	float:right;
	
	background-image:url(images/side_back.png);
	background-repeat:no-repeat;
	}
	
#sidebar h3 {
	display:none;
	}
	
#sidebar ul#sidebar-menu {
	width:200px;
	
	margin:0 auto 40px auto;
	padding-top:10px;
	}
	
#sidebar li.page_item a {
	width:200px;
	height:50px;
	
	display:block;
	
	text-indent:-10000px;
	
	background-repeat:no-repeat;
	background-position:0 0;
	}
	
#sidebar li.page_item a:hover {
	background-position:-200px 0;
	}
	
#sidebar li.page-item-top a {
	background-image:url(images/side_btn_00.jpg);
	}
	
#sidebar li.page-item-52 a {
	background-image:url(images/side_btn_01.jpg);
	}
	
#sidebar li.page-item-4 a {
	background-image:url(images/side_btn_02.jpg);
	}
	
#sidebar li.page-item-8 a {
	background-image:url(images/side_btn_03.jpg);
	}
	
#sidebar li.page-item-10 a {
	background-image:url(images/side_btn_04.jpg);
	}
	
#sidebar li.page-item-23 a {
	background-image:url(images/side_btn_06.jpg);
	}
	
#sidebar li.page-item-25 a {
	background-image:url(images/side_btn_07.jpg);
	}
	
#sidebar li.page-item-80 a {
	background-image:url(images/side_btn_05.jpg);
	}
	
	
#sidebar ul#sidebar-banner {
	width:200px;
	
	margin:0 auto;
	
	margin-bottom:30px;
	}
	
#sidebar li.side-banner {
	margin-bottom:10px;
	}
	
#sidebar li.side-banner a {

	
	display:block;
	
	text-indent:-10000px;
	}
	
#sidebar li.side-banner-imalog a {
	background-image:url(images/side_banner_imalog.gif);
	width:200px;
	height:60px;
	}
	
#sidebar li.side-banner-anne a {
	width:200px;
	height:84px;
	background-image:url(images/side_banner_anne.jpg);
	}

#sidebar li.side-banner-studio a {
	width:200px;
	height:60px;
	background-image:url(images/side_banner_studio.gif);
	}

#sidebar li.side-banner-msquare a {
	width:200px;
	height:84px;
	background-image:url(images/side_banner_msquare.gif);
	}

#sidebar li.side-banner-200907heidi a {
	width:200px;
	height:84px;
	background-image:url(images/side_banner_200907heidi.gif);
	}
	
#sidebar li.side-banner-201007sara a {
	width:200px;
	height:84px;
	background-image:url(http://www.imagine-musical.co.jp/201007sara/side_banner_201007sara.gif);
	}

#sidebar ul#sidebar-address {
	width:200px;
	
	margin:0 auto;
	
	margin-bottom:30px;
	}
	
#sidebar li.side-address {
	margin-bottom:10px;
	}
	
#sidebar li.side-address-01 {
	width:200px;
	height:112px;
	
	display:block;
	
	text-indent:-10000px;
	
	background-image:url(images/side_address.jpg);
	}
	
	
/* flash
--------------------------------------------------------------------------------------------------------------------- */
	
#photo {
	width:590px;
	height:323px;
	
	background-color:#FFFFFF;
	
	border:solid 1px #CCCCCC;
	}
	
#photo img {
	width:582px;
	height:315px;
	
	margin-top:4px;
	margin-left:4px;
	}
	
	
/* page
--------------------------------------------------------------------------------------------------------------------- */
	
#page {
	margin-top:16px;
	
	padding:0 16px 0 16px;
	}
	
.page-back {
	/*background-image:url(images/page_back.png);
	background-repeat:repeat;*/
	
	background-color:#FFFFFF;
	}
	
#page h6 {
 font-size:14px;
 font-weight:bold;
 margin-top:24px;
 margin-bottom:12px;
 border-left:solid 4px;
 border-left-color:#3333ff;
 padding-left:8px;
 line-height:150%;
}
	
#page p {
	color:#555555;
	font-size:13px;
	
	line-height:125%;
	margin-bottom:12px;
	}
	
#page p img{
 padding:4px;
 border:solid 1px;
 border-color:#cccccc;
 margin-right:6px;
}	

/* company
--------------------------------------------------------------------------------------------------------------------- */
	
#company-left {
 width:268px;
 height:188px;
 border:solid 1px #CCCCCC;
 margin-bottom:20px;
}
	
#company-left p.company-photo {
 width:260px;
 height:180px;
 margin-top:4px;
 margin-left:4px;
 background-image:url(images/company_photo.jpg);
 background-repeat:no-repeat;
 margin-bottom:4px;
}
	
#company-right {
 margin-left:280px;
}
	
#company-table {
	margin-top:20px;
}
	
#company-table table {
 width:100%;
 border:solid 1px #CDCDCD;
}
	
#company-table tr {
}
	
#company-table td {
	color:#555555;
	font-size:12px;
 padding-top:12px;
 padding-bottom:12px;
	}
	
#company-table td.company-table-l {
	width:120px;
	text-align:center;
	
	line-height:150%;
	}
	
#company-table td.company-table-r {
 text-align:left;
 line-height:150%;
 padding-left:12px;
 padding-right:12px;
}
	
	
/* page-access
--------------------------------------------------------------------------------------------------------------------- */

#page-access-map {
	margin-bottom:20px;
	}
	
#page-access-map small {
	height:24px;
	font-size:12px;
	
	line-height:24px;
	}
	
#page-access-map small a{
	color: #ff0000;
	text-decoration:underline;
	}
#page-access-map small a:hover{
	color: #ff0000;
	}
	
#page-access dl {
	width:548px;
	font-size:13px;
	
	margin-bottom:13px;
	padding-bottom:13px;
	
	border-bottom:dashed 1px #999999;
	}
	
#page-access dl.page-access-point {
	padding-left:12px;
	
	background-image:url(images/popint_03.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	
	}

#page-access dd {
	width:130px;
	
	font-weight:bold;
	
	float:left;
	}

#page-access dt {
	float:left;
	}
	
	
/* page-sitemap
--------------------------------------------------------------------------------------------------------------------- */
	
#page-sitemap li.page-sitemap-parents a {
	color:#333333;
	
	text-decoration:underline;
	}
	
#page-sitemap li.page-sitemap-parents a:hover {
	color: #555555;
	
	text-decoration:none;
	}
	
#page-sitemap li.page-sitemap-normal a {
	color:#666666;
	
	text-decoration:underline;
	}
	
#page-sitemap li.page-sitemap-normal a:hover {
	color:#999999;
	
	text-decoration:none;
	}
	
#page-sitemap ul {
	font-size:12px;
	
	margin-bottom:12px;
	}
	
#page-sitemap li {
	padding-left:12px;
	
	line-height:175%;
	
	background-image:url(images/popint_03.gif);
	background-repeat:no-repeat;
	background-position:0 7px;
	}
	
#page-sitemap li ul {
	padding-left:24px;
	
	margin-bottom:12px;
	}
	
#page-sitemap li ul li ul {
	padding-left:24px;
	
	margin-bottom:12px;
	}
	
	
/* rental
--------------------------------------------------------------------------------------------------------------------- */
	
.rental{
 margin-top:20px;
 width:90%;
 margin-left:auto;
 margin-right:auto;
 border-collapse:collapse;
 border: solid 1px;
 font-size:12px;
 line-height:150%;
 margin-bottom:20px;
 border-color:#bbbbbb;
}
.rental th{
 background-color:#eeeeee;
 padding:4px;
}
.rental td{
 padding:4px;
 background-color:#ffffff;
 vertical-align:middle;
}
.rental th,
.rental td{
 border: solid 1px;
 border-color:#bbbbbb;
 text-align:center;
}
.rental-table-l{
 font-weight:bold;
}

/* page-corp
--------------------------------------------------------------------------------------------------------------------- */
	
#page-corp {
	}
	
#page-corp ul {
	font-size:12px;
	
	margin-bottom:40px;
	}
	
#page-corp li {
	padding-left:12px;
	
	line-height:175%;
	
	background-image:url(images/popint_03.gif);
	background-repeat:no-repeat;
	background-position:0 7px;
	}
	
#page-corp li a {
	color:#333333;
	
	text-decoration:underline;
	}
	
#page-corp li a:hover {
	color: #555555;
	
	text-decoration:none;
	}

/* page-contact
--------------------------------------------------------------------------------------------------------------------- */
.formitem{
 padding-top: 32px;
 padding-right: 8px;
 padding-bottom: 0px;
 padding-left: 8px;
}
.formitem p{
 padding-bottom: 0px;
}
.wpcf7{
 line-height:120%;
}

.formitem h1 {
	font-size:12px;
	padding-left:12px;
	
	line-height:175%;
	
	background-image:url(images/popint_03.gif);
	background-repeat:no-repeat;
	background-position:0 7px;
	}

/* pagetop
--------------------------------------------------------------------------------------------------------------------- */

#pagetop {
 width:558px;
 margin-top:0 auto;
 clear:both;
}
	
#pagetop p {
 font-size:12px;
 text-align:right;
}
	
#pagetop a {
	color:#333333;
	
	padding-left:14px;
	
	text-decoration:underline;
	
	background-image:url(images/popint_02.jpg);
	background-repeat:no-repeat;
	background-position:0 3px;
	}
	
#pagetop a:hover {
	color:#666666;
	background-position:0 -13px;
	}
	
	
/* footer
--------------------------------------------------------------------------------------------------------------------- */

#footer {
	width:100%;
	height:34px;
	
	border-top:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	
	margin-top:10px;
	margin-bottom:10px;
	}
	
#footer address {
	font-size:12px;
	
	text-align:center;
	
	color:#666666;
	
	line-height:34px;
	}

#footer address a{
 text-decoration:none;
 color:#666666;
}

/* history
--------------------------------------------------------------------------------------------------------------------- */
#history-table {
 margin-top:20px;
 margin-bottom:20px;
 border-top:1px solid #cccccc;
 border-left:1px solid #cccccc;
 border-collapse:collapse;
 font-size:12px;
 width:100%;
}

#history-table th {
 padding-top:4px;
 padding-bottom:4px;
 background-color:#999999;
 text-align:center;
 border-right:1px solid #cccccc;
 border-bottom:1px solid #cccccc;
}

#history-table td {
 border-right:1px solid #cccccc;
 border-bottom:1px solid #cccccc;
 padding:4px;
}

#history-table .subtitle{
 font-size:11px;
}

#history-table-year {
 width:42px;
}

#history-table-title {
 width:190px;
}

#history-table-place {
 width:40px;
}

#history-table-cast {
}

/* audi
--------------------------------------------------------------------------------------------------------------------- */
.audi_table {
 margin-top:20px;
 margin-bottom:20px;
}

.audi_table table {
 width:100%;
 border:solid 1px #CDCDCD;
}

.audi_table_l {
 width:20%;
}

.audi_table td {
 color:#555555;
 font-size:12px;
 padding-left:12px;
 padding-right:12px;
 padding-top:12px;
 padding-bottom:0px;
}

.audi_table th,
.audi_table td{
 border: solid 1px;
 border-color:#bbbbbb;
}

.audi_table a:link,
.audi_table a:visited {
	color: #333333;
	text-decoration: underline;
}

.audi_table a:hover,
.audi_table a:active {
	color: #555555;
	text-decoration:none;
}

/* heidi200907
--------------------------------------------------------------------------------------------------------------------- */
.heidi200907_cast{
 clear:both;
}

.heidi200907_cast_image{
 float:left;
 padding:4px;
 border:solid 1px;
 border-color:#B7E8FF;
 margin-top:0px;
 margin-bottom:24px;
 margin-right:12px;
 margin-left:6px;
}

.heidi200907_cast_introduce{
 float:left;
 width:410px;
}

#page .heidi200907_cast_introduce h6{
 font-weight:normal;
 font-size:14px;
 margin-top:0px;
 margin-bottom:8px;
 background-color:#ffffff;
 border-left-color:#99ccff;
}

#page .heidi200907_cast_introduce p{
 margin-left:6px;
 line-height:100%;
}

#page .heidi200907_cast_introduce p a,
#page .heidi200907_cast_introduce p a:visited{
	color:#333333;
	text-decoration:underline;
}

#page .heidi200907_cast_introduce p a:hover{
	color: #555555;
	text-decoration:none
}

ul.heidi200907_cast{
}

ul.heidi200907_cast li{
 float:left;
 width:92px;
 font-size:12px;
 margin-left:6px;
 margin-right:6px;
 margin-bottom:12px;
 text-align:center;
}
ul.heidi200907_cast li img{
 border:solid 1px;
 border-color:#B7E8FF;
}

/* sara201007
--------------------------------------------------------------------------------------------------------------------- */
.sara201007_cast{
 clear:both;
}

.sara201007_cast_image{
 float:left;
 padding:4px;
 border:solid 1px;
 border-color:#B7E8FF;
 margin-top:0px;
 margin-bottom:24px;
 margin-right:12px;
 margin-left:6px;
}

.sara201007_cast_introduce{
 float:left;
 width:410px;
}

#page .sara201007_cast_introduce h6{
 font-weight:normal;
 font-size:14px;
 margin-top:0px;
 margin-bottom:8px;
 background-color:#ffffff;
 border-left-color:#99ccff;
}

#page .sara201007_cast_introduce p{
 margin-left:6px;
 line-height:100%;
}

#page .sara201007_cast_introduce p a,
#page .sara201007_cast_introduce p a:visited{
	color:#333333;
	text-decoration:underline;
}

#page .sara201007_cast_introduce p a:hover{
	color: #555555;
	text-decoration:none
}

ul.sara201007_cast{
}

ul.sara201007_cast li{
 float:left;
 width:92px;
 font-size:12px;
 margin-left:6px;
 margin-right:6px;
 margin-bottom:12px;
 text-align:center;
}
ul.sara201007_cast li img{
 border:solid 1px;
 border-color:#B7E8FF;
}

/* h7
--------------------------------------------------------------------------------------------------------------------- */
.h7 {
clear:both;
	}


.h7 ul {
	font-size:12px;
	margin-bottom:12px;
	}

	
.h7 p{
 margin-left:18px;
}
		
.h7 li {
	padding-left:12px;
	color:#000000;
	line-height:175%;
	
	background-image:url(images/popint_03.gif);
	background-repeat:no-repeat;
	background-position:0 7px;
	}
	
.h7 li a,
.h7 li a:visited {
	color:#333333;
	
	text-decoration:underline;
	}
	
.h7 li a:hover {
	color: #555555;
	
	text-decoration:none;
	}

.h7 ul li.h8{
 margin-left:18px;
 color: #666666;
}


/* tr
--------------------------------------------------------------------------------------------------------------------- */
.tr1{
 background-color:#efffff;
}

.tr2{
 background-color:#ffffff;
}


/* topicpath
--------------------------------------------------------------------------------------------------------------------- */
ol#pankuzu {
 font-size: 12px;
 list-style: none;
 line-height:300%;
}

ol#pankuzu li {
 float: left;
 padding-right: 7px;
 padding-left: 10px;
 background: url(http://www.imagine-musical.co.jp/wp-content/themes/imagine/images/topicpath.gif) no-repeat 0 50%;
}

ol#pankuzu li.home {
 padding-left: 0;
 background: none;
}

ol#pankuzu li a:link,
ol#pankuzu li a:visited {
	color: #333333;
	text-decoration: underline;
}

ol#pankuzu li a:hover,
ol#pankuzu li a:active {
	color: #555555;
	text-decoration:none;
}

/* works
--------------------------------------------------------------------------------------------------------------------- */
#content h4.works-lesmis {
	background-image:url(http://www.imagine-musical.co.jp/works/works_lesmis.jpg);
	height:96px;
	}

#content h4.works-heidi {
	background-image:url(http://www.imagine-musical.co.jp/works/works_heidi.jpg);
	height:96px;
	}

#content h4.works-longlegs {
	background-image:url(http://www.imagine-musical.co.jp/works/works_longlegs.jpg);
	height:96px;
	}