@charset "utf-8";
/* CSS Document */

/* 初期化
--------------------------------------------------------------------------------------------------------------------- */
html { height:100%; }

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,
p,th,td,address {
	margin:0;
	padding:0;
	text-decoration: none;
	font-style:normal;
	font-weight:normal;
	}

table {
	border-collapse:collapse;
	}
	
ul { list-style:none; }

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

body {
	height:100%;
	font-size:80%;
	line-height:1.6;
	color:#333;
	background:#ffe600 url(../img/body_wall.jpg) repeat-x 0px 134px;
	font-family:Meiryo,'Hiragino Kaku Gothic Pro','MS PGothic',sans-serif;
	}
body.top { background:#ffe600 url(../img/body_wall_top.jpg) repeat-x 0px 134px; }

body.no-wall {
	background:#fff;
}

a {
	color:#003399;
	text-decoration:underline;
	}
#all a:hover {
	text-decoration:none;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;

	}

em { 
	font-style:normal;
	font-weight:bold;
}

/* 共通パーツ
--------------------------------------------------------------------------------------------------------------------- */
#all{
    position:relative;
    min-height:100%;
	_height:100%;
	min-width:1100px;
}
.width {
	width:1060px;
	padding:0 20px;
	margin:0 auto;
}

.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.n { display:none; }

.attention {
	font-size:85%;
	padding-left:1em;
	text-indent:-1em;
}

/* header */
#head {
	overflow:hidden;
	zoom:1;
	height:134px;
	background:url("../img/_head/wall.jpg") repeat-x top center;
}
#head h1 {
	padding:38px 49px 30px 0;
	float:left;
}
#head p {
	padding-top:49px;
}
#head .width {
	position:relative;
}
#head p.head-image {
	position:absolute;
	top:0;
	right:0;
	padding:0;
}

/* content */
#content {
	overflow:hidden;
	zoom:1;
	padding:0 0 10px 0;
}
#content .wall {
	background:#fff url(../img/h2_wall.jpg) no-repeat top center;
}
#content .wall h2 {
	line-height:1;
	padding:0px 20px 35px 20px;
}

/* content-メニュー */
#content #left-column {
	float:left;
	width:180px;
}
#content #left-column .menu1 {
	background:url(../img/_menu/wall_bottom.png) no-repeat bottom left;
	padding-bottom:8px;
	margin-bottom:7px;
}
#content #left-column .menu1 ul {
	background:url(../img/_menu/wall_top.png) no-repeat top left;
	padding-top:8px;
}
#content #left-column .menu1 ul li {
	background:url(../img/_menu/wall.png) repeat-y top left;
	padding:0 0 4px 7px;
}
#content #left-column .menu1 ul li.bottom {
	padding-bottom:4px;
}
#content #left-column ul.menu2 {
	padding-bottom:9px;
}
#content #left-column ul.menu2 li {
	padding-bottom:2px;
}
#content #left-column ul.menu4 li {
	margin-bottom:7px;
	background:#f08300;
	width:171px;
	border:solid 2px #f08300;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
	*filter: progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=90,strength=1)
        progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=180,strength=1);
}
#content #left-column ul.menu4 li img {
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#content #left-column ul.menu4 li span {
	display:block;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background:#fff;
}

/* content-右カラム */
#content .right-column-wrapper {
	float:right;
	position:relative;
	width:863px;
	padding:0;
	margin:10px 0;
	line-height:11px;
}
#content .right-column-wrapper img.right-column-top {
	vertical-align:top;

}
#content .menu1-content h2 {
	position:absolute;
	top:1px;
	left:0;
}
#content .menu1-content #right-column {
	padding-top:140px;
}
#content #right-column {
	background-color:#fff;
	-moz-border-radius: 0 0 4px 4px/ 0 0 4px 4px;
	-webkit-radius: 0 0 4px 4px/ 0 0 4px 4px;  
	border-radius: 0 0 4px 4px/ 0 0 4px 4px;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
	overflow:hidden;
	zoom:1;
	line-height:1.6;
}
#content #right-column-special {
	background:#fff;
	border-radius:8px;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
	overflow:hidden;
	zoom:1;
	line-height:1.6;
}
#content ul.special-menu {
	list-style:none;
	margin:10px -2px;
	padding:0;
	text-align:center;
}
#content ul.special-menu li {
	display:inline-block;
	*display:inline;
	*zoom:1;
}


