@charset "UTF-8";
/* ----------------------------------------
common
---------------------------------------- */
html, body {
	height:100%;
}
body {
	color:#333333;
	text-align:center;
	background:url(../images/common/bg.jpg);
}
a {
	color:#000;
	outline:none;
}
a:link, a:visited {
	text-decoration:underline;
}
a:hover, a:active {
	text-decoration:none;
}
.m0 {
	margin:0!important;
}
.mr0 {
	margin-right:0!important;
}
.mr15 {
	margin-right:15px!important;
}
.mr20 {
	margin-right:20px!important;
}
.ml0 {
	margin-left:0px!important;
}
.ml10 {
	margin-left:10px!important;
}
.ml15 {
	margin-left:15px!important;
}
.ml20 {
	margin-left:20px!important;
}
.mb10 {
	margin-bottom:10px!important;
}
.mb15 {
	margin-bottom:15px!important;
}
.mb20 {
	margin-bottom:20px!important;
}
.mb30 {
	margin-bottom:30px!important;
}
.mb40 {
	margin-bottom:40px!important;
}
.mb50 {
	margin-bottom:50px!important;
}
.mt30 {
	margin-top:30px!important;
}
.pl0 {
	padding-left:0 !important;
}
.border-b {
	border-bottom:1px solid #666;
}
.border-n {
	border:none !important;
}
.a-right {
	text-align:right;
}
.a-center {
	text-align:center;
}
.f15 {
	font-size:15px;
	line-height:2em;
}
.link {
	background:url(../images/common/link_icon.gif) no-repeat right center;
	padding:2px 25px 2px 0;
}
.attention, .ERR {
	color:#FFF;
}
td .attention,td .ERR {
	color:#F00;
}
.attention {
	padding-left:10px;
}
.list-style01 {
	width:735px;
	overflow:hidden;
	margin-bottom:20px;
	margin-top:15px;
}
.list-style01 li {
	float:left;
	margin-right:15px;
	text-align:center;
	margin-bottom:10px;
}
.list-style01 li img {
	margin-bottom:5px;
}
.list-style02 {
	width:740px;
	overflow:hidden;
	margin-bottom:20px;
	margin-top:15px;
}
.list-style02 li {
	float:left;
	margin-right:20px;
}
.list-style03 {
	width:732px;
	overflow:hidden;
	margin-bottom:20px;
	margin-top:15px;
}
.list-style03 li {
	float:left;
	margin-right:12px;
	text-align:center;
	margin-bottom:10px;
}
.list-style03 li img {
	margin-bottom:5px;
}
.clear {
	clear:both
}
a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
/* ----------------------------------------
	head
---------------------------------------- */
#head {
	height:71px;
	background:url(../images/common/head_bg.jpg) no-repeat center top;
	text-align:center;
}
#headbody {
	width:1100px;
	height:71px;
	text-align:left;
	margin:auto;
	background:url(../images/common/tel.png) no-repeat right center;
}
#head h1 {
	height:71px;
	width:322px;
	float:left;
	background:url(../images/common/logo_bg.jpg);
}
#head h1 a{
	display:block;
	height:71px;
	width:322px;
	text-indent:-9999px;
	background:url(../images/common/logo.png) no-repeat center center;
}
#head ul#navi{
	float:left;
	overflow:hidden;
}
#head ul#navi li{
	height:71px;
	float:left;
}
#head ul#navi li a{
	display:block;
	height:51px;
	padding-top:20px;
	text-align:center;
}
#head ul#navi li#nav01,
#head ul#navi li#nav02,
#head ul#navi li#nav03,
#head ul#navi li#nav04{
	width:97px;
}
#head ul#navi li#nav05{
	width:120px;
}
#head ul#navi li#nav01 a{
	background-image:url(../images/common/navi01.png),
	url(../images/common/line.jpg);
	background-repeat:no-repeat,
	no-repeat;
	background-position:center center,
	right center;
}
#head ul#navi li#nav02 a{
	background-image:url(../images/common/navi02.png),
	url(../images/common/line.jpg);
	background-repeat:no-repeat,
	no-repeat;
	background-position:center center,
	right center;
}
#head ul#navi li#nav03 a{
	background-image:url(../images/common/navi03.png),
	url(../images/common/line.jpg);
	background-repeat:no-repeat,
	no-repeat;
	background-position:center center,
	right center;
}
#head ul#navi li#nav04 a{
	background-image:url(../images/common/navi04.png),
	url(../images/common/line.jpg);
	background-repeat:no-repeat,
	no-repeat;
	background-position:center center,
	right center;
}
#head ul#navi li#nav05 a{
	background-image:url(../images/common/navi05.png),
	url(../images/common/line.jpg);
	background-repeat:no-repeat,
	no-repeat;
	background-position:center center,
	right center;
}

