@charset "UTF-8";

/*----------------------------------------------------	
	Page
----------------------------------------------------*/

#page {
	background: url(../img/common/top_line.gif) repeat-x left top;
}

/*----------------------------------------------------	
	Container
----------------------------------------------------*/

#container {
	width: 780px;
	margin: 0 auto;
}

/*----------------------------------------------------	
	Header
----------------------------------------------------*/

#header {
	width: 780px;
	height: 115px;
	position: relative;
}

#header h1 {
	float: left;
	padding-top: 15px;
	font-weight: normal;
	font-size: 85%;
	color: #CC0000;
	text-indent: 0.5em;
	letter-spacing: 0.1em;
}

#top_contact {
	clear: both;
	position: absolute;
	top: 0;
	right: 0;
}

#header h2 {
	clear: both;
	position: absolute;
	top: 45px;
	left: 0;
}

#utilityNavi {
	clear: both;
	float: right;
	position: absolute;
	top: 85px;
	right: 0;
}

#utilityNavi li {
	float: left;
	padding-left: 10px;
	margin-left: 10px;
	background: url(../img/common/icon.gif) no-repeat left center;
}

#utilityNavi li a {
	text-decoration: none;
}

#utilityNavi li a:hover {
	text-decoration: underline;
}

/*----------------------------------------------------	
	Main_img
----------------------------------------------------*/

#main_img {
	clear: both;
	width: 780px;
	margin: 0 auto;
	padding-bottom: 13px;
}

/*----------------------------------------------------	
	GNavi
----------------------------------------------------*/

#gNavi {
	width: 780px;
}

#gNavi li {
	float: left;
}

#gNavi_top {
	margin-left: 0;
}

.gNavi_other {
	margin-left: 10px;
}

/*----------------------------------------------------	
	Main
----------------------------------------------------*/

#main {
	clear: both;
	float: left;
	width: 780px;
	padding-top: 18px;
}

.contents_link {
	padding-top: 20px;
}

.contents {
	clear: both;
	float: left;
	width: 780px;
	padding-top: 10px;
	padding-bottom: 15px;
}

.sub_img {
	clear: both;
	float: left;
	width: 780px;
	padding-top: 20px;
}

* html .sub_img {
	padding-top: 30px;
}

*:first-child + html .sub_img {
	padding-top: 30px;
}

.sub_text {
	clear: both;
	float: left;
	width: 780px;
	padding-top: 20px;
}

* html .sub_text {
	padding-top: 0;
}

*:first-child + html .sub_text {
	padding-top: 0;
}

.sub_text2 {
	clear: both;
	float: left;
	width: 780px;
	padding-top: 10px;
}

.sub_text3 {
	clear: both;
	float: left;
	width: 780px;
	padding-top: 20px;
}

.sub_text4 {
	clear: both;
	float: left;
	width: 738px;
	padding-top: 5px;
}

/*----------------------------------------------------	
	About
----------------------------------------------------*/

#aboutLink01 .text {
	float: left;
	width: 328px;
	padding-right: 20px;
}

#aboutLink01 .img {
	float: right;
	width: 432px;
}

#aboutLink02 .text {
	float: right;
	width: 478px;
	padding-left: 20px;
}

#aboutLink02 .img {
	float: left;
	width: 282px;
}

#aboutLink03 .text01 {
	float: left;
	width: 487px;
	padding-right: 20px;
}

#aboutLink03 .img01 {
	float: right;
	width: 273px;
}

#aboutLink03 .text02 {
	float: right;
	width: 487px;
	padding-left: 20px;
}

#aboutLink03 .img02 {
	float: left;
	width: 273px;
}

#aboutLink04 .text02 {
	float: right;
	width: 502px;
	padding-left: 20px;
}

#aboutLink04 .img {
	float: left;
	width: 258px;
}

.detail_text {
	text-indent: 1em;
}

#live .text01 {
	float: left;
	width: 487px;
	padding-right: 20px;
}

#live .img01 {
	float: right;
	width: 273px;
}

/*----------------------------------------------------	
	Scheme
----------------------------------------------------*/

#schemeLink01 .text01 {
	float: left;
	width: 450px;
	padding-right: 20px;
}

#schemeLink01 .img01 {
	float: right;
	width: 310px;
}

#schemeLink02 .text01 {
	float: left;
	width: 319px;
	padding-right: 20px;
}

#schemeLink02 .img01 {
	float: right;
	width: 441px;
}

#schemeLink02 .text02 {
	float: right;
	width: 652px;
	padding-left: 20px;
}

#schemeLink02 .img02 {
	float: left;
	width: 108px;
}

