@charset "utf-8";
/* CSS Document */
@import "http://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
body {
margin: 0px;
padding: 0px;
font-size: 0.85em;
line-height: 1.8em;
font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #444444;
background-color: #F5F5F5;
}
a img {
  border: none;
}
img {
	border: none;
	vertical-align: bottom;
}
a:focus{
  outline:none;
}
a:link {
	color: #1B5CCB;
	text-decoration: underline;
}
a:visited {
	color: #1B5CCB;
	text-decoration: underline;
}
a:hover {
	color: #FF8000;
	text-decoration: none;
}
li a {
/*	display: block;*/
	padding: 0px;
	line-height: normal;
}
li img {
	vertical-align: bottom;
}
h1, h2, h3, h4, h5, ul, li, ol, dl, dt, dd, p, address {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
address {
	font-style: normal;
}
h2, h3, h4, h5 {
}
html {
/*	background-color: #F5F9E9;*/
}
.fa {
	padding-right: 5px;
	font-weight: normal;
}


/* layout
----------------------------------------------------- */

header#main_header {
	width: 100%;
}
header#main_header #head_inner {
	width: 860px;
	margin-left: auto;
	margin-right: auto;
}
header#main_header #head_inner h1.head {
}
header#main_header #head_inner h1.head img {
}

#wrap {
}
#container {
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}
#contents {
	min-height: 400px;
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}


nav.btm_link {
	clear: both;
	background-color: #85ABDC;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}
nav.btm_link a {
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
}

footer#main_footer {
	width: 100%;
	clear: both;
	font-size: 0.9em;
	color: #777777;
}
footer#main_footer #foot_inner {
width: 860px;
margin-left: auto;
margin-right: auto;
padding-top: 1em;
padding-bottom: 1em;
text-align: center;
background-color: #00367D;
color: #FFFFFF;
}

footer#main_footer p#copyright {
	letter-spacing: 0.1em;
	font-size: 0.9em;
	clear: both;
	padding-top: 0.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
footer a:link {
	color: #444444;
}
footer a:visited {
	color: #444444;
}
footer a:hover {
	color: #000000;
}


/* contents
--------------------------------------------------------------------------*/
h2.title {
	font-size: 2em;
	margin-bottom: 1em;
	color: #8C5B57;
	line-height: 1.2em;
	font-style: normal;
	background-image: url(images/h2_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 10px;
}
h3.title {
	clear: both;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2em;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 1em;
	background-color: #6F4744;
	background-image: -webkit-linear-gradient(270deg,rgba(140,91,87,1.00) 0%,rgba(111,71,68,1.00) 98.96%);
	background-image: -moz-linear-gradient(270deg,rgba(140,91,87,1.00) 0%,rgba(111,71,68,1.00) 98.96%);
	background-image: -o-linear-gradient(270deg,rgba(140,91,87,1.00) 0%,rgba(111,71,68,1.00) 98.96%);
	background-image: linear-gradient(180deg,rgba(140,91,87,1.00) 0%,rgba(111,71,68,1.00) 98.96%);
	border-top: 1px solid #412B29;
	border-bottom: 1px solid #412B29;
}
h4.title {
	color: #4571BE;
	background-image: url(images/h4_bg.png);
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 25px;
	margin-bottom: 1em;
	font-size: 16px;
	line-height: 1em;
	background-position: 0px 0px;
	border-bottom: 1px solid #CCCCCC;
	clear: both;
}


.combox {
	padding-bottom: 50px;
	padding-left: 15px;
	padding-right: 15px;
}
.combox p {
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}

.btn_sizeL {
	font-size: 1.4em;
	text-align: center;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	margin-top: 1em;
	clear: both;
	font-weight: bold;
}
.btn_sizeL a {
	border-radius: 8px;
	display: block;
	text-decoration: none;
	padding: 0.7em;
}
.btn_sizeL a:link {
	color: #13A008;
	background-image: url(url) , -webkit-linear-gradient(270deg,rgba(244,244,244,1.00) 0%,rgba(220,220,220,1.00) 100%);
	background-image: url(url) , -moz-linear-gradient(270deg,rgba(244,244,244,1.00) 0%,rgba(220,220,220,1.00) 100%);
	background-image: url(url) , -o-linear-gradient(270deg,rgba(244,244,244,1.00) 0%,rgba(220,220,220,1.00) 100%);
	background-image: url(url) , linear-gradient(180deg,rgba(244,244,244,1.00) 0%,rgba(220,220,220,1.00) 100%);
}
.btn_sizeL a:visited {
	color: #13A008;
}
.btn_sizeL a:hover {
	color: #13A008;
	background-image: none;
	background-color: #E9E9E9;
}


p.pagetop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	background: #000000;
	font-size: 12px;
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	letter-spacing: 0.1em;
	display: block;
	border-radius: 5px;
	clear: both;
}
p.pagetop a {
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	text-decoration: none;
	color: #FFFFFF;
	display: block;
}



/* table
----------------------------------------------------- */
table.tablebox  {
	line-height: 1.5em;
	border-bottom: 1px solid #B9B9B9;
	border-left: 1px solid #B9B9B9;
}
.tablebox td {
	border-top: 1px solid #B9B9B9;
	border-right: 1px solid #B9B9B9;
	padding: 10px;
}
.tablebox .TD1 {
	background-color: #EEE6C5;
	text-align: center;
	white-space: nowrap;
}
.tablebox .TD2 {
	background-color: #F8F3E4;
	border-right-style: none;
}