/* ----------------------------------------
	topimg
---------------------------------------- */
#topimg{
	height:800px;
	clear:both;
	margin-bottom:30px;
	background-image:
	url(../images/top/topimg_copy.png),
	url(../images/top/topimg.jpg),
	url(../images/top/topimg_bg.jpg);
	background-repeat:
	no-repeat,
	no-repeat,
	repeat-x;
	background-position:
	center 30px,
	center bottom,
	center top;
	text-indent:-9999px;
}
/* ----------------------------------------
	about
---------------------------------------- */
#about_02{
	width:1100px;
	margin:auto;
	overflow:hidden;
	background-image:
	url(../images/about/line01.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	padding-top:80px;
	margin-bottom:40px;
}
#about_02 p{
	margin-bottom:30px;
}
#about{
	width:600px;
	margin:auto;
	text-align:center;
	padding-right:500px;
	padding-top:190px;
	background-image:
	url(../images/top/about_title.jpg),
	url(../images/top/about_copy.jpg),
	url(../images/top/about_text.jpg),
	url(../images/top/about_photo01.jpg),
	url(../images/top/about_photo02.jpg);
	background-repeat:
	no-repeat,
	no-repeat,
	no-repeat,
	no-repeat,
	no-repeat
	;
	background-position:
	205px top,
	left 100px,
	right 69px,
	615px 100px,
	right 100px;
	margin-bottom:40px;
	min-height:240px;
}
#about p{
	margin-bottom:30px;
}
/* ----------------------------------------
	scene
---------------------------------------- */
#scene{
	width:1100px;
	margin:auto;
	overflow:hidden;
	background-image:
	url(../images/about/line01.jpg),url(../images/about/line01.jpg);
	background-repeat:no-repeat,no-repeat;
	background-position:center top,center bottom;
	padding-top:80px;
	padding-bottom:50px;
	margin-bottom:50px;
}
#scene ul{
	width:1125px;
}
#scene ul li{
	float:left;
	margin-right:25px;
	margin-bottom:25px;
}
#scene p{
	font-size:15px;
}

/* ----------------------------------------
	menu
---------------------------------------- */
#menu_topimg {
	height:420px;
	margin-bottom:40px;
	background-image:
	url(../images/top/menu_title.png),
	url(../images/top/topimg_menu.jpg)
	;
	background-repeat:
	no-repeat,
	no-repeat
	;
	background-position:
	center 280px,
	center top
	;
	text-indent:-9999px;
}
#menu{
	padding-top:50px;
	width:1100px;
	margin:auto;
	overflow:hidden;
	margin-bottom:100px;
	background:url(../images/top/menu_copy.jpg) no-repeat center top;
}
#menu ul#menu_list{
	width:1120px;
	overflow:hidden;
	margin-bottom:30px;
}
#menu ul#menu_list li{
	width:260px;
	height:180px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
