@charset "UTF-8";
/* CSS Document */

/* サイドメニュー
---------------------------------------------------- */
#plan-navibox {
	width: 200px;
	height: 216px;
	margin: 0 0 20px;
}	
#plan-navibox .side-plan-navi li{
	float:left;
	font-size:0.1em;
}
#plan-navibox .side-plan-navi li a{
	display:block;
	outline:none;
	height:48px;
	text-indent:-9999px;
}
#plan-navibox .side-plan-navi li a:hover{
	background-position:-200px 0;	
}
#plan-navibox .side-plan-navi-01 a{
	width: 200px;
	background-image: url(../common_images/side_menu/stay_plan_02.jpg);
}
#plan-navibox .side-plan-navi-02 a{
	width: 200px;
	background-image: url(../common_images/side_menu/stay_plan_03.jpg);
}
#plan-navibox .side-plan-navi-03 a{
	width: 200px;
	background-image: url(../common_images/side_menu/stay_plan_04.jpg);
}
#plan-navibox .side-plan-navi-04 a{
	width: 200px;
	background-image: url(../common_images/side_menu/stay_plan_05.jpg);
}
#plan-navibox .side-plan-navi2 li{
	float:left;
	font-size:0.1em;
}
#plan-navibox .side-plan-navi2 li a{
	display:block;
	outline:none;
	height:26px;
	text-indent:-9999px;
}
#plan-navibox .side-plan-navi2 li a:hover{
	background-position:-200px 0;	
}
#plan-navibox .side-plan-navi-07 a{
	width: 200px;
	background-image: url(../common_images/side_menu/stay_plan_06.jpg);
}
.side-container-1 {
	clear: both;
	width: 200px;
	margin-bottom: 10px;
}
#side-container-info {
	width: 200px;
	padding-bottom: 200px;
	background-color: #eeeeee;
}
#side-container-info li {
	width: 187px;
	padding: 5px;
	border-width: 0 0 1px 3px;
	border-style: solid;
	border-color: #CCCCCC;
}


/* トップ
---------------------------------------------------- */
.top-container {
	width: 900px;
}
.top-container-l {
	float: left;
	width: 400px;
}
.top-container-l-in {
	width: 400px;
	margin-bottom: 20px;
}
.top-container-r {
	float: right;
	width: 480px;
}
.top-container-r-in {
	width: 480px;
	margin-bottom: 20px;
}
.top-container-r-in-l {
	float: left;
	width: 230px;
}
.top-container-r-in-r {
	float: right;
	width: 230px;
}
#topics-title {
	margin: 0;
}
#topics-box {
	width: 400px;
	background: url(../top_images/topics_bg.gif) no-repeat left bottom;
	padding: 10px 0 15px;
}
#topics-box-in {
    padding:0 0 10px 3px;
	height: 150px;
}
#top-activity {
	width: 480px;
	background: url(../top_images/activity_bg3.gif) no-repeat left bottom;
	padding-bottom: 15px;
}
#top-activity h2 {
	height: 90px;
	width: 480px;
	background: url(../top_images/activity_bg3.gif) no-repeat left top;
	font-size: 0.1em;
	text-indent: -9999px;
}
#top-activity .activity {
	float: left;
	height: 235px;
	width: 210px;
	background: url(../top_images/activity_bg2.gif) no-repeat left top;
	padding: 5px;
	margin: 0 10px 15px 10px;
	display: inline;
}
#top-activity .activity h3{
	margin-bottom: 3px;
}
#top-activity .activity img{
	margin-bottom: 3px;
}


/* 共用
---------------------------------------------------- */
.page-container-1 {
	clear: both;
	width: 680px;
	margin-bottom: 10px;
}
.page-container-2 {
	clear: both;
	width: 680px;
	margin-bottom: 20px;
}
.page-container-3 {
	clear: both;
	width: 680px;
	margin-bottom: 40px;
}
.page-container-bottom {
	clear: both;
	width: 680px;
}
.page-container-l-1 {
	float: left;
	width: 220px;
	margin-right: 10px;
}
.page-container-r-1 {
	float: right;
	width: 220px;
}
.page-container-l-2 {
	float: left;
	width: 330px;
	margin-right: 20px;
}
.page-container-r-2 {
	float: right;
	width: 330px;
}
.page-container-l-3 {
	float: left;
	width: 250px;
	margin-right: 20px;
}
.page-container-r-3 {
	float: right;
	width: 410px;
}
.page-container-l-4 {
	float: left;
	width: 410px;
	margin-right: 20px;
}
.page-container-r-4 {
	float: right;
	width: 250px;
}
.page-midashi-1 {
	width: 680px;
	margin-bottom: 10px;
}
.page-midashi-2 {
	width: 330px;
	margin-bottom: 10px;
}
.text-r {
    text-align: right;
}


