﻿/* CSS Information ==========
File name: main.css
Editors: Gatensoft
Date: 2009.04.12
Table of Contents:
	* メイン
===========================*/

/* ---- メイン ---- */
#main h2
{
	border-bottom: 1px dashed #999999;
	font-size: medium;
	background-image:url(../../picture/icon/point040_01.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-indent: 15px;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 0;
	padding-top: 0em;<link rel="stylesheet" type="text/css" href="main.css">
	padding-right: 0.8em;
	padding-bottom: 0em;
}

#main h3.title
{
	margin: 1em 1em 0em 1em;
	padding: 0.2em 0.6em 0em 0.6em;
	color: #21084c;
	font-size: small;
	text-indent: 15px;
	line-height: 1.5em;
	border-left:#990000 solid 5px;
	border-bottom:1px dotted #999999;
}

#main h3
{
	margin: 1em 1em 0em 1em;
	padding: 0.2em 0.6em 0em 0.6em;
	color: #21084c;
	font-size: small;
	background-image: url("../../picture/top/h3.gif");
	background-position: left;
	background-repeat: no-repeat;
	text-indent: 15px;
	line-height: 1.5em;
}
#main ul.renraku li{
	font-size:1em;
	text-indent:5em;
	line-height:1.3em;
	color:#FF6600;
	
}

#main ul#updates
{
	font-size: small;
	margin-top: 0.5em;
	margin-right: 1em;
	margin-bottom: 0.5em;
	margin-left: 0em;
}

#main ul#updates li{
	
	line-height: 1.2em;
	vertical-align: middle;
	margin-left: 1em;
	margin-bottom: 0.5em;
	font-size: small;
	color: #330000;
}
#main ul#updates a{
	display:block;
	height:19px;
	widht:730px;
	border-bottom:1px dashed #999999;
	margin:0;
}

#main ul#updates a:link,a:visited{
text-decoration:none;
color:#0080C0;
list-style:none;
}
#main ul#updates a:visited{

color:#0080C0;
list-style:none;
}
#main ul#updates a:hover{
color:#FF6600;
background-color:#FFFF80;
}

#main span.updates{
	color:#990000;
}

#main ul.notice{
line-height:18px;
color:#333333;
}
#main ul.list{
margin-left:20px;

}
	

body.principal #main ul li
{
	font-size: small;
	margin-left: 3em;
}

body.privacy #main ul li
{
	font-size: small;
}

body.privacy #main ol, #main ol#number
{
	margin: 0.4em 1em 1em 3em;
	line-height: 1.5em;
	font-size: small;
	list-style-type: lower-roman;
	color: #330000;
}

body.privacy #main ol li
{
	font-size: small;
	list-style-type: lower-roman;
	color: #330000;
	margin-left: 1em;
}

body.paperworkalu #main ol, #main ol#number
{
	margin: .5em 1em .5em 2em;
	line-height: 1.2em;
	font-size: small;
	color: #330000;
}

body.paperworkalu #main ol li
{
	font-size: small;
	list-style-type: decimal;
	color: #330000;
	margin-left: auto;
	line-height: 1.4em;
}

#main p
{
	margin: 0.2em 1em 0.2em 2em;
	line-height: 1.5;
	font-size: small;
	text-indent: 1em;
	color: #330000;
}
#main p.indent2{
	text-indent:2em;
	}
#main p.indent3{
	text-indent:3em;
	}
#main p.indent4{
	text-indent:4em;
	}
#main p.indent10{
	text-indent:10em;
	}
#main p.indent20{
	text-indent:20em;
	}
#main p.indent30{
	text-indent:30em;
	}	
	
		
#main em
{
	font-size: large;
	color: #330000;
}

#main img
{

}

body.principal #main img
{
	float: right;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 0.2em;
}

#main table
{
	margin: .5em 2em .5em 2em;
	background-position: center bottom;
	border: 1px solid #eeeeee;
	background: #fff4e7;
	background-repeat: repeat-x;
}

