@charset "utf-8";

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



 base set
 
 
 
=============================== */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,address {
	margin: 0px;
	padding: 0px;
}
img {
	border: none;
	vertical-align: bottom;
}
ul,li {list-style: none;}
h1,h2,h3,h4,h5 {
	font-size: 13px;
	line-height: 1;
}
table,tr,td,th {margin:0px;padding:0px;border:none;}
table {border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;}
th,td {text-align:left;vertical-align:top;}
body {
	font: 13px/1 "ＭＳ Ｐゴシック", Helvetica, "ヒラギノ角ゴ Pro W3", sans-serif;
	text-align: center;
	color: #666666;
	background-color: #FFFFFF;
}
* html body {font-size:small;font:x-small;}
*:first-child+html body {font-size:small;font:x-small;}

a{
	color:#666;
	text-decoration:underline;
}
a:hover{
	color:#999;
	text-decoration:underline;
}

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



 common
 
 
 
=============================== */
#wrapper {
	text-align: left;
	width: 950px;
	margin: 0px auto 10px;
	background-attachment: scroll;
	background-image: url(../images/content_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 30px;
}
/* --------------

 navi
 
-------------- */
#navi {
	background-image: url(../images/navi_back.gif);
	background-repeat: repeat-y;
	padding: 0px 10px 15px;
}
#navi li {float: left;}
/* --------------

 main content
 
-------------- */
#mainContent {
	background-image: url(../images/main_content_back.gif);
	background-repeat: repeat-y;
	padding: 0px 20px;
}
#leftArea {
	float: left;
	width: 670px;
}
#rightArea {
	float: right;
	width: 220px;
}
.rBanner {
	text-align: center;
	padding-bottom: 10px;
}

.pankuzu{
	margin-bottom: 10px;
	
}

.pankuzu li{
	float:left;
}

