@charset "Shift_JIS";
#body {
	font-size: 100%;
	background:linear-gradient(#fff0f5, #ffffe0, #f0ffff, #e6e6fa);
	color: #000;
	font-family:  'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
       width: 50%;
       position:relative;
       overflow:hidden;
       border-radius: 6px;
       text-align: center;
       display: block;
       margin: 0px auto;
       padding-right:10px;
       padding-left:10px;
       -webkit-box-shadow: 0px 1px 10px #666;
	-moz-box-shadow: 0px 1px 10px #666;
	box-shadow: 0px 1px 10px #666;
	border: 1px solid #808080;
}
/* for table */
body{
      background: linear-gradient(#7b68ee, #FFFFFF); 
}
form {
	border: 0px solid #7777bb;
	border-collapse: collapse;
	margin-top: 5px;
}
table{
      width:100%;
      border-top:1px solid #7777bb;
}
th{
	text-align: center;
	border-bottom: 1px solid #7777bb;
	padding: 3px;
       line-height:200%;
       width: 30%;
       font-size:85%;
       background:#ffeeee;
       color:#0000ff;
}
.se{
       font-size:120%;
       color:#000000;
       font-weight:bold;
}
td {
	text-align: left;
	border-bottom: 1px solid #7777bb;
	padding:1%;
       line-height:200%;
}
a{
       text-align: center;
       font-size: 150%;
       text-decoration: none;
       color:#ffff00;
}
font{
       font-size:80%;
}


li{
       font-size:100%;
       text-align: left;
       margin-right: 3px;
}

h1{
      width:65%;
      margin:0 auto;
      font-size:150%;
      color:#000080;
      letter-spacing:0.5em;
      font-family:serif;
}

/* for title */
strong.ttl {
	text-align: left;
	border-left: solid 4px #cc0000;
	display: block;
	padding: 2px 5px;
	margin-top: 2em;
}

/* for message */
.msg-1{
      font-size:90%;
}

p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}

/* for back-button */
form.back {
	margin-top: 2em;
}

.button{
    width:40%;
    font-size:14px;
    padding:5px 5px 5px;
    background-color:#f4a460;
    box-shadow:2px 2px #555;
    border-radius:50%;
    margin:10px 10px 10px 10px;
}

.button:hover{
	background-color: #f5f5dc;
	border-color: #ff3300;
	color: #ff3300;
       box-shadow:2px 2px #555;
}

.button-1{
    width:40%;
    font-size:14px;
    padding:5px 5px 5px;
    background-color:#0000ff;
    box-shadow:2px 2px #555;
    border-radius:50%;
    margin:10px 10px 10px 10px;
}

.button-1:hover{
	background-color: #f5f5dc;
	border-color: #ff3300;
	color: #ff3300;
        box-shadow:2px 2px #555;
}


input:hover{
        background-color: #ffffcc;
}

input.hoge{
	width: 100%; border-radius:5px;
}
input.hoge-1{
	width: 90%; border-radius:5px;
}
input.hoge-2{
	width: 80%; border-radius:5px;
}
input.hoge-3{
	width: 70%; border-radius:5px;
}
input.hoge-4{
	width: 50%; border-radius:5px;
}
input.hoge-5{
	width: 50%; border-radius:5px;
}
input.hoge-6{
	width: 40%; border-radius:5px;
}
input.hoge-7{
	width: 30%; border-radius:5px;
}
input.hoge-8{
	width: 20%; border-radius:5px;
}

textarea{
	width:90%;
       height:40%;
       border-radius:5px;
}

input select{
      width:100%;
       border-radius:5px;
       font-family:  'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
       border: 1px solid #d3d3d3;/* ラベルの境界線を実線で指定する */
       box-shadow: inset 1px 1px 1px #000;
}
input{
       font-family:  'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;

}

input[type="checkbox"]{
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
   margin-right: 0.5em;
}

input[type="radio"]{
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
   margin-right: 0.5em;
}

input:focus{
             background-color: #ffffcc;
}

input[type=radio] {
	display: none; 	/* ラジオボタンを非表示にする */
}

input[type="radio"]:checked + label {
	background: #ffffcc;/* マウス選択時の背景色を指定する */
	color: #ff8c00; 	/* マウス選択時のフォント色を指定する */
}

.label {
	margin-right: 10px;		/* ラベル外側の余白を指定する */
	border: 1px solid #d3d3d3;/* ラベルの境界線を実線で指定する */
            box-shadow: inset 1px 1px 1px #000;
            border-radius:5px;
            padding:2px;
            font-size:85%;
            background:#ffffff;
}
textarea:hover{
       background-color: #ffffcc;
}

textarea:focus{
             background-color: #ffffcc;
}

