@charset "Shift_JIS";
/* CSS Document */

html { height:100%; margin:0px; }

*{ margin: 0; padding: 0; }* 

/*BASE--------------------------------------------------------*/
body { 
	font:11.5px Verdana, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Geneva, Arial, sans-serif ;
	height:100%;
	line-height: 1.7em;
	color: #222222;
	text-align:center;
	background-color:#fffff0;
}

img { border: 0px;}

a { color:#657062; text-decoration:underline; }
a.out { padding:0px 12px 0px 0px; background: url(../image/icon_link.png) no-repeat right center; }
a:hover { color: #94b3ab; text-decoration:underline;}

h1 { text-align: left; font-weight: normal; margin: 0px 0px 0px 0px;}
h2 { font-size: 12px; font-weight: bold; margin: 0px 0px 10px 0px;}
h3 { font-size: 12px; font-weight: bold; margin: 10px 0px 10px 0px;}
h4 { font-size: 12px; font-weight: normal;  margin: 0px 0px 0px 0px;}

#content_box {
     position: relative;  
     height: auto !important;  
     height: 100%;  
     min-height: 100%;  
}

/*パーツ-------------------------------------------------------*/
.link { float:right; margin:0px 0px 30px 0px; padding-left:15px; font-weight:bold; background: url(../image/m_01.png) no-repeat left center;}
.link a { color:#222222; }
.link01 { margin:0px 15px 0px 0px; padding-left:15px; background: url(../image/m_01.png) no-repeat left center;}
.back_top { float:right; margin:30px 0px 0px 0px; padding-left:18px; background: url(../image/m_03.png) no-repeat left center;}
.discription { margin-bottom:9px;}
.wanted { color:#FF0000; font-weight:bold;}
/*CONTENT-----------------------------------------------------*/
#content {
	width: 920px;
	margin: 0px auto 0px;
	padding: 15px 15px 15px 15px;
	background-color:#3cccc;
	text-align:left;
	height:auto; 
	overflow:hidden;  
}

.content_l {
	float:left;
	margin-top:15px;
	margin-right:3px;
	padding:9px 9px 9px 9px;
	width:75%;
	height:100%;
	padding-bottom: 30000px; 
	margin-bottom: -30000px;
}
.content_r {
	float:right;
	margin-top:15px;
	margin-left:3px;
	padding:9px 9px 9px 9px;
	background-color:#f0ebde;
	width:20%;
	height:100%;
	padding-bottom: 30000px; 
	margin-bottom: -30000px;
}
.content_r h4 { background-color:#2a211c; color:#FFFFFF; padding:0px 0px 0px 15px; margin-bottom:9px;}
.content_r ul { list-style:none; margin-bottom:30px;}
.content_r li { margin:0px 15px 0px 0px; padding-left:15px; background: url(../image/m_01.png) no-repeat left center;}


.CONTENT_BOX_A {
	margin:0px 0px 30px 0px;
}

.CONTENT_BOX_A h3 {
	font-size:16px;
	border-left:10px solid #2a211c; 
	padding:0px 0px 0px 9px;
	margin-bottom:15px;
}

.CONTENT_BOX_A p { margin-bottom:9px;}
.CONTENT_BOX_A ul { margin-bottom:15px;}

#content_INDEX {
	width: 920px;
	margin: 0px auto 0px;
	padding: 15px 15px 15px 15px;
	text-align:left;
	overflow:hidden;  
}

/*HEAD--------------------------------------------------------*/
#head {
	background-color:#2a211c;
	width:100%;
}
#head_base {
	clear: both;
	margin: 0 auto;
	padding: 15px 15px 0px 15px;
	background-color:#2a211c;
	width:920px;
}
#head a { color:#fff9ef;; text-decoration:none; }
#head a:hover { color: #fff9ef; text-decoration:underline;}

