/* CSS Document */

@charset "shift_jis";

/*===========================================
コンテナー
============================================*/
#container {
	width: 580px;
	padding: 0;
	margin: 0;
}

p {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

a:link {
	color: #008aff;
	text-decoration: underline;
}

a:visited {
	color: #999999;
	text-decoration: none;
}

a:hover {
	color: #008aff;
	text-decoration: underline;
}

/*===========================================
ヘッダー
============================================*/
h1 {
	width: 580px;
	margin: 0 0 15px 0;
	padding: 0;
}

/*===========================================
グローバルナビゲーション
============================================*/
#globalNavigation {
	width: 576px;
	height: 25px;
	margin: 0 0 20px 4px;
	padding: 0;
}

#globalNavigation ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#globalNavigation li {
	float: left;
	width: 80px;
	height: 25px;
	margin: 0 2px 0 0;
}

/* 北海道・東北 */
.nav01 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/navbar.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}

.nav01 a:hover {
	background-image: url(../img/navbar.jpg);
    background-position: 0px -25px;
}

.here01 a {
    display: block;
    width: 100%;
    height: 100%;
	background-image: url(../img/navbar.jpg);
    background-position: 0px -25px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}

/* 関東 */
.nav02 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/navbar.jpg);
    background-position: -82px 0px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}

.nav02 a:hover {
	background-image: url(../img/navbar.jpg);
    background-position: -82px -25px;
}

.here02 a {
    display: block;
    width: 100%;
    height: 100%;
	background-image: url(../img/navbar.jpg);
    background-position: -82px -25px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}

/* 甲信越・北陸 */
.nav03 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/navbar.jpg);
    background-position: -164px 0px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}

.nav03 a:hover {
	background-image: url(../img/navbar.jpg);
    background-position: -164px -25px;
}

.here03 a {
    display: block;
    width: 100%;
    height: 100%;
	background-image: url(../img/navbar.jpg);
    background-position: -164px -25px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}

/* 東海 */
.nav04 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/navbar.jpg);
    background-position: -246px 0px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}

.nav04 a:hover {
	background-image: url(../img/navbar.jpg);
    background-position: -246px -25px;
}

.here04 a {
    display: block;
    width: 100%;
    height: 100%;
	background-image: url(../img/navbar.jpg);
    background-position: -246px -25px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}

/* 近畿 */
.nav05 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/navbar.jpg);
    background-position: -328px 0px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}

.nav05 a:hover {
	background-image: url(../img/navbar.jpg);
    background-position: -328px -25px;
}

.here05 a {
    display: block;
    width: 100%;
    height: 100%;
	background-image: url(../img/navbar.jpg);
    background-position: -328px -25px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}

/* 中国・四国 */
.nav06 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/navbar.jpg);
    background-position: -410px 0px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}

.nav06 a:hover {
	background-image: url(../img/navbar.jpg);
    background-position: -410px -25px;
}

.here06 a {
    display: block;
    width: 100%;
    height: 100%;
	background-image: url(../img/navbar.jpg);
    background-position: -410px -25px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}

/* 九州・沖縄 */
.nav07 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/navbar.jpg);
    background-position: -492px 0px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}

.nav07 a:hover {
	background-image: url(../img/navbar.jpg);
    background-position: -492px -25px;
}

.here07 a {
    display: block;
    width: 100%;
    height: 100%;
	background-image: url(../img/navbar.jpg);
    background-position: -492px -25px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}

/*===========================================
メインコンテンツ
============================================*/
#mainContent {
	clear: both;
	width: 580px;
	margin: 0;
	padding: 0;
}

#mainContent h2 {
	margin: 0 0 15px 0;
	padding: 0;
}

.wrapper {
	clear: left;
	float: left;
	width: 384px;
	height: 385px;
	margin: 0;
	padding: 0;
}

/*------ コンテンツ指定 ------*/
.content01 {
	float: left;
	width: 188px;
}

.content02 {
	float: right;
	width: 188px;
}

.content03 {
	float: right;
	width: 188px;
	height: 400px;
}

/*------ 写真指定 ------*/
.photoArea {
	width: 188px;
	height: 188px;
	margin: 0 0 8px 0;
	padding: 0;
}

/* サンリオピューロランド */
#photo01 a {
    display: block;
    width: 188px;
    height: 188px;
    background-image: url(../img/photo01.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -10000em;
    text-decoration: none;
}

#photo01 a:hover {
	background-image: url(../img/photo01.jpg);
    background-position: 0px -188px;
}

/* 大磯ロングビーチ */
#photo02 a {
    display: block;
    width: 188px;
    height: 188px;
    background-image: url(../img/photo02.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -10000em;
    text-decoration: none;
}

#photo02 a:hover {
	background-image: url(../img/photo02.jpg);
    background-position: 0px -188px;
}

/* 箱根ラリック美術館 */
#photo03 a {
    display: block;
    width: 188px;
    height: 188px;
    background-image: url(../img/photo03.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -10000em;
    text-decoration: none;
}

#photo03 a:hover {
	background-image: url(../img/photo03.jpg);
    background-position: 0px -188px;
}

/* 海の家ごん鉄 */
#photo04 a {
    display: block;
    width: 188px;
    height: 188px;
    background-image: url(../img/photo04.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -10000em;
    text-decoration: none;
}

