@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_bg2.gif);
 background-repeat:repeat-x;

 }
 
#wrapper {
 width:800px;
 margin:0 auto;
 background-image:url(../img/body_bg2.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.web a.here {
 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.des a.here {
 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.con a.here {
 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_com_06.jpg);
 background-repeat:no-repeat;
 background-position:100% 70%;
 }
 
#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;
 }

#global_navi li.com a.here {
 background-image:url(../img/navi_con_g2.gif);
 background-repeat:no-repeat;
 background-position:100% 70%;
 border-bottom:5px solid #FF9001;
 } 

 
 
/*----->左側-----*/

#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:555px;
 margin-top:30px;
 margin-bottom:20px;
 margin-left:5px;
 margin-right:10px;
 float:right;
 }
 
#main_content h2 {
 font-size:90%;
 line-height:30px;
 padding-left:20px;
 background-image:url(../img/title_bg3.gif);
 background-repeat:no-repeat;
 }
 
#main_content p {
 font-size:85%;
 padding:15px;
 line-height:20px;
 }
 
#main_content p a:link {
 color:#000000;
 }
 
#main_content p a:visited {
 color:#666666;
 }
 
#main_content p a:hover {
 color:#FF6600;
 text-decoration:none;
 }
 
#main_content h3 {
 font-size:90%;
 line-height:45px;
 background-image:url(../img/line.gif);
 background-repeat:no-repeat;
 background-position:bottom;
 border-left:10px solid #FF9933;
 padding-left:10px;
 }
 
.f1 {
 font-size:80%;
 color:#FF6633;
 }
 
.f2 {
 font-size:75%;
 }
 
.f3 {
 font-size:110%;
 font-weight:bold;
 }
 
/*----->WEB-----*/

#web {
 width:555px;
 margin:30px auto;
 }
 
.web_submenu {
 width:555px;
 height:32px;
 margin-top:5px;
 margin-bottom:20px;
 }
 
.web_submenu ul.web_sub {
 list-style-type:none;
 }

.web_submenu ul.web_sub li {
 float:left;
 width:130px;
 height:30px;
 
 }
 
.web_submenu ul.web_sub li a {
 display:block;
 border:1px solid #3366FF;
 font-size:80%;
 text-align:center;
 line-height:30px;
 text-decoration:none;
 color:#0066FF;
 }
 
.web_submenu ul.web_sub li a:visited {
 color:#0066FF;
 }

.web_submenu ul.web_sub li a:hover {
 background-color:#0033CC;
 color:#FFF;
 }
 
.web_submenu ul.web_sub li a.here {
 background-color:#0033CC;
 color:#FFF;
 }
 
#web img {
 margin:10px auto;
 }
 
.box_shindan {
 width:555px;
 height:330px;
 margin:10px auto;
 }
 
.box_taiken {
 width:555px;
 height:350px;
 margin:10px auto;
 background-image:url(../img/webimg4.jpg);
 background-repeat:no-repeat;
 background-position:100% 60%;
 }

.box_info {
 width:555px;
 height:540px;
 margin:10px auto;
 background-image:url(../img/webimg3.jpg);
 background-repeat:no-repeat;
 background-position:100% 15%;
 }
 
.box_support {
 width:555px;
 height:280px;
 margin:10px auto;
 background-image:url(../img/webimg2.jpg);
 background-repeat:no-repeat;
 background-position:100% 40%;
 }
   
.box_seo {
 width:555px;
 height:300px;
 margin:10px auto;
 background-image:url(../img/google.gif);
 background-repeat:no-repeat;
 background-position:100% 40%;
 }
 
#web p.web_box {
 padding:15px 180px 15px 0px;
 }
 
#web p.web_box2 {
 padding:10px 10px 15px 0px;
 }

/*----->料金表-----*/

table#ryoukinhyou {
 width:550px;
 height:auto;
 margin-top:20px;
 font-size:80%;
 }
 
table#ryoukinhyou th.midasi1 {
 width:120px;
 height:30px;
 background-color:#DCF3F5;
 }
 
table#ryoukinhyou th.midasi2 {
 width:310px;
 height:30px;
 background-color:#DCF3F5;
 }
 
table#ryoukinhyou td.midasi {
 width:120px;
 height:auto;
 background-color:#DCF3F5;
 text-align:center;
 padding:5px;
 }
 
table#ryoukinhyou td.fee {
 width:120px;
 height:auto;
 text-align:right;
 padding:5px;
 border:1px dotted #DCF3F5;
 }
 
table#ryoukinhyou td {
 width:310px;
 height:auto;
 padding:5px;
 border:1px dotted #DCF3F5;
 }
 
/*----->SEO-----*/

