/* http://www2.iwate-ed.jp/ton-h/screen.css
 *
 * Iwate Prefectural Tōno Senior High School
 * Master layout stylesheet
 *
 * This will not pass CSS2 validation because some proprietary attributes are
 * used for browsers that do not support the standard ones -- and because some
 * future CSS3 selectors have been used "in advance".
 *
 * 2005/05/31 <patrick-bernier (at) ton-h.iwate-ed.jp>
 * 2009/12/2　このファイルはlayout.cssとしてscreen.cssからリンクされていましたが、
 *　単なるリンクだけだったのでわかりやすくこのファイルをscreen.cssとしました。岩渕公夫
 */

body {
	margin: 0 0 0 0;
	background-color: #fff;
	background-image: url("pic/school_topleft.jpeg"); /*バックの写真の指定*/
	background-repeat: no-repeat; /*写真は1回だけ表示して繰り返し表示しない*/
	background-position: top left; /*左上に表示する*/
	background-attachment: fixed; /*スクロールしても位置を固定して表示します*/
	font-family: ＭＳ Ｐゴシック, MS Gothic, sans-serif; /*sans-serifはarialに近いフォント*/
	font-size: 0.8em; /*文字の大きさは標準の８０％の大きさで表示します*/
}

/*   class="en"　class="ja" class="mada" class="new"などの指定 */

.en {
	font-family: Times, Times New Roman, serif;
}

.ja {
	font-family: ＭＳ Ｐゴシック, MS Gothic, sans-serif;
}

.mada {
	color: #888;
}

.new {
	color: #080;
}

.rinku {
	color:#069;
}

.holiday {
	color: #a00;
}

.red {
	color: #f00;
}

table th {      /*　　thは表の標題　テーブルヘッダー */
	/*vertical-align: top;  /*vertical-alignは縦方向の行そろえを指定します。*/
}

table td {    /*　　tdは表の通常部分　テーブルデータ　*/
	/*vertical-align: top;*/
}

table td.cc {      /* class="cc"の指定　使っているところあるの？  */
	text-align: center;
}

h1 {   /* 見出し１の指定　*/
	font-size: 3em;  /*通常の文字サイズの3倍の大きさ */
	font-weight: normal;  /*font-weightは文字の太さ　*/
	margin-bottom: 0;  /*ボックスの下余白*/
}

h2 {    /* 見出し2の指定 */
	margin-top: 0.3em; /*ボックスの上余白*/
	margin-bottom: 0.1em;
	font-size: 1.9em;
	font-weight: normal;
	color: #000; /*#000は黒*/
}

h3 {
	margin: 0 0 0 0; /*値が4つ指定されれば　上右下左　の順番になります。*/
	padding: 0;   /*paddingは要素の本体周囲の空間(パディング)を指定します。*/
	font-weight: normal; /*太さ標準*/
	font-size: 1em; /*大きさは標準*/
}

h4 {　/*h4は「中学生案内」の「４．特色ある教育活動」の「(4)特別活動」の「ア」「イ」「ウ」「エ」に指定している*/
	color: #000;
	font-weight: bolder;  /*親要素の指定値より太い　boldの方が太い*/
	font-size: 1em;
	letter-spacing: 0.2em;/*letter-spacingは、文字の間隔を指定する際に使用します。文字の間隔にはマイナスの値を指定することもできます。 */
}

/* Links */
/*a { text-decoration:none; }   /* a はリンクです。リンクの下線を消したいときはこの行を有効にする。*/ /*text-decorationは･テキストの下線・上線・打ち消し線・点滅を指定　noneは線を付けず、点滅もしない、初期値*/

