

@charset "utf-8";
/* CSS Document */

/* new clearfix */
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
/* IE6 */
* html /clearfix{
	zoom:1;
}
/* IE7 */
*:first-child+html .clearfix{
	zoom:1;
}

h1, h2, h3, h4, h5, h6, p, div, ul, li {
	padding: 0;
	margin: 0;
}



a:link {
	color: #bd6f6f;
}
a:visited {
	color: #827a66;
}
a:active {
	color: #bd6f6f;
}

.mT10{
	margin-top: 10px;	
	}
.mT20{
	margin-top: 20px;
	}
.mT30{
	margin-top: 20px;
	}
	
a:hover img.overwhite {
	cursor: pointer;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity: 0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	opacity: 0.8;
	zoom: 1;
}
	


#Head{
	width:900px;
	height:23px;
	background: url(/wp-content/themes/kabukibito/iroha/images/ttl_hito.gif) no-repeat top;
	background-repeat: no-repeat;
	padding:0;
	margin:0 0 1px 0;
	text-indent:-9999px;
	font-size:small;
	display: block;
}


#ContentsBody{
	padding:0;
	margin:0 auto 30px auto;
	width:900px;
	height:auto;
	display:block;
	font-size:medium;
	line-height:170%;
	color:#535353;
}

#BtnNext{
	margin:0 0 20px 0;
	padding:0;
	width:900px;
	height:auto;
	text-align:right;
	clear:both;
}

.fontColorA{
	color:#0068b7;
}


	@media print {

	.printNone{
-ms-filter: "alpha( opacity=0 )";
filter: alpha( opacity=0 );
opacity: 0;
		}
}


/*
新デザイン用スタイル
-------------------------------------------------------------------------------*/
img{
	border: 0;
	line-height: 0;	
	margin: 0;
	padding: 0;
	font-size: 0;
	}
.floatL{
 float:left;
}
.floatR{
 float:right;
}



#pageWrap{
 width:900px;
 margin:30px auto 0 auto; 
}


.pageImg01{
	color: #31395b;
	width: 370px;/**/
	line-height: 1.0em; 
	font-size: 98%;
}
.txtInterviewer{
	color: #b8210c;
	margin-bottom: 1em;
	}
.txtInterview01{
	width: 500px;
	color:#996c33;
	line-height: 1.5em;
}
.txtInterview01 .ttl{
	margin-bottom: 1em;
	font-weight: bold;
	color: #b8210c;
}

.txtActor{
 padding: 0 0 2em 0;
 color:#0075a9;
 line-height: 1.5em;
}



/*04のプロフ用*/
.profBox{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/img_bg_blue.gif);
	margin: 0 0 10px 0;
	}
.profImg{
	float: left;
	width: 165px;
	}
.profDes{
	float: left;
	width: 185px;/*205*/
	padding: 10px;
	}
.profDes .img{
	float: left;
	margin: 0 10px 10px 0;
	}
.profDes .txt{
	font-size: 12px;
	line-height: 1.5em;
	}
.profDes .ttl{
	font-weight: bold;
	margin: 0 0 5px 0;
	}
.profDes .ttl span{
	font-weight: normal;
	font-size: 70%;
	}
	
.photo{
	margin: 0 0 10px 0;	
	}	









.column02{
	position: relative;	
	height: 290px;
	width: 830px;
	margin: 30px auto 0 auto;	
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/column02.jpg) no-repeat top left;
	}
.column02 .btn1{
	position: absolute;
	top: 156px;
	left: 31px;
	}
.column02 .btn2{
	position: absolute;
	top: 156px;
	left: 182px;
	}




/* ---- img ---- */

#topMain{
	position: relative;
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/top_main.jpg) no-repeat top left;
	width:900px;
	height:530px;
	}
#topMain .pos{
	position: absolute;
	width: 516px;
	top: 21px;
	left: 20px;
	}	
#topMain .pos2{
	position: absolute;
	width: 516px;
	top: 21px;
	right: 20px;
	text-align: right;
	}	
