@charset "utf-8"; 

@import url("common.css");
@import url("add.css");

/* ==================================================
	
	基本設定
	
=================================================== */
#all {
	width: 886px;
	background: url(../images/main_bg.gif) repeat-y;
}



/* ==================================================
	
	メインコンテンツ
	
=================================================== */
#main .main-contents {
	background: #FF0000;
}



/* ==================================================
	
	左側：携帯・別科・出張授業
	
=================================================== */
#main .main-contents .mobile {
	float: left;
	width: 218px;
	height:300px;
	background:url(../images/index_mobile.jpg) 0 0 no-repeat;
	position:relative;
}

/* 別科
========================================*/
#main .main-contents .mobile a.another{
	width: 164px;
	height: 95px;
	background:url(../images/index_another_on.gif) 0 0 no-repeat;
	display: block;

	position:absolute;
	top:102px;
	left:27px;
}
#main .main-contents .mobile a.another:hover {
	background-color: #fff;
	height: 95px;
}
#main .main-contents .mobile a.another:hover img {
	visibility: hidden;
}

/* 別科(小バージョン)
========================================*/
#main .main-contents .mobile a.another2{
	width: 164px;
	height: 49px;
	background:url(../images/index_another2_on.gif) 0 0 no-repeat;
	display: block;
	position:absolute;
	top:100px;
	left:27px;
}
#main .main-contents .mobile a.another2:hover {
	background-color: #fff;
	height: 49px;
}
#main .main-contents .mobile a.another2:hover img {
	visibility: hidden;
}


/* 出張授業 〜090415終了
====================================================== */
#main .main-contents .mobile a.trip_class{
	width: 164px;
	height: 49px;
	background:url(../images/index_trip_on.gif) 0 0 no-repeat;
	display: block;
	position:absolute;
	top:166px;
	left:27px;
}
#main .main-contents .mobile a.trip_class:hover {
	background-color: #fff;
	height: 49px;
}
#main .main-contents .mobile a.trip_class:hover img {
	visibility: hidden;
}


/* パートナーシップ
====================================================== */
#main .main-contents .mobile a.partner{
	width: 164px;
	height: 49px;
	background:url(../images/index_part_on.gif) 0 0 no-repeat;
	display: block;
	position:absolute;
	top:230px;
	left:27px;
}
#main .main-contents .mobile a.partner:hover {
	background-color: #fff;
	height: 49px;
}
#main .main-contents .mobile a.partner:hover img {
	visibility: hidden;
}



/* KYORI FESTA 〜終了
======================================================
#main .main-contents .mobile a.bnr_festa{
	width: 164px;
	height: 49px;
	display: block;
	position:absolute;
	top:225px;
	left:27px;
}
*/

#main .main-contents .mobile p {
	visibility: hidden;
}



/* ==================================================
	
	中央：information　wpより読み込み
	
=================================================== */
#main .main-contents .information {
	float: left;
	width: 441px;
	overflow:hidden;
	text-align: left;
}
#main .main-contents .information ul {
	overflow: hidden;
	height: 240px;
	padding: 0 20px 20px 20px;
}
#main .main-contents .information li {
	margin-top: 1em;
}
#main .main-contents .information li {
	_margin-top: 0;
}
#main .main-contents .information li dl {
	line-height: 1.2em;
	font-size: 12px;
	padding-bottom: 1em;
	border-bottom: 1px dotted #fc9090;
}
#main .main-contents .information dl dt {
	line-height: 1.2em;
	vertical-align: middle;
	padding-left: 18px;
	font-family: sans-serif;
	color: #FFFFFF;
	background: url(../images/icon_01.gif) no-repeat;
}
#main .main-contents .information dl dd {
	margin-top: -1.18em;
	margin-left: 7.5em;
	line-height: 1.2em;
	color: #FFFFFF;
	font-family: sans-serif;
}
#main .main-contents .information a {
	color: #FFFFFF;
}
#main .main-contents .information a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
/*	category-3.phpの読み込みスペース
========================================= */
#main .main-contents .information .inputcms iframe {
	border:0;
	width: 441px;
	height: 263px;

}
#main .main-contents .information .inputcms object {
	border:0;
}


/* ==================================================
	
	右側：バナー類
	
=================================================== */
#main .main-contents .banner {
	float: right;
	width: 219px;
	height: 300px;
	background: url(../images/banner_bg.gif) no-repeat left bottom;
}
#main .main-contents .banner ul {
	padding-left:1px;
}

#main .main-contents .banner ul li {
	padding-top:14px;
	width:218px;
}
#main .main-contents .banner ul li a {
	width: 100%;
	height: 100%;
	display: block;
}
#main .main-contents .banner ul li a:hover {
	background-color: #fff;
	height: 100%;
}
#main .main-contents .banner ul li a:hover img {
	visibility:hidden;
}
/* C M */
#main .main-contents .banner ul li.b01 a {
	background:url(../images/index_banner01_on.jpg) 0 0 no-repeat;
	width:218px;
}
/* トニー田中 */
#main .main-contents .banner ul li.b02 a {
	background:url(../images/index_banner02_on.jpg) 0 0 no-repeat;
	width:218px;
}
/* 新井唯夫 */
#main .main-contents .banner ul li.b03 a {
	background:url(../images/index_banner03_on.jpg) 0 0 no-repeat;
	width:218px;
}
/* VIDAL SASSOON CUT CONTEST */
#main .main-contents .banner ul li.b04 a {
	background:url(../images/index_oc_bnr091128_on.jpg) 0 0 no-repeat;
	width:218px;
}

/* 一人暮らし応援サポートプラン */
#main .main-contents .banner ul li.single_life a {
	background:url(../images/index_bnr_single_life_on.jpg) 0 0 no-repeat;
	width:218px;
}

/* sassoon */
#main .main-contents .banner ul li.single {
	width:218px;
}

#main .main-contents .banner ul li.single a {
	background:url(../images/index_bnr_sassoon_on.jpg) 0 0 no-repeat;
	width:218px;
}

/* 一人暮らし */
#main .main-contents .banner ul li.sassoon {
	width:218px;
}

#main .main-contents .banner ul li.sassoon a {
	background:url(../images/index_bnr_single_on.jpg) 0 0 no-repeat;
	width:218px;
}


/* ==================================================
	
	フッター
	
=================================================== */
#pagebottom {
	width:886px;
	background: url(../images/footer_bg.gif) no-repeat top;
}