@charset "utf-8";

@import url("base.css");

/*===========================================================
国際理容美容専門学校様:guidance.css
============================================================*/

div#category{
	background:url(../../guidance/images/category.jpg) no-repeat left top;
}


/* 右サイドコンテンツ
----------------------------------------------------------- */
/* 冬の学校見学 */
div#guidanceBox{
	background:url(../../guidance/images/img_guidance.jpg) no-repeat left top;
}

/* ローカルナビゲーション */
div#lnaviBox div#tit_lnavi{
	background:url(../../guidance/images/tit_lnavi.gif) no-repeat left top;
}


/* メインコンテンツ
----------------------------------------------------------- */
/* /guidance/index.html */
div#catch{
	width:696px;
	height:731px;
	display:block;
	font-size:0;
	line-height:0;
	margin-bottom:30px;
}

div#catch h1{
	width:696px;
	margin:0;
}

dl#schedule{
	background: #FEFFEE;
	width:700px;
	display:block;
	margin: 0 0 30px 0;
	font-size: 13px;
	font-weight: bold;
}

dl#schedule:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

dl#schedule dt{
	margin: 0;
	clear:left;
	float:left;
	width:12em;
	display:block;
	padding: 5px 0 5px 10px;

}

dl#schedule dd{
	padding: 5px 0 5px 10px;
	display:block;
	zoom:1;
}
dl#schedule dd.col{
	padding: 5px 0 5px 10px;
	display:block;
	zoom:1;
	background: #FFF6CF;
}



dl#schedule2{
	background: #FEFFEE;
	width:700px;
	display:block;
	font-size: 13px;
	font-weight: bold;
}

dl#schedule2:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

dl#schedule2 dt{
	margin: 0;
	clear:left;
  float:left;
  width:12em;
	display:block;
	padding: 5px 0 5px 10px;
}

dl#schedule2 dd{
	padding: 5px 0 5px 10px;
	display:block;
	zoom:1;
}
dl#schedule2 dd.col{
	padding: 5px 0 5px 10px;
	display:block;
	zoom:1;
	background: #FFF6CF;
}



dl#schedule{
	background: #FEFFEE;
	width:700px;
	display:block;
	margin: 0 0 30px 0;
	font-size: 13px;
	font-weight: bold;
}

dl#schedule:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

dl.schedule dt{
	margin: 0 0 0 20px;
	clear:left;
	float:left;
	width:8em;
	display:block;
	padding: 5px 0 ;

}

dl.schedule dd{
	padding: 5px 0 ;
	display:block;
	zoom:1;
}
dl.schedule dd.col{
	padding: 5px 0 ;
	display:block;
	zoom:1;
	background: #FFF6CF;
}


/* 保護者の方へ */
div.protectorList{
	background:url(../../guidance/images/protector/bg_list.gif) no-repeat center bottom;
	padding: 0 5px 6px 5px;
}
.protectorListComment{
	text-align: right;
}
div.protectorList table{
	width:690px;
}
div.protectorList table th{
	color: #FFFFFF;
	padding: 5px 10px;
}
div.protectorList table.List02 th,
div.protectorList table.List03 th,
div.protectorList table.List04 th{
	padding: 5px 10px 1px 10px;
}

div.protectorList table td{
	border-bottom: #8D93C8 dotted 1px;
	border-right: #8D93C8 dotted 1px;
	padding: 5px 10px;
}
div.protectorList table .colEnd{
	border-right: none;
}
div.protectorList table .rowEnd{
	border-bottom: none;
}
div.protectorList .List01{
	border: #BABABA solid 1px;
}
div.protectorList .List01 th{
	background:url(../../guidance/images/protector/bg_list_th.gif) repeat-x bottom;
}
div.protectorList .List01 td{
	text-align: center;
}
div.protectorList .List01 th.ListType01{
	background:#7B7B7B url(../../guidance/images/protector/bg_list_th.gif) repeat-x bottom;
}
div.protectorList .List01 th.ListType01End{
	background:none;
	background-color:#7B7B7B;
}
div.protectorList .List01 th.ListType02{
	background:#8D93C8 url(../../guidance/images/protector/bg_list_year.gif) repeat-y right;
	text-align: center;
}
div.protectorList .List01 th.ListType02End{
	background-color:#8D93C8;
	border-right: #BABABA solid 1px;
	text-align: center;
}
div.protectorList .List01 th.ListType03{
	background:#DB6D9B url(../../guidance/images/protector/bg_list_year.gif) repeat-y right;
	text-align: center;
}
div.protectorList .List01 th.ListType03End{
	background-color:#DB6D9B;
	border-right: #BABABA solid 1px;
	text-align: center;
}
div.protectorList .List01 th.ListType04{
	background:#EF858C url(../../guidance/images/protector/bg_list_year.gif) repeat-y right;
	text-align: center;
}
div.protectorList .List01 th.ListType04End{
	background-color:#EF858C;
	text-align: center;
}
div.protectorList .List01 th.tit{
	text-align: left;
	width:50px;
}
div.protectorList .List01 td.ListType02{
	background:#EAECF9 url(../../guidance/images/protector/bg_list_year.gif) repeat-y right;
}
div.protectorList .List01 td.ListType02End{
	background-color:#EAECF9;
	border-right: #BABABA solid 1px;
}
div.protectorList .List01 td.ListType03{
	background:#FFEAF3 url(../../guidance/images/protector/bg_list_year.gif) repeat-y right;
}
div.protectorList .List01 td.ListType03End{
	background-color:#FFEAF3;
	border-right: #BABABA solid 1px;
}
div.protectorList .List01 td.ListType04{
	background:#FFF0F1 url(../../guidance/images/protector/bg_list_year.gif) repeat-y right;
}
div.protectorList .List01 td.ListType04End{
	background-color:#FFF0F1;
}
div.protectorList .List02 td,
div.protectorList .List03 td,
div.protectorList .List04 td{
	width:25%;
}
div.protectorList .List02{
	border: #8D93C8 solid 1px;
}
div.protectorList .List02 th{
	background-color:#8D93C8;
}
div.protectorList .List03{
	border: #DB6D9B solid 1px;
}
div.protectorList .List03 th{
	background-color:#DB6D9B;
}
div.protectorList .List04{
	border: #EF858C solid 1px;
}
div.protectorList .List04 th{
	background-color:#EF858C;
}


