@charset "utf-8";

/* ==================================================
Base-Layout
================================================== */
body {
	margin: 0;
	font-size: 100%;
	/* line-height: 1.5; */
	line-height: 1.6;
	color: #222222;
	background-color: #ffffff;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	font-weight: 500;
}
body.custom_tetsuduki #tmp_main {
	font-size: 112.5%;
	line-height: 1.78;
}

/* wrapper
================================================== */
#tmp_wrapper {
	min-width: 1220px;
	overflow: hidden;
}
.container:before,
.container:after {
	content: "";
	display: table;
}
.container:after {
	clear: both;
}
.container {
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 10px;
}
#tmp_wrap_main {
	width: 100%;
	background-color: #ffffff;
	margin: 65px 0 110px;
}
.format_yoyaku_top #tmp_wrap_main {
	margin: 100px 0 132px;
}
#tmp_main_inner {
	max-width: 967px;
	margin: 0 auto;
}

/* header
================================================== */
#tmp_header {
	color: #fff;
	padding: 22px 0 13px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.custom_yoyaku #tmp_header {
	background-image: url(../site_yoyaku/images/header/header_bg.jpg);
}
.custom_tetsuduki #tmp_header {
	background-image: url(../site_tetsuduki/images/header/header_bg.jpg);
}
/*
.custom_shinsei #tmp_header {
	background-image: url(../shared/site_shinsei/images/header/header_bg.jpg);
}
*/
#tmp_header .container {
	display: flex;
	align-items: flex-start;
}
#tmp_header #tmp_hlogo {
	flex: none;
	position: relative;
	overflow: hidden;
	font-weight: bold;
	text-indent: -9999px;
	margin: 0 0 12px 0;
}
#tmp_hlogo h1,
#tmp_hlogo p {
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}
#tmp_hlogo a,
#tmp_hlogo h1 span,
#tmp_hlogo p span {
	display: block;
}
#tmp_hlogo h1 span,
#tmp_hlogo p span {
	position: relative;
	z-index: -1;
}
.custom_yoyaku #tmp_hlogo h1,
.custom_yoyaku #tmp_hlogo p,
.custom_yoyaku #tmp_hlogo a {
	width: 444px;
	height: 78px;
}
.custom_yoyaku #tmp_hlogo h1,
.custom_yoyaku #tmp_hlogo p {
	background-image: url(../site_yoyaku/images/header/hlogo.png);
}
.custom_tetsuduki #tmp_hlogo h1,
.custom_tetsuduki #tmp_hlogo p,
.custom_tetsuduki #tmp_hlogo a {
	width: 630px;
	height: 88px;
}
.custom_tetsuduki #tmp_hlogo h1,
.custom_tetsuduki #tmp_hlogo p {
	background-image: url(../site_tetsuduki/images/header/hlogo.png);
}
.custom_shinsei #tmp_hlogo h1,
.custom_shinsei #tmp_hlogo p,
.custom_shinsei #tmp_hlogo a {
	width: 570px;
	height: 80px;
}
.custom_shinsei #tmp_hlogo h1,
.custom_shinsei #tmp_hlogo p {
	background-image: url(../site_shinsei/images/header/hlogo.png);
}
#tmp_header_menu {
	margin: 16px 0 0 auto;
	text-align: right;
}
#tmp_header_menu .hlinks {
	list-style: none;
	letter-spacing: -0.5em;
}
#tmp_header_menu .hlinks li {
	/* float: left; */
	margin: 0 0 12px 12px;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	text-align: left;
}
#tmp_header_menu .hlinks li a {
	display: block;
	text-decoration: none;
	font-size: 112.5%;
	border-radius: 5px;
	border: 3px solid #ffffff;
	color: #222222;
	background-color: #ffffff;
	padding: 8px 16px 6px 40px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
