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

* {
 margin:0;
 padding:0;
 font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 font-size:100%;
 color:#333333;
 }
 
body {
 background-image:url(../img/body_bg3.gif);
 background-repeat:repeat-x;

 }
 
#wrapper {
 width:800px;
 margin:0 auto;
 background-image:url(../img/body_bg3.gif);
 background-repeat:repeat-x;

 }
 
/*----->上部テキスト-----*/

#head_text {
 width:460px;
 height:30px;
 margin:5px 10px;
 font-size:75%;
 line-height:30px;
 float:left;
 }

/*----->上部ナビ-----*/
 
#sub_navi {
 width:280px;
 height:30px;
 margin:5px 10px;
 float:right;
 }
 
#sub_navi ul {
 list-style-type:none;
 }
 
#sub_navi li {
 float:left;
 width:90px;
 height:30px;
 margin-left:3px;
 }
 
#sub_navi li a {
 display:block;
 width:90px;
 height:30px;
 }
 
#sub_navi li span {
 display:none;
 }
 
#sub_navi li.home a {
 background-image:url(../img/subnavi_home.jpg);
 background-repeat:no-repeat;
 }

#sub_navi li.home a:hover {
 background-image:url(../img/subnavi_home2.gif);
 background-repeat:no-repeat;
 }
 
#sub_navi li.sitemap a {
 background-image:url(../img/subnavi_sit.jpg);
 background-repeat:no-repeat;
 }
 
#sub_navi li.sitemap a:hover {
 background-image:url(../img/subnavi_sit2.gif);
 background-repeat:no-repeat;
 }
 
#sub_navi li.contact a {
 background-image:url(../img/subnavi_con.jpg);
 background-repeat:no-repeat;
 }
 
#sub_navi li.contact a:hover {
 background-image:url(../img/subnavi_con2.gif);
 background-repeat:no-repeat;
 }

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

#header {
 clear:both;
 width:780px;
 height:75px;
 margin:5px auto;
 }
 
/*----->グローバルナビ-----*/
 
#global_navi {
 width:780px;
 height:60px;
 margin:5px auto;
 }
 
#global_navi ul {
 list-style-type:none;
 }
 
#global_navi li {
 float:left;
 }
 
#global_navi li a {
 display:block;
 width:195px;
 height:55px;
 }
 
#global_navi li span {
 display:none;
 }
 
#global_navi li.web a {
 background-image:url(../img/navi_web_03.jpg);
 background-repeat:no-repeat;
 background-position:100% 70%;
 }
 
#global_navi li.web a:hover {
 background-image:url(../img/navi_web2.gif);
 background-repeat:no-repeat;
 position:100% 70%;
 border-bottom:5px solid #FF9001;
 }
 
#global_navi li.des a {
 background-image:url(../img/navi_des_04.jpg);
 background-repeat:no-repeat;
 background-position:100% 70%;
 }
 
#global_navi li.des a:hover {
 background-image:url(../img/navi_des2.gif);
 background-repeat:no-repeat;
 background-position:100% 70%;
 border-bottom:5px solid #FF9001;
 }
 
#global_navi li.con a {
 background-image:url(../img/navi_con_05.jpg);
 background-repeat:no-repeat;
 background-position:100% 70%;
 }
 
#global_navi li.con a:hover {
 background-image:url(../img/navi_con2.gif);
 background-repeat:no-repeat;
 background-position:100% 70%;
 border-bottom:5px solid #FF9001;
 }
 
#global_navi li.com a {
 background-image:url(../img/navi_con_g.gif);
 background-repeat:no-repeat;
 background-position:100% 70%;
 }
 
#global_navi li.com a:hover {
 background-image:url(../img/navi_con_g2.gif);
 background-repeat:no-repeat;
 background-position:100% 70%;
 border-bottom:5px solid #FF9001;
 }
 
/*----->イメージエリア-----*/

#img_area {
 clear:both;
 width:780px;
 height:346px;
 margin:5px 10px;
 }
 
 
 
/*----->左側-----*/

#left {
 width:195px;
 margin-top:10px;
 margin-left:10px;
 margin-right:5px;
 margin-bottom:10px;
 float:left;
 }
 
.webp {
 width:195px;
 height:130px;
 margin-bottom:10px;
 }
 
.seo {
 width:195px;
 height:130px;
 margin-bottom:10px;
 }
 
