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

/* CSS RESET */
html{
scroll-y:scroll;
overflow-y:scroll;
}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {
margin: 0;
padding: 0;
}
h1,h2,h3,h4,h5,h6,pre,em,strong,address,caption,cite,code,table,th,td {
font-size: 1em;
font-weight: normal;
font-style: normal;
}
ul,ol {
list-style: none;
}
table {
border-collapse:collapse; 
border-spacing: 0;
border:none;
}
img {
border-style:none;
vertical-align:bottom;
line-height:0;
}
a:link {
color:#fff;
text-decoration:none;
}
a:visited {
color:#FFF;
text-decoration:none;

}
a:hover {
color:#0099FF;
text-decoration:none;
}
a:active {
color:#FFF;
text-decoration:none;
}


/* BASIC LAYOUT */
body {
color: #000;
line-height:1.4;
font-size:10px;
_font-size:62.5%;
text-align: center;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo;
background-color: #fff;
text-align: justify;
text-justify:inter-ideograph;
font-weight:normal;
font-style:normal;
}


/* FONT */
p{
font-size:120%;
text-align: justify;
text-justify:inter-ideograph;
word-break: break-all;
white-space: normal;
color:#FFF;
margin-top:10px;
}
li {
color:#FFF;
font-size:120%;
}


/* TEXT */
.indent {
padding-left:1em;
}
.txt_copy{
font-size:160%;
}
.font10 {
font-size:10px;
}
.font14 {
font-size:14px;
}
.font18 {
font-size:18px;
}
.font35 {
font-size:35px;
}
.txt_indent {
text-indent:-1em;
padding-left:1em;
}



/* TITLE */
.title_h2 {
height:140px;
padding:10px 10px 0px 15px;
margin:0 0 10px 0;
}
h4 {
font-size:120%;
background-color:#002451;
color:#FFFFFF;
line-height:1.6;
padding:0px 0px 0px 10px;
margin:0px 0px 10px 0px;
}


/* LAYOUT */
.box {
width:100%;
clear:both;
}
.txt_box1 {
padding:0 0 0 0px;
margin:0 0 10px 0;
}
.txt_box2 {
padding:0 10px 0 10px;
margin:0 0 10px 0;
}
.txt_box3 {
padding:0 20px 0px 20px;
margin:0 0 10px 0;
clear:both;
}
.txt_box4 {
padding:0 50px 0px 50px;
margin:0px 0px 20px 0px;
}
.txt_box5 {
padding:0 100px 0px 100px;
margin:0px 0px 20px 0px;
}
#contents .box_left {
width:50%;
float:left;
}
#contents .box_right {
width:50%;
float:right;
}
#contents .border {
border:1px solid #FFF;
padding:5px 5px 5px 5px;
}
#contents .dot {
border:1px dotted #FFF;
padding:5px 5px 5px 5px;
}
.border_none{
border:none;
}
.clear {
clear:both;
}


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


/* CONTAINER */
#container {
width:950px;
margin:0 auto;
background:url(../images/bg_base.jpg) top left repeat-x;
background-color:#172B50;
}


/* MAIN IMAGE */
#container .main_image {
position:relative;
padding:0 0 0 0;
width:950px;
}

/* MAIN IMAGE2 */
#container .main_copy {
background:url(../images/flash.jpg) top left no-repeat;
padding:60px 0 0 30px;
height:360px;
width:820px;
text-align:center;
margin:0 auto;
}
#container .main_image img{
padding:0;
margin:0;
}
#container .main_copy h1{
text-indent:-9999px;
}
#container .main_copy p{
line-height:1.6;
}
/* CATEGORY NAVI */
#globalnav li {
display: inline;
float: left;
}


/* CONTENTS */
#contents {
width:910px;
padding:20px 20px 0px 20px;
clear:both;
background-image:url(../images/bg_cont.jpg);
background-repeat:repeat-x;
background-color:#172B50;
}


/* WRAP */
#contents .wrap {
width:900px;
float:left;
background:url(../images/bg_wrap.jpg) top left repeat-x;
background-color:#011037;
padding:5px 5px 5px 5px;
}


/* WRP_inline */
#contents .wrap_inline {
width:890px;
float:left;
border:1px solid #FFF ;
padding:5px 4px 5px 4px;
}


/* CONTENTS LEFT */
#contents .cont_left {
width:415px;
float:left;
text-align:left;
padding:0px 0px 10px 20px;
}


/* CONTENTS RIGHT */
#contents .cont_right {
width:415px;
float:right;
padding:0px 20px 20px 0px;
}


