@charset "utf-8";

@import url("base.css");

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

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

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


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

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


/* メインコンテンツ
----------------------------------------------------------- */
/* index.html */
ul.twoColumn li ul{
	width:322px;
}

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

ul.twoColumn li ul li.thumb_img{
	clear:both;
	float:left;
	width:114px;
	height:106px;
	display:block;
}

ul.twoColumn li ul li.detail_txt{
	float:right;
	width:198px;
	height:100%;
	display:block;
}

ul.twoColumn li ul li.detail_txt h2{
	width:190px;
	height:25px;
	display:block;
	font-size:0;
	line-height:0;
	margin-bottom:5px;
}

ul.twoColumn li.height10,
ul.threeColumn li.height10{
	clear:both;
	width:700px;
	height:10px;
	display:block;
	font-size:0;
	line-height:0;
}

ul.twoColumn li.height30,
ul.threeColumn li.height30{
	clear:both;
	width:700px;
	height:30px;
	display:block;
	font-size:0;
	line-height:0;
}

ul.twoColumn li.height20,
ul.threeColumn li.height20{
	clear:both;
	width:700px;
	height:20px;
	display:block;
	font-size:0;
	line-height:0;
}

/* 国際理容美容が目指す教育 */
div.grayFrame{
	width:394px;
	_width:393px;
	border:4px solid #EDEDED;
	display:block;
	padding:10px;
}

ul.imgColumnS{
	width:660px;
}

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

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

ul.imgColumnS li.rightConts{
	float:left;
	width:177px;
	display:inline;
	text-align:right;
}

ul.imgColumnS li strong{
	font-size:123%;
	margin-bottom:5px;
	display:block;
}

ul.imgColumnS li.fullConts{
	clear:both;
	float:left;
	width:660px;
	display:inline;
}


ul.imgColumnL{
	width:700px;
}

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

ul.imgColumnL li.leftConts{
	clear:both;
	float:left;
	width:148px;
	display:inline;
	text-align:center;
}

ul.imgColumnL li.leftConts img{
	width:148px;
	margin-bottom:5px;
}

ul.imgColumnL li.rightConts{
	float:left;
	width:534px;
	display:inline;
	text-align:left;
	margin-left:18px;
}

ul.imgColumnL li.rightConts strong{
	font-size:115%;
	margin-bottom:5px;
	display:block;
}


ul.imgColumnVoiceTop{
	width:700px;
}

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

ul.imgColumnVoiceTop li.leftConts{
	clear:both;
	float:left;
	width:320px;
	margin-right:8px;
	display:inline;
}

ul.imgColumnVoiceTop li.rightConts{
	float:left;
	width:372px;
	display:inline;
	text-align:right;
}

ul.imgColumnVoiceTop li.rightConts .fll{
	margin-right:3px;
}

ul.imgColumnVoice{
	width:700px;
}

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

ul.imgColumnVoice li.leftPhoto{
	clear:both;
	float:left;
	width:259px;
	margin-right:11px;
	display:inline;
}
ul.imgColumnVoice li.rightText{
	float:left;
	width:430px;
	display:inline;
}

ul.imgColumnVoice li.rightPhoto{
	clear:both;
	float:right;
	width:196px;
	margin-left:14px;
	display:inline;
	text-align:right;
}
ul.imgColumnVoice li.leftText{
	float:left;
	width:490px;
	display:inline;
}

ul.imgColumnVoice li.fullConts{
	margin-bottom:10px;
}

ul.imgColumnVoice li strong{
	font-size:123%;
	margin-bottom:5px;
	display:block;
}

ul.imgColumnVoice li dl.VoiceColumn{
	margin-top:10px;
}

ul.imgColumnVoice li dl.VoiceColumn dt{
	clear:left;
	float:left;
	width:45px;
	text-align: center;
	font-weight:bold;
	padding: 5px 0;
}
ul.imgColumnVoice li dl.VoiceColumn dt.Voice01{
	background-color:#E9EDF6;
	color:#2450A2;
}
ul.imgColumnVoice li dl.VoiceColumn dt.Voice02{
	background-color:#EAF6EC;
	color:#35A547;
}
ul.imgColumnVoice li dl.VoiceColumn dt.Voice03{
	background-color:#FCF1D9;
	color:#EBA000;
}
ul.imgColumnVoice li dl.VoiceColumn dd{
	margin-left:55px;
	margin-bottom:10px;
}


