@charset "utf-8";
* { margin:0; padding:0; border:none; list-style:none; line-height:2em; font-size:8pt; font-family:"メイリオ","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro W3,Osaka; vertical-align:baseline;}

* html *{ font-size:7pt;}/*IE6フォントサイズ*/

html,body,dd,p,.section,.clear,.left,#box_a,#box_b,#box_c,#box_d,#box_e,#box_f,#box_g,#box_h,#box_i,#glasssky_a,#glasssky_b,#glasssky_c,#glasssky_d,#glasssky_e,#glasssky_f,#glasssky_g,#glasssky_h,#glasssky_i,#glasssky_j,#glasssky_k,#glasssky_l,#glasssky_m,#glasssky_n,#glasssky_o,#glasssky_p,#glasssky_q,#glasssky_r,#glasssky_s,#glasssky_t,#glasssky_u,#glasssky_v,#button,#bgsky_a,#bgsky_b,#bgsky_c,#bgsky_d,#bgsky_e,#bgsky_f,#button,#top,#illust,#recruit,#yoyaku,#waizu,#web,#advertising,#sozai,#section9,#backtop,#backleft,#backright,#backbottom{ overflow:hidden;}

address{ font-style:normal;}
marquee p{ margin:0 0 1em 0;}

.section { width:100%;}
.clear{ clear:left; line-height:0.1px;}
.left{ float:left;}
.scriptoff{ color:#FF0000; position:absolute; text-align:center;font-size:10px; width:900px; margin-left:-450px; left:50%; top:15px;}
.text_red{ color:#990000;}

/*IE6*/
* html h2{ margin-bottom:17px;}/*h2のマージン調整*/
* html .iepre{ margin-top:17px;}/*マーキー上部と下部に余白*/



/*--------------------コンテナ--------------------*/
.section,#box_a,#box_b,#box_c,#box_d,#box_e,#box_f,#box_g,#box_h,#box_i,* html #button,* html #glasssky_a,* html #glasssky_b,* html #glasssky_c,* html #glasssky_d,* html #glasssky_e,* html #glasssky_f,* html #glasssky_g,* html #glasssky_h,* html #glasssky_i,* html #glasssky_j,* html #glasssky_k,* html #glasssky_l,* html #glasssky_m,* html #glasssky_n,* html #glasssky_o,* html #glasssky_p,* html #glasssky_q,* html #glasssky_r,* html #glasssky_s,* html #glasssky_t,* html #glasssky_u,* html #glasssky_v,* html #bgsky_a,* html #bgsky_b,* html #bgsky_c,* html #bgsky_d,* html #bgsky_e,* html #bgsky_f,* html #ba_to,* html #ba_le,* html #ba_ri,* html #ba_bo{ position:absolute;}
#box_a,#box_b,#box_c,#box_d,#box_e,#box_f,#box_g,#box_h,#box_i,#glasssky_a,#glasssky_b,#glasssky_c,#glasssky_d,#glasssky_e,#glasssky_f,#glasssky_g,#glasssky_h,#glasssky_i,#glasssky_j,#glasssky_k,#glasssky_l,#glasssky_m,#glasssky_n,#glasssky_o,#glasssky_p,#glasssky_q,#glasssky_r,#glasssky_s,#glasssky_t,#glasssky_u,#glasssky_v,#button,#bgsky_a,#bgsky_b,#bgsky_c,#bgsky_d,#bgsky_e,#bgsky_f,#ba_to,#ba_le,#ba_ri,#ba_bo{ left:50%; top:50%;}
#glasssky_a,#glasssky_b,#glasssky_c,#glasssky_d,#glasssky_e,#glasssky_f,#glasssky_g,#glasssky_h,#glasssky_i,#glasssky_j,#glasssky_k,#glasssky_l,#glasssky_m,#glasssky_n,#glasssky_o,#glasssky_p,#glasssky_q,#glasssky_r,#glasssky_s,#glasssky_t,#glasssky_u,#glasssky_v,#button,#bgsky_a,#bgsky_b,#bgsky_c,#bgsky_d,#bgsky_e,#bgsky_f,#button,#ba_to,#ba_le,#ba_ri,#ba_bo{ position:fixed;}
#glasssky_a,#glasssky_b,#glasssky_c,#glasssky_d,#glasssky_e,#glasssky_f,#glasssky_g,#glasssky_h,#glasssky_i,#glasssky_j,#glasssky_k,#glasssky_l,#glasssky_m,#glasssky_n,#glasssky_o,#glasssky_p,#glasssky_q,#glasssky_r,#glasssky_s,#glasssky_t,#glasssky_u,#glasssky_v{ height:650px;}
#box_a,#box_b,#box_c,#box_d,#box_e,#box_f,#box_g,#box_h,#box_i,#bgsky_a,#bgsky_b,#bgsky_c{ margin-top:-325px;}
html,body,.section{ height:100%;}

#bgsky_a,#bgsky_b,#bgsky_c,#bgsky_d,#bgsky_e,#bgsky_f{ width:300px; height:325px;}
#bgsky_a,#bgsky_d{ margin-left:-450px;}
#bgsky_b,#bgsky_e{ margin-left:-150px;}
#bgsky_c,#bgsky_f{ margin-left:150px;}
#bgsky_a{ background:url(../img/bgsky_01.png);}
#bgsky_b{ background:url(../img/bgsky_02.png);}
#bgsky_c{ background:url(../img/bgsky_03.png);}
#bgsky_d{ background:url(../img/bgsky_04.png);}
#bgsky_e{ background:url(../img/bgsky_05.png);}
#bgsky_f{ background:url(../img/bgsky_06.png);}

#top,#illust,#recruit{ top:0;}
#yoyaku,#waizu,#web{ top:100%;}
#advertising,#sozai,#section9{ top:200%;}
#top,#yoyaku,#advertising{ left:0;}
#illust,#waizu,#sozai{ left:100%;}
#recruit,#web,#section9{ left:200%;}

#box_a,#box_b,#box_c,#box_d,#box_e,#box_f,#box_g,#box_h,#box_i{ width:750px; margin-left:-450px; padding:75px; height:500px; background:none;}

#glasssky_a,#glasssky_b,#glasssky_c,#glasssky_d,#glasssky_e,#glasssky_f,#glasssky_h,#glasssky_k,#glasssky_l,#glasssky_m,#glasssky_n,#glasssky_o,#glasssky_p,#glasssky_q,#glasssky_r,#glasssky_s,#glasssky_t,#glasssky_u,#glasssky_v{ width:400px; height:260px;}
#glasssky_a,#glasssky_b,#glasssky_c,#glasssky_d,#glasssky_e{ margin-top:-650px;}
#glasssky_m,#glasssky_n,#glasssky_o,#glasssky_p,#glasssky_q{ margin-top:130px;}
#glasssky_r,#glasssky_s,#glasssky_t,#glasssky_u,#glasssky_v{ margin-top:390px;}
#glasssky_a,#glasssky_f,#glasssky_k,#glasssky_m,#glasssky_r{ margin-left:-1000px;}
#glasssky_b,#glasssky_g,#glasssky_i,#glasssky_n,#glasssky_s{ margin-left:-600px;}
#glasssky_e,#glasssky_h,#glasssky_l,#glasssky_q,#glasssky_v{ margin-left:600px;}
#glasssky_f,#glasssky_g,#glasssky_h{ margin-top:-390px;}
#glasssky_c,#glasssky_o,#glasssky_t{ margin-left:-200px;}
#glasssky_d,#glasssky_p,#glasssky_u{ margin-left:200px;}
#glasssky_i,#glasssky_j{ width:250px; height:355px;  margin-top:-225px;}
#glasssky_k,#glasssky_l{ margin-top:-130px;}
#glasssky_g{ width:1200px; height:165px;}
#glasssky_j{ margin-left:350px;}
#glasssky_a{ background:url(../img/glasssky_01.png);}
#glasssky_b{ background:url(../img/glasssky_02.png);}
#glasssky_c{ background:url(../img/glasssky_03.png);}
#glasssky_d{ background:url(../img/glasssky_04.png);}
#glasssky_e{ background:url(../img/glasssky_05.png);}
#glasssky_f{ background:url(../img/glasssky_06.png);}
#glasssky_g{ background:url(../img/glasssky_07.png);}
#glasssky_h{ background:url(../img/glasssky_08.png);}
#glasssky_i{ background:url(../img/glasssky_09.png);}
#glasssky_j{ background:url(../img/glasssky_11.png);}
#glasssky_k{ background:url(../img/glasssky_12.png);}
#glasssky_l{ background:url(../img/glasssky_13.png);}
#glasssky_m{ background:url(../img/glasssky_14.png);}
#glasssky_n{ background:url(../img/glasssky_15.png);}
#glasssky_o{ background:url(../img/glasssky_16.png);}
#glasssky_p{ background:url(../img/glasssky_17.png);}
#glasssky_q{ background:url(../img/glasssky_18.png);}
#glasssky_r{ background:url(../img/glasssky_19.png);}
#glasssky_s{ background:url(../img/glasssky_20.png);}
#glasssky_t{ background:url(../img/glasssky_21.png);}
#glasssky_u{ background:url(../img/glasssky_22.png);}
#glasssky_v{ background:url(../img/glasssky_23.png);}


#ba_to,#ba_le,#ba_ri,#ba_bo{ background:#fff;}
#ba_to,#ba_bo{ width:5000px; height:975px;}
#ba_le,#ba_ri{ width:1500px; height:1300px;}
#ba_to,#ba_bo,#ba_le{ margin-left:-2500px;}
#ba_le,#ba_ri{margin-top:-650px;}
#ba_bo{ margin-top:650px;}
#ba_to{ margin-top:-1625px;}
#ba_ri{ margin-left:1000px;}


/*--------------------グローバルナビゲーション--------------------*/
#button{ margin-top:120px; width:680px; margin-left:-340px; left:50%; font-size:10pt;}
.navi{ text-align:center;}
#button li{ float:left; margin-top:40px; width:85px;}
#button a{ color:#869A26; text-decoration:none;}
.text:hover{text-decoration:underline;}
#copyright{ text-align:center; color:#798349; font-size:9px; margin-top:1em;}



/*--------------------トップ--------------------*/
.menu_web,.menu_illust,.menu_ad,#title,#keyword{ position:absolute;}

#title_index{ top:76px; left:144px;}

.menu_web{ top:282px; left:164px;}
.menu_illust{ top:305px; left:100px;}
.menu_ad{ top:334px; left:194px;}

#top_mq{ position:relative; width:400px; height:75px; top:-40px; left:372px;}
#top_mq p{ color:#BA6D00;}

#info,.info_img,#textlink{ left:450px;}

#info{ margin-left:380px; margin-top:-25px; color:#182F51; min-height:100px;}
#info dt{ font-weight:bold; line-height:1.6em; color:#006600;}
#info dd{ text-decoration:none;}

#logo{ margin-left:45px; margin-top:-5px;}
.data{ font-size:10px; margin-left:-85px;}
.data img{ margin-left:11px;}

#textlink{ margin-left:380px; margin-top:-28px; font-size:9px;}
#textlink li{ padding-right:1.6em; float:left; color:#0666C0;}
#textlink a{ font-size:12px; color:#0666C0;}

#keyword{left:450px; top:410px; color:#990000;}

/*IE6*/
* html #textlink{ margin-top:-21px;}/*列揃え*/
* html #info{ min-height: 100px; height: auto !important; height:100px;}/*min-heightを適応*/



/*--------------------コンテンツトップのマーキー--------------------*/
#illust_mq,#recruit_mq,#yoyaku_mq,#waizu_mq,#web_mq,#ad_mq{ color:#806060; margin:1.6em 0 1.6em 0; width:400px;}
#illust_mq,#yoyaku_mq,#waizu_mq,#web_mq,#ad_mq{ height:100px;}
#recruit_mq{ height:50px;}



/*--------------------Webサイト制作--------------------*/
#title_web,#website_textbox,#website_bg,#website_linkbutton{ position:absolute;}
#website_bg{ top:60px; left:35px;}
#title_web{ top:75px; left:300px;}
#website_textbox{ top:214px; left:490px;}



/*--------------------広告デザイン--------------------*/
#title_ad,#ad_textbox,#ad_bg,#ad_linkbutton{ position:absolute;}
#ad_bg{ top:210px; left:70px;}
#title_ad{ top:86px; left:205px;}
#ad_textbox{ top:214px; left:420px;}
.ad_li a{ color:#0666C0; font-size:13px;}



/*--------------------イラストレーション--------------------*/
#illust_bg,#title_illust,#illust_textbox{ position:absolute;}
#illust_bg{ top:80px; left:512px;}
#title_illust{ top:80px; left:99px;}
#illust_textbox{top:217px; left:109px;}



/*--------------------かんたん予約--------------------*/
#kantanyoyaku_bg,#title_kantanyoyaku,#kantanyoyaku_textbox{ position:absolute;}
#kantanyoyaku_bg{ top:183px; left:70px;}
#title_kantanyoyaku{ top:110px; left:322px;}
#kantanyoyaku_textbox{top:250px; left:390px;}



/*--------------------リクルート--------------------*/
#recruit_bg,#title_recruit,#recruit_textbox{ position:absolute;}
#recruit_bg{ top:3px; left:-190px;}
#title_recruit{ top:249px; left:543px;}
#recruit_textbox{ top:310px; left:72px;}



/*--------------------ワイズについて--------------------*/
#waizu_bg,#title_waizu,#waizu_textbox{ position:absolute;}
#waizu_bg{ top:139px; left:485px;}
#title_waizu{ top:349px; left:194px;}
#waizu_textbox{ top:112px; left:84px;}



/*-------------------Web素材--------------------*/
#title_sozai,#sozai_button,#sozai_textbox{ position:absolute;}
#title_sozai{ top:143px; left:85px;}
#sozai_button{ top:187px; left:420px;}
#sozai_textbox{ top:296px; left:425px;}