/* CSS Document */

/********************************************************************* tag_define */

* {

	margin: 0;

	padding: 0;

	font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";

	font-style: normal;

	text-decoration: none;

	line-height: 16px;

}



body{

	margin: 0px;

	line-height:120%;

	text-decoration: none;

	color: #000000;

	font-size: 13px;

	}



h2, h3, h4, p {

	margin: 0;

	padding: 0;

	font-weight: normal;

}

h1 {

	font-size: 10px;

	color: #FFFFFF;

	clear: both;

	height: 18px;

	background-color: #990000;

	width: 680px;

	padding-left: 20px;

	padding-top: 2px;

	font-weight:normal

}

ul, ol, li {

	list-style-type: none;

	margin: 0;

	padding: 0;

}



dl, dt, dd {

	margin: 0;

	padding: 0;

}

table, th, td{

}

a {

	text-decoration: none;

	color: #003366;

}

a:hover{

	text-decoration: underline;

}



/********************************************************** basic_position_classes */

.clear { clear: both;}

.align-c { text-align: center; }

.align-l { text-align: left; }

.align-r { text-align: right; }



/********************************************************** commmon_rayout_classes */



#container {

	background-color: #663300;

	width: 700px;

	margin-right: auto;

	margin-left: auto;

}



.contents {

	background-color: #F7EEEE;

	width: 680px;

	margin-right: auto;

	margin-left: auto;

}

.flash {

	height: 300px;

	width: 680px;

}

.top_main {

	background-image: url(../img/top_main_bg.gif);

	background-repeat: repeat-y;

	width: 680px;

	margin-top: 5px;

	padding-bottom: 10px;

}

.top_left {

	float: left;

	width: 180px;

	padding: 5px;

}

.top_right {



	float: left;

	width: 478px;

	padding-right: 6px;

	padding-left: 6px;

}





#p {

	background-image: url(../img/p.gif);

	background-repeat: repeat-x;

	margin: 3px 10px 0px 0px;

	padding-top: 3px;

	padding-bottom: 3px;

	clear: both;

	float: none;

}



/********************************************************** header */

.header {

	background-image: url(../img/header.gif);

	background-repeat: no-repeat;

	height: 60px;

	width: 700px;

}

.catch {

	font-size: 10px;

	color: #FFFFFF;

	clear: both;

	height: 18px;

	background-color: #990000;

	width: 680px;

	padding-left: 20px;

	padding-top: 2px;

}

/**************************** menu */

menu {

	width: 582px;

	height: 30px;

	background-image: url(../img/menu.gif);

	background-repeat: no-repeat;

	}



.menu ul {

	width: 700px;

	height: 27px;

	background: url(../img/menu.gif) no-repeat 0px 0px;

	}



.menu ul li {

	display: inline;

	text-indent: -9000px;

	}



.menu ul li a {

	width: 700px;

	float:left;

	display: block;

	overflow: hidden;

	height: 27px;

	}



.menu ul li.menu01 a {

	background: url(../img/menu.gif) no-repeat 0px 0px;

	width: 78px;

	}



.menu ul li.menu02 a {

	background: url(../img/menu.gif) no-repeat -78px 0px;

	width: 99px;

	}



.menu ul li.menu03 a {

	background: url(../img/menu.gif) no-repeat -177px 0px;

	width: 84px;

	}



.menu ul li.menu04 a {

	background: url(../img/menu.gif) no-repeat -261px 0px;

	width: 63px;

	}



.menu ul li.menu05 a {

	background: url(../img/menu.gif) no-repeat -324px 0px;

	width: 95px;

	}



.menu ul li.menu06 a {

	width: 97px;

	background: url(../img/menu.gif) no-repeat -419px 0px;

	}



.menu ul li.menu07 a {

	width: 84px;

	background: url(../img/menu.gif) no-repeat -516px 0px;

}

.menu ul li.menu08 a {

	width: 100px;

	background: url(../img/menu.gif) no-repeat -600px 0px;

}



.menu ul li.menu01 a:hover {

	background: url(../img/menu.gif) no-repeat 0px -27px;

	width: 78px;

	}



