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

body{
	margin: 0;
	}

#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:13px;
	line-height:155%;
	color:#36240c;
}

#ContentsBody img{
	max-width: inherit;
}

#BtnNext{
	margin:0 0 20px 0;
	padding:0;
	width:900px;
	height:auto;
	text-align:right;
	clear:both;
}

.fontColorA{
	color:#0068b7;
}

.txtB{
	font-weight: bold;
}




/*
寺子屋　連載
-------------------------------------------------------------------------------*/
.floatL{
 float:left;
}
.floatR{
 float:right;
}

.txtS{
	font-size: 80%;
	line-height: 1.5em;
	}
.txtBig{
	font-size: 110%;
	line-height: 1.5em;
	}


/* sec01（上部） */
#teraSec01{
	position: relative;
	min-height: 550px;
	height: auto !important;
	height: 550px;
	margin: 12px 0 50px 0;
	}

#teraSec01 .contentsBox{
	position: relative;
	width: 547px;
	background: url(/wp-content/themes/kabukibito/iroha/terakoya/common/images/bg_ttl.gif) no-repeat right 0;
	}

#teraSec01 .imgBox{
	position: absolute;
	top: 0;
	right: 0;
	}

#teraSec01 h2{
	padding: 7px 0 26px 0;
	}

#teraSec01 .nbr,
#teraSec01 h3,
#teraSec01 .lead{
	margin: 0 0 0 15px;
	}
	#teraSec01 h3{
		font-size: 50px;
		font-weight: normal;
		letter-spacing: .05em;
		font-family: 'Noto Serif JP',serif;
		margin: 30px 0 30px 15px;
	}
	#teraSec01 .lead{
		font-size: 14px;
		line-height: 1.5;
		font-family: 'メイリオ',Meiryo;
		}
#teraSec01 .heyagoBox{
	width: 435px;
	margin: 18px 0 15px 10px;
	}

#teraSec01 .fontEdit{
	font-size:12px;
	line-height:130%;
	color:#626262;
	margin: 0 0 0 10px;
}



/* sec02（文章） */
#teraSec02{
	margin: 0 0 43px 0;
	}

#teraSec02 h4{
	background: url(/wp-content/themes/kabukibito/iroha/terakoya/common/images/border_ttl.gif) repeat-x 0 bottom;
	height: 38px;
	margin: 45px 0 14px 0;
	clear: both;
	}

#teraSec02 .boxR{
	margin: 0 0 20px 20px;
	}
#teraSec02 .boxL{
	margin: 0 20px 20px 0;
	}



/* sec03（一問一答） */
#teraSec03{
	background: url(/wp-content/themes/kabukibito/iroha/terakoya/common/images/bg_faq_top.gif) no-repeat;
	margin: 0 0 72px 0;
	}
.bgTeraSec03{
	background: url(/wp-content/themes/kabukibito/iroha/terakoya/common/images/bg_faq_bottom.gif) no-repeat 0 bottom;
	}

#teraSec03 h4{
	float: left;
	}

#teraSec03 h5{
	margin: 0 0 0 300px;
	padding: 30px 0 0 0;
	}
#teraSec03 .lead{
	margin: 10px 0 0 305px;
	width: 585px;
	}

#teraSec03 .contentsBox{
	clear: both;
	width: 848px;
	margin: 35px auto 0 auto;
	padding: 0 0 15px 0;
	}

#teraSec03 .faq{
	width: 414px;
	margin: 0 0 15px 0;
	}

#teraSec03 .faq .icon{
	float: left;
	padding: 15px 0 0 0;
	}

#teraSec03 .faq .imgBox{
	margin: 8px 0;
	}

#teraSec03 .faq .question{
	position: relative;
	z-index: 1;
	width: 261px;/*287*/
	padding: 13px;

	border: 3px solid #aacc03;
	background: #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	}

#teraSec03 .faq .answer{
	position: relative;
	z-index: 0;
	left: 16px;
	top: -12px;
	width: 294px;/*320*/
	padding: 16px 13px 13px 13px;

	border: 3px solid #e63556;
	background: #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	}



/* sec04（メッセージ） */
#teraSec04{
	position: relative;
	}

#teraSec04 .imgBox{
	position: relative;
	z-index: 1;
	width: 330px;
	}

#teraSec04 .imgBox p{
	position: absolute;
	top: 0;
	left: 0;
	}

#teraSec04 .imgBox div{
	padding: 47px 0 0 0;
	}

#teraSec04 .contentsBox{
	position: absolute;
	top: -22px;
	left: 331px;
	z-index: 0;
	}



#teraSec04 .contentsBox01{
	position: relative;
	z-index: 1;
	width: 485px;/*529*/
	margin: 0 0 0 0;
	padding: 22px 22px 13px 22px;

	border: 4px solid #f2971b;
	background: #fff;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
	}

#teraSec04 .contentsBox01 h4{
	margin: 0 0 10px 0;
	}

#teraSec04 .contentsBox01 .signature{
	text-align: right;
	margin: 5px 0 0 0x;
	}

#teraSec04 .contentsBox02{
	position: relative;
	z-index: 0;
	top: -27px;
	left: 140px;
	width: 430px;
	padding: 40px 0 10px 0;

	background: #fcedd1;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
	}

#teraSec04 .contentsBox02 .box01{
	padding: 0 15px;
	}

#teraSec04 .contentsBox02 .box02{
	width: 385px;/*405*/
	margin: 14px auto 0 auto;
	padding: 10px;
	border: 2px solid #e63556;

	background: #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	}



/* scheduleBox */
#scheduleBox{
	background: url(/wp-content/themes/kabukibito/iroha/terakoya/common/images/bg_schedule.gif) repeat;
	font-weight: bold;
	line-height: 1.3em;
	text-align: center;
	margin: 13px 0 0 0;
	padding: 10px 0;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	color: #fff;
	}


/* terakoya banner */
#bannerTerakoya{
	position: relative;
	margin: 40px 0 0 0;
	height: 259px;
	}

#bannerTerakoya .btn{
	position: absolute;
	bottom: 0;
	left: 184px;
	}

#bannerTerakoya img{
	vertical-align: top;
	}







ul#backNumberList{
	text-align:center;
	font-size:0;
	list-style:none;
	padding:20px 0 0 0;
}

ul#backNumberList li{
	display:inline-block;
	margin: 0 5px;
	/*padding: 0 10px 0 0;*/
	/display: inline;
	/zoom:1;
}

/*ul#backNumberList li:last-child{
	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		: 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;
}
*/