#tmp_header_menu .hlinks li.change_font a {
	padding-right: 13px;
	background-image: url(../images/header/channge_font_icon.png);
}
#tmp_header_menu .hlinks li.okinawa_site {
	position: relative;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
}
#tmp_header_menu .hlinks li.okinawa_site a,
#tmp_header_menu .hlinks li.okinawa_site span {
	display: block;
}
#tmp_header_menu .hlinks li.okinawa_site span {
	position: relative;
	z-index: -1;
}
#tmp_header_menu .hlinks li.okinawa_site,
#tmp_header_menu .hlinks li.okinawa_site a {
	width: 133px;
	height: 49px;
}
#tmp_header_menu .hlinks li.okinawa_site a {
	padding-left: 16px;
	background-image: url(../images/header/okinawa_logo.png);
	background-position: center center;
}
#tmp_header_menu .hlinks li.help a {
	background-image: url(../images/header/help_icon.png);
}

#tmp_header_menu .hlinks li a:hover,
#tmp_header_menu .hlinks li a:focus,
#tmp_header_menu .hlinks li a:active {
	border-color: #00529f;
}

/* pankuzu
================================================== */
#tmp_pankuzu {
	margin: 16px 0 16px;
	font-size: 112.5%;
}
#tmp_pankuzu a {
	text-decoration: underline;
	color: inherit;
	background-color: transparent;
}
#tmp_pankuzu a:hover,
#tmp_pankuzu a:focus,
#tmp_pankuzu a:active {
	text-decoration: none;
}

