@charset "utf-8";
/* Copyright 2017 FSFIELD All Rights Reserved. */

/* ------------------------------------------------------------

basic

------------------------------------------------------------ */
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 500;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

*{font-family:Yu Gothic, "游ゴシック", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

body{
	font-size:16px;
	font-size:1.6rem;/*-16px-*/
	line-height:1.8;
	color:#333333;
    font-weight: 500;
}

/* ------------------------------------------------------------

shortcodes

------------------------------------------------------------ */

/* clear
---------------------------------------------- */
.overflow_clear{
	overflow:hidden;
	height:100%;
}

/* text-align
---------------------------------------------- */
.align_right{text-align:right !important;}
.align_left{text-align:left !important;}
.align_center{text-align:center !important;}
.center{margin:0 auto !important;}
.left{float:left !important;}
.right{float:right !important;}

/* font
---------------------------------------------- */
.normal{font-weight:normal !important;}
.bold{font-weight:bold !important;}
.italic{font-style: italic !important;}

/* vertical-align
---------------------------------------------- */
.valign_top{vertical-align:top !important;}
.valign_middle{vertical-align:middle !important;}
.valign_btm{vertical-align:bottom !important;}

/* visibility
---------------------------------------------- */
.hidden{visibility:hidden !important;}
.visible{visibility:visible !important;}

/* none
---------------------------------------------- */
.none{display:none !important;}

/* width
---------------------------------------------- */
.w12per{width: 12% !important;}
.w19per{width: 19% !important;}
.w20per{width: 20% !important;}
.w23per{width: 23% !important;}
.w26per{width: 26% !important;}
.w33per{width: 33% !important;}
.w43per{width: 43% !important;}

.w520{width: 520px !important;}
.w570{width: 570px !important;}
.w600{width: 600px !important;}
.w640{width: 640px !important;}

/* indent
---------------------------------------------- */
.indent-2{
	padding-left: 2em;
	text-indent: -2em;
}

/* line-height
---------------------------------------------- */
.lh_14{line-height: 1.4;}

/* margin
---------------------------------------------- */
.mr_none{margin-right:0px !important;}
.mr_05{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_20{margin-right:20px !important;}
.mr_25{margin-right:25px !important;}
.mr_30{margin-right:30px !important;}
.mr_35{margin-right:35px !important;}
.mr_40{margin-right:40px !important;}
.mr_45{margin-right:45px !important;}
.mr_50{margin-right:50px !important;}

.ml_none{margin-left:0px !important;}
.ml_05{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_15{margin-left:15px !important;}
.ml_20{margin-left:20px !important;}
.ml_25{margin-left:25px !important;}
.ml_30{margin-left:30px !important;}
.ml_35{margin-left:35px !important;}
.ml_40{margin-left:40px !important;}
.ml_45{margin-left:45px !important;}
.ml_50{margin-left:50px !important;}

.mt_none{margin-top:0px !important;}
.mt_05{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_25{margin-top:25px !important;}
.mt_30{margin-top:30px !important;}
.mt_35{margin-top:35px !important;}
.mt_40{margin-top:40px !important;}
.mt_45{margin-top:45px !important;}
.mt_50{margin-top:50px !important;}
.mt_60{margin-top:60px !important;}

.mb_none{margin-bottom:0px !important;}
.mb_05{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_35{margin-bottom:35px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_45{margin-bottom:45px !important;}
.mb_50{margin-bottom:50px !important;}
.mb_55{margin-bottom:55px !important;}
.mb_60{margin-bottom:60px !important;}
.mb_65{margin-bottom:65px !important;}
.mb_70{margin-bottom:70px !important;}
.mb_75{margin-bottom:75px !important;}
.mb_80{margin-bottom:80px !important;}
.mb_85{margin-bottom:85px !important;}
.mb_90{margin-bottom:90px !important;}
.mb_95{margin-bottom:95px !important;}
.mb_100{margin-bottom:100px !important;}

/* ------------------------------------------------------------

common

------------------------------------------------------------ */

#container,
.main_type01{
	width: 1200px;
	margin: 0 auto 80px;
}

.inner_center{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.wrap_404{
	width: 900px;
	margin: 0 auto;
	padding: 100px 0;
}

/* 見出し
---------------------------------------------- */
/*--heading01--*/
.heading01{
	background: url(../img/ico_heading01.png) no-repeat left 0;
	position: relative;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 0 0 5px 30px;
	border-bottom: 3px solid #DDDDDD;
	margin-bottom: 25px;
}

.heading01::before{
	content:"";
	display: block;
	width: 27.8%;
	position: absolute;
	left:0;
	bottom:-3px;
	border-bottom: 3px solid #458CC0;
}

/*--heading02--*/
.heading02{
	background: url(../img/ico_circle01.png) no-repeat left 0.45em;
	padding-left: 20px;
	font-weight: bold;
	margin-bottom: 8px;
}

/* テーブル
---------------------------------------------- */
/*--type01--*/
.type01{
	width: 100%;
	margin-bottom: 1px;
}

.type01 tr{border-bottom: 1px dotted #999999;}

.type01 th,
.type01 td{padding: 17px 0;}

/*--type02--*/
.type02{
	width: 100%;
	margin-bottom: 1px;
}

.type02 tr{border-bottom: 1px dotted #999999;}

.type02 th{
	background: #E8F1F9;
	border: 1px solid #93BCDB;
	color: #458CC0;
	font-weight: bold;
	text-align: center;
	padding: 8px;
}

.type02 td{
	border: 1px solid #93BCDB;
	padding: 8px 13px;
}

.table_inner{width: 100%;}
.table_inner tr{border: none;}
.table_inner th{font-weight: normal;}
.table_inner th,
.table_inner td{
	background: none;
	padding: 0;
	text-align: left;
	border: none;
	color: #333;
}

/* 記事
---------------------------------------------- */
.article{
	border-bottom: 1px dotted #999999;
	line-height: 1.2;
}

.article a{
	display: block;
	padding: 20px 0;
	overflow: hidden;
}

.article time{
	float: left;
	color: #999999;
	font-size: 1.4rem;
}

.article h3{
	background: url(../img/ico_arrow01.png) no-repeat 15px 0.35em;
	color: #333;
	padding-left: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.article a:hover h3{color: #458CC0;}

/* ページタイトル
---------------------------------------------- */
#wrap_pagettl{
	background: url(../img/bg01.jpg) repeat 0 0;
	overflow-x:hidden;
}

#pagettl{
	width: 1200px;
	height: 200px;
	margin: 0 auto;
	position: relative;
}

#pagettl_inner{
	background: url(../img/bg_pagettl01.jpg) no-repeat 0 0;
	width: 1402px;
	position: absolute;
	top:0;
	left:-101px;
}

#pagettl_inner h2{
	width: 1200px;
	height: 200px;
	margin: 0 auto;
	padding-top: 82px;
}

/* パンくずリスト
---------------------------------------------- */
#breadcrumb{
	border-top:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
	margin-bottom: 60px;
}

#breadcrumb ol{
	width:1200px;
	margin:0 auto;
	color: #929292;
	font-size:1.2rem;
	line-height:1.2;
	overflow:hidden;
	list-style:none;
	padding:10px 0;
}

#breadcrumb ol li{
	float:left;
	background:url(../img/ico_arrow02.png) no-repeat right 0.25em;
	padding-right:15px;
	margin-right:8px;
}

#breadcrumb ol li:last-child{
	background:none;
	padding-right:0;
	margin-right:0;
}

#breadcrumb ol li a{color:#458CBF;}

#breadcrumb ol li a:hover{text-decoration:underline;}

/* wordpress wp_contents
---------------------------------------------- */
div.wp_contents{
	overflow:hidden;
	width:1200px;
	margin-bottom:60px;
}

div.wp_contents p{margin-bottom:1.5em;}
div.wp_contents p:last-child{margin-bottom:0;}

div.wp_contents a{
	color:#458CBF;
	text-decoration:underline;
}

div.wp_contents a:hover{
	opacity: 0.7;
	text-decoration:none;
}

div.wp_contents img{
	max-width: 1200px;
	height: auto;
}

div.wp_contents .alignleft{float:left;}
div.wp_contents .alignright{float:right;}
div.wp_contents .aligncenter{
	display:block;
	margin:auto;
}

/* wordpress ページネーション
---------------------------------------------- */
div.wp-pagenavi{
	text-align:center;
	padding-top:60px;
	letter-spacing:-0.4em;
	font-size: 1.8rem;
}

div.wp-pagenavi span{
	background:#458CC0;
	color:#FFF;
    display:inline-block;
    margin: 0 8px 0 0;
	padding: 6px 9px;
    line-height: 1;
	letter-spacing:normal;
	border: 1px solid #458CC0;
	vertical-align: middle;
}

div.wp-pagenavi a{
	background:#FFF;
	color:#458CC0;
    display:inline-block;
    margin:0 8px 0 0;
	padding:6px 9px;
    line-height:1;
	letter-spacing:normal;
	border: 1px solid #DBDBDB;
	vertical-align: middle;
}

div.wp-pagenavi a:last-child{margin-right: 0;}

div.wp-pagenavi a:hover{
	background:#458CC0;
	color: #FFF;
}

div.wp-pagenavi a.previouspostslink{background: url(../img/ico_arrow03.png) no-repeat center center;}
div.wp-pagenavi a.nextpostslink{background: url(../img/ico_arrow04.png) no-repeat center center;}
div.wp-pagenavi a.previouspostslink:hover{background: #458CC0 url(../img/ico_arrow05.png) no-repeat center center;}
div.wp-pagenavi a.nextpostslink:hover{background: #458CC0 url(../img/ico_arrow06.png) no-repeat center center;}

div.wp-pagenavi a.previouspostslink,
div.wp-pagenavi a.nextpostslink{
	padding:6px 14px;
	vertical-align: middle;
	text-indent: -9999px;
}

span.pages,
span.extend{display:none !important;}

/* wordpress 引用
---------------------------------------------- */
blockquote{
  display:inline-block;
  padding:10px 27px 0 27px;
  position: relative;
  color:#999;
}
 
blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
 
  /*フォント*/
  font-family: Georgia, serif;
  font-size: 30px;
  font-weight: bold;
 
  /*ポジショニング*/
  position: absolute;
  left: 10px;
  top:0;
}
 
blockquote::after{
  content: "\201D"; /*Unicode for Right Double Quote*/
 
  /*フォント*/
  font-family: Georgia, serif;
  font-size: 30px;
  font-weight: bold;
 
  /*ポジショニング*/
  position: absolute;
  right: 10px;
  top:0;
}

/* ------------------------------------------------------------

header

------------------------------------------------------------ */

#wrap_top{
	width: 1200px;
	margin: 0 auto;
	text-align: right;
	padding: 3px 0 30px;
	font-size: 1.1rem;
	line-height: 1.2;
}

#header_inner{
	width: 1200px;
	height: 75px;
	margin: 0 auto;
	position: relative;
}

#h_logo{
	position: absolute;
	top:0;
	left: 0;
}

#h_address{
	position: absolute;
	top:0;
	left: 345px;
	color: #666666;
	font-size: 1.3rem;
	line-height: 1.4;
}