/* form
----------------------------------------------------- */
form {
	margin: 0px;
	padding: 0px;
}
input {
	padding : 8px;
}
.wide-S {
	width: 100px;
}
.wide-M {
	width: 300px;
}
.wide-L {
	width: 90%;
}
textarea {
	padding : 8px;
}
select {
	margin-top: 1px;
	margin-bottom: 1px;
}
.btnbox {
	text-align: center;
	padding: 15px;
	clear: both;
}
.btnbox input{
	font-size: 1.1em;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 15px;
	margin-right: 10px;
	margin-left: 10px;
	letter-spacing: 0.2em;
}
.errmsg {
	color: #C00;
}
.msg {
	color: #C00;
}
.hosoku {
	font-size: 0.9em;
	padding: 0px;
	margin: 0px;
	color: #777;
}

dl.contact {
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	margin-bottom: 20px;
}
dl.contact dt {
	padding: 8px;
	background-color: #EFEFEF;
	border-top: 1px solid #CCC;
}
dl.contact dd {
	border-bottom: 1px solid #CCC;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.arrow {
	text-align: center;
	padding-top: 20px;
}

/* text
----------------------------------------------------- */
.txt12 {
	font-size: 12px;
}
.txt-LL {
	font-size: 1.6em;
}
.txt-L {
	font-size: 1.3em;
}
.txt-M {
	font-size: 0.9em;
}
.txt-S {
	font-size: 0.8em;
}
.txtRed {
	color: #C00;
}
.txtRed-LL {
	color: #C00;
	font-size: 1.6em;
}
.txtRed-L {
	color: #C00;
	font-size: 1.3em;
}
.txtPink {
	color: #C66;
}
.txtBlue {
	color: #006DD9;
}
.txtBlue-LL {
	color: #006DD9;
	font-size: 1.6em;
}
.txtGreen {
	color: #009900;
}
.txtGreen-LL {
	color: #009900;
	font-size: 1.6em;
}
.txtGray {
	color: #999;
}
.txtWhite {
	color: #FFF;
}
.txtOrange {
	color: #FF8000;
}
.txt-bg {
	background-color: #F9ECEC;
	font-size: 1.1em;
	padding: 5px;
}
.txt-shadow {
	text-shadow: 1px 1px 5px #666666;
}
.txt-normal {
	font-weight: normal;
}
.txt-italic {
	font-style: italic;
}
.box-pt5 {
	padding-top: 5px;
}
.box-pt10 {
	padding-top: 10px;
}
.box-pb5 {
	padding-bottom: 5px;
}
.box-pb10 {
	padding-bottom: 10px;
}
.box-pb15 {
	padding-bottom: 15px;
}
.box-pb20 {
	padding-bottom: 20px;
}
.box-ptb5 {
	padding-bottom: 5px;
	padding-top: 5px;
}
.box-pl20 {
	padding-left: 20px;
}
.box-ptb10 {
	padding-bottom: 10px;
	padding-top: 10px;
}
.box-p20 {
	padding: 20px;
}
.box-mb5 {
	margin-bottom: 5px;
}
.box-mb10 {
	margin-bottom: 10px;
}
.box-mb15 {
	margin-bottom: 15px;
}
.box-mt5 {
	margin-top: 5px;
}
.box-mt10 {
	margin-top: 10px;
}
.box-mtb10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.box-mtb15 {
	margin-top: 15px;
	margin-bottom: 15px;
}
.box-mtb20 {
	margin-top: 20px;
	margin-bottom: 25px;
}
.box-ml20 {
	margin-left: 20px;
}
.box-m0 {
	margin: 0px;
}
.box-mr0 {
	margin-right: 0px;
}

.line-btm {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
.box-mrl20 {
	margin-right: 20px;
	margin-left: 20px;
}


/*リンク画像色変え
----------------------------------------------------- */
.opacity a img  {
	display: inline-block;
}
.opacity a:hover img,
.opacity a:active img{
   -moz-opacity:0.8;
   opacity:0.8;
   filter:alpha(opacity=80);
}


/* clearfix
----------------------------------------------------- */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

@media (min-width:768px){
.sp_only {
	display: none !important;
}
}






/* ipad -----------------------
------------------------------- */
@media screen and (min-width:768px){
body {
	min-width: 860px;
}
.sp_only {
	display: none !important;
}
}


/* sp -----------------------
------------------------------- */
@media (max-width:767px){

body {
	min-width: 320px;
	height: 100%;
	line-height: 1.7em;
	background-size: 100% auto;
}
img {
	max-width: 100%;
	height: auto;
}
td {
/*	display: block;*/
}
.td-block {
	display: block;
}
h2, h3, h4 {
}
.pc_only {
	display: none !important;
}

header#main_header #head_inner {
	width: 100%;
}
footer#main_footer #foot_inner {
width: 100%;
padding-top: 1em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#container {
	width: 100%;
}
#contents {
min-height: 200px;
width: 100%;
padding: 1em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

h2.title {
font-size: 1.52em;
margin-bottom: 1em;
padding-bottom: 10px;
text-align: center;
}


.combox {
	padding-bottom: 20px;
}

.wide-S {
	width: 100px;
}
.wide-M {
	width: 90%;
}
.wide-L {
	width: 90%;
}
}