table#seo {
 width:360px;
 height:auto;
 margin-top:10px;
 font-size:80%;
 margin-bottom:20px;
 }
 
table#seo th {
 width:180px;
 height:30px;
 background-color:#DCF3F5;
 }
 
table#seo td.midasi {
 width:180px;
 height:30px;
 border:1px dotted #DCF3F5;
 text-align:center;
 }
 
table#seo td {
 width:90px;
 height:30px;
 border:1px dotted #DCF3F5;
 text-align:center;
 }
 
/*----->実績-----*/

.zissekibox {
 width:548px;
 height:230px;
 margin:20px auto;
 border:1px solid #F0F0F0;
 }
 
.zissekibox h4 {
 font-size:95%;
 padding-left:15px;
 padding-bottom:5px;
 border-bottom:1px solid #F0F0F0;
 }

.zissekibox img {
 float:right;
 margin:10px;
 }
 
.zissekibox p {
 line-height:10px;
 font-size:80%;
 }
 
table#page {
 width:90px;
 height:20px;
 margin-left:230px;
 margin-right:230px;
 }
 
table#page td {
 width:28px;
 height:18px;
 font-size:80%;
 text-align:center;
 border:1px solid #F0F0F0;
 background-color:#CCCCCC;
 }
 
table#page td a:link {
 color:#000000;
 }

table#page td a:visited {
 color:#666666;
 }
 
table#page td a:hover {
 color:#FF6600;
 text-decoration:none;
 }
 
table#page td a.here {
 color:#FF6600;
 font-weight:bold;
 text-decoration:none;
 }


/*----->FAQ-----*/

.faq {
 width:553px;
 height:auto;
 margin:10px auto;
 border:1px solid #CCCCCC;
 }
 
.faq dl {
 width:550px;
 height:auto;
 margin:10px auto;
 }
 
.faq dt {
 font-size:85%;
 line-height:21px;
 background-image:url(../img/icon_q.gif);
 background-repeat:no-repeat;
 padding-left:30px;
 margin-bottom:10px;
 border-bottom:1px dotted #AFC8FA;
 }
 
.faq dd {
 font-size:85%;
 line-height:21px;
 background-image:url(../img/icon_a.gif);
 background-repeat:no-repeat;
 padding-left:30px;
 padding-right:10px;
 margin-bottom:10px;
 }
  
/*----->デザイン-----*/

#des {
 width:555px;
 margin:30px auto;
 }
 
#des img {
 margin:10px auto;
 }
 
.box {
 width:555px;
 height:580px;
 margin:10px auto;
 background-image:url(../img/popimg2.jpg);
 background-repeat:no-repeat;
 background-position:100% 100%;
 }
 
/*----->ホテル-----*/

#hotel {
 width:555px;
 margin:30px auto;
 }
 
#hotel img {
 margin:10px auto;
 }


 
/*----->お問い合わせ-----*/

table#toiawase {
 width:555px;
 margin:15px auto;
 }
 
table#toiawase td {
 font-size:85%;
 height:30px;
 }
 
/*----->会社案内-----*/

#company {
 width:555px;
 margin:30px auto;
 }

#company img {
 margin:10px auto;
 }
 
#company dl {
 width:550px;
 padding-top:10px;
 padding-bottom:10px;
 }
 
#company dt {
 float:left;
 width:120px;
 clear:both;
 font-size:85%;
 padding:10px 0 10px 10px;
 border-bottom:1px dotted #F0F0F0;
 }
 
#company dd {
 width:405px;
 margin-left:120px;
 border-bottom:1px dotted #F0F0F0;
 font-size:85%;
 padding:10px 5px 10px 10px;
 }
 
/*----->サイトマップ-----*/

#sitemap {
 width:555px;
 margin-top:10px;
 margin-bottom:30px;
 }

#sitemap ul.smap {
 list-style-type:none;
 list-style-position:inside;
 width:555px;
 padding-top:20px;
 margin-bottom:20px;
 }
 
#sitemap ul.smap li a:link {
 color:#000000;
 }
 
#sitemap ul.smap li a:visited {
 color:#666666;
 }
 
#sitemap ul.smap li a:hover {
 color:#FF6600;
 text-decoration:none;
 }

#sitemap ul.smap li.smap_top {
 background-image:url(../img/yaji.gif);
 background-repeat:no-repeat;
 font-size:85%;
 margin-top:25px;
 margin-left:20px;
 padding-left:25px;
 line-height:15px;
 }
 
 
#sitemap ul.smap li.smap_kasou {
 background-image:url(../img/yaji2.gif);
 background-repeat:no-repeat;
 font-size:85%;
 margin-top:25px;
 margin-left:40px;
 padding-left:25px;
 line-height:15px;
 }

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

#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;
 }