@charset "utf-8";
/* CSS Document */

body {
margin:0 auto;
padding:0;
width:100%;
background-color:#373737;
text-align:center;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#666;
}

a {
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#16b0cb;
}

a:hover {
font-weight:bold;
text-decoration:underline;
}

td {
font-size:12px;
}

#main {
margin:0 auto;
padding:0;
position:relative;
width:1024px;
background-color:#FFF;
text-align:left;
}

#top {
margin:0px;
padding:20px 0 0 0;
}

#column {
float:right;
width:800px;
}

#contents {
margin:0px;
padding:0 0 50px 0;
}

h1 {
margin:0;
padding:0;
font-size:175%;
}

h1 cont_title {
margin-top:65px;
}

h2 {
margin:0;
padding:0;
font-size:12px;
font-weight:normal;
}

h3 {
margin:0;
padding:0;
font-size:12px;
font-weight:bold;
color:#16b0cb;
}

h3 img{
margin:0;
padding:20px 16px 0 16px;
}

h4 {
margin:0;
padding:0;
font-size:12px;
font-weight:normal;
color:#666;
}

h4.text {
padding:0 16px;
line-height:175%;
}

h4.sr {
font-size:14px;
font-weight:bold;
}

h4.line {
text-decoration:underline;
font-weight:bold;
}

#sub_cont {
width:662px;
}

#sub_cont_frame {
margin:0;
padding:0;
border-top:10px solid #000;
border-bottom:0;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
background-repeat:repeat-x;
cursor:pointer;
}

#sub_cont_frame2 {
margin:0;
padding:0;
border-top:10px solid #000;
border-bottom:0;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
}

.next {
margin:0;
padding:10px 16px 20px 16px;
text-align:right;
text-decoration:underline;
font-weight:bold;
color:#16b0cb;
}

.sub_img {
margin:0;
padding:0;
border-top:0;
border-bottom:1px solid #CCC;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
}

#sub_main {
float:left;
margin:10px 0 50px 0;
padding:0;
width:440px;
}

#sub_main_text {
margin:0;
padding:50px 0 25px 0;
border-bottom:8px solid #000;
line-height:200%;
}

#sub_text {
margin:0;
padding:25px 0 0 0;
font-size:12px;
line-height:200%;
}

#sub_text img{
margin:0;
padding:10px 0 75px 0;
}

ol {
margin:0 0 0 20px;
padding:0;
}

ol a {
font-weight:normal;
}

ol a:hover {
font-weight:normal;
}

li {
list-style:lower-alpha inside;
}

p.box {
margin:5px 18px 5px 10px;
padding:5px 10px;
border:1px solid #CCC;
}

#inq {
margin:0;
padding:50px 0 0 160px;
}

#inq a span{
display:none;
}

#inq a{
display:block;
width:117px;
height:23px;
background:url(img/inq-out.png) no-repeat;
}

#inq a:hover{
background:url(img/inq-over.png) no-repeat;
}

#sub_link {
float:right;
margin:10px 0 0 0;
padding-top:15px;
width:358px;
border-top:1px dashed #c0c0c0;
font-size:12px;
}

#map {
margin:0;
padding:0;
width:105px;
}

#map a span{
display:none;
}

#map a{
display:block;
width:105px;
height:25px;
background:url(img/map1.png) no-repeat;
}

#map a:hover{
background:url(img/map2.png) no-repeat;
}

#line {
float:left;
width:1024px;
background-image:url(img/bg.png);
background-repeat:repeat-y;
}

#logo {
margin:0;
padding:0 0 0 69px;
float:left;
width:155px;
}

#footer {
clear:both;
margin:0;
padding:75px 0;
font-size:12px;
font-weight:normal;
line-height:200%;
}

#link {
margin:0;
padding:0;
}

#link1 a span{
display:none;
}
#link1 a{
display:block;
width:218px;
height:87px;
background:url(img/m_HT_out.gif) no-repeat;
}
#link1 a:hover{
background:url(img/m_HT_over.gif) no-repeat;
}

#link1-a a span{
display:none;
}
#link1-a a{
display:block;
width:218px;
height:87px;
background:url(img/m_HT_actv.gif) no-repeat;
}
#link1-a a:hover{
background:url(img/m_HT_over.gif) no-repeat;
}

#link2 a span{
display:none;
}
#link2 a{
display:block;
width:218px;
height:87px;
background:url(img/m_HA_out.gif) no-repeat;
}
#link2 a:hover{
background:url(img/m_HA_over.gif) no-repeat;
}

#link2-a a span{
display:none;
}
#link2-a a{
display:block;
width:218px;
height:87px;
background:url(img/m_HA_actv.gif) no-repeat;
}
#link2-a a:hover{
background:url(img/m_HA_over.gif) no-repeat;
}

#link3 a span{
display:none;
}
#link3 a{
display:block;
width:90px;
height:87px;
background:url(img/m_Intre_out.gif) no-repeat;
}
#link3 a:hover{
background:url(img/m_Intre_over.gif) no-repeat;
}

#link3-a a span{
display:none;
}
#link3-a a{
display:block;
width:90px;
height:87px;
background:url(img/m_Intre_actv.gif) no-repeat;
}
#link3-a a:hover{
background-:url(img/m_Intre_over.gif) no-repeat;
}

#link4 a span{
display:none;
}
#link4 a{
display:block;
width:73px;
height:87px;
background:url(img/m_Serv_out.gif) no-repeat;
}
#link4 a:hover{
background:url(img/m_Serv_over.gif) no-repeat;
}

#link4-a a span{
display:none;
}
#link4-a a{
display:block;
width:73px;
height:87px;
background:url(img/m_Serv_actv.gif) no-repeat;
}
#link4-a a:hover{
background:url(img/m_Serv_over.gif) no-repeat;
}

#link5 a span{
display:none;
}
#link5 a{
display:block;
width:57px;
height:87px;
background:url(img/m_Idea_out.gif) no-repeat;
}
#link5 a:hover{
background:url(img/m_Idea_over.gif) no-repeat;
}

#link5-a a span{
display:none;
}
#link5-a a{
display:block;
width:57px;
height:87px;
background:url(img/m_Idea_actv.gif) no-repeat;
}
#link5-a a:hover{
background:url(img/m_Idea_over.gif) no-repeat;
}

#link6 a span{
display:none;
}
#link6 a{
display:block;
width:136px;
height:87px;
background:url(img/m_Cont_out.gif) no-repeat;
}
#link6 a:hover{
background:url(img/m_Cont_over.gif) no-repeat;
}

#link6-a a span{
display:none;
}
#link6-a a{
display:block;
width:136px;
height:87px;
background:url(img/m_Cont_actv.gif) no-repeat;
}
#link6-a a:hover{
background:url(img/m_Cont_over.gif) no-repeat;
}