* {
	padding: 0;
	margin: 0px;
	clear: both;
	float: none;
}
html,body{
text-align:center;
margin: 0px;
background-image: url(images/indbg.jpg);
background-repeat:repeat-x;
background-color:#ffffff;
height:100%;
}
#head
	{
	background:url(images/headbgg.jpg);
	width:800px;
	height: 118px;
	}
	
#countainer{
position: relative;
height: 100%;
min-height:100%;
}
#contents {
padding-bottom:50px;
}
#logo {
width: 800px;
height: 96px;
text-align: left;
padding: 10px 0 0 0;
margin: auto;
background-image: url(img/bg_navi.gif);
background-repeat: no-repeat;
background-position: 100% 100%;
}
#left {
	float:left;
	width:229px;
	height: 100%;
	margin-top:12px;
}

#left ul {
	padding: 0px;
	margin: 0px;
	list-style:none;
}
#left li {
    width:229px;
	margin: 0px;
}
#left li a {
    width:229px;
	height:74px;
	display: block;
	margin: 4px 0px 0px 0px;
	text-indent:-200px;
	overflow:hidden;
}
a.blog{
    background-image:url(images/blog_banner.jpg);
}
a:hover.blog{
    background-position:0px -74px;
}
a.card{
    background-image:url(images/card_banner.jpg);
}
a:hover.card{
    background-position:0px -74px;
}
a.recbana{
    background-image:url(images/recruit_banner.jpg);
}
a:hover.recbana{
    background-position:0px -74px;
}

.ind{
	height: 504px;
	width: 800px;
}
.u_flash{
    float:left;
    height:	34px;
	width:676px;
	background:url(/images/este_09s.jpg);
}
.event{
    float:left;
    height:150px;
	width:676px;
	background:url(/images/open0723.jpg);
}
.clears{
  clear:both;
}
#logo img{
float: left;
}
.s{
margin:0 auto;
}

li{
	list-style-type:none;
	width:114px;
	height:38px;
	float:left;
}
li img{
	border:0;
}
li.topBtn{
	background:url(images/bt1_01.jpg);
}
li.systemBtn{
	background:url(images/bt1_02.jpg);
}
li.courseBtn{
	background:url(images/bt1_03.jpg);
}
li.scheduleBtn{
	background:url(images/bt1_04.jpg);
}
li.areaBtn{
	background:url(images/bt1_05.jpg);
}
li.reserveBtn{
	background:url(images/bt1_06.jpg);
}
li.infoBtn{
	background:url(images/bt1_07.jpg);
}
li.itiranBtn{
	background:url(images/bt1_08.jpg);
}
li.mapBtn{
	background:url(images/bt1_09.jpg);
}
li a{
	display:block;
	width:114px;
	height:38px;
}
li a:hover {
	background-color:transparent;
}
li a:hover img{
	visibility:hidden;
}
#main{
	width: 800px;
	height:100%;
	margin: auto;
	text-align:left;
	font-size:12px;
	padding: 0px;
}	

#main .news{
	width:800px;
}

#main .recrec{
width:604px;
float:right;
margin-top:5px;
padding:20px;
background:url(images/rec000.gif);
background-position:center top;
background-repeat:no-repeat;

}

#main .big_news{
width:832px;
margin:8px auto;
padding-top:6px;
}

#main .news p{
margin:2px 0px;
color: #5D4F41;
line-height: 150%;
font-size: 12px;
}


#main .body{
width:550px;
float:left;
clear:both;
}

#main .body p{
margin:10px 5px;
}

#main .menu{
width:183px;
float:left;
font-size:12px;
}

#main .tabmenu{
width:250px;
float:right;
}

#main h1 span.jp{
font-size: 12px;
letter-spacing: normal;
font-family:"ＭＳ Ｐゴシック","Osaka","ヒラギノ角ゴPro";
}


#main h2{
margin: 30px 0 5px 0;
padding:3px;
font-size:180%;
color: #333333;
clear: both;
}
#main h3{
margin: 30px 0 5px 0;
padding:3px;
background-color: #83684F;
font-size:120%;
color: #FFFFFF;
clear: both;
}
#main th{
padding: 3px 5px;
background-color: #F3EBDC;
border-bottom:1px solid #83684F;
text-align:left;
font-weight: normal;
color:#A07D5E;
}
#main a.mail{
padding:5px 0 5px 30px;
background:url(images/btn_mail.gif) no-repeat 0px 0px;
color: #FF0000;
}
#main a.mail:hover{
background:url(images/btn_ov_mail.gif) no-repeat 0px 0px;
}
#main .box{
width:183px;
float:left;
}

