/*共通*/
body{margin:0;padding:0;font-family:'メイリオ',' Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif'}
.contents_both{text-align:center}
ul li{text-align:left;list-style:none;color:#343763}
div#service,div#corp{background:#F7FBFA}
div#link,div#inquiry{background:#fff;padding:20px 0 40px;}
.float_clear	{clear:both;}

/*h1,h2,p...*/
div#service h1,div#link h1,div#corp h1,div#inquiry h1{font-size: 0;color: #0D64A1;margin: 10px auto;width: 200px;height: 40px;}
div#service h1{background: url('./images/ttl_service.png') no-repeat;}
div#link h1{background: url('./images/ttl_link.png') no-repeat;}
div#corp h1{background: url('./images/ttl_corp.png') no-repeat;}
div#inquiry h1{background: url('./images/ttl_contact.png') no-repeat;}
h2{font-size:24px;color:#0D64A1}
p{font-size:14px;color:#4B4401}

/*トップバー（問い合わせ）*/
div#topbar {margin: 0; width:100%;position:fixed;z-index:100; }
div.tb_ttl span{margin: 0; padding:5px 10px 0 0;color:white;font-size: 150%;}
div.tb_ttl span a{color:white;text-decoration: none;}
div.tb_ttl {background:url('./images/bg_topbar.jpg') ; margin: 0; width:100%;text-align: right  }
#contact{opacity: 0.8; margin: 0 0 0 20%;border: 1px dotted #5F8BB8;right: 0;position: fixed;}
dl{background:rgba(255,255,255,0.7);border-radius:0px;margin:0 auto;padding:20px}
dl dd{display:inline-block;color:#343763;width:70%}
dl dt{font-weight:bold;display:inline-block;color:#343763;width:20%}
div#inquiry{margin:0 auto}
div#inquiry label{display:block;width:35%;float:left}

li.inquiry_msg label{clear:both}
ul li{margin-bottom:20px}
input,textarea{border:solid 1px #0D64A1;border-radius:3px;padding:5px;width:50%}
input#button{background:#0D64A1;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:10px;color:#fff;font-size:14px;width:160px;height:40px;display:block;margin:0 auto}
input:hover{opacity:0.7}

.finish_msg	{text-align: center;padding: 20px;}


.link-list	{width:600px;margin: 0 auto;}
.service-link	{float: left; margin: 20px;}
.service-link img	{border: 1px solid rgb(208, 208, 208);}
.service-link h3	{text-align:center; font-size: 100%; font-weight:100;}



.image_area{width:100%;height:480px;background:url('./images/mainimg.jpg') no-repeat;background-size:cover;position:relative;}


.mainlogo{position:absolute;top:0;left:0;right:0;bottom:0;margin:0 auto;margin-top:150px}
@media screen and (max-width: 640px){}


nav{background:#0D64A1;height:60px;width:100%}


nav a:hover{opacity:0.7}


.nav_logo{float:left;margin-left:20px;margin-top:5px}
.sns{float:right;margin-right:20px}


.nav_t,.nav_f{margin-right:20px;margin-top:10px}

/*サービス*/
div#service{margin:0 auto;padding:20px 0 40px;overflow:hidden}
div#service a{text-decoration:none}
div#service a:hover{opacity:0.7}
div#service p{letter-spacing:0.2em;width:300px;text-align:center}
.service-list{margin:0 auto;width:80%;max-width: 600px;}
.service-list ul{background:white;padding:20px;margin:20px;}
.service-list ul li{text-align:center;}
#service1 li,#service2 li,#service3 li,#service4 li	{font-size:80%}



/*会社*/

div#corp{clear:both;padding:20px 0 40px;}
.center_box{margin:0 auto;width:80%;max-width: 600px;background:white;padding:20px;text-align:center}
.center_box div{padding-bottom:20px;}


/*フッター*/
footer{background:#0D64A1;text-align:center;}
footer p{color:#fff;font-size:12px;margin:0;padding:10px 0;}

/*トップに戻る*/
div#pagetop{position: fixed;
  right: 0;
  bottom: 10px;
  display: block!important;
  overflow: hidden;
  background: black;
  opacity:0.2;
  font-size: 30px;
  padding: 5px 10px;
}
div#pagetop a{color:white; text-decoration:none;}