/* 在校生の声 & 卒業生の声 */
ul.catchBox{
	width:700px;
	height:247px;
	display:block;
	margin:30px 0;
}

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

ul.catchBox li.leftConts{
	float:left;
	width:425px;
	height:247px;
	display:block;
}

ul.catchBox li.leftConts p{
	width:425px;
	height:100px;
	display:block;
}

ul.catchBox li.leftConts p.middle{
	vertical-align:middle;
}

ul.catchBox li.leftConts img.img_thumb_right{
	margin-left:13px;
}

ul.catchBox li.rightConts{
	float:right;
	width:259px;
	height:247px;
	display:block;
}

div.grayFrameL h2.txtType{
	margin-bottom:15px;
}
div.grayFrameL ul.listColumn{
	width:669px;
}

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

div.grayFrameL ul.listColumn li.leftConts{
	float:left;
	width:320px;
	display:block;
}

div.grayFrameL ul.listColumn li.rightConts{
	float:right;
	width:320px;
	display:block;
}


div.grayFrameL ul.listColumn li ul{
	width:320px;
}

div.grayFrameL ul.listColumn li ul:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div.grayFrameL ul.listColumn li ul li.thumb_img{
	float:left;
	width:114px;
	display:block;
}

div.grayFrameL ul.listColumn li ul li.detail_txt{
	float:right;
	width:195px;
	display:block;
}

/* 在校生の声 &　卒業生の声　各ページ  */

div#mainConts{
	width:448px;
	/*
	width:700px;
	*/
	display:block;
	margin:15px 0 0 0;
	padding:0 0 0 252px;
	overflow:visible;
}

div#mainConts p{
	line-height:1.67em;
}

div#mainConts ul{
	width:448px;
	height:94px;
	display:block;
	margin:30px 0 0 0;
}

div#mainConts ul:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
div#mainConts ul li{
	float:left;
	display:inline;
	margin:0 0 0 9px;
}

div#mainConts ul li#img_left{
	margin:0 0 0 ;
}

p.back_menu{
	margin: 20px 0 0 0;
	text-align:right;
}

/* キャンパスカレンダー  */
ul.calendar{
	width:700px;
}

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

ul.calendar li.leftConts{
	clear:both;
	float:left;
	width:460px;
	display:block;
}

ul.calendar li.leftConts dl{
	width:460px;
	display:block;
}

ul.calendar li.leftConts dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

ul.calendar li.leftConts dl dt{
	clear:left;
	float:left;
	padding:15px 20px;
}

ul.calendar li.leftConts dl dd{
	background-color:#F1F1F1;
	padding:15px 20px;
	padding-left:100px;
	margin-bottom:20px;
}
ul.calendar li.leftConts dl dd .calendarImg{
	color: #E6748D;
	font-weight: bold;
}

ul.calendar li.rightConts{
	float:left;
	width:224px;
	display:block;
	margin-left:16px;
}

body.student_hairdressing_01 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/student/bg_hairdressing_01.jpg) no-repeat left top;
}

body.student_hairdressing_02 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/student/bg_hairdressing_02.jpg) no-repeat left top;
}

body.student_beauty_01 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/student/bg_beauty_01.jpg) no-repeat left top;
}

body.student_beauty_02 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/student/bg_beauty_02.jpg) no-repeat left top;
}

body.student_business_01 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/student/bg_business_01.jpg) no-repeat left top;
}

body.student_business_02 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/student/bg_business_02.jpg) no-repeat left top;
}

body.student_beauty2_01 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/student/bg_beauty2_01.jpg) no-repeat left top;
}

body.student_beauty2_02 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/student/bg_beauty2_02.jpg) no-repeat left top;
}

body.student_advanced_01 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/student/bg_advanced_01.jpg) no-repeat left top;
}

body.student_advanced_02 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/student/bg_advanced_02.jpg) no-repeat left top;
}

body.student_communication_01 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/student/bg_communication_01.jpg) no-repeat left top;
}

body.student_communication_02 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/student/bg_communication_02.jpg) no-repeat left top;
}

body.graduate_hairdressing_01 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/graduate/bg_hairdressing_01.jpg) no-repeat left top;
}

body.graduate_hairdressing_02 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/graduate/bg_hairdressing_02.jpg) no-repeat left top;
}

body.graduate_hairdressing_03 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/graduate/bg_hairdressing_03.jpg) no-repeat left top;
}

