/* GINZA-COLOR LAYOUT CSS CSS Priority ----------------------------- 1.width,height 2.float,clear 3.position,top,bottom,left,right 4.overflow,display 5.margin,padding 6.text-align 7.font,line-height 8.background,border 9.etc.... ----------------------------- */ body{behavior:url("common/htc/csshover.htc");} html,body{ text-align:center; height:100%;} /*LAYOUT --------------------------------------------------------------------------------------------------*/ body > #wrapper { height:auto;} #wrapper { width:948px; height:100%; min-height:100%; position:relative; margin:0 auto; padding:0px 1px; text-align:left; background:url(../images/img_wrapper_bg.gif) repeat-y left top;} /*wrapper第一階層*/ #header { height:117px; padding:6px 0px 0px; background:#fff;} #navi { width:949px; height:56px; overflow:hidden; position:absolute; top:67px; left:0px; z-index:30;} #fotter { width:948px; height:50px; clear:both; position:absolute; bottom:0px; left:1px; background:#fff; border-top:1px solid #c8020f;} #container { width:948px; position:relative; overflow:hidden; padding-top:46px; padding-bottom:150px; background:#fff;} /*container第一階層*/ #main { width:701px; float:right; display:inline; margin-right:30px;} #sub { width:190px; float:left; background:#C33;} #flashs { width:948px; height:377px; text-align:center;} /*HEADER --------------------------------------------------------------------------------------------------*/ h1 { width:136px; height:59px; margin:0px 0px 0px 28px; } h1 span { position:absolute; top:-3000px;} /*予約ボタン*/ #header em a { width:160px; height:46px; position:absolute; right:15px; top:12px; display:block; background:url(../images/img_yoyaku.jpg) no-repeat top left;} #header em a span { position:absolute; top:-3000px;} #header em a:hover { -ms-filter: "alpha( opacity=60 )"; filter: alpha( opacity=60 ); opacity:0.6;} /*NAVI --------------------------------------------------------------------------------------------------*/ /*navi*/ #navi.hover { height:339px; overflow:hidden; cursor:default;} /*navi dl*/ #navi dl { width:191px; height:56px; overflow:hidden; position:absolute; top:0px; background:url(../images/navi/navi.png) no-repeat;} #navi dl#n_01 { left:0px; background-position:0px top;} #navi dl#n_02 { left:190px; background-position:-190px top;} #navi dl#n_03 { width:190px; left:380px; background-position:-380px top;} #navi dl#n_04 { left:569px; background-position:-569px top;} #navi dl#n_05 { left:759px; background-position:-759px top;} #navi dl#n_01.hover { height:295px; background-position:0px -56px;} #navi dl#n_02.hover { height:198px; background-position:-190px -56px;} #navi dl#n_03.hover { height:339px; background-position:-380px -56px;} #navi dl#n_04.hover { height:103px; background-position:-569px -56px;} #navi dl#n_05.hover { height:151px; background-position:-759px -56px;} /*navi dt*/ #navi dt { width:191px; height:56px; cursor:pointer;} #navi dt a { width:191px; height:56px; display:block;} #navi dt span { position:absolute; top:-3000px;} #navi dl#n_01.active dt { background:url(../images/navi/active/btn_01.jpg) no-repeat left top;} #navi dl#n_02.active dt { background:url(../images/navi/active/btn_02.jpg) no-repeat left top;} #navi dl#n_03.active dt { background:url(../images/navi/active/btn_03.jpg) no-repeat left top;} #navi dl#n_04.active dt { background:url(../images/navi/active/btn_04.jpg) no-repeat left top;} #navi dl#n_05.active dt { background:url(../images/navi/active/btn_05.jpg) no-repeat left top;} /*navi dd*/ #navi dd { display:none;} #navi dd a { width:191px; height:47px; display:block; cursor:pointer;} #navi dd a span { text-indent:-9999px; display:block;} #navi dd.dd_02, #navi dd.dd_02 a{ height:48px;} #navi dd.dd_01 a { background-position:0px 0px;} #navi dd.dd_01 a { background-position:0px 0px;} #navi dd.dd_02 a { background-position:0px -47px;} #navi dd.dd_03 a { background-position:0px -95px;} #navi dd.dd_04 a { background-position:0px -142px;} #navi dd.dd_05 a { background-position:0px -189px;} #navi dd.dd_06 a { background-position:0px -236px;} #navi dd.dd_01 a:hover { background-position:right 0px;} #navi dd.dd_02 a:hover { background-position:right -47px;} #navi dd.dd_03 a:hover { background-position:right -95px;} #navi dd.dd_04 a:hover { background-position:right -142px;} #navi dd.dd_05 a:hover { background-position:right -189px;} #navi dd.dd_06 a:hover { background-position:right -236px;} #n_01 dd a { background:url(../images/navi/pull_01.png) no-repeat;} #n_02 dd a { background:url(../images/navi/pull_02.png) no-repeat;} #n_03 dd a { background:url(../images/navi/pull_03.png) no-repeat;} #n_04 dd a { background:url(../images/navi/pull_04.png) no-repeat;} #n_05 dd a { background:url(../images/navi/pull_05.png) no-repeat;} /*n_03*/ #navi dl#n_03 dt, #navi dl#n_03 dt a, #navi dl#n_03 dd, #navi dl#n_03 dd a { width:190px;} /*MAIN --------------------------------------------------------------------------------------------------*/ #main h2 img, #main h3 img { display:block;} #main h2 span, #main h3 span { position:absolute; top:-9999px; display:block;} /*inner*/ #main #inner { width:670px; padding-left:21px;} /*pan*/ #main ul#pan { position:absolute; top:-22px; right:0px; overflow:hidden;} #main ul#pan li { font-size:85%; color:#717071; float:left; margin-left:5px; line-height:14px;} #main ul#pan li a { color:#717071; margin-right:5px;} /*page_top*/ #main a.page_top { width:73px; height:16px; position:absolute; bottom:-50px; right:22px; display:block; background:url(../images/icon/img_page_top.gif) no-repeat left top;} #main a.page_top span { display:block; position:absolute; top:-9999px;} /*SUB --------------------------------------------------------------------------------------------------*/ /*side_navi*/ #side_navi dt span { position:absolute; top:-9999px;} #side_navi dt img { display:block;} #side_navi dd { width:190px; height:50px; background:#fcf2f3;} #side_navi dd.last { background:#e27d8b;} #side_navi dd.hover { height:51px;} #side_navi a span { position:absolute; top:-3000px;} #side_navi a img { position:absolute; left:0px; bottom:0px;} /*Btn*/ #side_navi dd#sn_01 { height:50px;} #side_navi dd#sn_02 {} #side_navi dd#sn_03 {} #side_navi dd#sn_04 {} /*Btn Images*/ #side_navi #sn_01 a { height:50px; background-position:left 0px;} #side_navi #sn_02 a { background-position:left -50px;} #side_navi #sn_03 a { background-position:left -100px;} #side_navi #sn_04 a { background-position:left -150px;} #side_navi #sn_05 a { background-position:left -200px;} #side_navi .last a { height:50px;} #side_navi dd.hover a{ height:51px;} /*Roll Over*/ #side_navi dd a:hover { margin-top:-1px;} #side_navi dd a:hover img { background:#f3cccf;} #side_navi dd.last a:hover { height:50px;} #side_navi dd#sn_01.active a, #side_navi dd#sn_01 a:hover { margin:0px; background-position:right 0px;} #side_navi dd#sn_02.active a, #side_navi dd#sn_02 a:hover { background-position:right -49px;} #side_navi dd#sn_03.active a, #side_navi dd#sn_03 a:hover { background-position:right -99px;} #side_navi dd#sn_04.active a, #side_navi dd#sn_04 a:hover { background-position:right -149px;} #side_navi dd#sn_05.active a, #side_navi dd#sn_05 a:hover { background-position:right -199px;} /*Active*/ #side_navi dd.active#sn_02, #side_navi dd.active#sn_03, #side_navi dd.active#sn_04, #side_navi dd.active#sn_02 a, #side_navi dd.active#sn_03 a, #side_navi dd.active#sn_04 a{ height:51px;} #side_navi dd.active a { margin-top:-1px;} #side_navi dd.active a img { background:#f3cccf;} #side_navi .last.active a { height:51px;} /*IE hack*/ * html #side_navi dd.hover { height:50px;} *+html #side_navi dd.hover { height:50px;} *+html #side_navi dd.hover a{ height:50px;} * html #side_navi dd.active#sn_02, * html #side_navi dd.active#sn_03, * html #side_navi dd.active#sn_04 { height:50px;} *+html #side_navi dd.active#sn_02, *+html #side_navi dd.active#sn_03, *+html #side_navi dd.active#sn_04 { height:50px;} /*micro_navi*/ #micro_navi{ background:#e27d8b; padding:0px 0px 1px;} #micro_navi dt { width:190px; padding:14px 0px 4px; background:#fcf2f3; text-align:center;} #micro_navi dt span { position:absolute; top:-9999px;} #micro_navi dd { width:190px; background:#fcf2f3;} #micro_navi dd.last { padding-bottom:25px;} #micro_navi dd img { display:block; margin-left:14px; padding:4px 0px 11px;} #micro_navi dd a { width:120px; margin-left:40px; padding:0px 0px 7px 12px; display:block; color:#4d4d4d; font-size:93%; line-height:14px; background:url(../../camp/images/img_sidenavi_icon.gif) left 5px no-repeat;} #micro_navi dd a span { display:block; padding-bottom:4px; margin-top:4px; font-size:85%; color:#444;} #micro_navi dd a:hover, #micro_navi dd a:hover span, #micro_navi dd a.active { color:#c80310; } #micro_navi dd a.active span{ color:#c80310; } /*check*/ #micro_navi #check { position:relative;} #micro_navi #check span { position:absolute; top:-9999px;} #micro_navi dd#check a { width:auto; height:auto; margin:0px; padding:0px; background:none;} #micro_navi dd#check img{ margin-left:26px; padding:45px 0px 29px;} #check em { width:89px; height:35px; position:absolute; left:18px; top:30px; display:block; background:url(../../camp/images/img_genelater_02.gif) no-repeat left top;} /*FOTTER --------------------------------------------------------------------------------------------------*/ #fotter address{ margin:13px 0px 0px 30px; font-size:77%; line-height:13px; letter-spacing:0.5px; color:#323232;} #fotter ul { position:absolute; top:12px; right:30px; overflow:hidden;} #fotter li { float:left;} #fotter li a{ padding:0px 5px; font-size:77%; line-height:13px; color:#323232; border-left:1px solid #ccc;} #fotter li.li_last a{ border-right:1px solid #ccc;} #fotter li a:hover { text-decoration:underline;} /*TOPPGAE　トップページ用 --------------------------------------------------------------------------------------------------*/ #top_page #container { padding:0px 0px 30px; background:none;} *+html #top_page #wrapper { overflow:hidden; min-height:100%;} /*flashs*/ #flashs p{ padding-top:120px; padding-bottom:20px; font-size:100%; color:#666; letter-spacing:1px; line-height:28px;} /* #top_page #wrapper { overflow:hidden; height:100%;} #top_page #container { position:relative; z-index:0; padding:0px; background:none;} #top_page #fotter { height:100%; clear:both; position:relative; left:0px; background:#fff; border-top:1px solid #c8020f;} */ /*main*/ #top_page #main { width:919px; float:none; display:block; position:relative; overflow:hidden; margin:0px; padding:29px 0px 130px 29px; background:#fff; border-top:1px solid #c8020f;} #top_page #main div { width:290px; float:left; position:relative; margin-right:30px; background:#fcf2f3;} #top_page #main h2 { height:30px; padding-left:11px; background:#fff;} #top_page #main h2 span { position:absolute; top:-3000px;} #top_page #main ul { padding:10px 0px 23px 11px; border-top:1px solid #e8989d;} #top_page #main li { font-size:85%; line-height:21px; color:#444; zoom:normal;} #top_page #main li a { color:#4d4d4d;} #top_page #main li a:hover { color:#c5030c;} #top_page #main a#new_show { width:74px; height:18px; display:block; position:absolute; top:4px; right:0px; background:url(../../images/img_05.gif) no-repeat left top;} #top_page #main a:hover#new_show {-ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity: 0.7;} #top_page #main a#new_show span { position:absolute; top:-9999px;} /*campaign*/ #top_page #main div#campaign { margin-right:18px; clear:both;} #top_page #main #campaign ul { padding-left:11px;} #top_page #main #campaign li { padding-left:9px; background:url(../images/img_icon_01.gif) left center no-repeat;} /*mobaile*/ #top_page #main div#mobaile { width:260px; height:75px; right:32px; top:612px; position:absolute; float:none; margin:0px; background:url(../../images/img_06.png) no-repeat left top;} #top_page #main div#mobaile div { position:absolute; top:-9999px;} #top_page #main #mobaile p { font-size:85%; line-height:14px; text-indent:-9999px; color:#444;} #top_page #main #mobaile h3 { padding-top:10px;} #top_page #main #mobaile h3 span { position:absolute; top:-3000px;} #top_page #main #mobaile em { position:absolute; left:11px; top:12px; display:block;} /*bihada --100511-- */ #top_page #main div#bihada { width:598px; float:none; overflow:hidden; padding-top:70px; padding-bottom:27px; background:#fff;} #top_page #main #bihada h2 { height:auto; padding:0px; position:absolute; left:0px; top:0px; z-index:4;} #top_page #main #bihada p { width:564px; padding:12px 0 0 34px; font-size:85%; line-height:18px; color:#4d4d4d; background:url(../../images/img_bihada_bg.gif) repeat-y left top;} #top_page #main #bihada img { display:block;} #top_page #main #bihada em { width:96px; height:18px; position:absolute; right:33px; top:25px; z-index:5; text-indent:-9999px; display:block;} #top_page #main #bihada em a{ width:96px; height:18px; display:block; background:url(../../images/img_07.gif) no-repeat left top;} #top_page #main #bihada em a:hover {-ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity: 0.7;} #top_page #main #bihada div { width:598px; height:75px; background:url(../../images/img_08.png) no-repeat left top;} #top_page #main #bihada h2 span, #top_page #main #bihada div p { position:absolute; top:-9999px;} /*revision --100728-- */ #top_page #main div#revision { width:602px; float:none; position:relative; overflow:hidden; margin-bottom:13px; background:url(../../images/img_revision_bg.gif) repeat-y left top;} #revision h2 { position:absolute; top:-9999px;} #revision p { width:341px; padding:56px 140px 0 121px; font-size:85%; line-height:17px; color:#4d4d4d; background:url(../../images/img_10.png) no-repeat left top;} #revision em { width:96px; height:18px; position:absolute; right:37px; top:53px; z-index:5; text-indent:-9999px; display:block;} #revision em a { width:96px; height:18px; display:block; background:url(../../images/img_11.png) no-repeat left top;} #revision em a:hover {-ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity: 0.7;} #revision img { display:block;} /*jisin + importatn*/ #main a#jisin, #main a#eyes, #main a#important, #main div#mail, #main div#movie, #main div#his { width:261px; position:absolute; margin:0px; right:31px; display:block; background:#fff;} #main a#jisin { height:29px; top:178px; background:url(../images/btn/img_jisin.png) no-repeat top left;} #main a#important { height:50px; top:123px; background:url(../images/btn/img_important.png) no-repeat top left;} #main a#eyes { height:50px; top:546px; background:url(../images/btn/img_eyes.jpg) no-repeat top left;} #main div#mail { height:86px; top:451px; background:url(../../images/img_mail_bg.gif) no-repeat left top;} #main div#mail a { width:260px; height:66px; margin-top:10px; display:block; background:url(../images/btn/img_mail_bunner.png) no-repeat left top;} #main div#movie { top:30px;} #main div#movie a { width:261px; height:75px; margin-bottom:9px; display:block; background:url(../images/btn/img_movie.jpg) no-repeat left top;} #main div#his { height:215px; top:216px;} #main div#his a { width:260px; height:215px; display:block; margin:10px 0 0; text-indent:-9999px; background:url(../images/btn/img_his.jpg) no-repeat left top;} #main a#jisin span, #main a#eyes span, #main a#important span, #main div#mail a span, #main div#movie a span, #main div#his div { position:absolute; top:-5000px;} #main a#jisin:hover, #main a#eyes:hover, #main a#important:hover, #main div#mail a:hover, #main div#movie a:hover, #main div#his a:hover { background-position: left bottom;} /*LIGHTBOX　ライトボックス --------------------------------------------------------------------------------------------------*/ #box_layer { width:100%; height:100%; display:none; position:fixed; z-index:180; top:0px; left:0px; background:#000;} * html #box_layer { position:absolute;} #box_window { width:720px; height:720px; display:none; position:absolute; z-index:200; top:50%; left:50%;} #box_window img { display:block;} #box_inner { padding:5px 0 0 0; background:#fff; text-align:left;} #win_swf { height:400px; margin:25px 0 40px 40px; background:none;} #step_swf { height:400px; margin:25px 0 40px 40px; background:none;} #box_inner h3 { width:634px; height:34px; margin:0 0 19px 40px; text-indent:-9999px; background:url(../images/lightbox/img_midashi.png) no-repeat left top;} #box_inner p { color:#4d4d4d; margin-left:40px; letter-spacing:1px;} #box_inner em { width:56px; height:9px; margin:0 0 30px 20px; display:block; text-indent:-9999px; background:url(../images/lightbox/close_btn.gif) no-repeat left top; cursor:pointer;} /*yoyaku*/ #box_inner #yoyaku { width:640px; height:144px; position:relative; border-top:1px solid #ea9fa4; margin-left:40px;} #box_inner #yoyaku p{ margin:15px 0 0 0;} #box_inner a { width:250px; height:55px; position:absolute; top:50px; display:block;} #box_inner a#online { left:0px; background:url(../images/btn/img_yoyaku_02.jpg) no-repeat left top;} #box_inner a#free { left:265px; background:url(../images/btn/img_counseling.jpg) no-repeat left top;} #box_inner a:hover#online { background:url(../images/btn/img_yoyaku_02_roll.jpg) no-repeat left top;} #box_inner a:hover#free { background:url(../images/btn/img_counseling_roll.jpg) no-repeat left top;} #box_inner a span { position:absolute; top:-9999px;} * html .iepngfix {behavior: expression(IEPNGFIX.fix(this));}