#schemeLink02 .img03 {
	float: left;
	width: 309px;
	padding-right: 20px;
}

#schemeLink02 .img04 {
	float: right;
	width: 409px;
}

#schemeLink03 .text01 {
	float: left;
	padding-right: 10px;
}

#schemeLink03 .text02 {
	float: left;
}

#schemeLink05 .img01 {
	float: left;
	width: 140px;
	padding-right: 30px;
}

#schemeLink05 .text01 {
	float: left;
	width: 568px;
}

/*----------------------------------------------------	
	Curriculum
----------------------------------------------------*/

#class {
	float: left;
	width: 780px;
}

.classLeft {
	float: left;
	width: 252px;
	padding-right: 12px;
}

#classRight {
	float: right;
	width: 252px;
}

#flow {
	clear: both;
	width: 780px;
}

#flow li img {
	vertical-align: bottom;
}

.cur_text01 {
	float: left;
	width: 487px;
	padding-right: 20px;
}

.cur_img01 {
	float: right;
	width: 273px;
}

#cur {
	float: left;
	width: 780px;
}

#cur01 .img01 {
	float: left;
	width: 350px;
	padding-right: 30px;
}

#cur01 .text01 {
	float: left;
	width: 358px;
}

#cur01 .img01 img {
	vertical-align: bottom;
}

#cur02 .textSpace {
	padding-left: 2em;
}

#cur02 .img01 {
	float: left;
	width: 181px;
	padding-right: 30px;
}

#cur02 .text01 {
	float: left;
	width: 527px;
	padding-top: 10px;
}

#cur03 .img01 {
	float: left;
	width: 273px;
}

#cur03 .text01 {
	float: right;
	width: 487px;
	padding-left: 20px;
}

#cur04 .img01 {
	float: left;
	width: 273px;
}

#cur04 .text01 {
	float: right;
	width: 487px;
	padding-left: 20px;
}

/*----------------------------------------------------	
	Access
----------------------------------------------------*/

#access {
	float: left;
	width: 780px;
	padding-top: 10px;
}

#access .img01 {
	float: left;
	width: 186px;
	padding-right: 30px;
}

#access .img02 {
	float: right;
	width: 564px;
	padding-bottom: 10px;
}

#access .address {
	float: right;
	width: 564px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999999;
}

/*----------------------------------------------------	
	mainCol
----------------------------------------------------*/

.mainCol {
	float: left;
	width: 738px;
	padding: 20px 20px 10px 20px;
	margin-bottom: 15px;
	border: 1px solid #999999;
}

.mainCol2 {
	width: 409px;
	height: 209px;
	padding: 20px 20px 10px 20px;
	margin-bottom: 15px;
	border: 1px solid #999999;
}

.mainCol3 {
	float: left;
	width: 738px;
	padding: 15px 20px 15px 20px;
	margin-bottom: 15px;
	border: 1px solid #999999;
}

.mainCol4 {
	width: 738px;
	padding: 0 20px 2px 20px;
	margin-bottom: 15px;
	border: 1px solid #999999;
}

.mainColTitle {
	padding: 5px 0 5px 10px;
	background: #FFECBD;
}

.mainColText {
	padding: 4px 10px 2px 25px;
	line-height: 80%;
	background: url(../img/common/maincol_icon.gif) no-repeat 2px;
}

.mainColText2 {
	padding: 2px 10px 2px 25px;
	background: url(../img/common/maincol_icon.gif) no-repeat 2px 6px;
}

.mainColText3 {
	padding: 4px 10px 7px 25px;
	line-height: 80%;
	background: url(../img/sitemap/icon01.gif) no-repeat 2px 0px;
	border-bottom: 1px dotted #999999;
}

.mainColText4 {
	padding: 0 10px 7px 40px;
	line-height: 80%;
	background: url(../img/sitemap/icon02.gif) no-repeat 22px -4px;
	border-bottom: 1px dotted #999999;
}

.mainColText5 {
	padding: 0 10px 7px 30px;
	line-height: 80%;
	background: url(../img/sitemap/icon02.gif) no-repeat 12px -2px;
}

.mainCol3 .line {
	float: left;
	width: 738px;
}

* html .mainCol3 .line {
	float: left;
	width: 738px;
	padding-top: 10px;
}

*:first-child + html .mainCol3 .line {
	float: left;
	width: 738px;
	padding-top: 10px;
}

/*----------------------------------------------------	
	Column
----------------------------------------------------*/

#column {
	background: #FFFCE0;
}

#column #main {
	width: 645px;
	text-align: center;
	margin: 10px 20px 20px 20px;
}

#column #contents {
	float:left;
	width: 603px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
	background: #FFFFFF;
	border: 1px solid #999999;
}