/* footer */
#foot {
    width:100%;
	line-height:1.4;
	background:#f08300 url("../img/_foot/wall.gif") repeat-x top center;
	padding:17px 0 11px 0;
}
#foot ul { padding-top:5px; }
#foot ul li {
	display:inline-block;
	text-align:center;
	padding-right:10px;
}
#foot ul li.contact-link {
	background:url(../img/_foot/contact_wall.gif) no-repeat top left;
}
#foot ul li.contact-link a {
	display:block;
	width:173px;
	height:23px;
}
#foot ul li.privacy-link {
	background:url(../img/_foot/privacy_wall.gif) no-repeat top left;
}
#foot ul li.privacy-link a {
	display:block;
	width:156px;
	height:23px;
}

#foot p { padding-top:8px; }


/* トップページ
--------------------------------------------------------------------------------------------------------------------- */

/** Slider **/
#ohp-slider {
    height:400px;
    width:860px;
    margin-bottom:20px;
    border-radius:  4px;
    border:solid 1px #fff;
}
#ohp-slider > ul:not(.buttons) {
    margin-bottom:50px;
}
#ohp-slider > ul:not(.buttons) > li {
	height:350px;
}
#ohp-slider .slider-prev {
	left:10px !important;
}
#ohp-slider .slider-next {
	right:10px !important;
}
#ohp-slider div.caption div {
    font-size:1.2em !important;
    text-align:left !important;
    font-family:Meiryo,'Hiragino Kaku Gothic Pro','MS PGothic',sans-serif !important;
}
.ohp-slider .buttons {
    background:#ffe600;
    bottom:0 !important;
}
.ohp-slider .buttons li {
	width:20px !important;
	height:20px !important;
	border-radius:20px !important;
}
.ohp-slider .buttons li[aria-selected=true] ,
.ohp-slider .buttons li:hover {
	background:#F08300 !important;
}

#head-banner {
    margin:0;
    width:860px;
    padding:0 0 20px 0;
    list-style:none;
    text-align:center;
}
#head-banner li {
    display:inline-block;
    padding:5px;
    width:260px;
}
#head-banner li img {
    border:solid 2px #fff;
    border-radius:4px;
    box-shadow:0 0 3px rgba(0,0,0,0.5);
}

#top-banner {
	padding:15px 0;
	text-align:center;
}
#top-banner img {
	box-shadow:0 0 2px #000;
}
#top-banner a {
	display:inline-block;
	margin-left:6px;
}

#content .top-main {
	padding:0 20px 20px 20px;
}
#content #right-column ul.event-link {
	float:right;
}
#content #right-column ul.event-link li {
	display:inline;
	padding-left:5px;
}
body.top #content #right-column ul.event-link {
	padding-top:10px;
}
body.top #content #right-column ul.news-index {
	padding-top:0px;
    padding-right:20px;
}
#content .top-main ul.text-right { padding-top:13px; }
#content .top-main h3 {
	line-height:1;
	border-bottom:2px solid #4ab94a;
	padding:0 0 6px 0;
}
#content .top-main .left-box {
	float:left;
	width:400px;
	padding-bottom:30px;
}
#content .top-main .right-box {
	float:right;
	width:400px;
	padding-bottom:30px;
}
#content .top-main .left-box ul li ,
#content .top-main .right-box ul li {
	background:url(../img/icon_arrow1.gif) no-repeat 0px 24px;
	border-bottom:1px dotted #8c8c8c;
	line-height:1.4;
	padding:5px 0 5px 20px;
}

.remodal {
    display:none;
}

#sns {
    position:fixed;
    right:0;
    top:30%;
    z-index:1000;
}
#sns li {
    list-style:none;
    padding:0;
    margin:0 0 10px 0;
}
#sns li a {
    display:block;
    width:30px;
    padding:10px;
    transition:0.4s;
    margin:0 0 0 auto;
}
#sns li:nth-of-type(1) a {
    background:#e03f5e;
}
#sns li:nth-of-type(2) a {
    background:#222;
}
#sns li:nth-of-type(3) a {
    background:#00b900;
}
#sns li:nth-of-type(4) a {
    background:#FF0000;
}
#sns li a:hover {
    padding-right:40px;
}

/* トップ・2階層共通　ニュース一覧 */
#content .index-right h2 {
	padding:0px 0 35px 264px;
}

