@charset 'UTF-8';
/* 縦書き変換スクリプト h2v.js ver 2.21用スタイルシート h2v.css   
    last updated : Oct 29 , 2012 
    (c)tyz@freefielder.jp  http://freefielder.jp/tate/h2v/
*/
.h2v{
	position:relative;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Hiragino Kaku Gothic Pro W3' , 'メイリオ' , 'Meiryo' , 'ＭＳ ゴシック','MS Gothic' ,'TakaoGothic' , 'Takaoゴシック' , monospace;
}
.h2v a{
	text-decoration:none !important;
}

.h2v .h2v_e{
	display:block !important;
	float:right;
	position : relative;
	width:1em !important;
	line-height:1em;
	word-wrap:break-word;
	direction:ltr;
}

/* ブロック要素たち */
.h2v ul , 
.h2v ol ,
.h2v dl ,
.h2v p ,
.h2v blockquote ,
.h2v h1, .h2v h2 , .h2v h3 , .h2v h4 , .h2v h5 , .h2v h6 , 
.h2v article , .h2v aside , .h2v footer , .h2v header , .h2v hgroup , .h2v nav , .h2v details , .h2v section , .h2v summary ,
.h2v div,
.h2v li,
.h2v dd,
.h2v dt{
	clear : none !important; 
	float:right !important;
	line-height:1em !important;
	font-family : inherit !important;
}

.h2v ul , .h2v ol , .h2v dl{
	list-style: none;
}

.h2v ul ul ,
.h2v ul ol ,
.h2v ul dl ,
.h2v ol ul ,
.h2v ol ol ,
.h2v ol dl ,
.h2v dl ul ,
.h2v dl ol ,
.h2v dl dl{
	margin-left:0;
	margin-right:0;
}

/* インライン要素たち */
.h2v_e span,
.h2v_e font , .h2v_e strong , .h2v_e big, .h2v_e small , .h2v_e i , .h2v_e b , .h2v_e em, .h2v_e sub, .h2v_e sup , .h2v_e a,
.h2v_e mark , .h2v_e time , .h2v_e meter , .h2v_e s , .h2v_e cite, .h2v_e q, .h2v_e dfn , .h2v_e abbr , .h2v_e code ,
.h2v_e var , .h2v_e samp , .h2v_e kbd{
	display:block !Important;
	position:relative ;
	left:50% ;
	width:1em; 
	line-height:1em ; /*  !important;  */
	margin-left:-0.5em !Important; 
	font-family : inherit !important;
} 

.h2v_e a{
	border:none !important;
	text-decoration:none !important;
}
.h2v_e a:visited{
	border:none !important;
	text-decoration:none !important;
}
.h2v_e a:hover{
	border-right: 1px solid darkblue !important;
	text-decoration:none !important;
}

.h2v_e sub{
	margin-left:-1em !Important;
}

.h2v_e sup{
	margin-left:0 !Important;
}

.h2v img{
	float:none !important; 
	display:block !important;
	position:relative;
	border:0;
}

.h2v pre , .h2v table, .h2v textarea, .h2v iframe , .h2v form , .h2v audio , .h2v video , .h2v canvas , .h2v embed , .h2v figure , .h2v video , .h2v menu{
	position:relative;
	float: right;
	white-space: pre-wrap;
	word-wrap: break-word;
} 

.h2v pre{
	overflow: hidden;
}

.h2v form div , .h2v pre div{
	clear: both !important;
	float: none !important;
}
.h2v_e span.h2v_mark{
	position:absolute;
	top: -1em;
	font-weight: bold;
}

/* ルビ 通常表示用 */
ruby{
	display:inline-table ;
	text-align:center !important ;
	text-indent:0 !important;
	margin:0 !important;
	vertical-align:0.9em ; 
	line-height:1em ;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
ruby{vertical-align:text-bottom;}
}

ruby>rb,
ruby>rbc,
ruby>.rb_h2v{
	display:table-row-group;
	line-height:1em;
	letter-spacing : 0 !important;
}

