/* ----------------------------------------
 * ページ全体
 * ---------------------------------------- */


body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #666666;
}
#wrapper {
	margin: 0px auto;
	padding: 0px;
	width: 820px;
	text-align: left;
	background: url(../imegs/bg.gif) repeat-y center;
}



/* ----------------------------------------
 * H1-H6
 * ---------------------------------------- */


/* H1.2
------------------------------------------- */

h1 {
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	line-height: 1px;
	visibility: hidden;
	float: left;
}
h2 {
	font-size: 10px;
	line-height: 10px;
	padding: 5px 10px 0px 0px;
	margin: 0px;
	font-weight: normal;
	color: #FFFFFF;
	float: right;
}


/* ページタイトル　H3
------------------------------------------- */

/* TOPページ */
#mainimg {
	margin: 0px auto 20px;
	padding: 0px;
	background: url(../imegs/mainimg.jpg);
	height: 200px;
	width: 580px;
}

/* 女将のつれづれ花 */
#info {
	margin: 0px;
	padding: 0px;
	background: url(../imegs/info_top.jpg);
	height: 350px;
	width: 620px;
}

/* 舟付のこころ */
#funatsuki {
	margin: 0px;
	padding: 0px;
	background: url(../imegs/funatsuki_top.jpg);
	height: 350px;
	width: 620px;
}

/* 和み寛ぎ */
#guestroom {
	margin: 0px;
	padding: 0px;
	background: url(../imegs/guestroom_top.jpg);
	height: 350px;
	width: 620px;
}

/* ご予約 */
#plan {
	margin: 0px;
	padding: 0px;
	background: url(../imegs/plan_top.jpg);
	height: 350px;
	width: 620px;
}

/* レストラン舟付丸 */
#restaurant {
	margin: 0px;
	padding: 0px;
	background: url(../imegs/restaurant_top.jpg);
	height: 350px;
	width: 620px;
}

/* 鴨川温泉なぎさの湯 */
#hotspring {
	margin: 0px;
	padding: 0px;
	background: url(../imegs/hotspring_top.jpg);
	height: 350px;
	width: 620px;
}

/* ACCESS・観光 */
#access {
	margin: 0px;
	padding: 0px;
	background: url(../imegs/access_top.jpg);
	height: 350px;
	width: 620px;
}


/* 見出し H4.5.6
------------------------------------------- */

.midashi01a {
	font-size: 14px;
	line-height: 14px;
	color: #FF0000;
	font-weight: bold;
	background: url(../imegs/midashi01a.gif) no-repeat bottom;
	width: 530px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
}

.midashi01b {
	font-size: 14px;
	line-height: 14px;
	color: #339900;
	font-weight: bold;
	background: url(../imegs/midashi01b.gif) no-repeat bottom;
	width: 530px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
}

.midashi01c {
	font-size: 14px;
	line-height: 14px;
	color: #990099;
	font-weight: bold;
	width: 530px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-image: url(../imegs/midashi01c.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.midashi01d {
	font-size: 14px;
	line-height: 14px;
	color: #FF3399;
	font-weight: bold;
	background: url(../imegs/midashi01d.gif) no-repeat bottom;
	width: 530px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
}

.midashi01e {
	font-size: 14px;
	line-height: 14px;
	color: #0099FF;
	font-weight: bold;
	background: url(../imegs/midashi01e.gif) no-repeat bottom;
	width: 530px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
}



/* 文字装飾 */
em {
	font-size: 8px;
	visibility: hidden;
	line-height: 10px;
}
.type01 {
	color: #FF6600;
	font-weight: bold;
}

/* 画像の回り込み */
.r {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: right;
}
.l {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;
}




/* テーブル01
------------------------------------------- */

.hyo01 {
	border-collapse:collapse;
	margin: 0px;
	padding: 0px;
	border: 1px solid #999999;
	width: 100%;
}
.hyo01 th {
	margin: 0px;
	padding: 5px;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	border: 1px solid #999999;
	background: #E4E4E4;
	color: #666666;
	font-weight: normal;
}
.hyo01 td {
	padding: 5px;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	border: 1px solid #999999;
}





/* ----------------------------------------
 * HEADER
 * ---------------------------------------- */
 
 
#header {
	margin: 0px auto;
	height: 370px;
	padding: 0px;
	width: 800px;
}
#header #title {
	margin: 0px;
	padding: 0px;
}



/* ブロック01
------------------------------------------- */

#header .brock01 {
	padding: 0px;
	margin: 0px;
	height: 20px;
	background: #7CC1FF;
}