#content .pickup-news {
    border:solid 1px #fc7e00;
    border-radius:8px;
    margin-bottom:20px;
    padding:20px;
}
#content .pickup-news h3 {
    border:none;
    text-align:center;
    padding:0 0 20px 0;
    margin:0;
}
#content .news-list {
	padding-bottom:10px;
	overflow:hidden;
	zoom:1;
}
#content .news {
	overflow:hidden;
	zoom:1;
	line-height:1.4;
	padding:10px 5px;
	border-bottom:1px dotted #8c8c8c;
}
#content .news dl { padding-left:200px; }
#content .news dl dt {
	font-size:110%;
	padding-top:3px;
}
#content .news dl dd img { padding:0 10px 0 0; }
#content .news dl dd em {
	background:#e33;
	color:#fff;
	padding:0px 5px;
	border-radius:3px;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
#content .news div {
	float:left;
	box-shadow:1px 1px 2px rgba(0,0,0,0.5);
	border-radius:3px;
	padding:0;
}

#content .news-text {
	overflow:hidden;
	zoom:1;
	padding:8px 5px;
	border-bottom:1px dotted #8c8c8c;
}
#content .news-text dt { font-size:110%; }
#content .news-text dd {
	float:left;
	padding-right:10px;
}
#content .news-text dl dd img { padding:0 10px 0 0; }


/* カルーセル
--------------------------------------------------------------------------------------------------------------------- */
#content #carousel { padding:20px 8px 30px 8px; }
#content #carousel .prev ,
#content #carousel .next {
	padding-top:30px
}
#content .carousel { margin:0px 38px; }
#content .carousel li {
	float:left;
	width:153px;
	line-height:1.2;
	margin:0px 11px 2px 11px;
}
#content .carousel li span {
	display:block;
	height:90px;
	width:147px;
	overflow:hidden;
	box-shadow:1px 1px 2px rgba(0,0,0,0.5);
	margin-bottom:3px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* 第2階層
--------------------------------------------------------------------------------------------------------------------- */
#content .main {
	float:left;
	width:660px;
}
#content #right-column-special .main {
	float:none;
	width:100%;
}
#content .main h3 {
	font-size:150%;
	font-weight:bold;
	line-height:1.2;
	padding:0 20px 8px 20px;
}
#content .main h3.h3-wall {
	color:#333;
	font-size:125%;
	background:#ffe5cc;
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
	border-left:7px solid #fc7e00;
	padding:8px 8px 5px 8px;
	margin:0 20px 15px 20px;
}
#content .main h4 {
	color:#fc7e00;
	font-size:115%;
	font-weight:bold;
	padding:5px 20px;
}
#content .main p {	
	padding:0 20px 20px 20px;
}
#content .main ul {	
	padding:0 20px 20px 20px;
}
#content .main ul li {	
	text-indent:-1em;
	padding-left:1em;
}
#content .main ul.ul-attention {
	background:#ffe5cc;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	padding:10px 15px;
	margin:-10px 20px 30px 20px;
}


/* テーブル */
#content .main table {
	clear:both;
	line-height:1.2;
	margin:0 auto 8px auto;
	border-collapse:separate;
	border-spacing:0;
}
#content .main table th {
	font-weight:bold;
	vertical-align:middle;
}
#content .main table td { vertical-align:middle; }

/* おもちゃであそぶ・アトラクション・ショップレストラン
--------------------------------------------------------------------------------------------------------------------- */
#content .main ul.fancybox-list {
	clear:both;
	line-height:1.1;
	padding:0 0 10px 13px;
}
#content .main ul.fancybox-list li {
	text-indent:0;
	display:inline-block;
	vertical-align:top;
	width:144px;
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	text-align:center;
	padding:0 5px 16px 5px;
}
#content .main ul.fancybox-list li span {
	display:block;
	height:96px;
	overflow:hidden;
	-moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
	margin-bottom:5px;
}
#content .main ul.fancybox-list li a {
	font-size:110%;
	font-weight:bold;
	text-decoration:none;
}
#content .main .head-movie-left {
	float:left;
	width:332px;
	padding-right:0px;
}
#content .main .head-movie-left-toy {
	padding-top:25px;
}
#content .main ul.head-movie {
	float:right;
	width:266px;
}

