@charset "UTF-8";

/*全ページ共通
-----------------------------------------*/
* {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a img {
border: none;
}
html {
background: #FFF url(../img/back.png) repeat-x;
}
body {
font-size: 14px;
color: #333;
line-height: 1.2;
font-family: "Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
background: url(../img/back1.png) repeat-y;
width: 940px;
margin: 0 auto;
padding: 0 3px;
}
/*a {
color: #00F;
}
a:hover {
color: #006;
}*/
hr {
	margin: 20px 0;
border: none;
height: 0;
overflow: hidden;
border-bottom: 1px dotted #959595;
clear: both;
}
header, footer, section, article, figure ,figcaption {
	display: block;
	margin-bottom: 20px;
}
/* clear float */
.clear {
	clear: both;
	display: block;
	float: none;
}

.pa0{ padding: 0!important;}
.pa10{ padding: 10px!important;}
.pa16{ padding: 16px!important;}
.pt10{ padding-top: 10px!important;}
.pt60{ padding-top: 60px!important;}
.pr20{ padding-right: 20px!important;}
.pl0{ padding-left: 0!important;}
.pl20{ padding-left: 20px!important;}
.ma0{ margin: 0!important;}
.mb0{ margin-bottom: 0!important;}
.mb8{ margin-bottom: 8px!important;}
.mb10 { margin-bottom: 10px!important;}
.mb16 { margin-bottom: 16px!important;}
.mb20 { margin-bottom: 20px!important;}
.mb24{ margin-bottom: 24px!important;}
.mb30{ margin-bottom: 30px!important;}
.mb40{ margin-bottom: 40px!important;}
.mb50{ margin-bottom: 50px!important;}
.mb60{ margin-bottom: 60px!important;}
.mb80{ margin-bottom: 80px!important;}
.mt12{ margin-top: 12px!important;}
.mt80{ margin-top: 80px!important;}
.mr4{ margin-right: 4px!important;}
.mr8{ margin-right: 8px!important;}
.mr10 { margin-right: 10px!important;}
.mr20{ margin-right: 20px!important;}
.ml0{ margin-left: 0!important;}
.ml12 { margin-left: 12px!important;}
.ml18 { margin-left: 18px!important;}

.tc { text-align: center!important;}
.tr { text-align: right!important;}
.tl { text-align: left!important;}
.bold { font-weight: bold;}
.red { font-weight: bold; color: #f00;}
.fs12 { font-size: 12px!important; font-size: 1.2rem!important;}
.fs14 { font-size: 14px!important; font-size: 1.4rem!important;}
.fs28 { font-size: 28px!important; font-size: 2.8rem!important;}
.fs32 { font-size: 32px!important; font-size: 3.2rem!important;}

.w10 { width: 10%!important;}
.w20 { width: 20%!important;}
.w30 { width: 30%!important;}
.w40 { width: 40%!important;}
.w50 { width: 50%!important;}
.w60 { width: 60%!important;}
.w70 { width: 70%!important;}
.w80 { width: 80%!important;}
.w90 { width: 90%!important;}
.w100 { width: 100%!important;}

.asterisk {
	padding-left: 1.4em;
	position: relative;
}
.asterisk::before {
	content: "※";
	position: absolute;
	left: 0;
	top: 0;
}
.list_disc li {
	list-style-type: disc;
	line-height: 1.6;
}
/*ヘッダー
-----------------------------------------*/
body header {
	height: 140px;
	background: url(../img/header.png) repeat-x top;
	position: relative;
	margin: 0 auto 25px;
	border-top: 5px solid #004D99;
}
body header h1 {
position: absolute;
top: 20px;
left: 18px;
font-family: Georgia, serif;
font-weight: normal;
color: #000;
font-size: 50px;
line-height: 1;
}
body header h1 a {
text-decoration: none;
color: #000;
}
body header h1 a:hover {
color: #000;
}
body header address {
position: absolute;
right: 20px;
top: 5px;
font-size: 10px;
font-style: normal;
width: 415px;
}
body header .adr {
font-size: 12px;
color: #666;
width: 180px;
}
body header .tel {
	font-size: 15px;
	color: #F60;
	font-weight: bold;
	font-family: Arial,"Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	position: absolute;
	right: 0px;
	top: 12px;
}
body header .tel img {
margin-right: 3px;
}
body header > ul {
position: absolute;
right: 15px;
top: 38px;
}
body header > ul li {
float: left;
margin-right: 3px;
}
body header > ul li a img{
opacity:0.75;
filter: alpha(opacity=75);
}
body header > ul li a:hover img{
opacity: 1;
filter: alpha(opacity=100);
}
/*ヘッダー:メニュー
-----------------------------------------*/
nav {
position: absolute;
height: 47px;
bottom: 0;
right: 18px;
}
nav ul li {
float: left;
}

nav ul li a {
display: block;
width: 180px;
height: 47px;
text-align: center;
line-height: 47px;
color: #000;
text-decoration: none;
font-family: Arial,sans-serif;
font-size: 16px;
background-image:  url(../img/menu1.png);
background-repeat: no-repeat;
background-position: center top;
border-left: 1px solid #C3C3C3;
position: relative;
z-index: 1;
}
nav ul li:first-child a {
background-position: left top;
border-left: none;
}
nav ul li:last-child a {
background-position: right top;
}
nav ul li a:hover {
color: #FFF;
background-position: bottom;
border: 1px solid #0563B8;
border-bottom: none;
border-top: none;
margin-left: -1px;
z-index: 2;
}
nav ul li:first-child a:hover {
background-position: left bottom;
border-left: none;
}
nav ul li:last-child a:hover {
background-position: right bottom;
border-right: none;
margin-left: 0;
}
/*フッター
-----------------------------------------*/
footer {
	background: #039 url(../img/footer.png) repeat-x;
	height: 50px;
	font-size: 12px;
	padding: 15px 20px;
	position: relative;
	font-family: Arial,"Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	color: #FFF;
}
footer address {
display: block;

font-style: normal;
float: left;
}
footer address p {
display: inline;
margin-right: 1em;
}

.privacy{
float:right;
margin-right:280px;
padding: 0 10px 10px 17px;
background: url(../img/icon2.png) no-repeat;
display:block;
}
.privacy a {
color:#FFFFFF;
display: block;
line-height: 1.2;
text-decoration: none;
padding-left:5px;

}
.privacy a:hover {
text-decoration: underline;
}
footer small {
	display: block;
	font-size: 10px;
	float: right;
	margin-top:50px;
}



/*noscript
-----------------------------------------*/
p#noscript {
width: 80%;
padding: 30px;
margin: 0 auto;
color: red;
font-weight: bold;
}

/*複数ページで使用
-----------------------------------------
-----------------------------------------*/
#contents {
	margin: 0 auto 0;
	padding: 0 20px 10px 20px;
	width: 900px;
	position: relative;
}
#contents:after {
content: "";
display: block;
clear: both;
}
*+html #contents {
min-height: 1px;
}
section:after {
content: "";
display: block;
clear: both;
}
*+html section {
min-height: 1px;
}
section {
	padding-bottom: 20px;
}


