
/* 基本構造 
____________*/

a:link {
	color:#0000FF;
	text-decoration: underline;
}

a:visited {
	color: #0000FF;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
	color: #FF6699;
}

a:active {
	text-decoration: none;
	color: #FF6699;
}

a.link:link {  color:#0000FF;text-decoration:underline; }
a.link:visited {  color:#0000FF;text-decoration:underline; }
a.link:hover {  color: #0066FF;text-decoration: underline; }
a.link:active {  color: #0066FF;text-decoration: underline; }

body {
    width:100%;
	height:100%;
	padding: 0;
	margin: 0; 
	font-size:12px;
	color:#333333;
	line-height:150%;
	background-color:#efefef;
	text-align:center;
}

.clear {
	clear: both;
	margin:10px auto 0 auto;
	padding:0;
	text-align:right;
	width:400px;
}

.fl_left {
	float: left;
	margin:10px 0 0 8px;
	padding:0;
	text-align:left;
	width:190px;
}

.fl_right {
	float: right;
	margin:10px 8px 0 0;
	padding:0;
	text-align:right;
	width:190px;
}
img {
    border:none;
}

p {
    margin:0;
	padding:0;
}

h1 {
    margin:0;
    padding:0;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#000000;
	float:left;
	margin:0 0 0 10px;
	line-height:40px;
}

h2 {
    margin:0;
    padding:0;
}

.fr {
    color:#FF0000;
}
/* ヘッダ 
__________*/

.bold { 
    color:#FF0000;
    font-weight:bold;
    padding:0;
	font-size:14px;
	margin:10px 0;
}

.bold_02 { 
    color:#FF0000;
    font-weight:bold;
    padding:0 0 0 20px;
	font-size:14px;
	margin:10px 0;
	line-height:20px;
}

.text { 
    padding:0 0 0 20px;
	font-size:12px;
	margin:10px 0;
	line-height:150%;
}


#container {
	width: 100%;
	height: 100%;
	margin:0 auto;
	text-align:center;
	padding:0;
	background-image: url(../images/bg.gif);
	background-repeat:repeat-y;	
	background-position: center top;
	clear:both;
}

#content {
	width: 880px;
	height: 100%;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
	clear:both;
	text-align:left;
}

#header {
	width: 880px;
	height: 40px;
	margin:0;
	padding:0;
	background-image: url(../images/head.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#head_old {
    float:right;
	line-height:40px;
	color:#FFFFFF;
	background-color:#000000;
	margin:0 220px 0 0;
	padding:0;
	font-size:11px;
}

#logo {
    width:85px;
	height:40px;
	float:left;
	margin:0 0 0 25px;
}

ul#navi {
    float:left;
	margin:0;
	list-style:none;
	padding:0;
}

ul#navi li {
    float:left;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}

/* メイン 
______________*/

#main {
  	width: 840px;
	height: 100%;
	margin:0 auto;
	padding:20px 0;
	clear:both;
	background-color:#FFFFFF;
	overflow:hidden;
}

#satei {
    width:575px;
	height:150px;
	margin:0;
	padding:0;
	float:left;
	background:url(../images/satei.jpg) no-repeat;
}

#r_bnr a:hover { background-color:#ffffff;}
#r_bnr a:hover img { visibility:hidden;}
#r_bnr a { display:block; position:relative; background:url(../images/r_bnr2.jpg) no-repeat;}

#r_bnr {
    width:245px;
	height:150px;
	margin:0;
	padding:0;
	float:right;
}

.course {
    width:100%;
	height:100%;
    clear:both;
	margin:20px 0;
	padding:0;
}

#course_m {
    margin:0 auto 0 auto;
	padding:20px 0 0 0;
	clear:both;
	text-align:center;
}

.course_bnr1 {
    width:260px;
	height:auto;
    float:left;
	margin:0 30px 0 0;
	padding:0 0 20px 0;
}