a:link { color:#069; } /*未訪問リンクの色*/
a:visited { color: #069;}  /*訪問済みリンクの色*/
a:hover { color: #fff; background-color: #069; }　/*マウスが重なったときの文字の色と背景の色*/

/* Utilities */

div.clear { clear: both; }  /*フロートされたボックスに対する廻り込みの解除を指定します。 bothは左フロートに対する廻り込みと右フロートに対する廻り込みの双方を解除します。*/

div.test {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	position: relative;		/* fix MSIE */
	background-color: yellow;
	padding-bottom: 0em;
	margin-bottom: 1em;
	margin-top: 0em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	width: 100%;
}

div.test h2 {
	font-weight: bolder;
	text-align: center;
	font-size: 1.5em;
	padding-left: 1em;
	padding-right: 1em;
	margin-bottom; 0.5em;
	color: #f00;
}

/*****　トップメニューの書式設定　*************************************************/

div.topmenu {
	width: 99%;  /* ウインドウの１００％に配置する　*/
	margin-bottom: 1em;
	/*float: left;*/
	/* The opacity needs to be set here because IE filters need width */
	opacity: 0.7;/* 透けて見える率７０％CSS2 standard opacity selector */
	filter: alpha(opacity=70);	/* Proprietary MSIE equivalent */
	-moz-opacity: 0.7;		/* idem for older Mozilla */
	-khtml-opacity: 0.7;		/* idem for older Safari */
}             /* opacityは平成19年5月14日現在事前勧告となっており、まだ公式なものではない　*/

div.topmenu div.menubox {
	background-color: #fff;   /*白*/
	margin-top: 0em;    /*画面の上から0文字分下げる*/
	margin-left: 5em;   /*画面の左から5文字分空ける*/
	margin-right: 1em;   /*右から1文字分空ける*/
	padding-top: 0.5em;      /*上余白は0文字分*/
	padding-bottom: 0.5em;
	padding-left: 1em;
	border: 1px solid #999;
}

div.topmenu div.menubox p.menutitle {   /*メニュータイトル「メニュー」の設定*/
	font-size: 1em;     /*フォントサイズを標準、真ん中、上と下に黒の1ピクセルの線、背景色#BCC　*/
	text-align: center;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	background-color: #bcc;
	padding-top: 1em;
	padding-bottom: 0.5em;
	line-height: 0.5em;
	margin-top: 0.1em;
	margin-bottom: 0em;
}

div.topmenu div.menubox ul {       /*メニューのリストの表示の仕方　リストマーク表示しない、上から0．1文字分下げる、左マージン0、行の高さ1．9文字、領域内の下余白2文字分、中央配置　*/
	list-style-type: none;
	margin-top: 0em;
	margin-left: 0;
	line-height: 0em;    /*行の高さ*/
	padding-left: 0em;
	padding-bottom: 1em;
	text-align: center;
}

div.topmenu div.menubox ul li {    /*リストの要素の設定*/
	/*border-bottom: 1px solid #999;   /*下に1ピクセルの灰色の線を引く*/
	line-height: 2em;    /*行の高さ2文字分*/
	float: left;  /*リストが横並びになる*/
}


div.topmenu div.menubox a{
	   /*ブロックレベルで表示。メニューの前後は改行されます。*/
	font-size: 1.2em; /*各メニューの文字のサイズは1．2倍の大きさ。 */
	margin-right: 0em;
	padding :1em;
}



div.header form {
	margin-top: 0em;
	/*text-align: right; */
}

div.header form input#query {
	width: 100px;
	background-color: #ddf;
}

div.header form input#submit {
	width: 7em;
}

div.header form p {
	margin-top: 0em;
}

/*****************************************************************************/

div.main {
	width: 99%;
	float: left;
	color: #333;
	margin-left: 1em;
}

/*****************************************************************************/

div.content {
	width: 99%;
	float: left;	
}

div.content table.bordered {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-collapse: collapse;
    border: solid 1px #888;
}

div.content table.bordered th {
	font-size: 0.9em;
	background-color: #ddd;
	border: solid 1px #888;
	text-align: center;
	vertical-align: middle;
	padding: 3px;
}

div.content table.bordered td {
	font-size: 0.9em;
	border: solid 1px #888;
	padding: 3px;
}

div.content table.bordered2 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-collapse: collapse;
	border: solid 1px #888;
}

