@charset "utf-8";
/* ==================================
attraction CSS
================================== */

/* attraction */
/* h2 */
body.attraction div#main .design02w-txt {
	position: relative;
	top: 0;
	left: 0;
}
body.attraction div#main .design02w-txt .txt-area {
	width: 480px;
}
body.attraction div#main .design02w-txt .ico-area {
	position: absolute;
	top: 0;
	right: 5px;
}
body.attraction div#main .design02w-txt .ico-area img {
	margin-left: 5px;
}

/* rightnavi none */
body.attraction div#main div.column-2type {
	width: 690px;
}
body.attraction div#main div.column-2type div.ltype01 {
	width: 300px;
	margin: 0;
}
body.attraction div#main div.column-2type div.ltype02 {
	width: 380px;
}
body.attraction div#main div.column-2type div.w350 {
	width: 349px;
	/*\*/width: 350px;/**/
	padding-top: 15px;	
}
body.attraction div#main div.column-2type div.w470 {
	width: 469px;
	/*\*/width: 470px;/**/
	padding-top: 15px;	
}

body.attraction div#main div.column-2type div.w160 {
	width: 160px;
	padding-top: 15px;
}

/* photo */
body.attraction .photo1 {
}
body.attraction .photo2 {
	margin: 6px 6px 0 0;
}
body.attraction .photo3 {
	margin: 6px 0 0 0;
}

body.attraction .design04att1 {
	margin: 15px 0 0 0;
	font-size:100%;
	color:#336600;
}

body.attraction div#main p.copy1 {
	margin-top: 0.4em;
}

body.attraction div#main table th.attitem {
	padding: 10px;
	background-color: #fff5ed;
	text-align: left;
	font-weight: bold;
}
body.attraction div#main table td.attitem {
	padding: 5px 5px 5px 10px;
	color: #964600;
	font-weight: bold;
}
body.attraction div#main table td.attitem2 {
	padding: 10px;
	color: #964600;
	font-weight: bold;
}
body.attraction div#main table td.attitem .td-area {
	width: 100%;
}
body.attraction div#main table td.attitem .txt-area {
	float: left;
	width: 25%;
	margin-top: 15px;
}
body.attraction div#main table td.attitem .ico-area {
	float: right;
	width: 75%;
	text-align: right;
}
body.attraction div#main table td.attitem .txt-area02 {
	float: left;
	width: 75%;
	margin-top: 15px;
}
body.attraction div#main table td.attitem .ico-area02 {
	float: right;
	width: 25%;
	text-align: right;
}
body.attraction div#main table td.attitem .ico-area img,
body.attraction div#main table td.attitem .ico-area02 img {
	margin: 0 0 0 4px;
}

/* note */
body.attraction div#main p.attnote {
	margin-top: 0.4em;
	padding: 0.2em;
	background-color: #efefef;
}
body.attraction div#main p.attnote02 {
	margin-top: 0.4em;
	padding: 0.2em 0.2em 0.2em 3.2em;
	background-color: #efefef;
	text-indent: -3em;
}
body.attraction div#main p.attnote02 .mono {
	_font-family: "‚l‚r ƒSƒVƒbƒN"
}

/* text */
body.attraction .note-red {
	color: #ff0000;
}

