@charset "shift_jis";

/* ==================================================================
	Site Name: ハリウッドビューティ専門学校

	Version: 0.1

	Author: Adachi(WebBlending)



	import.css		読み込みCSS

	font.css		文字サイズの指定CSS

	defalut.css		基準値の指定CSS

	color.css		色の指定CSS

	common.css		サイト全体に共通するCSS

	component.css	CSSの部品	

	modules.css		個別指定用CSS	

	print.css		印刷用CSS

	
=================================================================== */

/* --------------------------------
   ｢｣index
-------------------------------- */

/* ｡cat-menu
-------------------------------- */

#index table.cat-menu {
	margin-bottom:8px;
}

#index table.cat-menu .contents{
	background:url(../images/index/cat-back.gif) 0 0 repeat;
}

#index table.cat-menu .contents table{
	margin:5px 0 5px 1px;
}
#index table.cat-menu .contents table td{
	padding-left:4px;
}

/* ｡ivent-calender
-------------------------------- */
#index table.info-ic{
	width:275px;
	margin-right:5px;
	margin-top:-25px;
}

#index table.info-ic td.month{
	width:276px;
	padding:5px 0 1px 15px;
	font-weight:bold;	
	color: #FE4AA5;
	font-size: 110%;
	background-color:#FFCCCC;
}

#index table.info-ic td.week{
	width:35px;
	font-weight:bold;
	background-color:#FE4AA5;
	text-align:center;
	color:#FFFFFF;
}

#index table.info-ic td.sat{
	width:35px;
	font-weight:bold;
	background-color:#CCFFFF;
	text-align:center;
	color:#3399FF;
}

#index table.info-ic td.sun{
	width:35px;
	font-weight:bold;
	background-color:#D1FFA4;
	text-align:center;
	color:#009900;
}

#index table.info-ic td.bg{
	width:276px;
	background-color:#FFCCCC;
}

#index table.info-ic div#cal{
	width:276px;
	text-align:center;
}

/* ｡info-banner
-------------------------------- */

/* ｡info
-------------------------------- */

#index table.info-banner{
	margin-left:5px;
}

#index table.info-banner td.info{
	vertical-align:top;
}

#index table.info-banner td.info h2.info{
	margin:9px 0 7px 0;
}

#index table.info-banner td.info h2.info2{
	margin:15px 0 7px 0;
}

#index table.info-banner td.info #info-box{
	height:200px;
	overflow:auto;0
	overflow-y:scroll;
	border:1px solid #D4D4D4;
	vertical-align:top;
}

#index table.info-banner td.info #info-box2{
	height:235px;
	overflow:auto;
	overflow-y:scroll;
	border:1px solid #D4D4D4;
	vertical-align:top;
}

#index table.info-banner td.info #info-box h3{
		text-align:center;
		border-bottom:1px solid #D4D4D4;
		padding:2px 0;
		line-height:1;
		font-size:1px;
		overflow:hidden;
	}
	/* MACﾍﾑIE only \*//*/
	#index table.info-banner td.info #info-box h3 {
		overflow:visible;
	}
	/* end */


#index table.info-banner td.info #info-box table{
		margin:0 0 8px 8px;
	}

#index table.info-banner td.info #info-box table td{
		padding:4px 0 5px 0;
		background:url(../images/common/border/black.gif) 0 100% repeat-x;
		font-size:84%;
	}


/* ｡ushiyama
-------------------------------- */

#index table#ushiyama{
	width:248px;
}

#index table#ushiyama h2 img{
	margin-left:-3px;
	position:relative;
}

/* ､ｪ､ｽ､鬢ｯ･ﾆ｡ｼ･ﾖ･・ﾏ､ｵ､ﾀ､ｿ､皃ﾎ､隍ｯ､・ｫ､鬢ﾐ･ｰﾂﾐｺ・*/
* html #index table#ushiyama h2{
	position:relative;
	height:36px;
	width:252px;
}
* html #index table#ushiyama h2 img{
	margin-left:0px;
	position:absolute;
	left:-2px;
	top:0;
}

*:first-child+html #index table#ushiyama h2{
	position:relative;
	height:36px;
	width:252px;
}

*:first-child+html #index table#ushiyama h2 img{
	margin-left:0px;
	position:absolute;
	left:-2px;
	top:0;
}

