@charset "utf-8";
/* ==============================

呼吸機械　SP スタイル

============================== */

/*---------- global ----------*/

img, div, li, a, table, h2, h3{ behavior: url(http://www.ishinha.com/iepngfix/iepngfix.htc)}

div#myBox{
	width:150px;
	margin:0;
	padding:0;
}

body#page01{ background:url(SP/images/bg00.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
}
body#page02{ background: url(SP/images/bg01.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
}
body#page03{ background: url(SP/images/bg02.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
}
body#page04{ background: url(SP/images/bg03.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
}
body#page05{ background: url(SP/images/bg04.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
}
body#page06{ background: url(SP/images/bg005.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
}
body#page07{ background: url(SP/images/bg06.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
}

/* フォント */
td,th,p,address,h1,h2,h3,h4,h5,h6,li,dt,dd {
/*	font-family: ヒラギノ, "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;*/
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro";!important
	font-weight: normal;
	font-style: normal;
	line-height: 180%;
	color:#FFFFFF;
}

h1{
	margin:0;
	padding:0;
}

h2{
	font-size:12pt;
	margin:0 0 0.5em 0;
	padding:0;
	text-indent:5px;
	border-bottom:1px solid #CCC;
	background-image:url(SP/images/alpha.png);
}

h3{
	font-size:10pt;
	margin:0 0 0.5em 0;
	padding:0;
	border-bottom:1px dotted #999;
}


p.firstLetter:first-letter {
	font-size:18pt;
	font-weight:bold;
	line-height: 160%;
}

/* ブラウザ設定解除 

* {
	margin: 0px;
	padding: 0px;
	}
*/

body {
	text-align: center;
	}

img,table {
	border: none;
	}

ul {
	margin:0;
	list-style: none;
	}

/* テキストリンク */

a:link {
	color: #FFFFFF;
	text-decoration:underline;
	}

a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	}

a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}

a:active {
	color: #FFFFFF;
	text-decoration:underline;
	}

/* 汎用フロート */

.floatLeft{
	float:left;
}

img.floatLeft{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.floatRight{
	float:right;
}

/* フロート解除 */

br.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

/* テーブル共通 */

table{
	margin:0;
	padding:0;
}
th {
	padding-right:10px;
}
tr,th,td{
	vertical-align:top;
	text-align:left;
}



/* ==============================

ヘッダー

============================== */

div#header{
	margin:0 auto;
	text-align:left;
	width:870px;
}


/*---------- ナビ ----------

<li id="intr"><a href="01.htm">イントロダクション</a></li>
<li id="about"><a href="02.htm">公演概要</a></li>
<li id="cast"><a href="03.htm">キャスト・スタッフ</a></li>
<li id="blog"><a href="04.htm">公演ブログ</a></li>
<li id="intv"><a href="../blog/index.php">松本雄吉インタビュー</a></li>
<li id="rev"><a href="#">レビュー</a></li>

*/
ul#navi{
	margin:0 0 1em 0;
/*	margin:0 auto 1em auto;*/
	padding:0;
	height:21px;

	display:block;
}

ul#navi li{
	font-size:10pt;
	margin:0 5px 0 0;
	padding:0;
/*	text-indent:5px;*/
	float:left;
	text-align:center;


	height:21px;
	width:118px;
}

ul#navi li#rev{
	margin-right:0;
}

ul#navi li a{
	font-size:10pt;
/*
	background-image:url("SP/images/navi.png");
	background-repeat:no-repeat;
	background-position:0 0;
	font-size:10px;
*/
	width:118px;
	display:block;
	font-weight:bold;
	text-decoration: none;
	
	border-bottom:2px solid #000000;
}

ul#navi li a:hover{
	/*	background-image:url("SP/images/navi.png");
	background-repeat:no-repeat;
	background-position:-21px 0;
*/
	border-bottom:2px solid #FFFFFF;
}

ul#navi a.onPage{
	background-color:#333;
}

/*
ul#navi li#intr a:hover{
	background-image:url("SP/images/navi.png");
	background-repeat:no-repeat;
	background-position:0 -30px;
}
ul#navi li#about a{ width:212px; }
ul#navi li#cast a{ width:212px; }
ul#navi li#blog a{ width:212px; }
ul#navi li#intv a{ width:212px; }
ul#navi li#rev a{ width:212px; }
*/


/* 個別設定 ブログ別窓アイコン　*/