.menu ul li.menu02 a:hover {

	background: url(../img/menu.gif) no-repeat -78px -27px;

	width: 99px;

	}



.menu ul li.menu03 a:hover {

	background: url(../img/menu.gif) no-repeat -177px -27px;

	width: 84px;

	}



.menu ul li.menu04 a:hover {

	background: url(../img/menu.gif) no-repeat -261px -27px;

	width: 63px;

	}



.menu ul li.menu05 a:hover {

	background: url(../img/menu.gif) no-repeat -324px -27px;

	width: 95px;

	}



.menu ul li.menu06 a:hover {

	width: 97px;

	background: url(../img/menu.gif) no-repeat -419px -27px;

	}



.menu ul li.menu07 a:hover {

	width: 84px;

	background: url(../img/menu.gif) no-repeat -516px -27px;

}

.menu ul li.menu08 a:hover {

	width: 100px;

	background: url(../img/menu.gif) no-repeat -600px -27px;

}





/********************************************************** banner */



#SideMenu_a{

	width:180px;

	height:100%;

}

#SideMenu_a li{

	margin-bottom: 5px;

}

#SideMenu_a ul a{

	background-repeat: no-repeat;

	background-position: 0px 0px;

	text-indent: -9999px;

	display: block;

	height: 40px;

	width: 180px;

}



#SideMenu_a ul a:hover{

	background-position: 0px -40px;

}



/* menu1 */

#SideMenu_a ul a#SideMenu1{

	background-image: url(../img/btn_a1.gif);

	background-repeat: no-repeat;

}

/* menu2 */

#SideMenu_a ul a#SideMenu2{

	background-image: url(../img/btn_a2.gif);

	background-repeat: no-repeat;

}





#SideMenu_b{

	width:180px;

	height:100%;

}

#SideMenu_b li{

	margin-bottom: 5px;

}

#SideMenu_b ul a{

	background-repeat: no-repeat;

	background-position: 0px 0px;

	text-indent: -9999px;

	display: block;

	height: 60px;

	width: 180px;

}



#SideMenu_b ul a:hover{

	background-position: 0px -60px;

}



/* menu1 */

#SideMenu_b ul a#SideMenu1{

	background-image: url(../img/btn_b1.gif);

	background-repeat: no-repeat;

}





#Banner{

	width:180px;

	height:100%;

	margin-top:5px;

	margin-bottom: 5px;

}

#Banner li{

	margin-bottom:5px;

	margin-top: 5px;

}







/********************************************************** footer */

.footer {

	width: 690px;

	background-image: url(../img/footer.gif);

	background-repeat: no-repeat;

	height: 80px;

	padding-top: 10px;

	padding-left: 10px;

	line-height: 140%;

	}



.footer ul {

	height: 20px;

	padding-top: 5px;

	text-align: center;

	}



.footer li {

	display: inline;

	font-size: 11px;

	color: #000000;

	}



.footer ul li a:link, 

.footer ul li a:visited {

	color: #000000;

	text-decoration: none;

	}



.footer ul li a:hover, 

.footer ul li a:active {

	color: #CC0000;

	text-decoration: underline;

	}

	

#copy {

	font-size: 9px;

	color: #990000;

	text-align: right;

	margin-right: 5px;

	font-family: Arial, Helvetica, sans-serif;

	margin-bottom: 5px;

}



/********************************************************** others */

#limited_plan {
	background-image: url(../img/limited_plan_bg.gif);
	background-repeat: no-repeat;
	width: 478px;
	margin-top: 5px;
	background-color: #000000;
	padding-bottom: 5px;
}

#limited_plan .limited_box {
	background-color: #4D4D4D;
	padding: 5px;
	float: left;
	width: 220px;
	margin-right: 3px;
	margin-left: 3px;
}

#limited_plan .limited_box_img {
	float: left;
}

#limited_plan .limited_box_txt {
	float: left;
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 5px;
	width: 133px;
}





.stay_plan {

	background-color: #000000;

	background-image: url(../img/stay_plan_bg.gif);

	background-repeat: no-repeat;

	float: left;

	width: 279px;

	margin-top: 10px;

	padding-right: 5px;

	padding-left: 5px;

	margin-right: 9px;

	padding-top: 0px;

	padding-bottom: 5px;

}



