@charset "utf-8";

/*-----------------------------------------------------------
  読みやすくする為にもCSSの記述の仕方は統一させましょう。
  例：
body {
	margin:0;
	padding:0;
}

  コメントアウトも有効に使用し、分かりやすく整理しましょう。
  その他細かいことは、http://css-happylife.com/を参照して下さい。

-----------------------------------------------------------*/

/*
 リセット [
----------------------------------------------------------- */
* {
	margin:0;
	padding:0;
	
}

/*
 追記 [
----------------------------------------------------------- */
#page h1{
	font-size:13px;
	font-weight:normal;
	margin:0px 20px 0px 0px;
	padding:0px;
	text-align:right;
}

#foot p{
	font-size:12px;
}

#main h1{
	font-size:12px;
	font-weight:normal;
	margin:0px;
	padding:0px;
	display:inline;
	line-height:160%;
	letter-spacing:0.1em;
}

/*
 全体設定 [
----------------------------------------------------------- */
html{
    height:100%;
}

body {
	background:#ccc url(../image/bg.gif);
	font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size:80%;
	color:#424242;
	text-align:center;
	height: 100%;
}
h2,h3,h4,h5,h6 {
	font-weight:normal;
}
p,li {
	line-height:160%;
}
	
p {
	margin:0 0 1em 0;
}
li {
	list-style-type:none;
}
img {
	border:0;
}
imp {
	color:#ff0000;
}

table {
border-collapse: collapse;
border-spacing: 1px;
font-size: 90%;
line-height: 180%;

}

td, th {
padding:3px 3px;
border:solid 1px #eee;
vertical-align:top;
}

table caption{
background: #efefef;
color: #333;
text-align: center;
font-size: 1.2em;
line-height:3em;
}

thead th {
background: #eee;
border-bottom:solid 1px #ddd;
border-top:solid 1px #fff;
text-align:left;
}

tfoot td, tfoot th{
background: #eee;
border-bottom:solid 1px #fff;
border-top:solid 1px #ccc;
}

td.odd{
background:#D9E0EB;
}


/* links */

td a, td a:visited {
padding-top:6px;
padding-bottom:6px;
margin-top:-6px;
margin-bottom:-6px;
}

/*td a {
color:#000;
}

td a:visited {
color:#000;*/
}

tbody th a {
background: url() center left no-repeat;
padding-left:20px;
/*color:#333;*/
}

tbody a[title^="Download"] { 
background: url() center left no-repeat;
padding-left: 20px;
}


/*
 Link Color [
----------------------------------------------------------- */
a {
	text-decoration:none;
}
a:link {
	color:#blue;
}
a:visited {
	color:#blue;
}
a:hover {
	text-decoration:underline;
}
a:active {
	color:blue;
}

/*
 センタリンク [
----------------------------------------------------------- */
#wrap {
    text-align: center;/*IE6 の「後方互換モード」用*/
}

#page {

	position: relative;
	width:750px;
	margin:0 auto;
	background:#FFF;
	height:100%;
	min-height: 100%;
	border-right: 0px solid #999;
	border-left:0px solid #999;
	text-align:left;
	
}
body > #page {
        height: auto;
}

/*
 ポジション [
----------------------------------------------------------- */
#posi {
	
	width:740px;
	margin:0 auto;
	background:#66e08c;
	padding:5px 0px 5px 10px;
	text-align:left;
	color:#FFFFFF;
	
}


.topimage
{width:750px; height:569px; background:url(../image/topimage.gif) no-repeat 100%;
 margin:-2px 0px 50px -2px; padding-top:1px; position:relative; z-index:1;
 }

.topimage2
{width:379px; height:23px;  text-align:left; padding:0px 0px;margin:-350px 10px 5px 15px;
 z-index:3;position:relative;}

