* { margin : 0 ; padding : 0 ; }
/* 全体定義　*/
body { width : 100% ; 
	background-color:silver; }
#my_body { margin: 20px auto; width : 1024px ;background-color:#eee;z-index:1;  }
#my_navigation {margin: 0 auto; width : 1024px ;z-index:3;}
#subnavigation {position:absolute; top:60px;width : 174px ;z-index:2;}
#my_contents {float:right;width : 850px ; 
		background-color:#eee;
		argin-right: 50px;
/*background-image:url(MAIN/pre-cover3.jpg);*/
		
		z-index:2;}
#my_footer {  clear: both;
		margin-left: auto;
    		margin-right: auto;
           	background-color:#eee;}

	/*	#my_subnavigation { position : absolute ;  top : 52px ; width : 150px ;}	*/
	/*	#my_contents {position : absolute ;  top : 100px ; }
		#my_subnavigation { float : left ; width : 150px ;}				*/


.box10{
  width: 730px;/*全体の幅*/
	margin-top: 50px;
	margin-left: 50px;
  font-size: 33px;/*文字サイズ*/
  border: solid 1px #949494;
  }
.box10 dt{/*タイトル部分の設定*/
  position: absolute;
  width: 300px;/*タイトルの幅*/
  font-weight: bold;/*太字*/
  margin: -12px 20px 0 20px;
  padding: 6px 0 4px 1em;
  border: solid 1px #949494;/*枠の色*/
	background: #FFFFFF;/*枠内の背景色*/
  }
.box10 dd{/*内容部分*/
  margin: 0;
  padding: 1em 0 8px 0;
  border: solid 1px #BABABD;/*枠の色*/
  }
.box10 dd p{/*段落*/
  padding: 0.3em;/*テキスト部分の余白*/
  margin: 0;
  font-size: 18px;/*文字サイズ*/
  }


p{font-size:12pt;
width:700px;
}
.line01{line-height:200%}
.line02{line-height:10pt}
.right{text-align:right}
.box-right{width:250px;
	border:solid gray;
	padding:10px;
		background-color:aqua;
	float:right}
.box-mid{width:50px;
		float;
		padding:10px;}
.box-left{width:250px;
	border:solid gray;
	padding:10px;
	background-color:aqua;
	float:left}
.box-long{width:500px;
	padding:10px;
	border:solid black;
	}

H2{
    font-size:28pt;
    background-color:#FFFFFF;
    border-style:solid;
    border-width:0px;
    border-bottom-width:2px;
    border-left-width:10px;
    border-color:#6F3000;
}



img{
    padding:10px 15px;
    background-color:#ffffff;
    border-color:#dddddd #aaaaaa #aaaaaa #dddddd;
    border-width:1px;
    border-style:solid;
}
/* メインメニュー　*/
ul#drop_down_menu {
	margin:0;
	padding:0;

	list-style:none;
	font-size:1.25em;
}

ul#drop_down_menu li {
	float:left;
	position:relative;
	margin:0;
	padding:0;
}

ul#drop_down_menu li a {
	display:block;
	padding:5px 9px;
	width:120px;
	border-top:1px solid#fff;
	border-right:1px solid#ccc;
	border-bottom:1px solid#ccc;
	border-left:1px solid#fff;
	text-decoration:none;
	background:#eee;
}

ul#drop_down_menu  a:hover,
ul#drop_down_menu li:hover a {
	background:#ccc;
	color:#fff;
}

ul#drop_down_menu li ul {
	display:none;
}

ul#drop_down_menu li ul li {
	float:none;
}

ul#drop_down_menu li ul li ul {
	position:absolute;
	top:0;
	left:100px;
}

ul#drop_down_menu li:hover > ul {
	display:block;
}

ul#drop_down_menu li:hover ul li a,
ul#drop_down_menu li:hover ul li:hover ul li a,
ul#drop_down_menu li:hover ul li:hover ul li :hover ul li a {
	background:#eee;
	color:#666;
}

ul#drop_down_menu li:hover ul li a:hover,
ul#drop_down_menu li:hover ul li:hover a,
ul#drop_down_menu li:hover ul li:hover ul li a:hover,
ul#drop_down_menu li:hover ul li:hover ul li:hover a,
ul#drop_down_menu li:hover ul li:hover ul li:hover ul li a:hover,
ul#drop_down_menu li:hover ul li:hover ul li:hover ul li:hover a {
	background:#ccc;
	color:#fff;
}

/* サイドメニュー　*/

/* --- ナビゲーションバー --- */
	ul#subnavigation {
			width: 150px; /* ナビゲーションの幅 */
			font-size: 100%;
		}

/* --- メニューエリア --- */
	ul#subnavigation ul.nl {
			margin: 0;
			padding: 0;
			border-top: 1px #c0c0c0 dotted; /* 最上部の境界線 */
			list-style-type: none;
			text-align: left;
			}

/* --- メニュー項目 --- */
	ul#subnavigation ul.nl li {
			padding: 3px 1px; /* 項目のパディング（上下、左右） */
			background-color: #f9f9f9; /* 項目の背景色 */
			border-bottom: 1px #c0c0c0 dotted; /* 項目の下境界線 */
			}

/* --- リンク --- */
	ul#subnavigation ul.nl li a {
			display: block;
			position: relative; /* IE6用 */
			padding: 8px 10px; /* リンクエリアのパディング（上下、左右） */
			border-left: 4px #c0c0c0 solid; /* リンクエリアの左境界線 */
			text-decoration: none; /* テキストの下線（なし） */
			}
/* --- ポイント時の設定 --- */
	ul#subnavigation ul.nl li a:hover {
			border-left-color: #e0e0e0; /* ポイント時の左境界線色 */
			}

/* 生徒作品枠飾り用 */
/* 幅変更の時はDIVとTABLE両方のwidthを同じ値にして下さい< */
TD{
  font-size : 23px;
}

.corner{
  font-size : 6px;
  color : #333333;
}
.linet{
  width : 100px;
  border-top : 1px solid #777777;
  margin : 1px;
}
.linel{
  height : 100px;
  width : 2px;
  border-left : 1px solid #777777;
  margin : 1px;
}
.liner{
  height : 100px;
  width : 2px;
  border-right : 1px solid #777777;
  margin : 1px;
}
.lineb{
  width : 100px;
  border-bottom : 1px solid #777777;
  margin : 1px;
}
/* 生徒作品枠飾り用 */



/* 
------ 縦書き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;
}