@charset "UTF-8";

/* TOPページ基本レイアウト用CSS */

/* ================= 目次 =====================

【1】wrapper

【2】header

【4】contents	 

【5】footer

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


.left
{
	width:190px;
	text-align:left;
	margin-right:10px;
	float:left;
}

.right
{
	width:280px;
	text-align:left;
	margin-left:10px;
	float:right;
}

/* =============================================================
　■□■ 1. wrapper ■□■
============================================================= */

#wrapper
{
	width:901px;
	text-align:left;
	margin:0 auto;
	padding:0 10px;
}



/* =============================================================
　■□■ 2. header ■□■
============================================================= */

h1{height:20px;margin-top:0;padding:0;font-size:8pt;font-weight:normal;color:#fff;}
* html h1{height:20px;margin-top:0;padding:0;font-size:9px;font-weight:normal;color:#fff;}

#header
{
	padding-top:0;
}


#logo
{
	width:180;
	float:left;
}

#catch
{
	float:left;
}

/* ------------- tel ------------- */

#tel
{
	width:427px;
	float:right;
	text-align:right;
}

#tel p
{
	clear:both;
}

/* ------------- r-navi ------------- */

ul#r-navi li
{
	float:left;
}


/* ------------- g-navi ------------- */

ul#g-navi
{
	clear:both;
	margin-top:5px;
	margin-bottom:13px;
}

* html ul#g-navi
{
	clear:both;
	margin-top:8px;
	margin-bottom:13px;
}


ul#g-navi li
{
	float:left;
}

p#main-image
{
	margin-bottom:20px;
}




/* =============================================================
　■□■ 3. contents ■□■
============================================================= */

p#pan
{
	margin-bottom:10px;
}

p#pan a
{
	font-weight:bold;
	text-decoration:none;
}

#contents
{
	clear:both;
}

.cont_koen{
	margin:0px;
	padding:auto;
	height:410px;
	}
	
.cont_map{
	margin:0px;
	padding:0px;
	height:410px;
	}

.cont_left{
	float:left;
	margin:0px;
	padding:0px;
	}
	
.cont_right{
	float:right;
	margin:0px;
	padding:0px;
	}
	
.cont_map img
{
	padding:0px;
	margin-bottom:20px;
}

.cont_map02{
	margin:0px;
	padding:0px;
	}

.cont_map02 img
{
	padding:0px;
	margin-top:0px;
}

.map02_text{
	font-size:12px;
	line-height:16px;
	}


/* =============================================================
　■□■ 4. main ■□■
============================================================= */


#main
{
	width:635px;
	float:right;
	padding-top:4px;
}

#sub #main
{
	padding-top:0;
}

#main h2,
#main h3
{
	clear:both;
	margin-bottom:10px;
}

#main h3.head
{
	background:url(../img/bg_h3.gif) no-repeat left bottom;
	padding:5px 15px;
	border:1px solid #dbd9cf;
}

#main p
{
	line-height:175%;
	margin:0 15px 20px;
}

#main p.catch
{
	padding:20px 0 50px;
	margin:0;
}

#main .text
{
	margin-top:50px;
	margin-bottom:50px;
}


#main .text h2,
#sub #main h2
{
	margin-bottom:30px;
}

#sub #main h4
{
	margin-bottom:15px;
}

#main .text p
{
	margin:0 15px 20px 0;	
}


.index_box{background:#fbfbfb;border:1px solid #ccc;margin:auto 20px;text-align:left;}
.index_box dd{margin-bottom:10px;}



/* -----------------------下層ページ用CSS----------------------- */


#main .work
{
	clear:both;
	padding-top:10px;
	padding-bottom:5px;
	margin-bottom:20px;
	background:url(../img/line.gif) no-repeat bottom;
}

#main dl.news
{
	clear: both;
	margin: 0 0 80px;
}

#main dl.news dt
{
	font-weight:bold;
}

#main dl.news dd
{
	clear: both;
	padding-bottom: 15px;
	margin-bottom: 10px;
	margin-top: 2px;
	background: url(../img/line.gif) bottom left repeat-x;
	line-height: 1.3;
}

#main dl.news dd.news0712{
	clear: both;
	padding-bottom: 200px;
	margin-bottom: 10px;
	margin-top: 2px;
	background: url(../img/line.gif) bottom left repeat-x;
	line-height: 1.3;
}

#main dl.news dd.news0614{
	clear: both;
	padding-bottom: 150px;
	margin-bottom: 10px;
	margin-top: 2px;
	background: url(../img/line.gif) bottom left repeat-x;
	line-height: 1.3;
}

#main dl.news dd.news0511{
	clear: both;
	padding-bottom: 170px;
	margin-bottom: 10px;
	margin-top: 2px;
	background: url(../img/line.gif) bottom left repeat-x;
	line-height: 1.3;
}