body.graduate_beauty_01 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/graduate/bg_beauty_01.jpg) no-repeat left top;
}

body.graduate_beauty_02 div#mainConts{
	min_height:570px;
	background:url(../../about/images/school_life/graduate/bg_beauty_02.jpg) no-repeat left top;
}

body.graduate_business_01 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/graduate/bg_business_01.jpg) no-repeat left top;
}

body.graduate_business_02 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/graduate/bg_business_02.jpg) no-repeat left top;
}

body.graduate_business_03 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/graduate/bg_business_03.jpg) no-repeat left top;
}

body.graduate_beauty2_01 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/graduate/bg_beauty2_01.jpg) no-repeat left top;
}

body.graduate_beauty2_02 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/graduate/bg_beauty2_02.jpg) no-repeat left top;
}

body.graduate_advanced_01 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/graduate/bg_advanced_01.jpg) no-repeat left top;
}

body.graduate_advanced_02 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/graduate/bg_advanced_02.jpg) no-repeat left top;
}

body.graduate_communication_01 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/graduate/bg_communication_01.jpg) no-repeat left top;
}

body.graduate_communication_02 div#mainConts{
	min_height:580px;
	background:url(../../about/images/school_life/graduate/bg_communication_02.jpg) no-repeat left top;
}

body.student_hairdressing_01 div#mainConts h4,
body.student_hairdressing_02 div#mainConts h4,
body.student_beauty_01 div#mainConts h4,
body.student_beauty_02 div#mainConts h4,
body.student_business_01 div#mainConts h4,
body.student_business_02 div#mainConts h4,
body.student_beauty2_01 div#mainConts h4,
body.student_beauty2_02 div#mainConts h4,
body.student_advanced_01 div#mainConts h4,
body.student_advanced_02 div#mainConts h4,
body.student_communication_01 div#mainConts h4,
body.student_communication_02 div#mainConts h4,
body.graduate_hairdressing_01 div#mainConts h4,
body.graduate_hairdressing_02 div#mainConts h4,
body.graduate_hairdressing_03 div#mainConts h4,
body.graduate_beauty_01 div#mainConts h4,
body.graduate_beauty_02 div#mainConts h4,
body.graduate_business_01 div#mainConts h4,
body.graduate_business_02 div#mainConts h4,
body.graduate_business_03 div#mainConts h4,
body.graduate_beauty2_01 div#mainConts h4,
body.graduate_beauty2_02 div#mainConts h4,
body.graduate_advanced_01 div#mainConts h4,
body.graduate_advanced_02 div#mainConts h4,
body.graduate_communication_01 div#mainConts h4,
body.graduate_communication_02 div#mainConts h4 {
	font-size:108%; /* 13px */
	margin-bottom:15px;
}


/* メッセージ（理事長・校長ご挨拶）  */
div.profile{
	width:224px;
	float:left;
	margin:0 15px 80px 0;
	text-align:center;
}


/* 沿革・歴史  */
ul.history{
	width:700px;
	background:url(../../about/images/bg_list.gif) repeat-x left top;
	padding-top:1px;
}

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

ul.history li{
	width:660px;
	/*_width:700px;*/
	padding:10px 20px;
	background:#FFF url(../../about/images/bg_list.gif) repeat-x left bottom;
}

ul.history li.bg_gray{
	background:#F1F1F1 url(../../about/images/bg_list.gif) repeat-x left bottom;
}

ul.history li dl{
	width:660px;
	display:block;
}

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

ul.history li dl dt{
	clear:left;
  float:left;
  width:10em;
}

ul.history li dl dd{
	margin-left:10em;
  zoom:1;
}

ul.program{
	width:697px;
	padding-top:10px;
	background-color:#F1F1F1;
}

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

ul.program li{
	width:661px;
	/*_width:697px;*/
	padding:10px 16px 10px 20px;
	background:#F1F1F1 url(../../about/images/bg_list_02.gif) no-repeat left bottom;
}

ul.program li.end{
	background:#F1F1F1 url(none);
}

ul.threeColumn li.jointConts{
 float:left;
 width:461px;
 display:block;
 margin-left:13px;
}

/* 所在地・地図・周辺情報 */
ul#map_catch{
	width:700px;
}

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

ul#map_catch li.leftConts{
	float:left;
	width:320px;
	display:block;
}