#topMain .pos3{
	position: absolute;
	width: 516px;
	bottom: 41px;
	left: 20px;
	}	
#topMain .pos div{
	text-align: right;
	}	
#topMain .pos{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/top_kabukiryoran.jpg) no-repeat top left;
	}
#topMain .pos3{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/top_ttl.jpg) no-repeat top left;
	}
#topMain .ttl{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/top_ttl.jpg) no-repeat top left;
	}
#topMain .subttl{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/top_subttl.jpg) no-repeat top right;
	}
#topMain .catch{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/top_catch.jpg) no-repeat top right;
	}
#topMain .img{
	position: absolute;
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/top_img.html) no-repeat top left;
	top: 32px;
	left: 87px; 
	}
.fontEdit{
	position: absolute;
	bottom: 21px;
	left: 22px;
	line-height: 1.3em;
	font-size: 90%;
	color: #fff;
	margin-bottom: 0 !important;
}
	
.p01_01{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/profile01_1.jpg) no-repeat top left;
	width:165px;
	height:255px;
}
.p01_02{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/profile01_2.jpg) no-repeat top left;
	width:80px;
	height:105px;
}
.p01_03{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/profile02_1.jpg) no-repeat top left;
	width:165px;
	height:255px;
}
.p01_04{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/profile02_2.jpg) no-repeat top left;
	width:80px;
	height:105px;
}
.p01_05{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/no01_1_1img.jpg) no-repeat top left;
	width:370px;
	height:258px;
}
.p01_06{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/no01_1_2img.jpg) no-repeat top left;
	width:370px;
	height:258px;
}
.p01_07{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/no01_1_3img.jpg) no-repeat top left;
	width:370px;
	height:258px;
}


#p02Main{
	position: relative;
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/top2_main.jpg) no-repeat top left;
	width:900px;
	height:530px;
	}
#p02Main .pos{
	position: absolute;
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/top2_kabukiryoran.jpg) no-repeat top left;
	width: 119px;
	height: 30px;
	top: 13px;
	right: 36px;
	}	
#p02Main .pos2{
	position: absolute;
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/top2_subttl2.jpg) no-repeat top left;
	width: 547px;
	height: 131px;
	top: 0px;
	left: 176px;
	}	
.p02_01{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/no02_1_1img.jpg) no-repeat top left;
	width:370px;
	height:258px;
}
.p02_02{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/no02_1_2img.jpg) no-repeat top left;
	width:370px;
	height:258px;
}
.p02_03{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/no02_1_3img.jpg) no-repeat top right;
	width:370px;
	height:258px;
}
.ab01{
	position: absolute;
	top: 286px;
	right: 310px;
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/ab01.png) no-repeat;
	width: 111px;
	height: 155px;	
	z-index: 2;
	}
.ab02{
	position: absolute;
	top: 100px;
	right: 61px;
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/ab02.png) no-repeat;
	width: 118px;
	height: 79px;	
	z-index: 2;
	}
.ab03{
	position: absolute;
	top: 134px;
	right: 125px;
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/change_img.jpg) no-repeat;
	width: 247px;
	height: 340px;	
	z-index: 1;
	}
	
	
	


/*==============================================================
  ■ ルビ
==============================================================*/


/*	主にWii用の指定	*/

@media tv {
	/*	ルビの縦ずれを補正
		rbやrtのfont-size、line-heightによらず0.5em
	*/
	html body ruby {
		padding-bottom: 0.5em;
	}
}




/* ruby（ルビ文字組み全体のインライン領域）
------------------------------------------- */
/* Firefox、Safari、Opera用指定 */
ruby {
	display			: inline-table;
	text-align		: center;
	text-indent		: 0px;
	white-space		: nowrap;
	border			: none;
	margin			: 0px;
	padding			: 0px;
	line-height		: 1;
	height			: 1em;
	vertical-align	: text-bottom;
	border			: none;
}

