@charset "shift_jis";
/*==========================================================================
                               初期値設定
==========================================================================*/
*{
	margin:0;
	padding:0;
	font-weight:normal;
	font-style:normal;
	font-family:verdana,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	font-size:12px;word-break:break-all; 
	line-height:1.4;
}
	  
img{border:0;}

a:link,a:visited{text-decoration:none; color:#c00;}
a:hover{text-decoration:underline; color:#aaa;}
a{cursor:pointer;}

hr{display: none;}

.clear{clear:both;}

html>/**/body{overflow-x:hidden;}

.bold{font-weight:bold;}

.flowdetail{
	display:none;
	font-size:14px;
}

/*==========================================================================
                                  基本設定
==========================================================================*/
html{height:100%;}

body{
	background:transparent;
	height:100%;
}

/************* メインコンテナ（画面にピッタリ表示） *************/
*html #container{height:100%;}

#container{
	margin:auto;
	position:relative;
	min-height:100%;
}

body > #container{height: auto;}

*html #container{padding-bottom:0;}

/************* ヘッダー *************/
#header{
	text-align:center;
	width:100%;
	height:24px;
	background-color:#000;
}

#header h1{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	padding-top:3px;
	font-size:9px;
	color:#fff;
}

#header p,#header h2{
	position:absolute;
	left:-3000px;
	top:-1000px;
}

/************* ロゴ *************/
* html body #rogo_box{text-align:center; }

#rogo{
	width:900px;
	margin:auto;
}

#rogo h3{
	float:left;
	margin:10px auto 0;
}

#rogo h4{
	float:right;
	margin:10px auto 0;
}

#rogo p{
	position:absolute;
	left:-3000px;
	top:-1000px;
}

/************* メインメニュー *************/
#mainmenu{
	width:100%;
	height:108px;
	background:url(img/base/mainmenu_bg.gif) repeat-x transparent;
	text-align:center;
	margin-top:10px;
}

#mainmenu ul{
	list-style:none;
	width:900px;
}

html > body #mainmenu ul{margin:auto;}



#mainmenu ul li{
	float:left;
	width:180px;
	list-style:none;
}

#mainmenu ul li.space{
	width:0px;
}

#mainmenu ul a{
	display:block;
	width:180px;
	height:54px;
	text-indent:-9999px;
	background-image:url(img/base/mainmenu.gif);
	overflow:hidden;
}


#mainmenu ul a.menu_space{
	cursor:default;
	width:0px;
}

#mainmenu ul a.menu_space{background-position:0px 0px;}
#mainmenu ul a:hover.menu_space{background-position:0px -54px;}
#mainmenu ul a.menu_home{background-position:0px 0px;}
#mainmenu ul a:hover.menu_home{background-position:0px -54px;}
#mainmenu ul a.menu_button1{background-position:-180px 0px;}
#mainmenu ul a:hover.menu_button1{background-position:-180px -54px;}
#mainmenu ul a.menu_button2{background-position:-360px 0px;}
#mainmenu ul a:hover.menu_button2{background-position:-360px -54px;}
#mainmenu ul a.menu_button3{background-position:-540px 0px;}
#mainmenu ul a:hover.menu_button3{background-position:-540px -54px;}
#mainmenu ul a.menu_button4{background-position:-720px 0px;}
#mainmenu ul a:hover.menu_button4{background-position:-720px -54px;}
#mainmenu ul a.menu_button5{background-position:-900px 0px;}
#mainmenu ul a:hover.menu_button5{background-position:-900px -54px;}


/************* イメージボックス外 *************/

#imagebg{
	text-align:center;
	margin-top:-54px;
	margin-bottom:10px;
	background:url(img/base/image_bg2.gif) repeat-x left top;
	}

#image{
	margin:auto;
	text-align:center;
	background:url(img/base/image_bg.gif) no-repeat center top;
	}


/************* コンテンツ *************/
#contents_box{
	width:100%;
	text-align:center;
	padding-bottom:200px;
}

#contents{
	width:900px;
	margin:auto;
}

/************* 左コンテンツ *************/
#contents_left{
	float:left;
	width:200px;
}

.contents_leftbody{
	margin-bottom:20px;
}

/*サブメニュー*/
#submenu{
	width:200px;
}

