@charset "utf-8";

/* ------------------------------------
1.index
------------------------------------ */

/*-- 1-1 layout --*/

#cate-menu dl#about {
width: 320px;
float: left;
}

#cate-menu dl#outside {
width: 320px;
float: right;
}

#cate-menu dl#exstudent {
width: 650px;
clear:both;
}

#cate-menu dl#exstudent ul li{
width: 300px;
float: left;
}


/*-- 1-2 margin --*/

#cate-menu dl dd ul li {
margin: 0 9px 7px 9px;
}

#cate-menu dl#exstudent dd ul li {
margin: 0;
padding: 0 0 7px 9px;
}

#cate-menu dl#exstudent dd ul li#btn-employer {
padding-left: 30px;
}

/*-- 1-3 frame --*/

#cate-menu dd {
border-style: none solid solid solid; 
border-width: 1px;
border-color: #DECFB6; 
}

#cate-menu dl dt {
padding: 14px 0 11px 11px;
}

#cate-menu dl#about dt {
background: url(../img/school/bg_about.gif) no-repeat;
}

#cate-menu dl#outside dt {
background: url(../img/school/bg_outside.gif) no-repeat;
}

#cate-menu dl#exstudent dt {
background: url(../img/school/bg_exstudent.gif) no-repeat;
}




/* ------------------------------------
2.history
------------------------------------ */

/*-- 2-1 lead --*/

#history-lead {
min-height: 190px;
background: url(../img/school/history/img01.jpg) no-repeat right top;
}

/*For IE6*/
* html #history-lead {
height: 190px;
}

#history-lead p {
width: 440px;
}

#history h2 {
margin-top: 5px;
}

/*-- 2-2 history layout --*/

#history {
float: left;
width: 430px;
padding: 20px 0px;
}

#history table.table-gray {
margin-bottom: 30px;
}

#history table.table-gray th {
width: 6em;
padding: 7px 15px;
vertical-align:top;
line-height: 1.6;
}

#photo {
float: right;
width: 218px;
padding-top: 20px;
text-align: right;
}

#photo dl {
padding-right: 38px;
}

#photo dt {
padding-bottom: 30px;
}



/*-- 2-3 his-address --*/

#his-address p {
clear: both;
margin-bottom: 0em;
}

#his-address dl {
margin-bottom: 1em
}

#his-address dt {
float: left;
width: 4em;
}

/* ------------------------------------
3.contact
------------------------------------ */

/*-- 3-1 layout --*/

#contact-layout {
min-height: 220px;
background: url(../img/school/contact/img01.jpg) right top no-repeat;
}

/*For IE6*/
* html #contact-layout {
height: 220px;
}

#contact-layout p {
width: 380px;
}

/*-- 3-2 frame --*/

.ad-frame {
margin-top: 2em;
background: url(../img/school/contact/frame_middle_address.gif) repeat-y;
}

.ad-frame-top {
width:340px;
padding: 10px 20px 0 20px;
background: url(../img/school/contact/frame_top_address.gif) left top no-repeat;
color: #473D23;
}

.ad-frame-bottom {
width:380px;
padding: 0 20px 20px 20px;
background: url(../img/school/contact/frame_bottom_address.gif) left bottom no-repeat;
}


/* ------------------------------------
4.access
------------------------------------ */

/*-- 4-1 access --*/
#map,
#ac-address {
margin-left: 62px;
}

#for-ac-print {
text-align: right;
margin-right: 65px;
margin-bottom: 10px;
}

#for-ac-print li {
list-style-image: url(../img/common/icon_print.gif)
}

#map dl,
#main-ac-print dl  {
margin: 1em 0 0.5em 0;
}

#map dt,
#main-ac-print dt {
float: left;
width: 17em;
}

#ac-address p {
padding-top: 1em;
margin-bottom: 0;
}

#ac-address dt {
float: left;
width: 3em;
}


/*-- 4-2 acdetail --*/

#body-acdetail{
background-color:#FFFFFF;
}

#container-acdetail {
min-height: 100%;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 15px;
background-color:#FFFFFF;
text-align: left;
}

/*for IE6*/
* html #container-acdetail {
height: 100%;
}

#main-ac-photo p,
#main-ac-print p,
#main-ac-print ul, 
#main-ac-print dl{
line-height: 1.6;
margin-bottom: 1em;
}

#close-acdetail {
clear:both;
text-align:center;
}


/*-- 4-3 photo --*/

#main-ac-photo {
width: 450px;
}

#main-ac-photo .ac-photo {
margin-left: 73px;
margin-bottom: 40px;
}

