/*全体設定--------------------------------------*/

* {
border:0;
margin:0;
padding:0;
}

body {
font-size:12px;
background-color:#ffffff;
color:#666666;
font-family:Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

#container{
width:750px;
margin:0 auto;
}

#container:after {
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}


/*フォント設定--------------------------------------*/
.center {
text-align:center;
}

.right {
text-align:right;
}

.size10 {
font-size:10px;
}

.color {
color:#002e83;
}

.bold {
font-weight:bold;
}

.normal_weight {
font-weight:normal;
}

.bold_c {
font-weight:bold;
color:#002e83;
}

.bold_c_size14 {
font-size:14px;
font-weight:bold;
color:#002e83;
}

.bold_c_size16 {
font-size:16px;
font-weight:bold;
color:#002e83;
line-height:200%;
}

/*本文設定--------------------------------------*/
.read {
display:block;
clear:both;
margin:0 0 10px 0;
}

.topic_end {
clear:both;
width:549px;
display:block;
clear:both;
margin:0 0 30px 0;
}

.topic_end_line {
clear:both;
width:549px;
display:block;
clear:both;
border-bottom:1px solid #cccccc;
padding:0 0 14px 0;
margin:0 0 15px 0;
}

.topic_end_center {
clear:both;
width:549px;
display:block;
clear:both;
margin:0 0 30px 0;
text-align:center;
}

.read:after,
.topic_end:after,
.topic_end_line:after,
.topic_end_center:after {
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}


/*テキストリンク--------------------------------------*/
.txtlink {
clear:both;
display:block;
background-image:url(images/cmn_arrow01.gif);
background-repeat:no-repeat;
background-position:left 3px;
padding: 0 0 0 10px;
font-weight:bold;
}



/*リスト--------------------------------------*/
.default li {
list-style-type:square;
margin:0 0 0 15px;
}

.nomark li {
list-style-type:none;
}

.num_list {
list-style-type:decimal;
margin:0 0 0 25px;
}

.alpha_list {
font-size:10px;
list-style-type:lower-alpha;
margin:0 0 0 20px;
}


/*ページトップアンカー--------------------------------------*/
.pagetop {
text-decoration:none;
}

.pagetop a {
clear:both;
display:block;
width:109px;
height:12px;
text-decoration:none;
margin:0 0 30px 440px;
text-indent:-10000px;
background-image:url(images/cmn_pagetop.gif);
background-repeat:no-repeat;
background-position:right top;
}

/*Aタグ装飾--------------------------------------*/
a:link {
color:#002e83;
text-decoration:underline;
}

a:visited {
color:#002e83;
text-decoration:underline;
}

a:active {
color:#002e83;
text-decoration:none;
}

a:hover {
color:#002e83;
text-decoration:none;
}

/*トップページヘッダー--------------------------------------*/
#head_box {
width:750px;
height:95px;
margin:0 auto;
}

#head_box a {
display:block;
width:295px;
height:95px;
text-indent:-10000px;
float:left;
text-decoration:none;
}

#head_box h1 {
width:295px;
height:95px;
background-image:url(images/cmn_hd_logo.gif);
background-position:left top;
background-repeat:no-repeat;
text-indent:-10000px;
float:left;
}

#head_box_right {
float:left;
width:455px;
height:95px;
}

#head_box_tel {
display:block;
width:251px;
height:43px;
margin:0 0 0 204px;
background-image:url(images/cmn_hd_tel.gif);
background-position:left top;
background-repeat:no-repeat;
text-indent:-10000px;
}


#head_box_address {
display:none;
}


#head_box_reservebox {
clear:both;
display:block;
width:331px;
height:23px;
margin:0 0 0 124px;
}

#head_box_reserve01 {
display:block;
float:left;
width:163px;
height:23px;
margin:0 5px 5px 0;
background-image:url(images/cmn_hd_rsv_bt01.gif);
background-position:left top;
background-repeat:no-repeat;
}

#head_box_reserve02 {
display:block;
float:left;
width:163px;
height:23px;
margin:0 0 5px 0;
background-image:url(images/cmn_hd_rsv_bt02.gif);
background-position:left top;
background-repeat:no-repeat;
}

#head_box_reserve01,
#head_box_reserve02 {
list-style-type:none;
}

#head_box_reserve01 a,
#head_box_reserve02 a {
display:block;
width:163px;
height:24px;
text-indent:-10000px;
}

