@charset "utf-8";
/* reset css
---------------------- */

@font-face {
	font-family: 'Arial Black';
	font-style: normal;
	font-weight: 400;
	src: local('Arial Black'), url('ariblk_0.ttf') format('ttf');
}
html {
	min-height: 100%;
	overflow-y: scroll;
	background: url(img/bg01.jpg) repeat;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, th, td {
	padding: 0;
	margin: 0;
}
address, caption, em, strong, th {
	font-style: normal;
}
caption, th {
	text-align: left;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
li {
	list-style-type: none;
}
#contents table, #contents ol, #contents ul, #contents dl, #contents blockquote, #contents pre {
	margin-bottom: 0px;
}
#contents p {
	margin-bottom: 12px;
}
a img, fieldset {
	border: none;
}
body {
	-webkit-text-size-adjust: none;
	min-width: 1040px;
	height: 100%;
	font-family: "Arial", "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 80%;
	color: #111;
	letter-spacing: 1px;
	line-height: 1.6;
	background: #fff;
}
* html body {
	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
a:link {
}
a:visited {
	text-decoration: none;
}
a:hover {
}
a:active {
}

/* LAYOUT
---------------------- */
#page {
	width: auto;
	margin: 0 auto;
}

/* header */
#header .header_h1 {
	background: url(img/title-bg.jpg) repeat;
}
#header .header_h1 h1 {
	color: #fff;
	width: 1020px;
	font-size: 80%;
	font-weight: normal;
	margin: 0 auto;
}
#header {
	min-width: 1020px;
}
#header .header {
	width: 1020px;
	margin: 0 auto;
	padding: 30px 0;
	display: table;
}
#header .header .head-logo {
	vertical-align: middle;
	display: table-cell;
}
#header .header .head-inquiry {
	text-align: right;
	vertical-align: middle;
	display: table-cell;
}

/* navigation */
#gnavi {
	min-width: 1040px;
	height: 62px;
	background: url(img/navi-bg.png) repeat-x left top;
}
#gnavi ul {
	width: 1020px;
	margin: 0px auto;
}
#gnavi ul:after {
	content: " ";
	display: table;
	clear: both;
}
#gnavi ul li {
	float: left;
}
#gnavi ul li > a {
	text-align: center;
	position: relative;
}
#gnavi ul li > a:hover:after {
	margin: 0 auto;
	content: " ";
	display: block;
	width: 90%;
	height: 3px;
	background: #000;
	position: absolute;
	bottom: 7px;
	left: 5%;
}
#gnavi + #visual {
	border-bottom: 0px;
}
#contents {
	width: 1020px;
	margin: 0 auto;
	padding: 15px 0 0px;
	background: #fff;
	clear: both;
}
#contents:after {
	content: " ";
	display: table;
	clear: both;
}

/* contents */
#visual {
	min-width: 1040px;
	margin-bottom: 14px;
	background: url(img/title-bg.jpg) repeat;
}
#visual .visual {
	width: 1020px;
	margin: 0 auto;
}
#visual .visual img {
	width: 100%;
}
#contents:after, #header:after, #gnavi:after {
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}
#main {
	float: right;
	width: 750px;
	margin: 0px;
}
#main:after {
	content: " ";
	display: table;
	clear: both;
}
.section {
	padding: 0 0 20px;
}
#main .section > .section_title {
	font-size: 130%;
	font-weight: bold;
	color: #333;
	padding: 14px 20px 13px 65px;
	margin: 0px;
	border-top: 5px solid #000;
	border-bottom: 1px solid #000;
	position: relative;
}
#main .section > .section_title:before {
	content: url(img/midashi-point.png);
	position: absolute;
	left: 5px;
	top: 10px;
}
.section > .article {
	padding: 25px 10px 20px;
}
.child_content_section {
	padding: 7px 0 0;
}
#main .child_content_section > .section_title {
	font-size: 120%;
	font-weight: normal;
	line-height: 1.5;
	padding: 8px 20px;
	background: url(img/bg01.jpg) repeat #f1f1f1;
	border-left: 5px solid #000;
}
.child_content_section > .article {
	padding: 30px 10px 45px;
}

/* .in_content */
.in_content {
	padding: 10px 5px 20px;
}
.in_content > .title {
	margin-bottom: 15px;
}
.in_content > .in_content_inner {
	padding: 10px 5px;
}