#main-ac-photo p {
margin-right: 73px;
}

/*-- 4-4 print --*/

#main-ac-print {
width: 590px;

}

#main-ac-print-wrap {
padding-top: 10px;
padding-left: 25px;
}


#head-acdetail {
padding-left: 15px;
}

#main-ac-print h3 {
margin-top: 20px;
margin-bottom: 7px;
padding: 0 0 0 12px;
font-size: 100%;
color: #473D23;
line-height: 1.2;
background: url(../img/common/bg_h3_brown.jpg) no-repeat ;
}


#main-ac-print table td {
padding: 15px;

}


/* ------------------------------------
5.book
------------------------------------ */

/*-- 5-1 h2 --*/
#main #book h2 {
clear: both;
margin-bottom: 20px;
padding: 6px 0 6px 10px;
background: url(../img/school/book/bg_name.gif) no-repeat ;
}

/*-- 5-2 layout --*/
#main #book div.book-left {
float: left;
width: 140px;
padding: 0 20px 30px 10px;
_padding: 0 0 0 10px;
}

#main #book div.book-right {
float: right;
width: 478px;
padding-bottom: 30px;
_padding-bottom: 0;
}

/*-- 5-3 list --*/
#main #book ul {
padding-left: 5px;
}

/*-- 5-4 postscript --*/
#main #book p.postscript {
border-style: dashed; 
border-width: 1px;
border-color: #D0CDBC;
background-color: #EDE9DC;
padding: 10px 10px 10px 20px;
}

/* ------------------------------------
6.totetsu
------------------------------------ */

/*-- 7-1 lead --*/

#totetsu-lead {
min-height: 255px;
background: url(../img/school/totetsu/img01.jpg) no-repeat right top;
}

/*For IE6*/
* html #totetsu-lead {
height: 255px;
}

#totetsu-lead p {
width: 390px;
}

/*-- 7-2 totetsu02 --*/

#totetsu02 dl {
margin-bottom: 20px;
background: url(../img/school/totetsu/bg_mes_base.jpg) left bottom no-repeat;
}

#totetsu02 dt {
padding: 8px 0 1px 37px;
background: url(../img/school/totetsu/bg_mes_head.jpg) no-repeat;
_height: 33px;
}

#totetsu02 dd {
padding: 10px 15px 10px 15px;
background: url(../img/school/totetsu/bg_mes_middle.jpg) no-repeat;
font-size: 90%;
}

/*--7-3 totetsu04 --*/

#totetsu04 dl {
background: url(../img/clinic/inquiry_cl/frame_a_base.jpg) no-repeat;
margin-bottom: 20px;
}

#totetsu04 dt {
background: url(../img/clinic/inquiry_cl/frame_a_middle.jpg) left bottom no-repeat;
}

#totetsu04 dt p {
font-weight: bold;
margin-bottom: 0em;
padding: 10px 20px 21px 40px;
background: url(../img/clinic/inquiry_cl/icon_q_answer.gif) no-repeat 20px 1em;
}

#totetsu04 dd {
padding-bottom: 10px;
background: url(../img/clinic/inquiry_cl/frame_a_bottom.jpg) left bottom no-repeat;
}

#totetsu04 dd p {
padding-left: 40px;
padding-right: 20px;
background: url(../img/clinic/inquiry_cl/icon_a.gif) no-repeat 20px 0.45em;
}


/* ------------------------------------
7.openclass
------------------------------------ */

/*-- 7-1 lead --*/

#class-lead {
min-height: 205px;
background: url(../img/school/openclass/img01.jpg) no-repeat right top;
}

/*For IE6*/
* html #class-lead {
height: 205px;
}

#class-lead p {
width: 390px;
}


/*-- 7-2 class-list common --*/

.class-list dt {
font-weight: bold;
padding: 0 0 0 15px;
background: url(../img/common/icon_link.gif) no-repeat 0 0.4em;
}

/* for WinIE6 and below */
.class-list dt {
_background-position: 0 0.35em;
}

.class-list dd {
padding-left: 15px;
line-height: 1.4;
}



/*-- 7-3 class-list other --*/

#class-now .class-list {
padding-left: 15px;
}

#class-now .frame-bottom-brown {
padding-left: 30px;
padding-right: 20px;
}

#class-back .class-list {
padding: 8px 0 8px 2px;
border-bottom: 1px dashed #bfbfbf;
}




/*-- 7-4 detail page --*/

#class-title {
width: 650px;
height: 90px;
margin-bottom: 25px;
background: url(../img/school/openclass/bg_detail_title.gif) no-repeat;
}