/* SUB NAVIGATION */
#subnav {
text-align:left;
clear:both;
padding:40px 0 0 0px;
margin:0px 0 0 20px;
}
#subnav li {
float: left;
font-size:100%;
text-align:right;
padding-top:3px;
color:#FFFFFF;
}
#subnav li a{
/*color:#FFFFFF;*/
text-decoration:none;
font-size:100%;
}
#subnav ol {
display:block;
}
.active {
color:#999999;
font-size:100%;
}


/* FOOTER */
#footer {
clear:both;
width:930px;
color:#FFF;
padding-top:10px;
padding-bottom:10px;
margin:0;
}
#footer .copy {
/*position:relative;
top:0;
right:0px;*/
}
#contact #footer p{
text-align:right;
font-size:100%;
line-height:1.4em;
margin-top:0px;
}
#footer p{
text-align:right;
font-size:100%;
line-height:1.4em;
margin-top:0px;
}

/* INFOMATION MENU */
#contents .info_menu {
position:absolute;
top:70px;
left:20px;
width:172px;
/*border-bottom:1px solid #FFF;*/
border-top:1px solid #FFF;
}
#contents .info_icon {
clear:both;
height:40px;
padding:6px 0px 6px 0px;
border-bottom:1px dotted #FFF;
}
#contents .info_icon_n {
clear:both;
height:40px;
padding:6px 0px 6px 0px;
border-bottom:1px solid #FFF;
}
#contents .info_rental {
clear:both;
height:40px;
padding:6px 0px 6px 0px;
border-bottom:none;
}
#contents .info_link {
clear:both;
height:40px;
padding:6px 0px 6px 0px;
border-bottom:none;
}
#contents .info_pdf {
clear:both;
height:40px;
padding:16px 0px 6px 0px;
}

.info_link dl {
padding-top:5px;
}
.info_link dt,dd {
color:#FFFFFF;
font-size:12px;
}
.info_link dd {
text-indent:1em;
}
/* LINK LIST */
.link_list {
clear:both;
padding:10px 10px 10px 20px;
}
.link_list li {
list-style:disc;
padding:0 0 0 0px;
}


/* ------------------------------------------------------------ */
/* TOP */

#top #container {
background-color:#172B50;
background-image:none;
}
#top #container .main_image {
text-align:center;
padding:0 0 20px 0;
background:url(../images/bg_main.jpg) top left repeat-x;
}
#top #contents {
width:930px;
padding:10px 10px 10px 10px;
clear:both;
background-image:none;
background-color:#172B50;
}
#top #contents .cont_left {
width:415px;
float:left;
text-align:left;
padding:0 0 0 15px;
}
#top #contents .cont_right {
width:500px;
float:right;
padding:0px 0px 0px 0px;
}
#top #subnav li{
display: inline;
float: left;
}
#top #subnav {
text-align:left;
clear:both;
padding:0px ;
margin:0px;
}
#top #footer {
clear:both;
width:930px;
padding:10px 20px 10px 0px;
background-color:#172B50;
color:#FFF;
}
.bn_box {
clear:both;
}
#contents .bn_box img{
margin:0px 10px 5px 0px;
}
#contents .cont_right ol{
padding:10px 10px 0px 10px;
width:480px;
/*
text-indent:-6em!important;
text-indent:-5em;/*IE6*/
}
body:first-of-type #contents .cont_right ol{
/*text-indent:-7.2em!important;/*safari*/
padding:10px 10px 0px 0px;
}

#contents .cont_right li{
color:#FFF;
}
#top .icon_tri li{
background:url(../images/icon_tri.jpg) top left no-repeat;
}
#top .icon_tri li a{
padding-left:18px;
}
/* origin btn */
#origin {
	position:absolute;
	top:465px;
	right:52px;
}
/* online btn */
#online {
position:absolute;
right:10px;
top:20px;
}
/* OPEN PLAN */
#open_plan {
position:absolute;
left:50px;
top:434px;
}


/* STAY */
#stay .title_h2 {
height:120px;
}
#stay .open_plan {
width:640px;
padding:0 20px 15px 20px;
margin:0 0 10px 0;
clear:both;
}
#stay #contents .wrap_inline{
background:url(../stay/images/bg_stay.jpg) top right no-repeat;
}
#stay #contents .box_left {
width:45%;
height:280px;
float:left;
padding:3px;
}
#stay #contents .box_right {
width:185px;
height:280px;
float:right;
padding:3px;
}
#stay #contents .box_right p{
width:165px;
padding-left:5px;
}
#stay .txt_box3 {
padding-top:1px;
}
#stay table {
width:300px;
color:#FFFFFF;
font-size:140%;
}

