@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;
}
/* for table */
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: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;
}

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

/* for message */
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:#f4a460;
    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: 60%; 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;
}

body{
          background:url(ico.png);
}

footer{
       background-color:#808080;
       border-radius: 5px; 
}


#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;
}

footer p {
	font-size: 10px;
	color: #ffffff;
	line-height: 16px;
}

#f_ul01 li a{
	color: #ffffff;
}

#f_ul02 li a{
	color: #ffffff;
}

footer #f_logo {
	font-size: 24px;
	color: #ffffff;
	font-family: "Times New Roman", Times, serif;
}

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%;
}

.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;
}
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%;

}
.t-1{
    font-size:130%;
}
.t-2{
    text-align:left;
    font-size:120%;
}
.t-3{
    font-weight:bold;
    font-size:120%;
}

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

#body {
	font-size: 100%;
	background: none;
	color: #000;
        width: 100%;
        margin-left:-5px;
        border-radius: 0px;

}

h2{
        font-size: 100%;
}

table th{
        font-size:70%;
}

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

.label{
         font-size:70%;
}

.button{
    width:40%;

}

.button-1{
    width:40%;

}

}