body {margin: 0 auto; text-align: center; background: url(images/body_bg.png) top center #999999; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Verdana,'ＭＳ Ｐゴシック',sans-serif; color: #666666; font-size: 12px; } a {text-decoration:none; color: #0000FF; outline:none;} button {cursor:pointer;} :focus {outline: none;} /* ヘッダー部分 */ #header_wrapper {background: url(images/header_wrapper_bg.png) top center repeat-x; width: 100%; height: 150px; margin: 0 0 5px 0; min-width: 830px;} #header_wrapper #header {width:100%; height: 85px; margin: 0 auto; background: url(images/header_bg.png) top center no-repeat;} #header_wrapper #header .inner {width: 830px; height: 85px; margin: 0 auto;} #header_wrapper.home {background: url(images/header_wrapper_bg_home.png) top center repeat-x; height: 365px; margin: 365px auto; position: absolute; top: 50%; margin-top: -182px;} #header_wrapper.home #header {height: 310px; background: url(images/header_bg_home.png) top center no-repeat;} #header_wrapper #header h1 a#logo { display:block; height: 55px; width: 275px; float:left; position:relative; top: 10px; left: 30px; background: none; margin: 0; padding: 0; font-size: 13px; } #header_wrapper #header h1 a#logo span {display: none;} #header_wrapper.home #header h1 a#logo {top: 100px; left: 420px; height: 110px; width: 160px;} /* ヘッダー部分 */ /* 上部ナビ部分 */ #header_wrapper #nav_wrapper {background: url(images/nav_wrapper_bg.png) top center repeat-x; width: 100%; height: 55px; text-align: center;} #header_wrapper #nav_wrapper #nav {background: url(images/nav_bg.png) top center repeat-x; margin: 0 auto; padding: 0; width: 100%; height: 55px; text-align: center;} #header_wrapper #nav_wrapper #nav .inner {width: 830px; height: 55px; margin: 0 auto;} #header_wrapper #nav_wrapper #nav ul {margin: 0 auto; padding: 0; width:526px; text-align: center;} #header_wrapper #nav_wrapper #nav ul li {display: inline; list-style:none; margin: 0; padding: 0; float: left;} #header_wrapper #nav_wrapper #nav ul li a {display:block; padding:0; height: 50px; background: url(images/nav_links4.png) no-repeat top left;} #header_wrapper #nav_wrapper #nav ul li a span {display:none;} #header_wrapper #nav_wrapper #nav ul li.home a {width: 134px; background-position: 0 0;} #header_wrapper #nav_wrapper #nav ul li.theCompany a {width: 129px; background-position: -134px 0;} #header_wrapper #nav_wrapper #nav ul li.home a:hover {width: 134px; background-position: 0 -55px;} #header_wrapper #nav_wrapper #nav ul li.theCompany a:hover {width: 129px; background-position: -134px -55px;} #header_wrapper #nav_wrapper #nav ul li.home a:active {width: 134px; background-position: 0 -110px;} #header_wrapper #nav_wrapper #nav ul li.theCompany a:active {width: 129px; background-position: -134px -110px;} #header_wrapper #nav_wrapper #nav ul li.home a.active {width: 134px; background-position: 0 -110px;} #header_wrapper #nav_wrapper #nav ul li.theCompany a.active {width: 129px; background-position: -134px -110px;} #header_wrapper #nav_wrapper #nav ul li.home a.active:hover {width: 134px; background-position: 0 -55px;} #header_wrapper #nav_wrapper #nav ul li.theCompany a.active:hover {width: 129px; background-position: -134px -55px;} /**/ #header_wrapper #nav_wrapper #nav ul li.business a {width: 134px; background-position: -268px 0;} #header_wrapper #nav_wrapper #nav ul li.nquiry a {width: 129px; background-position: -402px 0;} #header_wrapper #nav_wrapper #nav ul li.business a:hover {width: 134px; background-position: -268px -55px;} #header_wrapper #nav_wrapper #nav ul li.nquiry a:hover {width: 129px; background-position: -402px -55px;} #header_wrapper #nav_wrapper #nav ul li.business a:active {width: 134px; background-position: -268px -110px;} #header_wrapper #nav_wrapper #nav ul li.nquiry a:active {width: 129px; background-position: -402px -110px;} #header_wrapper #nav_wrapper #nav ul li.business a.active {width: 134px; background-position: -268px -110px;} #header_wrapper #nav_wrapper #nav ul li.nquiry a.active {width: 129px; background-position: -402px -110px;} #header_wrapper #nav_wrapper #nav ul li.business a.active:hover {width: 134px; background-position: -268px -55px;} #header_wrapper #nav_wrapper #nav ul li.nquiry a.active:hover {width: 129px; background-position: -402px -55px;} /* 上部ナビ部分 */ /* --------- Content --------- */ #content_wrapper {width: 820px; margin: 0 auto; padding: 5px 0 5px 0; background: url(images/content_wrapper_bg.gif) top center repeat-y; position: relative;} a {color: #339966;} a {color: #339966;} #mainScreencast {display:none; padding: 5px 0 0 5px; float: left; position: absolute; top: 0px; left: 0px;} /* --------- main --------- */ #content_wrapper #social_nav {} #content_wrapper #social_nav a img { margin-top: -10px; margin-left: 8px;} #content_wrapper #content {margin: 0 15px 0 15px; background: url(images/content_bg.png) top left; width: 800px;} #content_wrapper #content .block.dark {background:url(images/content_black_dark_bg.png) top left;} #content_wrapper #content .block.black {background: #000000;} #content_wrapper #content .block h3 {font-size: 18px; font-weight: normal; margin: 0 0 10px 0; color: #339966} #content_wrapper #content .block h4 {font-size: 15px; font-weight: normal; margin: 0 0 15px 0;} #content_wrapper #content #blogcontent .block h4 {font-size: 15px; font-weight: bold; margin: 0 0 15px 0;} #content_wrapper #content .block h5 {font-size: 14px; font-weight: normal; font-style: normal; font-weight: bold; color: #FFF; margin: 0 0 5px 0;} #content_wrapper #content .block p {font-size: 13px; line-height: 17px; margin: 10px 0 20px 0; color: #666;} #content_wrapper #content .block p.last {margin: 20px 0 10px 0;} #content_wrapper #content .block p a:hover {border-bottom: 1px dotted #339966;} #content_wrapper #content .block span a:hover {border-bottom: 1px dotted #339966;} #content_wrapper #content .block p strong, #content_wrapper #content .block p b {font-weight: bold; color: #FFF; line-height: 30px;} #content_wrapper #content .block blockquote { padding: 20px 30px 1px; background-color: #232323; margin-bottom: 20px; margin-top: 10px; margin-left: -30px; margin-right: -30px; } #content_wrapper #content .block blockquote p { color: white; font-style: italic; font-family: Georgia, Times; } #content_wrapper #content .block blockquote.oneliner { background-color: black; } #content_wrapper #content #blogcontent center { margin-bottom: 20px; } #content_wrapper #content #blogcontent blockquote.oneliner p.author { color: #339966; text-align: right; font: normal 15px/0 Georgia, Times; } #content_wrapper #content .block table {width: 100%;border-collapse: collapse;} th.t_top {border-top: #b3b3b3 4px solid;} th {border-bottom: #e3e3e3 1px solid; border-left: #e3e3e3 1px solid; text-align: left; background: #f7f7f7; padding: 12px; font-weight: normal;} td.t_top {border-top: #339966 4px solid;} td {border-bottom: #e3e3e3 1px solid; border-right: #e3e3e3 1px solid; text-align: left; padding: 12px;} #content_wrapper #content .block ul { list-style-type: decimal; padding-left: 1.5em;} .clear {clear: both;} .hide {display: none;} /* ---------- トップニュース --------- */ #content_wrapper #content ul.company_news {} #content_wrapper #content ul.company_news li {font-size: 14px; width:700px; float: left; margin: 20px 40px 40px 0;} #content_wrapper #content ul.company_news li h4 {font-size: 16px; margin: 10px 10px 10px 100px;} #content_wrapper #content ul.company_news li h5 {font-size: 14px; margin: 0 0 15px 120px; color: #999;} #content_wrapper #content ul.company_news li p {font-size: 13px; line-height: 20px; color: #666; margin-left: 50px !important;} #content_wrapper #content ul.company_news li.bottom {margin-bottom: 0; list-style-type: none; } #content_wrapper #content ul.company_news li .sp_picture {background: url(images/profile_bg.png) top left no-repeat; width: 100px; height: 140px; float: left;} /* ---------- トップニュース --------- */ /* ---------- 経営方針 --------- */ #content_wrapper #content ul.business_policy {} #content_wrapper #content ul.business_policy li {font-size: 14px; width:700px; float: left; margin: 20px 40px 40px 0;} #content_wrapper #content ul.business_policy li h4 {font-size: 16px; margin: 10px 10px 10px 100px; color: #339966;} #content_wrapper #content ul.business_policy li h5 {font-size: 14px; margin: 0 0 15px 120px; color: #999;} #content_wrapper #content ul.business_policy li p {font-size: 13px; line-height: 20px; color: #666; margin-left: 50px !important;} #content_wrapper #content ul.business_policy li.bottom {margin-bottom: 0; list-style-type: none; } #content_wrapper #content ul.business_policy li .sp_picture {background: url(images/profile_bg.png) top left no-repeat; width: 100px; height: 140px; float: left;} /* ---------- 経営方針 --------- */ /* ---------- フッター --------- */ #footer {width: 800px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; text-align: center; color: #333;} #footer p {text-align: center; margin-bottom: 3px;} #footer a {color: #555;} #footer a:hover {color: #339966; border-bottom: 1px dotted #339966;} #footer h4.logo a {display: block; height: 30px; width: 88px; margin: 0 auto; margin-bottom: 5px; background: url(images/footer_taoEffect.png) top center no-repeat;} #footer h4.logo a:hover {background-position: 0 -30px; border: none;} #footer h4.logo a span {display: none;} /* ----------TOTOP CUSTOMIZE---------- */ #totop {padding:10px; text-align:right; font-size:90%;} #totop a {padding:0 0 0 10px; background:url("images/bg_totop.gif") 0 50% no-repeat;}