.stay_box {

	background-color: #4D4D4D;

	padding: 5px;

	width: 269px;

	margin-bottom: 7px;

}



.stay_box_img {

	float: left;

}



.stay_box_txt {

	float: left;

	font-size: 12px;

	color: #FFFFFF;

	padding-left: 5px;

	width: 162px;

}





.info {

	background-color: #C6D6FD;

	float: left;

	width: 170px;

	margin-top: 10px;

	padding: 5px;

	height: 420px;

}



.info li {

	margin-bottom: 10px;

}



.info ul a {

	background-repeat: no-repeat;

	background-position: 0px 0px;

	text-indent: -9999px;

	display: block;

	height: 130px;

	width: 170px;

}



.info ul a:hover {

	background-position: 0px -130px;

}



.info ul a.info01 {

	background-image: url(../img/banner_info1.gif);

	background-repeat: no-repeat;

}



.info ul a.info02 {

	background-image: url(../img/banner_info2.gif);

	background-repeat: no-repeat;

}



.info ul a.info03 {

	background-image: url(../img/banner_info3.gif);

	background-repeat: no-repeat;

}



.banner_rental1 {

	float: left;

	width: 243px;

}

.banner_rental2 {

	float: left;

	width: 235px;

}

.txt14B {

	font-size: 14px;

	font-weight: bold;

}



.plan_name {

	font-size: 12px;

	color: #FFCC00;

	margin-bottom: 5px;

}

.plan_name a:link, 

.plan_name a:visited {

	color: #FFCC00;

	text-decoration: underline;

	font-weight: bold;

	}



.plan_name a:hover, 

.plan_name a:active {

	color: #FFFF99;

	text-decoration: underline;

	font-weight: bold;

	}

.contents_main {

	width: 650px;

	padding-bottom: 10px;

	background-color: #FFFFFF;

	padding-top: 10px;

	padding-right: 15px;

	padding-left: 15px;

	font-size: 14px;

	line-height: 140%;

	color: #666666;

}

.img_title {

	height: 100px;

	width: 700px;

}

.titlebar {

	font-size: 16px;

	font-weight: bold;

	color: #FFFFFF;

	background-image: url(../img/title_bg.gif);

	background-repeat: no-repeat;

	height: 25px;

	width: 630px;

	padding-top: 10px;

	padding-left: 20px;

	margin-bottom: 5px;

}

.titlebar a:link, 

.titlebar a:visited {

	color: #FFFFFF;

	text-decoration: underline;

	font-weight: bold;

	}



.titlebar a:hover, 

.titlebar a:active {

	color: #990000;

	text-decoration: underline;

	font-weight: bold;

	}





.box_280 {

	float: left;

	width: 280px;

	padding-top: 5px;

}

.box_360 {

	float: left;

	width: 350px;

	padding-right: 10px;

}

.grey_box_650 {

	background-color: #EEEEEE;

	width: 650px;

	margin-top: 10px;

	margin-bottom: 10px;

	padding-top: 5px;

}

.grey_box_650 img {

	border: 1px solid #FFFFFF;

}

.box_216 {

	text-align: center;

	float: left;

	width: 216px;

}

.box_320_l {

	width: 315px;

	padding-right: 10px;

	float: left;

}

.box_320_l img {

	border: 5px solid #CC9999;

	margin: 0px 5px 5px 0px;

}



.box_320_r {

	width: 315px;

	padding-left: 10px;

	float: left;

}



.titlebar_315 {

	font-size: 16px;

	font-weight: bold;

	color: #FFFFFF;

	background-image: url(../img/title_bg.gif);

	background-repeat: no-repeat;

	height: 25px;

	width: 295px;

	padding-top: 10px;

	padding-left: 20px;

	margin-bottom: 5px;

}

.titlebar_315 a:link, 

.titlebar_315 a:visited {

	color: #FFFFFF;

	text-decoration: underline;

	font-weight: bold;

	}



.titlebar_315 a:hover, 