#submenu img#submenu_img{
	display:block;
}

#submenu a{
	display:block;
	text-align:left;
	height:12px;
	padding-top:15px;
	padding-bottom:20px;
	border-bottom:1px dotted #000;
	width:200px;
	color:#000;
	font-size:15px;
	background-color:#fff;
}

#submenu a:link,#submenu a:visited{text-decoration:none; color:#666; background:#fff;}
#submenu a:hover{text-decoration:none; color:#c00; background:#fff;}

/*バナー*/
a.bannerimg{
	display:block;
	width:200px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}


a.bannerimg{background-position:0px 0px;}
a:hover.bannerimg{background-position:0px -100px;}

a.bannerimg1{background-image:url(img/banner/wedding.jpg);}
a.bannerimg2{background-image:url(img/banner/dubbing.jpg);}
a.bannerimg3{background-image:url(img/banner/recycle.jpg);}


/*地図*/
#area{
	font-size:10px;
	text-align:left;
	line-height:120%;
	color:#555;
	display:block;
	height:141px;
	width:190px;
	background:url(img/base/area.jpg) no-repeat transparent;
	padding-top:49px;
	padding-left:20px;
}

/************* 右コンテンツ *************/
#contents_right{
	float:right;
	width:660px;
	text-align:left;
}

#contents_right h2,#contents_right h3,#contents_right h4,#contents_right h5{
	width:640px;
	height:37px;
	color:#000;
	padding:11px 0px 0px 20px;
	font-size:18px;
	font-weight:bold;
	background:url(img/base/title_bg.gif) no-repeat transparent;
}

#contents_right h3,#contents_right h4,#contents_right h5{margin-bottom:10px;}


.contents_rightbody{
	margin-bottom:20px;
}

#navi{margin-bottom:5px;}

.contents_text{padding:0 10px; font-size:14px;}
.contents_text a{font-size:14px;}
.contents_text_s{padding:0 10px;}/*相互リンクで使用*/

/************* フッター *************/
#footer{
	position:absolute;
	bottom:0;
	width:100%;
	height:120px;
	background:#000;
	color:#fff;
}

#footer p{
	text-align:center;
	font-size:12px;
	padding:15px;
	color:#fff;
}

#footer p a:link,#footer p a:visited{text-decoration:none; color:#fff;}
#footer p a:hover{text-decoration:underline; color:#aaa;}

#footer img{
	display:block;
	margin:20px auto;
}

/************* コピーライト *************/
#copyright{
	position:absolute;
	bottom:0;
	width:100%;
	height:70px;
	background:#000;
	text-align:center;
	padding-top:5px;
}

#copyright a{font-size:10px;}
#copyright a:link,#copyright a:visited{text-decoration:none; color:#fff;}
#copyright a:hover{text-decoration:none; color:#aaa;}





/*==========================================================================
                                 TOPページ
==========================================================================*/
/*新着情報*/
#contents_right #whatsnew{
	margin:0;
	padding-top:5px;
	width:659px;
	margin-top:0;
	height:180px;
	scrollbar-3dlight-color:#444;
	scrollbar-arrow-color: #444;
	scrollbar-base-color: #ddd;
	overflow-x:hidden;overflow-y:scroll;
	border-left:1px solid #aaa;
	border-bottom:1px solid #aaa;
}

html:first-child #contents_right #whatsnew{overflow:scroll;}

#contents_right #whatsnew p{
	padding:3px;
	margin:3px;
	border-bottom:dotted 1px #ccc;
}

#whatsnew p span{
	color:#000;
	font-weight:bold;

}

/*サービスリスト*/
ul.servicelist{
	list-style:none;
	width:590px;
}

ul.servicelist li{
	float:left;
	display:inline;
	width:290px;
	height:141px;
	margin-bottom:10px;
	_margin-bottom:5px;
}


ul.servicelist li.sleft{margin-right:10px;}

