@charset "UTF-8";
/* CSS Document */

/* CSS Document */
* {
    margin: 0;
    padding: 0;
} 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
strong {
font-weight: bold;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

*, *:before, *:after {
	box-sizing: border-box;
}

.clearfix:before, .clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

/*base*/
html {
	/*font-size: 62.5%;*/
	font-size: 10px;
	position: relative;
}
body {
	background: #ffffff;
	text-align: center;
	color: #333;
	font-size: 1.4rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Verdana,"Avenir Next", Osaka, sans-serif;
	line-height: 180%;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: normal;
	position:relative;
}

a {
	color: #333;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
}
img {
	box-shadow: #fff 0 0 0;
	vertical-align:middle;
}

a:hover {
	opacity: 0.7;
}

a img{
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;}

.left{
	float: left;
}
.right{
	float: right;
}
div,div p{
	text-align: justify;
}

.vsp {
	display: none;
}


.f_serif{ font-family:Times, Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}

h1{ padding-top:27px; float:left;}
h1 a{ display:block; background-image:url(../common/logo.png); width:328px; height:30px; text-indent:-9999px;}
header {
    z-index: 1000;
    width: 100%;
    position: fixed;
    padding: 5px 0;
}

header nav{ float:right;}
header nav ul{ float:right; clear:both; list-style:disc; padding-top:10px;
    position:relative;}
header nav li{ float:left; font-size:1.3rem; margin-left:50px;}
header nav li a{ padding-bottom:10px; display:block; cursor:pointer;}

.popupNavi {
	position: fixed;
	width: 100%;
	clear:both;
	top:93px;
	right: 0;
	left:0;
	margin:0;
	z-index:9999;
}
.popupNaviChild {
	position: absolute;
	display:none;
	background-color:#fff;
		width: 100%;
	right: 0;
	left:0;
	margin:0;
	border-top:10px solid #d5000e;
	box-shadow:0px 11px 16px -3px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0px 11px 16px -3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0px 11px 16px -3px rgba(0, 0, 0, 0.3);
}
.popupNavi .popupNaviChild .arrow {
	position: absolute;
	display: block;
	height:10px;
	background-color:#fff;
	margin-top:-10px;
}
#navi01 .arrow {
	right: 410px;
	width:107px;
}
#navi02 .arrow {
	right: 278px;
	width:98px;
}
#navi03 .arrow {
	right: 140px;
	width:108px;
}

.popupNaviChild .left{ width:908px; border-right:1px solid #cccccd; vertical-align:middle;
	margin:50px 0 35px 0; text-align:center;}
.popupNaviChild .left li{ display:inline-block; text-align:center; padding:0 23px;}
.popupNaviChild .left li img{ margin-bottom:5px;}
.popupNaviChild .left li a{ color:#000;}
.popupNaviChild .left li a:hover{ color:#d5000e;}
.popupNaviChild .right{ width:207px; line-height:1.8;
	padding:50px 0 0 0;}
.popupNaviChild .right .title{ font-weight:bold; font-size:1.5rem; padding-bottom:20px;}

#searchbox{}
#searchbox .search{ float:left; border:1px solid #d9d9d9; padding:0 10px; margin:17px 25px 0 0;border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
#searchbox .search form{ vertical-align:middle;}
#searchbox .form1{padding:0; width:180px; background-color:transparent; border:none; display:inline-block;}
#searchbox .btn{ border:none; background-color:transparent; background-image:url(../common/search.png); background-repeat:no-repeat; background-position:50%; width:17px; height:17px; margin:0; display:inline-block;}
#searchbox .tel{ float:right; font-size:1.2rem; line-height:1.4;}
#searchbox .tel p{ font-size:2.2rem; background-image:url(../common/tel.png); background-repeat:no-repeat; background-position:0 50%; font-weight:bold; text-align:right;}
#searchbox input.btn[type="submit"] {
   -webkit-appearance: none;
   border-radius: 0;
}
#pankuzu{ background-color:rgba(18,9,0,0.7); color:#fff; padding:25px 30px 15px 30px;}
#pankuzu h2{ font-size:3rem; font-weight:lighter;}
#pankuzu h2 span{ font-size:1.4rem;}
#pankuzu p{ font-size:1.3rem;}
#pankuzu p a{ color:#fff;}
#pankuzu2{ padding:10px 0 10px 0;}
#pankuzu2 p{ font-size:1.3rem; text-align:right;}

#contact{ color:#6d6d6d; padding:100px 0; background-color:#f5f5f5;}
#contact .left,#contact .right{ width:50%;}
#contact h5{ font-size:2.2rem; text-align:center;}
#contact p{ font-size:1.3rem; padding:15px 0 30px 0; text-align:center;}
#contact a.btn{ display:block; width:225px; text-align:center; border:1px solid #e0e0e0; text-align:center; padding:7px 0; margin:0 auto;}
#contact a.btn:hover{ background-color:#000; border:1px solid #000; color:#fff;}

#copyright{ background-color:#686868; font-size:1.2rem; padding:17px 0;}

/*Safariだけに適用されるCSSハック*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #searchbox .btn { margin-top:4px;
  }
}
/*ChromeとOperaのみだけに適用されるCSSハック*/
_::content, _:future, #searchbox .btn:not(*:root) { 
  margin-top:4px;
}