@charset "Shift_JIS";
/* for body */
#body {
	font-size: 100%;
	background-color:#ffffff;
	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(#fff0f5, #ffffe0, #f0ffff, #e6e6fa);
      width:50%;
      margin: 0px auto;
}
form {
	border: 0px solid #7777bb;
	border-collapse: collapse;
	margin:0 auto;
       width:60%;
}
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:85%;
       color:red;
}
td {
	text-align: left;
	border-bottom: 1px solid #7777bb;
	padding: 3px;
       line-height:200%;
}
b{
       text-align: center;
       font-size: 200%;
}
font{
       font-size:80%;
}


li{
       font-size:100%;
       text-align: left;
       margin-right: 3px;
}
h3{
       text-align: left;
       margin-left: 3px;
}
section div{
       margin-bottom:2%;
}

/* 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:25%;
    font-size:14px;
    padding:5px 5px 5px;
    background-color:#f4a460;
    box-shadow:2px 2px #555;
    border-radius:5px;
    margin:10px 10px 10px 10px;
}

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

.button-1{
    width:25%;
    font-size:14px;
    padding:5px 5px 5px;
    background-color:#dcdcdc;
    box-shadow:2px 2px #555;
    border-radius:5px;
    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;
       font-size:120%;
       padding:2px;
}

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;
       font-size:120%;
       line-height: 30px;
}


input[type="radio"]{
   -webkit-transform: scale(2.0);
   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:130%;
            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%;
}

#sec00{ 
       text-align:center;
       border-radius: 15px;
}
#sec00 img{
      width:100%;
}
#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-top:20px;
  padding-left:5px;
  color:#ffffff;
  font-weight:bold;
  font-size:140%;
  width:60%;
  margin:0 auto;
  border-radius: 3px;
}
.d-1{
  border: 1px solid #afeeee;
  background:#afeeee;
  text-align:left;
  padding-left:5px;
  font-weight:bold;
  margin-top:10px;
}
.bg{
  background:#ffffff;
  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%;

}


@media screen and (max-width:600px){

body {
	font-size: 100%;
	background: #ffeeee;
	color: #000;
        width: 100%;
        margin:0 auto;
        border-radius: 0px;

}
#sec00 iframe{
         position: absolute;
         top: 0%;
         left: 0%;
         transform: translateY(0%) translateX(1%);
         -webkit- transform: translateY0%) translateX(1%);
         margin-bottom:5%;
}

#sec01{
        margin-top:10px;
}
form{
        width:98%;
}
h2{
        font-size: 100%;
}

table th{
        font-size:70%;
}

input{
        overflow:hidden;         
}

.se{
        font-size:70%;
        line-height:110%; 
}

.label{
         font-size:70%;
}

.button{
    width:40%;

}

.button-1{
    width:40%;

}
.msg-1{
      font-size:70%;
}
.msg-2{
      width:40%;
}
.d-0{
      width:98%;
}
}

@media only screen and (max-width: 769px){
       body{
              min-width: initial;
}
}

@media only screen and (min-width: 1080px){
       body{
              min-width: initial;
}
}

@media only screen and (max-width: 1200px){
       #body{
              width:90%;      
}
}