@charset "utf-8";

/* -------------------------------------------------------------------
 *
 * 	Style info	: サイト固有のコンテンツ表示
 *	Since		: 2013-07-01
 *  Modified    : 2014-01-28
 *	Author		: kato
 *  URL			: http://mosk.co.jp/
 *  Email		: web@mosk.co.jp
 *  Company     : MOSK CREATION Co., Ltd.
 *
 * ------------------------------------------------------------------- */

/* -------------------------------------------------------------------
 * 共通
 * ------------------------------------------------------------------- */

/* パンくずリスト */
#topicPath {
	background: url(../img/common/bg_topicPath.png) 0 0 no-repeat;
	width: 980px;
	height: 40px;
	margin: 0 90px 15px;
	color: #362313;
	font-weight: bold;
	line-height: 40px;
	letter-spacing: 0;
	overflow: hidden;
}

#topicPath a {
	display: block;
	float: left;
	background: url(../img/common/ico_topicPath.png) 100% 0 no-repeat;
	margin-right: 15px;
	padding-right: 19px;
	color: #362313;
	text-decoration: none;
	line-height: 40px;
}

#topicPath a:first-child {
	background: none;
	margin-right: 35px;
	padding: 0 19px 0 50px;
}

/* ロールオーバー時に画像を薄くする */
a:hover.hover img {
	opacity: 0.9;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=90 )";
}

/* トップへ戻る */
#wrapper p#movetop {
	position: fixed;
	width: 90px;
	right: 0;
	bottom: 90px;
	z-index: 10;
}

/*#wrapper p#movetop {
	position: absolute;
	width: 90px;
	right: 0;
	bottom: 90px;
}

@media only screen and (min-width: 1160px) {
#wrapper p#movetop { position: fixed; }
}*/

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

/* 半透明BOX */
div.box {
	position: relative;
	margin-top: 10px;
	padding: 16px 15px 23px;
	/*padding: 23px 15px;*/
	border-top:1px solid #432d1d;
	border-bottom:1px solid #6b5039;
	z-index: 1;
}

div.box:before {
	display: block;
	position: absolute;
	background-color: rgba(54,40,25,0.45);
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	content: "";
	border-top: 1px solid #6b5039;
	border-bottom: 1px solid #432d1d;
	z-index: -1;
}

.box section {
	margin-top: 34px;
}

.box img {
	margin-top: 10px;
}

.box section:first-child {
	margin-top: -2px;
}

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

.box ul {
	margin-top: 7px;
}

.box ul li {
	background: url(../img/common/ico_list.gif) 10px 8px no-repeat;
	padding: 0 0 0 35px;
}

.box p { margin-top: 7px; }

.box ul li ol li {
	background: none;
	padding: 0 0 0 21px;
}

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

.box ol {
	margin-top: 7px;
}
.box ol li {
	padding: 0 0 0 35px;
}

ol li span.number {
	display: block;
	float: left;
	margin: 0 0 0 -21px;
	color: #ffb740;
	font-weight: bold;
	clear: left;
}

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

/* コルク背景 ボタン・画像2つ並び */
.list_cork {
	background: url(../img/common/bg_cork.png) 0 0 repeat;
	width: 700px;
	margin-bottom: 5px;
	padding: 0 0 25px 30px;
	overflow: hidden;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.8);
}

.list_cork li {
	float: left;
	background: none !important;
	margin: 25px 25px 0 0;
	padding: 0 !important;
}

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

/* PDFリンク */
.link_pdf {
	margin: 0;
	overflow: hidden;
}

.link_pdf li {
	margin: 10px 0 0;
}

.link_pdf li a {
	display: block;
	background-image: url("../img/common/bg_link_pdf.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 60px;
	padding: 0 0 0 182px;
	line-height: 60px;
}

.link_pdf li a:hover {
	background-position: 0 -60px;
	text-decoration: none;
}

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

/* インデントPtnA（「・」を使う場合） */
.indent_ptnA {
	padding: 0 0 0 0.6em !important;
	text-indent: -0.6em !important;
}

/* 「※」を文章頭に使用 */
/*ul.attention {
}

ul.attention li {
	background: none;
	padding: 0;
}

ul.attention li span.ico {
	padding: 0 17px 0 5px;
	color: #c9ac80;
}*/

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

/* テキストPtnA（左：タイトル　右：詳細）*/
.txt_ptnA {
	width: 100%;
	margin: 35px 35px 0;
	font-size: 109%;
	line-height: 1.2;
	overflow: hidden;
}

.txt_ptnA dt {
	float: left;
	background: url(../img/common/bg_dotted.gif) 100% 0 repeat-y;
	width: 100px;
	padding: 38px 0 3px;
	color: #ffcf7e;
	font-weight: bold;
	clear: left;
}

.txt_ptnA dd {
	padding: 38px 0 3px 135px;
}

.txt_ptnA dd ul li {
	padding: 0 0 0 2.4em !important;
}

.txt_ptnA dt:first-of-type,
.txt_ptnA dd:first-of-type {
	padding-top: 0;
}

.txt_ptnA dt:last-of-type,
.txt_ptnA dd:last-of-type {
	padding-bottom: 0;
}

/* テキストPtnA + compact（余白調整）*/
.txt_ptnA.compact {
	width: 100%;
	margin: 10px 35px 0;
	font-size: 109%;
	line-height: 1.2;
	overflow: hidden;
}

.txt_ptnA.compact dt {
	width: 200px;
	padding: 5px 5px 3px 0;
}

.txt_ptnA.compact dd {
	padding: 5px 0 3px 240px;
}

.txt_ptnA.compact dd ul li {
	padding: 0 0 0 2.4em !important;
}

/* テキストPtnB（h4アイコン付縦リスト / サイトマップ etc）*/
.box ul.txt_ptnB {
	width: 100%;
	margin: 0;
	font-size: 109%;
	line-height: 1.2;
	overflow: hidden;
}

.box ul.txt_ptnB li {
	background: url(../img/common/ico_h4.png) 0 0 no-repeat;
	min-height: 21px;
	margin: 7px 0 6px;
	padding: 4px 0 0 35px;
	font-size: 117%;
	font-weight: bold;
	color: #ffb740;
}

.txt_ptnB li a:link,
.txt_ptnB li a:visited {
	color: #ffb740;
}

.txt_ptnB li a:hover {
	color: #ffb740;
}

.box ul.txt_ptnB ul li {
	background: url(../img/common/ico_list.gif) 5px 8px no-repeat;
	margin: 0;
	padding: 0 0 0 30px;
	font-size: 84%;
	font-weight: normal;
}

.txt_ptnB ul li a:link,
.txt_ptnB ul li a:visited,
.txt_ptnB ul li a:hover {
	color: #fbe5b0;
}

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

/* リストPtnA（画像＆テキスト）*/
.list_ptnA {
	margin-top: 15px;
	overflow: hidden;
}

.list_ptnA .floatLeft {
	width: 345px;
}

.list_ptnA .floatRight {
	width: 330px;
}

.list_ptnA .floatRight p {
	margin-left: 35px;
}

.list_ptnA .floatRight h4 {
	margin-top: -2px;
}

/* リストPtnB（画像＆テキスト / あわしま図鑑）*/
.list_ptnB {
	margin: 0 0 12px 0;
	overflow: hidden;
}

.list_ptnB .floatLeft { width: 145px; }

.list_ptnB .floatLeft img { margin: 0 !important; }

.list_ptnB .floatRight { width: 520px; }

.list_ptnB h4 { margin: 2px 0 0; }

.list_ptnB dl {
	line-height: 1.2;
	margin-top: 13px;
	overflow: hidden;
}

.list_ptnB dl dt {
	float: left;
	background: url(../img/common/bg_dotted.gif) 100% 0 repeat-y;
	width: 55px;
	padding: 5px 5px 5px 0;
	color: #ffcf7e;
	font-weight: bold;
	line-height: 1.2;
	clear: left;
}

.list_ptnB dl dd {
	padding: 5px 0 5px 75px;
	line-height: 1.2;
}

.list_ptnB dt:first-of-type,
.list_ptnB dd:first-of-type {
	padding-top: 0;
}

.list_ptnB dt:last-of-type,
.list_ptnB dd:last-of-type {
	padding-bottom: 0;
}

/* -------------------------------------------------------------------
 * トップページ（一部中ページ共通）
 * ------------------------------------------------------------------- */


#topics h2,
#parkInfo h2,
#link h2,
#link h3 {
	background: url(../img/common/bg_title.png) 0 0 no-repeat;
}