ul#navi li#blog a{
	background-image:url(SP/images/naviWinIconBG.png);
	background-repeat:no-repeat;
}

/* 個別設定 インタビュー公開前　*/

ul#navi li#intv {
	color: #999999;
	letter-spacing:-0.15em;
/*	text-decoration:line-through;*/
}

ul#navi li#intv a{
	background-image:url(SP/images/naviWinIconBG.png);
	background-repeat:no-repeat;
}


/* 個別設定 レビュー公開前　

ul#navi li#rev {
	color: #999999;
	border-bottom:2px solid #999999;
}
*/
/*---------- パンくず ----------*/

#breadCrumbs{
	font-size: 10pt;
	margin:1em 0 0 0;
	padding:0;
	text-align: left;
	color:#FFF;
	clear:both;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro";!important	
}

#breadCrumbs a:link, #breadCrumbs a:visited {
	font-weight:normal;
	text-decoration:underline;
	color:#666666;
} 

#breadCrumbs a:hover {
	font-weight:normal;
		color:#FFFFFF;
} 




/* ==============================

アルファボックス

============================== */

.alphaBox {
	margin: 1em auto;
	width:850px;
	padding:20px 10px;
	font-size:10pt;
	text-align:left;

	background-image:url(http://www.ishinha.com/history/kokyukikai/SP/images/alpha.png);
/*
	background-color:#333333;
	filter: alpha(opacity=70);
	-moz-opacity:.50;
	opacity:.50;
*/
}


* html body { /* IE6 lower */
}

*+html body { /* IE7 */
}

*+html body,
* html body { /* 7 + All IE */
}

html>body .alphaBox{ /* modern browser include IE7 (leave out IE6 lower）  
	filter: alpha(opacity=60);
	opacity:.60;*/
}

html>/**/body { /* modern browser leave out IE7 */

}

div.alphaBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.alphaBox { display:inline-block; }
/*\*/
* html div.alphaBox { height:1%; }
div.alphaBox { display:block; }
/**/


/* 左枠部分 */

div#boxLeft{
	padding:5px 8px;
	width:350px;
	float:left;

}

/* 右枠部分 */

div#boxRight{
	padding:5px 8px;
	width:460px;
	float:right;
	
	background-image:url(SP/images/alpha.png);
}


/*---------- テーブル ----------*/

/* aboutTBL */

table.aboutTBL {
	width:350px;
	margin-bottom:2em;
	border-bottom:1px dotted #666666;
	
}

table.aboutTBL th {
	width:50px;
}

table.aboutTBL td {
	position:relative;
}

table.aboutTBL td span.date{


}

/* aboutTBL2 */

table.aboutTBL2 {
/*	clear:both;*/
	margin-top:2em;
	padding:5px;
	border-top:1px solid #CCCCCC;
	width:50%;
	font-size:8.5pt;
	line-height:100%;
}

table.aboutTBL2 th{
	width:50px;
}

table.aboutTBL2 td{

}

table.aboutTBL2 td ul{
	padding-left:15px;
	list-style-type:circle;
	margin-bottom:2em;

}

/* aboutTBL3 */

table.aboutTBL3 {
	clear:both;
	font-size:8.5pt;
	line-height:100%;
}

table.aboutTBL3 th{
	width:50px;
}

/*---------- バナーエリア ----------*/

div.bannerArea,
div.bannerArea_S{
	margin-top:1em;
	padding-top:2em;
	clear:both;
	border-top:1px solid #CCC;
}

div.bannerArea a{
	border:1px solid #CCC;
	display:block;
}

div.bannerArea a:hover{
	border:1px solid #33FFFF;
}


div.bannerArea_S a{
	border:1px solid #CCC;
	display:block;
	width:311px;
	height:91px;
}

div.bannerArea_S a:hover{
	border:1px solid #33FFFF;
	height:91px;
}
div.bannerArea_S:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.bannerArea_S { display:inline-block; }
/*\*/
* html div.bannerArea_S { height:1%; }
div.bannerArea_S { display:block; }
/**/

/* ==============================

ページ毎

============================== */

/*---------- トップページ ----------

body id="page01"

*/


body#page01 div#boxLeft,
body#page01 div#boxRight{
	background-image:none;
}

body#page01 h2#mediaTitle{
	margin-top:2em;
	
}

/* 左ニュース部分 */

div#news{
	padding:5px 0;
	width:250px;
	float:left;
}

