

@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;
}

.non{
	display: none;	
	}
	



/*--------------------------------

新デザイン用スタイル

---------------------------------------------*/
.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/06/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 0;
	}
.mainBox .txt{
	float: right;
	}
.mainBox .menu{
	float: right;
	width: 110px;
	height: 356px;
	list-style: none;
	margin: 30px 20px 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;
	}
#box05Link,
#box06Link,
#box07Link{
	position: absolute;
	top: -150px;
	left: 0;
	}
#conBox05{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/06/images/box05_bg.gif) no-repeat 0;
	width: 900px;
	height: 808px;
	}
#conBox06{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/06/images/box06_bg.gif) no-repeat 0;
	width: 900px;
	height: 857px;
	}
#conBox07{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/06/images/box07_bg.gif) no-repeat 0;
	width: 900px;
	height: 1525px;
	}


/*box05*/	
#conBox05 .column{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/06/images/box05_column_bg.png) no-repeat 0 0;
	margin: 30px auto 0;
	padding: 20px 0 0 0;
	text-align: center;
	width: 720px;
	height: 465px;/*465px*/
	}

/*box06*/	
#conBox06 .column{
	position: relative;
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/06/images/box06_column_bg.png) no-repeat 0;
	width: 763px;
	height: 636px;
	margin: 30px auto 0;
	padding: 20px 0 0 0;
	}
	
#conBox06 .slides{
	margin: 0 auto;
	width: 403px;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 6;
	}
#conBox06 .slides .des{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;

	position: absolute;
	width: 403px;
	height: 268px;
	}
#conBox06 .slides #des01{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/06/images/slide_img01.jpg) no-repeat;
	}
#conBox06 .slides #des02{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/06/images/slide_img02.jpg) no-repeat;
	}
.slides .bx-controls-direction{
	display: none;	
	}	
	
/*box07*/	
#conBox07 .column{
	position: relative;
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/06/images/box07_column_bg.png) no-repeat 0;
	width: 598px;
	height: 438px;
	margin: 30px auto 0;
	padding: 20px 0 0 0;
	}
	
#conBox07 .slides2{
	margin: 0 auto;
	padding: 20px 0 0;
	width: 500px;
	}
#conBox07 .slides2 .des{
	position: absolute;
	width: 500px;
	height: 357px;
	}
#conBox07 .slides2 .des p{
	position: absolute;
	bottom: 0;
	left: 0;
	color: #330302;
	font-size: 12px;
	line-height: 1.6em;
	text-shadow: 1px 1px 3px #fff;
	font-weight: bold;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
#conBox07 .slides2 #des01{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/06/images/slide_img2_01.jpg) no-repeat;
	}
#conBox07 .slides2 #des02{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/06/images/slide_img2_02.jpg) no-repeat;
	}
#conBox07 .slides2 #des03{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/06/images/slide_img2_03.jpg) no-repeat;
	}
#conBox07 .slides2 #des04{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/06/images/slide_img2_04.jpg) no-repeat;
	}
#conBox07 .slides2 #des05{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/06/images/slide_img2_05.jpg) no-repeat;
	}
#conBox07 .slides2 #des06{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/06/images/slide_img2_06.jpg) no-repeat;
	}
#conBox07 .slides2 #des07{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/06/images/slide_img2_07.jpg) no-repeat;
	}
#conBox07 .slides2 #des08{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/06/images/slide_img2_08.html) no-repeat;
	}
#conBox07 .slides2 #des09{
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/06/images/slide_img2_09.html) no-repeat;
	}

#conBox07 h5{
	margin: 110px 0 20px -10px;
	}
#conBox07 .column2{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;

	position: relative;
	float: right;
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/06/images/box07_column_sub.png) no-repeat;
	width: 387px;
	height: 327px;
	margin: 0 0 20px 20px;
	}



/*slider*/
.bx-controls-direction{
	position: relative;	
	}
.bx-prev {
	position: absolute;
	top: -280px;
	left: -70px;
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/06/images/slide_prev.png) no-repeat 0 0;
	width: 56px;
	height: 60px;
	display: block;
}
.bx-next {
	position: absolute;
	top: -280px;
	right: -70px;
	background: url(/wp-content/themes/kabukibito/iroha/kabukiryoran/06/images/slide_next.png) no-repeat 0 0;
	width: 56px;
	height: 60px;
	display: block;
}

/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
	padding: 10px 0 0;
}
.slides2 .bx-wrapper .bx-pager {
	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/06/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/06/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;
	}