/* sub */
#sub {
	float: left;
	width: 240px;
	padding-bottom: 30px;
}
#sub > p {
	margin-bottom: 18px;
}
#sub_info {
	padding: 10px 10px 8px;
	border-top: 5px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}
#sub_info > h2 {
	text-align: center;
	margin: 0 0px 6px;
}
#sub_info ul {
	padding: 10px 10px;
}
#sub_info ul li {
	font-size: 110%;
	letter-spacing: 1.8px;
	margin-bottom: 6px;
}

/* footer */
#footer {
	min-width: 1020px;
	background: url(img/bg01.jpg) repeat;
}
#footer:before {
	content: "　";
	background: url(img/title-bg.jpg) repeat;
	display: block;
	height: 20px;
}
#footer .footer {
	-width: 1020px;
	padding: 25px 0px;
	box-sizing: border-box;
}
#footer a {
	color: #000;
	text-decoration: none;
}
#footernavi {
	margin-bottom: 25px;
	padding-bottom: 20px;
	border-bottom: 1px solid #fff;
}
#footernavi > ul {
	width: 1020px;
	margin: 0 auto;
	padding: 0 0 0 25px;
	position: relative;
}
#footernavi > ul:before {
	content: "|";
	font-size: 120%;
	color: #000;
	position: absolute;
	left: 0;
}
#footernavi:after {
	content: " ";
	display: table;
	clear: both;
}
#footernavi li {
	font-size: 100%;
	margin-right: 25px;
	float: left;
}
#footernavi li:after {
	content: "|";
	font-size: 120%;
	color: #000;
	margin-left: 25px;
}
#footernavi li a {
	text-decoration: underline;
}
#footernavi li a:hover {
	text-decoration: none;
}
#footer_company_navi {
	width: 100%;
	border-top: 1px solid #fff;
	padding: 15px 0;
}
#footer_company_navi ul {
	width: 1020px;
	margin: 0 auto;
}
#footer_company_navi:after {
	content: " ";
	display: table;
	clear: both;
}
#footer_company_navi li {
	font-size: 90%;
	margin-right: 25px;
	float: left;
}
#footer_company_navi li:before {
	content: url(img/footer-point01.png);
	position: relative;
	margin-right: 8px;
	top: 2px;
}
div#copy {
	text-align: center;
	width: 1020px;
	margin: 0 auto;
	padding: 5px 0 10px;
}
div#copy img {
	position: relative;
	vertical-align: bottom;
	top: -4px;
	left: 14px;
}
#copy a {
	text-decoration: none;
}
#copy a:hover {
	opacity: 0.8;
}

/* 戻る */
.return {
	text-align: right;
	font-size: 80%;
	letter-spacing: 1px;
	padding: 0px 0px;
	margin: 0px;
	clear: both;
}
.return a {
	text-decoration: none;
	color: #663333;
	padding: 4px 5px;
}
.return a:before {
	content: "\0025b2";
	margin-right: 4px;
}

/* 汎用スタイル */
.clear {
	clear: both;
}
.txt_c {
	text-align: center;
}
.txt_r {
	text-align: right;
}

/* 各固定ページ用
---------------------- */
/* greeting.html */

.company_table_inner {
	padding: 20px 0 25px;
	background: #ff0000;
}
.company_table_inner .company_table {
	width: 100%;
	padding: 20px 20px 25px;
	box-sizing: border-box;
	border-collapse: collapse;
}
.company_table_inner .company_table th, .company_table_inner .company_table td {
	padding: 18px 20px;
	border: 1px solid #ccc;
}
.company_table_inner .company_table th {
	text-align: center;
	width: 29%;
	font-weight: normal;
}
#main .company_office_list {
	margin: 0px;
}
.company_office_list dt {
}
.company_office_list dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
.company_office_list dd:last-child {
	margin-bottom: 0px;
	padding: 0px;
	border: 0px;
}

/* access.html */
#access_map {
	width: 680px;
	margin: 0 auto;
	padding: 28px 10px;
}
#access_map .map_set {
	margin-bottom: 23px;
}
#access_map .map_set #map {
	width: 100%;
	height: 350px;
	border: 1px dotted #fff;
	margin-bottom: 15px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
}

#access_map .map_set #map iframe {
  width:100%;
  height:100%;  
}