#h_tel{
	position: absolute;
	top:0;
	right: 0;
}

#nav_global{
	border-top:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
}

#nav_global ul{
	overflow:hidden;
	width: 1201px;
	margin: 0 auto;
}

#nav_global ul li{float: left;}

#nav_global ul li.g01{width: 90px;}
#nav_global ul li.g02,
#nav_global ul li.g03,
#nav_global ul li.g04,
#nav_global ul li.g05,
#nav_global ul li.g06{width: 222px;}

#nav_global ul li a{
	display: block;
	height: 59px;
}

#nav_global ul li.g01 a{background: url(../img/nav_global01.jpg) no-repeat 0 0;}
#nav_global ul li.g02 a{background: url(../img/nav_global01.jpg) no-repeat -90px 0;}
#nav_global ul li.g03 a{background: url(../img/nav_global01.jpg) no-repeat -312px 0;}
#nav_global ul li.g04 a{background: url(../img/nav_global01.jpg) no-repeat -534px 0;}
#nav_global ul li.g05 a{background: url(../img/nav_global01.jpg) no-repeat -756px 0;}
#nav_global ul li.g06 a{background: url(../img/nav_global01.jpg) no-repeat -978px 0;}

#nav_global ul li.g01 a:hover{background: url(../img/nav_global01.jpg) no-repeat 0 -59px;}
#nav_global ul li.g02 a:hover{background: url(../img/nav_global01.jpg) no-repeat -90px -59px;}
#nav_global ul li.g03 a:hover{background: url(../img/nav_global01.jpg) no-repeat -312px -59px;}
#nav_global ul li.g04 a:hover{background: url(../img/nav_global01.jpg) no-repeat -534px -59px;}
#nav_global ul li.g05 a:hover{background: url(../img/nav_global01.jpg) no-repeat -756px -59px;}
#nav_global ul li.g06 a:hover{background: url(../img/nav_global01.jpg) no-repeat -978px -59px;}