ul#map_catch li.rightConts{
	float:right;
	display:block;
	width:360px;
}

ul#map_catch li.leftConts h1{
	width:320px;
	margin:0 0 15px 0;
}

div.mapBox_top{
	width:672px;
	display:block;
	border:1px solid #DCDCDC;
	padding:15px 13px 15px 13px;
	line-height:125%;
	position:relative;
}


div.mapBox{
	width:495px;
	display:block;
	border:1px solid #DCDCDC;
	padding:15px 13px 15px 190px;
	line-height:125%;
	position:relative;
}

div.mapBox h2{
	width:auto;
	font-size:1.2em;
	line-height:1.2em;
	color:#871111;
	font-weight:bold;
}

div.mapBox p.btnNavi{
	position: absolute;
  right:13px;
  bottom:15px;
}

div#mapBox01{
	background:#F1F1F1 url(../../about/images/img_map_02.jpg) no-repeat left top;
	height:136px;
}

div#mapBox02{
	background:#F1F1F1 url(../../about/images/img_map_03.jpg) no-repeat left top;
	height:136px;
}

div#mapBox03{
	background:#F1F1F1 url(../../about/images/img_map_04.jpg) no-repeat left top;
	height:166px;
}

div#mapBox04{
	background:#F1F1F1 url(../../about/images/img_map_05.jpg) no-repeat left top;
	height:136px;
}


/* 校舎・設備紹介 */
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.teacherBox{
}

div.teacherBox h2{
	width:700px;
	height:53px;
	display:block;
	font-size:0;
	line-height:0;
	margin-bottom:5px;
}

div.teacherBox ul.twoColumn{
	width:654px;
	margin-left:23px;
}

div.teacherBox ul.twoColumn li.leftConts{
	clear:both;
	float:left;
	width:322px;
	display:block;
}

div.teacherBox ul.twoColumn li.rightConts{
	float:right;
	width:322px;
	display:block;
	text-align:right;
}

ul.twoColumn li.blank{
	clear:both;
	width:654px;
	height:7px;
	display:block;
	font-size:0;
	line-height:0;
}

div#box01{
	width:700px;
	display:block;
	background:url(../../about/images/teacher/bg_box01.jpg) repeat-y left top;
}
div#box01_bottom{
	width:700px;
	height:48px;
	display:block;
	background:url(../../about/images/teacher/box01_bottom.jpg) no-repeat left top;
	font-size:0;
	line-height:0;
}

div#box02{
	width:700px;
	display:block;
	background:url(../../about/images/teacher/bg_box02.jpg) repeat-y left top;
}
div#box02_bottom{
	width:700px;
	height:48px;
	display:block;
	background:url(../../about/images/teacher/box02_bottom.jpg) no-repeat left top;
	font-size:0;
	line-height:0;
}

div#box03{
	width:700px;
	display:block;
	background:url(../../about/images/teacher/bg_box03.jpg) repeat-y left top;
}
div#box03_bottom{
	width:700px;
	height:48px;
	display:block;
	background:url(../../about/images/teacher/box03_bottom.jpg) no-repeat left top;
	font-size:0;
	line-height:0;
}

div#box04{
	width:700px;
	display:block;
	background:url(../../about/images/teacher/bg_box04.jpg) repeat-y left top;
}
div#box04_bottom{
	width:700px;
	height:48px;
	display:block;
	background:url(../../about/images/teacher/box04_bottom.jpg) no-repeat left top;
	font-size:0;
	line-height:0;
}

div#box05{
	width:700px;
	display:block;
	background:url(../../about/images/teacher/bg_box05.jpg) repeat-y left top;
}
div#box05_bottom{
	width:700px;
	height:48px;
	display:block;
	background:url(../../about/images/teacher/box05_bottom.jpg) no-repeat left top;
	font-size:0;
	line-height:0;
}


/* 先生紹介詳細ページ  */
ul.teacherList{
	width:688px;
	display:block;
	margin-bottom:19px;
}

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

ul.teacherList li.leftConts{
	clear:both;
	float:left;
	width:223px;
	display:inline;
	text-align:right;
}

ul.teacherList li.leftConts img{
	width:213px;
}

ul.teacherList li.rightConts{
	float:left;
	width:444px;
	display:inline;
	text-align:left;
	margin-left:21px;
}

ul.teacherList li.rightConts img{
	width:444px;
	height:33px;
	margin-bottom:15px;
}