/* 本日のマリンパーク */
header #today {
	position: absolute;
	width: 155px;
	height: 110px;
	right: 140px;
	top: 45px;
	z-index: 6;
}

#park { margin-bottom: 5px; }
#weather { margin-left: 55px; }
#ship { margin-left: 55px; }

#data {
	margin-top: 3px;
	font-size: 84%;
	color: #83644d;
	text-align: right;
}

/* トピックス */
#topics { margin: 15px 0; }

#topics h2 {
	margin: 0;
	padding-bottom: 10px;
}

#topics div.box {
	margin: 0;
	padding: 15px 0 10px;
	overflow: hidden;
}

#topics dl.scroll_pane {
	width: 230px;
	height: 155px;
	padding: 0;
	border: none;
}

#topics dl.scroll_pane dt {
	width: 200px;
	padding-left: 5px;
}

#topics dl.scroll_pane dd {
	width: 200px;
	margin-bottom: 12px;
	padding-left: 5px;
}

/* しまたろうプロフィール */
#shimatarou {
	position: relative;
	background: url(../img/common/bg_shimatarou.png) 0 100% no-repeat;
	width: 230px;
	min-height: 330px;
}

#shimatarou p {	position: absolute; }

#shimatarou p#twitter {
	top: 0;
	left: 15px;
}

#shimatarou p#profile {
	top: 50px;
	right: 5px;
}

/* うみねプロフィール */
#umine {
	position: relative;
	background: url(../img/common/bg_umine.png) 0 100% no-repeat;
	width: 230px;
	min-height: 350px;
}

#umine p {	position: absolute; }

#umine p#twitter {
	top: 0;
	left: 0;
}

#umine p#profile {
	top: 38px;
	right: 0;
}

/* facebook */
#facebook {
	background: url(../img/common/bg_facebook.png) 0 0 no-repeat;
	width: 420px;
	height: 610px;
	margin: 10px 0 5px;
	padding:30px;
}

/* リンク集 */
#link {
	float: right;
	/*background: url(../img/common/bg_link.png) 0 0 no-repeat;*/
	width: 230px;
	height: 700px;
	overflow: hidden;
}

#sidebar #link { margin-top: 10px; }

#link h2,
#link h3 {
	margin: 25px 0 5px;
}

#list_bnr {
}

#list_bnr li { margin-left: 10px; }

/* 営業・休園情報 */
#parkInfo {	margin-bottom: 30px; }

#parkInfo h2 {
	margin: 0;
	padding-bottom: 10px;
}

#parkInfo div.box {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#parkInfo dl {
	width: 210px;
	margin: 15px auto 0;
	padding-bottom:10px;
	font-size: 109%;
	overflow: hidden;
	border-bottom: 1px solid #432d1d;
}

#parkInfo dl dt {
	float: left;
	background: url(../img/common/bg_dotted.gif) 100% 0 repeat-y;
	width: 73px;
	padding: 3px 0;
	line-height: 1.2;
	clear: left;
}

