@charset "utf-8";
#container { clear: both; background: url(../images/page_bg.gif) left top repeat-y; width: 747px; margin-bottom: 0px; padding-bottom: 0px; }

#content-body { padding-left: 44px; padding-top: 98px; background: url(../images/service_ptit.gif) left top no-repeat; width: 703px !important;width /**/:747px; /* for ie5.x */ }
#content-body h1 { position: absolute; left: -9999px; }
#content-body h2 { position: absolute; left: -9999px; }
#content-body h3 { position: absolute; left: -9999px; }

/* ナビゲーション基本スタイル */
#service-nav { width: 655px; padding-bottom: 13px; height: 19px; }
#service-nav ul { list-style-type: none; width: 655px; padding: 0px; margin: 0px; }
#service-nav li { float: left; height: 19px; }

/* ナビゲーションテキスト消去 */
#service-nav strong { position: absolute; left: -9999px;}

/* floatするboxのwidth指定 */
#service-nav01bl { display: block; width: 119px; height: 19px; }
#service-nav02bl { display: block; width: 112px; height: 19px; }
#service-nav03bl { display: block; width: 124px; height: 19px; }
#service-nav04bl { display: block; width: 162px; height: 19px; }

/* 画像オフマウス */
#service-nav a { display: block; height: 19px;}
#service-nav01 { width: 119px; background: url(../images/service_nav_01.gif) left top no-repeat; }
#service-nav02 { width: 112px; background: url(../images/service_nav_02.gif) left top no-repeat; }
#service-nav03 { width: 124px; background: url(../images/service_nav_03.gif) left top no-repeat; }
#service-nav04 { width: 162px; background: url(../images/service_nav_04.gif) left top no-repeat; }

/* 画像オンマウス */
#service-nav a:hover#service-nav01 { background-position: 0px -19px; }
#service-nav a:hover#service-nav02 { background-position: 0px -19px; }
#service-nav a:hover#service-nav03 { background-position: 0px -19px; }
#service-nav a:hover#service-nav04 { background-position: 0px -19px; }

/* サービスナビゲーション現在位置 */
#service-nav01this { width: 119px; background: url(../images/service_nav_01.gif) 0px -19px no-repeat; }
#service-nav02this { width: 112px; background: url(../images/service_nav_02.gif) 0px -19px no-repeat; }
#service-nav03this { width: 124px; background: url(../images/service_nav_03.gif) 0px -19px no-repeat; }
#service-nav04this { width: 162px; background: url(../images/service_nav_04.gif) 0px -19px no-repeat; }

/* ページタイトル */
#service-title01 { clear: both; width: 655px; height: 47px; background: url(../images/service_htit_01.gif) left top no-repeat; margin-bottom: 15px; }
#service-title02 { clear: both; width: 655px; height: 47px; background: url(../images/service_htit_02.gif) left top no-repeat; margin-bottom: 15px; }
#service-title03 { clear: both; width: 655px; height: 47px; background: url(../images/service_htit_03.gif) left top no-repeat; margin-bottom: 15px; }
#service-title04 { clear: both; width: 655px; height: 47px; background: url(../images/service_htit_05.gif) left top no-repeat; margin-bottom: 15px; }

/* 小見出しタイトル */
#service-stitle01 { background: url(../images/service_stit_01.gif) left top no-repeat; width: 655px; height: 25px; margin-bottom: 15px;; padding: 0px; }
#service-stitle02 { background: url(../images/service_stit_02.gif) left top no-repeat; width: 655px; height: 27px; margin-top: 25px; margin-bottom: 20px;; padding: 0px; }
#service-02-stitle01 { background: url(../images/service_02_stit_01.gif) left top no-repeat; width: 655px; height: 25px; margin-bottom: 15px; margin-top: 20px; padding: 0px; }
#service-02-stitle02 { background: url(../images/service_02_stit_02.gif) left top no-repeat; width: 655px; height: 25px; margin-bottom: 15px; margin-top: 20px; padding: 0px; }
#service-02-stitle03 { background: url(../images/service_02_stit_03.gif) left top no-repeat; width: 655px; height: 25px; margin-bottom: 15px; margin-top: 20px; padding: 0px; }
#service-02-stitle04 { background: url(../images/service_02_stit_04.gif) left top no-repeat; width: 655px; height: 25px; margin-bottom: 10px; margin-top: 30px; padding: 0px; }
#service-04-stitle01 { background: url(../images/service_04_stit_01.gif) left top no-repeat; width: 655px; height: 25px; margin-bottom: 10px; margin-top: 30px; padding: 0px; }
#service-04-stitle02 { background: url(../images/service_04_stit_02.gif) left top no-repeat; width: 655px; height: 25px; margin-bottom: 10px; margin-top: 30px; padding: 0px; }
#service-04-stitle03 { background: url(../images/service_04_stit_03.gif) left top no-repeat; width: 655px; height: 25px; margin-bottom: 10px; margin-top: 30px; padding: 0px; }
#service-04-stitle04 { background: url(../images/service_04_stit_04.gif) left top no-repeat; width: 655px; height: 25px; margin-bottom: 10px; margin-top: 30px; padding: 0px; }

