/* CSS Document */

body
{
    font-size: 100%; letter-spacing:2px;
    line-height: normal;
    color: #222;
	background-color: #fff;
	font-family:"Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", "ＭＳ Ｐゴシック","MS PGOTHIC","sans-serif";
}

.head_cont
{width: 100%; margin:20px auto 0 auto; padding:0; max-width:1280px; border-bottom:1px dashed #ccc; position: relative;}


#wrapper{width:100%; padding-top:30px;}


.h2box {margin:0; padding:0;}
.h2box h2 {font-size:90%; margin:20px 0 0 0; text-align:center; color:#777777; white-space:nowrap;}


.rogo_img {width:100px; height:70px; margin:0 auto;}


.hh1_box {padding:0; width:100%; margin:20px 0;}


.hh1_box h1 {font-size:100%; text-align:center; margin:0;}

.hh1_box h1 a {text-decoration:none; color:#ffffff; background-color:#1E73BE; padding:0 50px;}


.hh1_box h1 a:hover
{
	color:#FFE900; background-color:#1E73BE; padding:0 50px;
	text-decoration: none;
}



a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
transition: all 0.3s ease;
}


.hh3_tei{font-size:300%; font-weight: bold; margin:0; padding:0; color:#1E73BE;}


#hh222
{ font-size:180%; font-weight: bold; margin:0; text-align:center;
	padding:0; color:#555;
}

#pp111{font-size:100%; margin:10px 0; text-align:center; line-height:1.6;}

#pp111 a{color:#222;}

#pp111 a:hover{background-color:#222; color:#fff; text-decoration:none;}



#pp112{font-size:120%; margin:30px 0 0 0; padding:0 15px; text-align:center; line-height:1.6; color:#ee0000; font-weight:bold;}


#pp115{font-size:120%; margin:30px auto 0 auto; text-align:center; line-height:1.6; font-weight:bold; background-color:#1E73BE; width:90%;}

#pp115 a{color:#fff; text-decoration:underline;}
#pp115 a:hover{color:#222; text-decoration: underline; background-color:#FFF100;}


.toiawase {width:90%; margin:0 auto;}

. {color:#FFE900; font-weight:bold; font-size:80%;}
.require2 {color:#FFE900; font-weight:normal; font-size:70%;}
.require3 {color:#FFFFFF; font-weight:normal; font-size:70%;}


.pp80 {font-size:80%}

.toiawase p {font-size:160%; margin:0 0 0 10px;}


#td10 {orphans:5px 0 5px 10px;}

#td10 p {font-size:160%; color:#FFFFFF;}

#td20 {padding:20px 0 20px 50px;}

#td20x {padding:0 0 20px 50px;}


#error {color:#FFFFFF; font-size:200%; margin:0 0 30px 0; padding:10px 0; text-align:center; background-color:#1E73BE;}

#err_box{width:60%; margin:0 auto;}

#kakunin {color:#FFFFFF; width:60%; font-size:200%; margin:30px auto; padding:10px 0; text-align:center; background-color:#1E73BE;}



.inp001 input[type="text"] {
    width: 90%; font-size:160%;
	padding:10px; margin:10px 0;
    max-width: 90%; /* レスポンシブの場合の対策 */
    box-sizing: border-box; /* [borde-box]で右の飛び出しを回避 */
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   border: 2px solid #999;
}

.inp001b input[type="text"] {
    width: 30%; font-size:160%;
	padding:10px; margin:10px 0;
    max-width: 90%; /* レスポンシブの場合の対策 */
    box-sizing: border-box; /* [borde-box]で右の飛び出しを回避 */
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   border: 2px solid #999;
}


input[type="radio"],
input[type="checkbox"] {
    -ms-transform: scale(2);
    transform: scale(2);
	margin:10px 0;
}


textarea {
    width: 90%; height:300px; font-size:160%; line-height:1.4; margin:10px 0;
	padding:10px;
    max-width: 90%; 
    box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   border: 2px solid #999;
}


#submit3 input {font-size:160%;}



.copyright {width: 100%; background-color: #1E73BE; padding: 20px 0;}
.copyright p {width: 100%; text-align: center; max-width: 1280px; margin: 0 auto; color: #ffffff;}



/* page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}