/*Cascading Style Sheets for Educational Corporation Shobi Gakuen */

* {
padding: 0;
margin: 0;
}

ul {
list-style: none;
}

a {
text-decoration: none;
}
a:link {
color: #1f8dff;
}
a:visited {
color: #5baeff;
}
a:hover {
color: #0040ff;
}
a:active {
color: #ff3f00;
}

body#index div#container {
border-color: #d4e6ff;
border-style: solid;
border-width: 1px;
width: 800px;
height: 450px;
margin: 24px auto;
position: relative;
background: url(../images/top_bg01.gif) 0px 0px;
}

body#index h1 {
position: absolute;
left: 400px;
top: 26px;
width: 174px;
height: 89px;
background: url(../images/top_title_174.jpg) 0px 0px no-repeat;
font-size: 1px;
text-indent: -2048px;
}

body#index p#logo {
background: url(../images/top_logo.jpg) 0px 0px no-repeat;
position: absolute;
left: 144px;
top: 26px;
width: 256px;
height: 256px;
text-indent: -2048px;
}

body#index p#photo-univ,body#index p#photo-mm {
position: absolute;
left: 144px;
top: 128px;
width: 256px;
height: 144px;
visibility: hidden;
}

body#index ul#link {
position: absolute;
left: 400px;
top: 123px;
}

body#index ul#link li span {
display: block;
position: absolute;
left: 0px;
text-indent: -2048px;
overflow: hidden;
}

body#index ul#link li#univ span {
top: 0px;
left: 0px;
width: 157px;
height: 87px;
background: url(../images/top_univ.jpg) 0px 0px no-repeat;
}

body#index ul#link li#mc span {
top: 96px;
left: 0px;
width: 226px;
height: 63px;
background: url(../images/top_mc.jpg) 0px 0px no-repeat;
}

body#index ul#link li#univ span:hover {
background-position: 0px -87px;
}

body#index ul#link li#mc span:hover {
background-position: 0px -63px;
}

body#index div.hr-r {
position: absolute;
left: 130px;
top: 304px;
width: 539px;
height: 11px;
border-width: 0px;
background: url(../images/top_hr.jpg) 0px 0px no-repeat;
}

div.hr-r hr {
display: none;
}


/*MENU*/
body#index ul#menu {
position: absolute;
left: 100px;
top: 346px;
width: 600px;
height: 32px;
}

body#index ul#menu li a {
position: absolute;
top: 0px;
height: 32px;
background: url(../images/top_menu.gif) 0px 0px no-repeat;
text-indent: -2048px;
overflow: hidden;
}

body#index ul#menu li#topics a {
left: 26px;
width: 70px;
background-position: -26px 0px;
}

body#index ul#menu li#topics a:hover {
background-position: -26px -32px;
}

body#index ul#menu li#info a {
left: 121px;
width: 125px;
background-position: -121px 0px;
}

body#index ul#menu li#info a:hover {
background-position: -121px -32px;
}

body#index ul#menu li#history a {
left: 270px;
width: 66px;
background-position: -270px 0px;
}

body#index ul#menu li#history a:hover {
background-position: -270px -32px;
}

body#index ul#menu li#access a {
left: 359px;
width: 94px;
background-position: -359px 0px;
}

body#index ul#menu li#access a:hover {
background-position: -359px -32px;
}

body#index ul#menu li#job-offer a {
left: 475px;
width: 100px;
background-position: -475px 0px;
}

body#index ul#menu li#job-offer a:hover {
background-position: -475px -32px;
}

body#index address {
position: absolute;
top: 400px;
width: 100%;
text-align: center;
font-style: normal;
font-size: 11px;
font-family: "Times New Roman", serif;
color: #888888;
}


/*Common*/


body.common div#container {
width: 800px;
margin: 24px auto;
position: relative;
border-color: #d4e6ff;
border-style: solid;
border-width: 1px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body.common h1 {
width: 800px;
height: 67px;
background: url(../images/bg_header.jpg) 0px 0px repeat-y;
}

body.common h1 a {
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 218px;
height: 67px;
background: url(../images/logo.jpg) 0px 0px no-repeat;
text-indent: -2048px;
overflow: hidden;
}

body.common h1 a:hover {
background: url(../images/logo_hover.jpg) 0px 0px no-repeat;
}

body.common ul#menu {
position: absolute;
top: 64px;
width: 800px;
height: 31px;
background: url(../images/bg_menu.jpg) 0px 0px repeat-x;
}

body.common h2 {
position: absolute;
width: 86px;
height: 26px;
left: 0px;
top: 69px;
background: url(../images/menu.gif) 0px -52px no-repeat;
text-indent: -2048px;
overflow: hidden;
width: 107px;
z-index: 1;
}

body.common ul#menu li a {
position: absolute;
display: block;
background: url(../images/menu.gif) 0px 0px no-repeat;
height: 26px;
top: 5px;
text-indent: -2048px;
overflow: hidden;
width: 107px;
}

body.common ul#menu li a:hover {
background-position: 0px -26px;
}

body.common ul#menu li#topics a {
left: 228px;
background-position: 0px 0px;
}

body.common ul#menu li#topics a:hover {
background-position: 0px -26px;
}

body.common h2.topics {
left: 228px;
background-position: 0px -52px;
}

body.common ul#menu li#info a {
left: 339px;
background-position: -110px 0px;
}

body.common ul#menu li#info a:hover {
background-position: -110px -26px;
}

body.common h2.info {
left: 339px;
background-position: -110px -52px;
}

body.common ul#menu li#history a {
left: 451px;
background-position: -223px 0px;
}

body.common ul#menu li#history a:hover {
background-position: -223px -26px;
}

body.common h2.history {
left: 451px;
background-position: -223px -52px;
}

body.common ul#menu li#access a {
left: 562px;
background-position: -334px 0px;
}

body.common ul#menu li#access a:hover {
background-position: -334px -26px;
}

body.common h2.access {
left: 562px;
background-position: -334px -52px;
}

body.common ul#menu li#job-offer a {
left: 673px;
background-position: -444px 0px;
}

body.common ul#menu li#job-offer a:hover {
background-position: -444px -26px;
}

body.common h2.job-offer {
left: 673px;
background-position: -444px -52px;
}


body.common ul#link {
position: absolute;
right: 20px;
top: 12px;
width: 226px;
height: 42px;
text-indent: -2048px;
overflow: hidden;
}

body.common ul#link li a {
position: absolute;
background-image: url(../images/link.jpg);
}

body.common ul#link li a:hover {
background-image: url(../images/link_hover.jpg);
}

body.common ul#link li#univ a {
display: block;
top: 0px;
left: 5px;
width: 89px;
height: 18px;
background-position: -5px 0px;
}

body.common ul#link li#univ-g a {
display: block;
top: 0px;
left: 101px;
width: 125px;
height: 18px;
background-position: -101px 0px;
}

body.common ul#link li#mc a {
display: block;
top: 24px;
left: 0px;
width: 226px;
height: 18px;
background-position: 0px -24px;
}

body.common div.contents {
margin-top: 24px;
padding: 12px 20px 12px 75px;
background: url(../images/bg_contents.gif) 7px 12px no-repeat;
}



body.common div.contents h3 {
font-size: 14px;
font-weight: bold;
line-height: 175%;
color: #404040;
margin-bottom: 6px;
}

body.common div.contents h3.follow {
padding-top: 24px;
margin-top: 12px;
border-top: dotted 1px #08f;
}

body.common div.contents h4 {
font-size: 12px;
font-weight: bold;
line-height: 175%;
color: #404040;
margin-bottom: 6px;
}


body.common div.contents p {
font-size: 12px;
line-height: 175%;
color: #404040;
margin-bottom: 12px;
}

body.common div.contents table {
font-size: 12px;
line-height: 150%;
color: #404040;
margin-bottom: 12px;
border-style: solid;
border-width: 1px;
border-color: #d4e6ff;
}

body.common div.contents table th{
text-align: left;
font-weight: bold;
background: #d4e6ff;
padding: 1px 3px;
}

body.common div.contents ul {
font-size: 12px;
line-height: 200%;
color: #404040;
margin-bottom: 12px;
}

body.common div.contents dl {

}

body.common div.contents dt {
font-size: 12px;
line-height: 200%;
text-align: left;
font-weight: bold;
background: #d4e6ff;
padding: 1px 3px;
}

body.common div.contents dd {
margin-left: 12px;
}
body.common div.contents dd h4 {
margin-top: 3px;
margin-bottom: 3px;
}

body.common div.contents a.page-top {
position: relative;
left: 640px;
display: block;
width: 59px;
height: 15px;
background: url(../images/pagetop.jpg) 0px 0px no-repeat;
text-indent: -2048px;
overflow: hidden;
clear: both;
}

body.common div.contents a.page-top:hover {
background: url(../images/pagetop_hover.jpg) 0px 0px no-repeat;
}

body.common div#footer-navi {
width: 800px;
height: 19px;
background: url(../images/bg-footer-navi.jpg) 0px 0px no-repeat;
margin-bottom: 4px;
text-indent: 75px;
font-size: 10px;
color: #626262;
}

body.common address {
width: 800px;
height: 27px;
text-indent: -2048px;
overflow: hidden;
background: url(../images/address.jpg) 0px 0px no-repeat;
}

body.common *.right {
float: right;
margin: 0px 0px 3px 6px;
}

body.common *.left {
float: left;
margin: 0px 6px 3px 0px;
}

body.common hr {
clear: both;
visibility: hidden;
}

div.col {
clear: both;
border-style: solid;
border-width: 1px;
border-color: #d4e6ff;
padding: 10px;
margin-bottom: 10px;
}

ul.history li {
margin-bottom: 12px;
}

ul.history span.year {
display: block;
font-size: 18px;
margin-right: 10px;
color: #0181ff;
}

div.column2-1, div.column2-2 {
width: 320px;
}

div.column2-1 {
float: left;
margin-right: 10px;
}

div.column2-2 {
float: left;
}