@charset "UTF-8";


/* body */
#mobile{
    display: none;
}
body{
	margin:0 auto;
}
#box1{
    width: 800px;
    margin: 0 auto;
}
#top_left {
    float: left;
 }
#top_left .top_home{
    padding-top: 40px;
    margin-left: 10px
}
#top_right{
    width: 530px;
    height: 140px;
    float: right;
    margin-right: 40px;
}
#top_navi{
    clear: both;
}

/* ナビ画像 */
#navi li a {
    display: block;
    padding: 5px 0 ;
    text-decoration: none;
}
.navi_06{
    background-image:url("../img/top_navi_home_off.png");
    background-repeat: no-repeat;
    width: 160px;
    height: 32px;
}
.navi_06:hover{
    background-image: url("../img/top_navi_home_on.png");
    background-repeat: no-repeat;
}
.navi_01{
    background-image:url("../img/top_navi_search_off.png");
    background-repeat: no-repeat;
    width: 160px;
    height: 32px;
}
.navi_01:hover{
    background-image: url("../img/top_navi_search_on.png");
    background-repeat: no-repeat;
}
.navi_02{
    background-image:url("../img/top_navi_company_off.png");
    background-repeat: no-repeat;
    width: 160px;
    height: 32px;
}
.navi_02:hover{
    background-image: url("../img/top_navi_company_on.png");
    background-repeat: no-repeat;
}
.navi_03{
    background-image:url("../img/top_navi_business_off.png");
    background-repeat: no-repeat;
    width: 160px;
    height: 32px;
}
.navi_03:hover{
    background-image: url("../img/top_navi_business_on.png");
    background-repeat: no-repeat;
}

.navi_05{
    background-image:url("../img/top_navi_contact_off.png");
    background-repeat: no-repeat;
    width: 160px;
    height: 32px;
}
.navi_05:hover{
    background-image: url("../img/top_navi_contact_on.png");
    background-repeat: no-repeat;
}


/* ナビ */


#top_navi{
	padding-top:10px;
	width:800px;
    margin: 0 auto;
    margin-bottom: 70px;
}

#top_navi li{
    float:left;
}


/* テキスト消し */
#navi .navi_01  {
    text-indent: -9999px;
}
#navi .mm  {
    text-indent: -9999px;
}
#navi .mm {
    text-indent: -9999px;
}
#navi .navi_05  {
    text-indent: -9999px;
}
#navi .navi_06  {
    text-indent: -9999px;
}

/* プルダウンメニューデザイン */
#navi .navi_02_child{
    display: none;
}
#navi .navi_02{
    position: relative;
}
#navi .navi_02:hover
.navi_02_child{
    position: absolute;
    display: block;
    z-index:2;
    top:30px;
    left: 0px;
    width: 160px;
}
#navi .navi_02
.navi_02_child li{
    float: none;
    width: 162px;
    font-size: 80%;  
    text-align: center;
}
#navi .navi_03_child{
    display: none;
}
#navi .navi_03{
    position: relative;
}
#navi .navi_03:hover
.navi_03_child{
    position: absolute;
    display: block;
    z-index: 2;
    top:30px;
    left: 0px;
    width: 160px;
}
#navi .navi_03
.navi_03_child li{
    float: none;
    width: 162px;
    font-size: 80%;  
    text-align: center;
}

#navi .navi_02_child li  {
  color: #FFFFFF;
  font-weight: 500;
  background: rgba(0,119,196,1.00);
  border-bottom: 1px dotted white;
  list-style-type: none!important;
}
#navi .navi_02_child :last-of-type {
  border-bottom: none;/*最後のliの線だけ消す*/
    }
 #navi .navi_02_child li a{
     color: #FFFFFF;
     font-weight: 500;
}
 #navi .navi_02_child li a:hover {
     background: #C9C9C9;
}

#navi .navi_03_child li {
  background: rgba(0,119,196,1.00);
  border-bottom: 1px dotted white;
  list-style-type: none!important;
}
#navi .navi_03_child :last-of-type {
  border-bottom: none;/*最後のliの線だけ消す*/
}
 #navi .navi_03_child li a{
     color: #FFFFFF;
     font-weight: 500;
}
 #navi .navi_03_child li a:hover {
     background: #C9C9C9;
}


/* メイン */

#main{
	width:800px;
    margin: 0 auto;
    margin-top: 50px;
}
#main_right{
    width: 190px;
    float: right;
}
#main_left{
    width: 594px;
    float: left;
}
/* バナー */
#main_right img{
    display: none;
}
.b1 a{
    background:url("../img/banner_01_off.jpg");
    background-repeat: no-repeat;
    width: 190px;
    height: 190px;
    margin-bottom: 5px;
    text-indent: -9999px;
    display: block;   
}
.b1 a:hover{
    background:url("../img/banner_01_on.jpg");
    background-repeat: no-repeat;
    text-indent: -9999px;

}
.b2 a{
    background:url("../img/banner_02_off.jpg");
    background-repeat: no-repeat;
    width: 190px;
    height: 190px;
    margin-bottom: 10px;
    text-indent: -9999px;
    display: block;
    
}
.b2 a:hover{
    background:url("../img/banner_02_on.jpg");
    background-repeat: no-repeat;

}

.b3 a{
    background:url("../img/banner_03_off.jpg");
    background-repeat: no-repeat;
    width: 190px;
    height: 70px;
    margin-bottom: 5px;
    text-indent: -9999px;
    display: block;
    
}
.b3 a:hover{
    background:url("../img/banner_03_on.jpg");
    background-repeat: no-repeat;

}
.b4 a{
    background:url("../img/banner_04_off.jpg");
    background-repeat: no-repeat;
    width: 190px;
    height: 70px;
    margin-bottom: 5px;
    text-indent: -9999px;
    display: block;
    
}
.b4 a:hover{
    background:url("../img/banner_04_on.jpg");
    background-repeat: no-repeat;

}
#pc{
    margin-top: 10px;
    margin-bottom: 40px;
}