@charset "UTF-8";

body, div, p,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, input, textarea,
table, th, td{  
margin:0px; 
padding:0px; 
}

ul, ol{
list-style-type: none;
}

img{
border:0px;
vertical-align:bottom;
}

table{
border-collapse:collapse;
border-spacing:0px;
width: 100%;
}

th, td {
padding: 12px;
border: 1px solid #CCC;
vertical-align: top;
}

th {
background-color: #F6F2E1;
color: #796B33;
text-align: center;
white-space: nowrap; 
}

.font_sample01 {
 font-size:x-small;
}

/* common
------------------------------------*/

a:link { color: #64831D; }
a:visited { color: #64831D; }
a:hover { color: #B1C18E; }
a:active { color: #B1C18E; }

body{
	font-size:90%;
	text-align:center;
	line-height:1;
	color: #333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	-webkit-text-size-adjust: 100%;
}

#header {
	background: url(../img/header_bg.jpg) repeat-x left top;
}

#headerIn {
	width: 960px;
	margin: 0 auto;
	padding: 23px 0 0;
}

h1 {
	float: left;
	width: 274px;
	margin: 0 0 13px;
}

#headerIn .columnRight {
	width: 410px;
}

#headerIn .columnRight .columnLeft {
	width: 226px;
	border-right: 1px dotted #27440C;
}

#headerIn .columnRight .columnRight {
	width: 180px;
}

#gNavi {
	background: url(../img/navi_bg.jpg) repeat-x left top;
}

#gNavi ul {
	width: 960px;
	margin: 0 auto;
}

#gNavi ul li {
	float: left;
}

#contentsHeader {
	height: 230px;
}

#contentsHeader h2 {
	width: 960px;
	margin: 0 auto;
	padding: 77px 0 0;
	text-align: left;
}

#container {
	background: url(../img/bg01.jpg) no-repeat center bottom;
}

#contents {
	width:960px;
	margin:0px auto;
	text-align: left;
}

#main {
	width: 670px;
	float: left;
}

#main h2,
#main h3,
#main h4,
#main h5 {
margin: 0 0 15px;
}

#main .cassette {
	padding: 0 0 30px;
}

#main .cassette p,
#main .cassette ul,
#main .cassette dl,
#main .cassette table {
	margin: 0 0 20px;
	line-height: 1.6;
}

#main .cassette h3 {
	background: url(../img/hl_bg01.jpg) repeat-x left top;
	color: #FFF;
	padding: 10px 10px 20px;
	font-size: 130%;
}

#main .cassette h4 {
	background: url(../img/icon01.gif) no-repeat left 2px;
	color: #64831D;
	padding: 0 0 0 20px;
	font-size: 120%;
}

#main .cassette ul.dotStyle {
	list-style-type: disc;
	padding: 0 0 0 20px;
}

#main .cassette .bnrCenter {
	text-align: center;
}

#menu {
width: 265px;
float: right;
}

#menu #bnrArea {
	padding: 0 0 10px;
}

#menu #bnrArea li {
	margin: 0 0 10px;
}

#yoyaku #yoyakuBtn {
	background: url(../img/yoyaku_img02.jpg) no-repeat left top;
	padding: 0 0 0 15px;
}

#footer01 {
	background: url(../img/footer_bg01.jpg) repeat-x left top;
	height: 40px;
}

#footer01 ul {
	width: 960px;
	margin: 0 auto;
	padding: 11px 0 0;
}

#footer01 ul li {
	float: left;
	background: url(../img/icon02.jpg) no-repeat left 5px;
	padding: 0 0 0 10px;
	margin: 0 20px 0 0;
}

#footer01 ul li a:link,
#footer01 ul li a:visited {
	color: #FFF;
	text-decoration: none;
	font-size: 80%;
}

#footer01 ul li a:hover,
#footer01 ul li a:active {
	color: #79896F;
}

#footer02 {
	background: url(../img/footer_bg02.jpg) repeat-x left top;
	color: #FFF;
	font-size: 80%;	
	height: 40px;
}

#footer02 div {
	width: 960px;
	margin: 0 auto;
}

#footer02 div .columnLeft {
	width: 660px;
	text-align: left;	
	line-height: 40px;
}

#footer02 div .columnRight {
	width: 300px;
	text-align: right;
	line-height: 40px;
}

#pankuzu {
padding: 0 0 20px;
}

.pageTopLink {
text-align: right;
width: 960px;
margin: 0 auto;
}

.columnRight {
display: block;
float: right;
}

.columnLeft {
display: block;
float: left;
}

.textRed {
color: #F00;
}

.textBlue {
color: #039;
}

.textBold {
	font-weight: bold;
	font-size: 120%;
}


/* indexLayout
------------------------------------*/

