* { margin: 0; padding: 0; } body { color:#FF8888; background-color:#a40000; text-align:center; font-family: "Arial", "Verdana", "Helvetica", san-serif; margin:0; padding:0; } body div { text-align: left; margin: 0 auto; } td{ line-height:100%; } img{ line-height:100%; vertical-align:bottom; border:0; } object{ display:block; position:relative; line-height:100%; vertical-align:bottom; } /* CSS@Non-correspondence */ .NoCSS-MENU{ display: none; } /* -----------------ContentsPosition--------------- */ #cnPosition{ width:1000px; margin:0px auto; _height:100; min-height:100%; display:block;text-align:center; } #cnPosition:after{ content:"."; clear:both; display:block; height:0; visibility:hidden; } /* Header */ h1{ text-indent:-9999px; position:absolute; font-size:0.7em; line-height:110%; font-weight:normal; margin:0; padding:0; } #headBlock{ width:1000px; text-align:left; height:35px; padding:0; display:block; background-image:url(../img/common/frame_bg_head.gif); background-repeat:no-repeat; background-position:left bottom; } div#headBlock:after{ content:"."; clear:both; display:block; height:0; visibility:hidden; } p#langNavi{ margin:0 0 0 846px; width:119px; height:35px; background:url(../img/common/navi_japanese.gif) no-repeat 0 18px; } p#langNavi a{ text-indent:-9999px; width:105px; height:35px; display:block; } #logoArea{ width:170px; height:50px; background:url(../img/common/logo.gif) no-repeat 0 0 #FFFFFF; } div#logoArea a{ text-indent:-9999px; width:170px; height:50px; display:block; } #bodyBlock{ width:1000px; _height:1px; min-height:1px; display:block; background-image:url(../img/common/frame_bg_body.gif); background-repeat:repeat-y; background-position:center top; } div#bodyBlock:after{ content:"."; clear:both; display:block; height:0; visibility:hidden; } div#bodyBlock div#flashArea{ margin:0px auto; width:922px; height:570px; border:1px solid #999999; } div#bodyBlock div#flashArea2{ margin:0px auto; width:700px; height:570px; border:1px solid #999999; } /* Footer */ #footBlock{ width:1000px; height:60px; padding:2px 0 0 0; background:url(../img/common/frame_bg_foot.gif) no-repeat left top #a40000; } div#footBlock ul#fMenu{ list-style-type:none; width:250px; height:13px; margin:0 0 0 780px; } div#footBlock ul#fMenu li{ float:left; padding:0 2px; } div#footBlock ul#fMenu a{ text-indent:-9999px; width:96px; height:13px; display:block; font-size:10px; } ul#fMenu:after{ content:"."; clear:both; display:block; height:0; visibility:hidden; } ul#fMenu li#sitemapMenu a{ background:url(../img/common/fmenu_sitemap.gif) left top no-repeat; } ul#fMenu li#ppolicyMenu a{ background:url(../img/common/fmenu_privacy.gif) left top no-repeat; } div#footBlock div#getFlash{ padding:20px 0 0 30px; } div#footBlock div#getFlash p{ float:left; font-size:10px; line-height:140%; } div#footBlock div#getFlash img{ float:left; margin:0 5px 0 0; } div#footBlock a:link, div#footBlock a:visited{ color:#FFAAAA; } div#footBlock a:hover{ color:#FFCCCC; } address{ float:right; font-size:12px; line-height:140%; font-style:normal; padding:0 30px; margin:0; } /* SideMenu */ #menuBlock{ float:left; width:170px; } #menuBlock p#backTop{ padding:10px 0 7px 0; } #menuBlock p#backTop a{ text-indent:-9999px; width:170px; height:13px; font-size:10px; line-height:100%; background:url(../img/common/btn_back.gif) no-repeat 0 0; display:block; } #menuBlock img.menuIcon{ clear:both; float:left; display:block; } div#menuBlock h2{ margin:0; padding:0 0 4px 0; width:115px; font-size:10px; } div#menuBlock div#homeMenu{ float:right; width:115px; min-height:36px; _height:36px; display:block; border-left:3px solid #16599c; padding:0 0 0 4px; margin:0 0 5px 0; } div#menuBlock div#homeMenu h2 a{ text-indent:-9999px; width:100px; height:16px; background:url(../img/common/menu_home_title.gif) no-repeat 0 0; display:block; } div#menuBlock div#newsMenu{ float:right; width:115px; min-height:36px; _height:36px; display:block; border-left:3px solid #30853f; padding:0 0 0 4px; margin:0 0 5px 0; } div#menuBlock div#newsMenu h2 a{ text-indent:-9999px; width:100px; height:16px; background:url(../img/common/menu_news_title.gif) no-repeat 0 0; display:block; } div#menuBlock div#worksMenu{ float:right; width:115px; min-height:36px; _height:36px; display:block; border-left:3px solid #ff8700; padding:0 0 0 4px; margin:0 0 5px 0; } div#menuBlock div#worksMenu h2 a{ text-indent:-9999px; width:100px; height:16px; background:url(../img/common/menu_works_title.gif) no-repeat 0 0; display:block; } div#menuBlock div#recruitMenu{ float:right; width:115px; min-height:36px; _height:36px; display:block; border-left:3px solid #dd2e36; padding:0 0 0 4px; margin:0 0 5px 0; } div#menuBlock div#recruitMenu h2 a{ text-indent:-9999px; width:100px; height:16px; background:url(../img/common/menu_recruit_title.gif) no-repeat 0 0; display:block; } div#menuBlock div#channelMenu{ float:right; width:115px; min-height:36px; _height:36px;display:block; border-left:3px solid #87226e; padding:0 0 0 4px; margin:0 0 5px 0; } div#menuBlock div#channelMenu h2 a{ text-indent:-9999px; width:100px; height:16px; background:url(../img/common/menu_channel_title.gif) no-repeat 0 0; display:block; } div#menuBlock ul#subMenu{ list-style-type:none; margin:0; padding:0; width:115px; } div#menuBlock ul#subMenu li.level1{ margin:0; font-weight:bold; background:url(../img/common/submenu_arrow1.gif) no-repeat 2px 2px; padding:1px 0 1px 12px; width:100px; } div#menuBlock ul#subMenu li.level1 a{ display:block; width:100px; padding:0; font-size:12px; line-height:120%; text-decoration:none; } div#menuBlock ul#subMenu li.level1 a:link, div#menuBlock ul#subMenu li.level1 a:visited{ color:#000000; } div#menuBlock ul#subMenu li.level1 a:hover{ color:#A40000; } div#menuBlock ul#subMenu li.level2{ margin:0; background:url(../img/common/submenu_arrow2.gif) no-repeat 10px 2px; padding:1px 0 1px 20px; width:95px; } div#menuBlock ul#subMenu li.level2 a{ display:block; width:95px; padding:0; font-size:12px; line-height:120%; } div#menuBlock ul#subMenu li.level2 a:link, div#menuBlock ul#subMenu li.level2 a:visited{ color:#666666; text-decoration:underline; } div#menuBlock ul#subMenu li.level2 a:hover{ color:#A40000; } /* MainContents Outline */ #bodyArea{ width:920px;margin:0px auto; color:#000000; _height:1px; min_height:1px; background-image:url(../img/common/cn_bg_body.gif); background-repeat:repeat-y; background-position:right top; } #bodyArea:after{ content:"."; clear:both; display:block; height:0; visibility:hidden; } #mainBlock{ float:right; width:740px; _height:550px; min-height:550px; background-image:url(../img/common/cn_bg_foot.gif); background-repeat:no-repeat; background-position:right bottom; } #mainHead{ text-align:center; background-image:url(../img/common/cn_bg_head.gif); background-repeat:no-repeat; background-position:center top; } div#mainHead p.bread{ width:700px; margin:0px auto; text-align:left; padding:0 0 4px 0; font-size:10px; line-height:110%; } #mainTitle{ width:700px; height:130px; margin:0px auto; } #mainTitle h2{ display:none; } /*MainContents Area NoCustomiz*/ #mainContents{ width:660px; margin:0px auto; padding:10px 0;} #mainContents h3{ padding:20px 0 5px 75px; font-size:21px; line-height:110%; border-bottom:1px solid #BBBBBB; background-repeat:no-repeat; margin:0 0 10px 0; } #mainContents h3#contentTitle{ background-image:url(../img/common/img_dance01.gif); background-position:0 0;} #mainContents h3#homeTitle{ background-image:url(../img/common/menu_home.gif); background-position:17px 12px;} #mainContents h3#ayakoTitle{ background-image:url(../img/channel/title_ayako.gif); background-position:0 0;} #mainContents h3#channelTitle{ background-image:url(../img/common/menu_channel.gif); background-position:17px 12px;} #mainContents h3#recruitTitle{ background-image:url(../img/common/menu_recruit.gif); background-position:17px 12px;} #mainContents h3#worksTitle{ background-image:url(../img/common/menu_works.gif); background-position:17px 12px;} #mainContents h3#newsTitle1,#mainContents h3#newsTitle2{ background-image:url(../img/common/menu_news.gif); background-position:17px 12px;} #mainContents h3#companyTitle{ background-image:url(../img/company/title_company01.gif); background-position:0 0;} #mainContents h4 a:link, #mainContents h4 a:visited{ color:#FFFFFF; } #mainContents h4 a:hover{ color:#A40000; } #mainContents h5{ color:#555555; font-size:12px; line-height:100%; font-weight:bold; padding:6px 0 4px 15px; border-bottom:1px solid #999999; background:url(../img/common/point_black.gif); background-position:0 6px; background-repeat:no-repeat; } #mainContents table{ border-collapse:collapse; width:550px; margin:10px auto 15px auto; } #mainContents th{ color:#888888; width:150px; font-size:12px; line-height:120%; border:solid 1px #bbbbbb; background-image:url(../img/common/table_bg.gif); background-repeat:no-repeat; padding:5px; white-space:nowrap; text-align:center; vertical-align:top; } #mainContents td{ color:#000000; width:347px; font-size:12px; line-height:120%; background-color:#FFFFFF; border:solid 1px #bbbbbb; padding:5px; text-align:left; } #mainContents dl{ font-size:12px; line-height:140%; } #mainContents dt{ font-weight:bold; background-image:url(../img/common/point_gray.gif); background-repeat:no-repeat; background-position:0 3px; padding:3px 0 3px 20px; } #mainContents dt.new{ padding:6px 0 0 20px; height:20px; background:repeat-y 0 6px;} #mainContents dd{ padding:0 0 3px 15px; } #mainContents td .comment{ color:#666666; font-size:10px; } #mainContents td p{ padding:3px 0; } .more{ clear:both; font-size:0.7em; line-height:110%; text-align:right; padding:10px 0; } div.more a:link { color:#666660; text-decoration:underline; } div.more a:visited { color:#666660; text-decoration:underline; } div.more a:hover { color:#999990; text-decoration:none; } div#toTop{ clear:both; padding:5px 0 0 630px; } div#toTop a{ text-indent:-9999px; width:80px; display:block; background-image:url(../img/common/btn_top.gif); background-position:right bottom; background-repeat:no-repeat; } .clear-l{ clear:left; } .clear{ clear:both; } .normal{ font-weight:normal!important; } .float-l{ float:left; } .float-r{ float:right; } a:link{ color:#a40000; text-decoration:underline; } a:visited{ color:#FF8888; text-decoration:underline; } a:hover { color:#FF8888; text-decoration:none; } /* MainContents Block (All Design Set) */ div.index2Col, div.index5Col, div.index6Col{ float:left; width:322px; padding:0 0 10px 0; margin:0 5px 0 0;} div.index2Col:after, div.index5Col:after, div.index6Col:after{ content:"."; clear:both; display:block; height:0; visibility:hidden; } div.index2Col h4, div.index5Col h4, div.index6Col h4{ color:#FFFFFF; font-size:12px; line-height:100%; font-weight:bold; padding:8px 0 10px 22px; background-image:url(../img/common/index_bg_col2.gif); background-repeat:no-repeat; background-position:0 0; } div.index2Col div.indexText{ padding:5px 0; } div.index2Col div.indexText img.thumb{ float:left; } div.index2Col div.indexText p{ float:left; font-size:12px; line-height:140%; width:235px;} div.index2Col div.indexText p.detail{ height:80px; } .goBtn{ text-align:right; } div.index2Col div.indexText ul.detail{ width:230px; float:left; } div.index2Col div.indexText ul.detail, ul.listDef{ list-style-type:none; font-size:12px; line-height:120%; display:block; margin:0; padding:0; } div.index2Col div.indexText ul.detail li, ul.listDef li{ background-image:url(../img/common/point_gray.gif); background-repeat:no-repeat; background-position:0 0; padding:2px 0 4px 20px; display:block; } div.index2Col div.indexText2{ padding:5px 0; } div.index2Col div.indexText2 p{ font-size:12px; line-height:140%;} div.index2Col div.indexText2 p.detail{ height:70px; } div.index2Col div.indexText2 p.detail-ayako{ height:70px; width:250px!important; float:left} div.index2Col div.indexText2 img.thumb{ float:left; margin:0 10px 0 10px;} li.new, dt.new{ background-image:url(../img/common/point_new.gif)!important;} ul.listDef{ width:550px; margin:0 auto; padding:10px 0 15px 0; } ul.listDef li{ padding:8px 0 10px 22px; background-position:0 6px; } div.index3Col{ float:left; width:210px; height:120px; padding:0 0 10px 0; margin:0 7px 0 0; text-align:center; } div.index3Col:after{ content:"."; clear:both; display:block; height:0; visibility:hidden; } div.index3Col h4{ color:#FFFFFF; font-size:12px; line-height:100%; font-weight:bold; padding:8px 0 10px 22px; text-align:left; background-image:url(../img/common/index_bg_col3.gif); background-repeat:no-repeat; background-position:0 0; } div.index3Col img{ margin:0 auto; } div.index3Col p{ font-size:12px; line-height:120%; padding:2px 0; } div.index4Col{ float:left; width:157px; height:215px; padding:0 0 10px 0; margin:0 5px 0 0; text-align:center;} div.index4Col:after{ content:"."; clear:both; display:block; height:0; visibility:hidden; } div.index4Col h4{ color:#FFFFFF; font-size:12px; line-height:100%; font-weight:bold; padding:8px 0 10px 0; background-image:url(../img/common/index_bg_col4.gif); background-repeat:no-repeat; background-position:0 0; } div.index4Col img{ margin:0 auto; } div.index4Col p{ font-size:12px; line-height:120%; padding:2px 0; } div.index1Col{ width:660px; } div.index1Col:after{ content:"."; clear:both; display:block; height:0; visibility:hidden; } div.index1Col h4{ color:#FFFFFF; font-size:12px; line-height:100%; font-weight:bold; padding:8px 0 10px 22px; background-image:url(../img/common/index_bg_col1.gif); background-repeat:no-repeat; background-position:0 0; } div.index1Col p img{ float:left; margin:5px 10px 5px 0; } div.index1Col p{ font-size:12px; line-height:160%; padding:5px; } ul#naviList{ text-align:center; padding:0 0 10px 0; } ul#naviList li{ display:inline; color:#999999; font-size:12px; } ul#naviList li#prevLink{padding:0 4px 0 20px; background-image:url(../img/common/arrow_pink_l.gif); background-repeat:no-repeat; background-position:left center; } ul#naviList li#nextLink{padding:0 20px 0 4px; background-image:url(../img/common/arrow_pink_r.gif); background-repeat:no-repeat; background-position:right center; } ul#naviList li#topLink{ padding:0 4px; border-right: 1px solid #999999; border-left: 1px solid #999999; } p#naviList{ font-size:12px; line-height:110%; text-align:right; padding:4px 20px 4px 0; background-image:url(../img/common/arrow_pink_r.gif); background-repeat:no-repeat; background-position:right center; } p#contact{font-size:12px; line-height:140%; padding:4px 0 4px 20px; background-image:url(../img/common/arrow_pink_r.gif); background-repeat:no-repeat; background-position:left 6px;} div.index1Col ol.list, div.index1Col ul.list{ margin:10px 0; padding:0px 0 0 27px; font-size:12px; line-height:140%;} div.index1Col ol.list li, div.index1Col ul.list li{ margin:0 0 3px 0; padding:0;} /*SiteMap*/ div.index2Col div.sitemap_listbox{ padding:5px 15px; } div.index2Col div.sitemap_listbox img.thumb{ float:left; } div.index2Col div.sitemap_listbox p{ float:left; font-size:12px; line-height:140%; width:235px;} div.index2Col div.sitemap_listbox p.detail{ height:80px; } .goBtn{ text-align:right; } div.index2Col div.sitemap_listbox ul.detail{ width:230px; float:left; } div.index2Col div.sitemap_listbox ul.detail, ul.listDef{ list-style-type:none; font-size:12px; line-height:120%; display:block; margin:0; padding:0; } div.index2Col div.sitemap_listbox li.level1{ background-image:url(../img/common/point_gray.gif); background-repeat:no-repeat; background-position:0 0; padding:2px 0 4px 20px; display:block; font-weight:bold;} div.index2Col div.sitemap_listbox li.level2{ margin:0; background:url(../img/common/point_gray.gif) no-repeat 20px 2px; padding:2px 0 4px 40px;} div.index2Col div.sitemap_listbox li.level3{ margin:0; background:url(../img/common/point_gray.gif) no-repeat 40px 2px; padding:2px 0 4px 60px;} div.privacyArea h4#statement{ background:none!important; color:#000000; padding:7px!important; }