@charset "utf-8";

@import url("base.css");

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

/* タグフォーマット
----------------------------------------------------------- */
body{
	background:#FFF url(../../images/bg.jpg) repeat-x left top;
}

#container{
	padding:0 10px 35px 10px;
	background:url(../../images/bg_container.jpg) no-repeat left top;
}

div#mainArea{
	width:703px;
}

div#sideArea{
	width:247px;
	/*
	margin:-367px 0 0 0;
	*/
	
	margin:-350px 0 0 0;
	
	text-align:left;
	color:#5E5E5E;
}

div#catch{
	width:950px;
	height:330px;
	display:block;
	text-align: left;
	/*text-indent:-9999px;*/
	background:url(../../images/catch.jpg) no-repeat left top;
}


/* main_bottom
----------------------------------------------------------- */
div#main_bottom ul{
	text-align:center;
}

div#main_bottom ul li#bottom_txt{
	width:950px;
}

div#main_bottom ul li.page_top{
	display:none;
}


/* mainArea
----------------------------------------------------------- */
/* 一段落目 */
div#firstColumn{
	width:681px;
	padding:7px 0 1px 8px;
	background:url(../images/dot_line.gif) repeat-x left bottom;
}

div#firstColumn h1{
	width:335px;
	height:25px;
	margin:0;
}

/* 学科紹介 */
div#firstColumn ul{
	width:675px;
	margin:6px 0 25px 0;
}

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

div#firstColumn ul li{
	width:331px;
	height:64px;
	margin:0 0 11px 0;
	padding:0;
	display:block;
	font-style:0;
	line-height:0;
}

div#firstColumn ul li a{
	width:331px;
	height:64px;
	display:block;
}

div#firstColumn ul li#introduction_01{
	float:left;
	background:url(../../images/img_introduction_01.jpg) no-repeat 0px 0px;
}

div#firstColumn ul li#introduction_02{
	float:right;
	background:url(../../images/img_introduction_02.jpg) no-repeat 0px 0px;
}

div#firstColumn ul li#introduction_03{
	clear:both;
	float:left;
	background:url(../../images/img_introduction_03.jpg) no-repeat 0px 0px;
}

div#firstColumn ul li#introduction_04{
	float:right;
	background:url(../../images/img_introduction_04.jpg) no-repeat 0px 0px;
}

div#firstColumn ul li#introduction_05{
	clear:both;
	float:left;
	background:url(../../images/img_introduction_05.jpg) no-repeat 0px 0px;
	margin:0;
}

div#firstColumn ul li#introduction_06{
	float:right;
	background:url(../../images/img_introduction_06.jpg) no-repeat 0px 0px;
	margin:0;
}

/* 国際って、どんな学校？ */
div#secondColumn{
	width:692px;
	padding:13px 0 28px 8px;
}

div#secondColumn h1{
	width:692px;
	height:40px;
	margin:0 0 10px 0;
}
div#secondColumn ul.twoColumn{
	width:692px;
}

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

div#secondColumn ul.twoColumn li.leftConts{
	clear:both;
	float:left;
	width:346px;
	display:inline;
	/*
	display:block;
	*/
}

div#secondColumn ul.twoColumn li.rightConts{
	float:left;
	width:346px;
	display:inline;
	_margin-left:-1px;
	/*
	display:block;
	*/
}

div#secondColumn ul.twoColumn li ul{
	width:329px;
}

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

div#secondColumn ul.twoColumn li ul li.thumb_img{
	clear:both;
	float:left;
	width:83px;
	height:72px;
	display:block;
}

div#secondColumn ul.twoColumn li ul li.detail_txt{
	float:right;
	width:237px;
	display:block;
}

div#secondColumn ul.twoColumn li.height10{
	clear:both;
	width:692px;
	height:10px;
	display:block;
	font-size:0;
	line-height:0;
}

/* 新着情報 */
div#newsBox{
	width:689px;
	height:px;
	display:block;
}

div#newsBox div#tit_news{
	width:689px;
	height:42px;
	display:block;
	background:url(../../images/tit_04.gif) no-repeat left top;
}

div#newsBox div#tit_news:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div#newsBox div#tit_news h1{
	float:left;
	width:525px;
	/*
	text-indent:-9999px;
	*/
}

div#newsBox div#tit_news span{
	float:right;
	width:150px;
	font-size:83%;/* font-size 基準値12pxに対してサイドエリア各箇所のテキスト10pxの為 */
	padding:10px 14px 0 0;
	text-align:right;
}

div#newsBox dl{
	width:665px;
	/*
	width:689px;
	*/
	display:block;
	background:url(../../images/bg_news.gif) no-repeat left bottom;
	padding:3px 12px 15px 12px;
	/*
	line-height:1.5em;
	*/
}

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

div#newsBox dl dt{
	/*
	clear:left;
	float:left;
	width:90px;
	*/
	clear:left;
  float:left;
  width:6em;
  	line-height: 2em;

}

div#newsBox dl dd{
	/*
	width:573px;
	margin-left:1px;
	*/
	margin-left:6em;
	line-height: 2em;
  zoom:1;
}
div#newsBox dl dd img{
	vertical-align:middle;
}


/* 緊急情報 */
div#Newsflash{
	width:675px;
	display:block;
	margin: 0 0 15px 0;
/*	border: #DC0030 solid 2px;*/
	
}

div#Newsflash div#tit_news{
	width:689px;
	height:42px;
	display:block;
	background:url(../../images/tit_04.gif) no-repeat left top;
}

div#Newsflash div#tit_news:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div#Newsflash div#tit_news h1{
	float:left;
	width:525px;
	/*
	text-indent:-9999px;
	*/
}

