/* CSS Document */
/*************************************
  common
*************************************/
* {
	padding:0;
	margin:0px;
	outline:none;
	}
html {
	overflow-y:scroll;
	}
ul,h1 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
body {
	background:url(http://www.princehotels.co.jp/common/imgs/module_parts/parts_header/bg02.gif) repeat-x;
	text-align:center;
	font-family:"Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif,"ＭＳ Ｐゴシック" ;
	min-width:950px;
	font-size:14px;
	line-height: 1.5;
}
img {
	vertical-align:top;
	border:0;
	}
#wrap {
	text-align:center;
	}
#header {
	width:950px;
	text-align:left;
	margin:0 auto;
	}
#header .topLogo {
	float: left;
}
#header .seibuLogo {
	float: right;
	margin-top: 20px;
}
#headimg {
	width: 950px;
	height: 317px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#headmenu {
	position: absolute;
	width: 500px;
	height: 13px;
	left: 355px;
	top: 15px;
}
#headmenu ul {
	margin: 0px;
	padding: 0px;
}
#headmenu li {
	float: left;
	margin-right: 25px;
	height: 13px;
}
#container {
	width: 950px;
	text-align: left;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	background: url(../images/pagebk.png) center top repeat;
	-webkit-box-shadow: 0px 0px 5px #999;
	-moz-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 5px #999;
}
#container:after {
	display: block;
	clear: both;
	content: "";
}
#container #container_inner {
	width: 901px;
	margin: 15px 24px 0 25px;
}
#content {
	width:950px;
	margin:20px auto;
	}
#main {
	width: 900px;
	height: auto;

}
.fixed {
	position: fixed;
	top: 10px;
}
#footer {
	background:url(http://www.princehotels.co.jp/common/imgs/module_parts/parts_footer/bg01.gif) repeat-x;
	clear: both;
	padding: 25px 0px 15px 0px;
	}
#copyright {
	width:950px;
	text-align:right;
	margin:0 auto;
	}
.pagetop {
	clear: both;
	text-align: right;
	font-size: 12px;
	margin: 5px 8px 30px 0;
}
.pagetop a {
	text-decoration: none;
	color: #000000;
}
.pagetop a:hover {
	text-decoration: underline;
}
.link_img a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
}
.font12 {
	font-size: 12px;
}
.font13 {
	font-size: 13px;
}
.disnon {
	display: none;
}
.mt5 {
	margin-top: 5px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mt40 {
	margin-top: 40px;
	clear: both;
}
.fltLeft {
	float: left;
}
.fltRight {
	float: right;
}
.normal {
	font-weight:normal;
}
h2,h3 {
	margin-bottom: 15px;
}
.desc {
	margin-bottom: 5px;
}
.desc2 {
	padding-left:6em;
	text-indent:-6em;
}
/* hack for mac */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.desc2 {
		padding-left:5.5em;
		text-indent:-5.5em;
	}
}
.section {
	margin-bottom: 30px;
	overflow:hidden;
}
.textblue {
	color: #1D1E88;
}
#bg_itsukushima, #bg_fuji, #bg_kyoto, #bg_shiretoko, #bg_tomioka {
	margin-top: 1px;
	background: url(../images/squairy_light.png) left top repeat;
}
td{
	font-size:14px;
	}

/*************************************
  fuji
*************************************/
#fuji .box02 {
	float: right;
	width: 545px;
}
#fuji .box01 {
	float: left;
	width: 475px;
}
#fuji  .view_text01 {
	text-align: left;
	margin-left: 8px;
	color: #0E6EB8;
	font-weight: bold;
	font-size: 16px;
	border-left: 5px solid #0E6EB8;
	padding-left: 8px;
}
#fuji .view_text02 {
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
	height: 40px;
}
#fuji #map .point01 {
	height: 23px;
	width: 67px;
	position: absolute;
	left: 67px;
	top: 325px;
}
#fuji #map .point02 {
	height: 24px;
	width: 60px;
	position: absolute;
	left: 141px;
	top: 187px;
}
#fuji #map .point03 {
	height: 27px;
	width: 73px;
	position: absolute;
	left: 158px;
	top: 216px;
}
#fuji #map .point04 {
	height: 23px;
	width: 76px;
	position: absolute;
	left: 116px;
	top: 9px;
}
#fuji #map .point05 {
	height: 22px;
	width: 120px;
	position: absolute;
	left: 187px;
	top: 323px;
}
#fuji #map .point06 {
	height: 74px;
	width: 34px;
	position: absolute;
	left: 21px;
	top: 177px;
}
#fuji #map .point07 {
	height: 22px;
	width: 77px;
	position: absolute;
	left: 229px;
	top: 393px;
}