div#news ul{
	margin-left:0;
	padding-left:15px;
	list-style-position:outside;
	font-size:80%;
}

/* 更新情報 */
h3#newsTitle{
	margin:0 0 10px 0;
	padding:0;
	background-image:url(images/top/newsTitle.gif);
	text-indent:-9999px;
}

ul#topNewsList {
	margin-bottom:2em;
}

ul#topNewsList li {
	list-style-type:circle;
	font-size:11px;
	margin-bottom:0;
}


/* ブログ */
h3#blogTitle{}


dl#topBlogList {
	margin:0 0 2em 0;
	display:block;
	width:330px;
	font-size:11px;
}

dl#topBlogList dt {
	margin:0 0 0.25em 5px;
	padding:0;
	float:left;
	display:block;
	width:180px;	
}

dl#topBlogList dd {
	margin:0 0 0.25em 0;
	padding:0;
	float:left;
	display:block;
	width:130px;
}

dl#topBlogList:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
dl#topBlogList { display:inline-block; }
/*\*/
* html dl#topBlogList { height:1%; }
dl#topBlogList { display:block; }
/**/


/* メディア */

ul#topMediaList li {
	list-style-type:circle;
	font-size:11px;
	margin-bottom:0;
}

/* IE6のみに適用させる */
* html body ul#topNewsList li {
	margin-left:20px;
}

* html body ul#topMediaList li {
	margin-left:20px;
}


/*  */
object{
	margin-bottom:0;
}

body#page01 div#boxRight ul {
	margin-bottom:2em;
}

body#page01 div#boxRight ul,
body#page01 div#boxRight ul li{
	margin-left:0;
	padding-left:5px;
}


/*---------- イントロダクションページ ----------

page02

*/

body#page02 div.alphaBox ul,
body#page02 div.alphaBox ul li{
	margin-left:0;
	padding-left:5px;
}





/*---------- 公演概要ページ ----------

page03

*/

body#page03 div#boxLeft,
body#page03 div#boxRight{
	background-image:none;
}


body#page03 img#title{
	margin-bottom:30px;
}


body#page03 table.price{
	font-size:11pt;
	font-weight:bold;
	padding-left:0;
	margin-left:30px;
	list-style-type:circle;
}


p.coution{
	border:1px solid #999999;
	padding:2px;
}



ul.accessList li {
	margin-left:0;

}



ul.accessList li{
	padding-left:0;
	line-height:130%;
	list-style-type:circle;
}

/* IE6のみに適用させる */
* html body ul.accessList li {
	margin-left:20px;
}




/*---------- キャスト／スタッフページ ----------

page04

*/

body#page04 div.alphaBox {

}

body#page04 div#boxLeft{
	padding-top:10px;
	padding-bottom:6em;
}

body#page04 div#boxRight{
	padding-top:10px;
	background-image:none;
}


table#castTBL,
table#staffTBL,
table#workstaffTBL{
/*	background-image:url("SP/images/alpha.png");*/
	border:0;
	padding:0;
	margin:10px 0 20px 10px;


	color:#FFF;
}

table#castTBL caption,
table#staffTBL caption,
table#workstaffTBL caption{
	padding-bottom:0.5em;
	text-align:left;
	font-size:90%;
/*	text-indent:-9999px;*/
	background-repeat:no-repeat;
}

table#castTBL td,
table#staffTBL td,
table#workstaffTBL td{
	vertical-align:top;
	
	font-size:9pt;

	margin:0;
	padding:0;
}

table#castTBL{
}

table#castTBL td{
	width:180px;
}


table#castTBL caption{
	background-image:url(images/cast/castTitle.gif);
}

table#staffTBL{


}

table#staffTBL caption{
	background-image:url(images/cast/staffTitle.gif);
}

table#workstaffTBL{
/*	width:350px;*/

}

table#workstaffTBL caption{
	background-image:url(images/cast/workstaffTitle.gif);
}



table#workstaffTBL caption{

}

table#workstaffTBL td.post{
	width:30%;
}



/* ==============================

Q & A ページ

============================== */

body#page05 div#boxLeft,
body#page05 div#boxRight{
	background-image:none;
}


ul.faqList li{
	padding-left:0;
	line-height:130%;
	list-style-type:circle;
}

/* IE6のみに適用させる */
* html body ul.faqList li {
	margin-left:20px;
}




/* ==============================

フッター

============================== */

/*
footer
==============================
*/

