/* ------------------------------
　 基本設定
------------------------------ */


#architecture,#architecture2,#architecture3,
#medical,#medical2
#campus,#o_campus,#voice,#gallery{
margin:0px;
padding:0px;
border:0px;
}

#medical2{padding-bottom:400px;}
#architecture3,#gallery{padding-bottom:280px;}


h2{
margin:0px auto;
padding-bottom:10px;
width:960px;
background:url(../img/h2_shadow.gif) bottom center repeat-x;
}

#pnkz{
padding:13px 10px 9px 20px;
background:#f1f1f1;
border-bottom:1px solid #b2b2b2;
}
#pnkz a{
text-decoration:none;
color:#f05a24;
}
#pnkz a:hover{
text-decoration:underline;
color:#005ba4;
}
#pnkz span.pnkz{
color:#369fd9;
}


h3{
margin:25px 0 0;
padding:13px 10px 8px 20px;
border-top:1px solid #b2b2b2;
border-bottom:1px solid #b2b2b2;
}
#architecture h3,
#voice #page1 h3{background:#7dcbf2; color:#fff;}
#architecture2 h3{background:#598e34; color:#fff;}
#architecture2 #page1 h3{background:#86b2df; color:#fff;}
#architecture2 #page2 h3{background:#e89b00; color:#fff;}
#architecture3 h3{background:#a98556; color:#fff;}
#gallery h3{background:#b2d9b7; color:#000;}
#medical h3,
#voice #page2 h3{background:#f4ac54; color:#fff;}
#medical2 h3{background:#89a3d4; color:#fff;}
#campus h3{background:#b2d9b7; color:#333;}
#voice h3{background:#b2d9b7; color:#333;}
#campus h3.cl{background:#FFCCDC; color:#333;}
#o_campus h3{background:#b2d9b7; color:#333;}


h4{
margin:20px 0 0 10px;
padding:9px 10px 6px 10px;
width:auto;
}
#architecture h4{border:1px solid #7dcbf2; color:#0099cc;}
#architecture2 h4{border:1px solid #598e34; color:#598e34;}
#architecture3 h4{border:1px solid #a98556; color:#a98556;}
#gallery h4{border:1px solid #b2d9b7; color:#b2d9b7;}
#medical h4{border:1px solid #f4ac54; color:#f4ac54;}
#medical2 h4{border:1px solid #89a3d4; color:#89a3d4;}
#campus h4{border:1px solid #74BE74; color:#58af66;}
#voice h4{border:1px solid #74BE74; color:#58af66;}
#o_campus h4{border:1px solid #74BE74; color:#74BE74;}



h5{
margin:0px;
padding:7px 10px 6px;
background:#FFF;
border-bottom:1px solid #ddd;
}
#campus h5.cl{background:#b2d9b7;}
#campus  ul.shisetsu li h5,
#campus  ul.jisyu li h5 {margin:10px auto 0;}




#architecture p.title_a{color:#0099cc; font-weight:bold;}
#architecture2 p.title_a{color:#598e34; font-weight:bold;}
#architecture3 p.title_a{color:#8c6e46; font-weight:bold;}
#gallery p.title_a{color:#000; font-weight:bold; font-size:1.2em;}
#medical p.title_m{color:#f98e00; font-weight:bold;}
#medical2 p.title_m{color:#89a3d4; font-weight:bold;}



.txt_area{
margin:20px 0 0px 20px;
}
.txt_area_b{
margin-top:15px;
padding:20px;
background:#f5f1df;

}
.txt_area_b4{
margin:10px 0 0 10px;
padding:20px;
background:#f5f1df;
}



.phot_left{
margin:0px 20px 0 0;
float:left;
}
.phot_right{
margin:0px 0 0 20px;
float:right;
}

.txt_left{
float:left;
}
.txt_right{
float:right;
}



#architecture .main_c,
#voice #page1 .main_c{color:#0099cc;}
#architecture2 .main_c{color:#598e34;}
#architecture3 .main_c{color:#8c6e46;}
#gallery .main_c{color:#58af66;}
#medical .main_c,
#voice #page2 .main_c{color:#f98e00;}
#medical2 .main_c{color:#89a3d4;}
#campus .main_c{color:#58af66;}
#voice .main_c{color:#58af66;}




/* ------------------------------建築*/
ul.pickup{
margin:20px 0 0 10px;
}
ul.pickup li{
margin:0 0 0 20px;
padding:7px;
float:left;
background:#f5f1df;
width:215px;
}
ul.pickup li div{
margin:5px auto 0;
text-align:center;
}

ul.goukaku{
margin:10px 0 0 10px;
}
/*ul.goukaku li{
margin:0 0 0 15px;
padding:10px;
float:left;
background:#f5f1df;
width:337px;
}*/
ul.goukaku li{
margin:0 0 0 15px;
padding:10px;
float:left;
background:#f5f1df;
}

