@charset "utf-8";

/*********************************
 *
 * 全ページ共通
 *
 *********************************/
body {
    width: 100%;
    min-width: 1500px;

	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
	line-height: 1.75em;
	color: #494949;
}

a {
	color: #12679d;
	text-decoration: underline;
}
a:hover {
	color: #23b4de;
	text-decoration: underline;
}
a:hover img.hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

h2 {
    display: inline-block;
    text-align: left;

	font-size: 24px;
    font-weight: bold;
	color: #8b0000;
}

.bold {
    font-weight: bold;
}

/*********************************
 * layout
 *********************************/
html {
	-webkit-text-size-adjust: 100%;
	min-width: 1180px;
}

.sp {
	display: none;
}

.sidefixnavi {
	position: fixed;
	top: 130px;
	right: 0;
	width: 31px;
}
.sidefixnavi ul li {
	float: left;
	margin: 0 0 1px 0;
}

/* header */
#top-head {
	display: none;
}

header {
	overflow: hidden;
	position: relative;
	width: 100%;
	padding: 0 0 0 0;
	height: 104px;
	background: url(../images/common/header_bg.png) center bottom repeat-x rgba(255, 255, 255, 0);
}
header section {
	position: relative;
	width: 1080px;
	margin: 0 auto;
}
header .logo {
	float: left;
	width: 405px;/* 流用元ロゴ画像サイズ */
	padding-top: 15px;

	text-align: center;
}
header .logo p {
	font-size: 12px;
	line-height: 1.75em;
	color: #fff;
}
header .tel {
	float: left;
	padding: 29px 0 0 20px;
}
header .tel img {
	display: block;
	width: 227px;
	height: 55px;
}
header .navi {
	float: left;
	width: 154px;
	padding: 32px 0 0 0;
	margin: 0 0 0 200px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
}
header .logo_horei {
	float: right;
	padding: 30px 0 0 0;
}

/* navi */
div.gnavi {
	width: 100%;
	background: #23b4de;
}
div.gnavi section {
	width: 1080px;
	margin: 0 auto;
}
div.gnavi section ul li {
	float: left;
}

/* contents */
#contents {
	width: 100%;
}

div.topicpath {
	width: 1080px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 1.45em;
	padding: 5px 0 0 0;
	color: #12679d;
}
div.topicpath a {
	color: #12679d;
}
div.topicpath a:hover {
	color: #23b4de;
}
div.topicpath:before {
	content: "● ";
	color: #d5d7d8;
}

/* footer */
div.pagetop {
	width: 1180px;
	margin: 0 auto;
	padding: 50px 0 20px 0;
	text-align: right;
	background: #fff;
}

footer {
	position: relative;
	width: 100%;
	padding: 0 0 0 0;
}
footer section.navi {
	/* background: #000; */
	background: #4d4d4d;
	padding: 15px 0;
	color: #fff;
	font-size: 12px;
	overflow: hidden;
}
footer section.navi a {
	color: #fff;
	padding: 0 0 0 10px;
	background: url(../images/common/footer_arrow.png) left center no-repeat;
	text-decoration: none;
}
footer section.navi a:hover {
	text-decoration: underline;
}
footer section.navi ul {
	position: relative;
	width: 1080px;
	margin: 0 auto;
}
footer section.navi ul li {
	position: relative;
	float: right;
	padding: 0 8px;
}
footer section.footer {
	background: #fff;
	padding: 20px 0 30px 0;
} 
footer section.footer div.inner {
	position: relative;
	width: 1080px;
	margin:  0 auto;
}
footer section.footer div.inner div.child {
	float: left;
	width: 50%;
}
footer section.footer div.inner div.child:last-child {
	text-align: right;
}
footer section.footer div.inner div.child div.tel {
	width: 303px;
	margin: 10px 0 0 0;
}
footer section.footer div.inner div.child .logo {
	width: 405px;
	height: 41px;
}
footer section.footer div.inner div.child p.copy {
	font-size: 11px;
	margin: 5px 0 0 0;
}

/* memo: 当初はロゴ代わりに使用していたが、SJSロゴを使用することになったため現在未使用 */
/* オリジナルWebfont */
@font-face {
	/* フォントDL元：https://logotype.jp/osusume-font-corpmin.html */
	/* フォントファイル変換：https://convertio.co/ja/ */
	font-family: 'Corporate-Mincho-ver2';
	src:
		url('./font/Corporate-Mincho-ver2.ttf') format('truetype'),
		url('./font/Corporate-Mincho-ver2.otf') format('otf'),
		url('./font/Corporate-Mincho-ver2.woff') format('woff');
}
/* コンテンツロゴを画像 -> テキスト形式に変更するため、スタイルを再定義 */
.common_logo, .common_logo:hover {
	display: inline-block;
	vertical-align: bottom;
	width: 405px;
	height: 60px;
	max-width: 100%;

	font-family: 'Corporate-Mincho-ver2';
	color: #000;
	font-size: 20pt;
	text-decoration: none;
}