html, body {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
height:100%;
background:#009b3e;
margin:0 auto;
color:#ffffff;
font-size:12px;
line-height:23px;
z-index:100;
}
img {
   vertical-align:bottom;
}
a {
outline:none;
overflow:hidden;
color:#EC6C1F;
text-decoration:none;
}
a:hover{
color:#E94709;
text-decoration:underline;
}
#container {
    position:relative;
background:#009b3e;
}

.container {
	width:900px;
	margin:0 auto;
	height:100%;
	position:relative;
	overflow:hidden;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
	}
.container-top {
	width:900px;
	margin:0 auto;
	height:100%;
	position:relative;
	overflow:hidden;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
	}

#header, #body, #footer {
	width: 100%;
}

#header, #footer {
	z-index:9999;
}

#header {
	height:105px;
	margin:0 auto;
overflow:hidden;
}

#header .container 	> * {
	position:absolute;
}

#header a {
   display:block;
	text-indent:-9999px;
	background:url(../images/splite.png);
}

#header h1 a{
	position:absolute;
	top:12px;
    left:12px;
	background-position:0 -100px;
	text-indent:-9999px;
	width:362px;
	height:43px;
	}
#like-box {
	position:absolute;
	top:0;
	right:12px;
	}
#contact a {
	width:82px;
	height:21px;
	background-position:-380px -100px;
	}
#contact a:hover {
	background-position:-380px -130px;
	}
#contact {
	position:absolute;
	top:22px;
	right:102px;
	background:url(../images/splite.png) no-repeat;
	}
#navi {
	top:75px;
}
#navi li {
	float:left;
	margin-left:0;
}
#navi li a {
	background-image:url(../images/splite.png);
	text-indent:-9999px;
	width:150px;
	height:30px;
	display:block;
}
#navi li a:hover {
	width:150px;	
	height:30px;
	display:block;
}
#navi-about a {
	background-position:0 0;
}
#navi-activity a {
	background-position:-150px 0;
}
#navi-beach-clean a {
	background-position:-300px 0;
}
#navi-history a {
	background-position:-450px 0;
}
#navi-link a {
	background-position:-600px 0;
}
#navi-blog a {
	background-position:-750px 0;
}
#navi-about a:hover {
	background-position:0 -50px;
}
#navi-activity a:hover {
	background-position:-150px -50px;
}
#navi-beach-clean a:hover {
	background-position:-300px -50px;
}
#navi-history a:hover {
	background-position:-450px -50px;
}
#navi-link a:hover {
	background-position:-600px -50px;
}
#navi-blog a:hover {
	background-position:-750px -50px;
}


#navi-about2 a {
	background-position:0 -50px;
}
#navi-activity2 a {
	background-position:-150px -50px;
}
#navi-beach-clean2 a {
	background-position:-300px -50px;
}
#navi-history2 a {
	background-position:-450px -50px;
}
#navi-link2 a {
	background-position:-600px -50px;
}
#navi-blog2 a {
	background-position:-750px -50px;
}
#navi-about2 a:hover {
	background-position:0 0;
}
#navi-activity2 a:hover {
	background-position:-150px 0;
}
#navi-beach-clean2 a:hover {
	background-position:-300px 0;
}
#navi-history2 a:hover {
	background-position:-450px 0;
}
#navi-link2 a:hover {
	background-position:-600px 0;
}
#navi-blog2 a:hover {
	background-position:-750px 0;
}

#body {
	margin:0 auto;
	}
#body02 {
	margin:0 auto;
    height:500px;
	}
#viewer {
    margin:0 auto;
    width: 900px;
    height:575px;
    text-align: left;
    overflow: hidden;
}
.content-area {
padding:30px 60px;
}

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

h2#about01 {
   display:block;
	text-indent:-9999px;
	background:url(../images/about01.png) no-repeat;
	text-indent:-9999px;
	width:48px;
	height:15px;
}
h2#activity01 {
   display:block;
	text-indent:-9999px;
	background:url(../images/activity01.png) no-repeat;
	text-indent:-9999px;
	width:66px;
	height:15px;
}
h2.link01 {
   display:block;
	text-indent:-9999px;
	background:url(../images/link01.png) no-repeat;
	text-indent:-9999px;
	width:42px;
	height:15px;
}
h3#activity02 {
   display:block;
	text-indent:-9999px;
	background:url(../images/activity02.png) no-repeat;
	text-indent:-9999px;
	width:60px;
	height:15px;
	margin-top:50px;
}
#about-bg01 {
	background:url(../images/b-logo02.png) no-repeat;
	background-position:top right;
	width:900px;
}
#about-bg01 p{
	width:470px;
}

