/* ========================================================= 　Reset ========================================================= */ html,body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input { margin: 0; padding: 0;} ol,ul { list-style: none; } fieldset,img { border: none; } table { border-collapse: collapse; border-spacing: 0; } /*　Body　*/ body { background: #fff; color: #222222; font-size: 12px; line-height: 20px; font-family: 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif; border-top: solid 7px #1F4157; } /*　Link　*/ a:link, a:visited { text-decoration: underline; color: #003f8e; } a:hover, a:active { text-decoration: none; color: #003f8e; } /* ========================================================= 　Header ========================================================= */ #header { width: 960px; margin: 0 auto; padding: 55px 0 50px 0; } #header2 { width: 960px; margin: 0 auto; padding: 55px 0 50px 0; } #hbox { width: 259px; float: left; } #hbox h1 { width: 110px; height: 29px; background: url(../image2009/logo6.gif) no-repeat; float: left; } #hbox h2 { width: 124px; height: 13px; margin: 7px 0 5px; background: url(../image2009/catch2.gif) no-repeat; float: right; } #hbox h1 a { width: 110px; height: 29px; display: block; } #hbox h2 a { width: 124px; height: 16px; display: block; } #hbox span { display: none; } /* ========================================================= 　Menu ========================================================= */ #menu { width: 575px; height: 33px; float: right; } #menu span { display: none; } #menu li { height: 33px; float: left; } /*　各メニューの幅指定　*/ #menu-1 li{ width: 112px; } #menu-2 li{ width: 126px; } #menu-3 li{ width: 112px; } #menu-4 li{ width: 112px; } #menu-5 li{ width: 113px; } #menu li a { height: 33px; display: block; background: url(../image2009/menu.gif) no-repeat 0 0; } /*　各メニューリンクエリア指定　*/ #menu-1 a { width: 112px; } #menu-2 a { width: 126px; } #menu-3 a { width: 112px; } #menu-4 a { width: 112px; } #menu-5 a { width: 113px; } /*　各メニューリンクエリア指定　*/ #menu-1 a:link, #menu-1 a:visited { background-position: 0 0; } #menu-1 a:active, #menu-1 a:hover { background-position: 0 0; } #menu-2 a:link, #menu-2 a:visited { background-position: -112px 0; } #menu-2 a:active, #menu-2 a:hover { background-position: -112px 0; } #menu-3 a:link, #menu-3 a:visited { background-position: -238px 0; } #menu-3 a:active, #menu-3 a:hover { background-position: -238px 0; } #menu-4 a:link, #menu-4 a:visited { background-position: -350px 0; } #menu-4 a:active, #menu-4 a:hover { background-position: -350px 0; } #menu-5 a:link, #menu-5 a:visited { background-position: -462px 0; } #menu-5 a:active, #menu-5 a:hover { background-position: -462px 0; } /* ========================================================= 　footer ========================================================= */ #footer { width: 100%; margin-top: 40px; border-top: 1px solid #CFCFCF; } #footmain { width: 960px; margin: 20px auto 30px auto; font-size: 11px; } #footer .link { width: 450px; float: left; } #footer .copyright { width: 450px; text-align: right; float: right; } /* ========================================================= 　全体 ========================================================= */ #main { width: 960px; margin: 0 auto; text-align: left; } #main2 { width: 960px; margin: 0 auto; } * html #main, *:first-child+html #main { letter-spacing: 1px; } /* IE6,7 */ /*　alwaysr用　*/ #main #alwaysr { width: 452px; float: right; } /*　company用　*/ #main #c-left { width: 460px; float: left; } #main #c-right { width: 440px; float: right; } #main .leftbox { width: 460px; float: left; } #main .rightbox { width: 440px; float: right; } .company { width: 100%; } .company dt { width: 80px; font-size: 14px; font-weight: bold; float: left; } .company dd { margin: 0 0 25px 100px; } .company .add { width: 100%; } .company .add dt { width: 70px; font-size: 12px; font-weight: normal; float: left; } .company .add dd { margin: 0 0 25px 80px; } /*　reqruit用　*/ #main #r-left { width: 490px; float: left; } #main #r-left2 { width: 600px; float: left; } #main #r-right { width: 400px; float: right; } #main #r-right2 { width: 380px; float: right; border:1px solid #aaa; padding:10px;} #main #r-right3 { width: 280px; float: right; border:1px solid #aaa; padding:10px;} .req_tit { margin-bottom: 30px; font-size: 14px; font-weight: bold; } .req_tit2 { margin: 50px 0 30px 0; font-size: 14px; font-weight: bold; } .req_tit2s { margin: 50px 0 30px 0; font-size: 12px; font-weight: bold; } .reqruit { width: 100%; } .reqruit dt { width: 85px; font-size: 12px; font-weight: bold; float: left; } .reqruit dd { margin: 0 0 15px 110px; } .reqruit2 { width: 100%; } .reqruit2 dt { width: 100px; font-size: 12px; font-weight: bold; float: left; } .reqruit2 dd { margin: 0 0 15px 140px; } .form { width: 100%; } .form dt { width: 120px; font-size: 12px; font-weight: bold; float: left; } .form dd { margin: 0 0 15px 110px; } /* ========================================================= 　共通 ========================================================= */ .pan { margin: 10px 0 46px 0; font-size: 11px; } .pan2 { margin: 0 0 46px 0; font-size: 11px; } /*topimage*/ #topimage {width:100%; height:380px; background-image:url(../image2009/topimage.jpg); background-position:center; background-repeat:no-repeat; text-align:center; margin: 0 auto 30px auto;} #topl {width:450px; float:left;} #topr {width:450px; float:right;} .topresults { line-height:12px; padding-bottom:20px;} .topinfo { line-height:22px; letter-spacing:0px; } /*creative banner*/ #creative-banner{margin:35px 0 0 0; height:100px;} /*会社概要*/ #greeting{ width:960px; float:left; } #com { float: left} #com2 { float: right; width:730px; margin-bottom: 110px; } .greeting-tit{ font-size:19px; font-weight:bold;} #left-side-company{width:450px; float:left;} #right-side-company{width:450px; float:right;} #company {width: 452px;height: 30px; float:right;} #company span { margin-left: 30px;} #co-l{width: 100px;} #co-r{width: 322px;} #co-o{width: 422px;} #company li { height:30px; float: left;} /*フォント関係*/ .t11{ font-size:11px;} .blue{ color:#003f8e;} .sub_b{ line-height:1.5em; padding:0; margin:0; margin-bottom:10px; margin-top:-5px;} .tblue{ font-size:12px; line-height:20px; letter-spacing:1px; color:#003f8e; margin-bottom: 20px; } /*パンくずリスト*/ .cb { clear: both; } /*タイトル*/ #title{ width:960px; padding:10px 0; text-align:right; margin:0 auto;}