@charset "utf-8";
@import "school.css";
@import "course.css";
@import "entrance_exam.css";
@import "life.css";
@import "facilities.css";
@import "sitemap.css";
@import "student.css";
/* CSS Document */

html {
font-family : 'ＭＳ Ｐゴシック',sans-serif ;
font-size:12px;
color:#666666;
line-height:140%;
letter-spacing:0.1em;
}

body {
background:url(../img/bg.jpg) repeat-x top center;
text-align:center;
margin:0;
}

h1 {
font-size:10px;
color:#666666;
margin:0;
padding:0;
text-align:right;
font-weight:normal;
}

h2 {
margin:0;
padding:0 0 20px 0;
}

h3 {
margin:0;
font-size:14px;
color:#2157b7;
padding:0 0 0 13px;
line-height:160%;
}

.h3-outline {
border-bottom:1px solid #d6d6d6;
background:url(../common/img/bg_h3.gif) no-repeat top left;
padding:0;
margin:0 0 20px 0;
height:23px;
}

img {border:0;}

.item-h4-1{
margin:0 0 10px 0;
font-size:12px;
color:#2157b7;
padding:0 0 2px 17px;
line-height:120%;
background:url(../common/img/bg_h4.gif) no-repeat 0 0;
border-bottom:1px dotted #d6d6d6;
}

.item-h4-2{
margin:0 0 20px 0;
font-size:12px;
color:#2157b7;
padding:0 0 2px 17px;
line-height:120%;
background:url(../common/img/bg_h4.gif) no-repeat 0 0;
border-bottom:1px dotted #d6d6d6;
}

.item-h4-3{
margin:0 0 10px 10px;
font-size:12px;
color:#2157b7;
padding:0 0 2px 0;
line-height:120%;
border-bottom:1px dotted #d6d6d6;
}

.item-h5-1 {
line-height:140%;
letter-spacing:0.1em;
padding:0 10px 10px 10px;
margin:0;
font-size:14px;
color:#2157b7;
}

#wrapper1 {
background:url(../img/bg_wrapper1.jpg) repeat-y top center;
width:770px;
margin:0 auto;
}

#wrapper2 {
background:url(../img/bg_wrapper2.jpg) no-repeat top center;
width:770px;
margin:0;
text-align:center;
}

#main {
width:684px;
margin:0 auto;
position:relative;
}

/* header */

#header {
width:684px;
margin:0 auto;
text-align:left;
height:62px;
position:relative;
}

#logo {
position:absolute;
top:10px;
left:10px;
text-align:left;
}

#header-navi {
position:absolute;
top:43px;
left:351px;
text-align:left;
width:354px;
}

#header-navi ul {
margin:0;
list-style-type:none;
overflow:auto;
clear:left;
padding:0;
text-align:left;
width:354px;
overflow-x:hidden;
}

#header-navi li {
float:left;
margin:0;
padding:0;
width:85px;
}

#header-navi li a {
padding:0 0 0 14px;
margin:0;
color:#666666;
text-decoration:none;
font-size:10px;
background:url(../img/list_img01.gif) no-repeat 0 0px;
}

#header-navi li a:hover {
color:#666666;
text-decoration:underline;
}

#search-box {
position:absolute;
top:17px;
left: 505px;
}

#search{width:110px;}

#search-txt{float:left; width:118px;}

#search-btn{float:left; width:60px;}


/* navigation */

#navi1 {
background:url(../img/navi_bar.gif) repeat-x top center;
width:684px;
height:20px;
text-align:right;
margin:0 auto;
padding:0;
}

#navi1 ul {
margin:0;
padding:0;
list-style-type:none;
overflow:auto;
clear:right;
}

#navi1 li {
float:right;
padding:0 10px 0 10px;
margin:0;
}

#navi1 .left-border {
background:url(../img/navi_border.gif) no-repeat top left;
}


/* sidenavi */

#sidenavi {
padding:0;
margin:0;
position:absolute;
top:0;
left:0;
background-color:#f5f8ff;
text-align:center;
}

#sidenavi-sub {
width:186px;
text-align:left;
padding:10px 0;
}

#sidenavi-sub ul {
list-style-type:none;
margin:0;
padding:0;
}

#sidenavi-sub li {
margin-right:9px;
padding:8px 0;
border-bottom:1px dotted #7da3ce;
background:url(../common/img/list-img03.gif) no-repeat 4px 14px;
}

#sidenavi-sub a {
color:#084da1;
text-decoration:none;
margin-left:15px;
display:block;
}

#sidenavi-sub a:hover {
color:#f1890f;
text-decoration:none;
}

/* contents */

#contents {
width:478px;
background-color:#FFF;
padding:0 0 0 206px;
text-align:left;
}

#pan {
width:458px;
font-size:10px;
padding:5px 0;
}

#pan a{
color:#f1890f;
text-decoration:none;
}

#pan a:hover {
color:#f1890f;
text-decoration:underline;
}

.contents-box {
margin-bottom:20px;
clear:both;
}

.contents-box2 {
border-top:1px dotted #CCC;
}

