@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;
}


#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;
}

.fontEdit{
	font-size:11px;
	line-height:120%;
	color:#000000;
	margin:5px;
}

.alignC{
	text-align: center;	
	}


a:hover img.opa {
	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;
}



/*--------------------------------

新デザイン用スタイル

---------------------------------------------*/
.floatL{
 float:left;
}
.floatR{
 float:right;
}


/*top*/
#mainWrap{
	position: relative;
	width: 900px;
	height: 568px;
	}
#mainWrapImg{
	position: absolute;
	top: 0;
	left: -98px;
	width: 1094px;
	height: 568px;
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/05/images/top_bg.jpg) no-repeat 0;
	z-index: 0;
	}
.mainBox{
	position: relative;
	height: 568px;
	z-index: 1;
	padding: 22px 33px 0 0;
	}
.mainBox h2{
	float: right;
	margin: 0 0 0 14px;
	}
.mainBox .txt{
	float: right;
	}
.mainBox .menu{
	float: right;
	width: 110px;
	height: 356px;
	list-style: none;
	margin: 30px 10px 0 0;
	padding: 0;
	}
.mainBox .menuBlock{
	float: right;
	}
.mainBox .btnOther{
	position: absolute;
	bottom: 10px;
	right: 18px; 	
	}	


/*second*/

.txtpagetop{
	text-align: right;
	margin: 0 0 20px 0;
	}
.txtpagetop a{
	color: #333;
	font-size: 12px;
	text-decoration: underline;
	}
.txtpagetop a:hover{
	text-decoration: none;
	}

.conBox{
	position: relative; 
	color: #f1efef;
	font-size: 14px;
	margin: 0 0 0 0;
	padding: 0 40px 0;
	line-height: 26px;
	letter-spacing: 0;
	}
#box01Link,
#box02Link,
#box03Link,
#box04Link{
	position: absolute;
	top: -150px;
	left: 0;
	}
#conBox01{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/05/images/box01_bg.gif) no-repeat 0;
	width: 900px;
	height: 389px;
	}
#conBox02{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/05/images/box02_bg.gif) no-repeat 0;
	width: 900px;
	height: 685px;
	}
#conBox03{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/05/images/box03_bg.gif) no-repeat 0;
	width: 900px;
	height: 661px;
	}
#conBox04{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/05/images/box04_bg.gif) no-repeat 0;
	width: 900px;
	height: 861px;
	}

/*box01*/	
#conBox01 .txt{
	width: 480px;
	float: left;
	}
#conBox01 .column{
	float: right;
	width: 316px;
	height: 314px;
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/05/images/box01_column_bg.gif) no-repeat;
	padding: 16px 0 0 0;
	}
#conBox01 ol{
	list-style: none;
	margin: 17px 0 0 10px;
	padding: 0;
	}
#conBox01 ol li{
	float: left;
	margin: 0 3px;
	}
	
/*box02*/	
#conBox02 .column{
	width: 747px;
	margin: 30px auto 0;
	}
#conBox02 .column .floatL{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/05/images/box02_column.png) no-repeat 0;
	width: 448px;
	height: 380px;
	}
#conBox02 .column .floatR{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/05/images/box02_column2.png) no-repeat 0;
	width: 279px;
	height: 380px;
	}

/*box03*/	
#conBox03 .column{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;

	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/05/images/box03_column.png) no-repeat 0;
	width: 679px;
	height: 380px;
	margin: 30px auto 0;
	}

/*box04*/	
#conBox04 .column{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/05/images/box04_column_bg.png) no-repeat 0;
	width: 598px;
	height: 438px;
	margin: 30px auto 0;
	padding: 20px 0 0 0;
	}
#conBox04 .slides{
	margin: 0 auto;
	width: 500px;
	}
#conBox04 .slides .des{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;

	position: absolute;
	width: 500px;
	height: 400px;
	}
#conBox04 .slides #des01{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/05/images/slide_img01.png) no-repeat;
	}
#conBox04 .slides #des02{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/05/images/slide_img02.png) no-repeat;
	}
#conBox04 .slides #des03{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/05/images/slide_img03.png) no-repeat;
	}
#conBox04 .slides #des04{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/05/images/slide_img04.png) no-repeat;
	}
#conBox04 .slides #des05{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/05/images/slide_img05.png) no-repeat;
	}
#conBox04 .slides #des06{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/05/images/slide_img06.png) no-repeat;
	}
#conBox04 .slides #des07{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/05/images/slide_img07.png) no-repeat;
	}
#conBox04 .slides #des08{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/05/images/slide_img08.png) no-repeat;
	}
	
/*slider*/
.bx-controls-direction{
	position: relative;	
	}
.bx-prev {
	position: absolute;
	top: -300px;
	left: -70px;
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/05/images/slide_prev.png) no-repeat 0 0;
	width: 56px;
	height: 60px;
	display: block;
}
.bx-next {
	position: absolute;
	top: -300px;
	right: -70px;
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/05/images/slide_next.png) no-repeat 0 0;
	width: 56px;
	height: 60px;
	display: block;
}

/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
	padding: 40px 0 0;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	display: inline-block;
	margin: 0 5px;
	padding: 0 5px;
	outline: 0;
	background: #052369;
	color: #fff;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	text-decoration: none;
	background: #b90c04;
}

.infoBox{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/05/images/info_bg.jpg) no-repeat;
	width: 900px;
	height: 444px;	
	text-align: left;
	margin: 20px 0 0 0;
	}
.infoBox .ttlBox{
	float: left;
	margin: 69px 0 0 28px;
	}	
.infoBox .cast{
	float: left;
	margin: 25px 0 0 49px;
	}	
.infoBox .img{
	float: left;
	margin: 20px 0 0 28px;
	}	
.infoBox .btn{
	margin: 10px 0 0 0;
	padding: 0;
	}	




/*==============================================================
  ■ ルビ
==============================================================*/


/*	主に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		: left;
	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/05/images/nearest_dot.html) no-repeat center 0;
	margin: 0;
	padding: 4px 0 0 0;
	}
/*****mac崩れ用*****/
.macDeco{
  min-height: 560px;
  height: auto !important;
  height: 560px;
	}



#contents2{
	font-size: 16px;	
	line-height: 1.7em;
	margin: 0 auto 40px auto;
	width: 900px;
	}