/* ----------リンク集CSS-------------*/
#main dl.newsln
{
	clear: both;
	margin: 0 0 30px;
}

#main dl.newsln dt
{
	font-weight:bold;
}

#main dl.newsln dd
{
	clear: both;
	padding-bottom: 15px;
	margin-bottom: 10px;
	margin-top: 2px;
	background: url(../img/line.gif) bottom left repeat-x;
	line-height: 1.3;
}

#main dl.newsln dd.news0712{
	clear: both;
	padding-bottom: 200px;
	margin-bottom: 10px;
	margin-top: 2px;
	background: url(../img/line.gif) bottom left repeat-x;
	line-height: 1.3;
}

#main dl.newsln dd.news0614{
	clear: both;
	padding-bottom: 150px;
	margin-bottom: 10px;
	margin-top: 2px;
	background: url(../img/line.gif) bottom left repeat-x;
	line-height: 1.3;
}

#main dl.newsln dd.news0511{
	clear: both;
	padding-bottom: 170px;
	margin-bottom: 10px;
	margin-top: 2px;
	background: url(../img/line.gif) bottom left repeat-x;
	line-height: 1.3;
}


/*-----------リンク集CSS-------------*/


#main p.back-link
{
	background:url(../img/line.gif) no-repeat top;
	padding:15px;
	margin:0;
}

#main p.date
{
	text-align:right;
	margin-bottom:0;
	padding-bottom:0;
}

.newspaper_l{float:left;width:300px;}
.newspaper_r{float:right;width:300px;}


.index_can{
	background:url(../img/index/index_bg.png) repeat-y;
	text-align:center;}


/*-----------------------------------------
				セミナー
-----------------------------------------*/
.seminar{
	width:635px;
	}
	
.seminar_u{
	width:600px;
	margin:auto auto 15px auto;
	}

.seminar_u table{
	width:596px;
	border:1px solid #ccc;
	background-color:#aaaaaa;
	}


/*-----------------------------------------
				社員の声
-----------------------------------------*/
.recruit_staff{
	width:635px;
	margin:10px auto 20px auto;
	}
.recruit_table{position:relative}

.recruit_staff dl{margin:10px 0px;}
.recruit_staff dt{
	clear: left;
	float: left;
	width:100px;
	margin-right:10px;
	margin-bottom:10px;
	}
.recruit_staff dd{
	padding:none;
	height:100px;
	line-height:0;
	margin-bottom:10px;
	}
.recruit_staff dd div{line-height:1.5;padding:0px;height:100px;}
.recruit_staff dd a{line-height:1.5;margin:0;padding:0}	





.staff{
	padding:10px;
	font-size:12px;
	}

.staff_l{
	width:200px;
	font-size:12px;
	float:left;
	}	
.staff_lu{
	width:160px;
	padding:0 20px;
	font-size:12px;
	background:url(../img/recruit/smenu_bg.gif);
	}
	
.staff_profile{
	width:200px;
	margin:0 0 20px 0;
	}
.staff_schedule{
	width:200px;
	margin:0;
	}
	
.staff_r{
	width:410px;
	font-size:12px;
	float:right;
	}
	