#photo04 a:hover {
	background-image: url(../img/photo04.jpg);
    background-position: 0px -188px;
}

/* 旭山動物園 */
#photo05 a {
    display: block;
    width: 188px;
    height: 188px;
    background-image: url(../img/photo05.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -10000em;
    text-decoration: none;
}

#photo05 a:hover {
	background-image: url(../img/photo05.jpg);
    background-position: 0px -188px;
}

/* 青函連絡船メモリアルシップ八甲田丸 */
#photo06 a {
    display: block;
    width: 188px;
    height: 188px;
    background-image: url(../img/photo06.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -10000em;
    text-decoration: none;
}

#photo06 a:hover {
	background-image: url(../img/photo06.jpg);
    background-position: 0px -188px;
}

/* 富士急ハイランド */
#photo07 a {
    display: block;
    width: 188px;
    height: 188px;
    background-image: url(../img/photo07.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -10000em;
    text-decoration: none;
}

#photo07 a:hover {
	background-image: url(../img/photo07.jpg);
    background-position: 0px -188px;
}

/* 山中湖テディベアワールドミュージアム */
#photo08 a {
    display: block;
    width: 188px;
    height: 188px;
    background-image: url(../img/photo08.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -10000em;
    text-decoration: none;
}

#photo08 a:hover {
	background-image: url(../img/photo08.jpg);
    background-position: 0px -188px;
}

/* 池田20世紀美術館 */
#photo09 a {
    display: block;
    width: 188px;
    height: 188px;
    background-image: url(../img/photo09.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -10000em;
    text-decoration: none;
}

#photo09 a:hover {
	background-image: url(../img/photo09.jpg);
    background-position: 0px -188px;
}

/* ラグーナ蒲郡ラグナシア */
#photo10 a {
    display: block;
    width: 188px;
    height: 188px;
    background-image: url(../img/photo10.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -10000em;
    text-decoration: none;
}

#photo10 a:hover {
	background-image: url(../img/photo10.jpg);
    background-position: 0px -188px;
}

/* ナガシマスパーランド */
#photo11 a {
    display: block;
    width: 188px;
    height: 188px;
    background-image: url(../img/photo11.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -10000em;
    text-decoration: none;
}

#photo11 a:hover {
	background-image: url(../img/photo11.jpg);
    background-position: 0px -188px;
}

/* かかみがはら航空宇宙科学博物館 */
#photo12 a {
    display: block;
    width: 188px;
    height: 188px;
    background-image: url(../img/photo12.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -10000em;
    text-decoration: none;
}

#photo12 a:hover {
	background-image: url(../img/photo12.jpg);
    background-position: 0px -188px;
}

/* ひらかたパーク */
#photo13 a {
    display: block;
    width: 188px;
    height: 188px;
    background-image: url(../img/photo13.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -10000em;
    text-decoration: none;
}

#photo13 a:hover {
	background-image: url(../img/photo13.jpg);
    background-position: 0px -188px;
}

/* 空中庭園展望台 */
#photo14 a {
    display: block;
    width: 188px;
    height: 188px;
    background-image: url(../img/photo14.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -10000em;
    text-decoration: none;
}

#photo14 a:hover {
	background-image: url(../img/photo14.jpg);
    background-position: 0px -188px;
}

/* ポルトヨーロッパ */
#photo15 a {
    display: block;
    width: 188px;
    height: 188px;
    background-image: url(../img/photo15.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -10000em;
    text-decoration: none;
}

#photo15 a:hover {
	background-image: url(../img/photo15.jpg);
    background-position: 0px -188px;
}

/* 甲賀の里　忍術村 */
#photo16 a {
    display: block;
    width: 188px;
    height: 188px;
    background-image: url(../img/photo16.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -10000em;
    text-decoration: none;
}

#photo16 a:hover {
	background-image: url(../img/photo16.jpg);
    background-position: 0px -188px;
}

/* 道の駅　大歩危（ラピス大歩危　石の博物館） */
#photo17 a {
    display: block;
    width: 188px;
    height: 188px;
    background-image: url(../img/photo17.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -10000em;
    text-decoration: none;
}

#photo17 a:hover {
	background-image: url(../img/photo17.jpg);
    background-position: 0px -188px;
}

/* ガラスの丘美術館 */
#photo18 a {
    display: block;
    width: 188px;
    height: 188px;
    background-image: url(../img/photo18.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -10000em;
    text-decoration: none;
}

#photo18 a:hover {
	background-image: url(../img/photo18.jpg);
    background-position: 0px -188px;
}

/* 東南植物楽園 */
#photo19 a {
    display: block;
    width: 188px;
    height: 188px;
    background-image: url(../img/photo19.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -10000em;
    text-decoration: none;
}

#photo19 a:hover {
	background-image: url(../img/photo19.jpg);
    background-position: 0px -188px;
}

/*------ 共通指定 ------*/
h3 {
	font-size: 0.85em;
	letter-spacing: 0.02em;
	line-height: 1.5em;
	margin: 0 0 0 4px;
	padding: 0;
	width: 180px;
	text-align: center;
}

p {
	font-size: 0.75em;
	letter-spacing: 0.02em;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
	text-align: justify;
	width: 180px;
	color: #555555;
	margin: 5px 0 0 4px;
	padding: 0;
}