/* footer
================================================== */
.pnavi {
	margin: 55px 0 27px;
}
.pnavi .ptop {
	text-align: right;
	height: 46px;
}
.pnavi .ptop a {
	display: inline-block;
	width: 218px;
	height: 46px;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
	background: url(../images/footer/ptop.png) no-repeat left top;
	text-align: center;
}
.pnavi .ptop a:hover,
.pnavi .ptop a:focus,
.pnavi .ptop a:active {
	background-image: url(../images/footer/ptop_hover.png);
	background-size: 100% auto;
}
.pnavi .ptop span {
	position: relative;
	z-index: -1;
}
#tmp_footer {
	color: #222222;
	background-color: #ffffff;
	box-shadow: inset 0 10px 20px 0 rgba(125, 125, 125, 0.13);
	margin: 27px 0 0;
	padding: 36px 0 30px;
}
#tmp_footer .copyright {
	text-align: center;
	font-size: 112.5%;
}
/* ==================================================
clearfix
================================================== */
.clearfix,
#header_menu .hlinks:after {
	content: '';
	display: table;
	clear: both;
}
/* ==================================================
accessibility style change:color
================================================== */
/* change_color commons
================================================== */
.color_blue #tmp_wrapper,
.color_blue #tmp_wrapper *,
.color_yellow #tmp_wrapper,
.color_yellow #tmp_wrapper *,
.color_black #tmp_wrapper,
.color_black #tmp_wrapper * {
	background-image: none !important;
	list-style-image: none !important;
	box-shadow:none !important;
}
.color_blue #tmp_wrapper span,
.color_yellow #tmp_wrapper span,
.color_black #tmp_wrapper span {
	z-index: auto !important;
}
/* headding */
/*
.color_blue #tmp_wrap_main h1,
.color_blue #tmp_wrap_main h2,
.color_blue #tmp_wrap_main h3,
.color_blue #tmp_wrap_main h4,
.color_blue #tmp_wrap_main h5,
.color_blue #tmp_wrap_main h6,
.color_yellow #tmp_wrap_main h1,
.color_yellow #tmp_wrap_main h2,
.color_yellow #tmp_wrap_main h3,
.color_yellow #tmp_wrap_main h4,
.color_yellow #tmp_wrap_main h5,
.color_yellow #tmp_wrap_main h6,
.color_black #tmp_wrap_main h1,
.color_black #tmp_wrap_main h2,
.color_black #tmp_wrap_main h3,
.color_black #tmp_wrap_main h4,
.color_black #tmp_wrap_main h5,
.color_black #tmp_wrap_main h6 {
	padding: 5px !important;
	border: none !important;
}
*/
/* for Firefox3.0 */
.color_blue #tmp_wrap_main caption,
.color_yellow #tmp_wrap_main caption,
.color_black #tmp_wrap_main caption {
	background-color: transparent !important;
}
/* for google box common */
#tmp_wrap_main #tmp_gmap_box button,
#tmp_wrap_main #tmp_gmap_box .gmnoprint *,
#tmp_wrap_main #tmp_gmap_box .gm-style-cc * {
	background-color: #FFFFFF !important;
}
/* bg:blue
/* text:yellow
/* link:white
================================================== */
.color_blue #tmp_wrapper,
.color_blue #tmp_wrapper * {
	color: #FFFF00 !important;
	background-color: #00008B !important;
	border-color: #FFFF00 !important;
}
.color_blue #tmp_wrapper a,
.color_blue #tmp_wrapper a span,
.color_blue #tmp_wrapper button,
.color_blue #tmp_wrapper .used_bg_img a span,
.color_blue #tmp_wrapper input[type="submit"],
.color_blue #tmp_wrapper input[type="button"],
.color_blue #tmp_wrapper input[type="reset"] {
	color: #FFFFFF !important;
	background-color: transparent !important;
}
/*
.color_blue #tmp_wrap_main h1 {
	border: 3px solid yellow !important;
}
.color_blue #tmp_wrap_main h2 {
	border-bottom: 1px solid yellow !important;
	border-left: 3px solid yellow !important;
}
.color_blue #tmp_wrap_main h3 {
	border-left: 3px solid yellow !important;
}
*/
/* for google box */
.color_blue #tmp_wrap_main #tmp_gmap_box,
.color_blue #tmp_wrap_main #tmp_gmap_box * {
	color: #000000 !important;
	border-color: yellow !important;
	list-style-image: none !important;
}
.color_blue #tmp_wrap_main #tmp_gmap_box a {
	color: #7777CC !important;
}
/* bg:yellow
/* text:black
/* link:blue
================================================== */
.color_yellow #tmp_wrapper,
.color_yellow #tmp_wrapper * {
	color: #000000 !important;
	background-color: #FFFF00 !important;
	border-color: #000000 !important;
}
.color_yellow #tmp_wrapper a,
.color_yellow #tmp_wrapper a span,
.color_yellow #tmp_wrapper button,
.color_yellow #tmp_wrapper .used_bg_img a span,
.color_yellow #tmp_wrapper input[type="submit"],
.color_yellow #tmp_wrapper input[type="button"],
.color_yellow #tmp_wrapper input[type="reset"] {
	color: #0000FF !important;
	background-color: transparent !important;
}
/*
.color_yellow #tmp_wrap_main h1 {
	border: 3px solid black !important;
}
.color_yellow #tmp_wrap_main h2 {
	border-bottom: 1px solid black !important;
	border-left: 3px solid black !important;
}
.color_yellow #tmp_wrap_main h3 {
	border-left: 3px solid black !important;
}
*/
/* for google box */
.color_yellow #tmp_wrap_main #tmp_gmap_box,
.color_yellow #tmp_wrap_main #tmp_gmap_box * {
	color: #000000 !important;
	border-color: black !important;
	list-style-image: none !important;
}
.color_yellow #tmp_wrap_main #tmp_gmap_box a {
	color: #7777CC !important;
}
/* bg:black
/* text:yellow
/* link:white
================================================== */
.color_black #tmp_wrapper,
.color_black #tmp_wrapper * {
	color: #FFFF00 !important;
	background-color: #000000 !important;
	border-color: #FFFF00 !important;
}
.color_black #tmp_wrapper a,
.color_black #tmp_wrapper a span,
.color_black #tmp_wrapper button,
.color_black #tmp_wrapper .used_bg_img a span,
.color_black #tmp_wrapper input[type="submit"],
.color_black #tmp_wrapper input[type="button"],
.color_black #tmp_wrapper input[type="reset"] {
	color: #FFFFFF !important;
	background-color: transparent !important;
}
/*
.color_black #tmp_wrap_main h1 {
	border: 3px solid yellow !important;
}
.color_black #tmp_wrap_main h2 {
	border-left: 3px solid yellow !important;
	border-bottom: 1px solid yellow !important;
}
.color_black #tmp_wrap_main h3 {
	border-left: 3px solid yellow !important;
}
*/
/* for google box */
.color_black #tmp_wrap_main #tmp_gmap_box,
.color_black #tmp_wrap_main #tmp_gmap_box * {
	color: #000000 !important;
	border-color: yellow !important;
	list-style-image: none !important;
}
.color_black #tmp_wrap_main #tmp_gmap_box a {
	color: #7777CC !important;
}
.color_blue #tmp_hlogo h1,
.color_blue #tmp_hlogo p,
.color_blue #tmp_hlogo a,
.color_blue #tmp_hlogo h1 span,
.color_blue #tmp_hlogo p span,
.color_yellow #tmp_hlogo h1,
.color_yellow #tmp_hlogo p,
.color_yellow #tmp_hlogo a,
.color_yellow #tmp_hlogo h1 span,
.color_yellow #tmp_hlogo p span,
.color_black #tmp_hlogo h1,
.color_black #tmp_hlogo p,
.color_black #tmp_hlogo a,
.color_black #tmp_hlogo h1 span,
.color_black #tmp_hlogo p span,
.color_blue .pnavi .ptop,
.color_blue .pnavi .ptop a,
.color_blue .pnavi .ptop span,
.color_yellow .pnavi .ptop,
.color_yellow .pnavi .ptop a,
.color_yellow .pnavi .ptop span,
.color_black .pnavi .ptop,
.color_black .pnavi .ptop a,
.color_black .pnavi .ptop span {
	height: auto !important;
}
.color_blue #tmp_header_menu li.okinawa_site,
.color_blue #tmp_header_menu li.okinawa_site a,
.color_blue #tmp_header_menu li.okinawa_site span,
.color_yellow #tmp_header_menu li.okinawa_site,
.color_yellow #tmp_header_menu li.okinawa_site a,
.color_yellow #tmp_header_menu li.okinawa_site span,
.color_black #tmp_header_menu li.okinawa_site,
.color_black #tmp_header_menu li.okinawa_site a,
.color_black #tmp_header_menu li.okinawa_site span {
	width: auto !important;
	height: auto !important;
}
.color_blue #tmp_hlogo span,
.color_yellow #tmp_hlogo span,
.color_black #tmp_hlogo span,
.color_blue #tmp_header_menu li.okinawa_site span,
.color_yellow #tmp_header_menu li.okinawa_site span,
.color_black #tmp_header_menu li.okinawa_site span,
.color_blue .pnavi .ptop a,
.color_yellow .pnavi .ptop a,
.color_black .pnavi .ptop a {
	overflow: visible !important;
	text-indent: 0 !important;
	white-space: normal !important;
}
.color_blue .pnavi .ptop a,
.color_yellow .pnavi .ptop a,
.color_black .pnavi .ptop a {
	border: 1px solid transparent;
	padding: 5px 5px 3px;
}
.color_yellow #tmp_wrapper input,
.color_yellow #tmp_wrapper textarea,
.color_yellow #tmp_wrapper select {
	border: 1px solid #000000 !important;
}
.color_blue #tmp_wrapper input,
.color_blue #tmp_wrapper textarea,
.color_blue #tmp_wrapper select,
.color_black #tmp_wrapper input,
.color_black #tmp_wrapper textarea,
.color_black #tmp_wrapper select {
	border: 1px solid #FFFF00 !important;
}
/* ==================================================
accessibility style change:font-size
================================================== */
/* small
================================================== */
.fsize_small {
	font-size: 75% !important;
}
/* big
================================================== */
.fsize_big {
	font-size: 125% !important;
}
/* biggest(doubled)
================================================== */
.fsize_big2 {
	font-size: 175% !important;
}
/* ==================================================
編集領域
================================================== */
#tmp_contents {
	font-size: 112.5%;
}
#tmp_contents h1 {
	font-size: 211%;
	line-height: 1.3;
	border-bottom: 2px solid #000000;
	margin: 0 0 30px;
	padding: 0 0 20px;
	clear: both;
}
#tmp_contents h2,
#tmp_contents h3,
#tmp_contents h4,
#tmp_contents h5,
#tmp_contents h6 {
	margin: 1.5em 0 0.8em;
	clear: both;
}
#tmp_contents p{
	margin: 0 0 0.8em;
}
#tmp_contents h2{
	font-size: 155.6%;
	padding: 18px 15px 22px;
	background-color: #d7f2f3;
	line-height: 1.3;
}
#tmp_contents h3{
	font-size: 144.4%;
	border-bottom: 1px solid #e4ebf0;
	padding-bottom: 10px;
	line-height: 1.3;
}
#tmp_contents div.outline {
	color: inherit;
	background-color: #FFFFFF;
	padding: 18px 18px 3px;
	margin: 0 0 40px;
	border: 2px solid #000000;
	clear: both;
}
/* ==================================================
文字サイズ色合い変更
================================================== */
#tmp_contents #tmp_fsize table,
#tmp_contents #tmp_color table {
	color: inherit;
	border-collapse: collapse;
	border-spacing: 0;
	word-break: break-all;
	vertical-align: top;
}
#tmp_contents #tmp_fsize table td,
#tmp_contents #tmp_color table td {
	width: 50%;
	padding: 5px 8px;
	border: 1px solid #b0b0b0;
	font-size: 114.2%;
	vertical-align: top;
}
#tmp_contents #tmp_fsize table.datatable tr:nth-child(2n) td,
#tmp_contents #tmp_fsize table.datatable tr:nth-child(2n) th,
#tmp_contents #tmp_color table.datatable tr:nth-child(2n) td,
#tmp_contents #tmp_color table.datatable tr:nth-child(2n) th {
	background-color:#ffffff;
}
#tmp_contents #tmp_fsize .datatable a,
#tmp_contents #tmp_color .datatable a {
	text-decoration:none;
	display:block;
	color:#000000;
}
#tmp_contents #tmp_fsize table td a:hover,
#tmp_contents #tmp_color table td a:hover {
	opacity:0.6;
}
#tmp_contents #tmp_fsize .fsize_small .cs_heading {
	font-size: 1.5825rem;
}
#tmp_contents #tmp_fsize .fsize_small .cs_outline {
	font-size: 0.75rem;
}
#tmp_contents #tmp_fsize .cs_default .cs_heading {
	font-size: 2.38rem;
}
#tmp_contents #tmp_fsize .cs_default .cs_outline {
	font-size: 1.125rem;
}
#tmp_contents #tmp_fsize .fsize_big .cs_heading {
	font-size: 2.64rem;
}
#tmp_contents #tmp_fsize .fsize_big .cs_outline {
	font-size: 1.25rem;
}
#tmp_contents #tmp_fsize .fsize_big2 .cs_heading {
	font-size: 3.693rem;
}
#tmp_contents #tmp_fsize .fsize_big2 .cs_outline {
	font-size: 1.75rem;
}
#tmp_contents #tmp_color .cs_heading {
	font-size: 2.38rem;
}
#tmp_contents #tmp_color .cs_outline {
	font-size: 1.125rem;
}
#tmp_contents #tmp_fsize .cs_heading,
#tmp_contents #tmp_color .cs_heading {
	display:block;
	margin: 0 0 30px;
	font-weight: bold;
	padding:10px 0 16px;
	border-bottom:2px solid #000000;
	clear:both; /* Do not edit */
}
#tmp_contents #tmp_fsize .cs_outline,
#tmp_contents #tmp_color .cs_outline {
	display:block;
	margin:0 0 40px; /* Do not edit */
	border:2px solid #222222;
	background-color:#ffffff;
	color: #222222;
	padding:15px;
	clear:both; /* Do not edit */
}
#tmp_contents #tmp_color .color_yellow .cs_heading,
#tmp_contents #tmp_color .color_black .cs_heading,
#tmp_contents #tmp_color .color_blue .cs_heading {
	background-image: none;
}
#tmp_contents .cs_box.color_blue,
#tmp_contents .cs_box.color_blue .cs_heading,
#tmp_contents .cs_box.color_blue .cs_outline {
	display: block;
	color: #FFFF00 !important;
	background-color: #00008B !important;
	border-color: #FFFF00 !important;
	background-image: none;
}
#tmp_contents .cs_box.color_yellow,
#tmp_contents .cs_box.color_yellow .cs_heading,
#tmp_contents .cs_box.color_yellow .cs_outline {
	display: block;
	color:#000000 !important;
	background-color:#FFFF00 !important;
	border-color:#000000 !important;
	background-image: none;
}
#tmp_contents .cs_box.color_black,
#tmp_contents .cs_box.color_black .cs_heading,
#tmp_contents .cs_box.color_black .cs_outline {
	display: block;
	color:#FFFF00 !important;
	background-color:#000000 !important;
	border-color:#FFFF00 !important;
	background-image: none;
}
/*
#tmp_contents .cs_box.color_blue .cs_heading,
.color_blue #tmp_contents #tmp_fsize .cs_heading {
	border: 3px solid yellow !important;
}
#tmp_contents .cs_box.color_yellow .cs_heading,
.color_yellow #tmp_contents #tmp_fsize .cs_heading {
	border: 3px solid black !important;
}
#tmp_contents .cs_box.color_black .cs_heading,
.color_black #tmp_contents #tmp_fsize .cs_heading {
	border: 3px solid yellow !important;
}
*/
#tmp_contents .cs_box.color_default,
#tmp_contents .cs_box.color_default .cs_heading,
#tmp_contents .cs_box.color_default .cs_outline {
	display: block;
}
#tmp_contents .cs_box.color_default {
	background-color:#FFFFFF !important;
	border-bottom-color:#000000 !important;
}
.color_blue #tmp_contents #tmp_color .cs_box.color_default .cs_heading,
.color_yellow #tmp_contents #tmp_color .cs_box.color_default .cs_heading,
.color_black #tmp_contents #tmp_color .cs_box.color_default .cs_heading {
	border-bottom-color:#000000 !important;
}
#tmp_contents .cs_box.color_default .cs_heading {
	color: #000000 !important;
	background-color:#ffffff !important;
}
#tmp_contents .cs_box.color_default .cs_outline {
	color:#222222 !important;
	background-color:#ffffff !important;
	border-color:#222222 !important;
}

/* ==================================================
print
================================================== */
@media print {
body {
	background:#FFFFFF !important;
}
#tmp_wrapper {
	min-width:100% !important;
	width:100% !important;
}
.container {
	max-width: 100% !important;
	width:100% !important;
	padding: 0 !important;
}
#tmp_header {
	margin-bottom:10px !important;
	padding-bottom:10px !important;
	color:#000000 !important;
	background:#FFFFFF !important;
	border-bottom:1px solid #000000 !important;
}
#tmp_footer {
	margin-top:10px !important;
	padding-top:10px !important;
	color:#000000 !important;
	background:#FFFFFF !important;
	border-top:1px solid #000000 !important;
}
.pnavi,
#tmp_header_menu,
#tmp_pankuzu {
	display:none !important;
}
#tmp_hlogo p {
	text-indent: inherit;
}
#tmp_hlogo p span,
.custom_yoyaku #tmp_hlogo h1 span,
.custom_yoyaku #tmp_hlogo p span {
	z-index: 1;
}
.copyright {
	text-align:center !important;
}
/* for Firefox */
#tmp_wrap_main:after {
	content:"."; /* Do not edit */
	height:1px; /* Do not edit */

}
}