/*スコア(score.html)*/
.score{margin:0 20px 20px 20px;}
.score th,td{
	border-top:0px solid #fff;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:0px solid #fff;
	}
.score th{text-align:center;background:#C9E7D2;color:#437853;}
.score td{padding:10px;}

.score ol{font-weight:bold;}
.score li{margin-bottom:10px;}


/*----------------------------------------------------------
					スタッフ紹介
----------------------------------------------------------*/
#sub #staff
{
	padding-top:15px;
}

#staff
{
	width:635px;
	float:left;
	padding-top:4px;
}
#staff h3
{
	background:#fff;
	border:none;
	padding:0;
	margin-top:20px;
	margin-bottom:10px;
}
#staff p
{
	margin:0 15px 20px;
	font-size:10pt;
	line-height:1.8;
}

#staff ul{margin:-20px 0 0 20px;font-size:10pt; list-style:disc;padding:0}
#staff li{margin:0 0 auto 20px;font-size:10pt; list-style:disc;padding:0}

#staff_first{height:420px;background:url(../img/staff/staff_first.jpg) no-repeat right top;}


/*----------------------------------------------------------
					オフィスの様子
----------------------------------------------------------*/
#sub #office
{
	padding-top:0;
}

#office
{
	width:635px;
	float:left;
	padding-top:4px;
}
#office h3
{
	background:#eee;
	border-left:3px solid #199669;
	padding:3px 5px;
	margin-top:20px;
	margin-bottom:10px;
	font-size:12pt;
}
#office p
{
	margin:0 15px 20px;
	font-size:10pt;
	line-height:1.5;
}


/*----------------------------------------------------------
					profile
----------------------------------------------------------*/
#profile_comment{border:1px solid #ccc;background:#F9F9F9;padding:15px;font-size:11pt;line-height:1.5;}

#profile_comment table{border:none;background:none;font-size:9pt;}
#profile_comment th{padding:3px 5px;text-align:center;font-weight:normal;}
#profile_comment td{border:none;padding:3px 5px;}

#prof_first{margin:auto;font-weight:bold;}
#prof_first ul{margin:-10px 0 0 30px;font-size:10pt; list-style:disc;padding:0}
#prof_first li{margin:0 0 auto 20px;font-size:10pt; list-style:disc;padding:0;line-height:2;}

#main .prof_staff{
	margin-top:50px;
	margin-bottom:20px;
}

/*----------------------------------------------------------
					seminar
----------------------------------------------------------*/
.seminar_box{border:1px solid #ccc;background:#fff;padding:20px;font-size:11pt;line-height:1.5;margin-bottom:20px;}
.seminar_box p{margin:0 15px;padding:0;line-height:1.2;}

#seminar_setsumeikai{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#fff;
	padding:0 20px 20px 20px;
	font-size:11pt;
	line-height:1.5;
	margin-bottom:20px;}
#seminar_setsumeikai p{margin:0 auto;padding:0;line-height:1.2;}

.seminar_comment{padding:10px;border:1px solid #ccc;margin-bottom:20px;}

.seminar_comment_green{border:1px solid #43a783;margin-bottom:20px;padding:0;}
.seminar_comment_green #seminar_green{margin:10px;font-weight:bold;line-height:1.5;}

#seminar_list{border:3px solid #43a783;padding:20px;margin-bottom:20px}
#seminar_list dt{
	list-style:none;
	background:url(../img/seminar/check.gif) no-repeat 0 0;
	padding-left:25px;
	font-weight:bold;
	font-size:12pt;
	margin-bottom:5px;
	line-height:1.2}
#seminar_list dd{
	font-size:9pt;
	padding-left:25px;
	margin-bottom:15px;
	line-height:1.5}
	