/* 画像部分 中テキストは消去 */
#service-gr-01 { background: url(../images/service_gr_01.gif) left top no-repeat; width: 655px; height: 198px; }
#service-gr-01 h4 { position: absolute; left: -9999px; }

.exa { padding: 0px 0px 7px 10px; margin: 0px; width: 645px !important;width /**/:655px; /* for ie5.x */ }
.exa-small { font-size: 10px; padding: 0px 0px 7px 10px; margin: 0px; width: 645px !important;width /**/:655px; /* for ie5.x */ }
.exa em { font-style: normal; color: #CC0000; margin: 0px; padding: 0px; }
.note { padding: 10px 0px 20px 10px; color: #0066CC; margin: 0px; width: 645px !important;width /**/:655px; /* for ie5.x */ }

#interface { position: relative; width: 655px; height: 300px; }
#face-01 { position: absolute; left: 0px; top: 0px; width: 339px; height: 277px; }
#face-01-exa { position: absolute; left: 339px; top: 150px; width: 316px; height: 127px; background: url(../images/service_gr_04.gif) left top no-repeat; }
#face-01-exa ol { position: absolute; left: -9999px; }
#face-02 { position: absolute; left: 336px; top: 0px; width: 215px; height: 150px; }

/* ご用意いただくもの */
#provision { width: 645px; padding: 0px; margin-left: 10px; }
#provision ul { list-style-type: none; padding: 0px; margin: 0px; }
#provision li { padding: 0px 0px 7px 0px; margin: 0px; }

/* for mac ie5.x width */
#load { border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; width: 640px; }

/* commented backslash hack for mac ie5.x \*/
#load { border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; width: auto; margin-left: 10px; }
/* this hack end */
#load td { border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 4px 2px 4px 20px; text-align: left; width: 465px; font-size: 12px; }
#load th { border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 12px 2px; text-align: center; background-color: #EEF3FB; font-size: 12px; width: 140px; }
#load caption { display: none; }

#step { background: url(../images/service_02_gr.gif) left top no-repeat; width: 655px; height: 190px; }
#step h4 { position: absolute; left: -9999px; }

/* ご利用シーン */
#scene { width: 655px; }
#scene h3 { position: absolute; left: -9999px; }
#scene01 { background: url(../images/scene_bg_01.gif) left top no-repeat; width: 655px; }
#scene01 p { padding: 46px 0px 25px 10px; width: 387px !important;width /**/:397px; /* for ie5.x */ } 
#scene02 { background: url(../images/scene_bg_02.gif) left top no-repeat; width: 655px; }
#scene02 p { padding: 70px 0px 25px 250px; width: 387px !important;width /**/:637px; /* for ie5.x */ } 
#scene03 { background: url(../images/scene_bg_03.gif) left top no-repeat; width: 655px; }
#scene03 p { padding: 57px 0px 25px 10px; width: 387px !important;width /**/:397px; /* for ie5.x */ } 
#scene04 { background: url(../images/scene_bg_04.gif) left top no-repeat; width: 655px; }
#scene04 p { padding: 65px 0px 25px 250px; width: 387px !important;width /**/:637px; /* for ie5.x */ } 

/* 会議室パッケージ */
#service-04-exa01 { background: url(../images/service_04_exa01.gif) left top no-repeat; width: 655px; height: 44px; margin-bottom: 5px; margin-top: 10px; padding: 0px; }
#service-04-exa01 p { position: absolute; left: -9999px; }
#intro-p { width: 610px; margin-left: 15px; }
#service-04-pr01 { width: 427px; height: 188px; background: url(../images/service_04_pr_01.gif) left top no-repeat; margin-top: 10px; }
#service-04-pr01 p { position: absolute; left: -9999px; }

.service-04-item { width: 650px; margin-bottom: 10px; }

/* for mac ie5.x width */
.service-04-item table { border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; width: auto; }

/* commented backslash hack for mac ie5.x \*/
.service-04-item table { border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; width: 640px; margin-left: 10px; }
/* this hack end */
.service-04-item td { border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 4px 11px 4px 11px; text-align: center; font-size: 12px; }
.service-04-item th { border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 12px 2px; text-align: center; background-color: #EEF3FB; font-size: 12px; }
.service-04-item caption { display: none; }
.service-04-item .item-exa { font-size: 10px; width: 230px; text-align: left; }

#service04-orderbl { width: 634px; }
#service-04-price { background: url(../images/pack_price.gif) left top no-repeat; width: 394px; height: 74px; margin-top: 20px; float: left; }
#service-04-price p { position: absolute; left: -9999px; }
#service-04-order { width: 214px; float: right; margin-top: 50px; }

#server { width: 100%; background-color: #FFFBF6; border: 1px solid #CCCCCC; width: 655px; }
#server p { padding: 15px 20px; margin: 0px; color: #CC0000; }