@import url('reset.css');

html,
body {
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}

/* ---------------------------------------------------body*/
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 85%;
	line-height: 170%;
	letter-spacing: 0.08em;
	font-family: "Arial, Helvetica, ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
/* ---------------------------------------------------link*/
a:link, a:active, a:visited {
	color: #1b72c9;
	text-decoration: underline;
}
a:hover {
	color: #900;
}
#header a:link, #header a:active, #header a:visited, #main a:link, #main a:active, #main a:visited, #main_sng a:link, #main_sng a:active, #main_sng a:visited, #side a:link, #side a:active, #side a:visited, #footer a:link, #footer a:active, #footer a:visited {
	text-decoration: underline;
}
hr.clear {
	clear: both;
	height: 1px;
	border: 0px;
	border-top: 1px solid #fff;
	color: #fff;
}
b {
	font-weight: bold;
}
/* ---------------------------------------------------wrapper*/
#wrapper {
	text-align: center;
	font-size: 100%;
}
/* ---------------------------------------------------container*/
#container {
	width: 980px;
	margin: 0px auto;
	text-align: left;
}
/* ---------------------------------------------------header*/
#header {
	position: relative;
	z-index: 200;
}
h1 {
	margin: 0px;
	padding: 0px;
	width: 300px;
	float: left;
}
h1 img {
	margin-top: 25px;
}
#header div {
	float: right;
	width: 650px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	text-align: right;
}
#header div div {
	padding: 0px;
}
#header div p {
	margin: 0px;
	padding: 10px;
	display: inline;
}
#header div p.link a:link, #header div p.link a:active, #header div p.link a:visited {
	color: #33ac5f;
}
#header p.tn {
	float: right;
	width: 220px;
	margin: 22px 0px;
	padding: 0px;
	text-align: right;
}
#header table {
	float: right;
	width: 250px;
	border: none;
	margin: 20px 0px 15px 0px;
}
#header table td {
	width: 85%;
	text-align: right;
}
#header table td input[type="text"] {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 5px 10px;
	width: 170px;
	font-size: 12px;
	text-align: left;
}
#header table td.h5 input[type="text"] { /*202109*/
	width: 192px;
}
#header table th {
	width: 15%;
}
/* ---------------------------------------------------pagetop*/
#page-top {
	z-index: 10;
	position: fixed;
	top: 80%;
	left: 90%;
	font-size: 13px;
	line-height: 120%;
	letter-spacing: -1px;
	background-image: url(../img/layout/pagetop_off.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#page-top a {
	display: block;
	color: #fff;
	width: 71px;
	height: 71px;
	text-decoration:none;
	background-image: url(../img/layout/pagetop_off.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#page-top a:hover {
	text-decoration: none;
	background-image: url(../img/layout/pagetop_on.png);
	background-repeat: no-repeat;
	background-position: center center;
}
/* ---------------------------------------------------menu*/
#menu {
	clear: both;
	height:95px;
	background-image: url(../img/layout/menu_back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#menu ul {
	margin: 0px;
	padding: 1px;
	list-style: none;
}
#menu ul li {
	position: relative;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 89px;
	background-repeat: no-repeat;
	background-position: 0px -89px;
	text-indent: -10000px;
	z-index: 99999;
}
#menu ul li a {
	height: 89px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	display: block;
	text-indent: -10000px;
}
#menu li.mn1, #menu li.mn1 a, #menu li.mn1_on a {
	width: 93px;
	background-image: url(../img/layout/menu01.jpg);
}
#menu li.mn2, #menu li.mn2 a, #menu li.mn2_on a {
	width: 127px;
	background-image: url(../img/layout/menu02.jpg);
}
#menu li.mn3, #menu li.mn3 a, #menu li.mn3_on a {
	width: 127px;
	background-image: url(../img/layout/menu03.jpg);
}
#menu li.mn4, #menu li.mn4 a, #menu li.mn4_on a {
	width: 127px;
	background-image: url(../img/layout/menu04.jpg);
}
#menu li.mn5, #menu li.mn5 a, #menu li.mn5_on a {
	width: 127px;
	background-image: url(../img/layout/menu05.jpg);
}
#menu li.mn6, #menu li.mn6 a, #menu li.mn6_on a {
	width: 127px;
	background-image: url(../img/layout/menu06.jpg);
}
#menu li.mn7, #menu li.mn7 a, #menu li.mn7_on a {
	width: 127px;
	background-image: url(../img/layout/menu07.jpg);
}
#menu li.mn8, #menu li.mn8 a, #menu li.mn8_on a {
	width: 122px;
	background-image: url(../img/layout/menu08.jpg);
}
#menu li a:hover {
	background-position: 0px 89px;
}
#menu li.mn1_on a, #menu li.mn2_on a, #menu li.mn3_on a, #menu li.mn4_on a, #menu li.mn5_on a, #menu li.mn6_on a, #menu li.mn7_on a, #menu li.mn8_on a {
	background-position: 0px -89px;
}
#menu li.mn9, #menu li.mn10, #menu li.mn11 {
	display: none;
}
.slicknav_btn, .slicknav_menu {
	display: none;
}
/* ---------------------------------------------------t-pass*/
p.tpass {
	clear: both;
	margin: 0px;
	padding: 25px 0px 30px 0px;
	font-size: 90%;
	color: #1b72c9;
}
/* ---------------------------------------------------main*/
div#main {
	width: 750px;
	float: right;
	padding-bottom: 50px;
}
div#main p {
	line-height:160%;
}
div#main ul li {
	margin:10px 0;
}
div#main ol li {
	margin:10px 0;
}
/**/
div#main_sng {
}
/* ---------------------------------------------------footer*/
#footer {
	margin: 30px 0 0 0;
	padding:0;
	border-top: 5px solid #2672bf;
}
#footer .inner {
	width: 980px;
	margin: 0px auto;
	text-align: left;
}
#footer table {
	margin: 25px 0px 70px 0;
	padding: 0px;
	width: 750px;
	float: left;
	font-size: 90%;
	border: none;
}
#footer td {
	width: 33%;
	padding: 0px 20px;
	vertical-align: top;
	border-right: 1px solid #ebebeb;
}
#footer td ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#footer td ul li {
	margin: 0px;
	padding: 7px 0px;
}
#footer td ul li ul {
	margin-left: 15px;
	list-style: disc;
	padding: 7px 0px;
}
#footer td ul li ul li {
	padding: 4px 0px;
}
#footer td ul li ul li a:link, #footer td ul li ul li a:visited, #footer td ul li ul li a:active {
	color: #000;
	text-decoration: none;
}
#footer td ul li ul li a:hover {
	color: #900;
	text-decoration: underline;
}
/**/
#footer td ul.ex {
	padding: 15px 15px 5px 15px;
	background-color: #e8f1fa;
	border-radius: 5px;
}
#footer td ul.ex li {
	padding-left: 17px;
	background-image: url(../img/icon_orange1.gif);
	background-repeat: no-repeat;
	background-position: left 13px;
}
/**/
#footer ul.banner {
	float: right;
	padding: 25px 0px;
	margin: 0px;
	list-style: none;
	width: 207px;
}
#footer ul.banner li {
	margin: 0px;
	padding: 5px 0px;
}
#footer ul.banner li.txt {
	padding:  10px;
	font-size: 90%;
	text-align: center;
	border:  1px solid #ccc;
	margin: 10px 0px;
}
#footer ul.banner li a:link, #footer ul.banner li a:visited, #footer ul.banner li a:active {
	color: #000;
	text-decoration: none;
}
#footer ul.banner li a:hover {
	color: #900;
	text-decoration: underline;
}
/**/
#address {
	margin-top: 5px;
	border-top: 5px solid #2672bf;
}
#address .inner {
	width: 980px;
	margin: 0px auto;
	text-align: left;
}
address {
	width: 600px;
	float: left;
	margin: 0px;
	padding: 20px 0px;
	text-align: left;
}
#address div.lang {
	display: none;
}
address strong {
	font-size: 120%;
	font-weight: bold;
}
#address p {
	margin: 0px;
	padding: 30px 0px;
	text-align: right;
	color: #2672bf;
}