.seminar_naiyou{background:#f4f1e9;margin:10px 0 20px 0;padding:20px;}
.seminar_naiyou ul{float:right;width:380px;left:150px;top:20px;}
.seminar_naiyou li{
	list-style:none;
	background:url(../img/seminar/list.gif) no-repeat 0 5px;
	padding-left:13px;
	font-size:9pt;
	line-height:1.2;
	margin-bottom:5px;
	text-align:left;}

.seminar_table{width:580px;margin:5px auto;border:1px solid #ccc}
.seminar_table th{background:url(../img/seminar/table_bg.png) repeat-x;font-weight:bold;text-align:center;border:1px solid #ccc;}
.seminar_table td{border:1px solid #ccc;}

#seminar_form{width:630px;margin:5px auto;}
#seminar_form th{background:url(../img/seminar/table_bg.png) repeat-x;font-weight:bold;text-align:center;border:1px solid #ccc;}
#seminar_form td{border:1px solid #ccc;}


#seminarplan{width:600px;margin:auto auto 20px auto}

#seminar_yotei_table{width:600px;margin:5px auto;border:1px solid #8dbbaa}
#seminar_yotei_table th{background:url(../img/seminar/yotei_table_bg.png) repeat-x;font-weight:bold;text-align:center;border:1px solid #8dbbaa;font-size:12pt}
#seminar_yotei_table td{border:1px solid #8dbbaa;}

#seminar_jisseki_table{width:600px;margin:5px auto;border:1px solid #ccc}
#seminar_jisseki_table th{background:url(../img/seminar/jisseki_table_bg.png) repeat-x;font-weight:bold;text-align:center;border:1px solid #ccc;font-size:12pt}
#seminar_jisseki_table td{border:1px solid #ccc;}



/*----------------------------------------------------------
					news
----------------------------------------------------------*/

.news_01{
	border: 1px solid #CCCCCC;
	margin: 10px;
	padding:40px 20px 20px 20px;
	}
	
.news_02{
	border: 0px solid #ffffff;
	margin: 20px;
	}
	
.news_text{
	font-size:12px;
	line-height:16px;
	}

/* =============================================================
　■□■ 5. menu ■□■
============================================================= */

#menu
{
	width:237px;
	float:left;
	margin-bottom:20px;
	font-size:12px;
}
#menu #banner a{line-height:1;border:none;text-decoration:none;}

div.left-box
{
	background:url(../img/sidemenu_bg.png) repeat-y;
	margin-bottom:10px;
}
div.left-box ul{margin:0px 14px 0px 16px;list-style:none;}
div.left-box li{background:url(../img/sidemenu_icon.gif) no-repeat left;padding-left:16px;margin:auto auto 5px auto;}
div.left-box li.bottom{background:url(../img/sidemenu_icon2.gif) no-repeat left;padding-left:16px;margin:0;}

.side_score{
	background:url(../img/sidemenu_bg.png) repeat-y;
	margin-bottom:20px;
}
.side_score p{margin:0 20px;padding:0}



/* このページの先頭へ */
.pageTop
{
	text-align:right;
	clear:both;
}




/* =============================================================
　■□■ 5. footer ■□■
============================================================= */


#footer
{
	clear:both;
	background:#2fa077 url(../img/bg_footer.gif) repeat-x top;
	height:200px;
}
#footer_inner
{
	height:200px;
	width:901px;
	margin:auto;
	position:relative
}

/* ------------- footer-address [ 運営会社情報 ] ------------- */

#footer_inner ul
{
	text-align:left;
	width:901px;
	margin:0 auto;
	padding:15px 10px 0px;	
}

#footer_inner ul a:link,
#footer_inner ul a:visited
{
	color:#FFFFFF;
	text-decoration:none;
}

#footer_inner ul a:hover,
#footer_inner ul a:active
{
	color:#FFCC00;
}

#footer_inner ul li
{
	float:left;
	padding:0 8px 0 0;
	margin:0 8px 0 0;
	
}


/* ------------- copy ------------- */

#footer_inner address
{ 
	text-align:right;
	width:300px;
	left:600px;
	top:0;
	margin:20px auto 10px;
	position:absolute;
	z-index:1;
}