@charset "utf-8";

/*ベース*/
body{
font-family:Arial,Helvetica,sans-serif;
font-family:'ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Lucida Grande',sans-serif;
font-size:75%;
color:#333;
background-color:#FFF;
margin:0;
padding:0;
height:100%;}

h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
font-size:100%;}

p{
line-height:1.6;
margin:0;
padding:0;}

ul,ol,li{
margin:0;
padding:0;}

img{
border:0;}

a{color:#1A83CC;text-decoration:underline;outline:0;}
a:hover{text-decoration:none;}
a:link,a:active,a:visited{color:#1A83CC;}

.red{
color:#F00;}

/*レイアウト*/
#pageTop{
width:750px;
margin:0 auto;}

#box-all{
background:url(../../newtop/newtop-img/menu-bg.gif);
background-repeat:repeat-y;
background-position:left;
margin-top:14px;
border:1px solid #DAD6CC;
border-left:none;
zoom:1;}

#menu{
float:left;
width:160px;}

#contents{
background:url(../../newtop/newtop-img/contents-bg.gif);
background-repeat:repeat-y;
float:right;}

#center-contents{
float:left;
width:291px;}

#right-contents{
background:url(../../newtop/newtop-img/right.gif);
background-repeat:no-repeat;
background-position:top right;
float:right;
width:296px;}

/*ヘッダー*/
#header{
padding:0;
font-size:12px;
height:67px;}

#header .logo{
background:url(../../newtop/newtop-img/hedder-rogo.gif);
background-repeat:no-repeat;
width:250px;
height:34px;
float:left;
clear:left;
margin-top:45px;}

#header .logo a{
display:block;
width:250px;
height:34px;
text-indent:-9999px;}

#header h2{
margin:0;
clear:right;
width:0;
height:0;
position:relative;
text-indent:-9999px;}

#header .navi{
background:url(../../newtop/newtop-img/hedder-je.gif);
background-repeat:no-repeat;
margin:22px 0 0 650px;
_margin:9px 0 -24px 650px;/*IE6*/}

#header .navi a{
display:block;
width:47px;
text-indent:-9999px;
margin-left:50px;}

/*メニュー*/
#menu ul{
background:url(../../newtop/newtop-img/menu.gif);
background-repeat:no-repeat;
list-style-type:none;
height:440px;}

#menu ul li{
width:160px;
height:109px;
text-indent:-9999px;}

#menu ul li a{
display:block;
height:109px;}

#menu ul li a:hover{
background-image:url(../../newtop/newtop-img/menu-over.gif);
background-repeat:no-repeat;}

#menu #digital a:hover{background-position:0 0;}
#menu #service a:hover{background-position:0 -109px;}
#menu #topics a:hover{background-position:0 -218px;}
#menu #corporate a:hover{background-position:0 -327px;}

/*フッター*/
#footer{
background:url(../../newtop/newtop-img/footer.gif);
background-repeat:no-repeat;
background-position:right;
width:750px;
height:20px;
margin:12px 0 20px 0;}

#footer li{
float:left;
list-style-type:none;
text-indent:-9999px;
background-repeat:no-repeat;}

#footer li a{
display:block;
height:20px;}

#footer .contact a{
background:url(../../newtop/newtop-img/contact.gif);
width:78px;}

#footer .map a{
background:url(../../newtop/newtop-img/map.gif);
width:61px;}

#footer .recruit a{
background:url(../../newtop/newtop-img/recruit.gif);
width:70px;}

#footer p{
text-indent:-9999px;}

/*トピックスアンドニュースページ*/
h3{
margin:8px 0 15px 19px;}

.topics{
margin:0 0 15px 19px;
color:#555;
font-weight:normal;}

h4{
font-weight:normal;
margin-bottom:7px;
font-size:90%;}

.ttl_h4{
margin-left:18px;}

.topics .thumb{
margin-left:18px;}

.topics .ttl_logo{
vertical-align:top;
margin-bottom:5px;}

/*左*/

.topicsLeft{
margin: 0 0 15px 10px;
color:#555;
font-weight:normal;}

.topicsLeft .ttl_logo{
vertical-align:top;
margin-bottom:5px;}