#main caption
{
	font-weight: bold;
	padding-left: 10px;
	border-left-style: solid;
	border-left-width: 6px;
	border-left-color: #e6a52c;
	line-height: 1.8em;
	text-align: left;
	vertical-align: middle;
	margin-bottom: .2em;
	padding-bottom: .3em;
	margin-top: .5em;
	padding-top: .3em;
}

#main table th
{
	border: 1px solid #07538f;
	text-align: center;
	padding: 0.5em 0.3em 0.5em 0.3em;
	color: #ffffff;
	background-color: #ff924a;
	background-repeat: repeat-x;
	font-weight: bold;
}

#main ul.target a:visited{
color:#666666;
}
#main ul.target a:hover{
color:#FF6600;
}

#main a:hover.dosokai{
display:block;
background-image:url(../../ja/top/pic/dousoukai_btn_dark.png);
width:170px;
height:50px;
text-indent:-10000px;   
list-style:none; 
}
#main a:link.dosokai{
display:block;
background-image:url(../../ja/top/pic/dousoukai_btn.png);
width:170px;
height:50px;
text-indent:-10000px;   
list-style:none; 
}

/* 進路データ用テーブル */
#main table.shinro tr td{
line-height:13px;
color:#666666;

}


#main thead.shinro tr td{
background-color:#CC6666;
border:1px solid #333333;
color:#FFFFFF;
}

#main tbody.shinro tr td{
line-height:13px;
border-bottom:1px solid #333333;
border:1px solid #333333;

}
#main tbody.shinro th{
background-color:#990000;
color:#FFFFFF;
}

#main table.hogosha tr td{
border-bottom:1px solid #333;
}

#main table tr td
{
	border: 1px solid #07538f;
	padding: 0.8em 0.5em 0.8em 0.5em;
	line-height: 1.2em;
}
#main span.date{
color:#990000;
font-size:small;
}
#main span.spec{
color:#333333;
font-size:medium;
}

#main span.underline{

 text-decoration:underline;
 font:bold;
 
 
}


#main a:link .updates{
color:#0066FF;
}
#main a:link{
color:#0066FF;
}

#main a:hover{

color:#FF0000;
}

/* 校長 */
#main ul.kocho{
list-style:url(../../picture/icon/point040_01.gif) inside;
font-size:1.2em;
color:#990000;
line-height:200%;
text-indent:3em;
magrin-top:5px;

}

/*トピックスの記事を入れる枠*/
div.topics{
	float:left;
	width:710px;
	height:auto;
	border:1px solid #CCCCCC;
	padding:0px;
	margin-top: 10px;
	background-color: #FFF7D7;

}

#main h4.topics_title{
	height:20px;
	border-left:10px solid #FF6600;
	border-bottom:1px solid #999999;
	width:680px;
	font-weight:bold;
	font-size:1.3em;
	color:#990000;
	margin-bottom:10px;
	padding-left:10px;
	margin-top: 0px;
	margin-left: 10px;

}
#main p.bold{
	font-size:large;
	font-weight:600;
	
	
}

#main p.date{
	font-size:10px;
	color:#999999;
	text-align:left;
	float: none;
	position: relative;
	left: -30px;
	top: -5px;
}
#main p.strong{
 font-size:120%;
 color:#FF3300;
 font-weight:bold;
 }
 #main p.strong2{
 font-size:110%;
 color:#0033FF;
 font-weight:bold;
 }
#main ul.kocho{
line-height:130%;
font-size:120%;
color:#FF3300;
}
#main p.kocho_r{
line-height:130%;
text-align:right;
font-size:130%;

}
#main ul.mylist{
font-size:110%;
color:#0000FF;
text-indent:20px;
line-height:120%;
}

#sidenav div.test{
	width:160px;
	height:50px;
	text-align: center;
	float: left;
	border-top: thick solid #0099FF;
	border-left:thick solid #0099FF;
	border-right: thick solid #000099;
	border-bottom: thick solid #000099;
	background-color: #CCFFCC;
	font-size: 14px;
	
	font-weight: bold;
	top: 35px;
	padding-top:10px;
	padding-bottom:10px;
}

#sidenav p.small{
font-size:x-small;
color:#333333;
}

#main div.dots{
 float:left;
 border:1px dashed;
 margin-left:50px;
 
}