/*見出し
-----------------------------------------*/
section > h1 {
background: url(../img/midashi2a.png) no-repeat;
font-size: 16px;
text-indent: 30px;
width: 911px;
height: 74px;
line-height: 40px;
margin-bottom: -10px;
position: relative;
font-family: Arial,"Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
z-index: 1;
}
section h1,
section h2 {
	font-weight: normal;
	margin-bottom: 5px;
}


/*メニューリスト
-----------------------------------------*/
#subMenu ,
#sideMenu {
position: absolute;
top: 60px;
left: 20px;
width: 180px;
z-index: 2;
}
#sideMenu { top: 274px;}
#subMenu h2 {
background: #3299FF;
color: #FFF;
font-size: 14px;
line-height: 1.1;
padding: 8px 10px;
font-weight: bold;
border: 1px solid #007CF8;
}
#subMenu ul ,
#sideMenu ul {
border: 1px solid #CCC;
background: #F5F5F5;
}
#subMenu li a ,
#sideMenu li a {
display: block;
line-height: 1.2;
color: #333;
text-decoration: none;
background: url(../img/icon1.png) no-repeat 8px 14px;
padding: 10px 10px 10px 17px;
border-top: 1px dotted #959595;
}
#subMenu li a:hover ,
#sideMenu li a:hover {
	color: #333;
	background-color: #e5e5e5;}

#subMenu ul li:first-child a ,
#sideMenu ul li:first-child a {
border-top: none;
}

/*Google Map
-----------------------------------------*/
.gmap {
    height: 0;
    overflow: hidden;
    padding-bottom: 31.25%;
    position: relative;
}
.gmap iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
/* flex box（PCのみ）内にGoogleMap */
.gmap_box {
	position: relative;
	width: 50%;
}
.gmap_box + * {
	width: 50%;
	padding-left: 2%;
}