.head_l { width:450px; float: left; text-align: left; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.head_l h1 { font-size:10.5px; text-align: left; font-weight: normal; color:#fff;}
.head_l img { margin:9px 0px 0px 0px; border:0px;}
.head_l a:hover { border:0px; }

.head_r { width:450px; float: right; text-align:left; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.head_r p { text-align:justify; color:#fff9ef; }
.head_r ul { list-style:none; float:right;}
.head_r li { text-align:right; float:right; font-size:10px; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 10px;}

#menu_n_base {
	clear: both;
	margin: 0 auto;
	margin-top:15px;
	padding: 0px 0px 0px 0px;
	border-top:1px solid #2a211c;
	border-right:1px solid #2a211c;
	background-color:#1b1310;
	height:25px;
	width:920px;
}
#menu_n_base a:hover { color: #fff; text-decoration:none;}

#menu_n_base ul { list-style:none; float:left;}
.menu_n_base_li_fast {
	border-left:1px solid #2a211c;
}
.menu_n_base_li_fast:hover { background-color:#FF0066;}
#menu_n_base li {
	text-align:left;
	float:left;
	font-size:11px;
	border-right:1px solid #2a211c;
	padding:3px 9px 3px 9px;
}
#menu_n_base li:hover { background-color:#0099CC;}


/*FOOTER_A------------------------------------------------------*/
#footer {
     bottom: 0;  
     width: 100%;  
     height: 50px;  
}
#footer_A {
	background-color:#2a211c;
	font-weight:normal;
	font-size:10px;
}
.footer_A_base {
	clear: both;
	margin: 0 auto 0;
	padding: 3px 15px 3px 15px;
	background-color:#2a211c;
	width:920px;
}
.footer_A_base a { color:#FFFFFF;}
.footer_A_base ul { list-style:none; text-align:left;}
.footer_A_base li{ display:inline; padding-left:10px; padding-right:5px; border-left:1px solid #2a211c; color:#fff9ef; }
.footer_A_base li.first { border-left:none; padding-left:0px; }

/*FOOTER_B------------------------------------------------------*/
#footer_B { text-align:left; background: url(../image/bg_footer.png) repeat-x; background-color:#fff; }
.footer_B_base {
	clear: both;
	margin: 0 auto 0;
	padding: 3px 15px 30px 40px;
	width:895px;
	background: url(../image/logo_small.jpg) no-repeat left center;
	font-size:9px;
}

/*INDEX------------------------------------------------------*/
.index_l {
	float:left;
	margin-top:15px;
	margin-right:3px;
	padding:9px 9px 9px 9px;
	width:47%;
}

.index_l h2 { font-size:14px; color:#181818; border-left:9px solid #2a211c; padding:0px 0px 0px 9px;}

.index_r {
	float:right;
	margin-top:15px;
	margin-left:3px;
	padding:9px 9px 9px 9px;
	background-color:#f0ebde;
	width:47%;  
	height:100%;
	padding-bottom: 30000px; 
	margin-bottom: -30000px;
}

.index_r h2 { font-size:14px; color:#181818; border-left:9px solid #2a211c; padding:0px 0px 0px 9px;}
.index_r dl { padding:0px 0px 0px 9px;}
.index_r dt { font-size:12px; font-weight:bold;}
.index_r table { margin:0px 0px 9px 0px; border-bottom:1px dotted #ccc; padding:0px 0px 9px 0px; }
.index_r table img { border:3px solid #ccc;}
.index_r table img:hover { border:3px solid #452818;}

.INDEX_BOX_A ul {list-style:none; text-align:left;}
.INDEX_BOX_A li { border-bottom:1px dotted #ccc; padding:6px 0px 6px 0px;}
.INDEX_BOX_A li span { padding-left:15px;}

.INDEX_BOX_X p { margin-bottom:6px;}
.INDEX_BOX_X ul { text-align:left;}

.INDEX_BOX_B p { margin-bottom:9px;}

.INDEX_BOX_D { margin-bottom:30px;}
.INDEX_BOX_D img { border:3px solid #ccc; width:426px; margin-bottom:15px;}
.INDEX_BOX_D img:hover { border:3px solid #452818;}

/*CONTENT------------------------------------------------------*/
.line_01 {
	border-bottom:1px solid #e4e5e2;
	margin:0px 0px 30px 0px;
	padding:0px 0px 15px 0px;
}
.line_01 p {
margin-bottom:15px;
}

#content h2 {
	font-size:16px;
	border-left:10px solid #2a211c; 
	padding:0px 0px 0px 9px;
	margin-bottom:30px;
}

#content h3 { font-size:14px; }


/*AECについて------------------------------------------------------*/
.CONTENT_BOX_B {
	margin:0px 0px 30px 0px;
}

.CONTENT_BOX_B h3 {
	font-size:16px;
	border-left:10px solid #2a211c; 
	padding:0px 0px 0px 9px;
	margin-bottom:15ccpx;
}

.CONTENT_BOX_B p { margin-bottom:9px;}

.CONTENT_BOX_B h4 {
	background: url(../image/m_user.png) no-repeat left center;
	padding:0px 0px 0px 21px;
	font-weight:bold;
}
.CONTENT_BOX_B ul { margin:0px 0px 15px 15px;}
.CONTENT_BOX_B table { margin-bottom:15px;}
.CONTENT_BOX_B dl { padding:0px 0px 0px 9px;}
.CONTENT_BOX_B dt { font-size:12px; font-weight:bold;}

/*レッスンプラン------------------------------------------------------*/
.CONTENT_BOX_C { padding:0px; margin:0px; }
.CONTENT_BOX_C table { margin:0px 0px 15px 0px; width:100%; border-bottom:1px dotted #ccc; padding:0px 0px 9px 0px; }
.CONTENT_BOX_C td {vertical-align:top; }

.CONTENT_BOX_C img { border:3px solid #ccc; margin-bottom:15px;}
.CONTENT_BOX_C img:hover { border:3px solid #452818;}

.CONTENT_BOX_C h4 { border-left:9px solid #452818; font-size:12px; font-weight:bold; padding:0px 0px 0px 9px; margin:0px 0px 9px 0px;}

.CONTENT_BOX_C_01 {
	width:432px;
}
.CONTENT_BOX_C_01 ul { list-style:none;}
.CONTENT_BOX_C_01 p { margin-bottom:9px;}

.CONTENT_BOX_C_03 { width:110px;}
.CONTENT_BOX_C_03_i {
	background-color:#efefef;
	margin-bottom:9px;
	border:1px solid #ccc;
	text-align:center;
	width:100%;
}
.CONTENT_BOX_C table ul { list-style:none;}

/*レッスン開始までの流れ------------------------------------------------------*/
.CONTENT_BOX_E {}
.CONTENT_BOX_E_01 { background-color:#f0ebde; padding:30px 9px 30px 9px;}
.CONTENT_BOX_E_02 { padding:9px 0px 9px 9px;}

/*企業情報------------------------------------------------------*/

.CONTENT_us {}
.CONTENT_us table { width:100%;}
.CONTENT_us th { padding:15px 15px 15px 15px; background-color:#f0ebde; font-weight:normal;}
.CONTENT_us td { padding:15px 15px 15px 15px; }
.CONTENT_us td ul { list-style:none;}
.CONTENT_us td ol { margin-left:18px;}


/*レッスンプラン------------------------------------------------------*/

.CLASS_BOX { margin-bottom:30px;}
.CLASS_BOX p { margin-bottom:9px;}
.CLASS_BOX h3 {
	font-size:16px;
	border-left:10px solid #2a211c; 
	padding:0px 0px 0px 9px;
	margin-bottom:15ccpx;
}
.CLASS_BOX table { width:100%; text-align:left;}
.CLASS_BOX_01 { width:20%;}
.CLASS_BOX_02 { width:80%; float:left;}

.CLASS_BOX ul { list-style:none;}

/* シェアハウス検索------------------------------------------------------*/
.house_info {}
.house_info table {
	width:100%;
	padding:0px 0px 15px 0px;
	margin:0px 0px 15px 0px;
	border-bottom:1px dotted #ccc;
	text-align:left;
	float:left;
}
.house_info td { height:100%;}

.search01 { padding-bottom:3px;}
.search04 { width:115px; vertical-align:top;}
.search03 { float:left; width:30%;}
.search02 { float:left;}
.search02 ul { list-style:none; }


.HOUSE_BOX_A img { width:108px; height:81px; }
.HOUSE_BOX_A td { vertical-align:top; padding:0px 3px 3px 0px;}
.photo_200 img {width:338px; height:253px;}

.HOUSE_BOX_B { margin-bottom:30px;}
.HOUSE_BOX_B ul { list-style:none; }
.HOUSE_BOX_B h3 {
	font-size:16px;
	border-left:10px solid #2a211c; 
	padding:0px 0px 0px 9px;
	margin-bottom:15ccpx;
}
.HOUSE_BOX_B table { width:100%; border:1px;}
.topic { background-color:#f0ebde;}
.topic02 { width:120px;}
.topic03 { width:100px;}


/* 画像拡大 LIGHT BOX------------------------------------------------------*/
#outerImageContainer {
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}
#imageDataContainer {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
}