/* 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:0px 0px 0px; background:#fff;} #navi { width:949px; height:56px; overflow:hidden; position:absolute; top:77px; 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;} #flashs { width:948px; height:377px; text-align:left; overflow:hidden; border-bottom:1px solid #c8020f;} #main2 { width:901px; float:right; display:inline; margin-right:30px;} #sub2 { width:30px; float:left;} #flashs2 { width:948px; height:377px; text-align:left; overflow:hidden;} /*HEADER --------------------------------------------------------------------------------------------------*/ #ci { width:136px; height:59px; margin:0px 0px 0px 28px; } h1 { position:absolute; top:49px; left:125px; color:#c8020f; font-size:77%; letter-spacing:1px;} /*予約ボタン*/ #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:534px; 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:339px; background-position:0px -56px;} #navi dl#n_02.hover { height:198px; background-position:-190px -56px;} #navi dl#n_03.hover { height:534px; 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/navi.png) no-repeat left bottom;} #navi dl#n_02.active dt { background:url(../images/navi/navi.png) no-repeat -190px bottom;} #navi dl#n_03.active dt { background:url(../images/navi/navi.png) no-repeat -380px bottom;} #navi dl#n_04.active dt { background:url(../images/navi/navi.png) no-repeat -569px bottom;} #navi dl#n_05.active dt { background:url(../images/navi/navi.png) no-repeat -759px bottom;} /*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, #navi dd.dd_08, #navi dd.dd_08 a{ height:48px;} #navi dd.dd_10, #navi dd.dd_10 a{ height:51px;} #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_07 a { background-position:0px -283px;} #navi dd.dd_08 a { background-position:0px -330px;} #navi dd.dd_09 a { background-position:0px -377px;} #navi dd.dd_10 a { background-position:0px -424px;} #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;} #navi dd.dd_07 a:hover { background-position:right -283px;} #navi dd.dd_08 a:hover { background-position:right -330px;} #navi dd.dd_09 a:hover { background-position:right -377px;} #navi dd.dd_10 a:hover { background-position:right -424px;} #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:-9999px;} #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;} /*micro*/ #side_navi dd.micro { width:190px; height:auto; background:#fcf2f3; padding:0; margin:0;} #side_navi dd.micro.hover { height:auto;} #side_navi dd.micro.first { padding-top:4px;} #side_navi dd.micro a { width:140px; height:auto; margin-left:28px; padding:4px 0px 4px 12px; display:block; color:#4d4d4d; font-size:93%; line-height:14px; background:url(../../plan/images/img_sidenavi_icon.gif) left 6px no-repeat;} #side_navi dd.micro a span { display:block; padding-bottom:4px; margin-top:4px; font-size:85%; color:#444;} #side_navi dd.micro a:hover, #side_navi dd.micro a:hover span, #side_navi dd.micro a.active { color:#c80310; margin-top:0; } #side_navi dd.micro a.active span { color:#c80310; } #side_navi dd.micro img { display:block; padding:4px 0 0;} /*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 { width:190px; padding:5px 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(../../plan/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(../../plan/images/img_genelater_02.gif) no-repeat left top;} /*micro_navi02*/ #micro_navi02{ background:#f4f2f3; padding:0px 0px 1px;} /*#micro_navi02 dt { width:190px; padding:14px 0px 4px; background:#fcf2f3; text-align:center;}*/ #micro_navi02 dt { width:190px; padding:17px 0px 4px; background:#f4f2f3; text-align:center;} #micro_navi02 dt span { position:absolute; top:-9999px;} #micro_navi02 dd { width:190px; background:#f4f2f3;} #micro_navi02 dd.last { width:120px; margin-left:27px; padding:0px 0px 25px 12px; display:block; color:#4d4d4d; font-size:93%; line-height:14px;} #micro_navi02 dd img { display:block; margin-left:14px; padding:4px 0px 11px;} #micro_navi02 dd.non { width:120px; margin-left:27px; padding:0px 0px 7px 12px; display:block; color:#4d4d4d; font-size:93%; line-height:14px;} #micro_navi02 dd a { width:120px; padding:0px 0px 0px 12px; display:block; color:#4d4d4d; line-height:14px; background:url(../../plan/images/img_sidenavi_icon.gif) left 5px no-repeat;} #micro_navi02 dd a span { display:block; padding-bottom:4px; margin-top:4px; font-size:85%; color:#444;} #micro_navi02 dd a:hover, #micro_navi02 dd a:hover span, #micro_navi02 dd a.active { color:#c80310; } #micro_navi02 dd a.active span{ color:#c80310; } /*FOTTER --------------------------------------------------------------------------------------------------*/ #fotter p {position:absolute; top:-30px; left:28px; color:#c8020f; font-size:77%; letter-spacing:1px;} #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;} /*main*/ #top_page #main { width:920px; float:none; display:block; position:relative; overflow:hidden; margin:0px; padding:29px 0px 120px 29px; background:#fff; border-top:1px solid #c8020f;} #top_page #main div { 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; overflow:scroll; height:200px;} #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;} /*logonew*/ #top_page #main div#logonew { width:598px; position:relative; float:none; overflow:hidden; padding-top:50px; margin-bottom:27px; background:#fcf0f1;} #top_page #main #logonew h2 { height:auto; padding:0px; position:absolute; left:0px; top:0px; z-index:4;} #top_page #main #logonew p { width:530px; padding:8px 180px 0px 34px; font-size:85%; line-height:17px; letter-spacing:1px; color:#4d4d4d; } /*bihada --100511-- */ #top_page #main div#bihada { width:602px; position:relative; float:none; overflow:hidden; padding-top:70px; margin-bottom:27px; background:#fff; cursor:pointer;} #top_page #main #bihada h2 { height:auto; padding:0px; position:absolute; left:0px; top:0px; z-index:4;} #top_page #main #bihada p { width:388px; padding:8px 180px 0px 34px; font-size:85%; line-height:17px; letter-spacing:1px; 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:91px; height:13px; 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:602px; height:67px; 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;} #top_page #main #bihada .photo { position:absolute; right:37px; top:62px; z-index:50;} #top_page #main #bihada:hover, #top_page #main #bihada:hover img, #top_page #main #bihada:hover div, #top_page #main #bihada:hover a {opacity: .75; filter: alpha(opacity=75);-ms-filter: "alpha(opacity=75)";} #top_page #main #bihada p.detail { position:absolute; top:-9999px;} /*ie*/ * html #top_page #main #bihada:hover img, * html #top_page #main #bihada:hover div, * html #top_page #main #bihada:hover a, *+html #top_page #main #bihada:hover img, *+html #top_page #main #bihada:hover div, *+html #top_page #main #bihada:hover a {opacity: 1; filter: alpha(opacity=100);-ms-filter: "alpha(opacity=100)";} /*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;} /*whappy --101022-- */ #top_page #main div#whappy { width:602px; position:relative; float:none; overflow:hidden; padding:116px 0 0; margin-bottom:27px; background:#fff url(../../images/happy3/img_bg.png) repeat-y left top; cursor:pointer;} #top_page #main #whappy h2 { height:auto; padding:0px; position:absolute; left:0px; top:0px; z-index:7;} #top_page #main #whappy img { display:block;} #top_page #main #whappy em { width:96px; height:18px; position:absolute; right:33px; top:25px; z-index:8; text-indent:-9999px; display:block;} #top_page #main #whappy em a{ width:91px; height:13px; display:block; background:url(../../images/img_07.gif) no-repeat left top;} #top_page #main #whappy em a:hover {-ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity: 0.7;} #top_page #main #whappy h2 span, #top_page #main #whappy h3 { position:absolute; top:-9999px;} /*dl*/ #whappy dl { overflow:hidden; padding:0 0 0 45px; background:url(../../images/happy3/img_center.png) no-repeat left bottom;} #whappy dt { position:absolute; top:-9999px;} #whappy dd { width:375px; line-height:14px; padding:4px 0 4px 130px; font-size:85%; color:#404040;} #whappy dd.dd_01 { background:url(../../images/happy3/img_01.png) no-repeat left center;} #whappy dd.dd_02 { background:url(../../images/happy3/img_02.png) no-repeat left center;} #whappy dd.dd_03 { background:url(../../images/happy3/img_03.png) no-repeat left center;} #whappy img { display:block;} #top_page #main div#whappy:hover {opacity: .75; filter: alpha(opacity=75);-ms-filter: "alpha(opacity=75)";} #top_page #main div#whappy:hover a {opacity: .75; filter: alpha(opacity=75);-ms-filter: "alpha(opacity=75)";} /*vip*/ #top_page #main div#vip { width:603px; height:241px; float:none; position:relative; margin-bottom:27px; background:url(../../images/vip/img_bg.png) no-repeat left top;} #top_page #main div#vip h2, #top_page #main div#vip h3, #top_page #main div#vip em{ position:absolute; top:-9999px;} #top_page #main div#vip div { width:277px; height:112px; position:absolute; top:0; padding:0; margin:0; top:101px; background:#fff;} #top_page #main div#vip div#zenshin{ left:21px;} #top_page #main div#vip div#herf{ width:278px; left:302px;} #top_page #main div#vip a:hover {opacity: .70; filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";} #top_page #main div#vip p.detail {position:absolute; top:-9999px;} /*BUNNER　バナー --------------------------------------------------------------------------------------------------*/ /*jisin + importatn*/ #main a#jisin, #main a#suse, #main a#important, #main div#mail, #main div#movie, #main div#cm, #main div#his { width:261px; position:absolute; margin:0px; right:31px; display:block; background:#fff;} /*CM動画バナー*/ #main div#cm { top:30px;} #main div#cm a { width:260px; height:135px; margin-bottom:10px; display:block; background:url(../images/btn/img_cm.png) no-repeat left top;} #main div#cm a:hover { background-position:left bottom;} /*説明動画バナー*/ #main div#movie { top:174px;} #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 a#important { height:50px; top:267px; background:url(../images/btn/img_important.png) no-repeat top left;} #main a#jisin { height:29px; top:322px; background:url(../images/btn/img_jisin.png) no-repeat top left;} /*HISバナー*/ #main div#his { height:121px; top:360px;} #main div#his a { width:260px; height:121px; display:block; margin:10px 0 0; text-indent:-9999px; background:url(../images/btn/img_his.jpg) no-repeat left top;} #main div#mail { height:86px; top:604px; background:url(../../images/img_mail_bg.gif) no-repeat left top;} #main a#suse { height:50px; top:700px; background:url(../images/btn/img_aletheia_02.jpg) no-repeat top left;} #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;} /*Calla-Mobile*/ #top_page #main div#mobaile { width:260px; height:75px; right:32px; top:765px; 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:-9999px;} #top_page #main #mobaile em { position:absolute; left:11px; top:12px; display:block;} #main a#jisin span, #main a#suse span, #main a#important span, #main div#mail a span, #main div#movie a span, #main div#cm a span, #main div#his div { position:absolute; top:-5000px;} #main a#jisin:hover, #main a#important:hover, #main div#mail a:hover, #main div#movie a:hover, #main a#suse:hover, #main div#his a:hover { background-position: left bottom;} /*camptosen*/ #main div#camptosen { width:260px; position:absolute; margin:0px; top:504px; right:31px;} #main div#camptosen a { width:260px; height:80px; display:block; margin:0; text-indent:-9999px; background:url(../../images/260_80_tosen.jpg) no-repeat left top;} #main div#camptosen img { display:block; padding-bottom:10px; background:#fff;} #main div#camptosen a:hover { opacity: .8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";} #main div#camptosen div { position:absolute; top:-9999px;} /*cpcamp*/ #main div#cpcamp { width:260px; position:absolute; margin:0px; top:503px; right:31px;} #main div#cpcamp a { width:260px; height:80px; display:block; margin:0; text-indent:-9999px; background:url(../../images/111101_otomodachibana.gif) no-repeat left top;} #main div#cpcamp img { display:block; padding-bottom:10px; background:#fff;} #main div#cpcamp a:hover { opacity: .8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";} #main div#cpcamp div { position:absolute; top:-9999px;} /*cpcamp2*/ #main div#cpcamp2 { width:260px; position:absolute; margin:0px; top:845px; right:31px;} #main div#cpcamp2 a { width:260px; height:51px; display:block; margin:0; text-indent:-9999px; background:url(../../images/takarakuji.gif) no-repeat left top;} #main div#cpcamp2 img { display:block; padding-bottom:10px; background:#fff;} #main div#cpcamp2 a:hover { opacity: .8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";} #main div#cpcamp2 div { position:absolute; top:-9999px;} /*recruit*/ #main div#recruit { width:260px; position:absolute; margin:0px; top:853px; right:31px;} #main div#recruit a { width:260px; height:40px; display:block; margin:0; text-indent:-9999px; background:url(../../images/recruitbana.gif) no-repeat left top;} #main div#recruit img { display:block; padding-bottom:10px; background:#fff;} #main div#recruit a:hover { opacity: .8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";} #main div#recruit div { position:absolute; top:-9999px;} /*LIGHTBOX　ライトボックス --------------------------------------------------------------------------------------------------*/ #box_layer { width:100%; height:100%; display:none; position:fixed; z-index:180; top:0; left:0; background:#000;} * html #box_layer { position:absolute;} #box_inner, #box_inner_02 { padding:5px 0 0 0; background:#fff; text-align:left;} #win_swf, #cm_swf, #step_swf { height:400px; margin:25px 0 40px 40px;} /*box_window*/ #box_window { width:720px; height:720px; display:none; position:absolute; z-index:190; top:50%; left:50%;} #box_window img { display:block;} #box_window h3 { width:634px; height:34px; margin:0 0 19px 40px;} #box_inner p, #box_inner_02 p { color:#4d4d4d; margin-left:40px; letter-spacing:1px;} #box_window 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_window #yoyaku { width:640px; height:144px; position:relative; padding:0 40px; background:#fff;} #box_window #yoyaku p { padding:15px 40px 0 40px; border-top:1px solid #ea9fa4;} #box_window a { width:250px; height:55px; position:absolute; top:50px; display:block;} #box_window a#online { left:40px; background:url(../images/btn/img_yoyaku_02.jpg) no-repeat left top;} #box_window a#free { left:305px; background:url(../images/btn/img_counseling.jpg) no-repeat left top;} #box_window a:hover#online { background:url(../images/btn/img_yoyaku_02_roll.jpg) no-repeat left top;} #box_window a:hover#free { background:url(../images/btn/img_counseling_roll.jpg) no-repeat left top;} #box_window a span { position:absolute; top:-9999px;} * html .iepngfix {behavior: expression(IEPNGFIX.fix(this));} /*cpcamp3*/ #main div#cpcamp3 { width:260px; position:absolute; margin:0px; top:30px; right:31px;} #main div#cpcamp3 a { width:260px; height:135px; display:block; margin:0; text-indent:-9999px; background:url(../images/btn/img_cm.png) no-repeat left top;} #main div#cpcamp3 img { display:block; padding-bottom:10px; background:#fff;} #main div#cpcamp3 a:hover { opacity: .8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";} #main div#cpcamp3 div { position:absolute; top:-9999px;} /*--------------------------- tatewaki ---------------------------*/ /*main_01 --111121-- */ #top_page #main_01 { width:598px; display:block; position:relative; overflow:hidden; margin:30px; background:#fff; float:left; } #top_page #main_01 h2 { height:30px; padding-left:11px; background:#fff;} #top_page #main_01 h2 span { position:absolute; top:-3000px;} #top_page #main_01 ul {padding:10px 0px 23px 11px; border-top:1px solid #e8989d; overflow:scroll; height:200px;} #top_page #main_01 li { font-size:85%; line-height:21px; color:#444; zoom:normal;} #top_page #main_01 li a { color:#4d4d4d;} #top_page #main_01 li a:hover { color:#c5030c;} #top_page #main_01 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_01 a:hover#new_show {-ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity: 0.7;} #top_page #main_01 a#new_show span { position:absolute; top:-9999px;} #top_page #main_01 div { float:left; position:relative; } /*flashs_01*/ #flashs_01 { width:948px; height:377px; text-align:left; overflow:hidden; border-bottom:1px solid #c8020f; } #flashs_01 p{ padding-top:120px; padding-bottom:20px; font-size:100%; color:#666; letter-spacing:1px; line-height:28px; } #icon { width:598px; margin-bottom:25px; overflow:hidden; } #icon .icon_main { width:518px; background-image:url(../../images/icon/icon_bg_02.gif); padding:10px 40px 5px; } #icon .icon_main p { width:65px; float:left; margin-right:10px; } #icon .icon_main p.icon_right { width:64px; float:left; margin:0; } /*whappy --111121-- */ #top_page #main_01 div#whappy { width:598px; position:relative; float:none; overflow:hidden; padding:116px 0 0; margin-bottom:30px; background:#fff url(../../images/happy3/img_bg_01.gif) repeat-y left top; cursor:pointer;} #top_page #main_01 #whappy h2 { height:auto; padding:0px; position:absolute; left:0px; top:0px; z-index:7;} #top_page #main_01 #whappy img { display:block;} #top_page #main_01 #whappy em { width:92px; height:18px; position:absolute; right:33px; top:25px; z-index:8; text-indent:-9999px; display:block;} #top_page #main_01 #whappy em a{ width:91px; height:13px; display:block; background:url(../../images/img_07.gif) no-repeat left top;} #top_page #main_01 #whappy em a:hover {-ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity: 0.7;} #top_page #main_01 #whappy h2 span, #top_page #main_01 #whappy h3 { position:absolute; top:-9999px;} /*dl*/ #whappy dl { overflow:hidden; padding:0 0 0 45px; background:url(../../images/happy3/img_center.png) no-repeat left bottom;} #whappy dt { position:absolute; top:-9999px;} #whappy dd { width:375px; line-height:14px; padding:4px 0 4px 130px; font-size:85%; color:#404040;} #whappy dd.dd_01 { background:url(../../images/happy3/img_01.png) no-repeat left center;} #whappy dd.dd_02 { background:url(../../images/happy3/img_02.png) no-repeat left center;} #whappy dd.dd_03 { background:url(../../images/happy3/img_03.png) no-repeat left center;} #whappy img { display:block;} #top_page #main_01 div#whappy:hover {opacity: .75; filter: alpha(opacity=75);-ms-filter: "alpha(opacity=75)";} #top_page #main_01 div#whappy:hover a {opacity: .75; filter: alpha(opacity=75);-ms-filter: "alpha(opacity=75)";} /*vip --111121-- */ #top_page #main_01 div#vip { width:598px; height:241px; float:none; position:relative; margin-bottom:30px; background:url(../../images/vip/img_bg_01.gif) no-repeat left top;} #top_page #main_01 div#vip h2, #top_page #main_01 div#vip h3, #top_page #main_01 div#vip em{ position:absolute; top:-9999px;} #top_page #main_01 div#vip div { width:277px; height:112px; position:absolute; top:0; padding:0; margin:0; top:101px; background:#fff;} #top_page #main_01 div#vip div#zenshin{ left:21px;} #top_page #main_01 div#vip div#herf{ width:278px; left:302px;} #top_page #main_01 div#vip a:hover {opacity: .70; filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";} #top_page #main_01 div#vip p.detail {position:absolute; top:-9999px;} /*bihada --111121-- */ #top_page #main_01 div#bihada { width:598px; position:relative; float:none; overflow:hidden; padding-top:70px; margin-bottom:30px; background:#fff; cursor:pointer;} #top_page #main_01 #bihada h2 { height:auto; padding:0px; position:absolute; left:0px; top:0px; z-index:4;} #top_page #main_01 #bihada p { width:388px; padding:8px 180px 0px 34px; font-size:85%; line-height:17px; letter-spacing:1px; color:#4d4d4d; background:url(../../images/img_bihada_bg_01.gif) repeat-y left top;} #top_page #main_01 #bihada img { display:block;} #top_page #main_01 #bihada em { width:96px; height:18px; position:absolute; right:33px; top:25px; z-index:5; text-indent:-9999px; display:block;} #top_page #main_01 #bihada em a{ width:91px; height:13px; display:block; background:url(../../images/img_07.gif) no-repeat left top;} #top_page #main_01 #bihada em a:hover {-ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity: 0.7;} #top_page #main_01 #bihada div { width:598px; height:67px; background:url(../../images/img_08.gif) no-repeat left top;} #top_page #main_01 #bihada h2 span, #top_page #main_01 #bihada div p { position:absolute; top:-9999px;} #top_page #main_01 #bihada .photo { position:absolute; right:37px; top:62px; z-index:50;} #top_page #main_01 #bihada:hover, #top_page #main_01 #bihada:hover img, #top_page #main_01 #bihada:hover div, #top_page #main_01 #bihada:hover a {opacity: .75; filter: alpha(opacity=75);-ms-filter: "alpha(opacity=75)";} #top_page #main_01 #bihada p.detail { position:absolute; top:-9999px;} /*ie*/ * html #top_page #main_01 #bihada:hover img, * html #top_page #main_01 #bihada:hover div, * html #top_page #main_01 #bihada:hover a, *+html #top_page #main_01 #bihada:hover img, *+html #top_page #main_01 #bihada:hover div, *+html #top_page #main_01 #bihada:hover a {opacity: 1; filter: alpha(opacity=100);-ms-filter: "alpha(opacity=100)";} /*campaign --111121-- */ #top_page #main_01 div#campaign { margin:0 20px 40px 0; clear:both; width:289px; float:left;} #top_page #main_01 #campaign ul { padding-left:11px; background-color:#fcf2f3;} #top_page #main_01 #campaign li { padding-left:9px; background:url(../images/img_icon_01.gif) left center no-repeat;} #top_page #main_01 #whatsnew { width:289px; float:left; margin-bottom:40px; } #top_page #main_01 #whatsnew .wn_logo { margin:0 auto 10px auto; width:175px; padding:2px 20px; background-color:#ffffff; border:1px solid #666666; } #top_page #main_01 #whatsnew ul { background-color:#fcf2f3;} /*main_right --111121-- */ #top_page #main_right { width:260px; margin:30px 30px 30px 0; float:left; overflow:hidden; } #top_page #main_right p { width:260px; margin-bottom:15px; overflow:hidden; } #top_page #main_right a:hover img { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #fff; } #top_page #main_01 a:hover img { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #fff; } /*vip_01*/ #top_page #main_01 div#vip_01 { width:598px; height:300px; float:none; position:relative; margin-bottom:30px; background:url(../../images/vip/topvip_bg.png) no-repeat left top;} #top_page #main_01 div#vip_01 h2, #top_page #main_01 div#vip_01 h3, #top_page #main_01 div#vip_01 em{ position:absolute; top:-9999px;} #top_page #main_01 div#vip_01 div#zenshin{ width:555px; left:21px; position:absolute; top:0; padding:0; margin:0; top:100px;} #top_page #main_01 div#vip_01 div#herf{ width:555px; left:21px; position:absolute; top:0; padding:0; margin:0; top:185px;} #top_page #main_01 div#vip_01 p.detail {position:absolute; top:-9999px;}