@charset "utf-8";
/* CSS Document */

/* reset */
body,
h1, h2, h3, h4, h5, h6,
p, ul, ol, dl, dt, dd, li, table, th, td,
form, select, option, address, pre, blockquote, code{
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	text-align:left;
  font-family:'Hiragino Kaku Gothic Pro W3', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'MS P Gothic', 'ＭＳ Ｐゴシック', sans-serif;
}

ul, ol, dl{
	list-style-type:none;
}

li li, li p, li pre, li dt, li dd,
dd li, dd p, dd pre, dd dt, dd dd{
	font-size:100%;
}

p{
    line-height:160%;
		font-family:'Meiryo', 'メイリオ', 'MS P Gothic', 'ＭＳ Ｐゴシック', sans-serif;
}

a:link, a:visited{
	text-decoration:none;
}
	
a:hover, a:active{
	text-decoration:none;
	border-bottom:#ccc 1px solid;
}

a:hover.img, a:active.img{
	text-decoration:none;
    border:none;
}

img{
	border:0;
	margin:0;
	padding:0;
	vertical-align:bottom;
}

.clear{clear:both;}	
.bold{font-weight:bold;}
.align_c{text-align:center;}
.align_r{text-align:right;}

/* main */

body{
	background-image:url(images/background.gif);
	background-repeat:repeat-y;
	background-position:center top;
}

#wrapper{
	width:960px;
	margin:0 auto;
	padding-left:1px;
    /* IE8向け */
	padding-left/*\**/:0\9;
}

#head_navi{
	margin:5px 0;
	text-align:center;
}

#toshinlogo{
	width:960px;
	height:30px;
	text-align:right;
	background-color:#02836a;
}

#main{
	position:relative;
}

h1{
	z-index:0;
}

#main #button{
	z-index:1;
	position:absolute;
	width:226px;
	top:18px;
	left:706px;
}

#points{
	width:960px;
	padding-top:10px;
	background-color:#02836a;
}

#points #left{
	width:400px;
	float:left;
}

#points #right{
	width:560px;
	float:right;
}

#grade{
	margin-bottom:10px;
	padding:10px 0;
	background-color:#02836a;
}

#grade h2{
	margin:0 10px;
	float:left;
	display:inline;
}

#left_column{
	width:282px;
	float:left;
	display:inline;
}

#left_column h3{
	margin:0 0 10px 10px;
}

#left_column h4{
	margin:10px 0;
}

.moshi{
	font-weight:bold;
	margin:4px 0 4px 10px;;
}

#right_column{
	width:658px;
	margin-right:10px;
	float:right;
	display:inline;
}

#right_column h2{
	margin-bottom:10px;
}

.taikenki_l{
	border:#ccc 1px solid;
	margin-bottom:10px;
	float:left;
	display:inline;
}

.taikenki_r{
	border:#ccc 1px solid;
	margin:0 0 10px 18px;
	float:left;
	display:inline;
}

.taikenki_l .box, .taikenki_r .box{
	width:318px;
	height:188px;
	background-image:url(images/taikenki_bg.gif);
	background-repeat:no-repeat;
	background-position:center top;
}

.box .univ{
	color:#f60;
	font-size:14px;
	font-weight:bold;
	padding:4px;
}

.box .name{
	color:#096;
	font-size:14px;
	font-weight:bold;
	padding:4px;
	float:left;
}

.box .hses{
	color:#630;
	padding:4px;
	float:right;
}

.box .text1{
	padding:4px 4px 0 144px;
	background-image:url(images/taikenki1.jpg);
	background-repeat:no-repeat;
	background-position:2px 12px;
}

.box .text2{
	padding:4px 4px 0 144px;
	background-image:url(images/taikenki2.jpg);
	background-repeat:no-repeat;
	background-position:2px 10px;
}

.box .text3{
	padding:4px 4px 6px 144px;
	background-image:url(images/taikenki3.jpg);
	background-repeat:no-repeat;
	background-position:2px 4px;
}

.box .text4{
	padding:4px 4px 0 144px;
	background-image:url(images/taikenki4.jpg);
	background-repeat:no-repeat;
	background-position:2px 10px;
}

.box .text5{
	padding:4px 4px 4px 144px;
	background-image:url(images/taikenki5.jpg);
	background-repeat:no-repeat;
	background-position:2px 4px;
}

.box .text6{
	padding:4px 4px 4px 144px;
	background-image:url(images/taikenki6.jpg);
	background-repeat:no-repeat;
	background-position:18px 4px;
}

.box .text1 p, .box .text2 p, .box .text3 p, .box .text4 p, .box .text5 p, .box .text6 p, .box .text7 p{
	color:#333;
	margin:0;
	line-height:140%;
}

.box .link{
  line-height:140%;
	color:#f69;
	text-align:right;
}

.box .small{
	font-size:12px;
}

#center_left{
	margin:0 0 10px 10px;
	float:left;
	display:inline;
}

#center_left .box{
	width:310px;
}

#center_left p#midashi{
	font-weight:bold;
	font-size:14px;
	color:#f60;
	line-height:140%;
	margin-bottom:20px;
}

#center_right{
	border:#ccc 1px solid;
	margin:0 0 10px 18px;
	padding:6px 10px 10px 10px;
	float:right;
}

#center_right .box{
	width:298px;
	height:182px;
}

#center_right h3{
	font-weight:bold;
	font-size:14px;
	color:#f36;
	margin:4px 0;
}

#footer{
	padding:20px 0;
	background-color:#02836a;
}

#footer p{
	font-size:10px;
	color:#fff;
	text-align:center;
	line-height:120%;
}

/* each grade */

#pankuzu{
	margin-left:10px;
}

#h3_contents, #h2_contents, #h1_contents{
	width:760px;
	margin:20px auto;
}

#grade_search{
	margin:20px 0;
	text-align:center;
}

#h3_contents h2{
	margin-bottom:20px;
}

#h3_contents h3, #h2_contents h3, #h1_contents h3{
	font-size:16px;
	font-weight:bold;
	color:#06C;
	margin:10px 0;
}

#h3_contents h4, #h2_contents h4, #h1_contents h4{
	font-size:14px;
	font-weight:bold;
	margin:10px 0;
}



#h3_contents .text{
	padding:10px 20px;
	background-color:#fee5cd;
}

#h1_contents .text, #h2_contents .text{
	padding:10px 20px;
	background-color:#fef8ef;
}

#h1_contents .text h3, #h2_contents .text h3{
	margin-bottom:10px;
}

#h1_contents .pic2, #h2_contents .pic2, #h3_contents .pic1{
	float:left;
	margin:0 20px 20px 0;
	display:inline;
}

#h1_contents .pic1, #h2_contents .pic1, #h3_contents .pic2{
	float:right;
	margin:0 0 20px 20px;
	display:inline;
}

.message{
	text-align:center;
	margin:20px 0;
}

#taikei{
	width:800px;
	height:240px;
	margin:0 auto 20px auto;
	background-image:url(images/kouza/taikei_bg.gif);
}

#taikei .subject{
	float:left;
	margin:70px 1px 0 8px;
	display:inline;
}

.back{
	width:820px;
	height:280px;
	margin:0 auto 20px auto;
	background-image:url(images/back_con.jpg);
}

.back2{
	width:820px;
	height:150px;
	margin:0 auto 20px auto;
	background-image:url(images/back_con.jpg);
}

.ma{
	margin:40px auto auto auto;
}

.ban{
	margin:45px auto auto 10px;
}

.ban2{
	margin:45px auto auto 10px;
}

.ban3{
	margin:10px auto auto 10px;
}