#course{
	margin-bottom:30px;
	overflow:hidden;
}
#course dt{
	width:600px;
	min-height:330px;
	float:left;
	margin-bottom:30px;
	text-align:left;
}
#course dt h3{
	height:60px;
	line-height:60px;
	margin-bottom:20px;
	padding-left:70px;
	color:#FFFFFF;
	font-weight:normal;
	font-size:22px;
}
#course dt p{
	margin-bottom:15px;
	font-size:14px;
}
#course dt h3#course01{
	background:url(../images/menu/course01_title.jpg) no-repeat left center,url(../images/menu/course_title.jpg);
}
#course dt h3#course02{
	background:url(../images/menu/course02_title.jpg) no-repeat left center,url(../images/menu/course_title.jpg);
}
#course dt h3#course03{
	background:url(../images/menu/course03_title.jpg) no-repeat left center,url(../images/menu/course_title.jpg);
}
#course dt h3#course04{
	background:url(../images/menu/course04_title.jpg) no-repeat left center,url(../images/menu/course_title.jpg);
}
#course dt h3#course05{
	background:url(../images/menu/course05_title.jpg) no-repeat left center,url(../images/menu/course_title.jpg);
}	
#course dt h3 span{
	padding-left:20px;
	font-size:14px;
	color:#FFFFFF;
}
#course dt li br{
	display:none;
}
#course dd{
	width:471px;
	float:right;
	text-align:right;
	font-size:11px;
	margin-bottom:10px;
}
list_menu{
	overflow:hidden;
	margin-bottom:30px;
}
#list_menu dd{
	width:350px;
	float:left;
	text-align:left;
	margin-bottom:30px;
}
#list_menu dd p{
	margin-bottom:10px;
}
#list_menu dd p img{
	width:100%;
}
#list_menu dt{
	width:710px;
	float:right;
	text-align:left;
}
#list_menu dt h3{
	height:31px;
	line-height:31px;
	font-weight:normal;
	margin-bottom:15px;
}
#list_menu dt p{
	text-align:right;
}
#list_menu dt h3 img{
	margin-right:15px;
}
#list_menu dl.price{
	width:100%;
	margin-bottom:30px;
	overflow:hidden;
}
#list_menu dl.price dt{
	width:70%;
	float:left;
	margin:0;
	line-height:1.8em;
}
#list_menu dt dd{
	width:30%;
	float:right;
	margin:0;
	text-align:right;
	line-height:1.8em;
}
ul.contact{
	margin:auto;
	width:838px;
	overflow:hidden;
}
ul.contact li{
	width:399px;
	margin-left:10px;
	margin-right:10px;
	float:left;
}
/* ----------------------------------------
	blog
---------------------------------------- */
#blog_topimg {
	height:420px;
	margin-bottom:40px;
	background-image:
	url(../images/top/blog_title.png),
	url(../images/top/topimg_blog.jpg)
	;
	background-repeat:
	no-repeat,
	no-repeat
	;
	background-position:
	center 280px,
	center top
	;
}
#blog{
	padding-top:70px;
	width:1100px;
	margin:auto;
	overflow:hidden;
	margin-bottom:100px;
	background:url(../images/top/blog_copy.jpg) no-repeat center top;
}
#blog p{
	margin-bottom:70px;
	border:1px solid #382d25;
}
#blog p a{
	display:block;
	height:60px;
	width:100%;
	background-image:
	url(../images/common/button_all.jpg),
	url(../images/common/bottom_bg.jpg)
	;
	background-repeat:
	no-repeat,
	repeat
	;
	background-position:
	center center,
	left top
	;
	text-indent:-9999px;
}
#blog p a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#blog ul#blog_list{
	width:1125px;
	overflow:hidden;
	margin-bottom:30px;
}
#blog ul#blog_list li{
	width:350px;
	display:inline-block;
	margin-right:22px;
	margin-bottom:20px;
	overflow:hidden;
	vertical-align:top;
	text-align:left;
}
#blog ul#blog_list li a.img{
	display:block;
	width:350px;
	height:230px;
	margin-bottom:5px;
	overflow:hidden;
}
#blog ul#blog_list li a.img img{
	width:100%;
}
	
	
/* ----------------------------------------
	access
---------------------------------------- */
#access{
	height:590px;
	background-image:
	url(../images/top/access_title.png),
	url(../images/top/access_bg.jpg)
	;
	background-repeat:
	no-repeat,
	no-repeat
	;
	background-position:
	center 80px,
	center top
	;
	padding-top:230px;
}
#access_body{
	width:1100px;
	margin:auto;
	height:530px;
	overflow:hidden;
	background-image:
	url(../images/common/access_logo.png),
	url(../images/common/access_bg.png)
	;
	background-repeat:
	no-repeat,
	repeat
	;
	background-position:
	227px 66px,
	center top
	;
	overflow:hidden;
}
#access_body dl{
	float:left;
	margin-top:260px;
	margin-left:84px;
	text-align:left;
}
#access_body dl dt{
	clear:left;
	float:left;
	width:130px;
	margin-bottom:10px;
}
#access_body dl dd{
	float:left;
	margin-bottom:10px;
}
#access_body iframe{
	float:right;
	margin-top:66px;
	margin-right:84px;
}
/* ----------------------------------------
	bottom
---------------------------------------- */
#bottom{
	clear:both;
	overflow:hidden;
	background:url(../images/common/bottom_bg.jpg);
}
#bottom ul{
	width:1100px;
	margin:auto;
	margin-top:30px;
	overflow:hidden;
}
#bottom ul li{
	width:260px;
	float:left;
	margin-right:20px;
}
#bottom ul li img{
	margin-bottom:5px;
}
#bottom ul li a.text{
	padding-right:25px;
	background:url(../images/common/link.png) no-repeat right top;
}
/* ----------------------------------------
	pagetop
---------------------------------------- */
#pagetop{
	width:1100px;
	height:26px;
	clear:left;
	margin:auto;
}
#pagetop a{
	display:block;
	width:65px;
	height:26px;
	float:right;
	text-indent:-9999px;
	background:url(../images/common/pagtop.png) no-repeat left bottom;
}
#pagetop a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
/* ----------------------------------------
	foot
---------------------------------------- */
#foot{
	height:180px;
	clear:both;
	overflow:hidden;
	background:url(../images/common/foot_bg.jpg);
}
#foot_body{
	width:1100px;
	margin:auto;
}
#foot_body dl{
	width:400px;
	float:left;
	margin-top:20px;
	padding-left:115px;
	background:url(../images/common/f_logo.png) no-repeat left top;
	text-align:left;
}
#foot_body dl dt{
	color:#FFFFFF;
	margin-bottom:10px;
}
#foot_body dl dd{
	color:#FFFFFF;
	margin-bottom:10px;
}
#foot_body #foot_right{
	float:right;
	width:450px;
	margin-top:30px;
}
#foot_body #foot_right ul{
	margin-bottom:20px;
}
#foot_body #foot_right ul li{
	display:inline;
	color:#FFFFFF;
	padding:0 20px;
	border-left:1px solid #FFFFFF;
}
#foot_body #foot_right ul li.border{
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}
#foot_body #foot_right ul li a{
	color:#FFFFFF;
}
#foot_body #foot_right p{
	color:#FFFFFF;
	text-align:right;
}
#foot_body #foot_right p a{
	color:#3c2b1e;
}
/* ----------------------------------------
	right_banner
---------------------------------------- */
#right_banner{
	width:46px;
	overflow:hidden;
	position:fixed;
	right:0;
	top:100px;
}
#navi_sp{
	display:none;
}