/* ブロック02
------------------------------------------- */

#header .brock02 {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 180px;
	height: 350px;
	background: url(../imegs/title_bg.gif);
}
#header .brock03 {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 620px;
	height: 350px;
}




/* ----------------------------------------
 * サブナビ
 * ---------------------------------------- */


#snavi {
	padding: 0px;
	height: 60px;
	margin: 0px auto 10px;
	width: 800px;
}
#snavi ul {
	margin: 0px;
	padding: 0px;
}
#snavi li {
	display: inline;
	list-style: none;
}

/* N01 */
#snavi .n01 a {
	text-decoration: none;
	background: url(../imegs/snavi_01a.gif) 0px 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 100px;
	float: left;
}
#snavi .n01 a:hover,#snavi .n01 a:active {
	text-decoration: none;
	background: url(../imegs/snavi_01b.gif) 0px 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 100px;
	float: left;
}


/* N02 */
#snavi .n02 a {
	text-decoration: none;
	background: url(../imegs/snavi_01a.gif) -100px 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 100px;
	float: left;
}
#snavi .n02 a:hover,#snavi .n02 a:active {
	text-decoration: none;
	background: url(../imegs/snavi_01b.gif) -100px 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 100px;
	float: left;
}


/* N03 */
#snavi .n03 a {
	text-decoration: none;
	background: url(../imegs/snavi_01a.gif) -200px 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 100px;
	float: left;
}
#snavi .n03 a:hover,#snavi .n03 a:active {
	text-decoration: none;
	background: url(../imegs/snavi_01b.gif) -200px 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 100px;
	float: left;
}


/* N04 */
#snavi .n04 a {
	text-decoration: none;
	background: url(../imegs/snavi_01a.gif) -300px 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 100px;
	float: left;
}
#snavi .n04 a:hover,#snavi .n04 a:active {
	text-decoration: none;
	background: url(../imegs/snavi_01b.gif) -300px 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 100px;
	float: left;
}


/* N05 */
#snavi .n05 a {
	text-decoration: none;
	background: url(../imegs/snavi_01a.gif) -400px 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 100px;
	float: left;
}
#snavi .n05 a:hover,#snavi .n05 a:active {
	text-decoration: none;
	background: url(../imegs/snavi_01b.gif) -400px 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 100px;
	float: left;
}


/* N06 */
#snavi .n06 a {
	text-decoration: none;
	background: url(../imegs/snavi_01a.gif) -500px 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 100px;
	float: left;
}
#snavi .n06 a:hover,#snavi .n06 a:active {
	text-decoration: none;
	background: url(../imegs/snavi_01b.gif) -500px 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 100px;
	float: left;
}


/* N07 */
#snavi .n07 a {
	text-decoration: none;
	background: url(../imegs/snavi_01a.gif) -600px 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 100px;
	float: left;
}
#snavi .n07 a:hover,#snavi .n07 a:active {
	text-decoration: none;
	background: url(../imegs/snavi_01b.gif) -600px 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 100px;
	float: left;
}


/* N08 */
#snavi .n08 a {
	text-decoration: none;
	background: url(../imegs/snavi_01a.gif) -700px 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 100px;
	float: left;
}
#snavi .n08 a:hover,#snavi .n08 a:active {
	text-decoration: none;
	background: url(../imegs/snavi_01b.gif) -700px 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 100px;
	float: left;
}



/* ----------------------------------------
 * コンテンツ
 * ---------------------------------------- */
 
 
#contents {
	margin: 0px;
	padding: 0px;
}


/* ----------------------------------------
 * ナビゲーション
 * ---------------------------------------- */


#navi {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	width: 210px;
}




/* ボックス01
------------------------------------------- */

#navi .box01 {
	padding: 0px;
	margin: 0px auto 0px 20px;
}

#navi .box01 ul {
	margin: 0px;
	padding: 0px;
}
#navi .box01 li {
	list-style: none;
}


/* N01 */
#navi .box01 .n01 a {
	text-decoration: none;
	margin: 0px 0px 5px;
	padding: 0px;
	display: block;
	background: url(../imegs/navi_01a.gif) no-repeat 0px 0px;
	width: 157px;
	height: 50px;
}
#navi .box01 .n01 a:hover,#navi .box01 .n01 a:active {
	text-decoration: none;
	margin: 0px 0px 5px;
	padding: 0px;
	display: block;
	background: url(../imegs/navi_01b.gif) no-repeat 0px 0px;
	width: 157px;
	height: 50px;
}


