@charset "utf-8";

@import url("base.css");

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

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


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

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


/* メインコンテンツ
----------------------------------------------------------- */
/** index.html **/
ul.introductionList{
	width:699px;
}

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

ul.introductionList li{
	width:345px;
	height:255px;
	display:block;
	font-size:0;
	line-height:0;
	margin-bottom:25px;
}

ul.introductionList li#box01{
	float:left;
	background:url(../../introduction/images/bg_index_box_01.jpg) no-repeat left top;
}
ul.introductionList li#box02{
	float:right;
	background:url(../../introduction/images/bg_index_box_02.jpg) no-repeat left top;
}
ul.introductionList li#box03{
	clear:both;
	float:left;
	background:url(../../introduction/images/bg_index_box_03.jpg) no-repeat left top;
}
ul.introductionList li#box04{
	float:right;
	background:url(../../introduction/images/bg_index_box_04.jpg) no-repeat left top;
}
ul.introductionList li#box05{
	clear:both;
	float:left;
	background:url(../../introduction/images/bg_index_box_05.jpg) no-repeat left top;
	margin-bottom:0px;
}
ul.introductionList li#box06{
	float:right;
	background:url(../../introduction/images/bg_index_box_06.jpg) no-repeat left top;
	margin-bottom:0px;
}

ul.introductionList li img.thumbImg{
	width:312px;
	height:155px;
	display:block;
	margin:18px 18px 0 15px;
}

ul.introductionList li h2{
	float:left;
	width:210px;
	height:74px;
	display:block;
	font-size:0;
	line-height:0;
	margin:0;
	padding:0;
}

ul.introductionList li p.detail_txt{
	float:left;
	width:132px;
	height:74px;
	display:block;
	font-size:0;
	line-height:0;
}

/** 各科紹介ページ共通仕様 **/
/* キャッチ部分 */
ul#catch{
	width:700px;
	display:block;
	margin-bottom:18px;
}

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

ul#catch li.leftConts{
	clear:both;
	float:left;
	width:390px;
	display:block;
}

ul#catch li.rightConts{
	float:left;
	width:298px;
	display:block;
	margin-left:12px;
}

/* フローチャート */
ul#flowBox{
	width:697px;
	display:block;
	margin:22px 0 34px 0;
	color:#FFFFFF;
}

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

ul#flowBox li#firstConts{
	width:697px;
	display:block;
}
body.hairdressing ul#flowBox li#firstConts{
	background:url(../../introduction/images/bg_blue_box3.gif) repeat-y left top;
}
body.beauty ul#flowBox li#firstConts{
	background:url(../../introduction/images/bg_pink_box3.gif) repeat-y left top;
}
body.business ul#flowBox li#firstConts{
	background:url(../../introduction/images/bg_red_box3.gif) repeat-y left top;
}
body.beauty2 ul#flowBox li#firstConts{
	background:url(../../introduction/images/bg_purple_box3.gif) repeat-y left top;
}
body.advanced ul#flowBox li#firstConts{
	background:url(../../introduction/images/bg_yellow_box3.gif) repeat-y left top;
}
body.communication ul#flowBox li#firstConts{
	background:url(../../introduction/images/bg_green_box3.gif) repeat-y left top;
}

ul#flowBox li#firstConts ul{
	width:697px;
	display:block;
}

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

ul#flowBox li#firstConts ul li.redBoxConts{
	float:left;
	width:223px;
	display:block;
}

ul#flowBox li#firstConts ul li.redBoxConts div{
	width:199px;
	padding:15px 12px;
}

ul#flowBox li#firstConts ul li.redBoxConts br{
	font-size:1px;
	line-height:1px;
	margin-top:10px;
}

ul#flowBox li#firstConts ul li.plusConts{
	float:left;
	width:14px;
	height:80px;
	display:block;
	background:url(../../introduction/images/img_plus.gif) no-repeat left 46px;
	font-size:0;
	line-height:0;
}

ul#flowBox li#equal{
	width:697px;
	height:34px;
	display:block;
	background:url(../../introduction/images/img_equal.gif) no-repeat left top;
	font-size:0;
	line-height:0;
}