div.content table.bordered2 th {
	font-size: 0.9em;
	font-weight: normal;
	border: solid 1px #888;
	text-align: center;
	vertical-align: middle;
	padding: 3px;
}

div.content table.bordered2 td {
	font-size: 0.9em;
	border: solid 1px #888;
	padding: 3px;
}

div.content table.borderedcenter {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-collapse: collapse;
	border: solid 1px #888;
}

div.content table.borderedcenter th {
	font-size: 0.9em;
	background-color: #ddd;
	border: solid 1px #888;
	text-align: center;
	vertical-align: middle;
	padding: 3px;

}

div.content table.borderedcenter td {
	font-size: 0.9em;
	border: solid 1px #888;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
}

body#home div.content {
	width: 70%;
	float: left;
}

div.content h3 {
	clear: both;
	margin-top: 1em;
	font-weight: bolder;
	color: #a00;
	border-bottom: 1px solid;
}

div.content p.more {
	text-align: right;
}

div.content div.box#special {
	border: 2px solid #05b;
	background-color: #bdf;
}

div.content div.box#special div.blueback {
	background-color: #05b;
}

div.content div.box#special h2 {
	text-align: center;
	margin-top: 0em;
}

div.content div.box#special span {
	color: #a00;
}

div.content div.box#special h4 {
	text-align: center;
	margin-top: 0.5em;
	color: #444;
	font-weight: bolder;
}

div.content div.box#special h4 span {
	background-color: #fff;
	padding: 3px 12% 3px 12%;
	color: #000;
	font-weight: normal;
}

div.content div.box#news {
	margin-left: 1em;
}

div.content div.box#news p.by {
	position: relative;	/* fix MSIE */
	display: block;
	float: left;
	text-align: center;
	font-size: smaller;
	padding: 0.5em;
	margin-right: 0.7em;
	margin-bottom: 0em;
	margin-top: 1em;
	border: 1px dashed #a00;
}

div.content div.box#news h4 {
	margin-top: 0;
	margin-bottom: 0;
	color: #a00;
	font-size: 0.8em;
	font-weight: normal;
}

div.content div.box#news h5 {
	color: #000;
	font-size: 1em;
	font-weight: bolder;
}

div.content div.box#news p {
	margin-top: 0.5em;
}

div.content span.more {
	float: right;
	position: relative;	/* fix MSIE */
}

img.float {
	position: relative;	/* fix MSIE */
	display: block;
	float: right;
	clear: right;
	border: 1px solid #000;
	margin-left: 0.5em;
	margin-bottom: 0.5em;
}

div.content div.header {
	color: #000;
	margin: 1em 1em 1em 20em;
	padding: 0;
}

div.content div.header h1{
	margin: 0 0 0 0;
}

div.content div.header p {
	margin: 0;
}

div.content div.box {
	position: relative;	/* fix MSIE */
	margin: 1em 1em 1em 2em;
	border: 1px solid #999;
	padding: 0.5em 1em 0em 1em;
	background: #f4faff;
}

div.content div.box#news {
}

div.content div.box h3 span {
	font-size: 1.3em;
	letter-spacing: 0.8em;
}

div.content div.box#welcome {
	background: transparent; /*背景を透過する*/
	margin: 2em 1em 0 10em
}

/*****************************************************************************/

p.note {
	/*position: relative;*/	/* fix MSIE */
	margin: 1em 1em 1em 0em;
	border: 1px solid #999;
	padding: 0.5em;
	background-color: #e4eaef;
}

strong.attention {
	padding: 5px;
	background-color: #fcc;
	border: 1px dashed black;
}

/*****************************************************************************/

table#fees {
	font-size: 0.9em;
}

table#fees {
	text-align: right;
}

/******　「行事予定」と「更新履歴」　　******************************************/

div.updates {
	width: 30%; /*右側30％に配置*/
	float: left;
}