ruby>rt,
ruby>.rt_h2v ,
ruby>rtc{
	display:table-header-group ;
	font-size:70% ;
	line-height:1em !important;
	letter-spacing : 0 !important;
	font-weight:normal !important;
	font-style:normal !important;
}

ruby>rbc+rtc+rtc{
	display:table-footer-group ;
	font-size:70% ;
	line-height:1em ;
	letter-spacing : 0 !important;
}

rbc>rb,
rtc>rt{
	display:table-cell;
	letter-spacing : 0 !important;
}

rp{
	display:none !important;
}

/* ルビ 縦書き用 */

.h2v_e ruby,
#h2v_tmp_sq ruby{
	display:table !important; 
	word-wrap:break-word !important;
	line-height:1em;
	width:1em;
	vertical-align:baseline;
	text-align:left !important;
}

.h2v_e ruby>rb , 
.h2v_e ruby>rbc ,
#h2v_tmp_sq ruby>rb , 
#h2v_tmp_sq ruby>rbc{
	font-size:100%;
	line-height:1em;
	width:1em !important;
	max-width:1em !important; 
 }
 
.h2v_e ruby>rtc , 
.h2v_e ruby>rt ,
#h2v_tmp_sq ruby>rtc , 
#h2v_tmp_sq ruby>rt{
	font-size:70%;
	line-height:1em;
	width:1em !important;
	max-width : 1em !important; 
	vertical-align:middle;
 }
 
.h2v_e ruby>rb,
.h2v_e ruby>rt ,
#h2v_tmp_sq ruby>rb,
#h2v_tmp_sq ruby>rt{
 	display:table-cell;
	width:1em !important;
	max-width:1em !important;
}

.h2v_e ruby>rbc , 
.h2v_e ruby>rtc ,
#h2v_tmp_sq ruby>rbc , 
#h2v_tmp_sq ruby>rtc {
 	display : table-cell;
	 width:1em !important; 
}

.h2v_e ruby>rbc>rb , 
.h2v_e ruby>rtc>rt ,
#h2v_tmp_sq ruby>rbc>rb , 
#h2v_tmp_sq ruby>rtc>rt{
	display:inline-block !important;
	float : none !important;
	clear:both !important;
	line-height:1em !important;
	width:1em !important; 
	max-width: 1em !important; 
}

/* ルビ IE8 IE9 用 */

/* IE8 */
.h2v_e ruby{
	position:static\9;
	min-width:1.8em\9;
	max-width:2em\9;
}

/* IE9 */
.h2v_e ruby:not(:target){
	position:static\9;
	min-width:1.8em\9;
	max-width:2em\9;
}
/* 共通 */
#h2v_tmp_div ruby{
	position:static;
	max-width:2em;
}

#h2v_tmp_div .rb_h2v ,
#h2v_tmp_div .rt_h2v ,
.h2v_e .rb_h2v ,
.h2v_e .rt_h2v{
	position:static;
	display:block;
	width:1em; 
	line-height:1em; 
	margin-left:0 !important; 
	float:left;
}

#h2v_tmp_div .rt_h2v,
.h2v_e .rt_h2v{
	font-size:70%;
}

/* 縦書き字形 */
.h2v_e span.h2v_kuto{
	display:block !Important; 
	position:static;
	width:0.4em;
	margin-top:-0.5em;
 	padding-bottom:0.5em; 
	margin-left:0.6em !Important;
}
.h2v_e span.h2v_cho{
	display:block !Important; 
	width: 1em !important;
	height:1em !important;
	-moz-transform:matrix(0, 1, 1, 0, 0, 0);
	-webkit-transform:matrix(0, 1, 1, 0, 0, 0);
	-o-transform:matrix(0, 1, 1, 0, 0, 0);
	-ms-transform:matrix(0, 1, 1, 0, 0, 0);
}
.h2v_e span.h2v_komoji{
	display:block !Important; 
	position:static;
	line-height:0.7em !Important;
	margin-bottom:0.3em;
	margin-left:0.11em !Important;
}

.h2v_e span.h2v_kakko{
	display:block !Important; 
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:translate(-0.05em) rotate(90deg);
	transform:rotate(90deg);
}

