@charset "shift_jis"; 

/* all */
html {
 height: 100%;
}

hr.style-one {
 border: 0;
 height: 1px;
 width: 100%;
 float: left;
 background: #333;
 background-image: -webkit-linear-gradient(left, skyblue, blue, skyblue);
 background-image:    -moz-linear-gradient(left, skyblue, blue, skyblue);
 background-image:     -ms-linear-gradient(left, skyblue, blue, skyblue);
 background-image:      -o-linear-gradient(left, skyblue, blue, skyblue);
}

.terms
{
	padding: 10px;
	font-size: 18px;
}

.terms input
{
	transform: scale(1.5);
	margin-right: 10px;
}


a:link {
 border: none;
 color: #3D5247;
 text-decoration:none;
}
a:visited {
 border: none;
 color: #3D5247;
 text-decoration:none;
}
a:hover {
 border: none;
 color: #007236;
 text-decoration:underline;
}

a img{
 background:none!important;
}

a:hover img{
 opacity:0.6;
 filter:alpha(opacity=60);
 -ms-filter: "alpha( opacity=60 )";
 background:none!important;
}

.marker_blue {
 background:linear-gradient(transparent 40%, #00ffff 40%);
} 

.marker_green {
 background:linear-gradient(transparent 40%, #adff2f 40%);
} 

.b {
 font-weight: bold;
}


.bd, .bd_none {
 font-size: 14px;
 line-height: 150%;
 padding: 10px 0px;
 margin: 5px 0px 10px 0px;
 border:solid 1px #000;
}

.bd_red {
 border: solid 1px #FF0000;
}

.bd_none {
 border:none
}

.bg_red {
 background-color: #FF0000;
}

.bg_blue {
 background-color: #0000ff;
}
.bg_skyblue {
 background-color: #87ceeb;
}
.bg_aquamarine {
 background-color: #7fffd4;
}
.bg_royalblue {
 background-color: #4169e1;
}
.bg_lightcyan {
 background-color: #e0ffff;
}

.bg_yellow {
 background-color: #ffff00;
}
.bg_lightyellow {
 background-color: #ffffe0;
}

.bg_lemon {
 background-color: #fffacd;
}

.bg_green {
 background-color: #008000;
}

.bg_greenyellow {
 background-color: #adff2f;
}

.bg_palegreen {
 background-color: #98fb98;
}

.black {
 color: #000;
}

.white {
 color: #FFF;
}

.red{
 color: #FF0000;
}

.blue{
 color: #0000ff;
}

.yellow {
 color: #ffff00;
}

.green{
 color: #008000;
}

.brown{
 color: #a52a2a;
}

p.comm {
 color: black;
 font-size: 14px;
}

.f11 {
 font-size: 11px;
}
.f12 {
 font-size: 12px;
}
.f13 {
 font-size: 13px;
}
.f14 {
 font-size: 14px;
}
.f15 {
 font-size: 15px;
}
.f16 {
 font-size: 16px;
}
.f18 {
 font-size: 18px;
}
.f20 {
 font-size: 20px;
}

.idt_01 {
 padding-left: 1em;
 text-indent: -1em;
}


.lh180 {
 line-height:180%
}

.lh200 {
 line-height:200%
}

.w160 {
 width: 160px;
}

.big {
 font-size: 18px;
}

img.full {
 width: 100%;
}

img.mgt10 {
 margin-top: 10px;
}

.mgl_01 {
 margin-left: 1em;
}

.mgb_01 {
 margin-bottom: 1em;
}

.pdh_01 {
 padding: 0 1em;
}

.pdh05 {
 padding: 0 5px;
}


ul {
 list-style: none;
 margin:0;
 padding:0;
}

body {
 font-size: 12px;
 font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS Gothic","sans-serif";
 padding-right: 0px;
 padding-left: 0px;
 padding-bottom: 0px;
 padding-top: 0px;
 margin: 0px;
 text-align: left;
 line-height:150%;
 color: #333333;
 background-color: #FFFFF;
}

/***********************/
/* * * height size * * */
@media screen and (max-width: 499px)
{ 
 /*　画面サイズ 499pxまで適用　*/
body {
 height: calc(100% - 1px);
 min-height: 650px;
 max-height: 1000px;
}

#index-block {
 height: 100%;
 min-height: 650px;
 max-height: 1000px;
}
div#contents {
 height: 98%;
 min-height: 650px;
 max-height: 1000px;
}

}
@media screen and (min-width: 500px) and (max-width: 999px)
{
 /*　画面サイズ 500pxから999pxまで適用　*/
body {
 width: 100%;
 height: calc(100% - 1px);
 min-height: 650px;
 max-height: auto;
}

#index-block {
 height: 100%;
 min-height: 650px;
 max-height: auto;
}
div#contents {
 height: 98%;
 min-height: 650px;
 max-height: auto;
}

}
@media screen and (min-width:1000px)
{

 /*　画面サイズ 1000px以上から適用　*/
body {
 height: calc(100% - 1px);
 min-height: 650px;
 max-height: 740px;
}

#index-block {
 height: 100%;
 min-height: 650px;
 max-height: 740px;
}
div#contents {
 height: 98%;
 min-height: 650px;
 max-height: 740px;
}

}