#index table#ushiyama tr.contents td{
	border:1px solid #FF7098;
	border-width:0 1px;
	text-align:center;
}

#index table#ushiyama tr.contents td table{
	width:231px;
	text-align:left;
	margin:10px auto 7px auto;
}

#index table#ushiyama tr.contents td table td{
	text-align:left;
	border-width:0;
}

#index table#ushiyama tr.contents td table tr.title td{
	color:#F32445;
	padding-bottom:11px;
}

#index table#ushiyama tr.contents td table tr.title td a{
	color:#F32445;
}

#index table#ushiyama tr.contents td table tr.title td img{
	vertical-align:middle;
	margin-right:5px;
}

#index table#ushiyama tr.contents td table tr.sub-contents td {
	font-size:84%;
	color:#223874;
	line-height:1.7;
}

#index table#ushiyama tr.contents td table tr.more td{
	text-align:right;
}

#index table#ushiyama tr.contents td table tr.more td a{
	font-size:84%;
	color:#F42253;
}

#index table#ushiyama tr.footer td{
	background:url(../images/index/ushiyama-footer.gif) 0 0 no-repeat;
	height:6px;
	font-size:6px;
	zoom:1;
}


/* ｡banner
-------------------------------- */



#index table.info-banner td.banner table{
	width:276px;
	margin-top:-10px;
	position:relative;
}

#index table.info-banner td.banner table td{
	padding-top:9px;
}


#index table.info-banner td.banner table .tr1 td{
	padding-top:0;
}


#index table.info-banner td.banner table .tr1 .column1{
	padding-top:0px;
	width:253px;
}


/* --------------------------------
   ｢｣secondary
-------------------------------- */
.secondary table.body .entries{
	padding-right:7px;
}

.secondary table.body h2{
	margin:0;
	text-align:center;
}

/* ･ｵ･ﾖ･皈ﾋ･蝪ｼ */

.secondary p.sub-menu{
	color:#5F568B;
	margin:4px 0;
	text-align:right;
}

.secondary p.sub-menu a{
	font-size:92%;
	color:#5F568B;
	padding-left:10px;
	background:url(../images/common/arrow/black.gif) 0 0.2em no-repeat;
}

.secondary p.sub-menu a:hover{
	text-decoration:underline;
}


.secondary table.section td.contents{
	padding:0 11px 0 8px;
}

td.contents-text{
	padding:-10px 11px 0 0;
}

.secondary h3{
	margin-bottom:10px;
}

.secondary #section1{
	margin-bottom:10px;
}

.secondary #section4{
	margin:0;
}

/* img */

.secondary table.section p.left{
	margin-right:22px;
	display:inline;

}
.secondary table.section p.right{
	margin-left:22px;
	display:inline;
}

/* section1 */
.secondary table#section1 td.title{
	padding-left:8px;
}

/* picture */

.secondary table.section p.picture2{
	margin-left:-44px;
}
.secondary table.section p.picture2 img{
	margin-left:44px;
}

.secondary table.section p.picture4{
	margin-left:-3px;
}

.secondary table.section p.picture4 img{
	margin-left:9px;
}

/* --------------------------------
   ｢policy｣
-------------------------------- */
#policy table.frame{
	width:531px;
	margin:0 0 0 8px;
}

#policy table.frame td.header{
}

#policy table.frame td.header h3{
	margin:1px 0 9px 0;
}

#policy table.frame td.body{
	padding:0 7px 4px 9px;
}

#policy table.frame td.body .column1 .image1{
	margin-bottom:32px;
}

#policy table.frame td.body .column2 .image{
	margin-top:9px;
}

#policy table.frame td.body .column2 .image1{
	margin-right:38px;
}

#policy table.frame td.body .column2 p.indent{
	margin:0 0 0.4em 7px;
	line-height:1.5;
}

#policy table.frame td.body .column2 p.text1{
	margin-bottom:44px;
}

#policy p.text2{
	padding:0 10px 0 10px;
}

/* ------------------------------ */


#policy h3{
	margin-bottom:17px;
}

#policy #results{
	width:523px;
	margin-left:15px;
}

#policy table.table {
	width:520px;
}



/* --------------------------------
   ｢｣qualification
-------------------------------- */

