body{
	height:auto;
	margin: auto;
	padding: auto;
	background: url("../images/bg.jpg");
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	color: #000000;
	font:17px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	*font-size:small;
	*font:x-small;
	line-height:1.8;
}

br{
	letter-spacing: 0;
}

img{
	border-style:none;
	vertical-align:bottom;
	vertical-align:top;
}

.clear {
  clear:both;
}

#header {
	background: url("../images/header.png") no-repeat;
	width: 1100px;
	height: 787px;
	margin: 0 auto;
}


/*要項へのアンカー*/

.to_youkou{
	width: 600px;
	height: 230px;
	margin: 0 auto;
	background: url("../images/to_youkou.png") no-repeat;
}

.to_youkou a{
	width: 600px;
	height: 230px;
	display: block;
}

.to_youkou a:hover{
	background: url("../images/to_youkou-h.png") no-repeat;

}
.to_youkou a:active{
	background: url("../images/to_youkou-a.png") no-repeat;

}

/*要項画像*/
#info_pre{
	background: url("../images/info1.jpg") no-repeat;
	position:relative;
	width: 750px;
	height: 1210px;
	margin: 0 auto;
}

#info_pre img{
	margin:0 0 0 32px;
}

#info{
	background: url("../images/info2.jpg") no-repeat;
	position:relative;
	width: 750px;
	height: 1300px;
	margin: 100px auto 0 auto;
}

#info img{
	margin:0 0 0 32px;
}

/*中身*/
.header2 {
	width: 1300px;
	height: 150px;
	background: url("../images/main_bg_top.png") center no-repeat;
	padding:auto;
	margin: auto;
}

.footer2 {
	width: 1300px;
	height: 150px;
	background: url("../images/main_bg_end.png") center no-repeat;
	padding:auto;
	margin: auto;
}

#containts {
	background: url("../images/main_bg.png") repeat-y;
	width: 1100px;
	margin: auto;
	padding:auto;
}

#main {
	width: 820px;
	margin: auto;
	padding:auto;
}

#text{
	width:650px;
	height:auto;
	margin:auto;
}


#zisseki{
	background: url("../images/zissekibox.gif") no-repeat;
	width:325px;
	height:263px;
	margin:20px 0 0 0;
	float:left;
	display:inline;
	position:relative;
}

#zisseki_c{
	background: url("../images/zissekibox.gif") no-repeat;
	width:325px;
	height:263px;
	margin:20px 0 0 157px;
	float:left;
	display:inline;
	position:relative;
}

#uma-zisseki_c{
	background: url("../images/uma-zissekibox.gif") no-repeat;
	width:325px;
	height:263px;
	margin:20px 0 0 157px;
	float:left;
	display:inline;
	position:relative;
}

#uma-zisseki{
	background: url("../images/uma-zissekibox.gif") no-repeat;
	width:325px;
	height:263px;
	margin:20px 0 0 0;
	float:left;
	display:inline;
	position:relative;
}

#zissekilose{
	background: url("../images/zissekiboxlose.gif") no-repeat;
	width:325px;
	height:263px;
	margin:20px 0 0 0;
	float:left;
	display:inline;
	position:relative;
}

.date{
	position:absolute;
	width:250px;
	height:40px;
	font-size:17px;
	margin:auto;
	top:20px;
	left:40px;
	line-height:1.4;
}

.kaime{
	position:absolute;
	text-align:right;
	width:240px;
	height:40px;
	margin:auto;
	top:80px;
	left:40px;
	font-size:160%;
	line-height:1.3;
}

.haitou{
	position:absolute;
	text-align:right;
	width:240px;
	height:40px;
	margin:auto;
	top:130px;
	left:40px;
	color:#F00000;
	font-size:160%;
	line-height:1.3;
}

.haitoulose{
	position:absolute;
	text-align:right;
	width:240px;
	height:40px;
	margin:auto;
	top:130px;
	left:40px;
	color:#4054DC;
	font-size:160%;
	line-height:1.3;
}

.kakutoku{
	position:absolute;
	text-align:right;
	width:240px;
	height:40px;
	margin:auto;
	top:192px;
	left:40px;
	color:#FFFF00;
	text-decoration:underline;
	font-size:170%;
	line-height:1.3;
	font-weight:bold;
}

.kakutoku{
	position:absolute;
	text-align:right;
	width:240px;
	height:40px;
	margin:auto;
	top:192px;
	left:40px;
	color:#FFFF00;
	text-decoration:underline;
	font-size:150%;
	line-height:1.3;
	font-weight:bold;
}


.kakutokulose{
	position:absolute;
	text-align:right;
	width:240px;
	height:40px;
	margin:auto;
	top:192px;
	left:40px;
	color:#4054DC;
	font-size:170%;
	line-height:1.3;
	font-weight:bold;
}

#total{
	background: url("../images/total.gif") no-repeat;
	width:509px;
	height:184px;
	margin:20px auto;
	position:relative;
}