ul#flowBox li#secondConts{
	width:697px;
	display:block;
	font-weight:bold;
	text-align:center;
	padding:8px 0;
	font-size:115%;
}
body.hairdressing ul#flowBox li#secondConts{
	background:url(../../introduction/images/bg_blue_box.gif) repeat-y left top;
}
body.beauty ul#flowBox li#secondConts{
	background:url(../../introduction/images/bg_pink_box.gif) repeat-y left top;
}
body.business ul#flowBox li#secondConts{
	background:url(../../introduction/images/bg_red_box.gif) repeat-y left top;
}
body.beauty2 ul#flowBox li#secondConts{
	background:url(../../introduction/images/bg_purple_box.gif) repeat-y left top;
}
body.advanced ul#flowBox li#secondConts{
	background:url(../../introduction/images/bg_yellow_box.gif) repeat-y left top;
}
body.communication ul#flowBox li#secondConts{
	background:url(../../introduction/images/bg_green_box.gif) repeat-y left top;
}

/* ご存知でしたか？ */
p.stit{
	color:#DA0030;
	font-weight:bold;
	margin-bottom:10px;
}

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

/* 在校生・先生などの紹介 */
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.grayFrameL ul.listColumn li.fullConts{
	width:669px;
	display:block;
}

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

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

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


/* ビジネス美容科　CIDESCO部分 */
div.pinkBox{
	width:673px;
	display:block;
	background-color:#E76162;
	padding:8px 12px;
	color:#FFFFFF;
	font-weight:bold;
	margin:20px 0;
}
div.pinkBox a:link,
div.pinkBox a:visited,
div.pinkBox a:active,
div.pinkBox a:hover{
	color:#FFF;
	text-decoration:underline;
}

/* ビジネス美容科　CIDESCOページ */
div#cidesco_catch{
	width:700px;
	min-height:227px;
	height:auto !important;
	height:227px;
	display:block;
	margin-bottom:40px;
	background:url(../../introduction/images/img_business_cidesco_01.jpg) no-repeat right top;
}

ul#cidesco_01,
ul#cidesco_02,
ul#cidesco_04,
ul#cidesco_03{
	width:700px;
}

ul#cidesco_01:after,
ul#cidesco_02:after,
ul#cidesco_04:after,
ul#cidesco_03:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

ul#cidesco_01 li.leftConts{
	float:left;
	width:183px;
	display:block;
}

ul#cidesco_01 li.rightConts{
	float:right;
	width:517px;
	display:block;
}

ul#cidesco_02 li.leftConts{
	float:left;
	width:223px;
	display:block;
}

ul#cidesco_02 li.rightConts{
	float:right;
	width:464px;
	display:block;
}

ul#cidesco_03 li.leftConts{
	float:left;
	width:137px;
	display:block;
}

ul#cidesco_03 li.rightConts{
	float:right;
	width:547px;
	display:block;
}

#gray{
	width:670px;
	border: 4px solid #dedede;
	padding: 10px;
}

ul#cidesco_04 li.leftConts{
	float:left;
	width:213px;
	display:block;
}

ul#cidesco_04 li.rightConts{
	float:right;
	width:435px;
	display:block;
	margin-right: 30px;
}




ul li.rightConts p.cidesco_stit{
	font-size:115%; /*14px*/
	font-weight:bold;
	line-height:1.5em;
	margin-bottom:20px;
	color:#871111;
}




/* ビジネス美容科　来客実習ページ */
#catch_business_training{
	width:700px;
	display:block;
	margin-bottom:20px;
}

#catch_business_training h1{
	width:696px;
	height:463px;
	display:block;
	margin:0 0 20px 0;
}

ul#img_business_training{
	width:700px;
	margin:15px 0 5px 0;
	display:block;
}

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

ul#img_business_training li{
	line-height:0;
	font-size:0;
}

ul#img_business_training li#img_business_training_01{
	float:left;
	width:228px;
	height:309px;
	margin:0 0 0 0;
	display:block;
}

ul#img_business_training li#img_business_training_02{
	float:right;
	width:460px;
	height:308px;
	margin:0 4px 0 0;
	display:block;
}

ul#img_business_training li#blank{
	clear:both;
	width:696px;
	height:18px;
	display:block;
}

ul#img_business_training li#img_business_training_03{
	clear:both;
	float:left;
	width:343px;
	height:229px;
	display:block;
}

ul#img_business_training li#img_business_training_04{
	float:right;
	width:345px;
	height:229px;
	display:block;
	margin:0 4px 0 0;
}