#stay .tariff_text {
float:left;
color:#FFFFFF;
font-size:90%;
padding:0 10px 0px 20px;
}
#stay .tariff_text p{
line-height:110%;
}
#stay .tariff_table {
float:right;
width:590px;
font-size:95%;
padding:10px 20px 0px 0px;
}
#stay .tariff_table p{
text-align:right;
}
#stay .tariff_table table{
border:1px solid #FFFFFF;
width:100%;
text-align:center;
}
#stay .tariff_table table td,tr {
border:1px solid #FFFFFF;
}
#stay .tariff_price {
background-color:#E1E1C0;
color:#464646;
}
#stay .tariff_season {
background-color:#ACA46A;
text-align:left;
padding:2px;
}
#stay .tariff_season2 {
background-color:#ACA46A;
text-align:center;
vertical-align:middle;
}
#stay .tariff_number {
background-color:#9D936B;
padding:2px;
}
#stay #subnav {
padding:0px 0 0 0px;
}

/* ROOMS */
#rooms .title_h2 {
height:150px;
}
#rooms .title_h2 p{
color:#666666;
}
#rooms #contents p.txt_box{
margin:0px 0px 20px 0px;
}
#rooms .txt_box {
width:420px;
}
#rooms #contents .wrap_inline{
background:url(../rooms/images/test_subimge.jpg) top right no-repeat;
}
#rooms h3 {
margin:0px 0px 10px 0px;
}
#rooms .room_img {
margin:0px 0px 10px 0px;
}
#rooms #box2{
margin-top:10px;
}
#rooms .txt_box3 {
clear:both;
}
#rooms .txt_box3 p {
padding-top:10px;
}
#box2 {
float:left;
width:420px;
padding:0;
margin:0;
}
#box2 p{
float:left;
padding:0;
margin:0;
}
#rooms #box2 .left{
width:230px;
float:left;
padding:0;
}
#rooms #box2 .right{
width:190px;
float:left;
padding:0;
}
#rooms #box2 .right p{
padding:0 0 0 10px;
width:180px;
}
#rooms #box2 p.txt_box{
margin:0px 0px 0px 0px;
}
#rooms .non_smoke{
display:block;
padding:5px 15px 0px 0px!important;
padding:5px 20px 0px 0px;
}
.non_smoke p {
border:1px solid #FFFFFF;
line-height:normal;
padding:3px;
float:right;
}
#rooms #subnav {
padding:20px 0 0 0px;
}



/* RESTAURANT */
#restaurant .title_h2 {
width:850px;
height:660px;
padding:10px 10px 0px 15px;
margin:0 0 0 0;
}
#restaurant .title_top {
padding:10px 10px 0px 15px;
}
#restaurant h4 {
background-color:#82643C;
width:370px;
color:#FFFFFF;
line-height:1.6;
padding:0px 0px 0px 10px;
}
#restaurant #contents .wrap_inline{
background:url(../restaurant/images/bg_restaurant.jpg) top right no-repeat;
background-color:#FFFFFF;
}
#restaurant #subnav {
text-align:left;
clear:both;
padding:10px 0 0 0px;
margin:0px 0 0 20px;
}


/* FACILITIES */
#facilities .title_h2 {
width:850px;
height:240px;
padding:0px 0px 0px 15px;
margin:0 0 0 0;
}
#facilities .title_h2 p{
padding:0 0 0 0;
margin:0 0 0 0;
}
#facilities .cont_left  {
padding-bottom:20px;
}
#facilities .cont_right  {
padding-bottom:20px;
}

/* ACTIVITIES */
#activity .title_h2 {
width:850px;
padding:0px 0px 0px 15px;
margin:0 0 0 0;
height:200px;
}
#activity .title_h2 p{
padding:0 0 0 0;
margin:0 0 0 0;
}
#activity #contents .border {
width:226px;
}
#activity #contents .plan{
width:240px;
float:left;
padding:0px 0px 0px 42px;
}
#activity #contents .plan2{
width:720px;
padding:0px 0px 0px 42px;
margin:0 0 10px 0;
float:left;
}
#activity #contents .plan2 .border{
width:785px;
float:left;
}
#activity #contents .plan2 .left{
float:left;
width:50%;
}
#activity #contents .plan2 .left p{
padding:0px 5px;
}
#activity #contents .plan2 .right{
float:right;
width:50%;
padding:10px 0px 0px 0px;
}
#activity #contents .plan2 .dot{
width:785px;
float:left;
}
#activity #contents .plan2 .rental_left {
float:left;
width:160px;
padding:0px 5px 0px 0px;
}
#activity #contents .plan2 .rental_right{
float:right;
width:615px;
}
#activity #contents .plan2 .rental_right p{
margin:0;
}


