@charset "euc-jp";







/* CSS Document */



@import url(top.css);



/* common

------------------------------------------------------------------*/

/**

 * 84.5% for !IE, keywords for IE to preserve user font-size adjustment

 * Percents could work for IE, but for backCompat purposes, we are using keywords.

 * x-small is for IE6/7 quirks mode.

 *

 */

/*body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}*/

table {font-size:inherit;font:100%;}



/**

 * 99% for safari; 100% is too large

 */

select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}



/**

 * Bump up !IE to get to 13px equivalent

 */

pre, code {font:115% monospace;*font-size:100%;}



/**

 * Default line-height based on font-size rather than "computed-value"

 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height

 */



html, h1, h2, h3, h4,pre,form,fieldset,input,textarea,p,blockquote, p, ul, ol, li, hr, dl, dt, dd, th, td {

  margin: 0;

  padding: 0;

 }



address, caption, cite, code, dfn, em, th, var{

  font-style:normal;

  font-weight:normal;

 }



ol,ul {

  list-style:none;

  }



/*table {

  border-collapse:collapse;

  border-spacing:0;

 }*/



h1, h2, h3, h4 {

  font-size:100%;

  font-weight: normal;

  color: #666666;

 }



q:before,q:after {

  content:'';

 }



hr {

  clear: both;

  visibility: hidden;

  height: 0;

  line-height: 0;

 }



.clear {

  clear: both;

  height: 0;

  margin: 0;

  padding: 0;

  font-size: 1px;

  line-height: 0;

  text-indent: -9999px;

 }



.disnone {

  display: none;

 }



fieldset, img, abbr,acronym {

  border: 0;

 }



a{

  color: #4F3990;

  text-decoration: none;

 }



a:hover {

  color: #E68C17;

  text-decoration: none;

 }



body {

  color: #555044;

  margin: 0;

  padding: 0;

  text-align: left;

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

	font-size:medium;

  color:#000000;

  line-height: 1.22em;

  background: #FFFFFF url(../com_img/bg.gif);

 }



.dotline {

	height: auto;

	margin: 10px 0;

	border-top: 1px dotted #4F3990;

	font-size: 12px;

}



/* container

------------------------------------------------------------------*/

/*

#container {

  width: 807px;

  margin: 0;

  padding: 0 0 30px;

  text-align: left;

  background: url(../com_img/main_bg.gif) repeat-y;

 }

*/

#container {

	width: 815px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 30px;

	padding-left: 7px;

	background-image: url(../com_img/main_bg.gif);

	background-repeat: repeat-y;

 }



/* header

------------------------------------------------------------------*/

#header {

  width: 800px;

  margin: 0;

  padding: 0;

  

  /* add 09.06.05 [relate : ORIKON link] */

  position: relative;

 }



#header {

  height: 90px;

  margin: 0;

  padding: 0;

  background: url(../com_img/header.jpg) no-repeat left top;

 }



#header h1, #header h2 {

  float: left;

  font-size: 1px;

  line-height: 0;

  text-indent: -9999px;

 }

/* start_Addition 20071217 */ 

#header h3,

#header div.other-hotels {

  float: left;

  font-size: 1px;

  line-height: 0;

  text-indent: -2000px;

 }



#header h3 a,

#header div.other-hotels a{

	display: block;

	width: 100px;

	height: 20px;

	padding: 0;

	margin-top: 62px;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 350px;

 }

/* end_Addition 20071217 */  

#header h1 a {

  display: block;

  width: 328px;

  height: 60px;

  margin: 12px 0 0 12px;

  padding: 0;

 }



/* add 09.06.05 [ORICON link] */

a#hd_oricon_link{

	display: block;

	position: absolute;

	left:390px;

	top:31px;

	text-indent: -9999px;

	

	height: 43px;

	width: 172px;

	

	

	/**[ ±þµÞ½èÃÖ ]**/

	display: none;

	/**[ ±þµÞ½èÃÖ ]**/

}

a#hd_jdpower_link{

	display: block;

	position: absolute;

	left:344px;

	top:10px;

	text-indent: -9999px;

	height: 65px;

	width: 245px;

}





#h-info {

  float: right;

 }



#h-info {

  margin: 0;

  padding: 0;

  font-size: 1px;

  line-height: 0;

  text-indent: -9999px;

 }