#parkInfo dl dd {
	float: right;
	width: 120px;
	padding: 3px 0 3px 15px;
	color: #fbe5b0;
	line-height: 1.2;
	letter-spacing: 0;
	/*border-left: 1px dotted #c0b8b2;*/
	clear: right;
}

#parkInfo dl dd strong,
#parkInfo dl dd span {
	line-height: 1.2;
}

#parkInfo p{
	width: 210px;
	margin: 0 auto 10px;
	padding-top:10px;
	text-align:center;
	border-top: 1px solid #6b5039;
}

/* -------------------------------------------------------------------
 * 周辺施設
 * ------------------------------------------------------------------- */

#list_guide {
	overflow: hidden;
}

.box #list_guide li {
	float: left;
	display: table;
	background: none;
	padding: 0;
}

#list_guide li img {
	display: table-cell;
}

#list_guide li p {
	display: table-cell;
	background: url(../img/guide/ico_guide_dotted.gif) 14px 50% no-repeat;
	padding: 0 55px 0 35px;
	vertical-align: middle;
}

/* -------------------------------------------------------------------
 * イベント
 * ------------------------------------------------------------------- */

/* イベントスケジュール */
ul#event_time {
	width: 690px;
	margin: 30px 5px 0;
	padding-left: 210px;
	overflow: hidden;
}

ul#event_time li {
	float: left;
	background: none;
	width: 60px;
	margin: 0;
	padding: 0;
	text-align: center;
}

#tbl_event {
	width: 690px;
	background: url(../img/event/bg_schedule.gif) 0 0 repeat;
	margin: 5px 5px 0;
}

#tbl_event th,
#tbl_event td {
	padding: 0;
	color: #fff;
	text-align: left;
	border: none;
}

#tbl_event th {
	background: none;
	/*width: 230px;*/
	height: 60px;
	padding: 0 5px 0 0;
	vertical-align: middle;
	overflow: hidden;
}

#tbl_event th img {
	margin: 0 0 0 10px;
	padding: 0;
	line-height: 1em;
	vertical-align: middle;
}

#tbl_event td {
	background: none;
	width: 30px;
	height: 60px;
	font-size: 84%;
	overflow: hidden;
}

#tbl_event td p {
	color: #ffcf7e;
	font-weight: bold;
	margin: 0 0 0 36px;
	line-height: 1.3;
	vertical-align: middle;
}

#tbl_event td img {
	margin: 0;
	padding: 0;
	line-height: 1em;
	vertical-align: middle;
}

/* モーダルウィンドウ */
.box div.list_cb {
	margin-top: 0;
	padding-bottom: 5px;
	overflow: hidden;
}

.box div.list_cb ul {
	float: left;
	margin: 0 0 0 10px;
}

.box div.list_cb ul li {
	background: none;
	padding: 0;
}

.box div.list_cb ul li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

.box div.list_cb ul li img {
	width: 90px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.6);
}

.box div.list_cb ul.small li img {
	width: 89px;
	margin-top: 8px;
}

.box div.list_cb ul.small li:first-child img { margin-top: 10px; }
.box div.list_cb ul:first-child { margin-left: 5px; }

/* -------------------------------------------------------------------
 * あわしま図鑑
 * ------------------------------------------------------------------- */

/* サイドメニュー */
#list_pNav {
	background: url(../img/enjoy/pictorial/bg_nav_pictorial.png) 0 0 no-repeat;
	width: 220px;
	height: 345px;
	padding-top: 17px;
	overflow: hidden;
}

#list_pNav p {
	margin: 0 10px 0 15px;
}

#list_pNav ul {
	margin: 13px 10px 0 15px;
}

#list_pNav ul li {
	background: url(../img/enjoy/pictorial/ico_list_pictorial.png) 0 8px no-repeat;
	margin-top: 10px;
	padding: 0 0 0 15px;
	letter-spacing: 0;
	line-height: 1.2;
}

