@charset "Shift-JIS";

/* Webフォント読み込み */
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* INDEX
-------------------------------------------
1. universal styles of elements (CSS RESET)
#ガイドラインが規定されたすべての要素に基本となるスタイルを規定します、E
2. general-purpose classes
#コーチング作業でよく使ぁE思われる汎用のクラスです、E
-------------------------------------------*/


/* 1. universal styles of elements
-------------------------------------------*/

body{
margin:0px;
padding:0px;
font-size:80%;
line-height:1.6;
position:relative;
}

h1,h2,h3,h4,h5,h6,p,li,dt,dd,br,a,sub,sup{
margin:0px;
padding:0px;
font-size:100%;
font-weight:normal;
}

strong{
margin:0px;
padding:0px;
font-size:100%;
font-weight:bold;
}

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

ol{
margin:0px 0px 0px 2em;
padding:0px;
list-style-type:decimal;
}

dl{
margin:0px;
padding:0px;
}

hr{
margin:0px;
padding:0px;
}

img{
margin:0px;
padding:0px;
border:none;
}

table,thead,tfoot,tbody,tr,th,td{
margin:0px;
padding:0px;
border:none;
border-collapse:collapse;
font-size:100%;
font-weight:normal;
text-align:left;
vertical-align:top;
}

form,button,select{
margin:0px;
padding:0px;
}

input,option{
/* default */
}

textarea{
margin:0px;
padding:0px;
font-size:100%;
}

object{
margin:0px;
padding:0px;
}

/* 2. general-purpose classes
-------------------------------------------*/

.hide{
visibility:hidden;
}

.hide-gnavi{
display:none;
}

.txtc{
text-align:center;
}

.txtr{
text-align:right;
}

.txtl{
text-align:left;
}

.txtvt{
vertical-align:top;
}

.txtvm{
vertical-align:middle;
}

.txtvb{
vertical-align:bottom;
}

.fonts{
font-size:80%;
}

.fontm{
font-size:110%;
}

.fright{
float:right;
}

.fleft{
float:left;
}

.fright_b{
float:right;
display:block;
}

.fleft_b{
float:left;
display:block;
}

.clr{
clear:both;
width:1px;
height:1px;
}

.clr_l{
clear:left;
}

.clr_r{
clear:right;
}


.clearfix:after{
clear:both;
display:block;
height:0px;
visibility:hidden;
content:".";
}
.clearfix{
display:inline-block;
}
* html .clearfix{
height:1%;
}
.clearfix{
display:block;
}




/* 090608追?E*/

.wrapper{
margin:0px auto;
padding:0px;
}

#header{
height:50px;
background:url(../img/footer_geestore.gif) repeat-x scroll 0 0;
padding:0;
}

#footer{
background:url(../img/footer_geestore.gif) repeat-x scroll 0 0;
clear:both;
height:50px;
padding:0;
bottom:0px;
}
#footer p{
padding:15px;
margin:0 auto;
}

.mainstage{
padding:0 1em 1em;
max-width: 1000px;
margin: 0 auto;
}
.attarea dt{
line-height:1.0;
font-size:0px;
vertical-align:bottom;
}
.attarea dd{
margin:7px 0px 20px 4px;
}
.attarea dd p{
margin:0px 0px 1em;
}
.attarea dd .lastchild{
margin:0px;
}

h3.t_h3{
margin:31px 0px 20px;
text-align:center;
}
h3.t_order{
margin:31px 0px 10px;
text-align:center;
}
.payarea{
margin:0px 9px 7px 6px;
}
.payarea dd{
margin:0px 0px 20px;
}
h4.t_h4{
margin:0px 0px 6px;
color:#cb0100;
font-weight:bold;
}
.table_area{
margin:0px 0px 20px;
width:100%;
}
.table_area thead th{
padding:5px;
background:#1A5A76;
color:#fff;
font-weight:bold;
border:1px solid #ccc;
}
.table_area tfoot td{
padding:5px;
background:#8B2800;
color:#fff;
border:1px solid #ccc;
}
.table_area tbody td{
padding:5px;
border:1px solid #ccc;
font-size:90%;
}
.table_area tbody td.grey{
background:#E3F0F6;
}
.orderarea{
margin:1em 0;
text-align: left;
}
.local_navi{
text-align:right;
}
.local_navi li{
display:inline;
padding:0px 0px 0px 22px;
}
.local_navi li a{
font-weight:bold;
}
.flowlist{
margin:16px 0px 20px;
}

.itemlist{
margin:16px 0px 20px;
}
.l{
padding:5px 5px 5px 0;
}
.r{
padding:5px 0 5px 5px ;
}


.clearfix {
display:block;
}

#law{
padding:20px 0px 0px;
border-top:1px dotted #ccc;
}
.table_law{
margin:0px auto 22px;
width:100%;
}
.table_law th{
padding:2px 4px 3px;
width:120px;
background:#f1ddd2;
border:1px solid #e3c1a6;
}
.table_law td{
padding:2px 4px 3px;
border:1px solid #e3c1a6;
}
.privacy_list dd{
margin:0px 0px 1em;
}
p{
margin:0px 0px 1em;
font-size:80%;
}
p.nonm{
margin:0px;
}
p.txt_err,
p.txt_input{
margin:0;
}
.red{
color:#c00;
}
.txt_top{
margin:20px 10px 0px 0px;
text-align:right;
}
.font_bold{
font-weight:bold;
}
.resultlist dt{
margin:0px 0px 6px;
color:#cb0100;
font-weight:bold;
}
.resultlist dd{
margin:0px 0px 1em;
font-size:80%;
}
.resultlist dd.firstchild{
margin:0px;
}


/* LINKSTYLE */
a{
overflow:hidden;
}
a:link{
color:#000;
text-decoration:underline;
}
a:visited{
color:#000;
text-decoration:underline;
}
a:hover{
color:#999;
text-decoration:none;
}
a:active{
color:#999;
text-decoration:none;
}

.txt_top a{
color:#0000FF;
}

.wrapper{
font-family:"Noto Sans Japanese";
text-rendering: optimizeLegibility;
font-size: 1.1rem;
font-weight: bold;
line-height:1.8;
color:#555;
text-align: center;
}

.title{
background:#e52500;
color:#fff;
font-size:125%;
font-weight:bold;
margin:1em 0 0;
text-align:center;
line-height: 1.5;
padding: 0.4em;
}

input[type='submit']{
  border: none;
  display: block;
  width: 100%;
  max-width: 300px;
  padding: 10px;
  border-radius: 5px;
  background-color: #333;
  color: #fff;
  font-weight: bold;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  margin: 0 auto;
}

.p_cd img{
max-width: 100%;
}

input[type='text'], select{
  font-size: 16px;
  width: 100%;
  max-width: 300px;
  padding: 0.8em;
  border-radius: 5px;
  border: 1px solid #ccc;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type='text'].short{
  width: 50px;
}

.table{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 1em 0 0;
}

.table img{
  border: solid 1px;
  margin: 1em;
}