div#Newsflash div#tit_news span{
	float:right;
	width:150px;
	font-size:83%;/* font-size 基準値12pxに対してサイドエリア各箇所のテキスト10pxの為 */
	padding:10px 14px 0 0;
	text-align:right;
}

div#Newsflash dl{
	width:651px;
	/*
	width:689px;
	*/
	display:block;
	background:#9F092B;
	padding:3px 12px 5px 12px;
	/*
	line-height:1.5em;
	*/
}

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

div#Newsflash dl dt{
	/*
	clear:left;
	float:left;
	width:90px;
	*/
	clear:left;
  float:left;
  	color: #FFFFFF;
	font-weight: bold;
  width:5em;
  	line-height: 2em;

}

div#Newsflash dl dd{
	/*
	width:573px;
	margin-left:1px;
	*/
	margin-left:5em;
	line-height: 2em;
	color: #FFFFFF;
		font-weight: bold;

  zoom:1;
}
div#Newsflash dl dd img{
	vertical-align:middle;
}


/* sideArea
----------------------------------------------------------- */
div#sideArea{
	font-size:83%;/* font-size 基準値12pxに対してサイドエリア各箇所のテキスト10pxの為 */
}

div.partition{
	width:235px;
	height:1px;
	display:block;
	background:url(../images/dot_line.gif) repeat-x left top;
	margin:14px 0;
	line-height:0;
	font-size:0;
}

/* 冬の学校見学 */
div#guidanceBox{
	width:236px;
	height:257px;
	display:block;
	margin:0 0 7px 0;
}

div#guidanceBox div#tit_guidance{
	width:236px;
	height:153px;
	display:block;
	background:url(../../images/img_guidance_01.jpg) no-repeat left top;
	text-indent:-9999px;
}

div#guidanceBox div#guidance_menu{
	width:236px;
	height:104px;
	display:block;
	background:url(../../images/img_guidance_02.jpg) no-repeat left top;
}

div#guidanceBox div#guidance_menu ul{
	padding:63px 10px 0 0;
}

div#guidanceBox div#guidance_menu ul li{
	text-align:right;
}

div#guidanceBox div#guidance_menu ul li a:active,
div#guidanceBox div#guidance_menu ul li a:link,
div#guidanceBox div#guidance_menu ul li a:hover,
div#guidanceBox div#guidance_menu ul li a:visited{
	color:#FFF;
	background:url(../../images/arrow_01.gif) no-repeat right 0.3em;
	padding:0 12px 0 0;
}

/* 入学案内、お送りします。 */
div#pamphletBox{
	width:236px;
	height:117px;
	display:block;
}

div#pamphletBox div#tit_pamphlet{
	width:236px;
	height:37px;
	display:block;
	background:url(../../images/img_pamphlet_01.gif) no-repeat left top;
	text-indent:-9999px;
}

div#pamphletBox div#pamphlet_menu{
	width:236px;
	height:80px;
	display:block;
	background:url(../../images/img_pamphlet_02.gif) no-repeat left top;
}

div#pamphletBox div#pamphlet_menu p{
	text-align:right;
	padding:20px 10px 0 0;
}

/* スクールライフ */
div#school_lifeBox{
	width:215px;
	display:block;
	padding:12px 10px 15px 10px;
	background-color:#E3E3E3;
}

div#school_lifeBox div#school_life_01{
	width:215px;
	height:106px;
	display:block;
	background:url(../../images/img_school_life.jpg) no-repeat left top;
	margin:0 0 7px 0;
}

div#school_lifeBox div#school_life_01 a{
	width:215px;
	height:39px;
	display:block;
}

div#school_lifeBox div#school_life_01 p{
	padding:0 0 0 10px;
}

div#school_lifeBox ul{
	width:215px;
	display:block;
}

div#school_lifeBox ul li{
	width:213px;
	height:116px;
	display:block;
	background:url(../../images/bg_school_life.gif) repeat-x left top;
	border-left:1px solid #A3A3A3;
	border-top:1px solid #A3A3A3;
	border-right:1px solid #A3A3A3;
	text-align:left;
	line-height:1.4em;
}

div#school_lifeBox ul li div.school_life_left{
	float:left;
	width:121px;
	display:inline;
	/*
	display:block;
	_display:inline;
	*/
	margin:0 0 0 8px;
}

div#school_lifeBox ul li div.school_life_right{
	float:left;
	width:71px;
	display:inline;
	/*
	display:block;
	_display:inline;
	*/
	margin:0 0 0 10px;
}

div#school_lifeBox ul li div.school_life_right img{
	margin:14px 0 8px 0;
}

div#school_lifeBox ul li#school_life_02 div.school_life_right p{
	margin:35px 0 0 0;
}

div#school_lifeBox ul li#school_life_04{
	border-bottom:1px solid #A3A3A3;
}


/* 保護者の方へ */
div#protectorBox{
	width:235px;
	height:82px;
	display:block;
	background:url(../../images/img_protector.jpg) no-repeat left top;
	margin:0 0 9px 0;
}

div#protectorBox a{
	width:235px;
	height:82px;
	display:block;
}

div#protectorBox p{
	padding:0 0 0 10px;
}

/* 同窓会情報 */
div#classreunionBox{
	width:235px;
	height:41px;
	display:block;
}

div#classreunionBox a{
	width:235px;
	height:41px;
	display:block;
	background:url(../../images/img_classreunion.gif) no-repeat left top;
}

/* イベントバナー */
div#event_ban{
	width:235px;
	height:41px;
	display:block;
	text-align: center;
	padding: 10px 0 0 0;
}

div#event_ban a img, div#event_ban a{
	display:block;
	border: none;
}