#total .hit{
	position:absolute;
	text-align:right;
	width:420px;
	height:40px;
	margin:auto;
	top:30px;
	left:40px;
	color:#F00000;
	font-size:200%;
	line-height:1.3;
	font-weight:bold;
}

#total .kakutoku{
	position:absolute;
	text-align:right;
	width:420px;
	height:70px;
	margin:auto;
	top:90px;
	left:40px;
	color:#FFFF00;
	text-decoration:underline;
	font-size:220%;
	line-height:1.3;
	font-weight:bold;
}



#voice{
	background: url("../images/voicebg.gif") no-repeat;
	width:724px;
	height:253px;
	margin:auto;
	position:relative;
}

#voice .title{
	position:absolute;
	width:660px;
	height:80px;
	margin:auto;
	top:20px;
	left:80px;
	font-size:140%;
}

#voice .coment{
	position:absolute;
	width:660px;
	height:80px;
	margin:auto;
	top:72px;
	left:40px;
	font-size:19px;
	line-height:2.3;
}


/*ボタン*/

.button{
	cursor: pointer;
}

.button:hover {
	cursor: pointer;
	font-weight: bold;
	transform: translate(0px,-3px);
}


div.button {
	width:500px;
	height:120px;
	position: absolute;
	top: 990px;
	left: 90px;
}

div.button img{
	border:none;
	background-image:url(images/button.gif);
	width:500px;
	height:120px;
}

div.button img:hover{
	background-position: left bottom;
}


div.button2 {
	width:500px;
	height:120px;
	position: absolute;
	top: 900px;
	left: 90px;
}

div.button2 img{
	border:none;
	background-image:url(images/button.gif);
	width:500px;
	height:120px;
}

div.button2 img:hover{
	background-position: left bottom;
}



/*文字装飾*/
.small-s{font-size:80%;}

.big-s{font-size:120%; font-weight:bold;}
.big-m{font-size:140%;}
.big-l{font-size:200%;}
.big-ll{font-size:240%;}
.big-k{font-size:80px;}