ul.servicelist li a{border:solid 3px #fff; display:block; width:284px; height:135px;}
ul.servicelist li a:link,ul.imagelist li a:visited{border:solid 3px #fff; text-decoration:none;}
ul.servicelist li a:hover{border:solid 3px #eee; text-decoration:none;}

ul.servicelist li a.slist1{background:url(img/service/001.jpg) no-repeat transparent;}
ul.servicelist li a.slist2{background:url(img/service/002.jpg) no-repeat transparent;}
ul.servicelist li a.slist3{background:url(img/service/003.jpg) no-repeat transparent;}
ul.servicelist li a.slist4{background:url(img/service/004.jpg) no-repeat transparent;}
ul.servicelist li a.slist5{background:url(img/service/005.jpg) no-repeat transparent;}
ul.servicelist li a.slist6{background:url(img/service/006.jpg) no-repeat transparent;}
ul.servicelist li a.slist7{background:url(img/service/007.jpg) no-repeat transparent;}
ul.servicelist li a.slist8{background:url(img/service/008.jpg) no-repeat transparent;}

ul.servicelist li a span{
	display:block;
	font-size:10px;
	text-align:left;
	color:#444;
	width:150px;
	margin-top:67px;
	margin-left:10px;
}

#contents_right p span.b{font-weight:bold; color:#ad2323; font-size:16px;}

/*==========================================================================
                             会社情報　Corporate
==========================================================================*/
#overview{
	width:280px;
}

#overview dt{
	font-size:14px;
	font-weight:bold;
}

#overview dd{
	margin-top:3px;
	margin-bottom:10px;
	padding-left:10px;
	font-size:12px;
	border-bottom:dotted 1px #ccc;
}

/*==========================================================================
                             求人情報 Joboffer
==========================================================================*/
table.joboffer{
	margin:auto;
	width:588px;
	border:1px #E3E3E3 solid;
	border-collapse:collapse;
	border-spacing:0;
	font-size:10pt;
}

.joboffer th{
	width:150px;
	padding: 5px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background: #F5F5F5;
	line-height: 120%;
	text-align: center;
	white-space: nowrap; 
}

.joboffer td{
	padding: 5px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	white-space: nowrap;
}


/*==========================================================================
                   相互リンク
==========================================================================*/
p.link_list{
	font-size:12px;
	color:#000000;
	padding:1pt !important;
	margin:1pt !important;
	margin-bottom:10px !important;
	border-bottom:dotted 1px #666;
}

p.link_list span{
	font-size:10px;
	margin-left:10px;
	margin-right:10px;
	display:block;
}

/*==========================================================================
                   Blog
==========================================================================*/
#contents_right #blog{
	margin:0;
	width:588px;
	overflow:hidden;
}

.blogbody{
	margin:10px;
}

.blogtitle{
	border-bottom:1px solid #666;
	margin-bottom:5px;
	width:568px;
	font-weight:bold;
}

.blogcomment{
	float:left;
	width:312px;
	margin-right:10px;
}

.blogimg{
	float:right;
	width:240px;
	overflow:hidden;
}

.mtable{
	width:100%;
	border-top:dotted 1px #666;
}

.mtable td.pastmsg{
	width:60px;
	text-align:left;
	}
	
.mtable td.pasty{
	width:60px;
	text-align:left;
	}

.mtable td.pastm{
	text-align:left;
	}

blockquote{
	margin:10px;
	padding:10px;
	background:#eee;
}

blockquote span{
	font-weight:bold;
}


/*==========================================================================
                             料金表 Pricelist
==========================================================================*/
table.pricelist{
	margin:auto;
	width:588px;
	border:1px #E3E3E3 solid;
	border-collapse:collapse;
	border-spacing:0;
	font-size:10pt;
}

.pricelist th{
	width:100px;
	padding: 5px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background: #F5F5F5;
	line-height: 120%;
	text-align: center;
	white-space: nowrap; 
}

.pricelist td{
	padding: 5px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	white-space: nowrap;
	text-align: center;
}


/*==========================================================================
                             コースカリキュラム Curriculum
==========================================================================*/
table.curriculum{
	margin:auto;
	width:588px;
	border:1px #E3E3E3 solid;
	border-collapse:collapse;
	border-spacing:0;
	font-size:10pt;
}

.curriculum th{
	padding: 10px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background: #F5F5F5;
	line-height: 120%;
	text-align: center;
	white-space: nowrap; 
	font-weight:bold;
}

.curriculum td{
	padding: 10px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	white-space: nowrap;
	text-align: left;
}