/* N02 */
#navi .box01 .n02 a {
	text-decoration: none;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	display: block;
	background: url(../imegs/navi_01a.gif) no-repeat 0px -55px;
	width: 112px;
}
#navi .box01 .n02 a:hover,#navi .box01 .n02 a:active {
	text-decoration: none;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	display: block;
	background: url(../imegs/navi_01b.gif) no-repeat 0px -55px;
	width: 112px;
}


/* N03 */
#navi .box01 .n03 a {
	text-decoration: none;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	display: block;
	background: url(../imegs/navi_01a.gif) no-repeat 0px -110px;
	width: 90px;
}
#navi .box01 .n03 a:hover,#navi .box01 .n03 a:active {
	text-decoration: none;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	display: block;
	background: url(../imegs/navi_01b.gif) no-repeat 0px -110px;
	width: 90px;
}


/* N04 */
#navi .box01 .n04 a {
	text-decoration: none;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	display: block;
	background: url(../imegs/navi_01a.gif) no-repeat 0px -165px;
	width: 132px;
}
#navi .box01 .n04 a:hover,#navi .box01 .n04 a:active {
	text-decoration: none;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	display: block;
	background: url(../imegs/navi_01b.gif) no-repeat 0px -165px;
	width: 132px;
}


/* N05 */
#navi .box01 .n05 a {
	text-decoration: none;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	display: block;
	background: url(../imegs/navi_01a.gif) no-repeat 0px -220px;
	width: 137px;
}
#navi .box01 .n05 a:hover,#navi .box01 .n05 a:active {
	text-decoration: none;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	display: block;
	background: url(../imegs/navi_01b.gif) no-repeat 0px -220px;
	width: 137px;
}


/* N06 */
#navi .box01 .n06 a {
	text-decoration: none;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	display: block;
	background: url(../imegs/navi_01a.gif) no-repeat 0px -275px;
	width: 174px;
}
#navi .box01 .n06 a:hover,#navi .box01 .n06 a:active {
	text-decoration: none;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	display: block;
	background: url(../imegs/navi_01b.gif) no-repeat 0px -275px;
	width: 174px;
}


/* N07 */
#navi .box01 .n07 a {
	text-decoration: none;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	display: block;
	background: url(../imegs/navi_01a.gif) no-repeat 0px -330px;
	width: 130px;
}
#navi .box01 .n07 a:hover,#navi .box01 .n07 a:active {
	text-decoration: none;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	display: block;
	background: url(../imegs/navi_01b.gif) no-repeat 0px -330px;
	width: 130px;
}



/* ----------------------------------------
 * メイン
 * ---------------------------------------- */


#main {
	width: 550px;
	float: right;
	margin: 0px;
	padding: 0px 30px 0px 20px;
}






/* パンくずリスト
------------------------------------------- */

#main .list {
	margin: 0px 0px 10px;
	padding: 0px;
}
#main .list ul {
	font-size: 10px;
	line-height: 10px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
#main .list li {
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
#main .list a {
	color: #FF9900;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
}
#main .list a:hover,#main .list a:active {
	color: #666666;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}


/* ページトップへ戻る
------------------------------------------- */

#main .pt {
	margin: 0px 0px 20px;
	padding: 0px;
	text-align: right;
}
#main .pt ul {
	font-size: 12px;
	line-height: 12px;
	margin: 0px;
	padding: 0px;
}
#main .pt li {
	list-style: none;
}
#main .pt a {
	text-decoration: underline;
	margin: 0px;
	color: #FF9900;
	padding: 0px;
}
#main .pt a:hover,#main .pt a:active {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	color: #666666;
}




/* ボックス01
------------------------------------------- */
 
#main .box01 {
	padding: 0px 10px 20px;
	margin: 0px 10px 20px;
	border-bottom: 1px dotted #CCCCCC;
	width: 510px;
}
#main .box01 p {
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}
#main .box01 ul {
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}
#main .box01 li {
	list-style: none;
}
#main .box01 .n01 a {
	color: #FF3399;
	text-decoration: none;
}
#main .box01 .n01 a:hover,#main .box01 .n01 a:active {
	color: #999999;
	text-decoration: none;
}



/* ボックス02
------------------------------------------- */
 
#main .box02 {
	padding: 0px;
	margin: 0px 0px 50px;
	background: url(../imegs/flow01.gif) no-repeat 20px 0px;
}


/* ボックス03
------------------------------------------- */
 