iframe {
 height: 100%;
}
/***********************/
/* index */

body.index {
 background-image: url(../../img/bg.gif);
}

#index-block {
 padding: 0;
 width: 760px;
 background-color: #FFFFFF;
 text-align: left;
 border-top: solid #FFFFFF 5px;
 margin-left: auto;
 margin-right: auto;
}


#headerBox {
 width: 760px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 clear: both;
 background-repeat: no-repeat;
}

.headerL{
 width: 300px;
 margin: 10px 0px 0px 10px;
 float: left;
}

.headerR {
 width: 380px;
 margin: 20px 0px -10px 0px;
 float: right;
 text-align: right;
 vertical-align: bottom;
 padding: 0px 0px;
}

.headerR ul {
 list-style-type: none;
 display:flex;
}

.headerR ul li {
 margin:0 5px;
}

.menubox .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0px 0 0 -30px;
}

.menubox .menu_item {
  margin: 0px 0px 0px 0px;
  width: calc(97%/5)
}


/***** index - contents *****/

div#contents {
 text-align: left;
 padding: 0;
 width: 760px;
 background-color: #FFFFFF;
 border-top: solid #FFFFFF 0px;
 margin: 0;
}

iframe {
 margin-left: 10px;
 width: 99%;
}

iframe::-webkit-scrollbar {
 display: none;
}

.footerBox {
 clear: both;
 margin: 0px;
 padding: 0px 0px 0px 0px;
 background-color: #dcdcdc;
}

.footerText {
 text-align: center;
 color: #FFFFFF;
 background-color: #B4B4B4;
 margin: 0;
 padding: 5px 0px;
}

.footerEnd {
 clear: both;
 text-align: center;
 color: #747593;
 margin: 0px;
 padding: 5px 10px;
 background-color: #fffff0;
}

/*********************************/

#tree { /* header */
 width: 100%;
 clear: both;
 margin-left: 0.5em;
 font-size: 10px;
}

.scroller {
 margin: 0 auto;
 width: 200px;
 height: 280px;
 overflow-y: scroll;
 background-color: #f8e9f2;
 border: solid 4px #DE94BF;
 border-radius: 5px;
}

p.inq {
 font-size: 16px;
 color: red;
}

.inq_box{
 font-size: 16px;
 padding: 10px 10px;
 margin: 10px 0px 10px 0px;
 border: solid #449B05 2px;
 background-color: #F5FAE4;
}

.inq_box p {
 line-height:100%;
}

#pageTop{
 float: right;
 font-size: 10px;
 width: 80px;
 padding: 0px 0px 0px 0px;
 margin: 0px 20px 10px 0px;
}

/*** page_block ****/

.page_block {
 width:98%;
 clear: both;
 margin-left: 5px;
 float: left;
 background-color: #FFF;
}

.page_block img.top {
 width: 100%;
 margin: 10px 0 10px 0;
}

.page_block img.title {
 width: 100%;
 margin: 20px 0 10px 0;
}

.page_block h1{
 font-size: 18px;
 margin: 20px 0px 15px 0px;
 padding: 0px 0px 10px 0px;
}

.page_block h2 {
 color: #32cd32;
 margin-left: -5px;
 margin-bottom: -1px;
}

.page_block h3 {
 font-size: 16px;
 margin: 10px 0px 10px 0px;
 padding: 5px 5px 5px 5px;
 line-height:150%;
}

.page_block p{
 margin: 5px 0px 5px 0px;
 padding: 0px;
 line-height: 150%
}

.page_block ul li {
 padding-left: 1em;
 text-indent: -1em;"
}

.page_block dl {
 font-size: 16px;
 font-weight: bold;
}

.page_block dt {
 font-size: 15px;
 font-weight: normal;
}

.page_block dd {
 font-size: 14px;
 font-weight: normal;
}

.page_block dd.none {
 font-size: 14px;
 font-weight: bold;
 color: red;
}

.page_block dd.end {
 font-size: 14px;
 color: darkgray;
}

.page_block span.title{
 font-size: 16px;
 margin: 10px 0px 0px 10px;
 padding: 0px 0px 0px 0px;
 color: #da8449;
}

.page_block ul.text{
 font-size: 14px;
 margin: 10px 10px 10px 20px;
 padding: 0px 0px 0px 10px;
 line-height:200%;
}

.page_block ul.land li{
 list-style-type:disc;
}

/*** table ****/
table.inquiry
{
 width:100%;
 border-collapse: collapse;
 margin: 0px 10px 30px 0;
 font-size: 12px;
 border-left:solid #666 1px;
 border-top:solid #666 1px;
}

table.inquiry th
{
 border-bottom:solid #666 1px;
 border-right:solid #666 1px;
 padding:5px;
 text-align:left;
}

table.inquiry th span.small
{
 font-size: 12px;
}

