<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/*------------------------------------------------------------------------------
	Hamamatsu Visitors and Convention Bureau - Local CSS
	URL: http://hamamatsu-daisuki.net/
	Date: 2016-02-12
	Copyright (C) Hamamatsu Visitors and Convention Bureau All Rights Reserved.
------------------------------------------------------------------------------*/

/*==============================================================
	共通
===============================================================*/

#wrapper {
    overflow: hidden;
	padding-top: 165px;
}
#main #mainvisual {
	width:810px;
	margin:0 auto;
	margin-bottom: 20px;
	padding-top:0;
	position:relative;
}
#main #mainvisual &gt; img {
	width:100%;
	height:auto;
	vertical-align: middle;
}
#main #mainvisual .mainTxtArea {
	position:absolute;
	bottom:30px;
	right:30px;
    width: 280px;
    padding: 15px;
	background:rgba(255,255,255,0.7);
}
#main #mainvisual .mainTxtInner {
	position:relative;
}
#main #mainvisual .mainTxtInner &gt; img {
	position: absolute;
	top: -120px;
    right: 10px;
}
#main #mainvisual a {
	display:inline-block !important;
}
#main p {
	font-size:80%;
	line-height:1.5;
	margin-bottom:0;
	color:#604c3f;
}
#main #flowArea {
    width: 350px;
    float: left;
}
#main #flowArea ul {
    width: 300px;
	line-height:1.0;
	padding-left:13px;
}
#main #flowArea li {
	line-height:0;
	padding: 0 ;
	margin-bottom:0px;
	list-style: none;
}
#main #flowArea li img {
	vertical-align: bottom;
}
#main #flowArea li:first-child img,
#main #flowArea li:last-child img {
	vertical-align: middle;
}
#main #conArea {
	width:435px;
	float:right;
	margin-right:20px;
}
#main .conBox {
	overflow:hidden;
	margin-bottom:23px;
}
#main #flowArea dl img{
	display:block;
} 

body#dramaIndex #wrapper {
    background: url(../img/bg/bg_hd_drama.png) repeat-x left top;
}
body#hamanakoIndex #wrapper {
    background: url(../img/bg/bg_hd_hamanako.png) repeat-x left top;
}
body#seasonIndex #wrapper {
    background: url(../img/bg/bg_hd_season.png) repeat-x left top;
}
body#travel_girlIndex #wrapper {
    background: url(../img/bg/bg_hd_travel_girl.png) repeat-x left top;
}
body#localIndex #wrapper {
	background: url(../img/bg/bg_hd_local.png) repeat-x left top;
}
body#familyIndex #wrapper {
	background: url(../img/bg/bg_hd_family.png) repeat-x left top;
}
body#cyclingIndex #wrapper {
	background: url(../img/bg/bg_hd_cycling.png) repeat-x left top;
}

/*==============================================================
	body#travel_girlIndex 女子旅コース
===============================================================*/

body#travel_girlIndex #main #mainvisual .mainTxtArea {
	top:30px;
	bottom:initial;
}
body#travel_girlIndex #main .conBox:nth-of-type(1) {
	position:relative;
	height: 222px;
}
body#travel_girlIndex #main .conBox:nth-of-type(1) .photo {
	position:absolute;
	top:0;
	right:0;
}
body#travel_girlIndex #main .conBox:nth-of-type(1) .photo + p {
	width:200px;
}
body#travel_girlIndex #main .conBox:nth-of-type(2) {
	margin-top:-90px;
}
body#travel_girlIndex #main .conBox:nth-of-type(2) h2 {
	margin-right:115px;
	margin-top: 95px;
}
body#travel_girlIndex #main .conBox:nth-of-type(2) .photo + p {
	width:235px;
}
body#travel_girlIndex #main .conBox:nth-of-type(2) a {
	display:block;
}
body#travel_girlIndex #main .conBox:nth-of-type(3) {
	width:393px;
	margin-left:40px;
}
body#travel_girlIndex #main .bnr {
	text-align:center;
	margin-bottom:0;
}


/*==============================================================
	body#dramaIndex 大河ドラマコース
===============================================================*/

body#dramaIndex #main #mainvisual .mainTxtArea {
	top:30px;
	bottom: inherit;
}
body#dramaIndex #main .conBox:nth-of-type(1) {
	margin-bottom:10px;
}
body#dramaIndex #main .conBox:nth-of-type(1) h2 {
	float:left;
}
body#dramaIndex #main .conBox:nth-of-type(1) .photo {
	float:right;
}
body#dramaIndex #main .conBox:nth-of-type(1) .photo + p {
	clear:left;
	width: 285px;
}
body#dramaIndex #main .conBox:nth-of-type(1) .photo + p a {
	float:right;
}
body#dramaIndex #main .conBox:nth-of-type(2) h2 {
	float:right;
	margin-right: 106px;
	margin-top: 74px;
}
body#dramaIndex #main .conBox:nth-of-type(2) .photo {
	float:left;
}
body#dramaIndex #main .conBox:nth-of-type(2) .photo + p {
	clear:right;
    width: 153px;
    margin-right: 80px;
    float: right;
}
body#dramaIndex #main .conBox:nth-of-type(3) {
    width: 393px;
    margin-left: 43px;
}
body#dramaIndex #main .conBox:nth-of-type(3) a {
	float:right;
}
body#dramaIndex #main .conBox:nth-of-type(4) h2 {
	float:right;
	margin-right: 35px;
	margin-top: 26px;
}
body#dramaIndex #main .conBox:nth-of-type(4) div {
    width: 210px;
    text-align: justify;
}
body#dramaIndex #main .conBox:nth-of-type(4) a {
	display:block;
}
body#dramaIndex #main .movie{
	margin:30px 0;
}