/* ACCESS */
#access .title_h2 {
height:160px;
}
#access .link_list {
padding:0px 0px 0px 20px;
}
#access #contents .wrap_inline{
position:relative;
background:url(../access/images/bg_access.jpg) top right no-repeat;
height:946px;
}
#access #subnav {
position:absolute;
bottom:10px;
left:0px;
padding:0 0 0 0px;
}
.travel_link a{
color:#00CCFF;
border-bottom:1px solid ;
}


/* ACTIVITY PLAN ------------------------------------------------------------ */


/* INFO MARINE */
#marine #contents .wrap_inline{
position:relative;
background:url(../activity/images/bg_marine.jpg) top right no-repeat;
height:605px;
}
#marine .title_info {
position:absolute;
top:20px;
right:20px;
}
#marine #subnav {
position:absolute;
bottom:10px;
left:0px;
padding:0 0 0 0px;
}
#marine #contents .box_left {
width:50px;
}
#marine #contents .box_right {
width:100px;
padding-left:5px;
}


/* INFO HACHIJO */
#hachijo #contents .wrap_inline{
position:relative;
background:url(../activity/images/bg_hachijo.jpg) top right no-repeat;
height:772px;
}
#hachijo .title_info {
position:absolute;
top:20px;
right:20px;
}
#hachijo #subnav {
position:absolute;
bottom:10px;
left:0px;
padding:0 0 0 0px;
}
#hachijo #contents .box_left {
width:50px;
}
#hachijo #contents .box_right {
width:100px;
padding-left:5px;
}
#hachijo .info_photo p {
margin-top:3px;
margin-bottom:10px;
font-size:90%;
}
#contents .info_photo {
position:absolute;
top:365px!important;
top:365px;/*IE6*/
left:20px;
width:170px;
}


/* INFO NATURE */
#nature #contents .wrap_inline{
position:relative;
height:750px;
}
#nature .title_info {
position:absolute;
top:20px;
right:20px;
}
#nature #subnav {
position:absolute;
bottom:10px;
left:0px;
padding:0 0 0 0px;
}
#nature #contents .box_left {
width:50px;
}
#nature #contents .box_right {
width:100px;
padding-left:5px;
}
#nature p.caption {
font-size:10px;
line-height:normal;
}
.nature_photo {
position:absolute;
top:85px;
right:35px;
}
#nature .nature_photo p{
padding-bottom:0;
margin:5px 0 10px 0;
}
table td,tr {
border:none;
}


/* INFO GOLF */
#golf #contents .wrap_inline{
position:relative;
background:url(../activity/images/bg_golf.jpg) top right no-repeat;
height:930px;
}
#golf .title_info {
position:absolute;
top:20px;
right:20px;
}
#golf #subnav {
position:absolute;
bottom:10px;
left:0px;
padding:0 0 0 0px;
}
#golf #contents .box_left {
width:50px;
}
#golf #contents .box_right {
width:100px;
padding-left:5px;
}
#golf_infomation{
border:1px solid #FFF;
position:absolute;
bottom:50px;
left:15px;
width:840px;
padding:13px;
}
#golf_infomation .photo_golf {
float:right;
}
.title_h3 {
color:#fff;
font-size:14px;
border-bottom:1px solid #fff;
display:inline;
}

/* SUBNAVIGATION------------------------------------------------------------ */
/* NEWS */
#news #contents .wrap_inline{
background:none;
}
#news .title_h2 {
height:40px;
}
#news .txt_box1 {
clear:both;
border-top:1px dotted #FFF;
margin:0px 20px 20px 20px;
padding-top:20px;
}
#news #contents .border_none{
border:none;
}
#news #contents .box_left {
float:left;
padding:0 0 20px 20px;
width:70%;
}
#news #contents .box_right {
float:right;
padding:0 20px 20px 0 ;
width:20%;
text-align:right;
}


/* GUIDE */
#guide #contents .wrap_inline {
background:url(../guide/images/bg_guide.jpg) top right no-repeat;
}
#guide .title_h2 {
height:60px;
}
#guide table {
font-size:120%;
color:#FFF;
border-collapse:collapse;
border:none;
margin:0px 0px 20px 0px;
}
#guidet table tr {
}
#guide table th {
text-align:left;
vertical-align:top;
border-bottom:1px solid #002451;
padding:20px 0 0px 0px;
}
#guide table td {
padding:20px 0 0px 40px;
border-bottom:1px solid #002451;
}
.t_head {
display:block;
width:100%;
background-color:#002451;
line-height:1.6;
padding:0px 0px 0px 10px;
}