/* 宿泊プラン
---------------------------------------------------- */
.stay-plan-title {
	margin: 0 0 10px;
	padding-left: 5px;
	border-width: 0 0 1px 3px;
	border-style: solid;
	border-color: #CCCCCC;
	font-size: 16px;
	font-weight: bold;
	color: #ff5400;
}
.stay-plan-youkou {
	margin: 0 0 10px;
	padding: 5px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #CCCCCC;
	background-color: #eeeeee;
}
.stay-plan-naiyou {
	margin: 0 0 20px;
}
.stay-table {
    padding: 3px;
	text-align: center;
}
.stay-table-att {
    text-align: right;
}
.stay-table_midashi {
    font-weight: bold;
	color: #FFFFFF;
}
#stay-plan-best1 {
	width: 680px;
	background: url(../stay/images/best1_bg.gif) no-repeat left bottom;
	padding-bottom: 15px;
	margin: 0 0 20px;
}
#stay-plan-best1 h3 {
	height: 60px;
	width: 680px;
	background: url(../stay/images/best1_bg.gif) no-repeat left top;
	font-size: 0.1em;
	text-indent: -9999px;
}
#stay-plan-best1 .photo {
	float: left;
	width: 300px;
	margin: 0 10px 0 10px;
	display: inline;
}
#stay-plan-best1 .plan {
	float: right;
	width: 350px;
	margin: 0 10px 0 0;
	display: inline;
}






/* 宿泊プラン　お客様の声
---------------------------------------------------- */
#stay-plan-voice {
	clear: both;
	width: 668px;
	margin: 0;
	padding: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #CCCCCC;
	background-color: #eeeeee;
}
#stay-plan-voice-title {
	width: 668px;
	margin: 0 0 10px;
}
.stay-plan-voice-box {
	float: left;
	width: 658px;
	margin: 0 0 20px;
	padding: 10px 5px 10px;
	background-color: #ffffff;
}
.stay-plan-voice-box-name {
	width: 658px;
	margin: 0 0 10px;
}
.stay-plan-voice-box-l {
	float: left;
	width: 310px;
	margin-right: 18px;
	padding: 5px;
	background-color: #f7f4d0;
}
.stay-plan-voice-box-r {
	float: right;
	width: 310px;
	padding: 5px;
	background-color: #e0eac7;
}
.stay-plan-voice-box .from {
	margin-bottom: 5px;
    font-size: 110%;
	font-weight: bold;
}


/* 温泉
---------------------------------------------------- */
.onsen {
	margin: 0 0 20px;
	padding: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #CCCCCC;
	background-color: #eeeeee;
}


/* レストラン
---------------------------------------------------- */
.restaurant {
	margin: 0 0 20px;
	padding: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #CCCCCC;
	background-color: #eeeeee;
}


/* アクティビティ
---------------------------------------------------- */
.activity-plan {
	margin: 0;
	padding: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #CCCCCC;
	background-color: #eeeeee;
}
.kyoukai {
	margin: 0 0 5px;
	padding: 3px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #CCCCCC;
	background-color: #eeeeee;
    font-size: 14px;
	font-weight: bold;
	color: #333333;
}


/* 交通アクセス
---------------------------------------------------- */
.parking {
	margin: 0 0 20px;
	padding: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #CCCCCC;
	background-color: #fff2df;
}


/* FAQ
---------------------------------------------------- */
.faq {
	margin: 0 0 50px;
	line-height: 1.7;
}
.faq-midashi {
	margin-bottom: 10px;
}
.faq-q {
	margin: 0 0 10px;
	padding: 3px 3px 3px 25px;
	background: url(../info/faq/images/q.gif) no-repeat left top;
	background-color: #eeeeee;
}
.faq-a {
	margin: 0 0 5px;
	padding: 0 0 10px 20px;
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: #CCCCCC;
	background: url(../info/faq/images/a.gif) no-repeat left top;
}
.faq-top {
	margin: 0 0 20px;
	text-align: right;
	font-size: 10px;
}


/* インフォtable
---------------------------------------------------- */
.info-table th,td {
    padding: 0px;
    border: none;
}
.pp {
	clear: both;
	width: 650px;
	padding: 10px;
	background-color: #eeeeee;
	line-height: 1.3;
}


/* トピックス
---------------------------------------------------- */
#topics-page-shortlist {
	width: 370px;
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	color: #434343;
	line-height: 1.5;
}
#topics-page-shortlist a {
	color: #434343;
	text-decoration: none;
}
#topics-page-shortlist a:visited {
	color: #434343;
}
#topics-page-shortlist a:hover {
	color: #7d7d7d;
	text-decoration: underline;
}
#topics-page-shortlist a:active {
	color: #7d7d7d;
}
#topics-page-shortlist dl {
	width: 360px;
	padding: 0 0 0 10px;
}
#topics-page-shortlist dt {
	margin: 0 0 5px;
	padding-left: 5px;
	border-width: 0 0 1px 3px;
	border-style: solid;
	border-color: #CCCCCC;
}
#topics-page-shortlist dd {
	margin: 0 0 15px;
}

.topics-page-list {
	margin: 0 0 5px;
	font-size: 120%;
}
#topics-page-navi {
	width: 680px;
	margin: 0 0 5px;
    text-align: right;
}
#topics-page-title {
	margin: 0 0 5px;
	padding: 5px;
	border-width: 0 0 1px 5px;
	border-style: solid;
	border-color: #CCCCCC;
	background-color: #eeeeee;
	font-size: 130%;
}
#topics-page-date {
	width: 680px;
	margin: 0 0 10px;
    text-align: right;
	font-size: 90%;
}

#topics-page-shortlist2 {
	width: 370px;
	margin: 15px 0 10px;
	text-align: right;
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	color: #434343;
	line-height: 1.5;
}
#topics-page-shortlist2 a {
	color: #434343;
	text-decoration: none;
}
#topics-page-shortlist2 a:visited {
	color: #434343;
}
#topics-page-shortlist2 a:hover {
	color: #7d7d7d;
	text-decoration: underline;
}
#topics-page-shortlist2 a:active {
	color: #7d7d7d;
}