#head_box_links {
clear:both;
display:block;
width:227px;
height:12px;
margin:0 0 0 228px;
}

#head_box_home {
float:left;
display:block;
width:141px;
height:12px;
margin:0 20px 0 0;
background-image:url(images/cmn_hd_cmnhome.gif);
background-position:left top;
background-repeat:no-repeat;
}

#head_box_home a {
float:left;
display:block;
width:141px;
height:12px;
text-indent:-9999px;
font-size:1px;
}

#head_box_sitemap {
float:left;
display:block;
width:66px;
height:12px;
background-image:url(images/cmn_hd_sitemap.gif);
background-position:left top;
background-repeat:no-repeat;
}

#head_box_sitemap a {
display:block;
width:66px;
height:12px;
text-indent:-9999px;
font-size:1px;
}

#head_box_links:after,
#head_box:after {
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

/*メインイメージ＆サイトリンクタブ--------------------------------------*/
#top_mainimg_box {
width:750px;
height:283px;
}

#top_mainimg_box h2 {
font-size:0px;
text-indent:-9999px;
}

#top_maining_koganoi {
display:block;
float:left;
width:375px;
height:283px;
background-image:url(../images/top_main_kogaimg.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#top_maining_bay {
display:block;
float:left;
width:375px;
height:283px;
background-image:url(../images/top_main_bayimg.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#top_main_kogalink {
display:block;
width:195px;
height:30px;
margin:193px 0px 59px 164px;
background-image:url(../images/top_main_kogalink.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#top_main_baylink {
display:block;
width:195px;
height:30px;
margin:193px 0px 59px 164px;
background-image:url(../images/top_main_baylink.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#top_main_kogalink a,
#top_main_baylink a {
display:block;
width:195px;
height:30px;
text-indent:-9999px;
text-decoration:none;
}

#sitelink_tab_box{
clear:both;
display:block;
width:750px;
height:25px;
background-image:url(../images/top_main_tabbg.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#sitelink_tab01,
#sitelink_tab01_cr,
#sitelink_tab02,
#sitelink_tab03 {
float:left;
display:block;
width:250px;
height:25px;
}

#sitelink_tab01 a {
display:block;
width:250px;
height:25px;
background-image:url(images/cmn_g_tab.gif);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-9999px;
font-size:1px;
text-decoration:none;
}

#sitelink_tab01 a:hover,
#sitelink_tab01_cr a,
#sitelink_tab01 span {
display:block;
width:250px;
height:25px;
background-image:url(images/cmn_g_tab.gif);
background-position:0 -25px;
background-repeat:no-repeat;
text-indent:-9999px;
font-size:1px;
text-decoration:none;
}

#sitelink_tab02 a {
display:block;
width:250px;
height:25px;
background-image:url(images/cmn_g_tab.gif);
background-position:-250px 0;
background-repeat:no-repeat;
text-indent:-9999px;
font-size:1px;
text-decoration:none;
}

#sitelink_tab02 a:hover {
display:block;
width:250px;
height:25px;
background-image:url(images/cmn_g_tab.gif);
background-position:-250px -25px;
background-repeat:no-repeat;
text-indent:-9999px;
font-size:1px;
text-decoration:none;
}

#sitelink_tab03 a {
display:block;
width:250px;
height:25px;
background-image:url(images/cmn_g_tab.gif);
background-position:-500px 0;
background-repeat:no-repeat;
text-indent:-9999px;
font-size:1px;
text-decoration:none;
}

#sitelink_tab03 a:hover {
display:block;
width:250px;
height:25px;
background-image:url(images/cmn_g_tab.gif);
background-position:-500px -25px;
background-repeat:no-repeat;
text-indent:-9999px;
font-size:1px;
text-decoration:none;
}

#top_mainimg_box:after,
#sitelink_tab_box:after {
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

/*グローバルナビ--------------------------------------*/
#g_navi_box{
clear:both;
width:750px;
height:40px;
margin:0 0 10px 0;
background-image:url(images/cmn_navi_shadow.gif);
background-position:0 40px;
background-repeat:no-repeat;
}


#g_navi_box li {
display:block;
float:left;
text-indent:-9999px;
}


#g_navi_box a,
#g_navi_box span{
display:block;
text-decoration:none;
font-size:8px;
}