div.updates div.updatebox p {
	text-align: center;
}

div.updates div.updatebox {
	margin: 1em;
	margin-left: 0em;
	padding: 0.1em 1em 0.1em 1em;
	background-color: #cdd;
	border: 1px solid #999;
}

div.updates div.updatebox h2 {
	margin-bottom: 0.7em;
	padding-bottom: 0.1em;
	padding-top: 0.1em;
	font-size: 1em;
	text-align: center;
	/*color: #a40;
	color: #a00;*/
	background-color: #05b;
	color: white;
	font-weight: bolder;
	margin-top: 1em;
	letter-spacing: 0.8em;
}

div.updates div.updatebox h3 {
	color: #a00;
	text-decoration: underline;
}

div.updates div.updatebox#changes ul {
        width: 100%;
	list-style-type: normal;
	padding-left: 1em;
	margin-left: 0em;
}

div.updates div.updatebox p#counter {
	background-color: black;
	text-align: center;
}

/*****************************************************************************/

table.schedule {
	border-collapse: collapse;
	border-left: hidden;
	width: 100%;
	line-height: 1.3em;
}

table.schedule th {
	width: 3em;
        border: 1px solid black;
        border: 1px solid #888;
        border-left: none;
        font-weight: normal;
}

table.schedule td {
	border: 1px solid black;
        border: 1px solid #888;
	border-right: none;
}

table.schedule td ul {
	padding: 0 0 0 1.6em;
	margin: 0em;
}

/*****************************************************************************/

div.article {
	page-break-inside: avoid;
}

/*****************************************************************************/

object.video {
	margin: 2em;
}

/*****************************************************************************/

div.gallery li {
	display: inline;
	list-style-type: none;
}

div.gallery img {
	border: none;
	padding: 1em;
	vertical-align: top;
}

div.gallery a:hover {
	background-color: #f4faff;
}

/*****************************************************************************/

address {
	clear: both;
	position: relative;	/* fix MSIE */
	background-color: #fff;
	width: 100%;
	padding: 0em;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #cdd;
	font-size: 0.9em;
	text-align: center;
/*	background-image: url("http://www.TZoNE.ORG/~pat/enko/1x1.cgi");
	background-repeat: no-repeat;
	background-position: top left;
	background-attachment: fixed;*/
}

address p {
	margin: 0.8em;
}

/*********  level12の設定　「新入生へ」の書式設定　　　***********************/

body#level2 div.box h1 {
	margin-bottom: 1em;
	letter-spacing: 0.3em;
}

body#level2 h2 {
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.5em;
	background-color: #bcc;
	font-size: 1.5em;
	border: 1px solid black;
	font-weight: bolder;
}

body#level2 h3 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 1.5em;
}

body#level2 table {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-collapse: collapse;
}

body#level2 table.bordered {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-collapse: collapse;
	border: solid 1px #888;
}

body#level2 table.bordered th {
	background-color: #ddd;
	border: solid 1px #888;
	text-align: center;
	vertical-align: middle;
	padding: 3px;
}

body#level2 table.bordered td {
	border: solid 1px #888;
	padding: 3px;
}

body#level2 table.bordered2 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-collapse: collapse;
	border: solid 1px #888;
}

body#level2 table.bordered2 th {
	background-color: #ddd;
	border: solid 1px #888;
	text-align: left;
	vertical-align: middle;
	padding: 3px;
}

body#level2 table.bordered2 td {
	border: solid 1px #888;
	padding: 3px;
	text-align: center;
}

body#level2 table.horizontal {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-collapse: collapse;
	border: none;
}

body#level2 table.horizontal th {
	font-size: 1em;
	background-color: transparent;
	border: none;
	padding: 0px;
	text-align: right;
	vertical-align: top;
}

body#level2 table.horizontal td {
	font-size: 1em;
	border: none;
	padding: 0;
	padding-left: 1em;
	padding-right: 1em;
	text-align: left;
	vertical-align: top;
}

/*****************************************************************************/