#about-bg02 {
	background:url(../images/about-bg02.png) no-repeat;
	background-position:bottom right;
}

#aboutus-area {
}
#aboutusleft {
width:470px;
float:left;
}
#aboutusright {
width:280px;
float:right;
margin-left:30px;
}

#activity-area {
}
#activityleft {
width:470px;
float:left;
}
#activityright {
width:280px;
float:right;
margin-left:30px;
}

#activity-btn a{
	background:url(../images/activity-btn.png) no-repeat;
	width:235px;
	height:30px;
	display:block;
	text-indent:-9999px;
}
#activity-btn a:hover{
	background:url(../images/activity-btn02.png) no-repeat;
}
#contact01 {
	background:url(../images/splite.png) left top no-repeat;
	background-position:0 -180px;
	text-indent:-9999px;	
	width:215px;
	height:15px;
	display:block;
	margin-top:30px;
	margin-left:30px;
}

.link-area {
margin-top:15px;
}
.link-area-left img {
float:left;
margin-top:15px;
}
.link-area-right img {
float:right;
margin:15px 0 5px 0;
}
.link-area-left img, .link-area-right img {
border:1px solid #d9d9d9;
}
.link-area-left img:hover, .link-area-right img:hover {
border:1px solid #1D2088;
}

#policy01 {
	background:url(../images/splite.png) left top no-repeat;
	background-position:0 -200px;
	text-indent:-9999px;	
	width:345px;
	height:20px;
	display:block;
	margin-top:50px;
	margin-left:30px;
}

table.lesson001 {
margin-left:50px;
margin-top:20px;
border:0;
}
table.lesson001 th {
padding:2px 10px;
background-color:#A48B78;
color:#ffffff;
vertical-align:top;
border-bottom:10px solid #ffffff;
}
table.lesson001 td {
padding:2px 5px 2px 20px;
vertical-align:top;
border-bottom:10px solid #ffffff;
}
.contactbox {
border:1px solid #A48B78;
padding:15px 50px;
width:700px;
margin:30px auto 0 auto;
}

.f-type01{
color:#F7B52C;
float:right;
margin-right:50px;
}
.f-type02{
color:#F7B52C;
float:right;
}

.f-type01 a, .f-type02 a {
color:#F7B52C;
}
.f-type01 a:hover, .f-type02 a:hover {
color:#A48B78;
}
.line {
border-top:1px solid #A48B78;
width:450px;
}
.line02 {
border-top:1px solid #A48B78;
width:800px;
margin:10px auto 0 auto;
}
.fixarea {
position:fixed;
}

.t-a-right {
text-align:right;
}
.m-5 {margin-top:5px;}
.m-10 {margin-top:10px;}
.m-15 {margin-top:15px;}
.m-20 {margin-top:20px;}
.m-25 {margin-top:25px;}
.m-30 {margin-top:30px;}
.m-35 {margin-top:35px;}
.m-40 {margin-top:40px;}
.m-45 {margin-top:45px;}
.m-50 {margin-top:50px;}
.m-55 {margin-top:55px;}
.m-60 {margin-top:60px;}
.m-80 {margin-top:80px;}
.m-100 {margin-top:100px;}
.m-200 {margin-top:200px;}
.m-250 {margin-top:250px;}
.m-300 {margin-top:300px;}

.p-55 {padding-top:55px;}
.p-75 {padding-top:75px;}

.pl-5 {padding-left:5px;}
.pl-10 {padding-left:10px;}
.pl-15 {padding-left:15px;}
.pl-20 {padding-left:20px;}
.pl-25 {padding-left:25px;}
.pl-30 {padding-left:30px;}
.pl-35 {padding-left:35px;}
.pl-40 {padding-left:40px;}
.pl-45 {padding-left:45px;}
.pl-50 {padding-left:50px;}
.pl-55 {padding-left:55px;}
.pl-60 {padding-left:60px;}
.pl-65 {padding-left:65px;}
.pl-70 {padding-left:70px;}

