@charset "utf-8";
@import url("reset.css");
@import url("fonts.css");
@import url("dropdown.css");

.R {float:right;}
.L {float:left;}

body {
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font:14px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;



    *font-size:small;
    *font:x-small;
	line-height:22px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #ffa800;
}


#header {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/header_bg.gif);
	background-repeat: repeat-x;
	width: 100%;
	background-position: center top;
}

#header #header_top {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 137px;
	padding-top: 5px;
}

#header #header_top #header_nav li{
	display: inline;
}

#header_top h1 {
	float: left;
	margin-top: 10px;
	margin-left: 15px;
	clear: left;
}

#header_top h1 a {
	text-indent: -9999px;
	display: block;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 332px;
}

#header #header_top #web_reserve {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	clear: right;
	display: block;
}

#header #header_top #tel {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	display: block;
}

#header #navi {
	width: 100%;
	background-image: url(../images/navi_bg.png);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	clear: both;
	margin-top: 10px;
	padding-top: 10px;
	padding-left: 3px;
	padding-right: 2.5px;
	background-position: center;
}

#header #navi ul {
	width: 950px;
	margin:0 auto;
	margin-left: 4px;
}

#header #navi ul li {
	float: left;
}

#header #header_top #header_right {
	float: right;
	width: 500px;
	clear: right;
	margin-top: -20px;
}
#header #header_top #header_right li {
	float: right;
	margin-right: 5px;
}
#header #header_top h2 {
	float: left;
	font-size: 10pt;
	margin-left: 15px;
	text-align: left;
	clear: left;
}
#wrapper {
	background-image: url(../images/contents_bg.gif);
	background-repeat: repeat-x;
}
#wrapper #main_image {
	padding-top: 15px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #e3007f;
	padding-bottom: 10px;
}
#header #header_top #header_right #web_reserve {
	margin-left: 10px;
}
#wrapper #main_image #good_access {
	width: 950px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	position: relative;
	z-index: 1000;
}
#wrapper #main_image #mark_top {
	position: absolute;
	left: 788px;
	top: -85px;
	z-index: 3000;
}
#wrapper #main_image #mark {
	position: absolute;
	left: 788px;
	top: -125px;
	z-index: 3000;
}
#wrapper #content {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

#wrapper #left_content_top {
	width: 680px;
	float: left;
	text-align: left;
	clear: left;
}
#wrapper #left_content {
	width: 660px;
	float: left;
	text-align: left;
	background-color: #FFF;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
#wrapper #left_content_top ul li {
	float: left;
}
#wrapper #right_content {
	float: right;
	width: 250px;
}
#wrapper #content #right_content p {
	margin-bottom: 10px;
	text-align: left;
	line-height: 12pt;
	clear: both;
}
#wrapper #content #right_content p .qr {
	vertical-align:bottom;
	display:inline;
	float:left;
}

#wrapper {
}


#page-top {
	bottom: 199px;
	width: 900px;
	height: 40px;
	display: block;
	margin-left: auto;
	margin-bottom: -3px;
	margin-top: 20px;
	margin-right: auto;
	text-align: right;
}

#page-top a {
	width: 150px;
	display: block;
	margin-left: 730px;
}
#page-top2 {
	bottom: 199px;
	width: 670px;
	height: 40px;
	display: block;
	margin-left: auto;
	margin-bottom: -3px;
	margin-top: 20px;
	margin-right: auto;
	text-align: right;
}

#page-top2 a {
	width: 136px;
	margin-left: 530px;
}
#footer {
	color: #333;
	padding-top: 10px;
	background-color: #ffa800;
	padding-bottom: 10px;
	position: relative;
}
#footer #footer_core {
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
	height: 170px;
	padding-top: 0px;
	clear: both;
}
#footer #footer_core a {
	color: #FFF;
	font-weight: bold;
	line-height: 20pt;
}

#footer #footer_core #copyright {
	clear: both;
	float: right;
	margin-top: -20px;
	font-size: 11px;
	letter-spacing: 0.6px;
	margin-right: 20px;
}
#footer #footer_core ul {
	float: left;
	text-align: left;
	margin-right: 30px;
	margin-left: 40px;
	padding-top: 20px;
}
#copyright {
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #f74127;
	font-weight: bold;
	font-size: 10pt;
}
#footer #footer_core ul li img {
	vertical-align: baseline;
	margin-right: 5px;
}
#footer #footer_core ul li {
	font-weight: bold;
	color: #FFF;
}
#wrapper #content #left_content h3 {
	background-image: url(../images/h3_bg.gif);
	background-repeat: no-repeat;
	color: #FFF;
	font-size: 12pt;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
}
#wrapper #content #left_content p {
	margin-top: 10px;
	clear: both;
}
#wrapper #content #left_content h5 {
	background-image: url(../../images/h4_arrow_24.gif);
	background-repeat: no-repeat;
	color: #f74127;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #f74127;
	background-position: 0px 7px;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	font-size: 12pt;
	margin-right: 20px;
	margin-left: 20px;
	clear: both;
}

#wrapper #content #left_content .txt_area {
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

#wrapper #content #left_content .txt_area_h5 {
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	background-image:url(../images/h5_bg.gif);
	background-repeat: repeat-x;
	margin-top: 3px;
	width: 580px;
	margin-left: 20px;
	margin-bottom: 20px;
	clear: both;
}
#wrapper #content #left_content p .right {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
#wrapper #content #left_content p .left {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
#wrapper #content #right_content #right_navi_course li {
	margin-bottom: 5px;
}
#wrapper #content #right_content #right_navi_course {
	margin-bottom: 10px;
}
#wrapper #content #left_content .txt_area h4 {
	clear: left;
	background-image: url(../images/h4_bg.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 6px;
	padding-bottom: 5px;
	margin-top: 25px;
	font-size: 12pt;
	color: #FFB119;
}
#wrapper #content #left_content .txt_area_h5 .course_flow dd {
	width: 265px;
	display: block;
	margin-top: 10px;
	margin-left: 315px;
}
#wrapper #content #left_content .txt_area .arrow {
	vertical-align: baseline;
	margin-right: 5px;
}