.titlebar_315 a:active {

	color: #990000;

	text-decoration: underline;

	font-weight: bold;

	}



.box_320_r img {

	border: 5px solid #CC9999;

	margin-right: 5px;

	margin-bottom: 5px;

}

.txt12B_white {

	font-size: 12px;

	font-weight: bold;

	color: #FFFFFF;

}

.box_640 {

	width: 640px;

	margin-right: auto;

	margin-left: auto;

}



.kuma_link {

	font-size: 12px;

	color: #990000;

}



.kuma_link a:link, 

.kuma_link a:visited {

	color: #990000;

	text-decoration: underline;

	font-weight: bold;

	font-size: 12px;

	}



.kuma_link a:hover, 

.kuma_link a:active {

	color: #330000;

	text-decoration: underline;

	font-weight: bold;

	font-size: 12px;

	}

.box_plan {

	background-color: #F7EEEE;

	padding: 5px;

	width: 637px;

	border-top-width: 1px;

	border-right-width: 2px;

	border-bottom-width: 2px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #990000;

	border-right-color: #990000;

	border-bottom-color: #990000;

	border-left-color: #990000;

	font-size: 12px;

	color: #660000;

}



table.price {

  margin : 0px auto 5px auto;

  padding:0px;

  font-size : 12px;

  line-height : 130%;

  border-collapse: collapse ;

  border : #999 solid 1px ;

}

table.price th {

	padding:0px 3px;

	border: 1px solid #999;

}

table.price td {

  padding:0px 3px; 

  border : 1px #999 solid;

}

.menu_plan {

	background-image: url(../img/menu_plan_bg.gif);

	background-repeat: no-repeat;

	height: 34px;

	padding-top: 6px;

	padding-left: 20px;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #990000;

}



.menu_plan a:link, 

.menu_plan a:visited {

	color: #000000;

	text-decoration: underline;

	}



.menu_plan a:hover, 

.menu_plan a:active {

	color: #CC0000;

	text-decoration: underline;

	}



.menu_plan2 {

	background-image: url(../img/menu_plan_bg.gif);

	background-repeat: repeat-x;

	height: 37px;

	padding-top: 3px;

	padding-left: 20px;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #990000;

	line-height: 120%;

}



.menu_plan2 a:link, 

.menu_plan2 a:visited {

	color: #000000;

	text-decoration: underline;

	}



.menu_plan2 a:hover, 

.menu_plan2 a:active {

	color: #CC0000;

	text-decoration: underline;

	}



.gotop {

	text-align: right;

	}



.gotop a:link, 

.gotop a:visited {

	color: #000000;

	text-decoration: underline;

	}



.gotop a:hover, 

.gotop a:active {

	color: #CC0000;

	text-decoration: underline;

	}

.titlebar_voice {

	font-size: 16px;

	font-weight: bold;

	color: #660000;

	width: 615px;

	padding-top: 8px;

	padding-left: 17px;

	margin-bottom: 5px;

	background-color: #E7CF72;

	padding-bottom: 7px;

	border-top-width: 1px;

	border-left-width: 5px;

	border-top-style: solid;

	border-left-style: solid;

	border-top-color: #996600;

	border-left-color: #996600;

}

.box_voice {

	background-color: #FFFFEC;

	padding: 5px;

	width: 637px;

	border-top-width: 1px;

	border-right-width: 2px;

	border-bottom-width: 2px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #CC9900;

	border-right-color: #CC9900;

	border-bottom-color: #CC9900;

	border-left-color: #CC9900;

	line-height: 120%;

}

.text14B_red {

	font-size: 14px;

	font-weight: bold;

	color: #990000;

}

.titlebar_voice_pink {



	font-size: 16px;

	font-weight: bold;

	color: #660000;

	width: 615px;

	padding-top: 8px;

	padding-left: 17px;

	margin-bottom: 5px;

	background-color: #FFCCCC;

	padding-bottom: 7px;

	border-top-width: 1px;

	border-left-width: 5px;

	border-top-style: solid;

	border-left-style: solid;

	border-top-color: #990000;

	border-left-color: #990000;

}