#access_map .map_set .guide {
	text-align: center;
	font-size: 90%;
	line-height: 1.0;
	letter-spacing: 2px;
	color: #fff;
	padding: 8px 20px;
	background: #000;
}
#access_map .map_set .guide:before {
	content: "\00ff0b\00ff0d";
	font-size: 110%;
	letter-spacing: 4px;
	color: #fff;
	margin-right: 6px;
	padding: 0 1px 0 5px;
	border: 1px solid #fff;
}
#access_map .access_data {
	padding: 10px 5px 24px;
	border-bottom: 1px dotted #ccc;
}
#access_map .access_data dl {
	line-height: 1.4;
	color: 90%;
	margin-bottom: 0px;
	overflow: hidden;
	zoom: 1;
}
#access_map .access_data dl dt {
	color: #000;
	float: left;
}
#access_map .access_data dl dt:before {
	content: "\0025a0";
	margin-right: 2px;
}
#access_map .access_data dl dd {
	margin: 0 0px 15px 0;
	padding: 0 0 12px 170px;
	border-bottom: 1px dashed #cccccc;
}

/* privacy.html */
#privacy #main ul li {
	margin-left: 8px;
	margin-bottom: 4px;
	list-style: none;
}
#privacy #main dl {
	margin-left: 8px;
}
#privacy #main dl dt {
	margin-bottom: 4px;
}
#privacy #main dl dd {
	margin-left: 5px;
	margin-bottom: 14px;
}
#privacy #main h4 {
	margin: 20px 0 5px 0;
}
#privacy .privacy_inner {
	padding: 15px 10px 20px;
}
#privacy .privacy_inner h3 {
	margin: 0 -10px 20px;
	padding: 8px 15px;
	background: url(img/point02.png) no-repeat 98% center #f1f1f1;
}

/* inquiry.html */
.attent_block {
	padding: 0 10px;
}
.attent_block h3 {
	font-size: 120%;
	color: #444;
	margin: 0 -10px 14px;
	padding: 9px 14px;
	border-radius: 4px;
	background: #eee;
}
.attent_block .set {
	margin-bottom: 20px;
	padding: 0 10px;
}
.attent_block .set .title {
	font-size: 110%;
	color: #a5460e;
	margin: 0 -10px 10px;
	padding: 5px 0px;
	border-bottom: 1px solid #ccc;
}
.attent_block .set .title:before {
	content: "\0025cf";
	color: #a5460e;
	margin-right: 6px;
}
.attent_block .list01 {
	padding: 5px 0px 0px;
}
.attent_block .list01 li {
	text-indent: -14px;
	color: #5A4727;
	line-height: 1.4;
	margin-bottom: 8px;
	padding-left: 14px;
}
.inquiry_info {
	margin-bottom: 25px;
}
.inquiry_info:after {
	content: " ";
	display: table;
	clear: both;
}
.inquiry_info .set {
	width: 49%;
	margin-right: 2%;
	float: left;
}
.inquiry_info .set:last-child {
	margin: 0px;
}
.inquiry_info .set .title {
	font-size: 110%;
	margin-bottom: 4px;
}
.inquiry_info .no {
	font-size: 260%;
	font-family: "arial black";
	letter-spacing: -1px;
	line-height: 1.0;
}
.inquiry_info .tel .no {
	color: #000;
}
.inquiry_info .fax .no {
	color: #a77b66;
}
.inquiry_info .tel .no:before {
	content: url(img/tel-mark.png);
	margin-right: 8px;
	padding: 2px 2px;
	background: #000;
	display: inline-block;
	border-radius: 5px;
}
.inquiry_info .fax .no:before {
	content: url(img/fax-mark.png);
	margin-right: 8px;
	padding: 2px 2px;
	background: #a77b66;
	display: inline-block;
	border-radius: 5px;
}
#inquiry .inquiry_inner {
	margin: 15px 0 30px;
	padding: 10px 20px 15px;
	border-bottom: 1px solid #eee;
	background: #FAFAFA;
}
#inquiry .inquiry_inset {
	margin-bottom: 25px;
	padding: 15px 15px 8px 25px;
	background: #fff;
	border: 1px dashed #eeeeee;
	overflow: hidden;
	zoom: 1;
}
#inquiry #main .inquiry_inner h3 {
	font-size: 120%;
	color: #333;
	margin: 0 -10px 20px;
	padding: 10px 15px;
	background: #eee;
}
#MailForm span {
	color: #FF0000;
}
#MailForm .hissu {
	color: #fff;
	font-size: 0.85em;
	margin-left: 5px;
	padding: 0px 4px;
	background: #ff0000;
	display: inline-block;
}
#MailForm table {
	width: 99%;
	margin: 5px 0 25px;
	border-collapse: collapse;
}
#MailForm th, #MailForm td {
	padding: 18px 15px;
	border: 1px solid #e1e1e1;
	font-weight: normal;
	color: #111;
}
#MailForm th {
	width: 140px;
	background-color: #f9f9f9;
}
#MailForm input, #MailForm textarea {
	width: 310px;
	font-family: "メイリオ";
	font-size: 100%;
	letter-spacing: 1px;
	line-height: 1.4;
	color: #444;
	margin: 2px 0;
	padding: 9px 9px;
	border: 1px solid #e1e1e1;
}
#MailForm textarea {
}
#MailForm select {
	font-size: 110%;
	padding: 10px 10px;
	border: 1px solid #e1e1e1;
}
#MailForm label {
	cursor: pointer;
	padding: 2px 0;
}
#MailForm .form3 {
	vertical-align: middle;
	width: 3%;
}
#MailForm .form25 {
	width: 25%;
}
#MailForm .form45 {
	width: 45%;
}
#MailForm .form60 {
	width: 60%;
}
#MailForm .form90 {
	width: 93%;
}
#MailForm .attent {
	font-size: 90%;
	color: #666;
}
#MailForm .attent2 {
	font-size: 90%;
	color: #4D3A20;
}
#MailForm .focus {
	background: #ffe7e0;
}
#MailForm02 .focus {
	background: #ffe7e0;
}
.send_btn_inner {
	text-align: center;
	padding: 15px 0 20px;
}
.send_btn {
	display: inline-block;
	color: #fff;
	font-size: 130%;
	letter-spacing: 1px;
	cursor: pointer;
	margin: 0 10px;
	padding: 15px 30px;
	border: 0px;
	background: #FF9900;
}
.submit_btn {
	width: 50%;
}
.reset_btn {
	width: 30%;
}
.inputarea li {
	margin: 0 15px 0 0;
	float: left;
}
#thanks p {
	line-height: 300px;
	text-align: center;
}
#main .inquiry-info {
	margin: 0px;
	overflow: hidden;
	zoom: 1;
}
.inquiry-info li {
	margin-right: 15px;
	float: left;
}