ul.protectorFlow{
	width:700px;
}

ul.protectorFlow:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

ul.protectorFlow li.leftConts{
	clear:both;
	float:left;
	width:100px;
	display:inline;
}

ul.protectorFlow li.leftConts img{
	width:82px;
	margin-bottom:5px;
}

ul.protectorFlow li.rightConts{
	float:left;
	width:600px;
	display:inline;
	text-align:left;
}

ul.protectorFlow li.rightConts p{
	margin-bottom:1em;
}


/* 保護者説明会 */
body.protector_guidance ul.twocolumn li.leftConts{
	clear:both;
	float:left;
	width:378px;
	display:block;
}

body.protector_guidance ul.twocolumn li.rightConts{
	float:left;
	width:322px;
	display:block;
}


dl#schedule{
	width:700px;
	display:block;
}


/* 体験入学お申込み */
dl.open_campus{
	width:700px;
	display:block;
}

dl.open_campus:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

dl.open_campus dt{
	clear:left;
  float:left;
  width:2em;
	line-height:2em;
}

dl.open_campus dt input{
	margin:0;
	padding:0;
}

dl.open_campus dd{
	margin-left:2em;
  zoom:1;
	/*
	padding-top:0.2em;
	*/
	line-height:2em;
}

ul.facilitiesList{
	width:700px;
	padding-top:1px;
}

ul.facilitiesList:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

ul.facilitiesList li{
	width:345px;
	display:block;
}

ul.facilitiesList li.blank{
	clear:both;
	width:700px;
	height:15px;
}

ul.facilitiesList li.fullConts{
	clear:both;
	width:700px;
}

ul.facilitiesList li.leftConts{
	float:left;
}

ul.facilitiesList li.rightConts{
	float:right;
}

ul.facilitiesList li.leftConts_02{
	float:left;
	width:228px;
}

ul.facilitiesList li.rightConts_02{
	float:right;
	width:460px;
}

/*-----------------------------------------*/
div.oc{
	width:696px;
	margin-bottom:30px;
}
div.oc div.leftbox {
	width:338px;
	float: left;
	margin-bottom:10px;
	border: #a3a3a3 solid 1px;
	position: relative;
	height: 220px;
}
div.oc div.rightbox {
	width:338px;
	float: right;
	margin-bottom:10px;
	border: #a3a3a3 solid 1px;
	position: relative;
	height: 220px;
}
div.oc div.clear {
	clear:both;
}
div.oc img{
	float:right;
	margin: 5px 5px;
}
div.oc img.btn{
	border: none;
	position:absolute;
	left: 200px;
	top: 180px;
}
div.oc p{
	margin: 0 0;
}
div.oc p.read{
	margin: 5px;
}
.bk_yel{
	display:block;
	font-size:13px;
	font-weight: bold;
	color: #ffffff;
	padding:5px;
	background:#f7be4a;
}
.bk_blu{
	display:block;
	font-size:13px;
	font-weight: bold;
	color: #ffffff;
	padding:5px;
	background:#8e93cd;
}
.bk_red{
	display:block;
	font-size:13px;
	font-weight: bold;
	color: #ffffff;
	padding:5px;
	background:#dd6b9c;
}
.bk_pnk{
	display:block;
	font-size:13px;
	font-weight: bold;
	color: #ffffff;
	padding:5px;
	background:#ef858c;
}
.bk_gre{
	display:block;
	font-size:13px;
	font-weight: bold;
	color: #ffffff;
	padding:5px;
	background:#c2db7f;
}
.bk_pur{
	display:block;
	font-size:13px;
	font-weight: bold;
	color: #ffffff;
	padding:5px;
	background:#BD8DBD;
}



/*体験カレンダー*/

#calendar {
	width:217px;
	margin: 0 9px 0 15px;
}

.Table-Taiken-Sche {
width:217px;
font-size:12px;
border:solid 1px #cccccc;
border-collapse:collapse;
background-color:#FFFFFF;
margin-left: 0;
margin-right: 10px;
}

.Table-Taiken-Sche a:link{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}

.Table-Taiken-Sche a:visited{
	font-weight: bold;
	color: #FFFFFF;
}

.Table-Taiken-Sche a:hover{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}


.Table-Taiken-Sche a:active{
	font-weight: bold;
	color: #FFFFFF;
}

.Table-Taiken-Sche th{
	font-weight: bold;
	}

.Table-Taiken-Sche th,
.Table-Taiken-Sche td {
width:20px;
border:solid 1px #cccccc;
text-align:center;
vertical-align: middle;
}

.Table-Taiken-Sche td {
height:30px;
}

.Month{
	font-weight: bold;
	margin: 10px 0 5px 0;
	width:216px;
	}

.MonthSiro{
	font-weight: bold;
/*	font-size: 100%;*/
	letter-spacing: 0.1em;
/*	text-align: center;*/
	margin: 5px 0 5px 0;
	padding: 3px 0;
	color: #ffffff;
	border-bottom: 3px solid #ffffff;
	width:210px;
	}


#setumei{
margin-top:5px;
margin-left:0;
font-size:12px;
}