/* --------------

 footer
 
-------------- */
.pagetop {
	width: 950px;
	margin: 0px auto;
	text-align: right;
	clear: both;
}
#footerWrap {
	text-align: center;
	background-image: url(../images/footer_back.gif);
	background-repeat: repeat-x;
	padding-top: 15px;
	color: #666666;
	background-color: #EDEDED;
}
#footer {
	width: 950px;
	margin: 0px auto;
	text-align: left;
}
#footerLeft {
	float: left;
	width: 372px;
}
#footerRight {
	float: right;
	width: 558px;
}
.footerTitle01 {
	padding-bottom: 10px;
}
.footerP01 {
	padding: 0px 20px 5px 30px;
	font-size: 92%;
	line-height: 1.66;
	color: #4b4b4b;
}
.footerP02 {
	padding: 0px 20px 10px 30px;
	font-size: 154%;
	line-height: 1.1;
		color: #4b4b4b;
}
.footerP02 span {font-size: 60%;}
.footerP03 {
	padding: 0px 20px 10px 30px;
	font-size: 92%;
	line-height: 1.1;
		color: #4b4b4b;
}
#copy {
	text-align : center;
	font-size: 92%;
	line-height: 1.1;
	color: #141886;
	background-color: #bbbcd9;
	padding: 10px 0px;
}
address {
	font-style: normal;
	font-weight: normal;
}
/* --------------

 title
 
-------------- */
.title01 {
	clear:both;
	font-size: 107.6%;
	line-height: 0.8;
	font-weight: bold;
	color: #1d2088;
	background-color: transparent;
	background-image: url(../images/title_back01.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 670px;
	padding: 10px 0px 0px 20px;
	margin-bottom: 10px;
}* html .title01 {width:670px;height:30px;}
.rTitle01 {
	margin-bottom: 10px;
}
.title02 {
	background:url(../images/titlebar.jpg) no-repeat scroll 0 0;
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.5;
	margin:0 15px 8px;
	padding:3px 0 1px 20px;
	height: 24px;
	width: 640px;
	font-size: 99%;
	letter-spacing: 0.1em;
}
.title01 a{
	color: #247626;
	text-decoration:none;}
.title01 a:hover{
	color: #469848;
	text-decoration:underline;
	}
/* --------------

 link
 
-------------- */
.link01 {
	color: #597BC0;
	text-decoration: underline;
	background-color: transparent;
}
.link01:hover {
	color: #CCCCCC;
	text-decoration: none;
	background-color: transparent;
}
/* --------------

 clear
 
-------------- */
.clearfix:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	font-size: 0.1em;
	line-height: 0;
}.clearfix {display:inline-block;}
/* hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

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



 top page only
 
 
 
=============================== */
#topHead01 {
	width: 371px;
	height: 195px;
	float: left;
	background-image: url(../images/top01.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#topHead02 {
	width: 579px;
	height: 109px;
	float: left;
	background-image: url(../images/top02.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#topLogo {
	width: 579px;
	height: 195px;
	float: left;
	background-image: url(../images/top_logo.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#topHead03 {
	width: 371px;
	height: 109px;
	float: left;
	background-image: url(../images/top03.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#topHead04 {
	width: 579px;
	height: 68px;
	float: left;
	background-image: url(../images/top04.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#topHead05 {
	width: 371px;
	height: 68px;
	float: left;
	background-image: url(../images/top05.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#notice {
	margin: 0px 20px 10px;
	padding: 8px 10px;
	border: 4px solid #D74747;
}
#notice h2 {
	font-size: 107.6%;
	line-height: 1.1;
	padding-bottom: 3px;
}
#notice p {
	font-size: 92%;
	line-height: 1.66;
}
#notice span {
	color: #FF8A00;
	background-color: #FFFFFF;
}
#topDl01 {
	padding: 0px 10px 10px;
	font-size: 92%;
	line-height: 1.5;
}
#topDl01 dt {
	float: left;
	width: 78px;
	background-attachment: scroll;
	background-image: url(../images/icon01.gif);
	background-repeat: no-repeat;
	background-position: 9px 4px;
	padding: 0px 0px 7px 32px;
	color: #1d2088;
	background-color: transparent;
	font-weight: bold;
}* html #topDl01 dt {width: 110px;}
#topDl01 dd {
	background-attachment: scroll;
	background-image: url(../images/dot01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 0px 0px 7px 110px;
	margin-bottom: 6px;
}

#topDl02 {
	padding: 0px 10px 0px;
	font-size: 92%;
	line-height: 1.5;
}
#topDl02 dt {
	float: left;
	width: 128px;
	background-attachment: scroll;
	background-image: url(../images/icon01.gif);
	background-repeat: no-repeat;
	background-position: 9px 4px;
	padding: 0px 0px 7px 32px;
}* html #topDl02 dt {width: 160px;}
#topDl02 dt span {
	color: #AAAAAA;
	background-color: transparent;
	padding: 0px 0px 0px 10px;
}
#topDl02 dd {
	background-attachment: scroll;
	background-image: url(../images/dot01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 0px 0px 7px 160px;
	margin-bottom: 6px;
}

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



 second page only
 
 
 