#main #class-title h1.h1-openclass {
float: left;
width: 563px;
height: 100%;
margin-bottom: 0;
background-repeat: no-repeat;
}

h1.h1-openclass img {
margin-top: 18px;
margin-left: 0;
}

#class-title p {
float: right;
margin-top: 20px;
margin-right: 20px;
}

.datelec {
background: url(../img/school/openclass/line.gif) no-repeat 0 27px;
margin-top: 30px;
margin-bottom: 25px;
}

#main .datelec h2 {
float: left;
width: 100px;
margin-top: 0;
margin-bottom: 0;
padding: 0 0 5px 0;
background-position: -5000px;
}

#main .datelec p {
height: 29px;
padding-top: 0.2em;
}

#main .datelec p#lecturer-photo {
float: left;
height: 189px;
margin-right: 20px;
padding-bottom: 10px;
}

#main .datelec p#profile {
height: 100%;
margin-top: 20px;
padding-right: 80px;
}

#main .datelec p#profile img {
margin-bottom: 5px;
}

#place dt {
float: left;
}

#place dd a {
padding: 0 0 0 15px;
background: url(../img/common/icon_link.gif) no-repeat 0 0.1em;
}


#main .datelec p#lecturer-photo-10 {
float: left;
height: 198px;
margin-right: 20px;
padding-bottom: 0px;
}

#main .datelec p#lecturer-photo-13 {
float: right;
height: 100%;
margin-left: 20px;
margin-right: 20px;
padding-bottom: 0px;
}

#main .datelec p#profile-13 {
height: 100%;
margin-top: 20px;
margin-left: 10px;
padding-right: 10px;
}


/*-- 7-5 oldsite class --*/

.maintxt1 {
line-height: 1.6;
}

.maintxt2 {
font-size: 90%;
line-height: 1.6;
}

.oldsite-linkarrow {
margin-right: 5px;
}

#openclass .head {
padding-top: 1em;
padding-bottom: 0.5em;
}

#openclass .profile {
border-style: solid;
border-color: #FFCC66;
border-width: 1px;
}

#openclass .profile td#pro-frame {
padding: 7px;
}


/* ------------------------------------
8.forgradu
------------------------------------ */

/*-- 8-1 forgradu-01 --*/

#forgradu-01-1 p,
#forgradu-01-2 p,
#forgradu-01-3 p {
padding-left: 200px;
min-height: 135px;
_height: 135px;
}

#forgradu-01-1 p {
background: url(../img/school/forgradu/img01.jpg) left top no-repeat;
}

#forgradu-01-2 p {
background: url(../img/school/forgradu/img02.jpg) left top no-repeat;
}

#forgradu-01-3 p {
background: url(../img/school/forgradu/img03.jpg) left top no-repeat;
}

/*-- 8-2 forgradu-03 --*/

#forgradu-03 dl {
border: solid 1px #CC9966;
margin-top: 30px;
}

#forgradu-03 dl dt,
#forgradu-03 dl dd {
padding: 5px 10px;
}

#forgradu-03 dl dt {
color: #ffffff;
background-color: #CC9966;
}


/* ------------------------------------
9.employer
------------------------------------ */

/*-- 9-1 layout --*/

#employer-layout {
min-height: 305px;
background: url(../img/school/employer/img01.jpg) right top no-repeat;
}

/*For IE6*/
* html #employer-layout {
height: 305px;
}

#employer-layout p {
width: 440px;
}

/* ------------------------------------
10.gradu_clinicinfo
------------------------------------ */

/*-- 10-1 lead --*/

#gradu_clinicinfo-lead {
min-height: 152px;
background: url(../img/school/gradu_clinicinfo/img01.jpg) right top no-repeat;
}

#gradu_clinicinfo-lead p#lead {
width: 340px;
}

#gradu_clinicinfo-lead #link {
float: left;
width: 340px;
}

/*-- 一覧が増えたらこちらに変更
#gradu_clinicinfo-lead #link li {
margin-top: 10px;
}

#gradu_clinicinfo-lead #memo {
float: right;
width: 274px;
padding-top: 20px;
}--*/

#gradu_clinicinfo-lead #memo {
padding-top: 20px;
}

#gradu_clinicinfo-lead #memo p {
border-style: dashed; 
border-width: 1px;
border-color: #D0CDBC;
background-color: #EDE9DC;
padding: 10px 8px 10px 8px;
}

#gradu_clinicinfo-lead #memo img {
padding-bottom: 5px;
}

/*-- 10-2 goolemap --*/

#googlemap {
margin-left: 62px;
margin-bottom: 20px;
}