#qualification table.section {
	margin-bottom:0px;
}

#qualification table.colortable td{
	width:164px;
}

#qualification table.colortable td.column1,
#qualification table.colortable td.label{
	width:auto;
}


/* ｿｧ､ﾄ､ｭ･ﾆ｡ｼ･ﾖ･・*/

table.colortable{
	width:540px;
	margin-right:-11px;
}

html > body table.colortable{
	width:100%;
	margin-right:0px;
}

table.colortable td.column1,
table.colortable td.label{
	font-weight:700;
}

table.colortable td{
	text-align:left;
	padding:8px;
	vertical-align:top;
}

table.colortable td.column1{
	vertical-align:middle;
	text-align:center;
}

/* ｿｧ */
	table.colortable tr.green td{
		background-color:#EFFABB;
		color:#333;
}
	table.colortable tr.green td.column1{
		color:#A7C415;
		background-color:#fff;
}
	
	table.colortable  tr.blue td{
		background-color:#DAFBFA;
		color:#333;
}
	table.colortable tr.blue td.column1{
		color:#1AC5C0;
		background-color:#fff;
}
	
	table.colortable tr.pink td{
		background-color:#FFD7DC;
		color:#333;
}
	table.colortable tr.pink td.column1{
		color:#FF3861;
		background-color:#fff;
}
	
	table.colortable tr.pink td.label{
		background:#fff;
		text-align:center;
		vertical-align:middle;
}
	
/* --------------------------------
   ｢｣job
-------------------------------- */

.job table.section p.navi{
	margin-right:-8px;
}
.job table.section p.navi img{
	margin-left:8px;
}

#job table.section h4{
	padding:10px 0 6px 0;
}

#job table#job-tbl td.column1{
	padding:4px 8px;
	text-align:left;
}


#job table#job-tbl table.list{
	width:100%;
}


#job table#job-tbl table.list td{
	padding:2px 0;
	width:33%;
	border:0;
	font-size:92%;
	vertical-align:top;
}


#job  table#mainjob-tbl  td{
	width:164px;
}

#job table#mainjob-tbl td.column1,
#job table#mainjob-tbl td.label{
	width:auto;
}	

.job table.section p.navi{
	margin-right:-8px;
}


#job p.etc{
	margin-left:8px;
}	



/* --------------------------------
   ｢｣interview
-------------------------------- */

#interview table.student{
	width:540px;
	margin-right:-11}

.foot-ad {
	font-size: 75%;
	color: #FFFFFF;
}

/* --------------------------------
   ｢オープンキャンパス情報｣
-------------------------------- */
td.open{
	padding:0 10px 0 10px;
	color:#000;
	font-size:120%;
	}

.ocpagetop{
	text-align:right;
	font-size:84%;
	margin:0 0 0 0;
}

.ocpagetop a{
	background:url(../images/common/arrow/pink-over.gif) 0 50% no-repeat;
	padding-left:13px;
	color:#ffffff;
	height:9px;
}
.ocpagetop > a{
	min-height:9px;
	height:auto;
}
.ocpagetop a:visited{
	color:#ffffff;
}

.ocpagetop a:hover{
	background-image:url(../images/common/arrow/pink-over.gif);
	color:#ffffff;
}

.oc2pagetop{
	text-align:right;
	font-size:84%;
	margin:0 0 0 0;
}

.oc2pagetop a{
	background:url(../images/common/arrow/pink-over.gif) 0 50% no-repeat;
	padding-left:13px;
	color:#FF5589;
	height:9px;
}
.oc2pagetop > a{
	min-height:9px;
	height:auto;
}
.oc2pagetop a:visited{
	color:#FF5589;
}

.oc2pagetop a:hover{
	background-image:url(../images/common/arrow/pink-over.gif);
	color:#FF5589;
}

/* --------------------------------
   ｢オープンキャンパス個別ページ｣
-------------------------------- */
#oc{
	padding:530px 0 0 27px;
	width:270px;
	font-size:120%;
	letter-spacing:2px;
}

#oc2{
	padding:720px 0 0 27px;
	width:270px;
	font-size:120%;
	letter-spacing:1px;
}

#oc3{
	padding:530px 0 0 27px;
	width:270px;
	font-size:110%;
	line-height:17px;
	letter-spacing:2px;
}