#g_navi_plan {
width:150px;
height:40px;
}

#g_navi_plan a{
width:150px;
height:40px;
background-image:url(images/cmn_g_navi.gif);
background-repeat:no-repeat;
background-position:0 0;
}

#g_navi_plan a:hover,
#g_navi_plan_cr a,
#g_navi_plan_cr span {
width:150px;
height:40px;
background-image:url(images/cmn_g_navi.gif);
background-repeat:no-repeat;
background-position:0 -40px;
}

#g_navi_reserve {
width:150px;
height:40px;
}

#g_navi_reserve a{
width:150px;
height:40px;
background-image:url(images/cmn_g_navi.gif);
background-repeat:no-repeat;
background-position:-150px 0;
}

#g_navi_reserve a:hover,
#g_navi_reserve_cr a,
#g_navi_reserve_cr span {
width:150px;
height:40px;
background-image:url(images/cmn_g_navi.gif);
background-repeat:no-repeat;
background-position:-150px -40px;
}

#g_navi_access {
width:150px;
height:40px;
}

#g_navi_access a{
width:150px;
height:40px;
background-image:url(images/cmn_g_navi.gif);
background-repeat:no-repeat;
background-position:-300px 0;
}

#g_navi_access a:hover,
#g_navi_access_cr a,
#g_navi_access_cr span {
width:150px;
height:40px;
background-image:url(images/cmn_g_navi.gif);
background-repeat:no-repeat;
background-position:-300px -40px;
}


#g_navi_sight {
width:150px;
height:40px;
}

#g_navi_sight a{
width:150px;
height:40px;
background-image:url(images/cmn_g_navi.gif);
background-repeat:no-repeat;
background-position:-450px 0;
}

#g_navi_sight a:hover,
#g_navi_sight_cr a,
#g_navi_sight_cr span {
width:150px;
height:40px;
background-image:url(images/cmn_g_navi.gif);
background-repeat:no-repeat;
background-position:-450px -40px;
}


#g_navi_contact {
width:150px;
height:40px;
}

#g_navi_contact a{
width:150px;
height:40px;
background-image:url(images/cmn_g_navi.gif);
background-repeat:no-repeat;
background-position:-600px 0;
}

#g_navi_contact a:hover,
#g_navi_contact_cr a,
#g_navi_contact_cr span {
width:150px;
height:40px;
background-image:url(images/cmn_g_navi.gif);
background-repeat:no-repeat;
background-position:-600px -40px;
}

#g_navi_box:after {
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

/*バナー--------------------------------------*/
#banner_box {
clear:both;
width:750px;
height:60px;
margin:0 0 20px 0;
}

#banner_shirahama {
float:left;
display:block;
width:370px;
height:60px;
margin:0 10px 0 0;
}

#banner_bus {
float:left;
display:block;
width:370px;
height:60px;
margin:0 0 0 0;
}

#banner_box:after {
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}



/*インフォメーション--------------------------------------*/
#info_box {
clear:both;
width:750px;
margin:0 0 20px 0;
padding:15px 0 0 0;
background-image:url(../images/top_info_box_line_t.gif);
background-position:0 0;
background-repeat:no-repeat;
background-color:#ffffff;
}

.info_item {
clear:both;
display:block;
width:750px;
padding:0 0 3px 0;
margin:0 0 5px 0;
border-bottom:1px dotted #dddddd;
}

.info_item_end {
clear:both;
display:block;
width:750px;
background-image:url(../images/top_info_box_line_b.gif);
background-position:0 bottom;
background-repeat:no-repeat;
padding:0 0 10px 0;
}

#info_title {
display:block;
float:left;
width:680px;
height:14px;
background-image:url(../images/top_info_title.gif);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-9999px;
font-size:12px;
}

.info_hotel_cmn {
display:block;
float:left;
width:59px;
height:16px;
margin:0 5px 0 0;
background-image:url(../images/top_info_cmn.gif);
background-repeat:no-repeat;
background-position:0 0;
text-indent:-9999px;
font-size:1px;
}

.info_hotel_topi {
display:block;
float:left;
width:59px;
height:16px;
margin:0 5px 0 0;
background-image:url(../images/top_info_topi.gif);
background-repeat:no-repeat;
background-position:0 0;
text-indent:-9999px;
font-size:1px;
}