/* top */
body#index div#main table td.w85 {
	width: 85%;
	color: #ff0000;
}
body#index div#main table td.w77 {
	width: 77%;
	color: #ff0000;
}
body#index div#main table td.w72 {
	width: 72%;
	color: #ff0000;
}
body#index div#main table td.w80 {
	width: 80%;
}
body#index div#main table td.w50 {
	width: 50%;
}
body#index div#main table td.w15 {
	width: 15%;
	text-align: center;
	color: #964600;
	font-weight: bold;
}
body#index div#main table td.w23 {
	width: 23%;
	text-align: center;
	color: #964600;
	font-weight: bold;
}
body#index div#main table td.w25 {
	width: 25%;
	text-align: center;
	color: #964600;
	font-weight: bold;
}
body#index div#main table td.w28 {
	width: 28%;
	text-align: center;
	color: #964600;
	font-weight: bold;
}
body#index div#main table td.w20 {
	width: 20%;
}
body#index div#main table th.leftitem span.oneday {
	text-align: right;
	float: right;
}
body#index div#main table th.leftitem span.oneday img {
	margin: 0 0 0 4px;
}
body#index div#main p.txtarea01 {
	margin:5px 0 0 0;
	font-size: 12px;
}
body#index div#main p.txtarea01 {
	margin:5px 0 0 0;
	font-size: 12px;
}
body#index div#main p {
	margin:5px 0 0 0;
}
body#index div#main table th.attitem {
	width: 10%;
	text-align: center;
}
body#index div#main table th.leftitem {
	width: 50%;
	height:30px;
}
body#index div#main table th.attitem .th-area02 {
	width: 100%;
	text-align: left;
}
body#index div#main table th.attitem .txt-area02 {
	float: left;
	width: 48%;
	margin-top: 3px;
}
body#index div#main table th.attitem .ico-area02 {
	float: right;
	width: 50%;
	text-align: right;
}
body#index div#main table th.attitem .ico-area02 img {
	margin: 0 0 0 8px;
}
body#index div#main table th.attitem .ico1-txt {
	width: 68%;
}
body#index div#main table th.attitem .ico1 {
	width: 30%;
}
body#index div#main table.type-default {
	width:100%;
	margin:10px 0 0 0;
}
body#index div#main p.guidenote {
	font-weight:bold;
	color:#ca0102;
	margin:10px 0 0 0;
}

body#index .search-buttom {
	float: right;
}

/* ashika */
body.sealion div#main .item5 li {
	width: 217px;
}

body.sealion .sub-section-left {
	float: left;
	width: 335px;
}
body.sealion .sub-section-right {
	float: right;
	width: 335px;
}

body.sealion div#main div.column-2type {
	width: 335px;
}
body.sealion div#main div.column-2type div.ltype01 {
	width: 175px;
	margin: 0;
}
body.sealion div#main div.column-2type div.ltype02 {
	width: 150px;
}

body.sealion div#main .photo01 {
	margin-top: 25px;
}

/* sealionshow */
body#sealionshow div#main div.column-2type {
	width:690px;
}

body#sealionshow div#main div.column-2type div.ltype01 {
	width:340px;
	float:left;
	margin:0 10px 0 0;
}
body#sealionshow div#main div.column-2type div.ltype02 {
	width:340px;
	float:right;
	margin:0;
}
body#sealionshow div#main p.illust {
	text-align:center;
	margin:5px 0 0 0;
}

/* searcharea */
body.attraction div#main div#searcharea table td.w85 {
	width: 75%;
	color: #ff0000;
}
body.attraction div#main div#searcharea table td.w80 {
	width: 80%;
}
body.attraction div#main div#searcharea table td.w50 {
	width: 50%;
}
body.attraction div#main div#searcharea table td.w15 {
	width: 25%;
	text-align: center;
	color: #964600;
	font-weight: bold;
}
body.attraction div#main div#searcharea table td.w20 {
	width: 20%;
}
body.attraction div#main div#searcharea table th.leftitem span.oneday {
	text-align: right;
	float: right;
}
body.attraction div#main div#searcharea table th.leftitem span.oneday img {
	margin: 0 0 0 4px;
}
body.attraction div#main div#searcharea p.txtarea01 {
	margin:5px 0 0 0;
	font-size: 12px;
}
body.attraction div#main div#searcharea p.txtarea01 {
	margin:5px 0 0 0;
	font-size: 12px;
}
body.attraction div#main div#searcharea p {
	margin:5px 0 0 0;
}
body.attraction div#main div#searcharea table th.attitem {
	width: 10%;
	text-align: center;
}
body.attraction div#main div#searcharea table th.leftitem {
	width: 50%;
	height:30px;
}
body.attraction div#main div#searcharea table th.attitem .th-area02 {
	width: 100%;
	text-align: left;
}
body.attraction div#main div#searcharea table th.attitem .txt-area02 {
	float: left;
	width: 48%;
	margin-top: 3px;
}
body.attraction div#main div#searcharea table th.attitem .ico-area02 {
	float: right;
	width: 50%;
	text-align: right;
}
body.attraction div#main div#searcharea table th.attitem .ico-area02 img {
	margin: 0 0 0 8px;
}
body.attraction div#main div#searcharea table.type-default {
	width:100%;
	margin:10px 0 0 0;
}
body.attraction div#main div#searcharea p.guidenote {
	font-weight:bold;
	color:#ca0102;
	margin:10px 0 0 0;
}
/* flash */
body.attraction div.flash {
	margin: 10px 0 0 0;
	text-align: center;
}