/* CSS初期設定 */
/* basic elements */
html
{
margin: 0;
/* setting border: 0 hoses ie6 win window inner well border */
padding: 0;
}
body
{
margin: 0;
/* setting border: 0 hoses ie5 win window inner well border */
padding: 0;
font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
}
table {
font-size:inherit;
font:100%;
}
td {
vertical-align: top;
}
img {vertical-align: text-bottom;}
form, input { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
margin: 0;
margin: 0;
font-size:100%
}
ul {
list-style-type: none;
}
/* standard helper classes */
.clr
{
clear: both;
overflow: hidden;
width: 1px;
height: 1px;
margin: 0 -1px -1px 0;
border: 0;
padding: 0;
font-size: 0;
line-height: 0;
}
/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */
body
{
font-family: 'ＭＳ Ｐゴシック', 'trebuchet ms', verdana, helvetica, arial, sans-serif;
line-height: 1.5;
}
a { color: #003399; text-decoration: underline;}
a:hover {
color: #FF3300;
}
h1, h2, h3, h4, h5, h6
{
font-family: 'ＭＳ Ｐゴシック', 'trebuchet ms', verdana, helvetica, arial, sans-serif;
}
/* 基本レイアウト設定 */
#container {
position: relative;
margin: 0; /* center on everything else */
width: 960px;
text-align: left;
}
#container-inner { position: static; width: auto; }
#pagebody { position: relative; width: 960px;margin: 10px 0 20px 0;overflow: hidden;}
#pagebody-inner { position: static; width: 100%; }
#left, #center, #right, #contents {
display: inline; /* ie win bugfix */
position: relative;
float: left;
min-height: 1px;
}
#left-inner, #center-inner, #right-inner, #contents-inner {
position: static;
}
#left {
margin: 0 20px 0 0;
float: left;
width: 160px;
background: #fff;
overflow: hidden;
}
#center {
margin: 0 20px 0 0;
float: left;
width: 505px;
background: #fff;
overflow: hidden;
}
#right {
margin: 0;
float: left;
width: 235px;
background: #fff;
overflow: hidden;
}
#contents {
margin: 0;
float: left;
width: 730px;
background: #fff;
overflow: hidden;
}
/* page layout */
body {
width: 100%;
color: #333;
background: #E5F5FD;
}
#container {
width: 960px;
background: #fff;
}
#container-inner {
}
#header {
width: 960px; /* necessary for ie win */
height: 100px;
background: #fff;
background-image: url(../images/common/headerbg.jpg);
background-repeat: none;
overflow: hidden;
}
#logo {
width: 460px;
height: 100px;
float: left;
margin-right: 40px;
}
#gronavi {
float: left;
width: 460px;
height: 100px;
overflow: hidden;
}
ul#main-menu{
clear: both;
margin: 30px 0 0 0;
text-align: left;
padding: 0;
width: 460px;
height:60px;
overflow: hidden;
}
#main-menu li {
float: left;
width:70px;
height:60px;
list-style-type:none;
}
#main-menu li a {
height:60px;
text-indent:-9999px;
overflow:hidden;
display:block;
}
#main-menu li.bt5 {
width:60px;
height:60px;
}
#main-menu li.bt5 a:hover {
width:60px;
height:60px;
}
#main-menu li.bt6 {
width:60px;
height:60px;
}
#main-menu li.bt6 a:hover {
width:60px;
height:60px;
}
#main-menu li.bt7 {
width:60px;
height:60px;
}
#main-menu li.bt7 a:hover {
width:60px;
height:60px;
}
#main-menu li.bt1 {
background-image:url(../images/common/navi1_off.jpg);
background-repeat:no-repeat;
}
#main-menu li.bt1 a:hover {
background-image:url(../images/common/navi1_on.jpg);
background-repeat:no-repeat;
}
#main-menu li.bt2 {
background-image:url(../images/common/navi2_off.jpg);
background-repeat:no-repeat;
}
#main-menu li.bt2 a:hover {
background-image:url(../images/common/navi2_on.jpg);
background-repeat:no-repeat;
}
#main-menu li.bt3 {
background-image:url(../images/common/navi3_off.jpg);
background-repeat:no-repeat;
}
#main-menu li.bt3 a:hover {
background-image:url(../images/common/navi3_on.jpg);
background-repeat:no-repeat;
}
#main-menu li.bt4 {
background-image:url(../images/common/navi4_off.jpg);
background-repeat:no-repeat;
}
#main-menu li.bt4 a:hover {
background-image:url(../images/common/navi4_on.jpg);
background-repeat:no-repeat;
}
#main-menu li.bt5 {
background-image:url(../images/common/navi5_off.jpg);
background-repeat:no-repeat;
}
#main-menu li.bt5 a:hover {
background-image:url(../images/common/navi5_on.jpg);
background-repeat:no-repeat;
}
#main-menu li.bt6 {
background-image:url(../images/common/navi6_off.jpg);
background-repeat:no-repeat;
}
#main-menu li.bt6 a:hover {
background-image:url(../images/common/navi6_on.jpg);
background-repeat:no-repeat;
}
#main-menu li.bt7 {
background-image:url(../images/common/navi7_off.jpg);
background-repeat:no-repeat;
}
#main-menu li.bt7 a:hover {
background-image:url(../images/common/navi7_on.jpg);
background-repeat:no-repeat;
}
/* 左カラム */
.left-box{
width: 158px;
border-left: 1px solid #DCDCDC;
border-right: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
margin-bottom: 10px;
}
.left-box-inner{
margin: 0 9px;
padding: 10px 0;
}
ul#service-menu{
clear: both;
margin: 0;
text-align: left;
padding: 0;
width: 140px;
height:155px;
overflow: hidden;
}
#service-menu li {
float: left;
width: 140px;
height:15px;
margin-bottom: 5px;
list-style-type:none;
}
#service-menu li a {
height:15px;
text-indent:-9999px;
overflow:hidden;
display:block;
}
#service-menu li.bt1 {
background-image:url(../images/common/menu1_off.gif);
background-repeat:no-repeat;
}
#service-menu li.bt1 a:hover {
background-image:url(../images/common/menu1_on.gif);
background-repeat:no-repeat;
}
#service-menu li.bt2 {
background-image:url(../images/common/menu2_off.gif);
background-repeat:no-repeat;
}
#service-menu li.bt2 a:hover {
background-image:url(../images/common/menu2_on.gif);
background-repeat:no-repeat;
}
#service-menu li.bt3 {
background-image:url(../images/common/menu3_off.gif);
background-repeat:no-repeat;
}
#service-menu li.bt3 a:hover {
background-image:url(../images/common/menu3_on.gif);
background-repeat:no-repeat;
}
#service-menu li.bt4 {
background-image:url(../images/common/menu4_off.gif);
background-repeat:no-repeat;
}
#service-menu li.bt4 a:hover {
background-image:url(../images/common/menu4_on.gif);
background-repeat:no-repeat;
}
#service-menu li.bt5 {
background-image:url(../images/common/menu5_off.gif);
background-repeat:no-repeat;
}
#service-menu li.bt5 a:hover {
background-image:url(../images/common/menu5_on.gif);
background-repeat:no-repeat;
}
#service-menu li.bt6 {
background-image:url(../images/common/menu6_off.gif);
background-repeat:no-repeat;
}
#service-menu li.bt6 a:hover {
background-image:url(../images/common/menu6_on.gif);
background-repeat:no-repeat;
}
#service-menu li.bt7 {
background-image:url(../images/common/menu7_off.gif);
background-repeat:no-repeat;
}
#service-menu li.bt7 a:hover {
background-image:url(../images/common/menu7_on.gif);
background-repeat:no-repeat;
}
#service-menu li.bt8 {
background-image:url(../images/common/menu8_off.gif);
background-repeat:no-repeat;
}
#service-menu li.bt8 a:hover {
background-image:url(../images/common/menu8_on.gif);
background-repeat:no-repeat;
}
.company-search{
margin: 10px auto 0 auto;
text-align: center;
}
.access-count{
width: 160px;
height: 55px;
background: #fff;
background-image: url(../images/common/accessbg.gif);
background-repeat: none;
overflow: hidden;
}
.access-count-inner{
padding: 25px 0 0 0;
margin: 0 auto;
text-align: center;
}
/* センターカラム */
.info-box{
width: 505px;
height: 100px;
margin: 0 0 10px 0;
padding: 0;
background: #EDF7F7;
overflow: auto;
}
ul.top-info{
margin: 0 0 0 15px;
padding: 0;
}
.weekly{
width: 505px;
height: 30px;
background: #fff;
background-image: url(../images/top/week-top.gif);
background-repeat: none;
}
.weekly p{
text-align: right;
margin-right: 10px;
padding-top: 5px;
font-weight: bold;
}
.dayly{
width: 505px;
height: 30px;
background: #fff;
background-image: url(../images/top/day-top.gif);
background-repeat: none;
}
.dayly p{
text-align: right;
margin-right: 10px;
padding-top: 5px;
font-weight: bold;
}
.news-box{
width: 503px;
height: 100%;
margin: 0 0 10px 0;
padding: 0;
border-left: 1px solid #DCDCDC;
border-right: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
}
.news-box-inner{
margin: 0 10px;
padding: 10px 0;
}
.news-sub-t{
padding: 1px 5px 2px 5px;
margin: 0 0 7px 0;
background: #EEEEEE;
color: #1B1B1B;
font-weight: bold;
}
table.topics{
border-collapse: collapse;
width: 490px;
margin: 0;
padding: 0;
}
td.topic-l{
width: 330px;
padding: 5px;
}
td.topic-r{
width: 110px;
padding: 0;
}
.topic-img{
width: 108px;
height: 108px;
background: #F6F6F6;
border: 1px solid #D2D2D2;
margin-bottom: 10px;
}
.topic-img-inner{
margin: 4px;
}
.topic-img-inner p{
text-align: center;
font-size: 11px;
margin-top: 5px;
}
.topics-box{
width: 503px;
height: 100px;
overflow: auto;
margin: 0 0 10px 0;
padding: 0;
border-left: 1px solid #DCDCDC;
border-right: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
}
.topics-box-inner{
margin: 0 10px;
padding: 10px 0;
}
/* 右カラム */
#project{
margin-bottom: 10px;
}
#adbox img{
margin-bottom: 10px;
}
#military{
width: 234px;
margin: 0px 0 0px 0;
background: #FACD89;
}
#military-inner{
margin: 0 0px 0 0px;
padding: 5px 0;
}
.fax-status{
margin: 0px 0;
}
#plugin{
font-size: 11px;
}
#plugin img{
float: left;
margin-right: 15px;
}
/* フッター */
#footer {
width: 100%;
background: #04A1E9;
padding: 10px 0;
text-align: center;
color: #fff;
}
/* その他回り込み指定など */
.l_10{
float: left;
margin-right: 10px;
}
.l_15{
float: left;
margin-right: 15px;
}