table.inquiry td
{
 border-bottom:solid #666 1px;
 border-right:solid #666 1px;
 padding:10px;
 width:72%;
}

table.inquiry th
{
 width:28%;
}

/*** select ***/
select.boxsize
{
 margin: 0px 0px 5px 0px;
 padding: 0px 0px 0px 0px;
 font-size: 11px;
 height: 25px;
}

/*** input ***/
input.size
{
 margin: 0px 0px 0px 5px;
 vertical-align:middle;
}

input[type="text"],input[type="number"]{
 font-size: 100%;
}

input[type="number"]{
 font-size: 100%;
 width:50px;
}

input.input_text
{
 padding: 3px;
 border-color: #cbcbcb;
 border-style: solid;
 border-width: 1px;
 margin-bottom:5px;
 vertical-align:middle;
}

input.input_text:focus
{
 background-color: #F7CFE1;
}
}

input.link_button:hover
{
 filter: alpha(opacity=80);
 -ms-filter: alpha(opacity=80);
 opacity: 0.8;
}

/*** textarea ***/
textarea.input_text
{
 resize: vertical;
 font-size:14px;
 padding: 3px;
 border-color: #cbcbcb;
 border-style: solid;
 border-width: 1px;
 width:98%;
}

textarea.input_text:focus
{
 background-color: #F7CFE1;
}


.page_block .info_box {
 padding: 0 0.2em;
 margin: 0 0.3em 0 0;
}

/*** land1 ****/
.page_block .land1_color {
 color:#da8449;
 background-image:none;
 border-bottom: none;
}

.page_block .land1_top{
 border: solid #da8449 1px;
 background-color: #fbe4d4;
}

.page_block .land1_frame {
 border: solid #da8449 1px;
 border-left: solid #da8449 5px;
}

/*** land2 ****/
.page_block .land2_color {
 background-image:none;
 border-bottom: none;
 color:#0074bd;
}

.page_block .land2_top {
 border: solid #0074bd 1px;
 background-color: #d1ddf2;
}

.page_block .land2_frame {
 border: solid #0074bd 1px;
 border-left: solid #0074bd 5px;
}

.page_block .land2sp_color {
 background-image:none;
 border-bottom: none;
 color: #159f9c;
}

.page_block .land2sp_frame {
 border: solid #159f9c 1px;
 border-left: solid #159f9c 5px;
}

/*** land3 ****/
.page_block .land3_color {
 background-image:none;
 border-bottom: none;
 color:#14a73b;
}

.page_block .land3_top {
 border: solid #14a73b 1px;
 background-color: #cbdf9c;
}

.page_block .land3_frame {
 border: solid #14a73b 1px;
 border-left: solid #14a73b 5px;
}

/*** sea1 ****/
.page_block .sea1_color {
 background-image: none;
 border-bottom: none;
 color: #da8449;
}

.page_block .sea1_top {
 border: solid #ffa500 1px;
 background-color: #ffd700;
}

.page_block .sea1_frame {
 border: solid #da8449 1px;
 border-left: solid #da8449 5px;
}

/*** sea2 ****/
.page_block .sea2_color {
 background-image: none;
 border-bottom: none;
 color: #2626de;
}

.page_block .sea2_top {
 border: solid #4682b4 1px;
 background-color: #00bfff;
}

.page_block .sea2_frame {
 border: solid #4682b4 1px;
 border-left: solid #4682b4 5px;
}

.page_block .sea2sp_color {
 background-image: none;
 border-bottom: none;
 color: #4169e1;
}

.page_block .sea2sp_frame {
 border: solid #4169e1 1px;
 border-left: solid #4169e1 5px;
}

/*** sea3 ****/
.page_block .sea3_color {
 background-image: none;
 border-bottom: none;
 color: #006400;
}

.page_block .sea3_top {
 border: solid #006400 1px;
 background-color: #32cd32;
}

.page_block .sea3_frame {
 border: solid #4682b4 1px;
 border-left: solid #4682b4 5px;
}

/*** sea4 ****/
.page_block .sea4_color
{
 background-image: none;
 border-bottom: none;
 color: #ba55d3;
}

.page_block .sea4_top
{
 border: solid #ff00ff 1px;
 background-color: #ffb6c1;
}

.page_block .sea4_frame
{
 border: solid #ba55d3 1px;
 border-left: solid #ba55d3 5px;
}

/*** sear ****/
.page_block .sear_color
{
 background-image: none;
 border-bottom: none;
 color: #800080;
}

.page_block .sear_top
{
 border: solid #800080 1px;
 background-color: #dda0dd;
}

.page_block .sear_frame
{
 border: solid #800080 1px;
 border-left: solid #800080 5px;
}

/*** sky ****/
.page_block .sky_color {
 background-image: none;
 border-bottom: none;
 color: #32cd32;
}

.page_block .sky_top {
 border: solid #32cd32 1px;
 background-color: #98fb98;
}

.page_block .sky_frame {
 border: solid #32cd32 1px;
 border-left: solid #32cd32 5px;
}