#h-info a {

  display: block;

  width: 187px;

  height: 66px;

  margin: 8px 15px 0 0;

  padding: 0;

 }



#headnavi {

  clear: both;

  width: 800px;

  height: 31px;

  padding: 0;

 }



/* content

------------------------------------------------------------------*/

#contents {

	clear: both;

	width: 800px;

	margin: 0;

	padding: 0;

	background-image:url(../images/menu_bg.jpg);

	background-repeat: repeat-y;

 }





/* footer

------------------------------------------------------------------ */

#footer {

  clear: both;

  /*width: 800px;*/

  /*height: 101px;*/

  margin: 0;

  padding: 0 0 20px;

  background: url(../com_img/footer_bg.gif) repeat-x bottom;
}



/* ÆâÅÆÆé~¡¦Åࡦ¡¦

------------------------------------------------------------------ */

#contents_other {

	clear: both;

	/*width: 800px;*/

	margin: 0;

	padding: 0;

	background-color:#FFFFFF;

	background-repeat: repeat-y;
 }



#contents-main-pankuzu {

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

	font-size:12px;

	width: 780px;

	height:20px;

	padding: 0;

	margin: 10px;

 }

 

 #contents-main-pankuzu-takaoka {

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

	font-size:12px;

	width: 780px;

	height:20px;

	padding: 0;

	margin: 9px 10px 10px 10px; /margin: 8px 10px 10px 10px;

 }

 

#contents-main-pankuzu a{

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

	font-size:12px;

	color: #003399;

 }

 

#contents-main-box {

	/*background-color:#CCFFCC;*/

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

	width: 780px;

	height: auto;

	padding: 0;

	margin: 10px auto 10px auto;
	
	
 }



#contents-main-box a{

	text-decoration:underline;

	color:#0000FF;

}



#contents-main-box a:hover{

	color:#0000FF;

}	

 
#contents-main-box2 {
	/*background-color:#CCFFCC;*/
	font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯",Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";	
	width: 700px;
	height: auto;
	padding:0px 46px;
	margin: 10px;
 }

 

 /*¥»¥ó¥¿¡¼¡¦E¡¦¡¦¡¦

------------------------------------------------------------------ */

#contents-main-box_center {

	/*background-color:#CCFFCC;*/

	width: 620px;

	height: auto;

	padding: 0;

	/*margin: 0px 60px 0px;*/
	
	margin: 0 auto;
}





/*IÃô)¡¦X¥¿¥¤¥ë£é"¡¦¡¦èÓ108*/



.superroom{

	font-size:0.78em;

	color:#000000;

}



.superroom li{

	list-style:disc;

}



table#sroom-attention{

	margin-top:30px;

	letter-spacing:0.1em;

}





table#sroom-attention td{

	padding-bottom:10px;

}





#contents-01,

#contents-02

{

	margin-top:20px;

}





#honbun,

#owner-honbun,

#owner-honbun-bold,

#hyo,

#contents-03{

	font-size:14px;

	line-height:170%;

	color:#333333;

}





#owner-small .style3,

#owner-honbun-bold .style1{

	color:#3399FF;

	font-size: 12px;

	font-weight: bold;

	line-height: 20px;

}



#customer #holiday{

	margin:10px 20px 30px 20px;

	padding:8px;

	border: #FF9966 solid 1px;

	font-size:12px;

	color:#333333;

	}

	

#holiday .holiday_title{

	color:#CC0000;

	font-weight:bold;

	margin:0px;

	}



#customer p{

	font-size:12px;

	color:#333333;

	line-height:160% !important;

}



#customer h1{

	font-weight:bold;

	text-align:center;

	color:#000000;

}



#customer h2{

	font-weight:bold;

}



#customer_shisin{

	font-size:12px;

	color:#000000;

	margin-left:20px;

}



p.pagetop{

	margin:40px 0 0 0;

	font-size:12px;

	color:#333333;

	text-align:right;

	}

	

p.pagetop a{

	color:#333333;

	}

	

table.blue-link td{

	padding-bottom:4px;

}



#contents-main-box a,

table#moji_12 td a{

	color:#0000FF;

}



#contents-main-box a:visited,

table#moji_12 td a:visited{

	color:#660066;

}



/*add080222*/

