@charset "utf-8";

@import "reset.css";
@import "common.css";

/* ============== layout ============== */

html, body {width: 100%;height: 100%;}
body {
	width: 100%;height: 100%;font-size: 0.9em;line-height: 1.7em;color: #555;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#wrapper {
	width: 950px;min-height: 100%;margin: 0 auto;padding: 0;background: url(../img/conteiner.gif) repeat-y top left;
	text-align: center;border-left: 3px solid #eee;border-right: 3px solid #eee;
}
body > #wrapper {height: auto;}

#header {width: 950px;height: 300px;margin: 0;padding: 0;background: url(../img/header.jpg) no-repeat 0 0;}
#header h1#siteid {width: 546px;height: 114px;margin: 11px 0 0 19px;padding: 0;float: left;display: block;}
* html #header h1#siteid {margin: 11px 0 0 10px;padding: 0;}

#side {width: 250px;height: 100%;margin: 0;padding: 0;float: left;}
#side ul#menu {margin: 0;padding: 0;}
#side ul#menu li a {width: 250px;height: 45px;display: block;text-indent: -9999px;}
#side ul#menu li a#m00 {background: url(../img/m00_home.gif) no-repeat 0 0;}
#side ul#menu li a#m01 {background: url(../img/m01_organization.gif) no-repeat 0 0;}
#side ul#menu li a#m02 {background: url(../img/m02_schedule.gif) no-repeat 0 0;}
#side ul#menu li a#m03 {background: url(../img/m03_concert.gif) no-repeat 0 0;}
#side ul#menu li a#m04 {background: url(../img/m04_athletic.gif) no-repeat 0 0;}
#side ul#menu li a#m05 {background: url(../img/m05_social_science.gif) no-repeat 0 0;}
#side ul#menu li a#m06 {background: url(../img/m06_english.gif) no-repeat 0 0;}
#side ul#menu li a#m07 {background: url(../img/m07_shosha.gif) no-repeat 0 0;}
#side ul#menu li a#m08 {background: url(../img/m08_art.gif) no-repeat 0 0;}
#side ul#menu li a#m09 {background: url(../img/m09_supportclass.gif) no-repeat 0 0;}
#side ul#menu li a#m10 {background: url(../img/m10_backnumber.gif) no-repeat 0 0;}
#side ul#menu li a#m11 {background: url(../img/m11_scu.gif) no-repeat 0 0;}
#side ul#menu li a#m00:hover {background: url(../img/m00_home_o.gif) no-repeat 0 0;}
#side ul#menu li a#m01:hover {background: url(../img/m01_organization_o.gif) no-repeat 0 0;}
#side ul#menu li a#m02:hover {background: url(../img/m02_schedule_o.gif) no-repeat 0 0;}
#side ul#menu li a#m03:hover {background: url(../img/m03_concert_o.gif) no-repeat 0 0;}
#side ul#menu li a#m04:hover {background: url(../img/m04_athletic_o.gif) no-repeat 0 0;}
#side ul#menu li a#m05:hover {background: url(../img/m05_social_science_o.gif) no-repeat 0 0;}
#side ul#menu li a#m06:hover {background: url(../img/m06_english_o.gif) no-repeat 0 0;}
#side ul#menu li a#m07:hover {background: url(../img/m07_shosha_o.gif) no-repeat 0 0;}
#side ul#menu li a#m08:hover {background: url(../img/m08_art_o.gif) no-repeat 0 0;}
#side ul#menu li a#m09:hover {background: url(../img/m09_supportclass_o.gif) no-repeat 0 0;}
#side ul#menu li a#m10:hover {background: url(../img/m10_backnumber_o.gif) no-repeat 0 0;}
#side ul#menu li a#m11:hover {background: url(../img/m11_scu_o.gif) no-repeat 0 0;}

#content {width: 690px;height: 100%; min-height:600px; margin: 15px 0 15px 0;padding: 0;float: right;text-align: left;}
*html #content {margin: 10px 5px 10px 0;padding: 0; min-height:600px;}
#content #infomation {
	width: 680px;height: 400px;margin: 5px 0 15px 0;padding: 5px 0;
	overflow: auto; border: 1px solid #eee;
}
#content #infomation dl {clear: both;}
#content #infomation dt {
	width: 130px;background: url(../img/info_li.gif) no-repeat 0 center;
	margin: 0 0 0 10px;padding: 0 0 0 30px;float: left;
	font-size: 1.1em;font-weight: 600;line-height: 1.9em;color: #555;
}
#content #infomation dd {width: 470px;float: left;line-height: 2.1em;border-bottom: 1px dotted #ccc;}

#footer {width: 950px;height: 100px;background: #333;clear: both;}
#footer p#copy {margin: 0;padding: 70px 15px 0 0;text-align: right;}

/* ============== style ============== */

#content h2#pagetitle {margin: 0 0 15px 0;padding: 0;}
#content h3 {
	font-size: 1.5em;font-weight: 600;color: #008080;margin: 15px 10px 10px 3px;padding: 3px 0 0 3px;
	border-left: 8px solid #5f9ea0;border-bottom: 3px dotted #ccc;
}
#content h4 {font-size: 1.3em;font-weight: 600;color: #777;margin: 0 12px 10px 15px;padding: 0;}
#content h4:first-letter {color: #ff8c00;}
#content h5 {font-size: 1.2em;font-weight: 500;color: #5e9b5e;margin: 0 12px 10px 15px;padding: 0;}
#content h6 {font-size: 1.1em;margin: 0 12px 5px 18px;padding: 0;}

#content p {margin: 0 12px 10px 18px;padding: 0;}
#content ul,#content ol {margin: 5px 8px 15px 18px;padding: 0;}
#content ul li {list-style-type: circle;margin: 0 5px 10px 18px;padding: 0;}
#content ol li {list-style-type: decimal;margin: 0 5px 10px 22px;padding: 0;}

#content table {margin: 0 auto 15px auto;padding: 0;}
#content table.bon th {
	margin: 0;padding: 5px 3px;vertical-align: top;border: 1px solid #996;
	font-size: 1.1em;font-weight: 600;background: #eee8aa;
}
#content table.bon tr, #content table.bon td {margin: 0;padding: 0 3px;vertical-align: top;border: 1px solid #996;}
#content table.bon tr.backr {background: #f7f7e6;}

/* ============== ***** ============== */
#wrapper #content .message {
padding: 10px;
margin: 10px;
text-align: center;
border-radius: 5px;
border: 5px solid #0078A4;
font-size: 1.5em;
background-color: #CAF1FF;
}