.course_bnr1 a:hover { background-color:#ffffff;}
.course_bnr1 a:hover img { visibility:hidden;}
.course_bnr1 a { display:block; position:relative; background:url(../images/course_bnr1b.gif) no-repeat;}

.course_bnr2 {
    width:260px;
	height:auto;
    float:left;
	margin:0 30px 0 0;
	padding:0 0 20px 0;
}

.course_bnr2 a:hover { background-color:#ffffff;}
.course_bnr2 a:hover img { visibility:hidden;}
.course_bnr2 a { display:block; position:relative; background:url(../images/course_bnr2b.gif) no-repeat;}

.course_bnr3 {
    width:260px;
	height:auto;
    float:right;
	margin:0;
	padding:0 0 20px 0;
}

.course_bnr3 a:hover { background-color:#ffffff;}
.course_bnr3 a:hover img { visibility:hidden;}
.course_bnr3 a { display:block; position:relative; background:url(../images/course_bnr3b.gif) no-repeat;}


#left {
    width:400px;
	height:100%;
	float:left;
	margin:0 0 20px 0;
	padding:0;
}

#right {
    width:417px;
	height:512px;
	float:right;
	margin:0 0 20px 0;
	padding:0;
	background:url(../images/kaitori_bg.gif) no-repeat;
}

table#career { border:none; width:400px; margin:60px 0 0 10px;}

table#career th {
    width:87%;
	border:none;
	padding:5px;
	font-weight:normal;
	line-height:200%;
	text-align:left;
	color:#3366FF;
    font-weight:bold;
	background:url(../images/bg_line.gif) no-repeat;background-position:bottom;
}

table#career td {width:13%; border:none; padding:5px;line-height:200%; color:#FF0000; font-weight:bold; text-align:right;}

table#career caption {
	line-height:150%;
	font-weight:bold;
}


#merit {
    width:400px;
	height:46px;
	float:left;
	margin:0;
	padding:0;
}

dl.merit_m dl{
    width:400px;
	height:160px;
	margin:10px 0 0 0;
	padding:0;
	clear:both;
	display:block;
}

dl.merit_m dt {
    width:130px;
	height:160px;
	margin:10px 0 0 0;
	padding:0;
	float:left;
}

dl.merit_m dd {
    width:260px;
	height:160px;
	margin:10px 0 0 9px;
	padding:0;
	float:left;
	text-align:left;
}

dl.merit_m2 dl{
    width:400px;
	height:135px;
	margin:10px 0 0 0;
	padding:0;
	clear:both;
	display:block;
}

dl.merit_m2 dt {
    width:130px;
	height:135px;
	margin:10px 0 0 0;
	padding:0;
	float:left;
}

dl.merit_m2 dd {
    width:260px;
	height:135px;
	margin:10px 0 0 9px;
	padding:0;
	float:left;
	text-align:left;
}


#merit_bg {
    width:400px;
	height:auto;
	background-color:#99ccff;
	padding:5px;
	margin:0;
	text-align:left;
	clear:both;
	color:#333333;
}

#hiketsu {
    width:840px;
	height:40px;
	margin:0 0 10px 0;
	padding:0;
	clear:both;
}