.indexLayout #header {
	position: relative;
	height: 10px;
	z-index: 100;
}

.indexLayout #headerIn {
	position: absolute;
	margin-left: -480px;
	padding: 0;
	left: 50%;
}

.indexLayout #headerIn .columnRight {
	width: 265px;
	height: 423px;
}

.indexLayout #headerIn .columnRight div {
	padding: 23px 0px 22px 0px;
}

.indexLayout #headerIn .columnRight div .button01{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:195px;
	left:725px;
}

.indexLayout #headerIn .columnRight div .button02{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:235px;
	left:725px;
}

.indexLayout #headerIn .columnRight div .button03{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:310px;
	left:725px;
}

.indexLayout #headerIn .columnRight div .button04{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:350px;
	left:725px;
}

.indexLayout #headerIn .columnRight div .button05{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:390px;
	left:725px;
}

.indexLayout #headerIn .columnRight div .columnLeft {
	width: 205px;
	border: none;
}

.indexLayout #headerIn .columnRight div .columnRight {
	background: none;
	width: 173px;
	height: auto;
}

.indexLayout #gNavi {
	background: url(../../img/index_navi_bg.jpg) repeat-x left top;
}

.indexLayout #contents {
	padding: 40px 0 0;
}

.indexLayout #contents .columnLeft {
	width: 373px;
	position: relative;
}

.indexLayout #contents .indexBox {
	background: url(../../img/index_box_bg01.jpg) repeat-y left top;
	margin: 0 0 17px;
}

.indexLayout #contents .indexBox .indexBoxIn {
	background: url(../../img/index_box_bg02.jpg) no-repeat left bottom;
	padding: 0 23px 23px 20px;
}

.indexLayout #contents #news {
	background-color: #FFF;
	padding: 0 15px;
}

.indexLayout #contents #news li {
	padding: 20px 0 20px 15px;
	border-bottom: 1px dotted #CCC;
	background: url(../../img/index_icon01.gif) no-repeat 3px 27px;	
	line-height: 1.4;
}

.indexLayout #contents #news li.last {
	border: none;
}

.indexLayout #contents #news li .day {
	float: left;
	width: 70px;
	color: #26440C;
}

.indexLayout #contents #news li .columnRight {
	width: 190px;
}

.indexLayout #contents #newsBtn {
	position: absolute;
	top: 15px;
	right: 23px;
}

.indexLayout #contents #facebook {
	background-color: #FFF;
	padding: 10px;
}

.indexLayout #contents .columnRight {
	width: 545px;
}

.indexLayout #contents #bnrArea {
	padding: 0 0 20px;
}

.indexLayout #contents #bnrArea li {
	margin: 0 0 20px;
	position: relative;
}

.indexLayout #contents #bnrArea li span {
	position: absolute;
	right: -8px;
	top: -8px;
}

.indexLayout #contents #link {
	margin: 0 0 40px;
}

.indexLayout #contents #link h3 {
	border-bottom: 1px solid #64831D;
	margin: 0 0 22px;
}

.indexLayout #contents #link ul li {
	float: left;
	width: 280px;
	margin: 0 0 15px;
}

.indexLayout #contents #link ul li.last {
	width: 265px;
}

.indexLayout #sliderwrap {
	position: relative;
	z-index: 1;
	overflow: hidden;
}


/* guidanceLayout
------------------------------------*/

.guidanceLayout #contentsHeader {
	background: url(../../img/guidance_main.jpg) no-repeat center top;
}

.guidanceLayout #main .cassette .columnLeft {
	width: 322px;
}

.guidanceLayout #main .cassette .columnRight {
	width: 322px;
}

.guidanceLayout #sideIn {
	position:absolute;
	padding:0;
}

.guidanceLayout #sideIn .columnRight {
	width: 265px;
	height: 423px;
}

.guidanceLayout #menu .columnRight .button01{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:175px;
	left:30px;
}

.guidanceLayout #menu .columnRight .button02{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:215px;
	left:30px;
}

.guidanceLayout #menu .columnRight .button03{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:287px;
	left:30px;
}

.guidanceLayout #menu .columnRight .button04{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:327px;
	left:30px;
}

.guidanceLayout #menu .columnRight .button05{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:367px;
	left:30px;
}

.guidanceLayout #main .cassette .txtCenter th {
	vertical-align: middle;
}

.guidanceLayout #main .cassette .txtCenter td {
	text-align: center;
	vertical-align: middle;
}


/* courseLayout
------------------------------------*/

.courseLayout #contentsHeader {
	background: url(../../img/course_main.jpg) no-repeat center top;
	height: 530px;
}

.courseLayout #main {
	width: 960px;
}