#column #contents .title {
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 0 5px 10px;
	background: #DD5903;
}

#column_title {
	width: 603px;
	padding: 0 20px 10px 20px;
	background: #FFFFFF;
	border: 1px solid #999999;
}

#column .column_voice_title {
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 0 5px 10px;
	background: #DD5903;
}

#column .column_voice {
	float: left;
	width: 603px;
}

#column .column_voice .img01 {
	float: left;
	width: 140px;
		padding-right: 20px;
}

#column .column_voice .text01 {
	float: right;
	width: 443px;
}

#column #contents .line {
	clear: both;
	float: left;
	width: 603px;
}

#column .close {
	text-align: center;
	margin: 20px 20px 40px 20px;
}

/*----------------------------------------------------	
	Page_link
----------------------------------------------------*/

.page_link {
	padding: 15px 5px 15px 5px;
	border-top: 3px solid #CCCCCC;
	border-bottom: 3px solid #CCCCCC;
}

.page_link li a {
	color: #CC0000;
	padding-left: 25px;
	background: url(../img/common/pagelink_icon.gif) no-repeat 2px;
}

.page_link li a:hover {
	color: #FF0000;
	background: url(../img/common/pagelink_icon_on.gif) no-repeat 2px;
}

.page_link .linkDetail {
	padding-left: 10px;
}

.page_link .linkDetail a {
	padding-left: 25px;
	background: url(../img/common/pagelink_icon2.gif) no-repeat 2px;
}

.page_link .linkDetail a:hover {
	padding-left: 25px;
	background: url(../img/common/pagelink_icon2_on.gif) no-repeat 2px;
}


/*----------------------------------------------------	
	Table
----------------------------------------------------*/

#main table.company_table {
	width: 780px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 20px;
}

* html #main table.company_table {
	margin-top: 20px;
}

*:first-child + html #main table.company_table {
	margin-top: 20px;
}

#main table.company_table td p {
	padding: 7px 10px 7px 10px;
	margin-bottom: 0;
	line-height: 1.4;
}

#main table.course_table {
	width: 780px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 20px;
}

* html #main table.course_table {
	margin-top: 20px;
}

*:first-child + html #main table.course_table {
	margin-top: 20px;
}

#main table.course_table td p {
	padding: 7px 10px 7px 10px;
	margin-bottom: 0;
	text-align: center;
	line-height: 1.4;
}

#main table.money_table {
	width: 780px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 20px;
}

* html #main table.money_table {
	margin-top: 20px;
}

*:first-child + html #main table.money_table {
	margin-top: 20px;
}

#main table.money_table td p {
	padding: 5px 10px 3px 10px;
	margin-bottom: 0;
	line-height: 1.4;
}

#main table .small {
	padding: 0 10px 0 10px;
	margin-bottom: 0;
}

#main table .center {
	text-align: center;
}

#main table.company_table td.title {
	width: 200px;
	vertical-align: top;
}

#main table.company_table td.title02 {
	width: 120px;
	vertical-align: top;
}

.bd{
	border: 1px solid #999999;
}

.bdr{
	border-right: 1px solid #999999;
}

.bdl{
	border-left: 1px solid #999999;
}

.bdt{
	border-top: 1px solid #999999;
}

.bdb{
	border-bottom: 1px solid #999999;
}

.bg-color{
	background-color: #FFF5DD;
}

/*----------------------------------------------------	
	Contact
----------------------------------------------------*/

.contact_text {
	margin-top: 20px;
}

#contact_title01 {
	margin-top: 20px;
	margin-bottom: 30px;
}

#contact_title02 {
	margin-top: 40px;
}

#main table.company_table td p.submit {
	padding: 20px;
	margin-bottom: 0;
	line-height: 1.8;
	text-align: center;
}

/*----------------------------------------------------	
	Pagetop
----------------------------------------------------*/

.pagetop {
	clear: both;
	padding-top: 5px;
	text-align: right;
}

/*----------------------------------------------------	
	Footer
----------------------------------------------------*/

#footer {
	clear: both;
	width: 738px;
	padding: 15px 20px 7px 20px;
	margin-top: 10px;
	margin-bottom: 30px;
	border: 1px solid #999999;
	background: #DFDFDF;
}

#footer ul {
	padding-bottom: 8px;
	text-align: center;
}

#footer ul li {
	display: inline;
	font-weight: normal;
	margin-right: 3px;
	padding-left: 0;
	font-size: 90%;
}

#footer ul li a {
	color: #333333;
}

#footer ul li a:hover {
	color: #CC0000;
}

#footer p {
	width: 738px;
	text-align: center;
	font-size: 90%;
	line-height: 1.5;
}