.hiketsu_bnr {
    width:260px;
	height:200px;
    float:left;
	margin:0 30px 0 0;
	padding:0;
	background-image: url(../images/hiketsu_1.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.hiketsu_bnr2 {
    width:260px;
	height:200px;
    float:left;
	margin:0 30px 0 0;
	padding:0;
	background-image: url(../images/hiketsu_2.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.hiketsu_bnr3 {
    width:260px;
	height:200px;
    float:right;
	margin:0;
	padding:0;
	background-image: url(../images/hiketsu_3.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.hiketsu_p {
    width:240px;
	height:auto;
	clear:both;
	margin:140px 0 0 10px;
	padding:0;
}

#footer {
    width:880px;
	background-color:#000000;
	margin:0;
	padding:0;
	clear:both;
}

.footer_navi {
    width:100%;
	text-align:center;
	margin:0 auto 0 auto;
	padding:10px 0 20px 0;
	color:#FFFFFF;
	background-color:#000000;
}

.footer_navi a:link {
	color:#FFFFFF;
	text-decoration: underline;
}

.footer_navi a:visited {
	color:#FFFFFF;
	text-decoration: underline;
}

.footer_navi a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}

.footer_navi a:active {
	color:#FFFFFF;
	text-decoration: underline;
}

.footer_navi02 {
    width:100%;
	text-align:center;
	margin:0 auto 0 auto;
	padding:10px 0 20px 0;
	color:#FFFFFF;
	background-color:#000000;
	overflow:hidden;
}


#main_m {
    width:840px;
	height:60px;
	margin:0 0 10px 0;
	padding:0;
	clear:both;
	line-height:150%;
}

table.kaitori_no { border-collapse:separate; width:780px; margin:10px auto 20px auto;}
table.kaitori_no th {
    width:20%;
	border:#cccccc 1px solid;
	padding:5px;
	background-color:#efefef;
	background-repeat: repeat;
	background-position: center top;
	font-weight:normal;
	text-align:center;
	line-height:150%;
}

table.kaitori_no td {width:80%; border:#cccccc 1px solid; padding:5px;}

table#kaitori_hikaku { border-collapse:separate; width:780px; margin:20px auto 20px auto;}
table#kaitori_hikaku th {
	border:#cccccc 1px solid;
	padding:5px;
	background-color:#efefef;
	background-repeat: repeat;
	background-position: center top;
	font-weight:normal;
	text-align:center;
	line-height:150%;
}

table#kaitori_hikaku th.st {
    width:200px;
	border:#cccccc 1px solid; 
	padding:5px; 
	vertical-align:top; 
	line-height:150%;
	background-color:#66FFFF;
	background-repeat: repeat;
	background-position: center top;
	font-weight:bold;
	font-size:14px;
}


table#kaitori_hikaku td {width:200px; border:#cccccc 1px solid; padding:5px; vertical-align:top; line-height:150%;}

table#kaitori_hikaku td.st {
    width:200px;
	border:#cccccc 1px solid; 
	padding:5px; 
	vertical-align:top; 
	line-height:150%;
	background-color:#66FFFF;
	background-repeat: repeat;
	background-position: center top;
}

dl#faq {
   clear:both;
   width:840px;
   height:auto;
   margin:0 0 20px 0;
}

dl#faq dt {
   clear:both;
   width:800px;
   height:auto;
   border:#cccccc 1px solid;
   background-color:#efefef;
   line-height:30px;
   color:#3366FF;
   font-weight:bold;
   margin:30px 0 10px 20px;
   padding:0 0 0 10px;
}

dl#faq dd {
   clear:both;
   width:800px;
   height:auto;
   margin:0 0 10px 30px;
}

dl.kantan {
   clear:both;
   width:840px;
   height:auto;
   margin:0 0 20px 0;
}

dl.kantan dt {
   clear:both;
   width:800px;
   height:auto;
   line-height:30px;
   margin:20px 0 10px 10px;
   padding:0 0 0 0;
}

dl.kantan dd {
   clear:both;
   width:780px;
   height:auto;
   margin:0 0 10px 50px;
}

table.form { border-collapse:separate; width:780px; margin:10px auto 20px auto;}
table.form th {
    width:100px;
	border:#cccccc 1px solid;
	padding:5px;
	background-color:#efefef;
	background-repeat: repeat;
	background-position: center top;
	font-weight:normal;
	line-height:200%;
}

table.form td {border:#cccccc 1px solid; padding:5px;line-height:200%;}

table.form caption {
    background-color:#99ccff;
	line-height:150%;
	border:#cccccc 1px solid;
	padding:5px;
}

table.contact { border-collapse:collapse; border:none; width:300px; margin:60px 0 0 70px;}
table.contact th {
	border:none;
	width:240px;
	padding:0;
	font-weight:normal;
	line-height:130%;
	text-align:left;
}

table.contact td {border:none; padding:0;line-height:130%; vertical-align:top;}

.error {
	color: #CC0000;
	}


form.send {
	width: 60px;
	float: left;
	}

form.back {
	width: 60px;
	float: left;
	}
	
div#foot_intro {
    width:650px;
	border:#FFFFFF 1px solid;
	padding:10px;
	color:#FFFFFF;
	background-color:#000000;
	margin:0 auto;
}

#foot_intro a:link {
	color:#00CCFF;
	text-decoration: underline;
}

#foot_intro a:visited {
	color:#00CCFF;
	text-decoration: underline;
}

#foot_intro a:hover {
	text-decoration: underline;
	color: #FF6699;
}

#foot_intro a:active {
	text-decoration: none;
	color: #FF6699;
}

#foot_intro p{
    margin:10px 0;
}

.ftr_bnr {float:left; margin:0 0 0 41px; padding:0;}