.box_voice_pink {



	background-color: #FFEEEE;

	padding: 5px;

	width: 637px;

	border-top-width: 1px;

	border-right-width: 2px;

	border-bottom-width: 2px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #990000;

	border-right-color: #990000;

	border-bottom-color: #990000;

	border-left-color: #990000;

	line-height: 120%;

}

.hotel_info {

	color: #FFFFFF;

	background-image: url(../img/hotel_info.jpg);

	background-repeat: no-repeat;

	width: 175px;

	padding-top: 80px;

	padding-left: 5px;

	padding-bottom: 5px;

}

.text11 {

	font-size: 11px;

	line-height: 110%;

}

.text16BU {

	font-size: 16px;

	line-height: 140%;

	font-weight: bold;

	text-decoration: underline;

}

.hotel_info2 {



	color: #FFFFFF;

	background-image: url(../img/hotel_info_new.jpg);

	background-repeat: no-repeat;

	width: 177px;

	padding-top: 28px;

	padding-left: 3px;

	padding-bottom: 5px;

}

.text13BU {



	font-size: 13px;

	line-height: 120%;

	font-weight: bold;

	text-decoration: underline;

}

.text_box {

	background-color: #F7EEEE;

	padding: 5px;

	width: 640px;

}

.box_pink {

	background-color: #CC9999;

	padding: 5px;

	width: 100%;

}

.titlebar_brown {

	color: #FFFFFF;

	background-image: url(../img/titlebar_brown_bg.gif);

	background-repeat: repeat-x;

	padding: 5px;

	background-color: #350000;

	font-size: 12px;

	font-weight: bold;

	margin-top: 5px;

	margin-bottom: 5px;

}

.text_box315 {



	background-color: #F7EEEE;

	padding: 5px;

	width: 305px;

}

.text12 {

	font-size: 12px;

}

.text12B_red {



	font-size: 12px;

	font-weight: bold;

	color: #990000;

}

.box_pink315 {



	background-color: #CC9999;

	padding: 5px;

	width: 295px;

}

.text_box_img {

	border: 5px solid #CC9999;

}

.plan_menu_bg {

	background-image: url(../img/plan_menu_bg.gif);

	background-repeat: repeat-x;

	padding: 5px;

	width: 390px;

}

.plan_menu {

	margin-bottom: 2px;

	padding-top: 2px;

	padding-bottom: 2px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #990000;

	padding-left: 6px;

	border-left-width: 3px;

	border-left-style: solid;

	border-left-color: #990000;

}

.plan_menu_bg240 {



	background-image: url(../img/plan_menu_bg.gif);

	background-repeat: repeat-x;

	padding: 5px;

	width: 230px;

}

.pink_box_650 {

	background-color: #CC9999;

	width: 650px;

	margin-bottom: 10px;

	padding-top: 5px;

	padding-bottom: 5px;

}

.comment_annai1 {

	background-color: #F7EEEE;

	height: 53px;

	width: 300px;

	background-image: url(../img/comment_annai1.gif);

	background-repeat: no-repeat;

}

.comment_annai2 {

	background-color: #F7EEEE;

	height: 53px;

	width: 270px;

	background-image: url(../img/comment_annai2.gif);

	background-repeat: no-repeat;

	clear: both;

	float: none;

}

.week {

	font-size: 14px;

	font-weight: bold;

	color: #FFFFFF;

	text-align: center;

	background-image: url(../img/week_bg.gif);

	background-repeat: repeat-x;

	height: 25px;

}

.weekend {



	font-size: 14px;

	font-weight: bold;

	color: #FFFFFF;

	text-align: center;

	background-image: url(../img/weekend_bg.gif);

	background-repeat: repeat-x;

	height: 25px;

}

.holiday {

	font-weight: bold;

	color: #FFFFFF;

	text-align: center;

	background-image: url(../img/holiday_bg.gif);

	background-repeat: repeat-x;

	height: 50px;

}

.banner_tabiiro {

	height: 90px;

	width: 478px;

}

.banner_tabiiro .tabiiro {

	height: 90px;

	width: 390px;

	float: left;

}

.banner_tabiiro .shirasuna {

	height: 90px;

	width: 88px;

	float: left;

}