.topbtn{text-align:left;background:#fff; padding:0px 0px;margin:0px 0px 60px 0px; margin-left:7px;}
.topbtn ul{position:relative; z-index:2;}
.topbtn li{padding:0px 0px 0px 4px;list-style:none; display:inline;}

.topimage3
{width:500px; height:50px;  text-align:left; padding:0px 0px;margin:-40px 0px 80px 15px;
 z-index:4;position:relative;}


.image
{width:750px; height:286px; background:url(../image/title.gif) no-repeat 100%;
 margin:-55px 0px -60px 0px; padding-top:1px; position:relative; z-index:1;}
 .image2
{width:750px; height:286px; background:url(../student/image/title.gif) no-repeat 100%;
 margin:-55px 0px -60px 0px; padding-top:1px; position:relative; z-index:1;}
 .image3
{width:750px; height:286px; background:url(../company/image/title.gif) no-repeat 100%;
 margin:-55px 0px -60px 0px; padding-top:1px; position:relative; z-index:1;}

.menu{text-align:left;height:18px; background:#fff; padding:4px 0px;margin:-100px 0px 25px 210px;}
.menu ul{margin-left:10px; position:absolute; z-index:2;}
.menu li{padding:0px 0px 0px 4px;border-left: #0D3166 3px solid;list-style:none; display:inline; margin-left:7px;}
.menu li a{color: #000;}

/*
 メインコンテンツ [
----------------------------------------------------------- */
#container {

	float:left;
	margin:0 auto;
	background:#FFFFFF;
	padding:10px;
	text-align:left;
	
}
#container h3{
	clear: both;
	padding: 2px 2px 0.35em 0px;
	background: url(../image/h3_bg.gif) 0px 100% repeat-x;
	font-size: 107%;
	font-weight: bold;
}
#container h4{
	clear: both;
	padding: 2px 2px 0.35em 0px;
	/*background: url(../image/h3_bg.gif) 0px 100% repeat-x;*/
	font-size: 130%;
	font-weight: bold;
}

#container .waku{
	/*padding:10px;*/
	font-style:normal;
	background: #efefef;
	line-height:160%;
}
#container .waku2{
	font-style:normal;
	line-height:160%;
	text-align:right;
}
/*
 container
 side [
----------------------------------------------------------- */
#side {
	float:left;
	width:155px;
	margin-right:2px;
	margin-left:2px;
}

#side h2 {
	/*margin-bottom:10px;
	padding:3px 8px;
	font-size:120%;
	letter-spacing:.2em;
	text-transform:uppercase;*/
	width:130px;
	font-size:90%;
}
#side ul {
	margin-left:5px;
	margin-right:5px;
	
}
#side ul li {
	margin-bottom:10px;
	padding:0px 0px 0px 5px;
}
#side ul li a {
	width:145px;
	display: block;
	margin: 1px;
	/*border-left: #0518A4 2px solid;*/
	line-height:120%;
	color: #0D3166;
}
.sidemenu {

	background:url(../image/bg_sidemenu.gif) repeat-y;
	border:0px solid #CCC;
}

.syutoken {

	margin:5px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	width:155px;
	background:#fff;
	border:0px solid #CCC;
}


/*
 container
 main [
----------------------------------------------------------- */
#main {
	float:left;
	width:570px;
}

#main .section {
	margin:0 10px 20px;
}
#main .section p img {
	float:right;
	margin:0 0 5px 10px;
}
#main .more {
	position:relative;
}
#main .more a {
	position:absolute;
	top:-40px;
	right:10px;
	padding:0 5px 0 18px;
	/*background:#FFF url(../img/list_02.gif) no-repeat 5px .5em;*/
	color:black;
}
#main .more a:hover {
	text-decoration:none;
}
#main .section ul li {
	margin-bottom:5px;
	padding-left:10px;
}
#main .section li a {
	/*margin-left:1em;*/
}
#main ul{text-align:center;width:520px;}
#main li{padding:5px 5px 5px 5px;list-style:none; display:inline;}

#whole{text-align:center;width:550px;}

#main .waku{
	
	font-style:normal;
	background: #efefef;
	line-height:160%;
}
#main .waku li{
/*list-style-type : disc ;*/
padding-left:15px;
	margin-bottom:5px;
	display: list-item;
	/*padding:0px 0px 0px 4px;border-left: #0D3166 5px solid;*/
	padding:0px 0px 0px 4px;
}

#main .waku ul{width:530px;text-align:left;padding:5px;}


/*
 文字かざり(インライン要素) [
----------------------------------------------------------- */
em{
	font-style:normal;
	color: #ff0000;
}
small{
	font-style:normal;
	color: #7a7a7a;
}
strong{
	font-size: 130%;
	font-weight: bold;
	color: #ff0000;
}

hr{
	
	height:2px;
	margin:10px 0;

}
/*
 foot [
----------------------------------------------------------- */
#foot {
	clear:both;
	margin:0 20px;
	padding:5px 0 10px 0;
	border-top:1px solid #CCC;
}
#foot p {
	margin:0 0 2px 0;
}
#foot address {
	text-align:right;
	font-style:normal;
}