@charset "Shift_JIS";
body{
      background: linear-gradient(#7b68ee, #FFFFFF); 
}
form {
	background-color:#ffffff;
       border: 1px solid #7777bb;
	border-collapse: collapse;
	margin-top: 5px;
       margin:0 auto;
       -webkit-box-shadow: 0px 1px 10px #666;
	-moz-box-shadow: 0px 1px 10px #666;
	box-shadow: 0px 1px 10px #666;
	border: 1px solid #808080;
}
table{
      width:100%;
      border-top:1px solid #7777bb;
}
th{
	text-align: center;
	border-bottom: 1px solid #7777bb;
	padding: 3px;
       line-height:200%;
       width: 30%;
       height:50px;
       font-size:85%;
       background:#ffeeee;
       color:#0000ff;
}
td {
	text-align: left;
	border-bottom: 1px solid #7777bb;
	padding: 3px;
       line-height:200%;
}

h1{
       text-align: center;
       color:#ffffff;
}
#body{
       width:45%;
       margin:0 auto;
}
#sec01{
       width:30%;
       margin:0 auto;
}
#sec01 p{
       text-align:left;
       font-weight:bold;
       font-size:120%;
       color:#ffffff;
       width:99%;
       margin:0 auto;
       margin-bottom:1%;
}

.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[type="radio"] {
  accent-color: #f00;
  transform: scale(1.5);
}

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

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

@media only screen and (max-width: 900px){
#body{
      width:99%;
}
#sec01{
     width:100%;
}

table{
     width:100%;
}
form{
     width:100%;
}
td{
     background:#ffffff;
}
}