#footer{
	clear:both;
	margin:0 auto;
	padding:10px 0px;
	width:870px;	
	text-align:left;
	font-size:9pt;
}

#footer p{
	float:left;
	margin:0;
	padding:0;

}


#footer address{
	color:#999;
	text-align:right;
	font-style:normal;
	margin:0;
	padding:0;
}



/* ==============================

レビューページ　スタイル追加 08/09/08

page05



div#page05 div.alphaBox h4{	
	border-bottom:1px solid #FFF;

}



div#page05 div.alphaBox div#subNavi ul li ul li a{
	padding-bottom:0.5em;
	font-size:130%;
	list-style-type:none;!important
}

div#page05  form ul{
	margin:10 0 0 10;
	padding:10 0 0 0;
}

div#page05 form{
	width:100%;
}

div#page05 form ul li {
	width:100%;
	margin:10px 0;
	padding:5px 0;
	border-bottom:1px solid #CCC;
	list-style-type:none;
	clear:both;	
}

div#page05 label{
	margin:0 10px 0 0;
	padding:0;
	width:110px;
	display:block;
	float:left;
	
	text-indent:5px;
}

div#page05 form textarea{
	width:395px;
}

div#page05 form ul li p{
	font-size:9pt;
}

div#page05 form ul li p.errorflag{
	font-weight:bold;
	color:#FFFF00;
}

div#page05 p.coution{
	width:90%;
	display:block;
	font-size:80%;
	border:1px solid #F00;
}


アルファ内DIV

div#page05 div#subNavi{
	padding:5px 0;
	width:200px;
	float:left;
}
div#page05 div#subNavi ul{
	margin-left:0;
	padding-left:15px;
	list-style-position:outside;
	font-size:80%;
}

div#page05 div#subNavi ul li{
	margin:0 0 0.5em 0;
}

div#page05 div#textArea{
	padding:5px 1px;
	width:600px;
	float:right;
}

div#page05 div#textArea ul.coution{
	margin-top:0;
}

div#page05 div#textArea ul#formList{
	margin-left:0;
	padding-left:0;
	border-top:3px double #CCC;
}

div#page05 div#textArea form label{
	font-size:9pt;
}

div#page05 div#textArea div.comment{
	padding-top:0.5em;
	padding-bottom:1em;
	border-top:1px dotted #FFF;
}


div#page05 div#textArea p.alignCenter{
	padding-bottom:1em;
	border-bottom:3px double #CCC;
}
============================== */

body#page06 div#boxRight ul.coution {
	list-style:circle;
	}


body#page06 div#boxRight ul#formList li {
	padding-top:2em;

}


body#page06 div#boxLeft{
	width:310px;
}

body#page06 div#boxRight{
	width:480px;
	background-image:none;
}

body#page06 div#textArea div.comment{
	padding-top:0.5em;
	padding-bottom:1em;
	border-top:1px dotted #FFF;
	border-bottom:1px dotted #FFF;
}


body#page06 div#boxRight form {	
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}


body#page06 div#boxRight form p.errorflag {
	font-size:100%;
	font-weight:bold;
	color:#FFFF00;
	text-decoration:underline;
	text-indent:10px;

}





/*
paging navi
============================== */
body#page06 div.pagingNavi{
	margin:1em 0;
	padding-bottom:10px;
	position:relative;
	display:block;
	height:20px;	
	font-size:9pt;

}

body#page06 div.pagingNavi a.pastLink{
	position:absolute;
	left:0;
}

body#page06 div.pagingNavi a.pageBackLink{
	position:absolute;
	left:150px;
}

body#page06 div.pagingNavi a.pageNextLink{
	position:absolute;
	right:150px;
}

body#page06 div.pagingNavi a.futureLink{
	position:absolute;
	right:0;
}



body#page06 div#textArea div.comment p.mediaCom{
	margin-top:1em;
	font-size:100%;
}
body#page06 div#textArea div.comment p.mediaName{
	text-align:right;
	font-size:85%;

}







/* ==============================

highslide

============================== */
.highslide {
	cursor: url(../../js/highslide/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/*---------- highslide html ----------*/

.highslide-html {
	background-image:url(SP/images/alpha.png);
	overflow:auto;

}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}
.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}


/* ==============================

フロートハック

============================== */

div.alphaBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.alphaBox { display:inline-block; }
/*\*/
* html div.alphaBox { height:1%; }
div.alphaBox { display:block; }
/**/