#list_pNav ul li a {
	color: #3f2615;
	letter-spacing: 0;
	line-height: 1.2;
}

#list_pNav ul li a:link,
#list_pNav ul li a:visited {
	color: #3f2615;
}

#list_pNav ul li a:hover,
#list_pNav ul li.active a {
	color: #b97a13;
	text-decoration: none;
}

/* -------------------------------------------------------------------
 * Get Adobe Reader ボタン＆説明
 * ------------------------------------------------------------------- */

.getAR {
	/*width: 100%;*/
	/*margin: 25px auto 0;*/
	margin: 25px 0 0;
	padding: 10px 20px;
	border: 1px dotted #999280;
	overflow: hidden;
}

.getAR img {
	display: inline;
	float: left;
	margin: 0 20px 0 0;
}

.getAR a:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
}

.getAR p {
	float: left;
	margin: 0;
	line-height: 1.5;
}

/* -------------------------------------------------------------------
 * テーブルパターン
 * ------------------------------------------------------------------- */

/* tbl_ptnA */
.tbl_ptnA {
}

.tbl_ptnA tr {
	overflow: hidden;
}

.tbl_ptnA td {
	background: #fff;
	border: 1px solid #dcd5cd;
	padding: 10px 20px;
}

.tbl_ptnA th {
	padding: 10px;
	color: #fff;
	text-align: center;
}

.tbl_ptnA th,
.tbl_ptnA td {
	vertical-align: middle;
}


/* tbl_form */
.tbl_form {
}

.tbl_form tr {
}

.tbl_form th {
}

.tbl_form td {
	text-align: left;
}

.tbl_form th,
.tbl_form td {
	vertical-align: middle;
}





/* -------------------------------------------------------------------
 * LPO関係
 * ------------------------------------------------------------------- */
 
.lpoarea_btn{
	margin:25px 0 30px;
}
 
.lpo_btn{
	overflow:hidden;
}
.lpo_btn li{
	float:left;
	margin:0 10px 10px 0;
}
.lpo_btn li:nth-child(3n){
	margin:0 0 10px 0;
}


 .lpo_title{
	 background: url(../img/access/bg_h3lpo.png) no-repeat scroll 0 0;
    margin: 40px 0 13px;
 }
  .lpo_top > div{
	  overflow:hidden;
 }
  .lpo_top > div p{
	font-weight: bold; 
	color: #fff;
	float: left;
	font-size: 240%;
	margin: 35px 0 0 30px;
 }
  .lpo_top > div img{
	  float:right;
 }
.lpo_map{
	position:relative;
}
.lpo_map .lpo_point{
	right:10px;
	top:-15px;
	position:absolute;
}
.lpo_train .lpo_point{
	right:10px;
	top:10px;
	position:absolute;
}
.lpo_list_road{
	overflow:hidden;
}
.lpo_list_road section{
	float:left;
	width:320px;
	margin-right:30px;
	margin-top:0 !important;
}
.lpo_list_road section:last-child{
	margin-right:0;
}
.lpo_list_road section ul li{
	background-image:none;
	padding:10px;
	text-align:center;
	background-color:#E7DFD3;
	color:#3F2613;
	font-weight:bold;
	margin-bottom:15px;
	position:relative;
	border-bottom: 2px solid #CFAA89;
	border-right: 1px solid #CFAA89;
}
.lpo_list_road section ul li::after{
	content: "";
    height: 0;
    position: absolute;
    width: 0;
    border: 10px solid transparent;
    border-top-color: #CFAA89;
    top: 100%;
    left: 50%;
    margin-left: -10px;
}
.lpo_list_road section ul li:last-child::after{
	content: "";
    height: 0;
    position: static;
    width: 0;
    border: none;
}
.lpo_car .lpo_point{
	text-align:center;
	margin-bottom:20px;
}

.coupon_btn{
	text-align:center;
	margin-top: 30px;
}