#nav_global ul li a span{display: none;}

/* ------------------------------------------------------------

footer

------------------------------------------------------------ */

#footer{
	background: url(../img/bg01.jpg) repeat 0 0;
	border-top:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
	padding-bottom: 10px;
}

#footer_inner{
	border-top:2px solid #FFF;
	padding: 35px 0;
}

#f_logo{
	text-align: center;
	margin-bottom: 10px;
}

#f_tel{
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.2;
}

.wrap_bottom{
	width: 1200px;
	margin: 0 auto;
}

.wrap_bottom p{
	color: #878787;
	font-size: 1.2rem;
	line-height: 1.2;
	text-align: center;
}

/* ナビ
---------------------------------------------- */
#nav_footer{
	background: url(../img/bg02.gif) repeat-x 0 bottom;
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

#nav_footer ul{
	text-align: center;
	letter-spacing: -0.4em;
}

#nav_footer ul li{
	display: inline-block;
	letter-spacing: normal;
	font-size: 1.4rem;
	line-height: 1.2;
}

#nav_footer ul li a{
	background: url(../img/ico_arrow01.png) no-repeat left 0.35em;
	display: block;
	color: #333;
	padding: 0 40px 0 13px;
}

#nav_footer ul li a:hover{color: #458CC0;}

/* ページトップボタン
---------------------------------------------- */
#pagetop{
	position: fixed;
	right: 40px;
	bottom:40px;
}

#pagetop a{
	background: url(../img/btn_pagetop01.png) no-repeat 0 0;
	display: block;
	width: 50px;
	height: 50px;
}

#pagetop a:hover{background: url(../img/btn_pagetop01_on.png) no-repeat 0 0;}

#pagetop a span{display: none;}

