@charset "Shift_JIS";

/*基本設定
----------------------------------*/
div,td {
	text-align:left;
}
li {
	margin0;
	list-style-type:none;
}
ol, ul {
	margin:0;
	padding:0;
}

/*フロートボックス解除用。htmlでは<br class="clear" />で使用*/
.clear {
	clear:both;
	height:100%;
}
/*画像用
------------------------------------------*/
img {
	border:0;
}
a.hover_img1{
ackground-color:#fff; /*背景に白を設定*/
	display:block; /*ブロック化重要！*/
}
a.hover_img1 img {
	transition:all 0.5s ease;
}
a:hover.hover_img1 img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/*--------------------------------*/
.float-left {
	float:left;
	margin-right:0px;
}
.float-right {
	float:right;
}
.img-middle {
	vertical-align:middle;
}
hr {
	width:620px;
	margin:0;
	padding:0;
	border:1px solid #ffffff;
	clear:both;
}

/*ページの先頭へ A/B*/
#pagetop {
	position:fixed;
	right:100px;
	bottom:80px;
	z-index:1;
}

/*body
----------------------------------*/
body {
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
	color:#333333;
	background:#fff;
}
/*wrap
----------------------------------*/
#wrap {
	width:1140px;
	margin:0 auto;
	color:#333333;
ackground:#d2f2b6;
loat:right;
}
/*mainwrap
----------------------------------*/
#mainwrap {
	width:1140px;
	margin:0 auto;
	padding:0px 0 0 0;
loat:right;
ackground:#0f0;
}
/*head
----------------------------------*/
#head {
	width:1140px;
	height:30px;
	margin:0 auto;
	padding:0px 0 0 0;
	text-align:center;	
	background:#ffb5ad;
loat:right;
}
h1 {
	width:1140px;
	margin:0 auto;
	padding:5px 0 0 20px;
	text-align:center;
	font-family:'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#c51048;
}
h2 {
width:1140px;
	margin:-220px 0 0 150px;
}
/*balloon
--------------------------------------*/
#balloon {
idth:1400px;
eight:62px;
	margin:0px 0 0 200px;
	position:absolute;
	display:none;
}
/*globalnavi
--------------------------------- */
#globalnavi {
	width:920px;
	height:40px;
	margin:0px 10px 10px 0;
	padding:0 0 0 0;
	float:right;
}
#globalnavi ul {
	margin:0;
	padding:0px;
	margin-left:0px;
}
#globalnavi li {
	width:145px;
	margin-left:8px;
	padding:0;
	float:left;
}
#globalnavi a {
	width:100%;
	padding:11px 0px 10px 35px;
	text-align:left;
	display:block;
	font-size:14px;
	font-weight:bold;
	background:url(../img/g_nav.gif) no-repeat 0 50%;
	color:#ffffff;
}
#globalnavi a:hover {
	background:url(../img/g_nav_on.gif) no-repeat 0px 50%;
	color:#ffb5ad;
}
/*left
----------------------------------*/
#left {
	width:200px;
	margin:0px 0 0 0;
	float:left;
}
/*left h3*/
#left h3 {
	margin:10px 0 0 0;
	padding:5px 0 0 10px;
	font-size:17px;
	color:#FFFFFF;
	border-bottom:4px solid #c9c9c9;
	background:#E20048;
}
#left ul.submenu {
	margin-bottom:1em;
}
#left .submenu li a {
	idth:230px;
	padding:8px 0 8px 10px;
	font-size:16px;
font-weight:bold;
	display:block;
	text-decoration:none;
	border-bottom:1px solid #c9c9c9;
	border-right:1px solid #c9c9c9;
	border-left:1px solid #c9c9c9;
	color:#c51048;
	background:#fdd;
	text-decoration:underline;
}
#left .submenu li a:hover{
	background-color:#ffffff;
	color:#c51048;
	background-image:none;
}
#left .submenu li .now{
	background-color:#ffffff;
	color:#c51048;
	background-image: none;
}
/**/
.left-navi a img{
	margin:0px;
	padding:0px 0px 5px 0px;
}
.left-navi {
	margin:5px 0 0 0;
	padding:0px;
}
.left-navi ul {
	margin:0;
}
.left-navi li {
	margin:0px;
	padding:0 0 0px 0px;
	font-size:14px;
	line-height:30px;
	font-weight:bold;}
.left-navi li a {
	padding:2px 0px 5px 35px;
	color:#ffffff;
	text-decoration:none;
	background-image:url(../img/l_nav.gif);
	background-repeat:no-repeat;
	display:block;
	letter-spacing:0.5px;
}
.left-navi li a:hover,
.left-navi li a:active, 	/* for IE (Keyboard) */
.left-navi li a:focus {	/* for Netscape (Keyboard) */
	padding:2px 0px 5px 35px;
	color:#ffb5ad;
	text-decoration:none;
	background-image:url(../img/l_nav_on.gif);
	background-repeat:no-repeat;
}
.left-t {
	margin:0;
	padding:20px 10px 0px 10px;
	font-size:15px;
	line-height:28px;
	font-weight:bold;
	text-align:left;
	color:#018ccf;
}
.left-d {
	width:180px;
	height:100px;
	margin:0px 0px 0px 0px;
	padding:9px 0px 25px 0px;
	visibility:visible;
	overflow:auto;
	text-align:left;
	border:1px solid #24bf56;
	background-color:#fff;
}
.left-d p {
	font-size:12px;
	line-height:16px;
	margin:4px;
	padding-left:0px;
}
.left-d p a {
	color:#C51048;
	text-decoration:none;
}
a:hover,
a:active,	/* for IE (Keyboard) */
a:focus {
	/* for Netscape (Keyboard) */
	color:#C51048;
	text-decoration:none;
}
/*contents
----------------------------------*/
#contents {
	width:920px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:right;
}
.con-img {
	padding:0px 5px 15px 0px;
	float:left;
}
.m-con {
	margin:0pxpx 0 0px 0px;
	padding:0px 0px 10px px;
}
.m-con img {
	padding:0px 0px 0px px;
}
.m-con ui {
	padding:0px 0px 10px 0px;
}
/*コメント
------------------------------------*/
#komento {
	width:910px;
	margin:0 10px 20px 0px;
	padding:0 0 0 0;
order:2px solid #c9c9c9;
background:#F7DADF;
float:right;
}
#komento p {
width:870px;
	margin:0px;
	padding:15px 20px 10px 20px;
	font-size:18px;
ont-weight:bold;
	line-height:24px;
	text-align:left;
	color:#C51048;
background:#F7DADF;
}
#komento dl {
	margin:0 0px 10px 20px;
	padding:0;
ackground:pink;
}
#komento dt a {
	width:205px !important;
in-height:16px;
	margin:0;
	padding:10px 0 10px 27px;
	font-size:15px;
ont-weight:bold;
	text-align:left;
line-height:1px;
	font-weight:nomale;
	background-image:url(../img/point.png);
	background-position:12px 3px;
	background-repeat:no-repeat;
	color:#C51048;
float:left;
}
#komento dd {
	min-height:16px;
	margin:0;
	padding:10px 15px 0px 105px;
	font-size:15px;
	text-align:left;
line-height:1px;
	color:#666;
}

/*スポット地*/
#contents h3 {
	height:28px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:22px;
	line-height:28px;
	text-align:left;
ackground-image:url(../img/br3.jpg);
ackground-repeat:no-repeat;
	color:#C51048;
	overflow:hidden;
	font-weight:bold;
	clear:both;
}
/*
#contents h4 {
	margin:0px 10px 0 0;
	padding:0px 0px 0 0px;
	line-height:1.5;
	text-align:left;
	color:#666666;
	font-weight:normal;
	font-size:13px;
	margin:5px;
}
#contents p {
	margin:0px 10px 0 0;
	padding:0px 0px 0 0px;
	line-height:1.5;
	text-align:left;
	color:#666666;
	font-weight:normal;
	font-size:13px;
}
*/
/* ページの先頭へのリンク設定 */
#pagetop a {
	height:21px;
	margin-left:auto;
	margin-right:20px;	
	display:block;
	text-align:right;
	font-size:11px;
}
#pagetop a:visited {
	color:#f39700;
	text-decoration:none;
}
#pagetop a:hover {
	color:#F39700;
	text-decoration:none;
}
/*stage
----------------------------------*/
#stage {
	width:1140px;
	margin:0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	float:right;
}
#stage h4 span.en {
	padding:0px 0 0 0px;
	font-size:16px;
	color:#018ccf;
}
#stage p {
	margin:0.5em auto;
	line-height:1.2;
}
#stage p.access a:visited {
	text-decoration: none;
	color:#0000ff;
}
#stage p.access a:hover {
	text-decoration: none;
	color:#C58C63;
}
/*footer
----------------------------------*/
#footer {
	width:1140px;
	height:40px;
	text-align:center;
	border-top:2px solid #CCCCCC;
	background:#ffb5ad;
	clear:both;
}
#footer p {
	margin:0px 0 0 0;
	padding:8px 0 5px 0;
	font-size:12px;
	color:#666666;
	line-height:1.2em;
}
#footer a {
	color:#666666;
	text-decoration:none;
}
#footer a:hover,
#footer a:active,	/* for IE (Keyboard) */
#footer a:focus {
	/* for Netscape (Keyboard) */
	color:#ff0000;
	text-decoration:none;
}
/*空グラデーション
----------------------------------*/
#sky {
width:1140px;
	height:300px;
	margin:0 auto;
	background:#fff;
}
/*雲
------------------------/---------*/
#cloud {
width:1140px;
	height:300px;
	background:url(../img/sky.png);
	animation: cloudmove 20s linear infinite;
	-webkit-animation: cloudmove 20s linear infinite;
	-moz-animation: cloudmove 20s linear infinite;
}
@keyframes cloudmove {
	0% {background-position: 0 0;}
	25% {background-position: 200px 5px;}
	50% {background-position: 400px 0;}
	75% {background-position: 600px 5px;}
	100% {background-position: 800px 0;}
}
@-webkit-keyframes cloudmove {
	0% {background-position: 0 0;}
	25% {background-position: 200px 5px;}
	50% {background-position: 400px 0;}
	75% {background-position: 600px 5px;}
	100% {background-position: 800px 0;}
}
@-moz-keyframes cloudmove {
	0% {background-position: 0 0;}
	25% {background-position: 200px 5px;}
	50% {background-position: 400px 0;}
	75% {background-position: 600px 5px;}
	100% {background-position: 800px 0;}
}