.info_hotel_koganoi {
display:block;
float:left;
width:59px;
height:16px;
margin:0 5px 0 0;
background-image:url(../images/top_info_koga.gif);
background-repeat:no-repeat;
background-position:0 0;
text-indent:-9999px;
font-size:1px;
}

.info_hotel_bay {
display:block;
float:left;
width:59px;
height:16px;
margin:0 5px 0 0;
background-image:url(../images/top_info_bay.gif);
background-repeat:no-repeat;
background-position:0 0;
text-indent:-9999px;
font-size:1px;
}


.info_date {
display:block;
float:left;
width:100px;
margin:0 15px 0 0;
}

.info_read {
display:block;
float:left;
width:486px;
margin:0 15px 0 0;
font-size:14px;
line-height:1.2em;
}

.info_read_cap {
font-size:14px;
font-weight:bold;
color:#3c93d0;
}

.info_detail_box {
float:left;
width:70px;
height:17px;
background-image:url(images/top_info_detail.jpg);
background-repeat:no-repeat;
background-position:0 0;
}

.info_more_bt,
.info_detail_bt {
display:block;
float:left;
width:70px;
height:17px;
}

.info_more_bt a {
display:block;
width:70px;
height:17px;
background-image : url(../top_info_more.gif);
text-indent:-9999px;
font-size:1px;
text-decoration:none;
}

.info_datail_bt a {
display:block;
width:70px;
height:17px;
background-image:url(../images/top_info_detail.gif);
text-indent:-9999px;
font-size:1px;
text-decoration:none;
}

#info_box:after,
.info_item:after,
.info_item_end:after {
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}


/*ピックアップ--------------------------------------*/
#bottom_box{
width:750px;
margin:0 0 30px 0;
}

#topic_box {
float:left;
width:545px;
margin:0 10px 0 0;
}

.topic_item {
float:left;
width:175px;
margin:0 10px 0 0;
font-size:10px;
}

.topic_item_end {
float:left;
width:175px;
font-size:10px;
}

#topic01_title {
width:175px;
height:21px;
margin:0 0 10px 0;
background-image:url(../images/top_topic_ttl01.gif);
background-position:0 0;
background-repeat:no-repeat;
font-size:10px;
text-indent:-10000px;
}

#topic02_title {
width:175px;
height:21px;
margin:0 0 10px 0;
background-image:url(../images/top_topic_ttl02.gif);
background-position:0 0;
background-repeat:no-repeat;
font-size:10px;
text-indent:-10000px;
}

#topic03_title {
width:175px;
height:21px;
margin:0 0 10px 0;
background-image:url(../images/top_topic_ttl03.gif);
background-position:0 0;
background-repeat:no-repeat;
font-size:10px;
text-indent:-10000px;
}

.topic_img {
width:175px;
height:167px;
margin:0 0 5px 0;
}

.topic_detail_bt01 {
display:block;
width:175px;
height:13px;
margin:10px 0 5px 0;
background-image:url(../images/top_topic_link01.gif);
background-position:left top;
background-repeat:no-repeat;
}

.topic_detail_bt02 {
display:block;
width:175px;
height:13px;
margin:10px 0 0 0;
background-image:url(../images/top_topic_link02.gif);
background-position:left top;
background-repeat:no-repeat;
}

.topic_detail_bt03 {
display:block;
width:175px;
height:13px;
margin:10px 0 5px 0;
background-image:url(../images/top_topic_link03.gif);
background-position:left top;
background-repeat:no-repeat;
}

.topic_detail_bt04 {
display:block;
width:175px;
height:13px;
margin:10px 0 0 0;
background-image:url(../images/top_topic_link04.gif);
background-position:left top;
background-repeat:no-repeat;
}

.topic_detail_bt05 {
display:block;
width:175px;
height:13px;
margin:10px 0 5px 0;
background-image:url(../images/top_topic_link05.gif);
background-position:left top;
background-repeat:no-repeat;
}

.topic_detail_bt06 {
display:block;
width:175px;
height:13px;
margin:10px 0 0 0;
background-image:url(../images/top_topic_link06.gif);
background-position:left top;
background-repeat:no-repeat;
}

.topic_detail_bt01,.topic_detail_bt02,
.topic_detail_bt03,.topic_detail_bt04,
.topic_detail_bt05,.topic_detail_bt06 {
list-style-type:none;
}

