@charset "utf-8";

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

address, caption, cite, code,
dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th {
	text-align: left;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

fieldset,
img {
	border: 0;
}

/* -- to preserve line-height and selector appearance -- */
sup {
/*	vertical-align: text-top;*/
}

sub {
	vertical-align: text-bottom;
}

input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

/* -- to enable resizing for IE -- */
input,
textarea,
select {
	*font-size:100%;
}

/* -- because legend doesn't inherit in IE -- */
legend {
	color: #000;
}


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

Font Riset

Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0

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

/* --
Percents could work for IE, but for backCompat purposes, we are using keywords.
x-small is for IE6/7 quirks mode.
-- */

body {
	line-height: 1.231;
	font-size: 13px;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
	background:#FFDD60;
}

/* -- Nudge down to get to 13px equivalent for these form elements -- */

select,
input,
button,
textarea {
	font-size: 99%;
}

/* -- To help tables remember to inherit -- */

table {
	font-size: inherit;
	font: 100%;
}

/* -- Bump up IE to get to 13px equivalent for these fixed-width elements -- */

pre,
code,
kbd,
samp,
tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}

/*------------------------------------------------------------------------------
 基本設定 html,body,a,strong,em
 -----------------------------------------------------------------------------*/
body{
color:#333;
background:#FFDD60;
font-size: 77%;
line-height:180%;
min-width:900px;
margin:auto;
font-family: 'メイリオ', 'ＭＳ Ｐゴシック', Verdana, Arial, Helvetica, Sans-Serif;
}
*html body{
font-family: 'ＭＳ Ｐゴシック', Verdana, Arial, Helvetica, Sans-Serif;
}

a{
color:#fc2873;
text-decoration:none;
}
a:visited{
color:#fc2873;
}
a:hover{
text-decoration:underline;
color:#fc2873;
}


strong,
em{
font-weight: bold;
}

.small{
font-size:80%;
}

/* ----------------------------------------
 コンテナー Container 
 --------------------------------------- */
#Container{
margin:0;
}


/* ----------------------------------------
 ラッパー Wrapper 
 --------------------------------------- */
#Wrapper{
width:981px;
margin:0 auto;
text-align:left;
background:#FFDD60;
padding-bottom:80px;
}

#Wrapper02{
width:981px;
background:url(../image/bg01.jpg) 0 0 repeat-y;
margin:0 auto;
text-align:left;
padding-top:20px;
padding-bottom:30px;
border-bottom:solid #76BEC1 15px;
}

div.box{ width:494px; height:594px; background:url(../image/img03.jpg) 0 0 no-repeat; float:right; }

div.box img.fuki01{ position:relative; top:162px; left:8px; }
div.box img.fuki02{ position:relative; top:162px; left:168px; }

img.Btn{
	margin:0 80px 25px 80px;
}

img.Btn2{
	margin:0px 80px 25px 120px;
}


/* ----------------------------------------
 ClearFix
---------------------------------------- */

/* -- Modern Browsers -- */
.ClearFix:after{
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ".";
line-height: 0;
}

/* -- IE7 -- */
.ClearFix{
display: inline-block;
}

/*  -- Legacy IE -- */
* html .ClearFix{
height: 1%;
}

.ClearFix{
display: block;
}

/* ----------------------------------------
 他共通要素 Other
 --------------------------------------- */
.AlignC{
text-align:center;
}
.AlignR{
text-align:right;
}
.AlignL{
float:left;
}
.FontRed{
color:#F2190E;
}

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

.Clear{
clear:both;
}

p.Con02{
position:relative;
}

p.Con05 img{
float:left;
}
p.Con07{
position:relative;
}
p.Con07 img.Btn{
position:absolute;
bottom:30px;
left:503px;
}
p.Con10{
position:relative;
}
p.Con10 img.Btn{
position:absolute;
top:153px;
left:46px;
}
p.Con11{
position:relative;
}
p.Con11 img.Btn{
position:absolute;
bottom:45px;
left:300px;
}
.Con17{
position:relative;

}
.Con17 div{
position:absolute;
top:40px;
right:80px;
}


p.Con30{
position:relative;
left:15px;
margin:30px 0 0 0;
}
p.Con30 img.Btn{
position:absolute;
bottom:6px;
left:13px;
}


.Map{
width:875px;
margin:0 auto 0 auto;
}

h2{
margin:45px 0 25px 30px;
}

h3{
margin:10px 0 18px 30px;
}

table{
margin:0 0 20px 30px;
width:814px;
font-size:110%;
}
tr.blue th,tr.blue td{
background:#bfeeff;
}
table .Red{
color:#fc2873;}

th,td{
padding:3px 10px;
vertical-align:top;
}

p.Copyright{
text-align:center;
padding:70px 0 30px 0;
}

a:hover img.HL{
opacity: 0.85;
-moz-opacity: 0.85; /* Firefox */
-khtml-opacity:0.85;
filter: alpha(opacity=100); /* IE6/7 */
-ms-filter: "alpha(opacity=100)"; /* IE8 */
background:#FFF\9;
}

.camp_info{
}
.camp_info ul{
    margin: 30px 0 20px 30px;
    width: 90%;
}
.camp_info li{
    list-style: disc outside none;
	font-size:1.15em;
    padding: 0;
}

#kagoshima img {
	display: block;
	margin: 80px auto 40px;
}

.btn_area {
	position: relative;
	height: 100px;
	margin-bottom: 80px;
}

.btn_move {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}