.p1 {
    width: 250px;          /* 横幅を固定して */
    display: inline-block; /* インラインブロック化 */
    vertical-align: top;   /* 上端を揃える */
    position: left;

		position:absolute;
		left:640px; top:48px;
   
  margin-left: 0em;
    padding: 5px;
 /*    border: 2px solid green;
    background-color: #ddffdd; */
}
/************ 850 **************/
@media screen and (max-width: 850px) {
.p1 {position:absolute;left:256px; top:454px;}

}

/************************************************************/

.box6kh {
    width: 250px;          /* 横幅を固定して */
    display: inline-block; /* インラインブロック化 */
    vertical-align: top;   /* 上端を揃える */
		position:absolute;
		left:420px; top:454px;
}
/***   650  ***/
@media screen and (max-width: 650px) {

 .tinynav { 
      display: block;
      border: #a00 solid 2px; 
      background: #ffdddd ; 

     }

#nav { display: none ;}
.p1 {position:absolute;top:370px}
.box6kh {position:absolute;left:1px; top:930px;

}

}


/************************************************************/


.box3 {
  display: inline-block;
  width: 150px;
  height: auto ;
  margin: 0em;
  border: #aaa solid 2px;
}

/************************************************************/


.p2 {
    width: 70%;          /* 横幅を固定して */
    display: inline-block; /* インラインブロック化 */
    vertical-align: top;   /* 上端を揃える */

    padding: 7px;
border: 2px solid green; /*    
   background-color: #ddffdd; */
        position: right;
}


/********************* 
*******************************

<div class="samplearea" id="sample20160214b">
<style type="text/css">
#sample20160214b p1 { width: 240px; display: inline-block; vertical-align: top;text-align: left ; margin: 5px 0px; padding: 10px; border: 0px solid green; background-color: #ffffff; }
#sample20160214b p2 { width: aout; display: inline-block; vertical-align: top;text-align: left ; margin: 5px 0px; padding: 10px; border: 2px solid green; background-color: #ffffff; }
</style>

************************/
#sample20160214b p3 { width: 240px; display: inline-block; vertical-align: top;text-align: left ; margin: 5px 0px; padding: 10px; border: 0px solid green; background-color: #ffffff; }
#sample20160214b p4 { width: 140px; display: inline-block; vertical-align: top;text-align: left ; margin: 5px 0px; padding: 10px; border: 0px solid green; background-color: #ffffff; }
#sample20160214b p5 { width: aout; display: inline-block; vertical-align: top;text-align: left ; margin: 5px 0px; padding: 2px; border: 0px solid green; background-color: #ffffff; }
#sample20160214b p6 { width: 240; display: inline-block; vertical-align: top;text-align: left ; margin: 5px 0px; padding: 10px; border: 0px solid green; background-color: #ffffff; }
#sample20160214b p7 { width: 240; display: inline-block; vertical-align: top;text-align: left ; margin: 5px 0px; padding: 10px; border: 0px solid green; background-color: #ffffff; }
#sample20160214b p8 { width: 240; display: inline-block; vertical-align: top;text-align: left ; margin: 0px 0px; padding: 0px; border: 0px solid green; background-color: #ffffff; }
#sample20160214b p9 { width: 240; display: inline-block; vertical-align: top;text-align: left ; margin: 5px 0px; padding: 0px; border: 0px solid green; background-color: #ffffff; }
#sample20160214b p1b { width: 240; display: inline-block; vertical-align: top;text-align: left ; margin: 5px 0px; padding: 10px; border: 0px solid green; background-color: #ffffff; }


.resizeimage {
   max-width: 358px; /* 最大幅 <p class="resizeimage">*/
   min-width: 100px; /* 最小幅 */
}
.resizeimage img { width: 100%; }

.resizeimage2 {
 text-align: center;
   max-width: 688px; /* 最大幅 <p class="resizeimage2">*/
   min-width: 70px; /* 最小幅 */
}
.resizeimage2 img { width: 100%; text-align: center;}


	.img_block img{
        display: block;
        margin:auto;
	}

hr {
	background-color: #fff;
	border-top: 2px dotted #bbb;
}	



/* iframe要素内でサイズ指定している場合は必要なし */
.iframe {
  width: 700;
  height: 400;
}

/* CSSでレスポンシブ対応 */
@media screen and (max-width: 700px) {
  .iframe-wrapper {
    position: relative;
    width: 100%;
   padding: calc(400 / 700 * 100%) 0 0; /* */
  }
  .iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    frameborder: 0;
  }
}

@media screen and (max-width: 700px) {
  .kes700 {display: none;}
  .nav5 { display: none }
}

  .kes728 {display: block;
    text-align: center ;
  }
@media screen and (max-width: 728px) {
  .kes728 {display: none;}
}


.resizeimage3 {
 text-align: center;
   max-width: 80%; /* 最大幅 <p class="resizeimage2">*/
   height: auto;
}
.resizeimage3 img { width: 100%; text-align: center;}



.box7kh {
  display: inline-block;
  width: 250px;
  height: auto ;
  margin: 0em;
  border: #eee solid 0px;
}

.box2b {
  display: inline-block;
  width: 240px;
  height: auto ;
  margin: 0em;
  text-align: top ;
  margin-right: 0em;
  border: #eee solid 0px;
}

/** 650 table*/

@media screen and (max-width: 650px) {
  .table {display: none;}

}


#btnSP {color: #ccc}
#btnPC {color: #ccc;}
@media screen and (max-width: 699px) {
#btnSP {
font-weight: bold;
color: #f00;}
#btnPC {
font-weight: bold;
font-color: #fff;
color: #090;}
}