/*==============================================================
	body#seasonIndex 季節の花コース
===============================================================*/

body#seasonIndex #main #mainvisual .mainTxtArea {
    position: absolute;
    top: 30px;
    bottom: initial;
    right: 30px;
    width: 320px;
}
body#seasonIndex #main #mainvisual .mainTxtInner &gt; img {
    width: 447px;
    position: absolute;
    top: 361px;
    right: -51px;
}
body#seasonIndex #main #mainvisual a {
	display:block !important;
}
body#seasonIndex #main #conArea {
	margin-top:100px;
}
body#seasonIndex #main .conBox:nth-of-type(1) {
	width:402px;
}
body#seasonIndex #main .conBox:nth-of-type(1) a {
	float:right;
}
body#seasonIndex #main .conBox:nth-of-type(2) {
	width:238px;
}
body#seasonIndex #main .conBox:nth-of-type(3) {
	width:159px;
}

/*==============================================================
	body#hamanakoIndex 浜名湖コース
===============================================================*/

body#hamanakoIndex #main #mainvisual .mainTxtArea {
	width:250px;
	top:30px;
	bottom:initial;
}
body#hamanakoIndex #main #mainvisual .mainTxtArea a {
	float:right;
}
body#hamanakoIndex #main .conBox:nth-of-type(1) {
	width:225px;
}
body#hamanakoIndex #main .conBox:nth-of-type(1) .photo img {
	width:100%;
	height:auto;
}
body#hamanakoIndex #main .conBox:nth-of-type(1) a {
	float:right;
}
body#hamanakoIndex #main .conBox:nth-of-type(2) {
	width:190px;
	margin:100px 0 0;
}
body#hamanakoIndex #main .conBox:nth-of-type(3) a {
	float:right;
}
body#hamanakoIndex #main .conBox:nth-of-type(4) {
	width:339px;
	margin-left: 96px;
}

/*==============================================================
	body#localIndex ローカル線コース
===============================================================*/

body#localIndex #main #mainvisual .mainTxtArea {
	width:260px;
	left:30px !important;
	bottom:30px;
}
body#localIndex #main .conBox .txt {
	margin-bottom:10px;
}
body#localIndex #main .conBox:nth-of-type(1) {
	width:231px;
}
body#localIndex #main .conBox:nth-of-type(1) a {
	float:right;
}
body#localIndex #main .conBox:nth-of-type(2) {
	margin-right:25px;
	margin-bottom:0;
}
body#localIndex #main .conBox:nth-of-type(3) {
	width:179px;
}
body#localIndex #main .conBox:nth-of-type(3) a {
	display:block;
}
body#localIndex #main .conBox:nth-of-type(4) {
	width:227px;
	margin-top:30px;
}


/*==============================================================
	body#familyIndex ファミリーコース
===============================================================*/

body#familyIndex #main #mainvisual .mainTxtArea {
	width: 230px;
}
body#familyIndex #main #mainvisual a {
	display:block !important;
	margin-top:5px;
}

body#familyIndex #main #conArea {
    width: 465px;
    margin-top: 0;
	margin-right:0;
}
body#familyIndex #main .conBox:nth-of-type(1) a img {
    float: right;
    margin-right: 84px;
}
body#familyIndex #main .conBox:nth-of-type(2).floatL {
	width:227px;
}
body#familyIndex #main .conBox:nth-of-type(3).floatR {
	width:199px;
	margin-right:20px;
}
body#familyIndex #main .conBox a img {
	margin-top: 3px;
}
body#familyIndex #main .conBox:nth-of-type(4) .floatR {
    width: 130px;
    margin-right: 30px;
    text-align: justify;
}

/*==============================================================
	body#cyclingIndex サイクリングコース
===============================================================*/

body#cyclingIndex #main #conArea {
	width:435px;
	margin-top: 20px;
}
body#cyclingIndex #main .conBox .photo {
	margin-bottom:0;
	position:relative;
}
body#cyclingIndex #main .conBox .phoAbs01 {
	position:absolute;
    bottom: -15px;
    left: -70px;
}
body#cyclingIndex #main .conBox p + div {
	width:210px;
}
body#cyclingIndex #main .conBox a {
	display:block;
    vertical-align: middle;
}
body#cyclingIndex #main .conBox a img {
	margin-top:5px;
}
body#cyclingIndex #main .conBox.lastChild a {
	display: inline-block;
}
body#cyclingIndex #main .conBox.lastChild p + div {
	width:100%;
}
body#cyclingIndex #main .conBox.lastChild h2 {
	margin-top:5px;
}
body#cyclingIndex #main .conBox.lastChild .phoAbs02 {
	position:absolute;
    bottom: -65px;
    right: 15px;
}







</pre></body></html>