=============================== */
#secondHead01 {
	width: 500px;
	height: 36px;
	float: left;
	background-image: url(../images/top_second01.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#secondHead02 {
	width: 450px;
	height: 36px;
	float: left;
	background-image: url(../images/top_second02.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#secondLogo {
	width: 950px;
	height: 156px;
	float: left;
	background-image: url(../images/second_logo.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}


.outlineDl01 {
	padding: 0px 10px 0px;
	font-size: 92%;
	line-height: 1.5;
}
.outlineDl01 dt {
	float: left;
	width: 78px;
	background-attachment: scroll;
	background-image: url(../images/icon01.gif);
	background-repeat: no-repeat;
	background-position: 9px 4px;
	padding: 0px 0px 7px 32px;
	color: #1d2088;
	background-color: transparent;
	font-weight: bold;
}* html .outlineDl01 dt {width: 110px;}
.outlineDl01 dt span {
	color: #AAAAAA;
	background-color: transparent;
	padding: 0px 0px 0px 10px;
}
.outlineDl01 dd {
	background-attachment: scroll;
	background-image: url(../images/dot01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 0px 0px 7px 110px;
	margin-bottom: 6px;
}

.outlineUL {
	padding: 0px 10px 0px;
	font-size: 92%;
	line-height: 1.5;
}
.outlineUL li {
	background-attachment: scroll;
	background-image: url(../images/dot01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 0px 0px 7px 0px;
	margin-bottom: 6px;
}
.outlineUL li span{
	background-attachment: scroll;
	background-image: url(../images/icon02.gif);
	background-repeat: no-repeat;
	background-position: 9px 4px;
	padding: 0px 0px 7px 30px;
	display:block;
}

.outline_kakko{
	float:right;
	padding-right:200px;
	height:34px;
}

.coursemap{
	padding: 0px 10px 0px;
	font-size: 92%;
	line-height: 1.5;
}
.tabs{
	padding-bottom:15px;
	height:23px;
}
.tabs li{
	float:left;
	color:#333;
	padding:5px 15px;
	border:#033 solid 1px;
	margin-right:15px;
	}

.tabs li a{
	color:#333;
	}

.tabs li a:hover{
	color:#666;
	}
.tabbed-container{
	clear:both;
}

.tbl_record{
	margin:0 15px;
	width:640px;
}

.tbl_record th{
	background-attachment: scroll;
	background-image: url(../images/dot01.gif);
	background-repeat: repeat-x;
	padding: 5px 15px 3px 15px;
}

.tbl_record td{
	background-attachment: scroll;
	background-image: url(../images/dot01.gif);
	background-repeat: repeat-x;
	padding: 5px 15px 3px 15px;
}

.tbl_price{
	margin-bottom:25px;
	margin-left:20px;
	border-collapse:collapse;
	border:1px solid #CCC;
}

.tbl_price th{
	padding: 5px 15px 3px 15px;
	border:1px solid #CCC;
}

.tbl_price td{
	vertical-align:middle;
	line-height:150%;
	padding: 5px 15px 3px 15px;
	border:1px solid #CCC;
}
.tbl_price td strong{
	color:#C00;
}

.text01{
	margin-bottom:15px;
	margin-left:20px;
	line-height:150%;
}
.text02{
	margin-bottom:25px;
	margin-left:20px;
	line-height:150%;
}
.text03{
	
}
.text02{
	margin-bottom:5px;
	margin-left:20px;
	line-height:150%;
}
.tbl_entry{
	margin-bottom:25px;
	margin-left:20px;
}
.tbl_entry th{
	padding: 5px 15px 3px 15px;
}
.tbl_entry td{
	vertical-align:top;
	line-height:150%;
	padding: 5px 15px 3px 15px;
}
.list01{
	margin-bottom:25px;
	margin-left:20px;
	line-height:150%;
}
.list01 li{
	background-attachment: scroll;
	background-image: url(../images/icon01.gif);
	background-repeat: no-repeat;
	background-position: 9px 4px;
	padding: 0px 0px 7px 32px;
}
.list01 li a{
	color:#666;
	text-decoration:none;
}
.list01 li a:hover{
	color:#999;
	text-decoration:underline;
}
.attention{
	font-size:0.8em;
}
.tbl_pay{
	margin:0 auto;
	margin-bottom:25px;
}
.tbl_pay th{
	text-align:center;
	padding:5px 0px;
}
.tbl_pay td{
	vertical-align:top;
	line-height:150%;
	padding: 0 30px;
}
.tbl_how{
	margin:0 auto;
	margin-bottom:25px;
	border-collapse:collapse;
	border:#CCC solid 1px;
	}
.tbl_how th{
	text-align:center;
	padding:5px 0px;
	border:#CCC solid 1px;
	}
.tbl_how td{
	vertical-align:middle;
	line-height:150%;
	padding:5px 10px;
	border:#CCC solid 1px;
	}
.tbl_how td a{
	color:#666;
	text-decoration:none;
}

.tbl_how td a:hover{
	color:#999;
	text-decoration:underline;

}

#entryUl01{
	border-bottom:1px solid #CCCCCC;
	font-size:92%;
	margin-bottom:20px;
	padding:0 10px 5px;
}
#entryUl01 li {
border-left:1px solid #CCCCCC;
float:left;
padding:0 15px;
}
a.link01 {
background-color:transparent;
color:#E10001;
text-decoration:underline;
}
a.link01:hover {
color:#F66;
text-decoration:underline;
}
.tbl_step{
	margin:0 25px 8px;
	margin-bottom:25px;
	
	}
.tbl_step th{
	text-align:left;
	padding:10px;
	padding-left:15px;
	border:#CCC solid 1px;
	border-bottom-width:2px;
	border-bottom-color:#999;
	background-image:url(../images/icon03.gif);
	background-position:5px 5px;
	background-repeat:no-repeat;
}
.tbl_step td{
	vertical-align:middle;
	line-height:170%;
	padding:5px;
	padding-left:50px;
	padding-bottom:25px;
	background-image:url(../images/arrow.jpg);
	background-position:5px 5px;
	background-repeat:no-repeat;
	}
	
.tbl_entry_kakunin{
	margin:0 25px 8px;
	margin-bottom:25px;}
.tbl_entry_kakunin th{}
.tbl_entry_kakunin td{
	line-height:150%;}
.tbl_entry_kakunin td.check{
	color:#FFF;
	text-align:center;
	width:80px;
	padding:10px 0px;
}
.tbl_entry_kakunin strong{
	color:#C00;
}
.center{
	text-align:center;
}

.spacer{
	height:20px;
}

#newsNavi {
border-bottom:1px solid #CCCCCC;
font-size:92%;
margin-bottom:5px;
padding:0 0 3px;
}
.setBox01 {
background-attachment:scroll;
background-image:url(../images/dot01.gif);
background-position:left bottom;
background-repeat:repeat-x;
margin:0 10px 15px;
padding:0 0 2px;
}
.setBox01 p {
font-size:92%;
height:100%;
line-height:1.5;
}
.newsP02 {
background-color:#FFFFFF;
color:#999999;
font-size:84.6%;
line-height:1.5;
text-align:right;
}

.end {
border:3px solid #CCCCCC;
margin:5px 15px 15px 15px;
padding:5px;
text-align:center;
}
.entryEnd01 {
background-color:#FFFFFF;
color:#D90000;
font-size:138%;
font-weight:bold;
line-height:1.5;
padding:0 0 10px 20px;
}
.p01 {
font-size:92%;
line-height:1.5;
padding:0 20px 15px;
}




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



 form page
 
 
 
=============================== */
.btn_entry{
	margin:25px 0;
}
.btn_entry a{
	margin:0 auto;
}

.white{
	color:#FFF;
	text-align:center;
	width:80px;
	padding:10px;
}


.btn01 {
	padding: 0px 0px 15px 20px;
}
.btn01 a {
	font-size: 92%;
	color: #FFFFFF;
	text-decoration: none;
	background-attachment: scroll;
	background-color: #271D1B;
	background-image: url(../images/pagetop_light.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 250px;
	text-align: center;
	padding: 25px 0px;
	border-bottom: 2px solid #CCCCCC;
}
.btn01 a:hover {
	color: #36BEF0;
	background-color: #271D1B;
}
#entry_btn{
	width: 250px;
	text-align: center;
	padding:25px 0;
	font-size: 92%;
	color: #FFFFFF;
	border:none;
	border-bottom: 2px solid #CCCCCC;
	background-attachment: scroll;
	background-color: #271D1B;
	background-image: url(../images/pagetop_light.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0 auto;
	display:block;
}
#entry_btn:hover {
	cursor:pointer;
}
.table03{
	margin:0 auto;
	width:660px;
}
.table03 td{
	padding:5px;
	line-height:1.5;
}
.title_4{
	padding:25px;
	text-align:center;
	line-height:1.5;
	color:#333;
}