.topic_detail_bt01 a,.topic_detail_bt02 a,
.topic_detail_bt03 a,.topic_detail_bt04 a,
.topic_detail_bt05 a,.topic_detail_bt06 a {
display:block;
width:175px;
height:14px;
text-indent:-9999px;
text-decoration:none;
}

#bottom_box:after,
#topic_box:after {
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}


/*連絡先--------------------------------------*/

#right_box {
width:195px;
float:left;
}

#contact_box {
width:175px;
border:1px solid #eeeeee;
background-color:#fcfcfc;
padding:9px;
}

#contact_logo {
width:115px;
height:48px;
margin:0 0 10px 0;
background-image:url(images/cmn_contact_logo.gif);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-9999px;
font-size:10px;
}

#contact_address_ttl {
display:block;
width:31px;
height:10px;
margin:0 0 3px 0;
background-image:url(images/cmn_contact_place.gif);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-9999px;
font-size:1px;
}

#contact_address {
width:175px;
font-size:10px;
margin:0 0 5px 0;
}

#contact_tel {
width:175px;
height:41px;
margin:0 0 5px 0;
background-image:url(images/cmn_contact_tel.gif);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-9999px;
font-size:10px;
}

#contact_bt01,
#contact_bt02  {
list-style-type:none;
}

#contact_bt01 a {
display:block;
width:174px;
height:23px;
margin:0 0 5px 0;
background-image:url(images/cmn_contact_bt01.gif);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-9999px;
font-size:10px;
text-decoration:none;
}

#contact_bt02 a {
display:block;
width:174px;
height:23px;
background-image:url(images/cmn_contact_bt02.gif);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-9999px;
font-size:10px;
text-decoration:none;
}


/*コンベンション--------------------------------------*/
#convention_box {
list-style-type:none;
}

#convention_box a {
display:block;
width:195px;
height:80px;
background-image:url(../images/top_convention.jpg);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-9999px;
font-size:10px;
text-decoration:none;
}

/*フッター--------------------------------------*/
#footer {
clear:both;
width:750px;
margin:0 auto 20px auto;
padding:14px 0 0 0;
background-image:url(images/cmn_foot_line.gif);
background-position:left top;
background-repeat:no-repeat;
}

#foot_linkbox {
text-align:center;
margin:0 0 10px 0;
font-size:10px;
line-height:1.5em;
}

#foot_copyright {
text-align:center;
font-size:10px;
margin:0 0 10px 0;
}

#foot_karakami {
display:block;
margin:0 auto;
width:158px;
height:23px;
background-image:url(images/cmn_karakami.gif);
background-position:0 0;
background-repeat:no-repeat;
list-style-type:none;
}

#foot_karakami a {
display:block;
width:158px;
height:23px;
list-style-type:none;
text-indent:-9999px;
text-decoration:none;
}


/*フォーム--------------------------------------*/
input.norm {
width:300px;
border:1px solid #bbbbbb;
font-size:12px;
}

input.short {
width:100px;
border:1px solid #bbbbbb;
font-size:12px;
}

input.exshort {
width:40px;
border:1px solid #bbbbbb;
font-size:12px;
}


textarea.norm {
width:300px;
height:100px;
border:1px solid #bbbbbb;
font-size:12px;
}

select {
border:1px solid #bbbbbb;
}

input.btn {
margin:5px 0 0 0;
padding:3px;
border:1px solid #bbbbbb;
font-size:12px;
}

input.btn_submit {
padding:3px;
border-top:1px solid #007ed5;
border-right:1px solid #005895;
border-bottom:1px solid #005895;
border-left:1px solid #007ed5;
background-color:#ffffff;
font-size:12px;
}

/*フォームレイアウト--------------------------------------*/
.form_leyout {
clear:both;
display:block;
margin:0 0 15px 0;
}

.form_leyout ul {
clear:both;
display:block;
margin:0 0 15px 0;
}


.form_leyout li {
clear:both;
display:block;
margin:3px 0 0 0;

}

.form_box_item {
width:120px;
float:left;
font-size:10px;
font-weight:normal;
vertical-align:top;
margin:3px 0 3px 6px;
}

.form_box_cnts {
width:200px;
float:left;
font-size:10px;
font-weight:normal;
vertical-align:top;
margin:3px 0 3px 0;
}

.form_box_cnts:after,
.form_leyout:after,
.form_leyout li:after
.form_leyout ul:after {
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}