@charset "Shift_JIS"; *{padding: 0;margin: 0;} html, body, form, fieldset {margin: 0;padding: 0;color: #444;font-family: Arial, Helvetica, Verdana, sans-serif, "Hiragino Kaku Gothic Pro", "qMmpS Pro W3", "lr oSVbN", Osaka ;font-size: 11px;line-height: 1.6em;} form label { cursor: pointer; } fieldset { border: none; } input, select, textarea { font-size: 100%; } /* layout ----------------------------------------------- */ body{text-align: center; /* centers content in IE5.5 and earlier */ background: #CCCCCC url(../img/bg_01.jpg) repeat-x; } #wrapper{width: 784px;margin: 0 auto;padding: 0;text-align: left;background-image: url(../img/wrap.jpg);background-repeat: repeat-y;} #wrapper02{width: 784px;margin: 0 auto;padding: 0;text-align: left;background-image: url(../img/header_bg01.gif);background-repeat: no-repeat;background-position: left top;} #header{position: relative;height: 270px;width: 784px;} #header #nav{position: absolute;top: 76px;right: 160px;left: 32px;background-image: url(../img/buttons_bg.gif);background-repeat: no-repeat;width: 748px;height: 32px;} #header #logo{position: absolute;top: 104px;right: -32px;width: 149px;left: 31px;} #content{width: 784x;} #main{float: right;width: 520px; /* Opera 5 */ _width: 520px; /* IE5Win */ w_idth: 520px; /* Others */ padding: 0 38px 25px 5px;position: relative; } #main #box{width: 520px; /* Opera 5 */ _width: 520px; /* IE5Win */ w_idth: 520px; /* Others */ height: 18px;background-image: url(../img/main_foot.jpg);background-repeat: no-repeat;padding-bottom: 12px;margin-bottom: 10px;} #mainWide {float: left;width: 605px; /* Opera 5 */ _width: 605px; /* IE5Win */ w_idth: 605px; /* Others */ padding: 15px 40px 40px 30px; } #mainWide li {text-indent: -22px;padding-left: 10px;margin-left: 10px;padding-bottom: 10px;} #mainWide td {font-size: .9em;padding-right: 10px;padding-left: 10px;} .about {font-size: 11px;line-height: 1.8em;} #title {position: absolute;height:32px;width: 287px;text-indent:-8000px;background-image:url(../img/logo_01.gif);background-repeat: no-repeat;border: none;left: 32px;top: 26px;} #sidebar{float: left;width: 160px; /* Opera 5 */ _width: 160px; /* IE5Win */ w_idth: 160px; /* Others */ margin: 0;padding: 0 5px 25px 33px;font-weight: lighter;} #titlehome, #titlerecentworks, #titlecampain, #titlerecruit, #titleinfo, #titleabout, #titlesitemap, #titleworkslist, #titleworks, #titlepress, #titlecontact, #titlelink, #titlestaff, #titlestafflist, #titledownload, #titlemap, #titleprivacy, #titlecustomer,#titlemedia,#titlecatalog,#titlecounseling,#titleblog,#titleblog_top,#titleseminar{margin: 10px 0 0 0;position: relative;height:32px;text-indent:-8000px;background-repeat: no-repeat;border: none;} #titlecounseling{ width: 520px; background-image: url(../img/title_counseling.gif);} #titlecatalog{ width: 520px; background-image: url(../img/title_catalog.gif);} #titlehome{ width: 520px; background-image: url(../img/title_home.jpg);} #titleworks{ width: 520px; background-image: url(../img/title_works.gif);} #titleinfo{ width: 520px; background-image: url(../img/title_info.gif);} #titlepress{ width: 520px; background-image: url(../img/title_press.gif);} #titlestaff{ width: 520px; background-image: url(../img/title_staff.gif);} #titlestafflist{ width: 153px; background-image: url(../img/title_stafflist.gif);} #titleabout{ width: 520px; background-image: url(../img/title_about.gif);} #titledownload{ width: 520px; background-image: url(../img/title_download.gif);} #titlesitemap{ width: 520px; background-image: url(../img/title_sitemap.gif);} #titlemap{ width: 520px; background-image: url(../img/title_map.gif);} #titlecontact{ width: 520px; background-image: url(../img/title_contact.gif);} #titlerecentworks{ width: 153px; background-image: url(../img/title_recentworks.gif);} #titleworkslist{ width: 153px; background-image: url(../img/title_workslist.gif);} #titlecampain{ width: 153px; background-image: url(../img/title_campain.gif);} #titlerecruit{ width: 153px; background-image: url(../img/title_recruit.gif);} #titlelink{ width: 520px; background-image: url(../img/title_link.gif);} #titleprivacy{ width: 520px; background-image: url(../img/title_privacy.gif);} #titlecustomer{ width: 153px; background-image: url(../img/title_customer.gif);} #titlemedia{ width: 153px; background-image: url(../img/title_media.gif);} #titleblog{ width: 153px; background-image: url(../img/title_blog02.gif);} #titleblog_top{ width: 520px; background-image: url(../img/title_weblog.jpg);} #titleseminar{ width: 520px; background-image: url(../img/title_seminar.gif);} /* typography ----------------------------------------------- */ a{ color: #ff0033; text-decoration: none; } a:hover{ color:#FF6666;} img{ display: block; } a img{ border: none; } .guide-icon a:hover{ background-color: none; border-bottom: none;} h1,h2,h3,h4{font-family: Arial, Helvetica, Verdana, sans-serif, "Hiragino Kaku Gothic Pro", "qMmpS Pro W3", "lr oSVbN", Osaka ;} h1 {color: #333;font-size: 2.2em;font-weight: normal;margin: 0.5em 0 0.4em 0;line-height: .9em;} h1 a{ color: #333; } h2 {font-size: 1.2em;font-weight: normal;color: #7aa612;margin: 1.2em 0 1.2em 0;line-height: 1.3em;text-align: justify;} h3 {margin-left: 5px;margin-bottom: 12px;font-size: 1.1em;font-family: Arial, Helvetica, Verdana, sans-serif, "Hiragino Kaku Gothic Pro", "qMmpS Pro W3", "lr oSVbN", Osaka ;font-weight: bolder;line-height: 1.6em;color: #222222;display: block;border-bottom-style: solid;border-bottom-color: #000000;border-bottom-width: 1px;} h4 {font-size: 1.2em;line-height: 1.6em;color: #000000;display: block;padding-top: 20px;margin-bottom: 10px;} ol {margin: 0.2em 0 1em 0;padding-left: 2.25em;} p {margin-bottom: 1.5em;padding-left: 0.5em;padding-right: 0.5em;text-align: justify;line-height: 1.6em;} ul{margin: 1em 0;padding-left: 16px;} ul li{padding: 0 0 0.2em 0.4em;line-height: 1.4em;xbackground: url(/images/content/bullet.gif) no-repeat 0 5px;} small{ font-size: 0.8em; } /* header ----------------------------------------------- */ #header #nav li{float:left;display:inline;height:28px;text-indent:-8000px;overflow:hidden;} #nav ul{list-style: none;padding: 0;margin: 0;} #nav li a{display:block;height:32px;background-position:0 -49px;background-repeat:no-repeat;} #nav li a:hover{background-position:0 -9px; background-repeat:no-repeat;} #nav li a.selected, #nav li a.selected:hover{background-position:0 -9px;} #nav1 a{background-image:url(../img/nav_01.gif); width:53px;} #nav1 a.selected{background-image:url(../img/nav_01.gif); width:53px;} #nav2 a{background-image:url(../img/nav_02.gif); width:62px;} #nav2 a.selected{background-image:url(../img/nav_02.gif); width:62px;} #nav3 a{background-image:url(../img/nav_03.gif); width:64px;} #nav3 a.selected{background-image:url(../img/nav_03.gif); width:64px;} #nav4 a{background-image:url(../img/nav_04.gif); width:63px;} #nav4 a.selected{background-image:url(../img/nav_04.gif); width:63px;} #nav5 a{background-image:url(../img/nav_05.gif); width:53px;} #nav5 a.selected{background-image:url(../img/nav_05.gif); width:53px;} #nav6 a{background-image:url(../img/nav_06.gif); width:80px;} #nav6 a.selected{background-image:url(../img/nav_06.gif); width:80px;} #nav7 a{background-image:url(../img/nav_07.gif); width:90px;} #nav7 a.selected{background-image:url(../img/nav_07.gif); width:90px;} #nav8 a{background-image:url(../img/nav_08.gif); width:50px;} #nav8 a.selected{background-image:url(../img/nav_08.gif); width:50px;} #nav9 a{background-image:url(../img/nav_09.gif); width:60px;} #nav9 a.selected{background-image:url(../img/nav_09.gif); width:60px;} .active a{ text-decoration: underline;} #logo a{display: block;width: 149px;height: 64px;color: #99CC00; } #largeword {position:absolute;left:82px;top:224px;z-index:1;text-align: left;padding: 5px;border: 1px none #99FF33;width: 669px;} .largetext {font-family:Arial, Helvetica, sans-serif;line-height: 20px;font-size: 25px;color: #333333;padding: 0;margin: 0;} .largetextwhite {font-size: 70px;color: #FFFFFF; } /* sidebar ----------------------------------------------- */ #sidebar{ } #sidebar li{list-style:none;margin: 0px;padding: 0px;} #sidebar h1{font-size: 1.75em;} #sidebar h2{text-align: left; line-height: 1.2em; } #sidebar h2{color: #888; } #sidebar h4{color: #333333;font-size: 10px;margin: 0px;padding: 0px;} #sidebar a:hover{text-align:left;text-decoration: none;} #sidebar p{text-align:left;} #sidebar #box02{width: 153px;_width: 153px;w_idth: 160px;height: 13px;background-image: url(../img/sidebar_foot.gif);background-repeat: no-repeat;margin-bottom: 10px;padding-bottom: 10px;} #sidebar #box03{width: 153px;height: 13px;background-image: url(../img/sidebar_foot.gif);background-repeat: no-repeat;margin-bottom: 10px;padding-bottom: 10px;} .recentworks{text-decoration: none;text-align:left;margin: 0 0 0 2px;padding: 0;} .recentworks li{display: block;width: 142px;height: 50px;margin-bottom: 4px;} .recentworks li a{background-color: white;cursor: pointer;} .recentworks li a img{padding-right: 5px;} .recentworks a:hover{text-decoration: none;border: none;} .slist{width: 150px;margin: 0px;padding: 0 0 12px 3px;} .slist li{font-size: 11px;font-family: Arial, Helvetica, Verdana, sans-serif;padding-left: 10px;height: 20px;background-image: url(../img/sline.gif);background-repeat: no-repeat;letter-spacing: 0.08em;} .slist a{padding-left: 17px;color: #333333; } .slist a:hover{ color: #999999; } .linkblack a{ color: #333333; } .linkblack a:hover { color: #999999; } ul.sideban {margin:0 0 0 2px; padding:0;} li.sideban01 img {margin-bottom:15px;} /* footer ----------------------------------------------- */ #footer{xmargin-left: 18px;xpadding-top: 1px;color: #aaa;background: url(../img/footer_01.gif) no-repeat right top;height: 87px;width: 784px;} #bottomNav { padding: 23px 25px 0 440px;} #bottomNav ul{ padding: 0; margin:0; list-style: none; } #bottomNav ul li{font-size:9px;float: right;display: block;padding: 0 3px 0 8px;} .map, .sitemap, .mail{height: 25px;background-repeat: no-repeat;background-position: 0 1px;} .map{ background-image: url(../img/arrow_04.gif);} .mail{ background-image: url(../img/arrow_03.gif);} #bottomNav ul li a{color: #939393;font-size: 1.0em;padding: 0 0.3em;margin: 0 0.8em 0 0.8em;} #bottomNav ul li a:hover{color: #333;border: none;} /* clearing ----------------------------------------------- */ clear: both; {clear: both; } .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} * html>body .clearfix {display: inline-block;width: 100%;} * html .clearfix { /* Hides from IE-mac _*/ height: 1%; /* End hide from IE-mac */ } /* calendar ----------------------------------------------- */ .cale{margin:0;padding:0 0 0 27px;width:50px;height:18px;background-image: url(../img/arrow_02.gif);float:left;background-repeat: no-repeat;background-position: left top;} .month{text-align:left;font-size:9px;color:#000000;font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;} .day{margin:0;padding:0 0 0 8px;text-align:center;font-size:9px;color:#000000;font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;} .news{padding: 0;margin: 0;text-align: left;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #CCCCCC;} /* pagetop ----------------------------------------------- */ #pagetop, #backtop{padding: 30px 0 0 430px;margin: 0 3px 0 0;float:right;display:inline;height: 12px;width: 81px;text-indent:-8000px;} #pagetop a{display:block;height: 12px;width: 81px;background-image:url(../img/arrow_05.gif);background-repeat:no-repeat;} #backtop a{display:block;height: 12px;width: 81px;background-image:url(../img/arrow_06.gif);background-repeat:no-repeat;} /* works ----------------------------------------------- */ #banar { width: 510px;position: relative;margin: 0 0 0 5px;} #banar img {padding: 1px;border: 1px solid #CCCCCC;float: left;margin: 20px 12px 13px 20px;} .click {padding-left: 23px;font-family: "Hiragino Kaku Gothic Pro", "qMmpS Pro W3", "lr oSVbN", Osaka, Arial, Helvetica, Verdana, sans-serif ;font-size: 11px;color: #000000;background-image:url(../img/arrow06.gif);background-repeat: no-repeat;margin-left: 4px;} .wbanner {margin: 8px 0 5px 0;padding: 0 0 0 27px;font-size: 10px;font-family:Arial, Helvetica, sans-serif;text-align:left;color: #333333;letter-spacing: 0.1em;border-bottom: 1px dotted #CCCCCC;font-weight: normal;} .wtxt {border: none;padding: 0;margin: 0 0 5px 6px;font-family: "Hiragino Kaku Gothic Pro", "qMmpS Pro W3", "lr oSVbN", Osaka, Arial, Helvetica, Verdana, sans-serif ;font-weight: bolder;} #portfolio{margin: 25px 0 40px 23px;width: 450px;} /* Recent works ----------------------------------------------- */ .recent01 a{display:block;position: relative;width:145px;height:40px;background-repeat:no-repeat;text-indent:-8000px;border:0;} .recent01 a:hover{background-position: 0 -40px;} .recent02 a{display:block;position: relative;width:145px;height:100px;background-repeat:no-repeat;text-indent:-8000px;border:0;} .recent02 a:hover{background-position: 0 -100px;} .recent03 a{display:block;position: relative;width:145px;height:145px;background-repeat:no-repeat;text-indent:-9000px;border:0;} .recent03 a:hover{background-position: 0 -145px;} .blogbox{height:145px;} #banar02 {width: 145px;height:145px;position: relative;padding:0 0 0 10px;} #banar02 img {float: left;margin:0 5px 5px 0;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}