.h2v_sp, .h2v_alpha{
	display : inline-block;
	text-align:left;
	white-space:pre;
	word-wrap:normal;
}

.h2v_e span.h2v_alpha , .h2v_e span.h2v_sp{
	display:block !important; 
	text-align:left !important;
	white-space:pre; 
	word-wrap:normal; 
	margin-top:0em;
	-moz-transform-origin: left bottom;
	-moz-transform:translate(0em,-1em) rotate(90deg);
	-webkit-transform-origin: left bottom;
	-webkit-transform:translate(0em,-1em) rotate(90deg);
	-o-transform-origin: left bottom;
	-o-transform: translate(0em,-1em) rotate(90deg);
	-ms-transform-origin: left bottom;
	-ms-transform:translate(-0.05em,-1em) rotate(90deg);
	transform-origin: left bottom;
	transform:translate(0em,-1em) rotate(90deg);
}

.h2v_separator{
	clear:both;
	width : 100%;
	height:15px;
	margin-bottom:15px;
	border-bottom: dotted 1px #ccc;
}

.h2v_e hr{
   border-width: 0px 1px 0px 0px;
   border-style : solid;
   width: 1px;
}

/* 縦書き表示領域 */
.h2v_page{
	clear: both;
	position:relative;
	margin-top:0.5em;
	overflow : hidden;
}

.h2v_pinner{
	position: absolute;
}

.h2v_oc{
	clear: both;
	position:relative;
	border:1px solid #999 ;
	border-left-width : 3px;
	border-bottom-width: 3px;
	padding-top:10px;
	overflow-x : scroll ;
	overflow-y : hidden;
}

.h2v_clearfix{
	clear:both;
	width:1px;
	height:1px;
	visibility:hidden;
}

.h2v_bar{
	font-family : sans-serif;
	position:relative;
	margin-bottom:3px;
	padding:0;
	height:1.2em;
	width: 100%;
	font-size:12px;
	line-height:1em;
	text-align:right;
	clear:both;
}
.h2v_bar a , .h2v_bar span{
	color: inherit !important;
	text-decoration:underline !important;
	cursor: pointer;
}

/* 作業div */
#h2v_tmp_div{
	position : absolute ;
	top : 0;
	right : 0;
	visibility : visible;
}

#h2v_tmp_sq{
	position:relative;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Hiragino Kaku Gothic Pro W3' , 'メイリオ' , 'Meiryo' , 'ＭＳ ゴシック','MS Gothic' ,'TakaoGothic' , 'Takaoゴシック' , monospace;
}

#h2v_tmp_sq ul , 
#h2v_tmp_sq ol ,
#h2v_tmp_sq dl ,
#h2v_tmp_sq p ,
#h2v_tmp_sq blockquote ,
#h2v_tmp_sq h1, #h2v_tmp_sq h2 , #h2v_tmp_sq h3 , #h2v_tmp_sq h4 , #h2v_tmp_sq h5 , #h2v_tmp_sq h6 , 
#h2v_tmp_sq article , #h2v_tmp_sq aside , #h2v_tmp_sq footer , #h2v_tmp_sq header , #h2v_tmp_sq hgroup , #h2v_tmp_sq nav , #h2v_tmp_sq details , #h2v_tmp_sq section , #h2v_tmp_sq summary ,#h2v_tmp_sq div,
#h2v_tmp_sq li,
#h2v_tmp_sq dd,
#h2v_tmp_sq dt{
	float : none !important;
	font-family : inherit !important;
}

#h2v_tmp_sq img{
	display:inline;
	float:none !important;
}

/* スプラッシュダイアログ */
.h2v_splash{
	position: absolute;
	height:50px;
	padding:20px;
	background-color:lavender;
	border:3px solid khaki ;
	font-size:15px;
	line-height:20px;
	font-weight:bold;
	text-align:center;
	-webkit-transition: opacity 2s ease-in-out 0s ;
	-moz-transition: opacity 2s ease-in-out 0s ;
	-o-transition: opacity 2s ease-in-out 0s;
	-ms-transition: opacity 2s ease-in-out 0s;
	transition: opacity 2s ease-in-out 0s;
}