/* formmail.cgi */
.send_inner {
	padding: 12px 0 20px;
}
.send_inner .send_step_msg {
	text-align: center;
	font-size: 140%;
	margin-bottom: 15px;
}

/* formmail.cgi:send base */
.send_guide_msg {
	text-align: center;
	color: #444;
	padding: 0 0 15px;
}
.send_inner .send_btn_inner {
	text-align: center;
}
.send_inner .send_btn_inner .send_btn {
	display: inline-block;
	color: #fff;
	font-size: 130%;
	letter-spacing: 1px;
	cursor: pointer;
	margin: 0 10px;
	padding: 15px 30px;
	border: 0px;
	background: #FF9900;
}
.send_inner .send_btn_inner .btn_return {
	background-color: #797979;
}
.send_inner .send_btn_inner .btn_return {
	background-color: #797979;
}

/* formmail.cgi:send confirm */
.send_confirm_table {
	padding: 17px 0 30px;
}
.send_confirm_table table {
	width: 90%;
	margin: 0 auto;
	border-collapse: collapse;
}
.send_confirm_table table th, .send_confirm_table table td {
	font-size: 110%;
	font-weight: normal;
	line-height: 1.5;
	border: 1px solid #ccc;
	padding: 17px 20px;
	background: #fff;
}
#main .send_confirm_table table th {
	width: 40%;
	background: #f5f5f5;
}
.send_confirm_table table {
}

/* formmail.cgi:send error */
.send_inner .send_error {
	padding: 15px 0 30px;
}
.send_inner .send_error li {
	font-size: 110%;
	padding: 5px 0;
}
.send_inner .send_error li:before {
	content: "\0025cf";
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 85%;
	color: #C2C2C2;
	margin-right: 8px;
}
.send_inner .send_error li span {
	display: inline-block;
	color: #FF3333;
	margin-right: 5px;
}