/*************************************
  kyoto
*************************************/
#kyoto  .box02, #itsukushima .box02, #tomioka .box02 {
	float: right;
	width: 570px;
	overflow:hidden;
}
#kyoto .box01 {
	float: left;
	width: 450px;
}
#kyoto  #map, #fuji #map {
	float: right;
	height: 420px;
	width: 420px;
	position: relative;
}
#kyoto #map .point01 {
	height: 23px;
	width: 101px;
	position: absolute;
	left: 86px;
	top: 76px;
}
#kyoto #map .point02 {
	height: 45px;
	width: 89px;
	position: absolute;
	left: 167px;
	top: 155px;
}
#kyoto #map .point03 {
	height: 26px;
	width: 78px;
	position: absolute;
	left: 0px;
	top: 198px;
}
#kyoto #map .point04 {
	height: 30px;
	width: 115px;
	position: absolute;
	left: 297px;
	top: 196px;
}
#kyoto #map .point05 {
	height: 45px;
	width: 107px;
	position: absolute;
	left: 226px;
	top: 309px;
}
#kyoto #map .point06 {
	height: 24px;
	width: 76px;
	position: absolute;
	left: 44px;
	top: 171px;
}
#kyoto  .num, #fuji .num {
	background: url(../images/kyoto/num_bk.gif) left 4px no-repeat;
	display: block;
	padding-left: 5px;
	padding-top: 3px;
	width: 22px;
	float: left;
	color: #FFFFFF;
	font-size: 16px;
}


/*************************************
  shiretoko
*************************************/
#shiretoko .box01 {
	float: left;
	width: 455px;
}
#shiretoko .box02 {
	float: right;
	width: 435px;
}
#shiretoko  .tbl01 td {
	text-align: left;
	vertical-align: top;
	padding-bottom: 10px;
	font-size:14px;
}


/*************************************
  itsukushima
*************************************/
#itsukushima .box01 {
	width: 470px;
	float: left;
}


/*************************************
  tomioka
*************************************/
#tomioka .box01 {
	width: 475px;
	float: left;
}


/*************************************
  parts
*************************************/
.box01   p      {
	margin-bottom: 10px;
}
#pagemenu {
	width: 272px;
	position: absolute;
	top: 5px;
	left: 25px;
	height: 312px;
}
#pagemenu dt {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #121D56;
}
.ph  {
	float: left;
	width: 299px;
	text-align: left;
	overflow:hidden;
}
.ph p {
	width: 299px;
	float: left;
}
.ph img {
	border: 3px solid #fff;
}
h4.point {
	font-size: 20px;
	color: #1D2088;
}
.hotelph {
	float: left;
	height: 208px;
	width: 308px;
	margin-right: 12px;
}
.hotelph img {
	border: 4px solid #FFFFFF;
}
.section_hotel {
	background-color: #F2EFE6;
	padding: 15px;
	margin-top: 50px;
	border: 1px solid #999999;
}
.section_hotel .fltRight {
	width: 545px;
}
.section_hotel .hotelname {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.section_hotel .hotelname a {
	color: #18217C;
	text-decoration: underline;
}
.section_hotel .hotelname a:hover {
	color: #5C60A9;
}
.planname       {
	font-size: 20px;
	font-weight: bold;
	color: #E29312;
	margin-bottom: 5px;
}
.price {
	font-size: 13px;
}
.price span {
	font-size: 22px;
	margin-left: 5px;
	font-weight: bold;
	color: #18217C;
	margin-right: 5px;
}
.date {
	font-size: 14px;
	color: #472F05;
	font-weight: bold;
}
.topdisc {
	font-size: 16px;
	margin-bottom: 3px;
	clear: both;
	color: #5C60A9;
	font-weight: bold;
}
.topdisc span {
	font-size: 13px;
}
h3.heading {
	color: #421B00;
	font-size: 20px;
	border: 3px solid #4994E4;
	padding: 8px 10px 5px;
}
.borderbox {
	border: 3px dotted #E19410;
	padding: 10px;
	margin-bottom: 30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow:hidden;
}
.indent {
	text-indent:-1em;
	padding-left:1em;
}


/** clearfix
===================================*/
.clear {
	clear:both;
}
.clearfix:after {
	content:'';
	display:block;
	clear:both;
}
* html .clearfix {
	display:inline-block;
	zoom:1;
}
*:first-child + html .clearfix {
	display:inline-block;
	zoom:1;
}
.clearfix .link{
	background:url(../images/arrow.gif) 1px 0.4em no-repeat;
	padding:0px 10px;
	text-decoration:underline;
	}