.pr-50 {padding-right:50px;}

.clear {
	clear:both;
	}
#footer {
	width:900px;
	height:30px;
	margin:0 auto;
	text-indent:-9999px;
	position:relative;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
border-top:1px solid #ffffff;
	}
#footer a {
	width:900px;
	height:30px;
	}

#footwrap {
	margin-top:0;
	width:900px;
	}
#copyright {
	background:url(../images/copyright01.png) no-repeat;
	background-position:top right;
	width:225px;
	height:20px;
	display:block;
	position:absolute;
	top:4px;
	right:9px;
	}


.f-size11 {
font-size:11px;
line-height:17px;
}

.f-size13 {
font-size:13px;
line-height:23px;
}
.f-size14 {
font-size:14px;
line-height:25px;
}
.f-size15 {
font-size:15px;
line-height:27px;
}


#contact-remark {
	margin:10px 0;
}
#contact-remark strong {
	margin:0 2px;
	font-size:15px;
	color:#cc0000;
}
#contact-form {
	margin:20px auto 0 auto;
	border:1px solid #A48B78;
	border-collapse:collapse;
	width:750px;
	color:#A48B78;
	padding:0 70px;
	}
#contact-form th, #contact-form td {
		font-size:12px;
		padding:10px;
		border-bottom:1px solid #A48B78;
	}
#contact-form th {
		width:200px;
	}
#contact-form td {
		width:550px;
	}
#contact-form strong {
	padding:0 2px;
	color:#cc0000;
	font-size:15px;
}
label, input {
		margin:0 2px;
		display:block;
		float:left;
		line-height:20px;
	}
textarea {
		width:452px;
		height:200px;
	}
#errors {
		margin:15px auto;
		padding:10px;
		border-width:1px;
		border-style:solid;
		border-color:#cc0000;
		width:730px;
	}
#errors div {
		font-size:14px;
		font-weight:bold;
		color:#cc0000;
	}
#errors ul {
	}
#errors li {
		margin-left:20px;
		list-style-type:disc;
		font-size:12px;
		color:#cc0000;
	}
.warn {
		padding-top:1px;
		padding-left:5px;
		font-size:11px;
		color:#cc0000;
	}

/* dialog */
/* ダイアログ */
.ui-dialog .ui-dialog-title {
    font-size:13px;
    font-weight:normal;
    color:#0f0f0f;
}
#dialog-body {
    margin:10px;
}

#entry-confirm {
    border:1px solid #999;
    border-collapse:collapse;
}
#entry-confirm .even {
}

#entry-confirm th,
#entry-confirm td {
    font-size:12px;
    padding:10px;
    border-bottom:1px solid #999;
}
#entry-confirm th {
    text-align:right;
    width:200px;
}
#entry-confirm td {
    width:300px;
}

#entry-confirm td div {
    height:32px;
}

#dialog-submit {
    margin-top:10px;
    position:relative;
}
#dialog-submit * {
    position:absolute;
    display:block;
}
#dialog-submit span {
    right:150px;
    top:10px;
}
#dialog-submit span.ok {
    right:0;
    color:#006600;
    font-weight:bold;
}
a.submit {
    width:160px;
    height:25px;
    background-image:url(../images/splite.png);
    background-position:-595px -155px;
    text-indent:-9999px;
    display:block;
    position:absolute;
    top:10px;
    right:0;
}
a.submit:hover {
    background-position:-430px -155px;
}

#btns {
	margin:20px 0;
	width:750px;
	height:25px;
	text-align:center;
	position:relative;
}
#btns a {
    width:160px;
    height:25px;
    background-image:url(../images/splite.png);
    text-indent:-9999px;
    display:block;
	position:absolute;
	top:0;
}
a#do-reset {
	left:270px;
	background-position:-430px -95px;
}
a#do-reset:hover {
	background-position:-595px -95px;
}
a#do-submit {
	right:120px;
	background-position:-430px -125px;
}
a#do-submit:hover {
	background-position:-595px -125px;
}