/* base styles
---------------------- */
.table_base {
	padding: 20px 0 25px;
}
.table_base table {
	width: 90%;
	margin: 0 auto;
	border-collapse: collapse;
}
.table_base table th, .table_base table td {
	font-weight: normal;
	padding: 18px 16px;
	border: 1px solid #E3E3E3;
}
.table_base table tbody th {
	text-align: center;
	width: 28%;
}
.content_inner {
	padding: 10px 0 25px;
}
.content_inner:after {
	content: " ";
	display: table;
	clear: both;
}
.content_inner .images_r {
	float: right;
}
.content_inner .images_l {
	float: left;
}
.content_inner .images_r img {
	width: 100%;
}
.content_inner .images_l img {
	width: 100%;
}
.w_margin270 .images_r, .w_margin270 .images_l {
	width: 270px;
}
.w_margin270 .msg_l {
	padding-right: 310px;
}
.w_margin270 .msg_r {
	padding-left: 310px;
}
#main .pick_text {
	font-size: 140%;
	color: #6699CC;
	margin-bottom: 25px;
}
.breadcrumbs {
	position: relative;
	width: 1020px;
	padding: 15px 0 10px;
	top: -10px;
}
.breadcrumbs ul:after {
	content: " ";
	display: table;
	clear: both;
}
.breadcrumbs ul li {
	font-size: 90%;
	margin-right: 5px;
	float: left;
}
.breadcrumbs ul li a {
	color: #000;
	display: inline-block;
	margin-right: 4px;
}
.breadcrumbs ul li a:hover {
	text-decoration: none;
}

/* .page_link */
.page_link {
	display: inline-block;
	text-align: right;
	padding: 5px 0 10px;
	float: right;
}
.page_link a {
	position: relative;
	display: block;
	text-align: right;
	font-size: 90%;
	line-height: 1.5;
	padding: 1px 14px;
	padding-right: 36px;
	overflow: hidden;
}
.page_link a:after {
	position: absolute;
	content: " ";
	width: 11%;
	height: 100%;
	background: url(img/point01.png) no-repeat center center #b48f40;
	right: 0px;
	top: 0px;
}

/* .image_block */
.image_block {
	padding-top: 20px;
}

/* .image_list */
.image_list {
}
.image_list:after {
	content: " ";
	display: table;
	clear: both;
}
.image_list li {
	text-align: center;
	float: left;
}
.image_list li img {
	width: 100%;
}
.image_list li span {
	letter-spacing: 1.8px;
	padding: 10px 0 0;
	display: block;
}
.two_image {
	padding: 0 30px 40px;
}
.two_image li {
	width: 300px;
}
.two_image li:first-child {
	margin-right: 45px;
}
.three_image {
	padding-bottom: 30px;
}
.three_image li {
	width: 210px;
}
.three_image li:nth-child(-n+2) {
	margin-right: 30px;
}

/* 各ページ用スタイル
---------------------- */
/* -------------------
汎用指定 */

.inner01 {
	margin-bottom: 25px;
}
.inner01:after {
	content: " ";
	display: table;
	clear: both;
}
.long_msg {
	line-height: 1.8;
	letter-spacing: 1.8px;
}
.big_image {
	text-align: center;
	margin: 0 auto;
	width: 90%;
}
.big_image img {
	width: 100%;
	box-sizing: border-box;
}
.big_image span {
	font-size: 120%;
	letter-spacing: 1.8px;
	padding-top: 15px;
	display: block;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}

/* -------------------
index.html */
/* .top_contents */

.top_contents {
	line-height: 1.8;
	letter-spacing: 1.8px
}
#main .top_contents > .pick_txt {
	margin-bottom: 25px;
	padding-top: 5px;
}
.top_contents > .image {
	float: right;
	margin: 0 0 20px 30px;
}
.top_contents > .message {
}
#main .top_contents .message > p {
	margin-bottom: 20px;
}

/* -------------------
greeting.html */
/* .history */

.history {
	line-height: 1.8;
	letter-spacing: 1.8px;
}
.history > .image {
	margin: 0 auto 35px;
	width: 90%;
}
.history > .image img {
	width: 100%;
}

/* .access_txt */
.access_txt {
	padding-top: 5px;
	display: inline-block;
}
.access_txt:before {
	margin-right: 5px;
	content: "\002192";
}
.access_txt a:hover {
	text-decoration: none;
}