body,div,span,p,ul,ol,li,lh,dl,dt,dd,h1,h2,h3,h4,h5,img,table,tr,td,th,form,map{margin:0; padding:0; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-weight:normal; font-size:1em;} img{border:none;} ul,li,lh{list-style: none;} a{outline:none;} a:link, a:visited { color: #ff8412; text-decoration: underline;} a:hover, a:active { color: #ff2812; text-decoration: underline;} br {letter-spacing: 0;} img{border:none;} hr{ display: none;} .hidden { display: none;} .clear{clear:both; font-size:0; line-height:0; height:0;} .center{text-align:center;} .right{text-align:right;} .red{ color:#ff3312;} .bold{font-weight:bold;} .sfont{font-size:85%; line-height:1.4em;} .space{margin-bottom:10px;} html{height:100%;} body{ height:100%; width:100%; font-size:74%; color:#444444; line-height:1.6em;letter-spacing:0.1em;text-align: center; background:url(../images/bg.gif) repeat-x #FFFFFF;} body#pTop{} #site{background:url(../images/bg_shadow.jpg) top center no-repeat;margin:0px auto 0px auto;text-align:left;} /*HEADER*/ #headerArea{ width:790px; margin:0px auto 0px auto; background-color:#FFFFFF} #header{width: 790px; margin:0px; background:url(../images/logo_second.jpg) no-repeat top; height:55px;} body#pTop #header{width: 790px; margin:0px; background:url(../images/logo_top.jpg) no-repeat top; height:55px;} #header h1#headerLogo{margin: 0px 0px 0px 0px;width: 310px;} #header h1#headerLogo a {display: block; width: 310px; height: 55px; text-indent: -9999px;} ul#navigation { list-style: none; margin: 5px 0px 0px 5px; padding: 0 0 15px 0; position: relative; top: 0; width:780px; height: 40px; overflow: hidden ; background-color: #ffffff; background:url(../images/menu_bg.gif) repeat-x top;} ul#navigation li a { text-decoration: none; text-indent: -9999px; padding: 0; position: absolute; top: 0; height: 40px; overflow: hidden } ul#navigation li#menuTop a{ background: url(../images/menu_top.gif) no-repeat; left: 0px; width: 195px } ul#navigation li#menuOff a{ background: url(../images/menu_office.gif) no-repeat; left: 195px; width: 195px } ul#navigation li#menuBus a{ background: url(../images/menu_business.gif) no-repeat; left: 390px; width: 195px } ul#navigation li#menuCon a{ background: url(../images/menu_consultant.gif) no-repeat; left: 585px; width: 195px } ul#navigation li#menuTop a:hover, ul#navigation li#menuOff a:hover, ul#navigation li#menuBus a:hover, ul#navigation li#menuCon a:hover { background-position: 0 -40px } body#pOff li#menuOff a, body#pBus li#menuBus a, body#pCon li#menuCon a{ background-position: 0 -40px } /*MAIN*/ #mainArea {width:790px; margin:0px auto 0px auto; background-color:#FFFFFF} #mainArea h2{ width:760px; height:130px; text-indent:-9999px; } #mainArea h2.titleTop{height:231px; background:url(../images/title_top.jpg) left no-repeat;margin:0px 0px 0px 15px;} #mainArea h2.titleOffice{ background:url(../images/title_office.jpg) left no-repeat;margin:0px 0px 15px 15px;} #mainArea h2.titleBusiness{ background:url(../images/title_business.jpg) left no-repeat;margin:0px 0px 15px 15px;} #mainArea h2.titleConsultant{ background:url(../images/title_consultant.jpg) left no-repeat;margin:0px 0px 15px 15px;} #mainArea h2.titleOther{ background:url(../images/title_other.jpg) left no-repeat;margin:0px 0px 15px 15px;} #mainWrap{} #mainLeft{float:left; display:inline; width:564px; margin:0px 10px 0px 15px; padding-right:10px; border-right:1px solid #cccccc;} #mainRight{float:left; display:inline; width:175px;} #mainRight #rightNavi{ margin-bottom:10px;} #mainRight #rightNavi li{display:block; width:175px; height:47px; margin-bottom:3px;} #mainRight #rightNavi li a{ text-indent:-9999px; display:block; width:175px; height:47px;} #mainRight #rightNavi li#menuMap a{ background: url(../images/menu_access.gif) no-repeat;} #mainRight #rightNavi li#menuPri a{ background:url(../images/menu_privacy.gif) no-repeat;} #mainRight #rightNavi li#menuInq a{ background:url(../images/menu_inquiry.gif) no-repeat;} #mainRight #rightNavi li#menuMap a:hover, #mainRight #rightNavi li#menuPri a:hover, #mainRight #rightNavi li#menuInq a:hover{ background-position:0 -47px; } /*FOOTER*/ #footerArea{ background:url(../images/ft_bg.gif) repeat-x #260c05;} #footer{width:790px; background:url(../images/ft_bgm.gif) repeat-x #3c251e; margin:0px auto 0px auto;} #footerPagetop{margin:0px 0px 20px 689px; width:86px; height:37px;} #footerPagetop a{ display:block; width:86px; height:37px; text-indent:-9999px; background:url(../images/bt_pagetop.gif) no-repeat;} #footerPagetop a:hover{ background-position:0 -37px; } #footerMenu{ text-align:center; margin-bottom:15px; color:#e2dfdd;} #footerArea p.copyright{ text-align:center;font-size:85%; color:#e2dfdd; padding:0px 10px 50px 0px;} /*TOP*/ ul#topNavigation { list-style: none; margin: 0px 0px 0px 16px; padding: 0 0 0px 0; position: relative; top: 0; width:758px; height: 143px; overflow: hidden ; background-color: #ffffff} ul#topNavigation li a { text-decoration: none; text-indent: -9999px; padding: 0; position: absolute; top: 0; height: 143px; overflow: hidden } ul#topNavigation li#menuOff a{ background: url(../images/top_menu_office.jpg) no-repeat; left: 0px; width: 252px} ul#topNavigation li#menuBus a{ background: url(../images/top_menu_business.jpg) no-repeat; left: 253px; width: 252px} ul#topNavigation li#menuCon a{ background: url(../images/top_menu_consultant.jpg) no-repeat; left: 506px; width: 252px} ul#topNavigation li#menuOff a:hover, ul#topNavigation li#menuBus a:hover, ul#topNavigation li#menuCon a:hover { background-position: 0 -143px } #topWrap{ margin:10px 0px 0px 0px;} #topLeft{float:left; display:inline; width:496px; margin:0px 10px 0px 15px; padding-right:10px; border-right:1px solid #cccccc; padding-bottom:10px;} #topRight{float:left; display:inline; width:175px;} #topRight #rightNavi{ margin-bottom:10px;} #topRight #rightNavi li{display:block; width:242px; height:47px; margin-bottom:3px;} #topRight #rightNavi li a{ text-indent:-9999px; display:block; width:242px; height:47px;} #topRight #rightNavi li#menuMap a{ background: url(../images/top_menu_access.gif) no-repeat;} #topRight #rightNavi li#menuPri a{ background:url(../images/top_menu_privacy.gif) no-repeat;} #topRight #rightNavi li#menuInq a{ background:url(../images/top_menu_inquiry.gif) no-repeat;} #topRight #rightNavi li#menuMap a:hover, #topRight #rightNavi li#menuPri a:hover, #topRight #rightNavi li#menuInq a:hover{ background-position:0 -47px; } #top h3.topTitle01{ width:496px; height:34px; background:url(../images/top_title01.gif) no-repeat; text-indent:-9999px; margin-bottom:15px;} .topPhoto{float:left; width:137px; text-align:center; padding:10px 0px 10px 0px; background:url(../images/top_bg01.gif) no-repeat; margin:0px 15px 20px 5px; display:inline;} .topPhoto img{ margin-bottom:5px;} .topPhoto p{ color:#7e472f} .topText{width:330px; float:left; display:inline; margin:10px 0px 0px 0px;} /*ACCESS MAP*/ #map{} #map h3.mapTitle01{ width:564px; height:34px; background:url(../images/access_title01.jpg) no-repeat; text-indent:-9999px; margin-bottom:15px;} #map .mapMap{ border:1px solid #c2a69f; padding:10px 10px 3px 10px; margin: 0px 10px 15px 10px;} #map table{border-collapse: collapse; margin:0px 10px 30px 10px;} #map th{border:1px solid #c2a69f; background-color:#fff5e1; padding:10px; color:#793320; width:100px;} #map td{border:1px solid #c2a69f; padding:10px; width:400px} /*OFFICE*/ #office{} #office h3.offTitle01{ width:564px; height:34px; background:url(../images/office_title01.gif) no-repeat; text-indent:-9999px; margin-bottom:15px;} #office h3.offTitle02{ width:564px; height:34px; background:url(../images/office_title02.gif) no-repeat; text-indent:-9999px; margin-bottom:15px;} #office h3.offTitle03{ width:564px; height:34px; background:url(../images/office_title03.gif) no-repeat; text-indent:-9999px; margin-bottom:15px;} #office table{border-collapse: collapse; margin:0px 10px 30px 10px;} #office th{border:1px solid #c2a69f; background-color:#fff5e1; padding:10px; color:#793320; width:100px;} #office td{border:1px solid #c2a69f; padding:10px; width:400px} #office td a{ background:url(../images/arrow01.gif) left center no-repeat; padding:3px 0px 3px 18px; } #office .offWrap{ padding:0px 10px; margin-bottom:30px;} #office .offPhoto{ float:left; display:inline; text-align:center; width:120px; margin-right:15px;} #office .offPhoto p{ color:#865142; font-weight:bold;} #office .offPhoto img{ margin-bottom:5px;} #office .offText{float:left; display:inline; width:400px; margin:0px 0px 0px 0px;} #office .offText li{ background:url(../images/dot.gif) repeat-x bottom; padding:5px 0px 5px 5px;} /*BUSINESS*/ #business{} #business h3.busTitle01{ width:564px; height:34px; background:url(../images/business_title01.gif) no-repeat; text-indent:-9999px; margin-bottom:15px;} #business h3.busTitle02{ width:564px; height:34px; background:url(../images/business_title02.gif) no-repeat; text-indent:-9999px; margin-bottom:15px;} #business h3.busTitle03{ width:564px; height:34px; background:url(../images/business_title03.gif) no-repeat; text-indent:-9999px; margin-bottom:15px;} #business h3.busTitle04{ width:564px; height:34px; background:url(../images/business_title04.gif) no-repeat; text-indent:-9999px; margin-bottom:15px;} #business h3.busTitle05{ width:564px; height:40px; background:url(../images/business_title05.gif) no-repeat; text-indent:-9999px; margin-bottom:30px; margin-top:70px;} #business h3.busTitle06{ width:564px; height:34px; background:url(../images/business_title06.gif) no-repeat; text-indent:-9999px; margin-bottom:15px;} #business #mainLeft{padding-bottom:40px;} #business #mainLeft p{ margin:0px 10px 30px 10px;} #business #mainLeft ul{ margin:-15px 10px 30px 20px; color:#ed7032} /*CONSULTANT*/ #consultant{} #consultant h3.conTitle01{ width:564px; height:34px; background:url(../images/consultant_title01.gif) no-repeat; text-indent:-9999px;margin-bottom:15px;} #consultant .conWrap{width: 554px; padding: 0px 5px; margin-bottom: 10px;} #consultant .conWrap .conPhoto {width: 120px; margin:0px 20px 0 0; padding: 0; float:left;} #consultant .conWrap .conInfo {width: 389px; margin:0; padding: 0; float:left;} #consultant .conWrap .conInfo p.conName {padding-bottom: 5px; background: url(../images/dot.gif) repeat-x bottom; font-weight: bold; color: #7e472f; font-size:120%} #consultant .conWrap .conInfo p.conTxt {padding: 10px 0px 0px 0px;} #consultant .conWrap01top{width: 554px; height: 10px;background:url(../images/consultant_top01.gif) no-repeat top;font-size:0;} #consultant .conWrap01{width: 529px; padding: 0px 15px 0 10px; background: #fff4df;} #consultant .conWrap01bottom{width: 554px; height: 10px; background:url(../images/consultant_bottom01.gif) no-repeat bottom;font-size:0;} #consultant .conWrap02top{width: 554px; height: 10px;background:url(../images/consultant_top02.gif) no-repeat top;font-size:0;} #consultant .conWrap02{width: 529px; padding: 0px 15px 0px 10px; background: #fff4ea;} #consultant .conWrap02bottom{width: 554px; height: 10px; background:url(../images/consultant_bottom02.gif) no-repeat bottom;font-size:0;} /*INQUIRY*/ #inquiry{ } #inquiry #mainLeft{ padding-bottom:40px;} #inquiry h3.inqTitle01{ width:564px; height:34px; background:url(../images/inquiry_title01.gif) no-repeat; text-indent:-9999px; margin-bottom:15px;} #inquiry p{ margin:0px 10px 15px 10px;} #inquiry table{border-collapse: collapse; margin:0px 10px 10px 10px;} #inquiry th{border:1px solid #c2a69f; background-color:#fff5e1; padding:10px; color:#793320; width:180px;} #inquiry td{border:1px solid #c2a69f; padding:10px; width:300px} #inquiry .inqBt{ text-align:center; margin-bottom:20px;} #inquiry .inqBt br{font-size:0px; line-height:0;} #inquiry .inqFinish{ text-align:center; margin:20px 0px 170px 0px;} /*PRIVACY*/ #privacy{} #privacy h3.priTitle01{ width:564px; height:34px; background:url(../images/privacy_title01.gif) no-repeat; text-indent:-9999px;margin-bottom:15px;} #privacy dl{width: 534px; padding: 0 15px;} #privacy dt{margin-bottom: 5px; background:url(../images/dot.gif) repeat-x bottom; font-weight: bold; color: #7e472f; font-size:120%; padding-bottom:3px;} #privacy dd{margin: 10px 0 30px 0;} /*BUTTON*/ .btCheck{width: 140px;height: 28px;border: 0;background: url(../images/bt_check01.gif) no-repeat 0 0;text-indent: -9999px;cursor: pointer;} .btCheckO {width: 140px;height: 28px;border: 0;background: url(../images/bt_check02.gif) no-repeat 0 0;text-indent: -9999px;cursor: pointer;} .btSubmit{width: 140px;height: 28px;border: 0;background: url(../images/bt_submit01.gif) no-repeat 0 0;text-indent: -9999px;cursor: pointer;} .btSubmitO {width: 140px;height: 28px;border: 0;background: url(../images/bt_submit02.gif) no-repeat 0 0;text-indent: -9999px;cursor: pointer;} .btBack{width: 140px;height: 28px;border: 0;background: url(../images/bt_back01.gif) no-repeat 0 0;text-indent: -9999px;cursor: pointer;} .btBackO {width: 140px;height: 28px;border: 0;background: url(../images/bt_back02.gif) no-repeat 0 0;text-indent: -9999px;cursor: pointer;} .clearfix:after { content: "."; /* 新しい要素を作る */ display: block; /* ブロックレベル要素に */ clear: both; height: 0; visibility: hidden; } .clearfix { min-height: 1px; } * html .clearfix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }