/*----------------------------------------------------------
    reset
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
}
/*p, blockquote, q, pre, address, hr, code, samp,
dl, ol, ul, form, table, fieldset, menu {
    margin-bottom: 1.5em;
}*/
html {
    font-size: 100%;
}

body {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro Pro W3",'メイリオ','Meiryo',"Osaka",Arial,sans-serif;
    font-size: .875em;
    min-width: 1000px;
}

img {
    border: 0;
    margin:0;
    padding:0
}



ul li { list-style-type: none;}
ol { list-style: decimal outside none; }


.clear {
    clear: both;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


/*----------------------------------------------------------
                frame
------------------------------------------------------------*/


#bg { background-color:#fff; background-image:url(../images/bg.png); background-repeat:repeat-y; }


#cnt { width:1000px;
    height:7170px;
	margin: 0 auto;
    position: relative;
   }

h1{
	width:613px;
	height: 340px;
	/*background: url(../images/h1.jpg) no-repeat;*/
	z-index: 0;
	text-indent: -9999px;
	overflow: hidden;
	top: 224px;
	left: 849px;
	margin-left: -475px;
	position: absolute;

}


.btn_01{
	position:absolute;
	left: 94px;
	top: 672px;
}

.btn_02{
	position:absolute;
	left: 493px;
	top: 533px;
}

.btn_03{
	position:absolute;
	left: 757px;
	top: 613px;
}


.btn_04{
	position:absolute;
	left: 120px;
	top: 863px;
}

.btn_05{
	position:absolute;
	left: 70px;
	top: 1052px;
}

.btn_06{
	position:absolute;
	left: 199px;
	top: 1244px;
}


.btn_07{
	position:absolute;
	left: 444px;
	top: 1237px;
}

.btn_08{
	position:absolute;
	left: 743px;
	top: 861px;
}


.btn_09{
	position:absolute;
	left: 734px;
	top: 1239px;
}


.btn_10{
	position:absolute;
	left: 645px;
	top: 1050px;
}


.yado { position:relative;
	width:934px;
	padding:10px 0;
	margin: 0 auto;}
	
.yado_s { position:relative;
    float:left;
	width:300px;
	padding:10px 0;
	margin: 0 0 0 19px;}

.yado .btn_g {
	position:absolute;
	left: 2px;
	top: 316px;
}

.yado_s .btn_gs {
	position:absolute;
	left: 3px;
	top: 413px;
}

.yado .btn_c {
	position:absolute;
	left: 697px;
	top: 290px;
}

.yado_s .btn_cs {
	position:absolute;
	left: 84px;
	top: 252px;
}


.yado_box {
margin:0 0 0 10px;
}

#popup .btn_g {
	position:absolute;
	left: 528px;
	top: 350px;
}



#popup{
  width:823px;
  line-height:100px;
  background:#fff;
  /*padding:0 4%;*/
  box-sizing:border-box;
  display:none;
  position:fixed;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 999;
}


label{
  display:block;
}
label span{
  display:block;
  width:173px;
  line-height:51px;
}
label span:hover{
  cursor:pointer;
}
input[type="checkbox"]{
  display:none;
}

input[type="checkbox"]:checked + #popup{
  display:block;
  transition:.2s;
}