#main .box h3{
margin: 0 10px;
padding: 3px;
font-size:100%;
color:#A07D5E;
position: relative;
top: -10px;
background-color: #F3EBDC;
}
#main .box p{
margin: 0 10px;
padding: 0;
font-size:10px;
top: -5px;
position: relative;
}
.qr {
	width:229px;
	height:253px;
	margin-top:4px;
	background:url(images/qrw.jpg);
}
.eve {
	width:229px;
}
.top_maga{
    background:url(images/top_maga.jpg);
    background-position:center top;
    background-repeat:no-repeat;
	float: left;
	height: 60px;
	width: 320px;
	margin-top: 1px;
	padding-top:10px;
}
.top_rec{
	float: left;
	height: 70px;
	width: 320px;
	margin-top: 1px;
}
.topics{
	float: left;
	height: 219px;
	width: 544px;
}
.topicsooo{
	float: left;
	width: 544px;
}
.topimage{
	float: left;
	width: 414px;
	margin-top: 6px;
}

.topics_p{
    padding:10px;
    float:left;
	height: 220px;
	width: 120px;
	margin: 40px 2px 2px 6px;
}
.topics_1{
    float:left;
	height: 230px;
	width: 174px;
	margin: 40px 2px 2px 2px;
	padding-top:10px;
	padding-right:10px;
}
.title {
	height:	41px;
	width:544px;
}
.title0000 {
	height:	141px;
	width:544px;
}
.title123 {
	height:	41px;
	width:544px;
	margin-top:9px;
}
.port {
	height:	248px;
	width:179px;
	margin:3px 15px 0px 0px;
	float:right;
}

.concept1{
    font-size:12px;
    color:#666666;
	float: left;
	width: 500px;
	padding:10px;
}
.concept22{
	font-size:12px;
	color:#666666;
	float: left;
	width: 394px;
	margin-top:3px;
	margin-bottom: 10px;
}
.box1 {
width:900px;
margin:0px auto;
}
.sub_contents{
    height:	35px;
	width:680px;
	margin-top:2px;
}
.sub1_contents{
    background:url(/images/system_02.jpg);
    height:294px;
	width:640px;
	margin-top:2px;
	padding:8px 20px;
	font-size:10px;
	color:#333333;
}
.sub2_contents{
    height:230px;
	width:590px;
	margin-top:2px;
	padding:0px 43px;
	font-size:10px;
	color:#333333;
}
.sub3_contents{
    height:	30px;
	width:595px;
	margin:10px 0px 0px 18px;
}
.sub4_contents{
    height:20px;
	width:354px;
	float:left;
	margin:10px 0px 0px 18px;
}
.sub5_contents{
    height:20px;
	width:270px;
	float:left;
	margin:23px 0px 0px 33px;
}
.sub5s_contents{
    height:20px;
	width:270px;
	float:left;
	margin:5px 0px 0px 33px;
}
.sub6_contents{
    height:300px;
	width:270px;
	float:left;
	margin:8px 0px 0px 33px;
}
.sub6s_contents{
    height:300px;
	width:270px;
	float:left;
	margin:8px 0px 0px 3px;
}
.ya{
    height:32px;
	width:20px;
	float:left;
	margin:150px 5px 0px 5px;
}
.ya2{
    height:25px;
	width:30px;
	float:left;
	margin:0px auto;
	padding:0px 295px;
}
.ya3{
    height:20px;
	width:101px;
	float:left;
	margin:4px 0px 0px 24px;
	padding:0px 275px;
}
.sub7_contents{
	width:270px;
	float:left;
	margin:8px 0px 0px 33px;
	font-size: 12px;
	line-height: 180%;
	color: #333333;
}

.sys01_contents{
    background:url(/images/sys2.gif);
    height:92px;
	width:600px;
	margin:6px 0px 0px 16px;
	padding:30px 20px;
}
.sys02_contents{
    background:url(/images/sys3.gif);
    height:52px;
	width:600px;
	margin:6px 0px 0px 16px;
	padding:30px 20px;
}
.sys03_contents{
    background:url(/images/sys_all.gif);
    height:20px;
	width:610px;
	margin:26px 0px 0px 16px;
	padding:22px 15px;
}
.kiyaku{
    background:url(/images/system_03.jpg);
	width:620px;
    height:250px;
	margin-top:2px;
	padding:0px 30px;
	font-size:12px;
	color:#336666;
	line-height:160%;
}