/* IE8 beta 2用指定 (現在無効) */
/*
html:first-child  ruby {
	white-space		: normal;
}
*/
/* IE7用指定 */
*:first-child+html ruby {
	white-space		: normal;
}
/* IE6用指定 */
* html body ruby {
	white-space		: normal;
	display			: inline-table;
	vertical-align	: baseline;
}


/* rb（本文）
------------------------------------------- */
/* Firefox、Safari、Opera用指定 */
rb {
	display			: table-row-group;
	line-height		: 1;
	text-align		: center;
	border			: none;
	margin			: 0px;
	padding			: 0px;
	white-space		: nowrap;
}
/* IE8 beta 2用指定 (現在無効) */
/*
html:first-child  rb {
	white-space		: normal;
}
*/
/* IE7用指定 */
*:first-child+html rb {
	white-space		: normal;
}
/* IE6用指定 */
* html body ruby rb {
	display			: table-row-group;
	vertical-align	: bottom;
	white-space		: normal;
}


/* rt（フリガナ）
------------------------------------------- */
/* Firefox、Safari、Opera用指定 */
rt {
	display			: table-header-group;
	font-size		: 0.625em;	/*	振り仮名のメインテキストに対する相対サイズ	*/
	line-height		: 1.1;
	text-align		: center;
	white-space		: nowrap;
	border			: none;
	margin			: 0px;
	padding			: 0px;
}
/* IE8 beta 2用指定 (現在無効) */
/*
html:first-child  rt {
	white-space		: normal;
}
*/
/* IE7用指定 */
*:first-child+html rt {
	white-space		: normal;
}
/* IE6用指定 */
* html body ruby rt {
	white-space		: normal;
	line-height		: 1em;
	display			: table-header-group;
	position		: static;
	top				: 0em;
}


/* rp（CSS OFF状態での区切り文字、通常不可視）
------------------------------------------- */
/* 全ブラウザ共通指定 */
rp {
	display			: none;
}


/* hn要素での振り仮名サイズ調整（必要な場合、適当に調整してください）
------------------------------------------- */
/*
h1 rt	{	font-size: 0.39em;	}
h2 rt	{	font-size: 0.42em;	}
h3 rt	{	font-size: 0.45em;	}
h4 rt	{	font-size: 0.48em;	}
h5 rt	{	font-size: 0.52em;	}
h6 rt	{	font-size: 0.57em;	}
*/



/* マウスオーバーで拡大、振り仮名適用範囲表示
------------------------------------------- */
ruby:hover							{	border: 1px dashed #CCC;	}
/* IE8 beta 2用指定 (現在無効) */
/*
html:first-child ruby:hover {
	border: none;
}
*/
ruby:hover rt						{	font-size: 1em;			}
/* IE8 beta 2用指定 (現在無効) */
/*
html:first-child ruby:hover rt {
	font-size: 0.625em;
}
*/

/*	IE6でIE7.jsを使用していて、なおかつfixed配置ブロックがある場合、
振り仮名拡大時にfixedブロックが行方不明になるためIE6でのみ機能無効化	*/
/*
*:first-child+html ruby:hover rt	{	font-size: 1em!important;	font-size: 0.625em;	}
*:first-child+html h1 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.39em;	}
*:first-child+html h2 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.42em;	}
*:first-child+html h3 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.45em;	}
*:first-child+html h4 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.48em;	}
*:first-child+html h5 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.52em;	}
*:first-child+html h6 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.57em;	}
*:first-child+html ruby:hover		{
	border: 1px dashed #CCCCCC !important;
	border: none;
	background-color: transparent !important;
	background-color: #CCCCCC;
}
*/



/****傍点*****/
.nearestDot{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/04/images/nearest_dot.gif) no-repeat center 0;
	margin: 0;
	padding: 4px 0 0 0;
	}
/*****mac崩れ用*****/
.macDeco{
  min-height: 560px;
  height: auto !important;
  height: 560px;
	}