@charset "UTF-8";
/* 
------ 縦書きWebページ用cssファイル 旧版 ------
              tategaki.css 
              URL ->  http://freefielder.jp/tate/       
*/

div.tate{        /*縦書きエリア全体*/
 clear:both;
 /* width:400px;  縦書きエリアの横幅 適宜変更*/
 font-size:14px;
 line-height:1.1em;
 margin:0px;
 font-family:'Meiryo','メイリオ',  'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Hiragino Kaku Gothic Pro W3' , 'ＭＳ ゴシック','MS Gothic' ,monospace;
 margin-bottom:1.5em;
}

div.midashi_1{  /* 大見出し */
 font-size:2em;
 width:1em;
 line-height:1.05em;
 float:right;
 margin-left:1em;
 font-weight:bold;
 padding-top:0.5em;
}
div.midashi_2{  /*中見出し*/
 font-size:1.5em;
 width:1em;
 line-height:1.05em;
 float:right;
 margin-left:1em;
 font-weight:bold;
 padding-top:2em;
}
div.midashi_3{  /*小見出し*/
 font-size:1.2em;
 width:1em;
 line-height:1.05em;
 float:right;
 margin-left:1em;
 font-weight:bold;
 padding-top:2.5em;
}

div.gyo{  /*行*/
 float:right;
 width:1em;
 line-height:1.1em;
 padding-top:1em;
 padding-bottom:2em;
 margin-left:0.8em;
}

div.komoji{				/*小文字(ぁぃぅぇぉっなど)の位置調整*/
 line-height:0.8em;
 margin-left:0.1em;
 margin-bottom:0.3em;
}
div.kuto{			/*句読点の位置調整*/
 margin-left:0.6em;
 line-height:0.1em;
 margin-bottom:1em;
}

a.tate:link,a.tate:active,a.tate:visited{ 
 color:blue;
 text-decoration:none;
 font-weight:bold;
}
a.tate:hover{
 color:darkorange;
 text-decoration:none;
}