@charset "Shift_jis";

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

 PLUXY - Global Layout, General Class for SCHOOL Contents
 URL: http://pluxy.jp/
 Date: 2009.4.28
 Copyright (C) FONTMODO Co,Ltd. All Rights Reserved.

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


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

  グローバルレイアウト

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

body {
	background:#868d95 url('../img/school_bodyBg.jpg') repeat-x top;
}

.allContainer {
	width:100%;
	margin:0 auto;
	background:url('../img/school_mainBg.jpg') no-repeat center top;
}

.contentsWrap {
	behavior: url('../js/iepngfix.htc');
	width:788px;
	margin:0 auto;
	background:url('../img/contentsBg.png') repeat-y center;
}

.contentsWrap #mainContent {
	width:760px;
	background-color:#FFFFFF;
	margin: 0 auto;
	padding-bottom:50px;
}

.contentsWrap .categoryTitle {
	width:410px;
	margin:0 auto;
	padding:0 20px 0 350px;
	text-align:center;
}

#schoolTop .contentsWrap .categoryTitle {
	background:url('../school/img/schoolMainImgBg.jpg') no-repeat center top;
	height:295px;
	position:relative;
}

.contentPage .contentsWrap .categoryTitle {
	height:27px;
	padding:53px 20px 70px 350px;
	text-align:center;
	background:url('../school/img/schoolCategoryTitleBg.jpg') no-repeat center top;
}


.schoolTopText {
	display:none;
}

#btnProspectus {
	position:absolute;
	bottom:20px;
	right:20px;
}

#schoolTop #bannerArea {
	padding-top:60px;
}

.contentPage #bannerArea {
	padding-top:205px;
}

h2 {
	clear:both;
}


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

  ローカルナビゲーション

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

#mainContent {
	position:relative;
}

#localNavigation {
	position:absolute;
	width:200px;
	height:295px;
	padding:5px 0 0 0;
	overflow:hidden;
	background:url('../school/img/localMenuBg.png');
}

#schoolTop #localNavigation {
	left:5px;
	top:-260px;
}

.contentPage #localNavigation {
	left:5px;
	top:-115px;
}

#localNavigation li {
	line-height:0;
}

#localNavigation li {
	display:block;
	width:188px;
	height:48px;
	overflow:hidden;
	margin:0 auto;
	padding:0;
	word-spacing:0;
	letter-spacing:0;
}

#localNavigation li#top {
	height:50px;
}

#bannerArea .schoolInformation {
	border:1px solid #e5d1d4;
	background-color:#fff5f6;
	padding:5px 15px 10px 15px;
	margin-bottom:20px;
}

#bannerArea .schoolInformation h3 {
	font-size:106%;
	padding-top:10px;
	color:#c36e85;
	font-weight:bold;
}

#bannerArea .schoolInformation h3 span {
	font-size:74%;
	display:block;
}

#mainContent #prospectusLink {
	width:538px;
	margin:0 auto;
	text-align:center;
	padding-top:30px;
}


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

  フッターナビゲーション

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

#commonFooter {
	background:#868d95 url('../img/FooterBg.png') no-repeat top;
}

#commonFooter #sub,
#commonFooter #global {
	background-image:url('../img/school_bgFooterDivide.gif');
}

#subNavigation li {
	background:url('../img/school_icoFooterLink.jpg') left no-repeat;
}

#commonFooter a {
	color:#dfe4e7;
}



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

  トップページ

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

#contentsArea h2 {
	padding-left:3px;
}

#topMenuSelect {
	width:544px;
	padding-right:6px;
}

#topMenuSelect div {
	width:272px;
}
#topMenuSelect div p {
	height:80px;
	padding:3px 10px 0 10px;
	line-height:1.5;
}

#topMenuSelect .left {
	float:left;
}
#topMenuSelect .right {
	float:right;
}

dl#news {
	width:538px;
	margin:0 9px 0 3px;
	background:url('../img/bgDotLine.gif') repeat-x bottom;
}

#news dt,
#news dd {
	background:url('../img/bgDotLine.gif') repeat-x top;
	padding:6px 0;
}

dl#news .first {
	background-image:none;
}

