@charset "utf-8";


/*
ページ全体-----------------------------------------------------------*/

*{
margin:0;
padding:0;
}


body{
background-color:#ffffff;
background-image:url(../images/common/body_back.gif);
background-repeat:repeat-y;
background-position:center;
background-attachment:scroll;
font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",MS UI Gothic,Sans-serif,Arial,Tahoma,Verdana,"ＭＳ Ｐゴシック","Comic Sans ms",sans,Osaka;
}


/* 英字フォント設定
=======================================================================================================*/
.english{
font-family:Sans-serif,MS UI Gothic,Arial,Tahoma,Verdana,"ＭＳ Ｐゴシック","Comic Sans ms",sans,Osaka;
}
/*=====================================================================================================*/



/* 画像の設定 */

img{
border:none;
}


/* 段落の設定 */

p{
font-size:80%;
text-align:justify;
text-justify:distribute;
color:#645a32;
line-height:170%;
}


/* 見出しの設定 */


h2{
font-size:95%;
font-weight:normal;
color:#645a32;
}


h3{
font-size:85%;
font-weight:normal;
color:#645a32;
margin-bottom:1.5em;
}


/* h1～h6の余計な空白削除 */

h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0;
}


/* リンクの設定 */

a:hover{
text-decoration:none;
}


/* pの余計な空白削除 */

p{
margin:0;
padding:0;
}


/* リストの設定 */

ul{
list-style:none;
margin:0.5em 0 0 0;
}

li{
font-size:90%;
color:#645a32;
margin-bottom:0.7em;
}


#area{
background:#ffffff;
width:1000px;
height:auto;
margin:0 auto;
display:block;
}



/*
ヘッダー--------------------------------------------------------------*/

#header{
background: url(../images/common/top_bar.gif) no-repeat;
width:1000px;
height:28px;
margin:0 auto;
}


#header h1{
font-size:80%;
font-weight:normal;
color:#73683e;
text-align:right;
padding:5px 5px 0 0;
}



/*
ナビゲーション--------------------------------------------------------*/


#navi{
background: url(../images/navigation/navi_back.gif) no-repeat;
width:1000px;
height:35px;
margin:0 auto;
padding-bottom:40px;
clear:both;
}


ul#g_nav{
text-align:center;
margin:0 auto;
float:left;
}


ul#g_nav li{
display:inline;
margin:0;
}


span.c3{
position:relative;
top:10px;
left:1.5em;
margin:0;
padding:0;
width:79px;
float:left;
}



/*
メインコンテンツ------------------------------------------------------*/


/* main_visualの設定*/

#main_visual{
width:1000px;
height:450px;
margin:0 auto;
clear:both;
}


/* contentsレイアウトの設定 */

#wrapper{
background:#ffffff;
width:960px;
height:auto;
margin:0 auto;
display:block;
}


#contents{
width:720px;
height:auto;
float:left;
padding-bottom:20px;
}


#sub{
width:270px;
float:left;
}


#main{
width:450px;
float:right;
}


#right_con{
width:226px;
float:right;
}


#container:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}




/*---------- left contentsの設定 -------------*/


#box_left01{
width:238px;
height:auto;
margin:0;
}


#box_left01 h2{
background: url(../images/common/title01.gif) no-repeat;
width:238px;
height:29px;
text-indent:-9999px;
margin:0 auto;
}


#box_left01 p{
width:238px;
margin:10px auto;
}


#box_left02{
width:238px;
height:auto;
margin:0;
}



#box_left02 p{
width:238px;
margin:10px auto;
}


p.c1{
text-align:right;
margin:10px 0 0 0;
}


#space{
width:238px;
height:10px;
}


#box_left03{
width:238px;
height:auto;
margin:0;
}


#box_left03 h2{
background: url(../images/common/title04.gif) no-repeat;
width:238px;
height:29px;
text-indent:-9999px;
margin:0 auto;
}


#box_left03 p{
width:238px;
margin:10px auto;
}



#box_left03 p.revagesdumonde{
background: url(../images/common/title08.gif) no-repeat;
width:238px;
height:29px;
text-indent:-9999px;
margin:0 auto;
}


#box_left03 p.hotelclick{
background: url(../images/common/title07.gif) no-repeat;
width:238px;
height:29px;
text-indent:-9999px;
margin:0 auto;
}


