/* CSS Document */ @import "toping.css"; @import "style.css"; /* ----------------------------------------------------------------------------------------- 基本情報 ----------------------------------------------------------------------------------------- */ html {background:#FFF url(../img/bg_wrap.jpg) bottom repeat-x;} body { margin:0; padding:0; background:url(../../img/index/bg_body.jpg) repeat-x top; text-align:left; color:#444; font-size:12px; line-height:1.5; } * {margin:0; padding:0;} img {border-style:none; border-width:0px; text-decoration:none; vertical-align:bottom;} a img {border-style:none; border-width:0px; text-decoration:none;} a:link{color:#444; overflow:hidden; text-decoration:underline;} a:visited {color:#444; text-decoration:underline;} a:hover {color:#090; text-decoration:underline;} h1,h2,h3 {text-indent:-9999px;} ul,ol,li {list-style:none;} /* ----------------------------------------------------------------------------------------- 　ヘッダー ----------------------------------------------------------------------------------------- */ #header {margin:0 auto; width:830px; height:84px; position:relative;} #header h1 {margin-left:15px; background:url(../img/logo.gif) 0 14px no-repeat;} #header h1 a {width:385px; height:70px; display:block;} #head_snavi {height:18px; position:absolute; left:600px; top:40px;} #head_snavi li {float:left; text-indent:-9999px;} #head_snavi li.navi1 {background:url(../img/head_snavi.gif) 0 0 no-repeat; width:85px;} #head_snavi li.navi2 {background:url(../img/head_snavi.gif) -85px 0 no-repeat;width:128px;} #head_snavi li.navi3 {background:url(../img/head_snavi.gif) -213px 0 no-repeat;width:153px;} #head_snavi li a {height:18px; display:block;} #head_snavi li.navi1 a {width:85px;} #head_snavi li.navi2 a {width:128px;} #head_snavi li.navi3 a {width:153px;} #head_snavi li.navi1 a:hover {background:url(../img/head_snavi.gif) 0 -18px no-repeat;} #head_snavi li.navi2 a:hover {background:url(../img/head_snavi.gif) -85px -18px no-repeat;} #head_snavi li.navi3 a:hover {background:url(../img/head_snavi.gif) -213px -18px no-repeat;} #header a#btn_contact { background:url(../../img/index/bt_seacth.jpg) no-repeat; width:186px; height:32px; display:block; text-indent:-9999px; position:absolute; top:0; left:630px; } #header a#btn_contact:hover {background:url(../../img/index/bt_seacth.jpg) bottom no-repeat;} /* グローバルナビ */ #mainnavi {margin:0 auto; background:url(../img/navi.jpg) no-repeat; width:800px; height:50px;} #mainnavi li {float:left; text-indent:-9999px;} #mainnavi li.navi1 {width:197px;} #mainnavi li.navi2 {width:122px;} #mainnavi li.navi3 {width:117px;} #mainnavi li.navi4 {width:151px;} #mainnavi li.navi5 {width:93px;} #mainnavi li.navi6 {width:120px;} #mainnavi li a {height:50px; display:block;} #mainnavi li.navi1 a {width:197px;} #mainnavi li.navi2 a {width:122px;} #mainnavi li.navi3 a {width:117px;} #mainnavi li.navi4 a {width:151px;} #mainnavi li.navi5 a {width:93px;} #mainnavi li.navi6 a {width:120px;} #mainnavi li.navi1 a:hover {background:url(../img/navi.jpg) 0 -50px no-repeat;} #mainnavi li.navi2 a:hover {background:url(../img/navi.jpg) -197px -50px no-repeat;} #mainnavi li.navi3 a:hover {background:url(../img/navi.jpg) -319px -50px no-repeat;} #mainnavi li.navi4 a:hover {background:url(../img/navi.jpg) -436px -50px no-repeat;} #mainnavi li.navi5 a:hover {background:url(../img/navi.jpg) -587px -50px no-repeat;} #mainnavi li.navi6 a:hover {background:url(../img/navi.jpg) -680px -50px no-repeat;} /* メインイメージ */ #main {background:url(../../img/index/main.jpg) center top no-repeat; width:860px; height:240px; margin:0 auto; clear:both; position:relative;} #main #main_button01 a{ width:310px; height:40px; position:absolute; top:178px; left:30px;} #main #main_button02 a{ width:140px; height:142px; position:absolute; top:89px; left:690px;} /* -------------------------------------------------------------------------------------------------------- トップキャッチニュース -------------------------------------------------------------------------------------------------------- */ #topCatchNews{ margin: 30px 15px; text-align: center; font-size: 1.25em; font-weight: bold; } #topCatchNews span{ background: #FF462D; color: #fff; padding: 0.25em 0.5em; border-radius: 2px; margin-right: 0.5em; } #topCatchNews a{color: #FF462D;} /* ----------------------------------------------------------------------------------------- 　コンテンツ ----------------------------------------------------------------------------------------- */ #wrap {margin:20px auto 0; width:800px;} #left_box {width:620px; float:left;} #right_box {width:160px; float:right;} /* 左側 */ #service {margin-bottom:10px; background:url(../../img/index/service_bg.jpg) no-repeat; height:155px; position:relative;} #service ol {position:absolute; top:83px;} #service .ico_gr {left:18px;} #service .ico_gr02 {left:140px;} #service .ico_bl {/*left:199px;*/left:300px;} #service .ico_ye {left:455px;} #service .num2 {left:533px;} #tuyomi,#about {width:228px; position:relative; float:left;} #tuyomi {margin-bottom:8px; background:url(../../img/index/tuyomi_bg.jpg) no-repeat; height:128px;} #tuyomi p {position:absolute; top:38px; left:102px; width:115px; line-height:1.3;} #tuyomi a { background:url(../../img/index/tuyomi_btn.jpg) no-repeat; width:119px; height:29px; display:block; text-indent:-9999px; position:absolute; top:93px; left:98px; } #tuyomi a:hover {background:url(../../img/index/tuyomi_btn.jpg) right no-repeat;} #about {background:url(../../img/index/about_bg.jpg) no-repeat; height:100px;} #about ol {position:absolute; top:38px;} #about .ico_gr {left:11px;} #about .num2 {left:90px;} #list { width:390px; height:200px; background:url(../../img/index/list.jpg) no-repeat; float:left; position:relative; } #list p { width:360px; position:absolute; top:40px; left:15px; } #list .ico_gr { position:absolute; top:82px; left:270px; } #list_bt a { background:url(../../img/index/tuyomi_btn.jpg) no-repeat; width:119px; height:29px; display:block; text-indent:-9999px; position:absolute; left:263px; top:159px; } #list_bt a:hover {background:url(../../img/index/tuyomi_btn.jpg) right no-repeat;} #topix {background:url(../../img/index/topix.jpg) no-repeat; width:300px; height:235px; float:left; } #topix dt {height:38px; text-indent:-9999px;} #topix dd {margin:0 auto; width:280px; height:190px; overflow-y:scroll;} #topix iframe { overflow:hidden; } #topix dd table tr {background:url(../img/line_w.gif) bottom repeat-x;} #topix dd table th {padding:3px 20px 2px 0; font-weight:normal;} #topix dd table td {padding:3px 0 2px;} /* 右側 */ #contact_box { margin:0 0 10px 8px; padding:104px 0 0 12px; background:url(../../img/index/contact_box.jpg) no-repeat; height:51px; text-indent:-9999px; } #contact_box a {background:url(../../img/index/contact_btn.jpg) no-repeat; width:226px; height:42px; display:block;} #contact_box a:hover {background:url(../../img/index/contact_btn.jpg) bottom no-repeat;} #useful {padding:40px 15px 0 15px; background:url(../../img/index/useful.jpg) no-repeat; height:160px; width:180px; float:left; margin-left:20px; } /* ----------------------------------------------------------------------------------------- 　フッター ----------------------------------------------------------------------------------------- */ #footer {padding-top:25px; clear:both;} #footer #f_navi {margin-bottom:23px; text-align:center;} #footer #f_info {padding-top:13px; height:46px;} #footer #f_info p {font-size:10px; float:left;} #footer #f_info a { background:url(../img/serch_btn.jpg) no-repeat; width:188px; height:34px; display:block; float:right; text-indent:-9999px; } #footer #f_info a:hover {background:url(../img/serch_btn.jpg) right no-repeat;} #footer address {background:url(../img/copy.jpg) center bottom no-repeat; height:79px; text-indent:-9999px; clear:both;}