ul.goukaku li dl{
margin:10px 0 0;

}
ul.goukaku li dl dt{
margin:1px 0 0;
padding:12px 10px 0;
height:30px;
background:#decdb4;
float:left;
width:11em;
text-align:center;
}
ul.goukaku li dl dd{
margin:0 0 0 ;
padding:8px 8px 0 13em;
text-align:center;
background:#FFF;
}



/* ------------------------------医療事務学科*/

ul.mokuhyou li{
margin:5px 0 0;
}


/* ------------------------------campus*/
.td_notxt{
padding:4px 10px 3px;

}

.td_wtxt{
padding:4px 10px 3px;
background:#fff;
}

.td_gtxt{
padding:4px 10px 3px;
background:#D0E8D3;
}


ul.guidelines{
margin:10px 0 0 10px;
}


.ao_nagare_no{
border-top:1px solid #FFF;
background:#b2d9b7;
}

ul.ao_entry{
margin:5px 0 0 1em;
}
ul.ao_entry li{
margin:2px 0 0;
}

dl.support{
padding-bottom:10px;
background:url(../campus/img/support_01.jpg) right top no-repeat;
}
dl.support dt{

color:#FF6666;
}
dl.support dd{
margin:3px 0 0;
}

dl.support_w{
margin:15px 0 0;
padding:10px;
background:#FFF;
text-align:center;
}

dl.support_w dt{
color:#FF6666;
}
dl.support_w dd{
margin:4px auto 0;
padding:6px 0 0;
border-top:1px dashed #999999;

}



dl.oc{
margin:0px;
/*padding:0 5px 0;*/
padding:5px;
border-right:1px solid #b2b2b2;
/*width:97px;*/
width:133px;

text-align:center;
float:left;
}
dl.oc dt{
/*padding:3px 0 1px;*/
padding:3px 0 4px;
text-align:center;
}
dl.oc dd{
margin:2px auto 0;
padding:4px 0 0;
border-top:1px dashed #b2b2b2;
text-align:center;
}
dl.oc dt{
	text-decoration: underline;
	font-weight:bold;
}
.bus_txt{color:#339933;}
.syuku_txt{color:#f98e00;}
a.bus_txt{color:#339933;}
a.syuku_txt{color:#f98e00;}
dl.oc dt:hover{color:#f05a24;}

ul.taiken{
margin:10px 0 0 10px;
}
ul.taiken li{
margin:0 0 0 15px;
padding:10px;
float:left;
background:#f5f1df;
width:337px;
}

ul.taiken li dl{
margin:10px 0 0;
}
ul.taiken li dl dt{
margin:5px 0 0;
padding:6px 10px 5px;
color:#FFF;
}
ul.taiken li dl dt.day_a{
margin:0px;
border:1px solid #0071bb;
color:#0071bb;
}
ul.taiken li dl dt.day_m{
margin:0px;
border:1px solid #ff9624;
color:#ff9624;
}
ul.taiken li dl dt.arc{
background:#6ac8f2;
}
ul.taiken li dl dt.des{
background:#79aa53;
}
ul.taiken li dl dt.mall{
background:#f4ac54;
}
ul.taiken li dl dd{
padding:5px 8px;
}


ul.taiken li dl dd ul{
margin:10px 0 0;
padding:0px;
}
ul.taiken li dl dd ul li{
margin:0 0 0 10px;
padding:0px;
float:left;
width:154px;
}

ul.taiken li dl dd ul li p{
margin:4px 0 0;
border-top:1px solid #f4ac54;
padding:5px 1px 0 3px;
}

#o_campus ul{
margin:20px 0 0 10px;
}

#o_campus ul li{
margin:0 0 0;
padding:15px;
background:#f5f1df;
text-align:center;
}
#o_campus ul li.sq{
background:none;
padding:5px;
}

.link_image{
	float:right;
	width:249px;
	padding:20px;
	box-sizing: border-box;
	background:#fff;
}

.link_image a:nth-last-of-type(n+2){
	display:block;
	margin-bottom:10px;
}

.oc dt{
	position:relative;
}

.oc dt span.remark{
	display: none;
	top:0;
	font-weight: normal;
	background:#fff;
    border: 1px solid #CCCCCC;
	border-radius: 5px;
    color: #000000;
	opacity: 1;
    line-height: 1.2em;
    margin: 0.5em;
    padding: 0.5em;
    position: absolute;
    top: -4em;
	transform: translateX(-75%);
    width: 12em;
}
/*
.oc dt:active span.remark {
    background:#fff;
    border: 1px solid #CCCCCC;
	border-radius: 5px;
    color: #000000;
	opacity: 1;
    display: block;
    line-height: 1.2em;
    margin: 0.5em;
    padding: 0.5em;
    position: absolute;
    top: -4em;
	transform: translateX(-25%);
    width: 12em;
}*/

.moushikomi{
float:right;
}
.moushikomi a{
border-right:1px solid #aaa;
border-bottom:1px solid #777;
display:block;
}
.moushikomi a:hover{
filter: alpha(opacity=70); 
-ms-filter:alpha(opacity=70);
opacity: .70;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: .70;
-moz-opacity: .70;
}


#voice #page1 table{
margin:20px 0 0;
background:#eaf6fd;
}
#voice #page2 table{
margin:20px 0 0;
background:#fef4e8;
}
#voice #page1 table dl dt p,
#voice #page2 table dl dt p{
margin:13px 0 0;
}
#voice #page1 table dl dd,
#voice #page2 table dl dd{
margin:10px 0 0;
}

#voice p.name{
margin:8px 0 0;
padding:10px 00px 0 10px;
}
#voice p.office{
margin:0px 0 0;
padding:2px 0px 5px 10px;
}
#voice #page1 p.name,
#voice #page1 p.office{border-left:4px solid #86D1EF;}

#voice #page2 p.name,
#voice #page2 p.office{border-left:4px solid #f39700;}





/* ------------------------------school guide*/

ul.shisetsu,
ul.jisyu{
margin:20px 0 0 20px;
}

ul.shisetsu li{
margin:0 0 0 15px;
padding:7px;
float:left;
background:#f5f1df;
width:215px;
}

ul.jisyu li{
margin:15px 0 0 15px;
padding:7px;
float:left;
background:#f5f1df;
width:215px;
}


ul.shisetsu li div,
ul.jisyu li div{
margin:0px auto;
text-align:center;
}
ul.shisetsu li p{
margin:7px 4px 0;
}

dl.es{float:left;}
dl.es dt{margin:30px 0 0;}
dl.es dd{margin:10px 0 0;}


dl.qa{

}

dl.qa dt{
margin:10px 0 0;
padding:11px 0 9px 50px;
background:url(../school_guide/img/qa_q.gif) left top no-repeat #f5f1df;

}

dl.qa dd{
padding:5px 10px 12px 52px;
background:url(../school_guide/img/qa_a.png) left top no-repeat #f5f1df;
}




/* ------------------------------tab*/
#container {
text-align:left;
position:relative;
}

ul#tab {
margin:20px 0px 0px;
padding:0px;
border:0px;
position:relative;
}

ul#tab li {
overflow:hidden;
float: left;
list-style:none;
position:relative;
}
ul#tab li a {
/*margin:0px 5px;*/
margin:0 2px 0 0;
padding:13px 0px 10px;
/*width:170px;*/
width:180px;
display:block;
color:#333;
text-align:center;
background-color:#ffffff;
border-top:1px solid #aaa;
border-right:1px solid #888;
border-bottom:1px solid #555;
border-left:1px solid #b2b2b2;

box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.12);
}

#architecture2 ul#tab li a,
#medical ul#tab li a,
#voice ul#tab li a {
width:355px;
}

ul#tab li a:hover{
border:1px #666 solid;
color:#333333;
background-color:#FCEBEF;
}

ul#tab li a img{
margin:0 5px 0 0;
}
ul#tab li a:hover img{
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

ul#tab li a.arc,
#voice ul#tab li a.arc{
background:#BDE1EF;}
ul#tab li a.arc:hover,
ul#tab li.present a.arc,
ul#tab li.present a.arc:hover
#voice ul#tab li a.arc:hover,
#voice ul#tab li.present a.arc,
#voice ul#tab li.present a.arc:hover{
background:#86D1EF;}

ul#tab li a.med,
#voice ul#tab li a.med{
background:#FCE7D4;}
ul#tab li a.med:hover,
ul#tab li.present a.med,
ul#tab li.present a.med:hover,
#voice ul#tab li a.med:hover,
#voice ul#tab li.present a.med,
#voice ul#tab li.present a.med:hover{
background:#FFC07B;}

ul#tab li a.campus{
background:#e4f2e5;}
ul#tab li a.campus:hover,
ul#tab li.present a.campus,
ul#tab li.present a.campus:hover{
background:#b2d9b7;}

#architecture2 ul#tab li a.des{
background:#fcd58c;}
#architecture2 ul#tab li a.des:hover,
#architecture2 ul#tab li.present a.des,
#architecture2 ul#tab li.present a.des:hover{
background:#f6ab00;
color:#FFF;}

#architecture2 ul#tab li a.int{
background:#bbd1ec;}
#architecture2 ul#tab li a.int:hover,
#architecture2 ul#tab li.present a.int,
#architecture2 ul#tab li.present a.int:hover{
background:#86b2df;
color:#FFF;}

#medical ul#tab li a.des{
background:#e5b8ee;}
#medical ul#tab li a.des:hover,
#medical ul#tab li.present a.des,
#medical ul#tab li.present a.des:hover{
background:#db9de7;
color:#FFF;}

#medical ul#tab li a.int{
background:#fcd58c;}
#medical ul#tab li a.int:hover,
#medical ul#tab li.present a.int,
#medical ul#tab li.present a.int:hover{
background:#f6ab00;
color:#FFF;}

ul#tab li.present a{
color:#333;
text-decoration:none;

}
ul#tab li.present a:hover{
color:#111;
text-decoration:underline;
}


#page1,#page2, #page3, #page4{
text-align:left;
}


/* ------------------------------
{
content: "";
clear:both;
height:0;
display:block;
visibility:hidden;
}
*/