@charset "utf-8";

/*  全体設定 
________________________________________________________*/

body{
    font-family: " ", "Meiryo", " �f���f�L ProW3", "Hiragino Kaku Gothic Pro", "  ���L�P", "MSPGothic", sans-serif
}
a{
    text-decoration: none;
}
a:hover,
a:visited,
a:active{
    text-decoration: none;
}

/* clearfix */
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}

.clearfix{display: inline-block;} 

/* Hides from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix{display:block;}

/* layout */

.inner_01{
    width:960px;
    height:auto;
    margin:0 auto;
}
.inner_02{
    width:900px;
    height:auto;
    margin:0 auto;
}
.pc{
    display:block;
}
.sp{
    display:none;
}

/*  header
________________________________________________________*/

.header_wrap{
}
.header{
    border-bottom:5px solid #003399; 
}
.header_top{
    font-size:13px;
    background:#003399;
    width:100%;
    height:14px;
    line-height:14px;
    padding:9px 0 8px 17px;
    color:#fff;
    box-sizing: content-box;
}
.header_top h2{
    font-size: 13px;
    font-weight: normal;
}
.header_conts{
    height:140px;
}
.header_conts .logo{
    width:167px;
    height:51px;
    margin-top:40px;
    float:right;
}
.logo h1{
    float:left;
}
.logo h1:hover,
.logo h1:active{
    opacity:0.8;
}

.style01 {
    float: left;
}

.h1style {
    font-size: 35px;
    color: #003399;
    font-weight: bold;
    margin-bottom: 30px;
}




/* 企業情報 */
.ryokujin{
    float:left;
    width:370px;
    position:relative;
    margin-top:10px;
}
.ryokujin h2{
    font-size:20px;
    font-weight:bold;
    color:#003399;
    position:absolute;
    top:0;
    right:0;
}
.ryokujin_center{
    background:#003399;
    border-radius:5px;
    width:109px;
    height:38px;
    font-size:13px;
    color:#fff;
    text-align: center;
    line-height:16px;
    padding-top:9px;
    position:absolute;
    top:30px;
    left:17px;
}
.ryokujin address{
    background:url(../../images/common/icon_tel.png) no-repeat left center;
    width:230px;
    height:26px;
    padding-left:30px;
    position:absolute;
    top:30px;
    left:140px;
}
.ryokujin address a{
    font-size:26px;
    color:#fb7203;
    font-weight:bold;
    position:absolute;
    top:-5px;
    font-style: normal;
}
.ryokujin_time{
    font-size:13px;
    position:absolute;
    top:60px;
    left:141px;
}
.ryokujin_ex{
    font-size:13px;
    border:1px solid #999;
    border-radius:5px;
    text-align: center;
    width:350px;
    height:30px;
    line-height:30px;
    position:absolute;
    top:85px;
    right:0;
}
/* キャッチコピー */

.nav_wrap{
    background:url(../../images/common/bg_01.png) left top;
}
.header_text{
    text-align: center;
    padding:50px 0 70px;
}
.header_text h2{
    font-size:35px;
    color:#003399;
    font-weight:bold;
    margin-bottom:50px;
}
.header_text p{
    font-size:25px;
    margin-bottom:10px;
    height:36px;
    line-height: 36px;
}
.header_text a :hover,
.header_text a :active{
    opacity:0.8;
}
.text_mobile{
    width:400px;
    margin:0 auto;
    background:url(../../images/common/logo_mobile.png) no-repeat right center;
    padding-right:160px;
    color:#000;
}
.text_wimax{
    width:400px;
    margin:0 auto;
    background:url(../../images/common/logo_wimax.png) no-repeat right center;
    padding-right:160px;
    color:#000;
}
.text_last{
    width:540px;
    margin:0 auto;
    padding-left:40px
}
.nav_wrap nav ul li:first-of-type{
    float:left;
}
.nav_wrap nav ul li:last-of-type{
    float:right;
}
.nav_wrap nav ul li:hover,
.nav_wrap nav ul li:active{
    opacity:0.8;
}
.nav_wrap nav ul li img{
    display: block;
    margin: 0 auto;
    padding: 0;
}