@charset "UTF-8";


/*      フォントファミリー指定
----------------------------------------------------------------------*/

body {
	width: 100%;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	color:#333;
	line-height: 1.6em;
	background-color:#FFF;
    -webkit-text-size-adjust: 100%;
}

img { width:100%;}

a {
  color:#0430CC;
  text-decoration:none;
}
a:hover {
  color:#0430CC;
  text-decoration:underline;
}

/*----------------------------------------------------------------- header
*/

h1 { 
	float: left;
	height: 95px;
	width: 97%;
	background-image: url(../img/common/h1_bg.png); 
	background-repeat: no-repeat;
	background-position: -60px -25px;
	padding: 3% 0 0 3%;
	}
	

h1 img { width: 230px;}


.dis { text-align: center; padding: 3% 0; font-size: 0.8em; line-height: 1.4em; clear: both;}

.head-tel  { position: absolute; top: 40px; left: 50%;}
.head-contact { display: none;}

nav img  { max-width: 230px;}

#navi {display: none;}
.main { clear: both; margin-top: 200px;}
.pankuz-box,.pankuz {display: none;}
.red { color:#DF0404;}

/*----------------------------------------------------------------- contents
*/

#contents {margin-top: 200px;}

#contents h2 { background-image:url(../img/common/h2_bg.png); background-repeat: no-repeat; min-height: 73px; padding: 28px 0 0;}

.btn a { background-color:#0085B2; width: 100%; padding: 15px 0; color: #FFF; text-align: center; display: block; text-decoration: none;}
.btn a span{ background-image: url(../img/common/btn_arrow.png); background-repeat: no-repeat; background-position:0px 8px; padding-left: 15px;}
.btn a:hover { background-color: #36719A;}

.mb0 { margin-bottom: 0px;}
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}
.mb60 { margin-bottom: 60px;}
.mb70 { margin-bottom: 70px;}

#col-a { margin-bottom: 120px;}
#col-b dl { margin-bottom: 20px;}
#col-b dl dt {border-bottom: solid 2px #0056B5; padding-bottom: 5px;}
#col-b dl dd a { display: block; border-bottom: dotted 1px #ccc; background-color: #F1F4F6; padding: 10px 0 10px 25px; background-image: url(../img/common/side_arrow.png); background-repeat: no-repeat; background-position: 10px 18px; text-decoration: none; color: #333;}
#col-b dl dd a:hover { background-color: beige; color: #333;}
#col-b .side-tel { display: none;}
#col-b .side-bnr { width: 60%; margin: 0 auto 20px;}

.clear { clear: both;}


#page-top {
    position: fixed;
    bottom: 100px;
    right: 35px;
    font-size: 2em;
}
#page-top a {
    background: #0056B5;
	border: solid 1px #FFF;
	color: #FFF !important;
    text-decoration: none;
    width: 50px;
    height: 35px;
    text-align: center;
    display: block;
    border-radius: 8px;
	padding-top: 15px
}

#page-top a:hover {
    text-decoration: none;
    background: #4B9AEF;
}

.aR { text-align: right!important;}

/*----------------------------------------------------------------- footer
*/

.footer-nav { display: none;}

footer { width: 100%; background:#0056B5; margin:0; padding: 0; color:#FFFFFF; clear: both;}
footer img { width: 100%; max-width:180px;}
footer p { padding: 2%;}

footer a {
  color:#FFF;
  text-decoration:none;
}

footer a:hover {
  color:#FFF;
  text-decoration:underline;
}

address { text-align:center; padding:10px 0; background:#004293;}



/* PC向けレイアウトの指定：641px以上では固定レイアウト */
@media only screen and (min-width: 1000px) {
body {
	width: 100%;
	font-family:  "Noto Sans Japanese","メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	color:#333;
	line-height: 1.6em;
	font-size: 14px;
	background-color:#FFF;
    -webkit-text-size-adjust: 100%;
	background-image: url(../img/common/head_bg.gif);
	background-repeat: repeat-x;
}

header {max-width: 1000px; margin: auto;}

h1 { 
	float: left;
	height: 85px;
	width: 296px;
	background-image: url(../img/common/h1_bg.png); 
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 35px 0 0 65px;
	margin-left: -60px;
}
h1 img { width: 233px;}

.dis { padding:0; font-size: 0.9em; line-height: 1.6em; float: left; clear: none; text-align: left; margin: 10px 0 0;}

header ul { float: right;}
.head-tel  { top: 10px; left: 63%;}
.head-tel img {width: 190px;}
.head-contact {display:inline; width: 100%; max-width: 190px;}
.head-contact img {width: 163px;}



nav,.cd-primary-nav-trigger,.cd-menu-icon {display: none !important;}


#navi {display:block; clear: both; width: 1000px; margin: 0 auto;}
#navi li { float: left; height: 72px; margin-bottom: 0px;}
#navi img { width: auto;}


.main { max-width:1250px; margin:90px auto 0;}

.pankuz { display: block; clear: both; padding: 0; height: 30px; background-color: #ECECEC;}
.pankuz-box {display: block;  width: 1000px; margin: 0 auto; padding: 3px 0 0; font-size: 0.9em;}
.pankuz-box a { color: #333;}


#contents {margin-top: 0px;}
article ,#col-a { max-width: 750px;}

#col-b .side-tel { display:block; margin-bottom: 20px;}
#col-b .side-bnr { width: 215px;}

.footer-area {width: 100%; max-width: 1000px; margin: auto;}

.footer-nav { display:inline;}
.footer-nav li { float: left; background-image: url(../img/common/foot_arrow.png); background-repeat: no-repeat; background-position: 0 4px; padding: 0 0 0 22px; margin: 15px 30px 50px 0;}

footer .ad-area { clear: both; margin: 0 0 60px;}
footer .foot-logo { float: left; margin: 0; padding: 0;}
footer .foot-logo img { width: 177px;}
footer .ad-area p {margin: 0 20px 0 0; padding: 0;}


}