#main .box03 {
	padding: 0px 10px 20px;
	margin: 0px 10px 20px;
	border-bottom: 1px dotted #CCCCCC;
	width: 510px;
}
#main .box03 p {
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}
#main .box03 ul {
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}
#main .box03 li {
	list-style: none;
}
#main .box03 .n01 a {
	text-decoration: none;
	background: url(../imegs/info_01a.jpg);
	display: block;
	margin: 0px;
	padding: 78px 0px 0px 260px;
	height: 22px;
	width: 250px;
	color: #666666;
}
#main .box03 .n01 a:hover,#main .box03 .n01 a:active {
	text-decoration: none;
	background: url(../imegs/info_01b.jpg);
	display: block;
	margin: 0px;
	padding: 78px 0px 0px 260px;
	height: 22px;
	width: 250px;
	color: #FF0000;
}



/* ボックス04
------------------------------------------- */
 
#main .box04 {
	padding: 0px 10px 20px;
	margin: 0px 10px 20px;
	border-bottom: 1px dotted #CCCCCC;
	width: 510px;
}
#main .box04 p {
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}
#main .box04 ul {
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}
#main .box04 li {
	list-style: none;
}
#main .box04 .n01 a {
	text-decoration: none;
	background: url(../imegs/hotspring_05a.jpg);
	display: block;
	margin: 0px;
	padding: 134px 0px 0px 400px;
	height: 60px;
	width: 110px;
	color: #FFFF00;
}
#main .box04 .n01 a:hover,#main .box04 .n01 a:active {
	text-decoration: none;
	background: url(../imegs/hotspring_05b.jpg);
	display: block;
	margin: 0px;
	padding: 134px 0px 0px 400px;
	height: 60px;
	width: 110px;
	color: #FF0000;
}

/********************* 和み寛ぎのページ */

#kyakushitsu1 {
	width: 510px;
}

#kyakushitsu1 li {
	float: left !important;
	width: 199px !important;
	margin: 20px 0 0 0;
}

#kyakushitsu1 li p {
	padding: 0 0 0 5px !important;
}

#kyakushitsu1 li p span {
	font-size: 85%;
}

#kyakushitsu1 .right {
	float: right !important;
	width: 302px !important;
}

#kyakushitsu1:after{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#kyakushitsu1{
	overflow: hidden;
	zoom: 100%;
}

#kyakushitsu2 {
	width: 510px;
}

#kyakushitsu2 li {
	float: left !important;
	width: 250px !important;
	margin: 20px 0 0 0;
}

#kyakushitsu2 li p {
	padding: 0 0 0 5px !important;
}

#kyakushitsu2 .right {
	float: right !important;
}

#kyakushitsu2:after{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#kyakushitsu2{
	overflow: hidden;
	zoom: 100%;
}




/* ----------------------------------------
 * サイトマップ
 * ---------------------------------------- */


.site {
	margin: 0px auto 20px;
	padding: 0px 10px 20px;
	border-bottom: 1px dotted #CCCCCC;
}


.site ul {
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 12px;
	line-height: 18px;
}
.site li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}


/* n01 */
#main .site .n01 a {
	color: #000000;
	text-decoration: none;
	background: url(../imegs/midashi.gif) no-repeat left center;
	margin: 0px;
	padding: 1px 0px 0px 15px;
}
#main .site .n01 a:hover,#main .site .n01 a:active {
	color: #A7C17D;
	text-decoration: none;
	background: url(../imegs/midashi.gif) no-repeat left center;
	margin: 0px;
	padding: 1px 0px 0px 15px;
}


/* n02 */
#main .site .n02 a {
	color: #666666;
	text-decoration: none;
}
#main .site .n02 a:hover,#main .site .n02 a:active {
	color: #A7C17D;
	text-decoration: none;
}


/* ----------------------------------------
 * フッター
 * ---------------------------------------- */
 
 
#footer {
	clear: both;
	padding: 70px 10px 0px;
	margin: 0px;
	height: 90px;
	background: url(../imegs/f_bg_.gif) no-repeat;
}
#footer ul {
	font-size: 10px;
	line-height: 14px;
	margin: 0px;
	padding: 0px 0px 10px;
	text-align: center;
	color: #FFFFFF;
}
#footer li {
	list-style: none;
	display: inline;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover,#footer a:active {
	color: #FF9900;
	text-decoration: none;
}


/* コピーライト
------------------------------------------- */

#copyright {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#copyright address {
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	margin: 0px;
	padding: 5px 20px 5px 0px;
	text-align: center;
	color: #FFFFFF;
}
#copyright a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#copyright a:hover,#copyright a:active {
	color: #FF9900;
	text-decoration: none;
}



/* トリップアドバイザー */
#wrapper .trip_advisor {
	width: 150px;
	margin: 0 10px 0 auto;
}