/* CONTACT */
#contact #contents .wrap_inline{
background:none;
}
#contact .title_h2 {
height:40px;
}
#contact p {
line-height:2;
}
#contact h3 {
font-size:120%;
background-color:#002451;
color:#FFFFFF;
line-height:1.6;
padding:0px 0px 0px 10px;
margin:0px 0px 10px 0px;
}


/* PRIVACY */
#privacy #contents .wrap_inline{
background:none;
}
#privacy .title_h2 {
height:40px;
}
#privacy h3 {
font-size:120%;
background-color:#002451;
color:#FFFFFF;
line-height:1.6;
padding:0px 0px 0px 10px;
margin:0px 0px 10px 0px;
}
#privacy .signature {
text-align:right;
}


/* EMPLOYMENT */
#employment #contents .wrap_inline{
background:none;
}
#employment .title_h2 {
height:40px;
}
#employment h3 {
font-size:120%;
background-color:#002451;
color:#FFFFFF;
line-height:1.6;
padding:0px 0px 0px 10px;
margin:0px 0px 10px 0px;
}
#employment table {
font-size:120%;
color:#FFF;
border-collapse:collapse;
border:none;
margin:0px 0px 0px 60px;
}
#employment table th {
text-align:left;
vertical-align:top;
}
#employment table td {
padding:0 0 20px 40px;
}
.t_head {
display:block;
width:100%;
background-color:#002451;
line-height:1.6;
padding:0px 0px 0px 10px;
}


/* SITEMAP */
ul.upper{
font-size:100%;
font-weight:normal;
list-style:none;
line-height:2em;
}
ul.upper li {
padding-left:20px;
background:url(../sitemap/images/icon_arrow.gif) 0px 2px no-repeat;
}
ul.lower{
font-size:80%;
font-weight:normal;
list-style:none;
margin-bottom:10px;
}
ul.lower li{
background:url(../sitemap/images/icon_triangle.gif) 0px 4px no-repeat;
padding-left:25px;
margin-left:5px;
color:#0099FF;
}
ul.lower li.corner{
background:url(../sitemap/images/icon_triangle_corner.gif) 0px 4px no-repeat;
padding-left:25px;
margin-left:5px;
}

ul.lower li a:link {
color:#fff;
text-decoration:underline;
}
ul.lower li a:visited {
color:#FFF;
text-decoration:underline;

}
ul.lower li a:hover {
color:#0099FF;
text-decoration:underline;
}
ul.lower li a:active {
color:#FFF;
text-decoration:underline;
}


/* ONLINE */
#on_reserve .title_h2 {
height:120px;
position:relative;
}
#on_reserve #stay_btn {
position:absolute;
top:20px;
right:50px;
}

#on_reserve .txt_box1 {
margin:0px 5px 0px 35px;
}
#on_reserve h3 {
border:none;
}
#on_reserve .txt_box1 ul {
text-align:left;
}
#on_reserve .txt_box1 li {
float:left;
}
#on_reserve .sub_title {
font-size:16px;
color:#C8BE87;
line-height:1;
}
#on_reserve .txt_box1 img{
margin:5px 0px 5px 0px;
}
#on_reserve .txt_box1 p{
padding:0px 0px 15px 10px;
}


/* ORIGIN */
#pop {
background:url(../origin/images/bg_origin.jpg) top left no-repeat;
position:relative;
width:460px;
height:580px;
}
#pop .txt_pop {
position:absolute;
top:211px;
left:92px;
width:320px;
margin:0;
padding:0;
}
#pop .txt_pop p{
line-height:1.6;
}
#pop .close {
position:absolute;
top:530px;
right:45px;
margin:0;
padding:0;
border-bottom:1px solid #FFFFFF;
}

#rupobnr {
padding-top: 5px;
text-align: left;
}


/*　park golf info */
.font-yellow {
color:#FFCC00;
font-size: 13px;
}

/*agent banner */
#agent {
width: 850px;
margin: 0 auto;
}
#agent_small {
width: 460px;
margin: 0 auto;
}

#agent_bg {
width: 460px;
height: 362px;
background-image: url(../images/banner_bg.jpg);
background-repeat: no-repeat;
text-align: left;
}
#agent_bg div {
width: 225px;
padding-top: 87px; 
padding-left: 20px;
}


.access_route {
padding-top: 270px;
padding-left: 30px;
font-size: 14px;
text-align: left;
color: #FFF;
}
.online_btn {
padding: 20px 10px 20px 10px ;
}