/* main_style */ /*---------------------- CSS information Site URL: http://www.job-contact.com/ File Name: main style.css Summary: main style Crated: 2008/07/08 Last update: 2008/09/30 by Kyoko Sato Author: Kyoko Sato Copyright: (c)2007 YOUWA Co.,LTD -----------------------*/ body{ background-position:top center; text-align:center; font-family:ƒƒCƒŠƒI,Meiryo,"‚l‚r ‚oƒSƒVƒbƒN", Osaka, sans-serif; color:#333333; background-color:#ffffff; padding:0; margin:0; } .tag{ margin-bottom:0; color:#0000ff; font-family: "ヒãƒĐã‚ŪãƒŽč§’ã‚ī Pro W3", Osaka, "MS UI Gothic", "E­Eģ E° ã‚īシチE‚Ŋ", Verdana, Myriad, Helvetica, "MS Trebuchet", Arial, sans -serif; font-size: 1.2em; font-weight: bold; text-transform: capitalize; } .text{ color:#333333; font-size: 14px; line-height:20px; } #mainContents { width:800px; height:auto; position: relative; margin:0; background-color: #ffffff; background-image:url(../gif/cocoro_body.gif); } /*----------------------- __container -------------------------*/ #container{ position: relative; width: 800px; height: auto; margin: 0 auto; padding: 0 0 10px 0; color: #333333; text-align: left; border:solid 1px #cccccc; } /*----------------------- __header -------------------------*/ #header{ width:800px; height:90px; overflow:hidden; background-image:url(../gif/cocoro_rogo.gif); background-repeat:no-repeat; background-color:#ffff00; background-position:center; } #header h1{ text-indent:-9999px; } #header a{ display:block; width:250px; height:110px; } #sitepolicy{ display:block; position:absolute; top:10px; right:20px; width:200px; height:0 0 1em 0; text-align:right; } #sitepolicy li{ display:block; float:right; font-size:12px; } #sitepolicy a{ display:block; width:auto; height:auto; padding:0 10px; border-right:1px solid #c0c0c0; color:#666666; } #sitepolicy a:hover, #sitepolicy a:active { color: #ffcc00; } #sitemap{ margin-right:0; padding-right:0; } #sitemap a{ border-right:none; } #mainNavi { display: block; width: auto; height: auto; margin-bottom: 0; position:absolute; top:90px; margin-left: 10px; } #mainNavi li { display: inline; float: left; font-size: 10px; text-transform: uppercase; } #mainNavi a { display:block; width: auto; height: auto; background-color: #000000; padding: 2px 15px; border-right: 1px solid #ffffff; } #mainNavi a:link, ul#mainNavi a:visited { color: #ffffff; } #mainNavi a:hover, ul#mainNavi a:active { color: #ffcc00; } /*----------------------- __sitebanner -------------------------*/ #sitebanner{ width:800px; height:200px; margin:0; background-image:url(../gif/cocoro_img.jpg); background-repeat:no-repeat; border:solid 1px #c0c0c0; text-indent:-9999px; } /*------------------------Ĩƒiƒr-----------------------------*/ #s_navi{ width:190px; background-image:url(../gif/cocoro_body.gif); } #side_navi{ width:190px; height:30px; background:url(../gif/title_content.gif) no-repeat; text-indent:-9999px; margin-bottom:2px; margin-top:10px; margin-left:10px; } .side_title{ width:190px; height:30px; border:solid 1px #cccccc; border-left:solid 10px #ff00ff; background-color:#ffffff; padding:7px 0 0 10px; margin-bottom:2px; margin-left:10px; } .side_title a{ font-size:13px; color:#666666; display:block; width:163px; text-decoration:none; } /*------------------------Ģ-----------------------------*/ /*----------------------- __mainContents -------------------------*/ #mainContents a:link, #mainContents a:visited { color: #000000; } #mainContents a:hover, #mainContents a:active { color: #ffcc00; } p.cClear { clear: both; height: 0; margin: 0; padding: 0; } p.cClear { clear: both; height: 0; margin: 0; padding: 0; } #siteFooter { clear: both; margin: 0; padding:0; font-size: 70%; text-align: center; border: 1px solid #cccccc; background-color:#ffff00; }