/* fancybox */
#inline {
	display:none;
}
.inline-box {
	width:670px;
	padding:5px 0;
	overflow:hidden;
	zoom:1;
}
.inline-box h4 {
	font-size:150%;
	font-weight:bold;
	line-height:1.2;
	margin:0 5px 16px 5px;
	padding-bottom:5px;
}
body#fancybox1 h4 {
	border-bottom:2px solid #089fde;
	color:#089fde; 
}
body#fancybox1 .inline-others h4 {
	border-bottom:2px solid #fc7e00;
	color:#fc7e00; 
}
body#fancybox2 h4 {
	border-bottom:2px solid #e93161;
	color:#e93161; 
}
body#fancybox3 h4 {
	border-bottom:2px solid #fc7e00;
	color:#fc7e00; 
}
body#fancybox4 h4 {
	border-bottom:2px solid #2c3fff;
	color:#2c3fff; 
	text-align:left;
}

.inline-box p { padding:0 5px; }
.inline-box p img { margin:0 15px 15px 0 }
.inline-box p.inline-text { padding-bottom:15px; }

/* アトラクション */
.inline-box table {
	clear:both;
	width:660px;
	border:2px solid #089fde;
	margin:0 auto 8px auto;
}
.inline-box table th { vertical-align:middle; }
.inline-box table th.attraction-th {
	background-color:#089fde;
	color:#fff;
	white-space: nowrap;
	border-left:1px dotted #fff;
	padding:6px 5px;
}
.inline-box table tr th.attraction-th:first-child { border:none; }
.inline-box table th.age { width:4em; }
.inline-box table td {
	text-align:center;
	vertical-align:middle;
	border-left:1px dotted #089fde;
	border-top:1px solid #089fde;
	padding:5px;
}
.inline-box ul.note {
	width:648px;
	color:#666;
	border:1px solid #666;
	font-size:85%;
	margin:5px auto 0 auto;
	padding:5px 0 5px 10px;
	overflow:hidden;
	zoom:1;
}
.inline-box ul.note li {
	float:left;
	width:310px;
	padding-right:10px;
}

/* おもちゃパビリオン */
body#fancybox2 .inline-box {
	position:relative;
}
body#fancybox2 .inline-box p.copy {
	position:absolute;
	top:7px;
	right:0px;
}
body#fancybox2 .inline-box p.inline-text {
	width:210px;
	padding:0 0 5px 230px;
}
body#fancybox2 .inline-box p.left { clear:both; }
body#fancybox2 .inline-box p img { margin:0 10px 5px 0 }
body#fancybox2 .inline-box p.right img { margin:0 0 5px 0 }


.inline-box ul.inline-photo { clear:both; }
.inline-box ul.inline-photo li {
	display:inline-block;
	vertical-align:top;
	width:210px;
	font-size:90%;
	line-height:1.4;
	padding:0 5px;
	*display: inline;	/*for IE*/
    *zoom: 1;
}

.inline-box ul.inline-photo li img { vertical-align:top;  margin-top:10px; }
body#fancybox2 .inline-box ul.inline-photo li img { margin-bottom:2px; }

/* ショップ・レストラン */
body#fancybox3 .inline-box ul.inline-photo { padding-top:5px; }

/* ムービー */
.inline-box .movie-frame {
	margin:0 auto;
	text-align:center;
}


/* フォーム */
.join-form {
	padding:20px 0;
}
.join-form th {
	width:200px;
	padding:20px 0;
	text-align:left;
	border-bottom:solid 1px #ccc;
}
.join-form td {
	padding:20px 0;
	border-bottom:solid 1px #ccc;
}
.join-form tr:last-child th ,
.join-form tr:last-child td {
	border:none;
}
.join-form input ,
.join-form textarea {
	padding:5px;
	border-radius:4px;
	border:solid 1px #999;
}
.join-form select {
	border-radius:4px;
	border:solid 1px #999;
}
.join-form option {
	padding:5px;
}
.join-form input.none {
	border:none;
}
.join-form .privacy-policy {
	padding:5px;
	margin-bottom:10px;
	border-radius:4px;
	border:solid 1px #999;
	height:200px;
	overflow:auto;
}
.join-form button {
	padding:10px 20px;
	border:none;
	border-radius:4px;
	background:#F08300;
	color:#fff;
	font-size:1.3em;
	cursor:pointer;
}
.join-form .not-null {
	display:inline-block;
	background:#f33;
	color:#fff;
	padding:2px 4px;
	font-size:0.8em;
	margin:0 5px;
	border-radius:4px;
}
.join-form em {
	display:inline-block;
	color:#f33;
	padding-bottom:10px;
}


/* アソビューバナー */
.asoview-banner {
	position:fixed;
	bottom:10px;
	right:10px;
	width:240px;
}
.asoview-banner img {
	width:100%;
}

.addIcon {
	display:none;
}