footer{
       background: linear-gradient(#d3d3d3, #FFFFFF);
       text-align:center;
       wigth:100%;
}


#foot_base {
	background-image: none
	background-repeat: repeat-x;
	background-position: top;
	background-color: none;
	clear: both;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
       text-align: center;
}

footer p {
	font-size: 90%;
	color: #666666;
	line-height: 16px;
       text-align:center;
}

#f_ul01{
       width:100%;
}
#f_ul01 li a{
	color: #666666;
       display:inline;
}

#f_ul01 li{
	display: inline;
       width:50px;
       height:auto;
       padding-top:10%;
       margin-right: 1em;
       font-family:"メイリオ";
}
#f_ul02 li a{
	color: #ffffff;
}

footer #f_logo{
	font-size: 24px;
	color: #666666;
	font-family: "Times New Roman", Times, serif;
       text-align:center;
}
footer .prbox {
	font-size: 5px;
	color: #808080;
}

footer .prbox a {
	color: #808080;
}

address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #666666;
	background-color: #F5F5F5;
	line-height: 30px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	width: 100%;
       margin-bottom:5px;
}
#f_ul01 li{
       display: inline;
}
#f_ul01 li a{
        text-decoration:none;
        font-size:60%;
}

#sec01{ 
       width:65%;
      margin:0 auto;
      font-size:120%;
      color:#ffffff;
}
#posi th{
       text-align:left;
}

.text__icon {
  display:inline-block;
  vertical-align: middle;
}
.text__link {
  display: inline;
  vertical-align: middle;
}
.d-0{
  border: 1px solid #1e90ff;
  background:#1e90ff;
  text-align:left;
  margin-bottom:10px;
  margin-top:20px;
  padding-left:5px;
  color:#ffffff;
  font-weight:bold;
}
.d-1{
  border: 1px solid #afeeee;
  background:#afeeee;
  text-align:left;
  padding-left:5px;
  font-weight:bold;
  margin-top:10px;
}
.bg{
  background:none;
  color:#000000;
}
ul.foo {
    display:table;
    table-layout:auto;
    width:90%;
    padding-bottom: 5px;
}
ul.foo li {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    background-color:red;
    border-left:1px solid white;
    width:30%;
    color:#ffff00;
}
ul.foo li:first-child {
    border:none;    
}
ul.foo li a {
    text-decoration:none;
    color:white;
    font-size:70%;
}
ul.foo li strong {
    text-decoration:none;
    color:#ffff00;
    font-size:120%;

}
.soudan{
   font-size:200%;
   -webkit-text-stroke:1px #000;
   font-weight:bold;
   margin-top:2%;
   letter-spacing:5px;
   color:#ff0004; 
}
.img-1{
   text-align:center;
   margin:3% 0% 3% 0%;
}
section p{
   font-size:120%;
   text-align:left;
   width:85%;
   margin:0 auto;
}
.ekiten-gadget{
   background:none;
   margin:0 auto;
   width:60%;
}
.syu-1{
   width:100%;
   text-align:right;
}

.cal_pc{
   background:none;
}
.chuu{
  font-size:60%;
 color:#ff0000;
}

@media only screen and (max-width: 600px){
p{
      font-size:110%;
      color:#ffff00;
}

a{
       color:#ff00ff;
}

#sec01{
      width:98%;
      margin:0 auto;
}

#sec00 ifame{
    width:99%;
}

#top{
      font-size:180%;
}

.yoya{
      width:99%;
      margin:0 2% 0 -3%;
      font-size:110%;
      text-align:left;
      color:#ffffff;
      padding:2% 3% 2% 5%;
}
.yoya a{
      font-size:100%;
}

.formTable td{
}

button{
    width:100%;
    font-size:70%;
    font-weight:bold;
}

button .button-1{
    width:200px;
    font-size:90%;
}
h1{
   width:95%;
   text-align:center;
   margin-top:3%;

}

.cal_pc{
    display:none;
}
.sp_k{
   color:#ffff00;
}

.footer-button {
      position: fixed;
      bottom: 0;
      left: 0;
      width:100%;
      background:#f0ffff; /* 任意の色 */
      padding: 10px;
      text-align: center;
      margin:0 auto;
    }

.yo-2 {
      padding: 7px 7px;
      margin:0 auto;
      width:35%;
      font-size:80%;
      font-weight:bold;
      background-color:#ffff00;
      border: none;
      border-radius:7px;
      cursor: pointer;
    }

.footer-button a{
      text-decoration: none;
}
}

@media only screen and (min-width: 901px){

.cal_sp {
    display:none;
}
.footer-button {
    display:none;
}
}

@media only screen and (max-width: 1200px){
#sec01{
  width:95%;
}
.yoya{
   width:95%;
}
.cal_pc{
   width:100%;
   margin:0 auto;
}
.button{
   width:25%;
}
.button-1{
   width:25%;
}
}
@media only screen and (min-width: 1201px){

.cal_sp {
    display:none;
}
}