.courseLayout #main .cassette .columnLeft {
	width: 670px;
}

.courseLayout #main .cassette .columnRight {
	width: 265px;
}

.courseLayout #main .cassette .txtCenter th {
	padding: 5px;
}

.courseLayout #main .cassette .txtCenter td {
	text-align: center;
	padding: 5px;
}



.courseLayout #main .cassette.cassette01 .columnRight .info{
	background: none;
	position:relative;
	width: 265px;
	height: 423px;
}

.courseLayout #main .cassette.cassette01 .columnRight .info .button01{
	background:no-repeat;
	width: 207px;
	height: 32px;
	position:absolute;
	z-index:1;
	top: 175px;
	left: 30px;
}

.courseLayout #main .cassette.cassette01 .columnRight .info .button02{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:215px;
	left:30px;
}

.courseLayout #main .cassette.cassette01 .columnRight .info .button03{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:287px;
	left:30px;
}

.courseLayout #main .cassette.cassette01 .columnRight .info .button04{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:327px;
	left:30px;
}

.courseLayout #main .cassette.cassette01 .columnRight .info .button05{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:367px;
	left:30px;
}

/* facilityLayout
------------------------------------*/

.facilityLayout #contentsHeader {
	background: url(../../img/facility_main.jpg) no-repeat center top;
}

.facilityLayout #main {
	width: 990px;
}

.facilityLayout #main .cassette .box {
	margin: 0;
}

.facilityLayout #main .cassette .box li {
	width: 330px;
	float: left;
	margin: 0 0 30px;
}

.facilityLayout #main .cassette .box h3 {
	background: url(../img/icon01.gif) no-repeat left 8px;
	color: #64831D;
	padding: 0 0 0 15px;
	font-size: 120%;
	margin: 0 0 5px;
	line-height: 1.6;
}

.facilityLayout #main .cassette .box p {
	margin: 0 30px 5px 0;
}

.facilityLayout #main .cassette .box .last p {
	margin: 0 0 5px;
}

.facilityLayout #main .cassette .columnLeft {
	width: 300px;
	text-align:center;
}

.facilityLayout #main .cassette .columnRight {
	width: 630px;
}

.facilityLayout #main .cassette .columnRight table th,
.facilityLayout #main .cassette .columnRight table td {
	padding: 5px 10px;
}

.facilityLayout #main .cassette #yoyakuB {
	width: 670px;
	margin: 0 auto;
}

.facilityLayout #main .cassette #yoyakuB .columnLeft,
.facilityLayout #main .cassette #yoyakuB .columnRight {
	width: 322px;
}

/* packLayout
------------------------------------*/

.packLayout #contentsHeader {
	background: url(../../img/pack_main.jpg) no-repeat center top;
}

.packLayout #main {
	width: 960px;
}

.packLayout #main .cassette .txtCenter th {
	padding: 5px;
	vertical-align: middle;
}

.packLayout #main .cassette .txtCenter td {
	text-align: center;
	padding: 5px;
	vertical-align: middle;
}

.packLayout #main .cassette .typeA {
	background-color: #F1B8B8;
}

.packLayout #main .cassette .typeB {
	background-color: #FFBF80;
}

.packLayout #main .cassette .typeC {
	background-color: #BFEA95;
}

.packLayout #main .cassette .typeD {
	background-color: #FFFF80;
}

.packLayout #main .cassette .typeE {
	background-color: #9ACDE7;
}

.packLayout #main .cassette .typeF {
	background-color: #BFC2DF;
}

.packLayout #main .cassette .fontSmall {
	font-size: 90%;
}

.packLayout #main .cassette .fontSmall th,
.packLayout #main .cassette .fontSmall td {
	padding: 2px;
}

.packLayout #main .cassette #yoyakuB {
	width: 670px;
	margin: 0 auto;
}

.packLayout #main .cassette #yoyakuB .columnLeft,
.packLayout #main .cassette #yoyakuB .columnRight {
	width: 322px;
}

.packLayout #main .cassette #menuList {
	margin: 10px 0 0 20px;
}

.packLayout #main .cassette #menuList li {
	float: left;
	margin: 0 20px 0 0;
}


/* accessLayout
------------------------------------*/

.accessLayout #contentsHeader {
	background: url(../../img/access_main.jpg) no-repeat center top;
}

.accessLayout #main .cassette #map {
	margin: 0 0 20px;
}


.accessLayout #sideIn {
	position:absolute;
	padding:0;
}

.accessLayout #sideIn .columnRight {
	width: 265px;
	height: 423px;
}

.accessLayout #menu .columnRight .button01{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:175px;
	left:30px;
}

.accessLayout #menu .columnRight .button02{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:215px;
	left:30px;
}

