@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:visble;
       border-radius: 6px;
       text-align: center;
       display: block;
       margin: 0px auto;
       padding-right:10px;
       padding-left:5px;
}
/* for table */
form {
	border: 0px solid #7777bb;
	border-collapse: collapse;
	margin-top: 5px;
}
table{
      width:100%;
}
th{
	text-align: center;
	border-bottom: 1px solid #dcdcdc;
	padding: 3px;
       line-height:100%;
       width: 30%;
       font-size:95%;
}
td {
	text-align: left;
	border-bottom: 1px solid #dcdcdc;
	padding: 3px;
       line-height:200%;
}
td font{
       font-size:80%;
}
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;
}

select{
      width:60%;
       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;
}

.text__icon {
  display:inline-block;
  vertical-align: middle;
}
.text__link {
  display: inline;
  vertical-align: middle;
}
.font{
  font-size:80%;
  line-height: 110%;
  color:red;
}

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

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

}

h2{
        font-size: 100%;
}

.button{
    width:40%;

}

.button-1{
    width:40%;

}

}