.rec01{
	width:520px;
    height:200px;
	margin-top:430px;
	padding:0px 50px;
	font-size:12px;
	color:#336666;
	line-height:160%;
}
.ladyszero {
	height: 260px;
	width: 526px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.ladyszero2 {
	float: left;
	height: 260px;
	width: 830px;
	margin-top: 16px;
	margin-left: 24px;
}
.ladysbase {
	background:url(images/ladybg.jpg);
	float: left;
	height: 210px;
	width: 140px;
}
.ladysbase2 {
	background:url(images/ladybg.jpg);
	float: left;
	height: 212px;
	width: 142px;
	margin-right: 16px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 16px;
}
.ladysname {
	background:url(images/name.jpg);
	float: left;
	height: 50px;
	width: 140px;
}
.ladysname2 {
    background:url(images/name.jpg);
	float: left;
	height: 50px;
	width: 140px;
	margin-left: 44px;
}
.name {
	font-size:10px;
	color:#666666;
	text-align:center;
	height:40px;
	width:128px;
	margin:auto;
	line-height:150%;
}
.txtyle{
	width:620px;
	margin-top:2px;
	padding:10px 30px;
	font-size:12px;
	color:#FF0000;
	line-height:160%;
}
.txtyles{
    background:url(/images/recruitbg.jpg);
    background-position:top center;
    background-repeat:no-repeat;
	width:620px;
	margin-top:2px;
	padding:10px 30px;
	font-size:12px;
	color:#FF0000;
	line-height:160%;
}
.concept {
    font-size:13px;
	width: 640px;
	margin-top:20px;
}
.blog {
	height: 186px;
	width: 630px;
	margin: 15px auto;
}
.blog01 {
    background:url(images/blogbg.jpg);
	float: left;
	height: 158px;
	width: 170px;
	padding:9px;
	margin-left:10px;
}
.blog02 {
    background:url(images/blogbg.jpg);
	float: left;
	height: 158px;
	width: 170px;
	padding:9px;
	margin-left:20px;
}
.bname {
    font-size:10px;
	color:#666666;
	text-align:center;
	height:15px;
	width:170px;
	margin:auto auto;
}
.banner {
	float: left;
	height: 70px;
	width: 350px;
	margin-top: 5px;
	margin-left: 10px;
}

.banner1 {
	float: left;
	height: 60px;
	width: 300px;
	margin-top: 10px;
	margin-left: 10px;
}

.banner2 {
	float: left;
	height: 40px;
	width: 200px;
	margin-top: 30px;
	margin-left: 40px;
}

.banner3 {
	float: left;
	height: 31px;
	width: 88px;
	margin-top: 46px;
	margin-left: 40px;
}
.txt01 {
	font-size:9px;
	color:#990000;
	float: left;
	height: 10px;
	width: 120px;
	margin-left: 10px;
}
.txt02 {
    font-size:9px;
    color:#990000;
	float: left;
	height: 10px;
	width: 120px;
	margin-left: 270px;
}
.txt03 {
    font-size:9px;
    color:#990000;
	float: left;
	height: 10px;
	width: 120px;
	margin-left: 220px;
}
.txt04 {
	font-size:9px;
	color:#aaaaaa;
	float: left;
	height: 10px;
	width: 400px;
	margin-left: 14px;
}
.sbox {
	width:500px;
	margin-top: 70px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}
.s1box {
	width:500px;
	height:104px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}

#footer{
color:#666;
font-family: Arial, Helvetica, sans-serif;
background:url(images/footer.jpg);
background-position:top center;
background-repeat:no-repeat;
bottom: 0px;
text-align: center;
font-size:14px;
height: 140px;
width: 100%;
}
#footer ul
  {
    list-style:none;
    margin: 0;
    padding: 0;
   }
#footer li
   {   
    width: 68px;
	margin-top:44px;
    padding: 0;
	float:right;
 	}
#footer a
   {
	text-align: center;
    display:block;
    padding: 0.5em 0;
	color:#663333;
    width: 100%;
	margin:0px auto
    }
#footer p {
	font-size: 12px;
	color: #999999;
	text-align:center;
	line-height:160%;
	margin-top:50px; 
}	
#main .body #mn6 {
margin-top: 20px;
}
.style1 {font-size: 12%}
.style2 {font-size: 12px}
.style3 {
font-size:12px;
color:#FF0000;
}
.style4 {
font-size:12px;
color:#444444;
line-height:160%;
}

/*----------------------------span-*/

span.tel{
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#424242;
line-height: 24px;
}

/*-------------------------------------for any--*/

.clear{
clear:both;
}

#left .topimg {
margin-left: 0px;
}
.stitle {
	float: left;
	height: 14px;
	width: 396px;
	margin-top:4px;
}
.site {
	font-size: 9px;
	color:#0066CC;
	height: 20px;
	width: 100%;
	margin:0 auto;
}
#countainer #contents #main #head h1 {
	font-size: 12px;
	color: #999999;
	text-align:center;
	margin:2px auto; 
}
#countainer #contents #main #head h2 {
	font-size: 16px;
	color: #111111;
	text-align:center;
	margin-top:34px; 
}
.ttbox {
	font-size: 10px;
	width: 644px;
	border: 1px dotted #C0A5D8;
	padding:5px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

table {
	  border: solid 1px #000000;
	  border-collapse: collapse;
	  margin:0 auto;
}

td {
	background-color:#FFFFFF;
	border:solid 1px #C0A5D8;
	width:108px;
	height:40px;
	text-align:center;
}
img {
	border:0;
}

.kaiseki {
	float:left;
}