#news dt {
	float:left;
	width:79px;
	_width: 81px;
	float:left;
	clear:both;
}

#news dd {
	_position:relative;
	_left:-3px;
	_height:0%;
	_width:449px;
	margin-left:81px;
	padding-left:5px;
}

#schoolTop #contentsArea {
	padding:8px 0 0;
	width:552px;
}

dl#news dd ul,
dl#news dd ol {
	margin-left:2.2em;
}


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

  アイラッシュスクールについて

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

#aboutSchool #concept {
	padding:0 0 30px 0;
}

#aboutSchool #concept .clearfix {
	padding-top:20px;
	padding-bottom:45px;
	background-image:url('../school/about/img/imgContentsDivideLine.gif');
	background-position:center bottom;
	background-repeat:no-repeat;
}

#aboutSchool #concept .last {
	background-image:none;
	padding-bottom:0;
}

#aboutSchool #concept .conceptText {
	float:right;
	width:380px;
}
#aboutSchool #concept .even .conceptText {
	float:left;
}

#aboutSchool #concept .conceptText h3 {
	padding-bottom:15px;
}

#aboutSchool #concept .conceptText p {
	padding-left:2px;
}

#aboutSchool #concept .photo {
	width:143px;
	padding-right:15px;
	float:left;
}
#aboutSchool #concept .even .photo {
	width:143px;
	padding-right:0;
	padding-left:15px;
	float:right;
}


#aboutSchool #feature {
	padding-bottom:40px;
	float:left;
}

#aboutSchool #feature li {
	list-style-type:none;
	background-position:left;
	background-repeat:no-repeat;
	padding: 32px 0 7px 70px;
	width:199px;
	height:70px;
	line-height:1.4;
}

#aboutSchool #feature li img {
	padding-bottom:8px;
}

#aboutSchool #feature #feature01 {
	background-image:url('../school/about/img/bgFeature01.jpg');
	float:left;
}

#aboutSchool #feature #feature02 {
	background-image:url('../school/about/img/bgFeature02.jpg');
	float:right;
}

#aboutSchool #feature #feature03 {
	background-image:url('../school/about/img/bgFeature03.jpg');
	clear:both;
	float:left;
}

#aboutSchool #feature #feature04 {
	background-image:url('../school/about/img/bgFeature04.jpg');
	float:right;
}

#aboutSchool #feature #feature05 {
	background-image:url('../school/about/img/bgFeature05.jpg');
	clear:both;
	float:left;
}

#aboutSchool #feature #feature06 {
	background-image:url('../school/about/img/bgFeature06.jpg');
	float:right;
}

#aboutSchool .accessDetail {
	padding:20px 0 0 0;
}

#aboutSchool .accessDetail h3 {
	padding-bottom:20px;
}

#aboutSchool .accessDetail div {
	float:left;
	width:263px;
}

#aboutSchool .accessDetail div p {
	padding-left:16px;
}

#aboutSchool .map {
	float:right;
	width:275px;
}


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

  コースの紹介

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

#course #contentsArea .courseDetail {
	clear:both;
	padding:25px 10px;
	width:518px;
}

#course #contentsArea .courseDetail h3 {
	float:left;
	width:160px;
	padding:1px 0 30px 0;
	border-right: 5px solid #dddddd;
}

#course #contentsArea .courseDetail p {
	float:right;
	width:343px;
	padding:0 0 0 10px;
}

#course #contentsArea .courseTrial p {
	color:#c95b7a;
}
#course #contentsArea .courseBasic p {
	color:#437a94;
}
#course #contentsArea .courseOption p {
	color:#848484;
}

#course #contentsArea dl {
	clear:both;
	width:518px;
}

#course #contentsArea dt {
	clear:both;
	float:left;
	width:69px;
	_width: 70px;
	padding:5px 0 5px 90px;
}

#course #contentsArea dd {
	_position:relative;
	_left:-3px;
	_height:0%;
	_width:340px;
	padding:5px 0 5px 10px;
	margin-left:160px;
	border-left: 5px solid #dddddd;
}

#course #contentsArea dd.odd {
	background-color:#faf7f6;
}

#course #contentsArea dd span.title {
	display:block;
	font-size:75%;
}