.red{color:#F00000; font-weight:bold;}
.vvred{color:#E2002B; font-weight:bold;}
.vvorange{color:#FF7900; font-weight:bold;}
.vvblue{color:#0025DD; font-weight:bold;}
.vvgreen{color:#00BC0D; font-weight:bold;}
.vvpurple{color:#B200BC; font-weight:bold;}
.vvwater{color:#00A6BC; font-weight:bold;}


.ltred{color:#EE4747; font-weight:bold;}
.ltred2{color:#F00000; font-weight:bold;}
.ltblue{color:#4054DC; font-weight:bold;}
.ltgreen{color:#009945; font-weight:bold;}
.lblack{color:#000000; font-weight:bold;}
.under{text-decoration: underline; font-weight:bold;}





#footer {
	width: 820px;
	height: 120px;
	margin: auto;
	padding: auto;
}


#footer a{
	color:#ff0000;
}


p {

}

#form-t1 {
	width: 796px;
	height: 975px;
	margin:  auto;
	position:relative;
}

#form-t2 {
	background-image: url(images/form2.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 796px;
	height: 890px;
	margin:  auto;
	position:relative;
}



.form1 {
	position:absolute;
	top:630px;
	left:115px;
	line-height: 35px;

}

.form2 {
	position:absolute;
	top:470px;
	left:115px;
	line-height: 35px;

}

.form_error {
	position:absolute;
	top:540px;
	left:340px;
	line-height: 35px;

}
#form1 table{
	border-spacing: 0;
    border-collapse: collapse;
	width: 630px;
	margin: 0 auto;
	background: #baffc6;
	font-size: 20px;
	box-sizing: border-box;
}
#form1 table tr{
	border-bottom: none;
}
#form1 table td{
	padding: 15px 0 0 20px;
	line-height: 1.6;
}
#form1 table td:first-child{
	width: 30%;
}
#form1 table td input[type="text"]{
	width: 370px;
	padding: 5px;
}
#form1 table td .sample{
	font-size: 12px;
	display: inline-block;
}
#form1 table td .btn,
form .button{
	width: 560px;
    height: 70px;
    font-size: 28px;
    color: #ece323;
    margin-bottom: 20px;
    box-shadow: 0px 5px 0px rgb(97,216,118,0.8);
    background: #ec4f23;
    font-weight: 800;
    border: 2px solid #ec1b22;
    border-radius: 5px;
}
form .button{
	box-shadow: 0px 5px 0px rgb(188,10,16,1);
}
#form1 table td .btn:hover,
form .button:hover{
	box-shadow: none;
	transform: translate(0,5px);
}
form .error{
	color: #f01923;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
}

form .end{
	color: #f01923;
	font-weight: 600;
	font-size: 1.5em;
	line-height: 1.2;
	margin: 0 auto 20px;
}
.size_m {
	width: 200px;
	font-size:16px;

}
.p0{padding-top:0px!important;}
.p10{padding-top:10px!important;}
.p20{padding-top:20px!important;}
.p30{padding-top:30px!important;}
.p40{padding-top:40px!important;}
.p50{padding-top:50px!important;}
.p60{padding-top:60px!important;}
.p70{padding-top:70px!important;}
.p80{padding-top:80px!important;}
.p90{padding-top:90px!important;}
.p100{padding-top: 100px!important;}
.p110{padding-top: 110px!important;}
.p120{padding-top: 120px!important;}
.p130{padding-top:130px!important;}
.p140{padding-top: 140px!important;}
.p150{padding-top: 150px!important;}
.p160{padding-top: 160px!important;}
.p170{padding-top:170px!important;}
.p180{padding-top: 180px!important;}
.p190{padding-top: 190px!important;}
.p200{padding-top:200px!important;}


/*---------------------------*/


.pb0 {
	padding-bottom: 0px!important;
}

.pb10 {
	padding-bottom: 10px!important;
}

.pb20 {
	padding-bottom: 20px!important;
}

.pb30 {
	padding-bottom: 30px!important;
}

.pb40 {
	padding-bottom: 40px!important;
}

.pb50 {
	padding-bottom: 50px!important;
}

.pb60 {
	padding-bottom: 60px!important;
}

.pb70 {
	padding-bottom: 70px!important;
}

.pb80 {
	padding-bottom: 80px!important;
}

.pb90 {
	padding-bottom: 90px!important;
}

.pb100 {
	padding-bottom: 100px!important;
}

.mb0 {
	margin-bottom: 0px!important;
}

.mb10 {
	margin-bottom: 10px!important;
}

.mb20 {
	margin-bottom: 20px!important;
}

.mb30 {
	margin-bottom: 30px!important;
}

.mb40 {
	margin-bottom: 40px!important;
}

.mb50 {
	margin-bottom: 50px!important;
}

.mb60 {
	margin-bottom: 60px!important;
}

.mb70 {
	margin-bottom: 70px!important;
}

.mb80 {
	margin-bottom: 80px!important;
}

.mb90 {
	margin-bottom: 90px!important;
}

.mb100 {
	margin-bottom: 100px!important;
}

.left {
	text-align: left;
}

table tr{
	border-bottom: 2px dotted #000;
}
table.lawrule {
    width: 695px;
}

table.lawrule th {
	background-color: #009500;
    color: #fff;
    padding: 2px 10px;
    width: 120px;
}


table.lawrule td {
    color: #fff;
    background-color: #004800;
    padding: 2px 10px;
}

/*=== font-size ===*/

.t11 {font-size: 11px;}
.t12 {font-size: 12px;}
.t13 {font-size: 13px;}
.t14 {font-size: 14px;}
.t15 {font-size: 15px;}
.t16 {font-size: 16px;}
.t17 {font-size: 17px;}
.t18 {font-size: 18px;}
.t19 {font-size: 19px;}
.t20 {font-size: 20px;}
.t21 {font-size: 21px;}
.t22 {font-size: 22px;}
.t23 {font-size: 23px;}
.t24 {font-size: 24px;}
.t25 {font-size: 25px;}
.t26 {font-size: 26px;}
.t27 {font-size: 27px;}
.t28 {font-size: 28px;}
.t29 {font-size: 29px;}
.t30 {font-size: 30px;}
.t31 {font-size: 31px;}
.t32 {font-size: 32px;}
.t33 {font-size: 33px;}
.t34 {font-size: 34px;}
.t35 {font-size: 35px;}
.t36 {font-size: 36px;}
.t37 {font-size: 37px;}
.t38 {font-size: 38px;}
.t39 {font-size: 39px;}
.t40 {font-size: 40px;}
.t41 {font-size: 41px;}
.t42 {font-size: 42px;}
.t43 {font-size: 43px;}
.t44 {font-size: 44px;}
.t45 {font-size: 45px;}
.t46 {font-size: 46px;}
.t47 {font-size: 47px;}
.t48 {font-size: 48px;}
.t49 {font-size: 49px;}
.t50 {font-size: 50px;}
.t51 {font-size: 51px;}
.t52 {font-size: 52px;}
.t53 {font-size: 53px;}
.t54 {font-size: 54px;}
.t55 {font-size: 55px;}
.t56 {font-size: 56px;}
.t57 {font-size: 57px;}
.t58 {font-size: 58px;}
.t59 {font-size: 59px;}
.t60 {font-size: 60px;}
.t61 {font-size: 61px;}
.t62 {font-size: 62px;}
.t63 {font-size: 63px;}
.t64 {font-size: 64px;}
.t66 {font-size: 66px;}
.t66 {font-size: 66px;}
.t67 {font-size: 67px;}
.t68 {font-size: 68px;}
.t69 {font-size: 69px;}
.t70 {font-size: 70px;}
.t72 {font-size: 72px;}
.t74 {font-size: 74px;}
.t76 {font-size: 76px;}
.t78 {font-size: 78px;}
.t80 {font-size: 80px;}

.center{text-align:center;}

.b {
	font-weight: bold;
}



@media screen and (max-width: 768px) {




}