.accessLayout #menu .columnRight .button03{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:287px;
	left:30px;
}

.accessLayout #menu .columnRight .button04{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:327px;
	left:30px;
}

.accessLayout #menu .columnRight .button05{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:367px;
	left:30px;
}

/* contactLayout
------------------------------------*/

.contactLayout #contentsHeader {
	background: url(../../img/contact_main.jpg) no-repeat center top;
}

.contactLayout #main {
	width: 700px;
	float: none;
	margin: 0 auto;
}

.contactLayout #main .cassette {
	padding: 20px 20px 0;
	margin: 0 0 10px;
}

.contactLayout #main .cassette ul li .columnLeft {
	width: 170px;
	color: #27440C;
	text-align: center;
}

.contactLayout #main .cassette ul li .columnRight {
	width: 460px;
}

.contactLayout #main .cassette ul {
	margin: 0;
}

.contactLayout #main .cassette ul li {
	margin: 0 0 20px;
	padding: 5px;
	background-color: #F6F2E1;
}

.contactLayout #main .cassette#yusen {
	border: 3px solid #CBB648;
	border-radius: 5px;	
}

.contactLayout #main .cassette#yusen02 {
	border: 3px solid #CBB648;
	border-radius: 5px;	
	margin: 0 0 60px;
}

.contactLayout #main .cassette#btnArea {
	text-align: center;
}

.contactLayout #main .errs ul {
border: 3px double #f00;
padding: 10px 0;
}

.contactLayout #main .errs ul li {
border-bottom: 0;
padding: 3px 20px;
}

/* newsLayout
------------------------------------*/

.newsLayout {
}

.newsLayout #contentsHeader {
	background: url(../../news_img/news_main.jpg) no-repeat center top;
}

.newsLayout #main .cassette ul li {
	background: url("../../img/index_icon01.gif") no-repeat scroll 3px 27px rgba(0, 0, 0, 0);
    border-bottom: 1px dotted #ccc;
    padding: 20px 0 20px 15px;
}

.newsLayout #main .cassette ul li span.columnLeft {
	width: 140px;
	color: #26440c;
}

.newsLayout #main .cassette ul li span.columnRight {
	width: 500px;
}

.newsLayout #main .cassette h3 span {
	float: right;
	font-size: 70%;
	padding: 5px 0 0;
}

.newsLayout #menu ul.newsUl {
	margin: 0 0 24px;
}

.newsLayout #menu ul.newsUl li {
	background-image: url(../../news_img/news_menubg.jpg);
	background-repeat: no-repeat;
	padding: 14px 23px;
}

.newsLayout #menu ul.newsUl li a {
	text-decoration: none;
}

.newsLayout #menu ul.newsUl li a:link { color: #7A6B34; }
.newsLayout #menu ul.newsUl li a:visited { color: #7A6B34; }
.newsLayout #menu ul.newsUl li a:hover { color: #B5AA85; }
.newsLayout #menu ul.newsUl li a:active { color: #B5AA85; }


.newsLayout #menu .button01{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:175px;
	left:30px;
}

.newsLayout #menu .button02{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:215px;
	left:30px;
}

.newsLayout #menu .button03{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:287px;
	left:30px;
}

.newsLayout #menu .button04{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:327px;
	left:30px;
}

.newsLayout #menu  .button05{
	background:no-repeat;
	width:207px;
	height:32px;
	position:absolute;
	z-index:1;
	top:367px;
	left:30px;
}



/* clearfix
------------------------------------*/

#headerIn:after,
#gNavi:after,
#gNavi ul:after,
#container:after,
#contents:after,
#footer01:after,
#footer02 div:after,
#main .cassette div:after,
#main .cassette ul:after,
#main .cassette p:after,
.indexLayout #news li:after,
.contactLayout #main .cassette ul li:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
font-size: 0;
}

#headerIn,
#gNavi,
#gNavi ul,
#container,
#contents,
#footer01,
#footer02 div,
#main .cassette div,
#main .cassette ul,
#main .cassette p,
.indexLayout #news li,
.contactLayout #main .cassette ul li,
.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html #headerIn,
* html #gNavi,
* html #gNavi ul,
* html #container,
* html #contents,
* html #footer01,
* html #footer02 div,
* html #main .cassette div,
* html #main .cassette ul,
* html #main .cassette p,
* html .indexLayout #news li,
* html .contactLayout #main .cassette ul li,
* html .clearfix {
height: 1%
}

#headerIn,
#gNavi,
#gNavi ul,
#container,
#contents,
#footer01,
#footer02 div,
#main .cassette div,
#main .cassette ul,
#main .cassette p,
.indexLayout #news li,
.contactLayout #main .cassette ul li,
.clearfix {
display:block;
}
/* end MacIE5 */