/*-----------------------------------------------------------

全体スタイル

-----------------------------------------------------------*/

html { font-size: 16px; }

body {
	color: #3E3A39;
	line-height: 1.6;
	width: 100%;
	background: #ffe1e3; /*春*/
	/*background: #e6dfc8; 【秋・冬】*/
	/*background: #d9ffff;*/
	/*background: #eccaea;*/
	/*background-size: 100%;*/
}
/*
.background-hack {
	z-index                 : -1;

	background-size         : 100% auto;
	position                : fixed;
	top                     : 0;
	left                    : 0;
	right                   : 0;
	bottom                  : 0;
}
*/
.wrapper {
}


/* 可変画像調整 */

img {
	max-width: 100%;
	height: auto;
}

/* iphone用inputタグの初期化 */

input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
}

/*リンク表示方法*/

a { text-decoration: none; }

a:link { color: #0000FF; }

a:visited { color: #0000FF; }

a:active { color: #0000FF; }

a:hover { color: #993300; }




/*-----------------------------------------------------------

#container

-----------------------------------------------------------*/

#container {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}




/*-----------------------------------------------------------

#header

-----------------------------------------------------------*/

header {
}

h1 {
	color: #1a1a1a;
	font-size: 62%;
	font-weight: normal;
	/*background: url(./../img/h_bg1.png);*/
	padding: 5px 2%;
	/*background-color: rgba(0, 71, 182, 0.26);*/
}

.h_inner1 {
	position: relative;
}


.menu_bt {
	position: absolute;
	right: 4%;
	top: 8px;
	width: 16%;
}

.menu_bt a {
	display: block;
}

/*-----------------------------------------------------------

#cover

-----------------------------------------------------------*/

.cover {
}

.slider_bg {
	background: url(./../img/slider_bg.png) repeat-x 0 100%;
	padding: 0 0 3%;
}




/*-----------------------------------------------------------

#navi

-----------------------------------------------------------*/

.gnav {
	width: 100%;
	margin: 0 0 30px;
}

.gnav li {
	float: left;
	width: 48%;
	margin: 5px 1%;
}

#navi {
  width: 100%;
  border: 2px solid #442A05;
  border-right: none;
  border-bottom: none;
  background: #918162;
}
#navi li {
  float: left;
  width: 50%;
  min-height: 81px;
  border: 2px solid #442A05;
  border-left: none;
  border-top: none;
  font-size: 100%;/* 85% */
}
#navi a {
  display: block;
  padding: 8% 10px 8% 34px;
  background: #918162 url("../img/icon_nav_arrow.png") scroll no-repeat 10px 50%;
}
#navi a:link {
  color: #ffffff;
  text-decoration: none;
}
#navi a:visited {
  color: #ffffff;
  text-decoration: none;
}
#navi a:active {
  color: #8c6239;
  text-decoration: none;
}
#navi a:hover {
  color: #8c6239;
  text-decoration: none;
}
#modal {
  display: none;
}
#gnav li {
	text-align: center;
	font-size: 14px;
	color: #fff;
	border-bottom: 1px solid #99D401;
	width: 100%;
	display: block;
}
#gnav li a {
	color: #fff;
	text-decoration: none;
	padding: 15px;
	display: block;
	background: #87BB00;
}
#gnav li a:hover {
  text-decoration: underline;
}
p.btn-close {
  background: #FFF;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
  text-align: center;
  margin: 5% auto;
  width: 50%;
  font-size: 15px;
}
p.btn-close a {
  display: block;
  text-decoration: none;
  color: #000!important;
  padding: 5% 5%;
}

/*-----------------------------------------------------------

#main

-----------------------------------------------------------*/

main {
	margin-bottom: 10px;
}

.contentBox1 {
	background: #FFFFFF;
	width: 96%;
	margin: 0 auto;
	padding-bottom: 10px;
}

.content_inner1 {
	width: 94%;
	margin: 0 auto;
}



/*-----------------------------------------------------------

#footer

-----------------------------------------------------------*/

.nav_footer_wrap {
	/*background: url(./../img/f_bg1.png) no-repeat;*/
	background-size: 100%;
	background-attachment: fixed;
	background-position: 0 100%;
}


footer {

}

.f_inner {
	width: 98%;
	margin: 0 auto;
}

.f_list1 {
	padding-bottom: 20px;
}

.f_list1 li {
	float: left;
	width: 32%;
	margin: 0 0.659%;
}

#fCopyright {
	text-align: center;
	padding: 0 1% 5px;
}

small {
	font-size: 68.75%;
}


/*-----------------------------------------------------------

clearfix

-----------------------------------------------------------*/

.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}

/*-----------------------------------------------------------

English

-----------------------------------------------------------*/

.content_box{
	width:95%;
	margin:0 auto;
	position: relative;
    z-index: 1000;
    background: rgba(255,255,255,0.5);
    line-height: 1.8;
}


.content01,.content02,.content03,.content04,.content05,.content06{
	width: 95%;
	margin: 60px auto;
	overflow:hidden;
}

.content01 ul li{margin-top: 30px;}

.content01 ul li img{display: block;margin: 0 auto;}

.content01 ul .text_l{margin: 50px 0px;}

.content01 ul .text_l h3{

font-size: 24px;

color: #fff;

margin-bottom: 30px;
}

.content01 ul .text_l h3 .h3_b{

color: #111;

font-weight: bold;

font-size: 50px;
}

.content01 ul .text_l p .bule{

color: #6690ff;
}

.content02 img,.content03 img,.content04 img,.content05 img,.content06 img{display: block;margin: 0 auto 30px;}

.content02 p,.content03 p,.content04 p,.content05 p,.content06 p {
	margin-bottom: 30px;
}

.text_s{

font-size: 10px;

text-align: right;
}

.content02 table,.content03 table,.content04 table,.content05 table,.content06 table{

width: 95%;

margin: 0 auto 20px;

line-height: 3;
}

.content02 table tbody tr{text-align: center;color: #6690ff;}

.content03 table tbody tr{text-align: center;color: #6690ff;}

.content04 table tbody tr{text-align: center;color: #6690ff;}

.content05 table tbody tr{text-align: center;color: #6690ff;}

.content06 table tbody tr{text-align: center;color: #6690ff;}



.content04 dl{
	width: 800px;
	margin:0 auto;
	margin-bottom: 30px;
}

.content04 dl dt{
	font-weight:bold;
	font-size:24px;
	margin-bottom: 20px;
}

.content04 dl dd ul li{
	padding: .25em 0 .25em .75em;
	border-left: 10px solid #001b61;
	margin-bottom: 15px;
}

.orenge{
	color:#ff7a29;
	font-size:24px;
	font-weight:bold;
}

.content06 dl{
	overflow: hidden;
	margin-bottom: 50px;
	border: 1px solid #ccc;
	padding: 20px;
}

.content06 dl dt{
	width: 100%;
	margin-bottom: 30px;
}

.content06 dl dt img{
	display:block;
	margin:auto;
}

.content06 dl dd{
	width: 95%;
	margin: 0 auto;
}

table.company {
	width: 95%;
	margin: 0 auto 20px;
	border-collapse: separate;
	border-spacing: 0px 15px;
}

table.company th,
table.company td {
    padding: 0px 20px;
}

table.company th {
    width: 20%;
    background: #295890;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
}

table.company th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #295890;
    border-width: 10px;
    margin-top: -10px;
}

.companySign {
    width: 225px;
    margin: 0 0 0 auto;
}