.zisseki {
 width:195px;
 height:130px;
 margin-bottom:10px;
 }
   
.pop {
 width:195px;
 height:130px;
 margin-bottom:10px;
 }
 
.company {
 width:195px;
 height:150px;
 } 
 
 
/*----->中央-----*/

#main_content {
 width:380px;
 margin:10px 5px;
 float:left;
 }
 
#main_content h2 {
 font-size:90%;
 line-height:30px;
 padding-left:20px;
 background-image:url(../img/title_bg.gif);
 background-repeat:no-repeat;
 }
 
 
.news {
 width:378px;
 height:155px;
 border:1px solid #F0F0F0;
 margin-bottom:10px;
 }
 
.news dl {
 width:368px;
 height:120px;
 margin:5px;
 overflow:auto;
 }
 
.news dt {
 font-size:80%;
 color:#FF6600;
 padding:10px;
 }
 
.news dd {
 font-size:75%;
 padding-left:10px;
 padding-bottom:5px;
 border-bottom:1px solid #F0F0F0;
 }
 
.news dd a:link {
 color:#000000;
 }
 
.news dd a:visited {
 color:#666666;
 }
 
.news dd a:hover {
 color:#FF6600;
 text-decoration:none;
 }

 
.hotel_content {
 width:378px;
 height:380px;
 border:1px solid #F0F0F0;
 }
 
.box {
 width:378px;
 height:100px;
 margin-top:10px;
 margin-bottom:10px;
 }
 
.box h3 {
 font-size:80%;
 margin-left:110px;
 padding-top:20px;
 }
  
.box h3 a:link {
 color:#000000;
 }
 
.box h3 a:visited {
 color:#666666;
 }
 
.box h3 a:hover {
 color:#FF6600;
 text-decoration:none;
 }
 
.box a img {
 float:left;
 margin-right:10px;
 opacity: 0.7; /* Opera・Safari */
 -moz-opacity:0.7; /* Firefox */
 filter: alpha(opacity=70); /* IE */
 }

.box a:visited img {
 float:left;
 margin-right:10px;
 opacity: 0.7; /* Opera・Safari */
 -moz-opacity:0.7; /* Firefox */
 filter: alpha(opacity=70); /* IE */
 }

.box a:hover img {
 float:left;
 margin-right:10px;
 opacity: 1; /* Opera・Safari */
 -moz-opacity:1; /* Firefox */
 filter: alpha(opacity=100); /* IE */
 }
 
.box p {
 font-size:80%;
 padding:10px;
 }
 
/*----->右側-----*/

#right {
 width:185px;
 margin-top:10px;
 margin-left:5px;
 margin-right:10px;
 margin-bottom:10px;
 float:right;
 }
 
#right h2 {
 font-size:75%;
 line-height:30px;
 padding-left:20px;
 background-image:url(../img/title_bg2.gif);
 background-repeat:no-repeat;
 }
 
#right img {
 margin-top:10px;
 }
 
 
/*----->フッター-----*/

#footer {
 clear:both;
 width:780px;
 height:80px;
 margin-top:10px;
 margin-bottom:10px;
 margin-left:10px;
 margin-right:10px;
 background-image:url(../img/footer_bg.gif);
 background-repeat:no-repeat;
 }
 
#footer ul {
 list-style-type:none;
 width:760px;
 height:30px;
 margin-top:10px;
 margin-bottom:10px;
 }
 
#footer ul li {
 font-size:70%;
 float:left;
 border-right:1px solid  #CCCCCC;
 margin-top:10px;
 padding-left:10px;
 padding-right:10px;
 }
 
#footer ul li.toi {
 font-size:70%;
 float:left;
 margin-top:10px;
 padding-left:10px;
 padding-right:10px;
 border:none;
 }

#footer ul li a:link {
 color:#000000;
 }
 
#footer ul li a:visited {
 color:#666666;
 }
 
#footer ul li a:hover {
 color:#FF6600;
 text-decoration:none;
 }
 
#footer address {
 clear:both;
 width:760px;
 height:20px;
 font-size:75%;
 font-style:normal;
 line-height:20px;
 text-align:center;
 }
 
#footer address a:link {
 color:#000000;
 }

#footer address a:visited {
 color:#666666;
 }
 
#footer address a:hover {
 color:#FF6600;
 text-decoration:none;
 }