#contents-main-pankuzu_080222 {

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

	font-size:17px;

	width: 772px;

	height:25px;

	margin: 10px;

	font-weight:bold;

	background-color: #ffcc00;

	padding-top: 3px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 8px;

 }

 

 #contents-main-box_center_080222 {

	width: 445px;

	height: auto;

	padding: 0;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}



.copy {

	COLOR: #808080;

	font-size: x-small;

	text-align: center;



}

#font_new{

	width: 445px;

	height: 125px;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #999999;

	border-bottom-color: #999999;

	margin-top: 30px;

	margin-right: 0px;

	margin-bottom: 40px;

	margin-left: 0px;

	text-align: left;

	font-family: "£Í£Ó ¥´¥·¥Ã¥¯";

	font-size: 16px;

	line-height: 22px;

}





.span1{

	color:#FF0000;

	font-size:22px;

	font-weight:bold;

	font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯";

}

.span2{

	font-size:10px;

	margin-left:210px;

	margin-top: 0px;

}

.table_new{

	text-align:center;

	border: 1px solid #CCCCCC;

	height: 65px;

}

.table_new h3{

	color: #003366;

	font-size: 20px;

	font-weight: bold;

	background-image: url(../img_hotelinfo/img_campaign/tel_icon.gif);

	background-repeat: no-repeat;

	padding-left: 20px;

	margin-left: 70px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 3px;

}

.bg_new{

	background-color:#eeeeee;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #CCCCCC;

}

.bg_new1{

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #999999;

	border-bottom-color: #999999;

	}

.gotop {

	text-align: right;

	margin-right: 20px;

	font-size: 11px;

	padding-top: 6px;

	padding-right: 0;

	padding-bottom: 6px;

	padding-left: 0;



}

.gotop a{

color:#000000;}



/* add080226 */





.new_p{

	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯";

	font-size: 15px;

	color: #000000;

	margin-left: 20px;

	margin-bottom: 0px;

	margin-top: 0px;

	margin-right: 0px;

}

#vod-header{

	height:311px;

	background: #000 url(../otoku/images/vod/vod_main.jpg) no-repeat;

}

#vod-header p,

#vod-header #contents-main-pankuzu_080222{

	display: none;

}

#spnetwork_new {

	padding: 15px;

	/*margin-top: 15px;*/

	background: #000 url(../otoku/images/vod/bg_loop.gif) left top;

}

#spnetwork_new h3{

	margin-bottom:10px;

	color: #ED1C24;

	font-size: 15px;

	font-weight:bold;

}



#sp_group_new ul {

	margin: 0 0 5px 24px;

	list-style-type: disc;

	color: #fff;

}







#sp_group_new li {

	/*width: 240px;*/

	height: auto;

	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯";

	font-size: 12px;

	margin: 0px;

	color: #fff;

	font-weight:bold;

}







#sp_group_new li a {

	width: 240px;

	height: auto;

	margin-top: 0px;

	margin-bottom: 0px;

	color: #fff;

}







#sp_group_new a:hover {

	color: #000;

	background: #fff;

}







#sp_group01_new {



  float: left;



  width: 240px;



  margin: 0 12px 0 0;



}







#sp_group02_new {



  float: left;



  width: 240px;



  margin: 0 12px 0 11px;



}







#sp_group03_new {



  float: right;



  width: 240px;



  margin: 0 0 0 11px;



}







#sp_group_new h4{

	border: 1px solid #fff;

	font-weight:bold;

	line-height: 100%;

	vertical-align: middle;

	color: #ED1C24;

	font-size: 15px;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 5px;

	margin-left: 0;

	padding-top: 3px;

	padding-right: 0;

	padding-bottom: 3px;

	padding-left: 8px;

	background:url(../otoku/images/vod/title_bg.png);



}

* html #sp_group_new h4{

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/vod/vod_main.jpg');

}





/*

#sp_group_new h4.bg01 {

  background-color: #DDDDDD;

}

#sp_group_new .bg02 {

  background-color: #E2FAF3;

}

#sp_group_new .bg03 {

  background-color: #dcf1fb;

}

#sp_group_new .bg04 {

  background-color: #FED999;

}

#sp_group_new h4.bg05 {

  background-color: #DFE5F0;

}

#sp_group_new .bg06 {

  background-color: #B2E3F8;

}

#sp_group_new h4.bg07 {

  background-color: #CCE3F0;

}

#sp_group_new .bg08 {

  background-color: #CCCEE4;

}

#sp_group_new .bg09 {

  background-color: #ECCCE5;

}

#sp_group_new h4.bg10 {

  background-color: #FCCCCC;

}

#sp_group_new .bg11 {

  background-color: #99B8FE;

}

*/