.contents-box3 {
padding:10px 0;
background-color:#f5f8ff;
border:1px solid #c5d3e0;
}

.contents-box-color {
padding:10px 0;
background-color:#fffaef;
border:1px solid #fdeab3;
}

.contents-title dt{
background:url(../common/img/bg_contents_title.gif) no-repeat top left;
margin:0 0 5px 10px;
height:18px;
padding: 2px 0 0 25px;
font-size: 14px;
}

.contents-title dd {
line-height:160%;
padding:0 0 5px 0;
margin:0 0 20px 35px;
border-bottom:1px dotted #CCC;
}
.contents-title a{
color:#2157b7;
text-decoration:none;
}

.contents-title a:hover {
color:#f1890f;
text-decoration:underline;
}

/* footer */

#footer {
background:url(../img/bg_wrapper_bottom.jpg) no-repeat bottom center;
width:770px;
margin:0 auto;
padding:20px 0;
clear:both;
}

#footer address{
font-size:10px;
float:left;
padding-top:5px;
padding-left:40px;
font-style:normal;
}

#copy {
background:url(../img/bg_footer.gif) repeat-x top left;
width:684px;
height:15px;
margin:0 auto;
text-align:left;
}

#copy img {
padding-left:10px;
}

#footer-navi {
width:760px;
margin:0 auto;
}

#footer-navi ul {
margin:0;
padding:5px 30px 5px 0;
list-style-type:none;
overflow:auto;
clear:right;
}

#footer-navi li {
float:right;
margin:0;
padding:0;
}

#footer-navi li a {
padding:0 10px 0 14px;
margin:0;
color:#666666;
text-decoration:none;
font-size:10px;
background:url(../img/list_img01.gif) no-repeat 0 0px;
}

#footer-navi li a:hover {
color:#666666;
text-decoration:underline;
}


#footer #pagetop {
text-align:right;
padding-right:50px;
padding-bottom:10px;
}

.pagetop {
text-align:right;
padding-bottom:10px;
}

#pagetop a, .pagetop a{
color:#f1890f;
text-decoration:none;
}

#pagetop a:hover, .pagetop a:hover{
color:#f1890f;
text-decoration:underline;
}

/* text */

.txt-1 {
line-height:160%;
letter-spacing:0.1em;
padding:0 10px 10px 10px;
margin:0;
}

.txt-1 a {
color:#f1890f;
text-decoration:underline;
}

.txt-1-right {
line-height:160%;
letter-spacing:0.1em;
padding:0 10px 10px 10px;
margin:10px 0;
text-align:right;
}

.txt-3 {
line-height:120%;
letter-spacing:0.1em;
padding:5px 0;
margin:0;
}

.txt-cur-right {
letter-spacing:0.1em;
margin:5px 0 10px 0;
text-align:right;
}


.orange {
color:#f1890f;
}

.blue {
color:#2157b7;
}

/* list */
.list-1 {
margin:0;
padding:0 0 10px 30px;
}

.list-1 li {
margin:0;
padding:0;
line-height:160%;
}

.list-2 {
margin:0;
padding:0 0 10px 30px;
}

.list-2 li {

line-height:160%;
}

.list-3 {
line-height:160%;
list-style-type:none;
margin:0;
padding:0 0 0 20px;
}

.list-3 a {
color:#f1890f;
text-decoration:none;
background:url(../common/img/btn_list1.gif) no-repeat 0 3px;
padding-left:15px;
}

.list-3 a:hover {
color:#f1890f;
text-decoration:underline;
}


.q {
list-style-image:url(../entrance/img/q.gif);
margin:0;
padding:0 0 5px 0;
color:#2157b7;
font-weight:bold;
}

.a {
list-style-image:url(../entrance/img/a.gif);
margin:0;
padding:0 0 20px 0;
}

.access-img {
margin-left:9px;
}

/* newsarea */

#news-area {
width:478px;
text-align:left;
vertical-align:top;
}

.news-bar{
background:url(../img/bg_nami.gif) repeat;
width:478px;
height:20px;
border-top:3px solid #CCC;
}

/* お知らせ */

.info {
width:477px;
clear:both;
}

.info ul{
overflow:auto;
clear:left;
margin:0px;
padding:0;
list-style-type:none;
}

.day {
float:left;
width:75px;
background:url(http://www.highs.josho.ac.jp/img/list_img02.gif) no-repeat 0 1px;
padding:0 0 0 15px;
vertical-align:top;
}

.event {
float:left;
width:376px;
vertical-align:top;
padding-left:10px;
margin:0 0 7px 0;
}

.event a{
color:#666666;
text-decoration:none;
}

.event a:hover {
color:#666666;
text-decoration:underline;
}

span.new {
display: none;
margin-right:3px;
}

.hisbtn{
text-align:right;
margin:0;
}

.hisbtn a{
padding-left: 1.2em;
background:url(http://www.highs.josho.ac.jp/img/list_img03.gif) no-repeat 0 3px;
color:#666666;
text-decoration:none;
}

.hisbtn a:hover {
color:#f1890f;
text-decoration:underline;
}

.txt-r{
text-align:right;
}

.underline{text-decoration:underline;}