#oc4{
	padding:528px 0 0 27px;
	width:270px;
	font-size:110%;
	line-height:16px;
	letter-spacing:0.5px;
}

#oc5{
	margin:-48px 0 0 27px;
	width:270px;
	font-size:120%;
	letter-spacing:2px;
}

#oc6{
	padding:693px 0 0 23px;
	width:255px;
	letter-spacing:1px;
	line-height:14.5px;
}

#oc7{
	padding:575px 0 0 30px;
	width:490px;
	letter-spacing:1px;
	line-height:18px;
	font-size:125%;
	font-weight:bold;
}

.oc1{
	width:180px;
	height:20px;
	padding:558px 0 0 345px;
}

/* --------------------------------
   ｢イベント申込｣
-------------------------------- */
td.aplly-bg{
	background-color:#FCC;
	width:130px;
	padding-left:7px;
}

td.aplly{padding:4px 0 8px 7px;}

td.aplly_1{padding:8px 0 3px 7px;}

p.aplly{text-align:left;}

.aplly1{
	color:red;	
	letter-spacing:1px;
	margin-top:3px;
}

.aplly-tt{
	color:#F36;
	padding:12px 0 0 13px;
	letter-spacing:1.5px;
	font-size:135%;
}
	
/* --------------------------------
   ｢学生サポート｣
-------------------------------- */
table.support{
	width:548px;
	margin-left:5px;
}
	
table.support1{
	width:530px;
	margin:0 0 8px 8px;	
}

table.support1 em{
	color:red;
	font-size:150%;
	letter-spacing:1px;
}

table.support1 td.column{
	vertical-align:top;
	padding:0 10px 0 10px;
}
	
table.support1 td.img{padding:20px 0 5px 30px;}

td.support{padding:0 5px 0 5px;}

td.support1{
	width:140px;
	height:40px;
	padding:5px;
}
	
td.support3{
	background-color:#2C4197;
	padding:5px 0 5px 10px;
	color:#ffffff;
	font-weight:bold;
	font-size:120%;	
	letter-spacing:2px;
}

div.support{
	padding:3px 5px 3px 7px;
	text-align:left;
}
	
p.support{
	margin:8px 0 0 10px;
	font-size:110%;
}

.nav{
	height:50px;
	margin-left:5px;
}

/* --------------------------------
   ｢｢ 目指す職業
-------------------------------- */

table.section table.jobicon-tbl{
	width:528px;
}

table.section table.jobicon-tbl td.body{
	padding:5px 0 7px 0;
	background:url(../images/common/icon/frame-body.gif) 0 0 repeat-y;
}

table.section table.jobicon-tbl td.body p{
	margin:0 0 0 12px;
}

table.section table.jobicon-tbl td.body p img{
	margin-left:0px;
}

table.section table.jobicon-tbl td.footer{
	height:6px;
	font-size:6px;
	background:url(../images/common/icon/frame-footer.gif) 0 0 no-repeat;
}


/* --------------------------------
   ｢学生紹介」
-------------------------------- */

table.student{
	background:url(../images/common/border/gray31.gif) 0 100% repeat-x;
	margin-bottom:17px;
}

table.student td.comment{	
	vertical-align:top;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 5px;
}

table.student td.image{
	text-align:center;
	line-height:1.7;
	vertical-align:top;
	padding:10px 10px 15px 10px;
}

table.student td.image img{
	margin-bottom:6px;
}

table.student td.comment{
	vertical-align:top;
}

/* --------------------------------
   ｢美容科」
-------------------------------- */
#beauty{
	width:528px;
	margin-left:7px;
}

#beauty td.title{
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='1',startColorstr='#ffcccc',endColorstr='#fffaff'); 
	border:1px solid #F9C;
	text-align:center;
	font-size:120%;
	width:7%;
}

#beauty td.sub{
	border:1px solid #F9C;
	text-align:center;
	font-size:120%;
	width:10%;
}

#beauty td.sub2{
	border:1px solid #F9C;
	text-align:center;	
	letter-spacing:1px;
	width:20%;
}

#beauty td.text{
	border:1px solid #F9C;
	text-align:left;
	letter-spacing:1px;
	padding:5px 0 5px 10px;
}