/*add 080227*/

#spnetwork_new_1 {

	padding-right: 60px;

	padding-left: 60px;

	margin-top: 20px;



}

.table_qa{

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #999999;

	border-right-color: #999999;

	border-bottom-color: #999999;

	border-left-color: #999999;

	width: 668px;

	margin-bottom: 16px;

}



.table_qa td{

	padding-left: 10px;

	font-size: 12px;

	text-align: left;

	line-height: 16px;

}

.table_qa td span{

	color:#FF0000;

	font-weight: bold;

}

#td_1{

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #999999;

}

#td_2{

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #999999;

}



/*add 080303*/

.old_news{

	width: 780px;

	/*height:600px;*/

	padding-top: 3px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	margin-top: 30px;

	margin-right: 10px;

	margin-bottom: 10px;

	margin-left: 10px;

	}

.old_news table{

	border-top-width: 2px;

	border-top-style: solid;

	border-top-color: #CCCCCC;

	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯";

	font-size: 16px;

}	

.old_news span{

	font-size:12px;

	color:#666666;

	font-weight: bold;

	margin-left: 5px;

	margin-top: 5px;

}	



.old_news ul{

	margin: 0px;

	padding-top: 0;

	padding-right: 10px;

	padding-bottom: 0;

	padding-left: 10px;

}



.old_news li{

  height: auto;

  padding: 5px 0;

  font-size:77%;

  line-height: 140%;

  list-style: none;

  border-bottom: 2px dotted #DDDDDD;



}

#td_3{

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

	line-height: 170%;

}

#no{

	border-bottom-style: none;

  }

/*TOP¥Ú¡¼¥¸Å¹ÉþºéÆë"ËíC¿êŽÀadd 080318*/

.btn_trbg{

	background-image: url(../images/button_tr1.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 20px;

	width: 200px;

}

.btn_trbg a{

width:220px;}

.btn_trbg a:hover{

width:220px;}	

.btn_trbg1{

	padding-left: 20px;

}

	

.btn_trbg1 a{

width:220px;}

.btn_trbg1 a:hover{

width:220px;}	







/*¡¡½òÞãéáEÃáp¥óÃå0H add 080619		*/

/*¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½*/



#contents-main-box_center1 {

	width: 780px;

	padding: 0;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	text-align:left;
}



.pic_1{

	margin-top: 20px;

}

.title_1{

	margin-top: 30px;

	margin-bottom: 30px;

}

.title_content{

	background-image: url(../breakfast/images/pic_2.jpg);

	background-repeat: no-repeat;

	background-position: right top;

}

.title_content p{

	font-size:12px;

	font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯";

	width: 700px;

	color: #666666;

	line-height: 18px;

}

.line{

	margin-top: 30px;

	margin-bottom: 30px;

}



.title_content1{

	background-image: url(../breakfast/images/pic_4.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	margin-top: 10px;

}

.title_content1 p{

	font-size:12px;

	font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯";

	width: 460px;

	text-align:left;

	color: #666666;

	line-height: 18px;

	margin-top: 20px;

	margin-bottom: 10px;

}

.title_content1 li{

	margin-bottom: 15px;

}

.title_content2{

	background-image: url(../breakfast/images/pic_5.jpg);

	background-repeat: no-repeat;

	background-position: right top;

	height: 360px;

}

.title_content2 p,.title_content3 p{

	font-size:12px;

	font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯";

	width: 480px;

	text-align:left;

	margin-top: 20px;

	margin-left: 5px;

	margin-bottom: 20px;

	line-height: 18px;

	color: #666666;

}

.title_content2 ul{

	padding-top: 60px;

}

.title_content2 li{

	float:left;

}



.title_content3{



}



.title_content3 ul{

	float: left;

	height: 120px;

	/*margin-right: 60px;*/

	margin-right: 24px;

	padding-left: 12px;

}

.title_content3 li{

	background-image: url(../breakfast/images/pic_6.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left:10px;

	font-size: 12px;

	line-height: 30px;

}

.white{

	width:27px;

	float: left;

	margin-top: 20px;

}