@charset "UTF-8";

/* -------------------------------
スタイルの初期化 */

body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object { margin:0; padding:0; }

* {
margin: 0;
padding: 0;
}
html,body{
	height: 100%;
}
body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	font-size:9pt;
	line-height: 1.55;
	color:#202020;
	background-color:#fff;
}
/* -------------------------------
webfont設定 */
/*regular*/
@font-face {
	font-family: 'Noto Sans JP';
	src: url('../fonts/NotoSansCJKjp-Regular.woff') format('woff'),
					 url('../fonts/NotoSansCJKjp-Regular.otf') format('opentype');
	font-weight: 400;
	font-style: normal;
}
/*bold*/
@font-face {
	font-family: 'Noto Sans JP';
	src: url('../fonts/NotoSansCJKjp-Bold.woff') format('woff'),
					 url('../fonts/NotoSansCJKjp-Bold.otf') format('opentype');
	font-weight: 700;
	font-style: bold;
}
/*black*/
@font-face {
	font-family: 'Noto Sans JP';
	src: url('../fonts/NotoSansCJKjp-Black.woff') format('woff'),
					 url('../fonts/NotoSansCJKjp-Black.otf') format('opentype');
	font-weight: 900;
	font-style: bold;
}
.wf{
	font-family: 'Noto Sans JP', sans-serif;
}

a img { border:0; }
ul, ol { list-style-type:none; }
sup { position: relative; vertical-align: baseline; top: -0.9em; font-size: 0.5em; }
hr { display: none; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}
th, caption{ text-align: left; font-weight: normal; }
th,td { empty-cells:show; }

input{vertical-align:middle;}
input[type="text"],
input[type="password"],
input[type="text"],
input[type="email"],
input[type="tel"]{
	padding:9px 10px;
	margin-right:5px;
	border: 1px solid #dfdfdf;
}
input[type="button"] { padding:3px; margin-bottom:3px;}
input[type="submit"] { display:inline; margin:0 5px; padding:5px 10px; }
input[type="checkbox"] { margin-right:5px;}
input[type="radio"] { margin-right:5px;}
textarea,select { padding:5px; font-size:100%; }
textarea{	border: 1px solid #dfdfdf;display: block;}
optgroup { font-style:normal; }
option { padding-right:10px; }

img {vertical-align:top;}


/* ▽共通------------------------------- */

/*↓コンテンツ真ん中揃え*/
#contents-wrapper{
	width:960px;
	margin:0 auto;
	background:#fff;
}
/*↓リンク*/
a{
	color:#1789bf;
}

a:visited{
}
a:hover{
	text-decoration:none;
}
a:active{
}
/* 右寄せ左寄せ */
.overflow{overflow:hidden;}
.left{float:left;}
.right{float:right;}
/*ホバー透過*/
.opacity:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)"
}
/* ▼ヘッダー------------------------------- */
header{
	width:960px;
	margin:0 auto;
}
#seo-text{
	font-size:0.9em;
	margin-top:5px;
}
header h1 {
	margin: 12px 0 10px;
}
header .right{
	width:404px;
	margin-top:10px;
}
header .right li{
	float:left;
}

header nav{
	position:relative;
	z-index:100;
}
header nav ul{
	overflow: hidden;
	background: #f0f0f0;
}
header nav li{
	float:left;
	font-weight: bold;
	font-size: 15px;
	position: relative;
}
header nav li::after{
	content:'';
	position: absolute;
	display: block;
	width: 1px;
	height: 20px;
	top: 50%;
	right: 0;
	transform:translateY(-50%);
	background: #ccc;
}
header nav li a{
	color: #222;
	text-decoration:none;
	display: block;
	padding: 18px 40px;
	transition:color .2s linear,background-color .2s ease-in;
}
header nav li.current a,
header nav li a:hover{
	color: #fff;
	background: #1e51a2;
}

/* パンクズ */
#pan{
	margin: 0 auto 10px;
	padding-top: 20px;
	width: 960px;
	position: relative;
	z-index: 1000;
}
#pan li{
	display:inline-block;
}
/* 問い合わせ　下 */
#contact_bottom{
	position:relative;
	background:url(/hp-pack/img/top/contact_bottom/bg.png) top left no-repeat;
	height:362px;
	width:1027px;
	margin-bottom:50px;
	margin-left:-35px;
}
#contact_bottom h1{
	position:absolute;
	top:60px;
	left:363px;
}
#contact_bottom .tel-mail{
	width:566px;
	position:absolute;
	top:108px;
	left:361px;
}
#contact_bottom .text{
	position:absolute;
	top:230px;
	left:363px;
}
#contact_bottom .comp{
	position:absolute;
	bottom:17px;
	left:230px;
}
#contact_bottom .comp .left{
	margin-right:15px;
}
.red{
	color: #d60000;
}

/* ▼ページの先頭へ------------------------------- */
#pagetop{
	text-align:right;
}


/* ▼フッター１------------------------------- */
#common_footer * {
    box-sizing: border-box;
}
#page-footer{
	width:960px;
	margin:0 auto;
}

#page-footer div{
	background:url(/hp-pack/img/common/f-bg.png) top left repeat;
	padding:10px;
}
#page-footer ul{
	padding-top:3px;
	padding-left:10px;
}
#page-footer ul li{
	float:left;
	font-size:1.2em;
	margin-right:25px;
	background:url(/hp-pack/img/common/f-arrow.png) left center no-repeat;
	padding-left:13px;
}
#page-footer ul a{
	color:#fff;
	text-decoration:none;
}
#page-footer ul a:hover{
	text-decoration:underline;
}

/* ▼コピーライト------------------------------- */
#page-footer small{
	text-align:center;
	padding:5px 0;
	color:#13428c;
	display:block;
	font-size:1.0em;
}