#course #contentsArea dd span.notes,
#course #contentsArea dd.subDescription {
	font-size:86%;
}


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

  入学までの流れ

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

#entrance #contentsArea ol {
	width:428px;
	margin:0 auto;
	padding:20px 0 0 0;
}

#entrance #contentsArea ol li img {
	padding-bottom:8px;
}

#entrance #contentsArea ol li {
	list-style-type:none;
	background-position:25px 0;
	background-repeat:no-repeat;
	height:88px;
	padding:10px 0 0 75px;
	line-height:1.4;
}

#entrance #contentsArea ol li#flow01 {
	background-image:url('../school/entrance/img/bgFlow01.gif');
}
#entrance #contentsArea ol li#flow02 {
	background-image:url('../school/entrance/img/bgFlow02.gif');
}
#entrance #contentsArea ol li#flow03 {
	background-image:url('../school/entrance/img/bgFlow03.gif');
}
#entrance #contentsArea ol li#flow04 {
	background-image:url('../school/entrance/img/bgFlow04.gif');
}
#entrance #contentsArea ol li#flow05 {
	background-image:url('../school/entrance/img/bgFlow05.gif');
}
#entrance #contentsArea ol li#flowGoal {
	background-image:url('../school/entrance/img/bgFlowGoal.gif');
	background-position:0 0;
	padding:54px 0 0 100px;
	height:44px;
}



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

  問い合わせフォーム

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

#inquiry .formArea {
	background-color:#f6f3e5;
	padding:15px 10px 5px 10px;
	width:518px;
	margin-top:20px;
}

#inquiry .formArea .inner {
	width:476px;
	margin:0 auto;
	padding:20px;
	border:1px solid #ded9b9;
	background-color:#ffffff;
	margin-bottom:10px;
}

#inquiry .formArea .inner .privacypolicy {
	padding:20px;
	border:1px solid #f3d4d9;
	background-color:#faecef;
	margin:20px auto;
}

#inquiry .formArea .inner .privacypolicy h3 {
	font-size:100%;
	padding-bottom:10px;
}

#inquiry form .confirm {
	text-align:center;
	margin:0 auto;
	padding:10px 0 0 0;
}

#inquiry form input,
#inquiry form textarea {
	border:1px solid #ded9b9;
	background-color:#fffefa;
	padding:2px;
}

#inquiry form input.others {
	border:none;
	margin-right:3px;
}

#inquiry form textarea {
	width:300px;
}

#inquiry .error {
	color:#b60d1e;
}

#inquiry .error ul {
	font-weight:bold;
	padding:10px 0 0 0;
}

#inquiry .formArea .inner table {
	width:476px;
	border-collapse:collapse;
}

#inquiry .formArea .inner table th,
#inquiry .formArea .inner table td {
	padding:10px 0;
	text-align:left;
	border-bottom:1px solid #d8d6ca;
}

#inquiry .formArea .inner table th {
	width: 170px;
	color:#968738;
	font-weight:bold;
}

#inquiry .formArea .inner table th em {
	font-style:normal;
}

form label {
	cursor:pointer;
}

#inquiry form input.submitBtn,
#inquiry form input.backBtn {
	width:194px;
	height:40px;
	border:0;
}


/* IE6 css fixer v0.3: Thu, 30 Apr 2009 09:46:09 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
#topMenuSelect .left,
#topMenuSelect .right,
#aboutSchool #concept .conceptText,
#aboutSchool #concept .photo,
#aboutSchool #feature,
#aboutSchool #feature #feature01,
#aboutSchool #feature #feature02,
#aboutSchool #feature #feature03,
#aboutSchool #feature #feature04,
#aboutSchool #feature #feature05,
#aboutSchool #feature #feature06,
#aboutSchool .accessDetail div,
#aboutSchool .map,
#course #contentsArea .courseDetail h3,
#course #contentsArea .courseDetail p,
#course #contentsArea dt {display:inline;}

/* add zoom:1 to overflow:hidden */
#localNavigation,
#localNavigation li {zoom:1;}

/* add zoom:1 to pos:relative elements */
#schoolTop .contentsWrap .categoryTitle,
#mainContent,
#course #contentsArea dd {zoom:1;}