#box_left03 p.resetvacances{
background: url(../images/common/title06.gif) no-repeat;
width:238px;
height:29px;
text-indent:-9999px;
margin:0 auto;
}


#box_left03 p.balivillas{
background: url(../images/common/title05.gif) no-repeat;
width:238px;
height:29px;
text-indent:-9999px;
margin:0 auto;
}


/*---------- center_conの設定 -------------*/

#center_con{
width:430px;
height:auto;
margin:0 0 0 0;
padding:0;
}


#center_con h2{
background: url(../images/common/title02.gif) no-repeat;
width:430px;
height:29px;
text-indent:-9999px;
margin:0 auto;
}


#center_con p{
width:400px;
margin:0 auto;
}


#center_con span.c2{
color:#3193d2;
}


#scroll{
overflow:auto;
width:430px;
height:460px;
margin:10px 0 10px 0;
}


#hawaii_01 {
background: url(../images/top/hawaii/hawaii_bg_01.jpg) no-repeat;
width:430px;
height:200px;
margin:15px 0 0 0;
padding:0;
text-indent:-9999px;
}


#hawaii_02 {
background: url(../images/top/hawaii/hawaii_bg_02.jpg) no-repeat;
width:430px;
height:110px;
margin:0;
padding:0;
}


#scroll02{
overflow:auto;
width:350px;
height:100px;
margin:0 auto;
padding:0 0 0 0;
}


/* リスト */

ul#bn {
font-size:100%;
list-style:none;
margin:0;
padding:0;
line-height:100%;
color:#ffffff;
font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",MS UI Gothic,Sans-serif,Arial,Tahoma,Verdana,"ＭＳ Ｐゴシック","Comic Sans ms",sans,Osaka;
}

ul#bn li {
background: url(../images/common/link_mark.gif) no-repeat;
background-position:0em 0.4em ;
margin:0;
padding:0 0 10px 15px;
}




/*---------- right contentsの設定 -------------*/



/* box_right01の設定*/

.box_right01{
width:226px;
height:auto;
margin:0 auto;
padding:10px 0;
}


/* box_right02の設定*/

#box_right02{
width:226px;
height:auto;
margin:0 auto;
padding:10px 0;
}


#box_right02 h2{
background: url(../images/common/title04.gif) no-repeat;
width:226px;
height:29px;
text-indent:-9999px;
margin:0 auto;
}

/* box_right03の設定*/

#box_right03{
width:180px;
height:auto;
margin:0 auto;
padding:10px 0;
}


#box_right03 p{
text-align:center;
}





/* page_topの設定 */

#page_top{
width:640px;
height:12px;
margin:15px 0 32px 0;
clear:both;
}


#page_top p{
text-align:right;
}




/*
フッター------------------------------------------------------*/

#footer{
background:url(../images/common/footer_back.gif) no-repeat;
clear:both;
width:1000px;
height:106px;
margin:0 auto;
}


#f_logo{
width:463px;
height:15px;
position:relative;
top:0.5em;
left:0.8em;
}


#f_url{
width:140px;
height:15px;
position:relative;
top:-0.5em;
left:52em;
}


#f_url a:hover{
text-decoration:none;
}


#f_url a:link{
text-decoration:none;
}


#f_navi{
width:910px;
height:auto;
margin:0 auto;
}


#f_navi ul {
padding-top:0.5em;
list-style:none;
}


#f_navi li {
float:left;
margin-bottom:0.5em;
padding:0;
font-size:80%;
}


#footer a:hover.sample{
position:relative;
left:1px;
top:1px;
}/* マウスオーバー時にピクセルちょい動かすサンプル */


#f_navi a:link{
color: #73683e;
text-decoration:underline;
font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",MS UI Gothic,Sans-serif,Arial,Tahoma,Verdana,"ＭＳ Ｐゴシック","Comic Sans ms",sans,Osaka;
}


#f_navi a:visited{
color: #828250;
text-decoration:none;
font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",MS UI Gothic,Sans-serif,Arial,Tahoma,Verdana,"ＭＳ Ｐゴシック","Comic Sans ms",sans,Osaka;
}


#f_navi a:active{
color:#785a50;
}


#f_navi a:hover{
color:#ffffff;
text-decoration:none;
background-color:#c8c8aa;
background-position:center middle;
}


address {
font-size:80%;
color:#645a32;
text-align:left;
font-style:normal;
margin:0;
clear:both;
}