@charset "utf-8";



/*---------- ページ全体の指定 ----------*/



body {
  background: url(img/header-side.png) repeat-x left top;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #000;
  background-color: #f5f5f5;
}









@media screen and (max-width: 480px) {
body {
  background: url(img/back_white.gif) repeat-x left top;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  margin: 0;
  padding: 0;
  font-size: 12px;
  width: 410px;
  color: #000;
  background-color: #fff;
}
}










body {
text-align: center;
}

body div {
	text-align: left;
	margin: 0 auto;
}





.h1_sitelogo {
   margin: 0px 0px 0px 20px;
   padding: 14px 0px 0px 0px;
   width: 391px;
   height: 124px;   
   margin-bottom:58px;
}


.h1_sitelogo:hover img{
   opacity:0.8;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}


@media screen and (max-width: 480px) {
.h1_sitelogo {
   margin: 0px 0px 0px 8px;
   padding: 16px 0px 0px 0px;
   width: 340px;
   height: 100px;
   margin-bottom:58px;
}
}





p.sent_sitelogo {
   margin: 0px 0px 0px 20px;
   padding: 14px 0px 0px 0px;
   width: 391px;
   height: 124px;   
   margin-bottom:58px;
}


p.sent_sitelogo:hover img{
   opacity:0.8;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}


@media screen and (max-width: 480px) {
p.sent_sitelogo {
   margin: 0px 0px 0px 8px;
   padding: 16px 0px 0px 0px;
   width: 220px;
   height: 80px;
   margin-bottom:58px;
}
}




p.sent_sitetop {
   margin: 28px 12px 0px 460px;
   padding: 0 0px 0px 0px;
   margin-bottom:-58px;
   font-size: 14px;	
   line-height: 150%;
   color: #000;
}

@media screen and (max-width: 480px) {
p.sent_sitetop {
   margin: 61px 5px 0px 246px;
   padding: 0 0px 0px 0px;
   margin-bottom:-144px;
   line-height: 120%;
   font-size: 14px;	
   color: #000;
}
}



.navi_link {
   color: #fff;
   font-size: 18px;
   text-decoration: underline;
}

.navi_link:hover {
   text-decoration: none;
   color: #FFFF00;
   font-size: 18px;
}




@media screen and (max-width: 480px) {
.navi_link {
   font-size: 14px;
   letter-spacing:-0.04em;
   text-decoration: underline;
}
}

@media screen and (max-width: 480px) {
.navi_link:hover {
   text-decoration: none;
   color: #FFFF00;
   letter-spacing:-0.04em;
   font-size: 14px;
}
}


.navi_link_top {
   color: #fff;
   font-size: 18px;
   text-decoration: underline;
}

.navi_link_top:hover {
   text-decoration: none;
   color: #F7FE2E;
   font-size: 18px;
}



@media screen and (max-width: 480px) {
.navi_link_top {
   text-decoration: underline;
   letter-spacing:-0.04em;
   font-size: 14px;
}
}

@media screen and (max-width: 480px) {
.navi_link_top:hover {
    text-decoration: none;
    color: #F7FE2E;
    letter-spacing:-0.04em;
    font-size: 14px;
}
}




.navi_black {
   color: #fff;
   font-size: 18px;
}


@media screen and (max-width: 480px) {
.navi_black {
   letter-spacing:-0.06em;
   color: #fff;; 
   font-size: 14px;
}
}





.square_btn {
   position: relative;
   display: inline-block;
   text-decoration: none;
   margin: -10px 0px 0px 10px;
   padding: 0px 0px 0px 0px;
   line-height: 300%;
   font-size: 16px;
   text-align: center;  
   color: #555;
   background: #fdfdfd;/*色*/
   border: solid 1px #D5D5D5;/*線色*/
   width: 246px; height: 48px;
   box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
   text-shadow: 0 0px 0 rgba(0,0,0,0.2);
}

.square_btn:hover {/*押したとき*/
   color: #000;
   background: #D5D5D5;/*色*/
   border: solid 1px #f5f5f5;
   box-shadow: none;
   text-shadow: none;
}





@media screen and (max-width: 480px) {
.square_btn {
   position: relative;
   display: inline-block;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
   text-decoration: none;
   margin: -6px 0px 18px 10px;
   padding: 0px 0px 0px 0px;
   line-height: 300%;
   font-size: 16px;
   text-align: center;  
   color: #555;
   background: #f5f5f5;/*色*/
   border: solid 1px #D5D5D5;/*線色*/
   width: 160px; height: 46px;
   box-shadow:2px 3px #888;
}
}

@media screen and (max-width: 480px) {
.square_btn:hover {/*押したとき*/
   color: #fff;
   background: #fc4f06;/*色*/
   border: solid 1px #f5f5f5;
   box-shadow: none;
   text-shadow: none;
}
}








.square_btn_secondary {
   position: relative;
   display: inline-block;
   text-decoration: none;
   margin: -10px 0px 0px 10px;
   padding: 0px 0px 0px 0px;
   line-height: 300%;
   font-size: 16px;
   text-align: center;  
   color: #555;
   background: #fdfdfd;/*色*/
   border: solid 1px #D5D5D5;/*線色*/
   width: 236px; height: 48px;
   box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
   text-shadow: 0 0px 0 rgba(0,0,0,0.2);
}

.square_btn_secondary:hover {/*押したとき*/
   color: #000;
   background: #D5D5D5;/*色*/
   border: solid 1px #f5f5f5;
   box-shadow: none;
   text-shadow: none;
}




@media screen and (max-width: 480px) {
.square_btn_secondary {
   position: relative;
   display: inline-block;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
   text-decoration: none;
   margin: -6px 0px 8px 10px;
   padding: 0px 0px 0px 0px;
   line-height: 300%;
   font-size: 16px;
   text-align: center;  
   color: #555;
   background: #f5f5f5;/*色*/
   border: solid 1px #D5D5D5;/*線色*/
   width: 120px; height: 46px;
   box-shadow:2px 3px #888;
}
}

@media screen and (max-width: 480px) {
.square_btn_secondary:hover {/*押したとき*/
   color: #fff;
   background: #fc4f06;/*色*/
   border: solid 1px #f5f5f5;
   box-shadow: none;
   text-shadow: none;
}
}






li {
　display: inline;
}


p {
  margin: 5px 0 5px 10px;
  padding: 0 5px 0 0;
  line-height: 180%;
  letter-spacing: 1px;
  font-size: 16px;
}


.wrapper {
	margin: -12px auto;
	text-align: left;
	width:1080px;
}







/*---------- メイン ----------*/



#main {
  margin: 0 auto 0 auto;
  padding: 0px 0px 0 0px;
  width: 1040px; 
  background-color: #fcfcfc;
}





@media screen and (max-width: 480px) {
#main {
  margin: 0 auto 0 auto;
  padding: 0px 10px 0 0px;
  width: 400px;
  background-color: #fff;
}
}







/*---------- ヘッダー ----------*/


header {
  margin: 0;
  background-color: #fff;
}




#header-inner {
  margin: 0;
  padding: 0;
  width: 1040px;
  height: 280px;
  background-image: url(img/header.png);
  background-repeat: no-repeat;
}







@media screen and (max-width: 480px) {
#header-inner {
  margin: 0;
  padding: 0;
  width: 492px;
  height: 280px;
  background-image: url(img/header-sumaho.png);
  background-repeat: no-repeat;
}
}






header a{
  margin: 0;
  padding: 15px 0 10px 0px;
  line-height: 220%;
  color: #fda535;
  font-size: 18px;
  text-decoration: none;
  font-weight: bolder;
 }

header a:hover{
  color: #f08502;
  font-size: 18px;
  text-decoration: none;
}

@media screen and (max-width: 480px) {
header a{
  margin: 0;
  padding: 15px 0 10px 0px;
  line-height: 160%;
  color: #fda535;
  font-size: 28px;
  text-decoration: none;
  font-weight: bolder;
 }
}

@media screen and (max-width: 480px) {
header a:hover{
  color: #f08502;
  font-size: 28px;
  text-decoration: none;
}
}




#header-menu {
  background-color: #333333;
  margin: 0px;
  padding-top: 8px;
  padding-left: 15px;
  padding-bottom: 7px;
  border-top: solid 2px #ffffff;
  border-bottom: solid 2px #ffffff;
  text-align: left;
  width: auto;
}

#header-menu ul {
  text-align: left;
  padding-bottom: 1px;
  margin: 0px;
  padding: 0px
}

#header-menu li {
  color: #ffffff;
  display: inline;
  padding-left: 13px;
  padding-right: 7px;
  background: url(img/l-icon.gif) no-repeat;
  background-position: left center;
}




#header p.gadget {
  margin: 20;
  padding: 15px 0 10px 0px;
  line-height: 20%;
  font-size: 16px;
  color: #fda535;
  background-repeat: no-repeat;
  font-weight: bolder;
}








/*---------- コンテンツ ----------*/


#container {
  width: 1010px;  
  margin: 0px;
  padding: 6px;
  background-color: #fff;
}





@media screen and (max-width: 480px) {
#container {
  width: 470px;  
  margin: 0px;
  padding: 6px;
  background-color: #fff;
}
}






/*---------- メインコンテンツ ----------*/

#contents {
  float: left;
  margin: 0;
  padding: 0px 5px 0 5px;
  line-height: 180%;
  letter-spacing: 1px;
  width: 800px;
  background-color: #fcfcfc;
}



@media screen and (max-width: 480px) {
#contents {
  float: left;
  margin: 0;
  padding: 0px 5px 0 5px;
  line-height: 180%;
  letter-spacing: 1px;
  width: 480px;
  background-color: #fff;
}
}






#contents p.navi {
  margin: 0px 0 0px 0;
  padding: 0 0px 0px 0;
  letter-spacing: 0px;
  line-height: 100%;
  color: #000;
}

@media screen and (max-width: 480px) {
#contents p.navi {
  margin: 0px 0 0px 0;
  padding: 0 0px 0px 0;
  letter-spacing: 0px;
  line-height: 14%;
  color: #000;
}
}












p.company {
  margin: 0px 0 0px 0;
  padding: 0 0px 0px 0;
	font-size: 18px;
	font-weight: bold;
	color: #DD0500;
}

@media screen and (max-width: 480px) {
p.company {
  margin: 0px 0 0px 0;
  padding: 0 0px 0px 0;
  line-height: 100%;
	color: #DD0500;
}
}



	

#contents img.sample {
  float: left;
  margin: 20px;
}






.box_status {
  margin: 10px 0 0px 0;
  padding: 0px 0px 0px 0;
  line-height: 200%;
}


@media screen and (max-width: 480px) {
.box_status {
  margin: 0px 0 20px 0;
  padding: 0 0px 0px 0;
  line-height: 140%;

}
}




.img_status_first{ 
  background-image: url(img/status-cash-back.gif);
  background-repeat: no-repeat;
  margin: 0px 5px 0px 0px;
  padding: 10px 0px 0px 0px;
  width: 97px; height: 95px;
  display: inline-block;
}


@media screen and (max-width: 480px) {
.img_status_first{ 
  margin: 0px 3px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url(img/status-cash-back-sumaho.gif);
  background-repeat: no-repeat;
  width: 56px; height: 56px;
  display: inline-block;
}
}


.img_status_first_gray{ 
  background-image: url(img/status-cash-back-gray.gif);
  background-repeat: no-repeat;
  margin: 0px 5px 0px 0px;
  padding: 10px 0px 0px 0px;
  width: 97px; height: 95px;
  display: inline-block;
}


@media screen and (max-width: 480px) {
.img_status_first_gray{ 
   margin: 0px 3px 0px 0px;
   padding: 0px 0px 0px 0px;
   background-image: url(img/status-cash-back-gray-sumaho.gif);
   background-repeat: no-repeat;
  width: 56px; height: 56px;   
  display: inline-block;
}
}




.img_status2{ 
  background-image: url(img/status-tokuten.gif);
  background-repeat: no-repeat;
  margin: 0px 5px 0px 0px;
  padding: 10px 0px 0px 0px;
  width: 95px; height: 95px;
  display: inline-block;
}


@media screen and (max-width: 480px) {
.img_status2{ 
   margin: 0px 3px 0px 0px;
   padding: 0px 0px 0px 0px;
   background-image: url(img/status-tokuten-sumaho.gif);
   background-repeat: no-repeat;
  width: 56px; height: 56px;
  display: inline-block;
}
}

.img_status2_gray{ 
  background-image: url(img/status-tokuten-gray.gif);
  background-repeat: no-repeat;
  margin: 0px 5px 0px 0px;
  padding: 10px 0px 0px 0px;
  width: 95px; height: 95px;
  display: inline-block;
}


@media screen and (max-width: 480px) {
.img_status2_gray{ 
   margin: 0px 3px 0px 0px;
   padding: 0px 0px 0px 0px;
   background-image: url(img/status-tokuten-gray-sumaho.gif);
   background-repeat: no-repeat;
  width: 56px; height: 56px;   
  display: inline-block;
}
}




.img_status3{ 
  background-image: url(img/status-kouji-hi.gif);
  background-repeat: no-repeat;
  margin: 0px 5px 0px 0px;
  padding: 10px 0px 0px 0px;
  width: 95px; height: 95px;
  display: inline-block;
}


@media screen and (max-width: 480px) {
.img_status3{ 
   margin: 0px 3px 0px 0px;
   padding: 0px 0px 0px 0px;
   background-image: url(img/status-kouji-hi-sumaho.gif);
   background-repeat: no-repeat;
  width: 56px; height: 56px;   
  display: inline-block;
}
}

.img_status3_gray{ 
  background-image: url(img/status-kouji-hi-gray.gif);
  background-repeat: no-repeat;
  margin: 0px 5px 0px 0px;
  padding: 10px 0px 0px 0px;
  width: 95px; height: 95px;
  display: inline-block;
}


@media screen and (max-width: 480px) {
.img_status3_gray{ 
   margin: 0px 3px 0px 0px;
   padding: 0px 0px 0px 0px;
   background-image: url(img/status-kouji-hi-gray-sumaho.gif);
   background-repeat: no-repeat;
  width: 56px; height: 56px;     
  display: inline-block;
}
}




.img_status4{ 
  background-image: url(img/status-penalty.gif);
  background-repeat: no-repeat;
  margin: 0px 5px 0px 0px;
  padding: 10px 0px 0px 0px;
  width: 95px; height: 95px;
  display: inline-block;
}


@media screen and (max-width: 480px) {
.img_status4{ 
   margin: 0px 3px 0px 0px;
   padding: 0px 0px 0px 0px;
   background-image: url(img/status-penalty-sumaho.gif);
   background-repeat: no-repeat;
  width: 56px; height: 56px;
  display: inline-block;
}
}

.img_status4_gray{ 
  background-image: url(img/status-penalty-gray.gif);
  background-repeat: no-repeat;
  margin: 0px 5px 0px 0px;
  padding: 10px 0px 0px 0px;
  width: 95px; height: 95px;
  display: inline-block;
}


@media screen and (max-width: 480px) {
.img_status4_gray{ 
   margin: 0px 3px 0px 0px;
   padding: 0px 0px 0px 0px;
   background-image: url(img/status-penalty-gray-sumaho.gif);
   background-repeat: no-repeat;
  width: 56px; height: 56px;
  display: inline-block;
}
}





.img_status5{ 
  background-image: url(img/status-fast.gif);
  background-repeat: no-repeat;
  margin: 0px 5px 0px 0px;
  padding: 10px 0px 0px 0px;
  width: 95px; height: 95px;
  display: inline-block;
}


@media screen and (max-width: 480px) {
.img_status5{ 
   margin: 0px 3px 0px 0px;
   padding: 0px 0px 0px 0px;
   background-image: url(img/status-fast-sumaho.gif);
   background-repeat: no-repeat;
  width: 56px; height: 56px;
  display: inline-block;
}
}

.img_status5_gray{ 
  background-image: url(img/status-fast-gray.gif);
  background-repeat: no-repeat;
  margin: 0px 5px 0px 0px;
  padding: 10px 0px 0px 0px;
  width: 95px; height: 95px;
  display: inline-block;
}


@media screen and (max-width: 480px) {
.img_status5_gray{ 
   margin: 0px 3px 0px 0px;
   padding: 0px 0px 0px 0px;
   background-image: url(img/status-fast-gray-sumaho.gif);
   background-repeat: no-repeat;
  width: 56px; height: 56px;
  display: inline-block;
}
}


.img_status6{ 
  background-image: url(img/status-sumaho-discount.gif);
  background-repeat: no-repeat;
  margin: 0px 5px 0px 0px;
  padding: 10px 0px 0px 0px;
  width: 95px; height: 95px;
  display: inline-block;
}


@media screen and (max-width: 480px) {
.img_status6{ 
   margin: 0px 3px 0px 0px;
   padding: 0px 0px 0px 0px;
   background-image: url(img/status-sumaho-discount-sumaho.gif);
   background-repeat: no-repeat;
  width: 56px; height: 56px;
  display: inline-block;
}
}

.img_status6_gray{ 
  background-image: url(img/status-sumaho-discount-gray.gif);
  background-repeat: no-repeat;
  margin: 0px 5px 0px 0px;
  padding: 10px 0px 0px 0px;
  width: 95px; height: 95px;
  display: inline-block;
}


@media screen and (max-width: 480px) {
.img_status6_gray{ 
   margin: 0px 3px 0px 0px;
   padding: 0px 0px 0px 0px;
   background-image: url(img/status-sumaho-discount-gray-sumaho.gif);
   background-repeat: no-repeat;
  width: 56px; height: 56px;
  display: inline-block;
}
}



.img_status7{ 
  background-image: url(img/status-wi-fi.gif);
  background-repeat: no-repeat;
  margin: 0px 5px 0px 0px;
  padding: 10px 0px 0px 0px;
  width: 95px; height: 95px;
  display: inline-block;
}


@media screen and (max-width: 480px) {
.img_status7{ 
   margin: 0px 3px 0px 0px;
   padding: 0px 0px 0px 0px;
   background-image: url(img/status-wi-fi-sumaho.gif);
   background-repeat: no-repeat;
  width: 56px; height: 56px;
  display: inline-block;
}
}

.img_status7_gray{ 
  background-image: url(img/status-wi-fi-gray.gif);
  background-repeat: no-repeat;
  margin: 0px 5px 0px 0px;
  padding: 10px 0px 0px 0px;
  width: 95px; height: 95px;
  display: inline-block;
}


@media screen and (max-width: 480px) {
.img_status7_gray{ 
   margin: 0px 3px 0px 0px;
   padding: 0px 0px 0px 0px;
   background-image: url(img/status-wi-fi-gray-sumaho.gif);
   background-repeat: no-repeat;
  width: 56px; height: 56px;
  display: inline-block;
}
}







.img_status_end{ 
  background-image: url(img/status-discount.gif);
  background-repeat: no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  width: 97px; height: 95px;
  display: inline-block;
}


@media screen and (max-width: 480px) {
.img_status_end{ 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   background-image: url(img/status-discount-sumaho.gif);
   background-repeat: no-repeat;
  width: 56px; height: 56px;
  display: inline-block;
}
}

.img_status_end_gray{ 
  background-image: url(img/status-discount-gray.gif);
  background-repeat: no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  width: 97px; height: 95px;
  display: inline-block;
}


@media screen and (max-width: 480px) {
.img_status_end_gray{ 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   background-image: url(img/status-discount-gray-sumaho.gif);
   background-repeat: no-repeat;
  width: 56px; height: 56px;
  display: inline-block;
}
}









li.status{
  background-image:url(img/status.gif);
  background-repeat: no-repeat;
  width: 95px; height: 95px;
  margin: 0px 0px 0px 0px;
  padding: 20px 0 0px 0px;
  line-height: 200%;
  font-size: 18px;
  display: inline-block; 
  font-weight: bold;
  color: #fff;
}


@media screen and (max-width: 480px) {
li.status{
  background-image:url(img/status-sumaho.gif);
  background-repeat: no-repeat;
  width: 100px; height: 100px;
  margin: 24px 0px 0px 0;
  padding: 0px 0 0px 10px;
  line-height: 210%;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
}




li.status1{
  background-image: url(img/status-end.gif);
  background-repeat: no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 85px 0px 0px 0px;
  width: 95px; height: 95px;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}


@media screen and (max-width: 480px) {
li.status1{
  margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   background-image: url(img/status.gif);
   background-repeat: no-repeat;
}
}



.status_write{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #fff;
  font-size: 30px;
}

@media screen and (max-width: 480px) {
.status_write{
  color: #000;
  font-size: 16px;
  font-weight: bold;
}
}


.status_write_down{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #fff;
  font-size: 30px;
}

@media screen and (max-width: 480px) {
.status_write_down{
  color: #000;
  font-size: 16px;
  font-weight: bold;
}
}










#contents h1 {
   position: relative;
   padding: .5em .75em;
   margin: 20px 0px 24px 0px;
   padding: 28px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #fda72d;
   width: 790px;
   height: 48px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;   
}

#contents h1:after {
   position: absolute;
   top: 100%;
   left: 64px;
   content: '';
   width: 0;
   height: 0;
   border: 10px solid transparent;
   border-top: 15px solid #fda72d;
}


@media screen and (max-width: 480px) {
#contents h1 {
   position: relative;
   padding: .5em .75em;
   margin: 10px 0px 24px 0px;
   padding: 14px 0px 0px 5px;
   font-size: 28px;
   letter-spacing: 0em;  
   color: #fff;
   line-height: 140%;
   background-color: #fda72d;
   width: 464px;
   height: 92px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}
}

@media screen and (max-width: 480px) {
#contents h1:after {
   position: absolute;
   top: 100%;
   left: 64px;
   content: '';
   width: 0;
   height: 0;
   border: 10px solid transparent;
   border-top: 15px solid #fda72d;
}
}






#contents h1.short {
   position: relative;
   padding: .5em .75em;
   margin: 20px 0px 24px 0px;
   padding: 28px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #fda72d;
   width: 790px;
   height: 48px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}

#contents h.short1:after {
   position: absolute;
   top: 100%;
   left: 64px;
   content: '';
   width: 0;
   height: 0;
   border: 10px solid transparent;
   border-top: 15px solid #fda72d;
}


@media screen and (max-width: 480px) {
#contents h1.short {
   position: relative;
   padding: .5em .75em;
   margin: 10px 0px 24px 0px;
   padding: 14px 0px 0px 5px;
   font-size: 28px;
   letter-spacing: 0em;   
   color: #fff;
   line-height: 280%;
   background-color: #fda72d;
   width: 464px;
   height: 92px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}
}

@media screen and (max-width: 480px) {
#contents h1.short:after {
   position: absolute;
   top: 100%;
   left: 64px;
   content: '';
   width: 0;
   height: 0;
   border: 10px solid transparent;
   border-top: 15px solid #fda72d;
}
}








#contents h2.office {
   position: relative;
  text-align: center;
   padding: .5em .75em;
   margin: 20px 0px 24px 0px;
   padding: 48px 0px 0px 10px;
   font-size: 54px;
   color: #fff;;
   background-color: #3b86ff;
   width: 1010px;
   height: 68px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}

#contents h2.office:after {
   position: absolute;
   top: 100%;
   left: 488px;
   content: '';
   width: 0;
   height: 0;
   border: 10px solid transparent;
   border-top: 15px solid #3b86ff;
}


@media screen and (max-width: 480px) {
#contents h2.office {
   position: relative;
   padding: .5em .75em;
   margin: 10px 0px 24px 0px;
   padding: 14px 0px 0px 5px;
   font-size: 38px;
   letter-spacing: 0em;   
   color: #fff;
   line-height: 140%;
   background-color: #3b86ff;
   width: 464px;
   height: 120px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;   
}
}

@media screen and (max-width: 480px) {
#contents h2.office:after {
   position: absolute;
   top: 100%;
   left: 220px;
   content: '';
   width: 0;
   height: 0;
   border: 10px solid transparent;
   border-top: 15px solid #3b86ff;
}
}














#contents h2.toppage {
   position: relative;
   padding: .5em .75em;
   margin: 20px 0px 24px 0px;
   padding: 28px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #f19f07;
   width: 1010px;
   height: 48px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}

#contents h2.toppage:after {
   position: absolute;
   top: 100%;
   left: 64px;
   content: '';
   width: 0;
   height: 0;
   border: 10px solid transparent;
   border-top: 15px solid #f19f07;
}


@media screen and (max-width: 480px) {
#contents h2.toppage {
   position: relative;
   padding: .5em .75em;
   margin: 10px 0px 24px 0px;
   padding: 14px 0px 0px 5px;
   font-size: 28px;
   letter-spacing: 0em;   
   color: #fff;
   line-height: 140%;
   background-color: #f19f07;
   width: 464px;
   height: 92px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;   
}
}

@media screen and (max-width: 480px) {
#contents h2.toppage:after {
   position: absolute;
   top: 100%;
   left: 64px;
   content: '';
   width: 0;
   height: 0;
   border: 10px solid transparent;
   border-top: 15px solid #f19f07;
}
}






#contents h2.kobetsu {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-individual.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h2.kobetsu {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-individual-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}













#contents h2.first {
   position: relative;
   padding: .5em .75em;
   margin: 30px 0px 24px 0px;
   padding: 22px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #f77b00;
   width: 790px;
   height: 42px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}

#contents h2.first:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #f77b00;
}


@media screen and (max-width: 480px) {
#contents h2.first {
   position: relative;
   padding: .5em .75em;
   margin: 0px 0px 24px 0px;
   padding: 7px 0px 0px 5px;
   font-size: 28px;
   letter-spacing: 0em;  
   color: #fff;
   line-height: 140%;
   background-color: #f77b00;
   width: 464px;
   height: 85px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}
}

@media screen and (max-width: 480px) {
#contents h2.first:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #f77b00;
}
}






#contents h2.second {
   position: relative;
   padding: .5em .75em;
   margin: 60px 0px 24px 0px;
   padding: 22px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #f77b00;
   width: 790px;
   height: 42px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}

#contents h2.second:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #f77b00;
}


@media screen and (max-width: 480px) {
#contents h2.second {
   position: relative;
   padding: .5em .75em;
   margin: 50px 0px 24px 0px;
   padding: 7px 0px 0px 5px;
   font-size: 28px;
   letter-spacing: 0em;  
   color: #fff;
   line-height: 140%;
   background-color: #f77b00;
   width: 464px;
   height: 85px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;   
}
}

@media screen and (max-width: 480px) {
#contents h2.second:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #f77b00;
}
}






#contents h2.short {
   position: relative;
   padding: .5em .75em;
   margin: 30px 0px 24px 0px;
   padding: 22px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #f77b00;
   width: 790px;
   height: 42px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;   
}

#contents h2.short:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #f77b00;
}


@media screen and (max-width: 480px) {
#contents h2.short {
   position: relative;
   padding: .5em .75em;
   margin: 0px 0px 24px 0px;
   padding: 7px 0px 0px 5px;
   font-size: 28px;
   letter-spacing: 0em;  
   color: #fff;
   line-height: 280%;
   background-color: #f77b00;
   width: 464px;
   height: 85px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}
}

@media screen and (max-width: 480px) {
#contents h2.short:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #f77b00;
}
}







#contents h2.short_second {
   position: relative;
   padding: .5em .75em;
   margin: 60px 0px 24px 0px;
   padding: 22px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #f77b00;
   width: 790px;
   height: 42px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}

#contents h2.short_second:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #f77b00;
}


@media screen and (max-width: 480px) {
#contents h2.short_second {
   position: relative;
   padding: .5em .75em;
   margin: 50px 0px 24px 0px;
   padding: 7px 0px 0px 5px;
   font-size: 28px;
   letter-spacing: 0em;   
   color: #fff;
   line-height: 280%;
   background-color: #f77b00;
   width: 464px;
   height: 85px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}
}

@media screen and (max-width: 480px) {
#contents h2.short_second:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #f77b00;
}
}






#contents h2.red {
   position: relative;
   padding: .5em .75em;
   margin: 30px 0px 24px 0px;
   padding: 22px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #fc4f06;
   width: 790px;
   height: 42px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}

#contents h2.red:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #fc4f06;
}


@media screen and (max-width: 480px) {
#contents h2.red {
   position: relative;
   padding: .5em .75em;
   margin: 0px 0px 24px 0px;
   padding: 7px 0px 0px 5px;
   font-size: 28px;
   letter-spacing: 0em;   
   color: #fff;
   line-height: 140%;
   background-color: #fc4f06;
   width: 464px;
   height: 85px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}
}

@media screen and (max-width: 480px) {
#contents h2.red:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #fc4f06;
}
}





#contents h2.red_second {
   position: relative;
   padding: .5em .75em;
   margin: 60px 0px 24px 0px;
   padding: 22px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #fc4f06;
   width: 790px;
   height: 42px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}

#contents h2.red_second:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #fc4f06;
}


@media screen and (max-width: 480px) {
#contents h2.red_second {
   position: relative;
   padding: .5em .75em;
   margin: 50px 0px 24px 0px;
   padding: 7px 0px 0px 5px;
   font-size: 28px;
   letter-spacing: 0em;   
   color: #fff;
   line-height: 140%;
   background-color: #fc4f06;
   width: 464px;
   height: 85px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}
}

@media screen and (max-width: 480px) {
#contents h2.red_second:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #fc4f06;
}
}





#contents h2.red_short {
   position: relative;
   padding: .5em .75em;
   margin: 30px 0px 24px 0px;
   padding: 22px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #fc4f06;
   width: 790px;
   height: 42px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}

#contents h2.red_short:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #fc4f06;
}


@media screen and (max-width: 480px) {
#contents h2.red_short {
   position: relative;
   padding: .5em .75em;
   margin: 0px 0px 24px 0px;
   padding: 7px 0px 0px 5px;
   font-size: 28px;
   letter-spacing: 0em;   
   color: #fff;
   line-height: 280%;
   background-color: #fc4f06;
   width: 464px;
   height: 85px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}
}

@media screen and (max-width: 480px) {
#contents h2.red_short:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #fc4f06;
}
}







#contents h2.red_short_second {
   position: relative;
   padding: .5em .75em;
   margin: 60px 0px 24px 0px;
   padding: 22px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #fc4f06;
   width: 790px;
   height: 42px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}

#contents h2.red_short_second:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #fc4f06;
}


@media screen and (max-width: 480px) {
#contents h2.red_short_second {
   position: relative;
   padding: .5em .75em;
   margin: 50px 0px 24px 0px;
   padding: 7px 0px 0px 5px;
   font-size: 28px;
   letter-spacing: 0em;  
   color: #fff;
   line-height: 280%;
   background-color: #fc4f06;
   width: 464px;
   height: 85px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}
}

@media screen and (max-width: 480px) {
#contents h2.red_short_second:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #fc4f06;
}
}














#contents h2.blue {
   position: relative;
   padding: .5em .75em;
   margin: 30px 0px 24px 0px;
   padding: 22px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #10a8da;
   width: 790px;
   height: 42px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}

#contents h2.blue:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #10a8da;
}


@media screen and (max-width: 480px) {
#contents h2.blue {
   position: relative;
   padding: .5em .75em;
   margin: 0px 0px 24px 0px;
   padding: 7px 0px 0px 5px;
   font-size: 28px;
   letter-spacing: 0em;   
   color: #fff;
   line-height: 140%;
   background-color: #10a8da;
   width: 464px;
   height: 85px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}
}

@media screen and (max-width: 480px) {
#contents h2.blue:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #10a8da;
}
}





#contents h2.blue_second {
   position: relative;
   padding: .5em .75em;
   margin: 60px 0px 24px 0px;
   padding: 22px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #10a8da;
   width: 790px;
   height: 42px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}

#contents h2.blue_second:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #10a8da;
}


@media screen and (max-width: 480px) {
#contents h2.blue_second {
   position: relative;
   padding: .5em .75em;
   margin: 50px 0px 24px 0px;
   padding: 7px 0px 0px 5px;
   font-size: 28px;
   letter-spacing: 0em;  
   color: #fff;
   line-height: 140%;
   background-color: #10a8da;
   width: 464px;
   height: 85px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}
}

@media screen and (max-width: 480px) {
#contents h2.blue_second:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #10a8da;
}
}





#contents h2.blue_short {
   position: relative;
   padding: .5em .75em;
   margin: 30px 0px 24px 0px;
   padding: 22px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #10a8da;
   width: 790px;
   height: 42px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}

#contents h2.blue_short:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #10a8da;
}


@media screen and (max-width: 480px) {
#contents h2.blue_short {
   position: relative;
   padding: .5em .75em;
   margin: 0px 0px 24px 0px;
   padding: 7px 0px 0px 5px;
   font-size: 28px;
   letter-spacing: 0em;   
   color: #fff;
   line-height: 280%;
   background-color: #10a8da;
   width: 464px;
   height: 85px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}
}

@media screen and (max-width: 480px) {
#contents h2.blue_short:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #10a8da;
}
}







#contents h2.blue_short_second {
   position: relative;
   padding: .5em .75em;
   margin: 60px 0px 24px 0px;
   padding: 22px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #10a8da;
   width: 790px;
   height: 42px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}

#contents h2.blue_short_second:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #10a8da;
}


@media screen and (max-width: 480px) {
#contents h2.blue_short_second {
   position: relative;
   padding: .5em .75em;
   margin: 50px 0px 24px 0px;
   padding: 7px 0px 0px 5px;
   font-size: 28px;
   letter-spacing: 0em;  
   color: #fff;
   line-height: 280%;
   background-color: #10a8da;
   width: 464px;
   height: 85px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}
}

@media screen and (max-width: 480px) {
#contents h2.blue_short_second:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #10a8da;
}
}






#contents h2.gray_first {
   position: relative;
   padding: .5em .75em;
   margin: 30px 0px 24px 0px;
   padding: 17px 0px 0px 10px;
   font-size: 24px;
   color: #111;;
   background-color: #e3e3e3;
   width: 790px;
   height: 36px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}

#contents h2.gray_first:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 13px solid #e3e3e3;
}


@media screen and (max-width: 480px) {
#contents h2.gray_first {
   position: relative;
   padding: .5em .75em;
   margin: 30px 0px 24px 0px;
   padding: 12px 0px 0px 5px;
   font-size: 24px;
   letter-spacing: 0em;  
   color: #111;
   line-height: 140%;
   background-color: #e3e3e3;
   width: 464px;
   height: 46px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}
}

@media screen and (max-width: 480px) {
#contents h2.gray_first:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 13px solid #e3e3e3;
}
}











#contents h2.gray_first_second {
   position: relative;
   padding: .5em .75em;
   margin: 60px 0px 24px 0px;
   padding: 17px 0px 0px 10px;
   font-size: 24px;
   color: #111;;
   background-color: #e3e3e3;
   width: 790px;
   height: 36px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}

#contents h2.gray_first_second:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 13px solid #e3e3e3;
}


@media screen and (max-width: 480px) {
#contents h2.gray_first_second {
   position: relative;
   padding: .5em .75em;
   margin: 50px 0px 24px 0px;
   padding: 12px 0px 0px 5px;
   font-size: 24px;
   letter-spacing: 0em;  
   color: #111;
   line-height: 140%;
   background-color: #e3e3e3;
   width: 464px;
   height: 46px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}
}

@media screen and (max-width: 480px) {
#contents h2.gray_first_second:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 13px solid #e3e3e3;
}
}











#contents h3.red {
   position: relative;
   padding: .5em .75em;
   margin: 30px 0px 24px 0px;
   padding: 22px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #fc4f06;
   width: 790px;
   height: 42px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}

#contents h3.red:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #fc4f06;
}


@media screen and (max-width: 480px) {
#contents h3.red {
   position: relative;
   padding: .5em .75em;
   margin: 0px 0px 24px 0px;
   padding: 7px 0px 0px 5px;
   font-size: 28px;
   letter-spacing: 0em;   
   color: #fff;
   line-height: 140%;
   background-color: #fc4f06;
   width: 464px;
   height: 85px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}
}

@media screen and (max-width: 480px) {
#contents h3.red:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #fc4f06;
}
}









#contents h3.first {
   position: relative;
   padding: .5em .75em;
   margin: 30px 0px 24px 0px;
   padding: 17px 0px 0px 10px;
   font-size: 24px;
   color: #111;;
   background-color: #e3e3e3;
   width: 790px;
   height: 36px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}

#contents h3.first:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 13px solid #e3e3e3;
}


@media screen and (max-width: 480px) {
#contents h3.first {
   position: relative;
   padding: .5em .75em;
   margin: 30px 0px 24px 0px;
   padding: 12px 0px 0px 5px;
   font-size: 24px;
   letter-spacing: 0em;   
   color: #111;
   line-height: 140%;
   background-color: #e3e3e3;
   width: 464px;
   height: 46px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}
}

@media screen and (max-width: 480px) {
#contents h3.first:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 13px solid #e3e3e3;
}
}





#contents h3.first_second {
   position: relative;
   padding: .5em .75em;
   margin: 50px 0px 24px 0px;
   padding: 17px 0px 0px 10px;
   font-size: 24px;
   color: #111;;
   background-color: #e3e3e3;
   width: 790px;
   height: 36px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}

#contents h3.first_second:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 13px solid #e3e3e3;
}


@media screen and (max-width: 480px) {
#contents h3.first_second {
   position: relative;
   padding: .5em .75em;
   margin: 50px 0px 24px 0px;
   padding: 12px 0px 0px 5px;
   font-size: 24px;
   letter-spacing: 0em;   
   color: #111;
   line-height: 140%;
   background-color: #e3e3e3;
   width: 464px;
   height: 46px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}
}

@media screen and (max-width: 480px) {
#contents h3.first_second:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 13px solid #e3e3e3;
}
}






#contents h3.blue {
   position: relative;
   padding: .5em .75em;
   margin: 30px 0px 24px 0px;
   padding: 17px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #10a8da;
   width: 790px;
   height: 36px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}

#contents h3.blue:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 13px solid #10a8da;
}


@media screen and (max-width: 480px) {
#contents h3.blue {
   position: relative;
   padding: .5em .75em;
   margin: 30px 0px 24px 0px;
   padding: 12px 0px 0px 5px;
   font-size: 24px;
   letter-spacing: 0em;    
   color: #fff;
   line-height: 140%;
   background-color: #10a8da;
   width: 464px;
   height: 46px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}
}

@media screen and (max-width: 480px) {
#contents h3.blue:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 13px solid #10a8da;
}
}







#contents h3.blue_second {
   position: relative;
   padding: .5em .75em;
   margin: 50px 0px 24px 0px;
   padding: 17px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #10a8da;
   width: 790px;
   height: 36px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}

#contents h3.blue_second:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 13px solid #10a8da;
}


@media screen and (max-width: 480px) {
#contents h3.blue_second {
   position: relative;
   padding: .5em .75em;
   margin: 50px 0px 24px 0px;
   padding: 12px 0px 0px 5px;
   font-size: 24px;
   letter-spacing: 0em;    
   color: #fff;
   line-height: 140%;
   background-color: #10a8da;
   width: 464px;
   height: 46px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}
}

@media screen and (max-width: 480px) {
#contents h3.blue_second:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 13px solid #10a8da;
}
}












#contents h3.article {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 230%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/titlebar-article.gif);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.article {
	padding: 0px 0px 0px 0px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 210%;
	color: #111;
    width: 469px;
    height: 54px;
	background-image: url(img/titlebar-article-sumaho.gif);
	background-repeat: no-repeat;
   word-break: break-all;
}
}




#contents h3.kobetsu {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-individual.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.kobetsu {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-individual-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}





#contents h3.one-gold {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-gold.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.one-gold {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-gold-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}






#contents h3.one-silver {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-silver.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.one-silver {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-silver-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}





#contents h3.toku {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-toku.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.toku {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-toku-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}




#contents h3.betsu {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-betsu.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.betsu {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-betsu-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}




#contents h3.no1 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no1.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no1 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no1-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}


#contents h3.no2 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no2.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no2 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no2-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}



#contents h3.no3 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no3.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no3 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no3-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}




#contents h3.no4 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no4.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no4 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no4-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}




#contents h3.no5 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no5.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no5 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no5-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}





#contents h3.no6 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no6.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no6 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no6-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}





#contents h3.no7 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no7.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no7 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no7-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}




#contents h3.no8 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no8.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no8 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no8-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}






#contents h3.no9 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no9.png);
	background-repeat: no-repeat;
   word-break: break-all;	
}


@media screen and (max-width: 480px) {
#contents h3.no9 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no9-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}





#contents h3.no10 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no10.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no10 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no10-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}




#contents h3.no11 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no11.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no11 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no11-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}





#contents h3.no12 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no12.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no12 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no12-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}




#contents h3.no13 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no13.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no13 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no13-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}






#contents h3.no14 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no14.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no14 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no14-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}




#contents h3.no15 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no15.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no15 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no15-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}




#contents h3.no16 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no16.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no16 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no16-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}





#contents h3.no17 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no17.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no17 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no17-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}





#contents h3.no18 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no18.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no18 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no18-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}





#contents h3.no19 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no19.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no19 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no19-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}



#contents h3.no20 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no20.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no20 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no20-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}



#contents h3.no21 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no21.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no21 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no21-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}





#contents h3.no22 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no22.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no22 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no22-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}






#contents h3.no23 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no23.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no23 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no23-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}





#contents h3.no24 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no24.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no24 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no24-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}





#contents h3.no25 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no25.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no25 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no25-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}




#contents h3.no26 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no26.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no26 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no26-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}






#contents h3.no27 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no27.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no27 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no27-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}






#contents h3.no28 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no28.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no28 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no28-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}




#contents h3.no29 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no29.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no29 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no29-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}





#contents h3.no30 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 24px;
	line-height: 300%;
	color: #111;
    width: 800px;
    height: 60px;
	background-image: url(img/commendation-no30.png);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.no30 {
	padding: 0px 0px 0px 88px;
	margin-bottom:20px;
  	font-size: 24px;
    letter-spacing:-0.01em;
	line-height: 270%;
	color: #111;
    width: 390px;
    height: 60px;
	background-image: url(img/commendation-no30-sumaho.png);
	background-repeat: no-repeat;
   word-break: break-all;
}
}









#contents h3.green {
	background-image: url(img/menubar-sumaho.gif);
    width: 800px;
    height: 60px;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.green {
	background-image: url(img/menubar-sumaho.gif);
    width: 466px;
    height: 60px;
   word-break: break-all;
}
}





#contents h3.simple {
	margin: 30px 0px 0px 0px;
	padding: 6px 0px 0px 4px;
	margin-bottom:10px;
  	font-size: 20px;
	line-height: 150%;
	color: #111;
    width: 800px;
    height: 38px;
	background-image: url(img/titlebar-h4.gif);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h3.simple {
	padding: 0px 0px 0px 0px;
	padding: 8px 0px 0px 5px;
	margin-bottom:20px;
  	font-size: 22px;
    letter-spacing:-0.01em;
	line-height: 100%;
	color: #111;
    width: 468px;
    height: 38px;
	background-image: url(img/titlebar-h4-sumaho.gif);
	background-repeat: no-repeat;
   word-break: break-all;
}
}






#contents h4.first {
   position: relative;
   padding: .5em .75em;
   margin: 30px 0px 24px 0px;
   padding: 10px 0px 0px 10px;
   font-size: 20px;
   color: #111;;
   background-color: #e3e3e3;
   width: 790px;
   height: 30px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}

#contents h4.first:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top: 11px solid #e3e3e3;
}


@media screen and (max-width: 480px) {
#contents h4.first {
   position: relative;
   padding: .5em .75em;
   margin: 16px 0px 24px 0px;
   padding: 12px 0px 0px 5px;
   font-size: 22px;
   letter-spacing: 0em;   
   color: #111;
   line-height: 140%;
   background-color: #e3e3e3;
   width: 464px;
   height: 46px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
   word-break: break-all;
}
}

@media screen and (max-width: 480px) {
#contents h4.first:after {
  position: absolute;
  top: 100%;
  left: 64px;
  content: '';
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 13px solid #e3e3e3;
}
}





#contents h4.simple {
	margin: 30px 0px 0px 0px;
	padding: 6px 0px 0px 4px;
	margin-bottom:10px;
  	font-size: 20px;
	line-height: 150%;
	color: #111;
    width: 800px;
    height: 38px;
	background-image: url(img/titlebar-h4.gif);
	background-repeat: no-repeat;
   word-break: break-all;
}


@media screen and (max-width: 480px) {
#contents h4.simple {
	padding: 0px 0px 0px 0px;
	padding: 8px 0px 0px 5px;
	margin-bottom:20px;
  	font-size: 22px;
    letter-spacing:-0.01em;
	line-height: 100%;
	color: #111;
    width: 468px;
    height: 38px;
	background-image: url(img/titlebar-h4-sumaho.gif);
	background-repeat: no-repeat;
   word-break: break-all;
}
}





.page-contents{
   list-style:none; 
   margin: 12px -10px -18px 0px;
   padding-left:0px; 
}

.page-contents a{
   text-decoration:none;
}



li.table-contents{
   list-style-type:none;
   margin: 0px 0px 0px 10px;
   padding: 0px 0px 10px 0px;
   widthh: auto; height: auto;
   background-repeat:no-repeat;
}


@media screen and (max-width: 480px) {
li.table-contents{
   list-style-type:none;
   margin: 10px 0px -10px 10px;
   padding: 0px 0px 10px 0px;
   line-height: 360%;
   widthh: auto; height: auto;
   background-repeat:no-repeat;
}
}


li.table-contents:before {
    content: "• ";
    color: #013ADF;
}

@media screen and (max-width: 480px) {
li.table-contents:before {
    content: "● ";
    color: #3F6FFE;
}
}






.table_contents {
  margin: 10px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  line-height: 100%;
  font-size: 22px;
  color: #333;
  font-weight: bold;
  display: block;
  background-image: url(img/table_contents.gif);
  background-repeat: no-repeat;  
}

@media screen and (max-width: 480px) {
.table_contents {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  line-height: 100%;
  font-size: 22px;
  color: #333;
  font-weight: bold;
  display: block;
  background-image: url(img/table_contents_sumaho.gif);
  background-repeat: no-repeat;  
}
}








.page-contents2{
   list-style:none; 
   margin: 12px -10px -18px 0px;
   padding-left:0px; 
}

.page-contents2 a{
   text-decoration:none;
}



li.table-contents2{
   list-style-type:none;
   margin: 0px 0px 0px 10px;
   padding: 0px 0px 20px 0px;
   widthh: auto; height: auto;
   background-repeat:no-repeat;
}


@media screen and (max-width: 480px) {
li.table-contents2{
   list-style-type:none;
   margin: 10px 0px -10px 10px;
   padding: 0px 0px 10px 0px;
   line-height: 360%;
   widthh: auto; height: auto;
   background-repeat:no-repeat;
}
}






.table_contents2 {
  margin: 10px 0px 0px 0px;
  padding: 10px 0px 20px 0px;
  line-height: 100%;
  font-size: 22px;
  color: #333;
  font-weight: bold;
  display: block;
  background-image: url(img/table_contents.gif);
  background-repeat: no-repeat;  
}

@media screen and (max-width: 480px) {
.table_contents2 {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  line-height: 100%;
  font-size: 22px;
  color: #333;
  font-weight: bold;
  display: block;
  background-image: url(img/table_contents_sumaho.gif);
  background-repeat: no-repeat;  
}
}









#contents h2.table_contents {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
  line-height: 100%;
  font-size: 22px;
  color: #333;
  font-weight: bold;
  display: block;
  background-image: url(img/table_contents.gif);
  background-repeat: no-repeat;  
}

@media screen and (max-width: 480px) {
#contents h2.table_contents {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
  line-height: 100%;
  font-size: 22px;
  color: #333;
  font-weight: bold;
  display: block;
  background-image: url(img/table_contents_sumaho.gif);
  background-repeat: no-repeat;  
}
}



#contents h3.table_contents {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
  line-height: 100%;
  font-size: 22px;
  color: #333;
  font-weight: bold;
  display: block;
  background-image: url(img/table_contents.gif);
  background-repeat: no-repeat;  
}

@media screen and (max-width: 480px) {
#contents h3.table_contents {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
  line-height: 100%;
  font-size: 22px;
  color: #333;
  font-weight: bold;
  display: block;
  background-image: url(img/table_contents_sumaho.gif);
  background-repeat: no-repeat;  
}
}







.otoku_link{ 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   color: #0020FF;
   font-size: 17px;
   font-weight: bold;
}


.otoku_link:hover {
	color: #f00000;
    text-decoration: underline;	
}



@media screen and (max-width: 480px) {
.otoku_link{ 
   margin: 0px 0px 0px 0px;
   line-height: 10%;
   font-size: 20px;
   font-weight: bold;
   width:100%;
}
}








.table_link{ 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   color: #0020FF;
   font-size: 18px;
   font-weight: bold;
}


.table_link:hover {
	color: #f00000;
    text-decoration: underline;	
}



@media screen and (max-width: 480px) {
.table_link{ 
   margin: 0px 0px 0px 0px;
   line-height: 10%;
   font-size: 18px;
   font-weight: bold;
   width:100%;
}
}



.table_link_bold{ 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   color: #0020FF;
   font-size: 16px;
   font-weight: bold;
}


.table_link_bold:hover {
	color: #f82000;
    text-decoration: underline;	
}



@media screen and (max-width: 480px) {
.table_link_bold{ 
   margin: 0px 0px 0px 0px;
   line-height: 10%;
   font-size: 16px;
   font-weight: bold;
   width:100%;
}
}




.img_table000{ 
   margin: 50px 0px 0px 0px;
   padding: 20px 0px 25px 80px;
   background-image: url(img/osusume-004.gif);
   background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
.img_table000{ 
   margin: 20px 0px 0px 0px;
   padding: 30px 0px 45px 80px;
   background-image: url(img/osusume-004.gif);
   background-repeat: no-repeat;
}
}




.box_table {
  margin: 50px 0 60px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  display: block;
  background-color: #f8f8f8;
  padding: 0.6em;
  border-top: dotted 2px #ccc;
  border-bottom: dotted 2px #ccc;
  border-left: dotted 2px #ccc;
  border-right: dotted 2px #ccc;
}


@media screen and (max-width: 480px) {
.box_table {
  margin: 40px 0 60px 0;
  padding: 0 5px 30px 0;
  line-height: 140%;
  display: block;
  background-color: #f8f8f8;
  padding: 0.6em;
  border-top: dotted 2px #ccc;
  border-bottom: dotted 2px #ccc;
  border-left: dotted 2px #ccc;
  border-right: dotted 2px #ccc;
}
}











.af_arrow {
   text-align: center;
}




.af_btn {
   width: 700px;
   height: 100px;
   	margin-bottom:30px;
   text-align: center;
   background-image: url(img/btn-omoushikomi-top.gif);
}


.af_btn:hover {
   opacity:0.9;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}



@media screen and (max-width: 480px) {
.af_btn {
   width: 420px;
   height: 80px;
   text-align: center;
   background-image: url(img/btn-omoushikomi-top-sumaho.gif);
}
}




.site_jump_btn {
   width: 700px;
   height: 100px;
   	margin-bottom:30px;
   text-align: center;
   background-image: url(img/btn-site-jump.gif);
}


.site_jump_btn:hover {
   opacity:0.9;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}



@media screen and (max-width: 480px) {
.site_jump_btn {
   width: 420px;
   height: 80px;
   text-align: center;
   background-image: url(img/btn-site-jump-sumaho.gif);
}
}




.af_link_font {
   color: #fff;
   font-size: 40px;
   text-align: center;
   line-height: 104px;
   font-weight: bold;  
}  


@media screen and (max-width: 480px) {
.af_link_font {
   color: #fff;
   font-size: 26px;
   text-align: center;
   line-height: 80px;
   letter-spacing: 0em;
   font-weight: bold;  
}  
}













#contents a{
   text-decoration: none;
   color: #111;
   font-size: 14px;
 }

#contents a:hover{
   color: #f82000;
   font-size: 14px;
}





@media screen and (max-width: 480px) {
#contents a{
   text-decoration: none;
   color: #111;
   font-size: 14px;
 }
}

@media screen and (max-width: 480px) {
#contents a:hover{
   text-decoration: none;
   color: #f82000;
   font-size: 14px;
}
}






#contents p {
  margin: 0px 0 15px 0;
  padding: 0 0px 0 0;
  line-height: 150%;
  font-size: 18px;
}

@media screen and (max-width: 480px) {
#contents p {
  margin: 0px 0 20px 0;
  padding: 0 0px 0 10px;
  line-height: 180%;
  font-size: 38px;
}
}








.box_flex{
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  justify-content: space-between;
  flex-flow: row wrap;

}

.box_flex::before{
  content:"";
  display: block;
  width:23%;
  order:1;
}

.box_flex::after{
  content:"";
  display: block;
  width:23%;
}

.box_flex li{
  flex: 0 0 19%;
   margin: 0px 0px 0px 0px;
   padding: 6px 6px 6px 6px;  
    width: 172px;
    height: 220px;
   border: 2px solid #e8e8e8;
   background-color: #f3f3f3;
   margin-bottom: 30px;
}


@media screen and (max-width: 480px) {
.box_flex li{
  flex: 0 0 19%;
   margin: 0px 0px 0px 0px;
   padding: 6px 6px 6px 6px;  
    width: 210px;
    height: 230px;
   border: 2px solid #e2e2e2;
   background-color: #f3f3f3;
   margin-bottom: 30px;
}
}




img.flex{
   width: 172px;
   height: 71px;
   object-fit: cover;
}	
	
@media screen and (max-width: 480px) {
img.flex{
   width: 210px;
   height: 87px;
   object-fit: cover;
}	
}








.box_flex395{
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  justify-content: space-between;
  flex-flow: row wrap;

}

.box_flex395::before{
  content:"";
  display: block;
  width:23%;
  order:1;
}

.box_flex395::after{
  content:"";
  display: block;
  width:23%;
}

.box_flex395 li{
  flex: 0 0 19%;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;  
    width: 400px;
    height: 200px;
   margin-bottom: 30px;
}


@media screen and (max-width: 480px) {
.box_flex395 li{
  flex: 0 0 19%;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;  
    width: 225px;
    height: 100px;
   margin-bottom: 30px;
}
}





img.flex395{
   width: 395px;
   object-fit: cover;
}	
	
@media screen and (max-width: 480px) {
img.flex395{
   width: 225px;
   object-fit: cover;
}	
}







#contents h2.flex {
   font-size: 16px;
   line-height: 0px;
   color: #ff0052;	
}



@media screen and (max-width: 480px) {
#contents h2.flex {
   font-size: 22px;
   line-height: 0px;
   color: #ff0052;	
}
}




#contents h3.flex {
   font-size: 16px;
   line-height: 0px;
   color: #ff0052;	   
}

@media screen and (max-width: 480px) {
#contents h3.flex {
   font-size: 22px;
   line-height: 0px;
   color: #ff0052;	
}
}



.a_flex {

}

.a_flex:hover img{
   opacity:0.7;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}

.a_flex:hover p{
   opacity:0.7;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}

.a_flex:hover h2{
   opacity:0.7;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}


.a_flex:hover h3{
   opacity:0.7;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}




#contents p.flex_small {
   margin: 0px 0 0px 0;
   padding: 0 0px 0px 0;
   font-size: 14px;	
   color: #000;
   line-height: 18px;
   word-break: break-all;
}

@media screen and (max-width: 480px) {
#contents p.flex_small {
   margin: 0px 0 0px 0;
   padding: 0 0px 0px 0;
   font-size: 14px;	
   color: #000;
   line-height: 18px;
   word-break: break-all;
}
}


#contents p.flex_small_green {
   margin: 0px 0 0px 0;
   padding: 0 0px 0px 0;
   font-size: 14px;	
   color: #0060FF;
   line-height: 16px;
   letter-spacing:-0.04em;
   font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.flex_small_green {
   margin: 0px 0 0px 0;
   padding: 0 0px 0px 0;
   font-size: 17px;	
   color: #0060FF;
   line-height: 16px;
   font-weight: bold;
}
}













.top_flex{
   display:flex;
   margin: 0px 0px 0px 0px;
   padding: 8px 0px 8px 0px;
   max-width: 800px;
   margin: 0 auto;
   background-color: #eee;
}

@media screen and (max-width: 480px) { 
.top_flex{
   display:flex;
   margin: 0px 0px 0px 0px;
   padding: 8px 0px 8px 0px;
   max-width: 468px;
   justify-content:space-between;
}
}

.item+.item{
   margin-top:1.0em;
   margin-left:1.0em;
}

@media screen and (max-width: 480px) { 
.item+.item{
   margin-top:0em;
   margin-left:0.4em;
}
}

img.top_flex{
   margin: 0px 0px 0px 8px;
   padding: 0px 0px 0px 0px;
   width: 220px;
   height: 140px;
   object-fit: cover;  
}

@media screen and (max-width: 480px) { 
img.top_flex{
   margin: 0px 0px 0px 8px;
   padding: 0px 0px 0px 0px;
   width: 170px;
   height: 100px;
   object-fit: cover;  
}
}



.top_flex_topix{
   margin: 0px 0px 20px 0;
   padding: 0px 0px 0px 0px;
}

@media screen and (max-width: 480px) { 
.top_flex_topix{
   margin: 0px 0px 30px 0;
   padding: 0px 0px 0px 0px;
}
}



#contents p.top_flex {
   margin: 0px 0 0px 0;
   padding: 0 0px 0px 0;
   font-size: 18px;	
   color: #000;
   line-height: 30px;
   word-break: break-all;
}

@media screen and (max-width: 480px) {
#contents p.top_flex {
   margin: 0px 0 0px 0;
   padding: 0 0px 0px 0;
   font-size: 14px;	
   color: #000;
   line-height: 20px;
   letter-spacing: 0em;
   word-break: break-all;
}
}


#contents p.top_flex_blue {
   margin: 0px 0 0px 0;
   padding: 0 0px 0px 0;
   font-size: 18px;	
   color: #0060FF;
   line-height: 30px;
   font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.top_flex_blue {
   margin: 0px 0 0px 0;
   padding: 0 0px 0px 0;
   font-size: 14px;	
   color: #0060FF;
   line-height: 19px;
   letter-spacing: 0em;
   font-weight: bold;
}
}




.a_top_flex {
}

.a_top_flex:hover img{
   opacity:0.7;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}

.a_top_flex:hover p{
   opacity:0.7;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}

.a_top_flex:hover h2{
   opacity:0.7;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}


.a_top_flex:hover h3{
   opacity:0.7;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}
















.balloon {
  width: 98%;
  margin: 2.5em 0;
  overflow: hidden;
}

@media screen and (max-width: 480px) {
.balloon {
  width: 98%;
  margin: 1.5em 0;
  overflow: hidden;
}
}


.balloon .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}
@media screen and (max-width: 480px) {
.balloon .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}	
}


.balloon .faceicon img{
  width: 80px;
  height: auto;
  border-radius: 50%;
}
@media screen and (max-width: 480px) {
.balloon .faceicon img{
  width: 80px;
  height: auto;
  border-radius: 50%;
}	
}




.balloon .chatting {
  width: 100%;
  margin-bottom: 0px;
}
@media screen and (max-width: 480px) {
.balloon .chatting {
  width: 100%;
  margin-bottom: 4px;
}	
}





.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 115px;
  padding: 6px 20px 0px;
  border-radius: 12px;
  background: #d7ebfe;
}
@media screen and (max-width: 480px) {
.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 6px 20px 0px;
  border-radius: 12px;
  background: #d7ebfe;
}	
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 16px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 16px solid #d7ebfe;
}

@media screen and (max-width: 480px) {
.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 12px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 16px solid #d7ebfe;
}	
}


.says p {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 480px) {
.says p {
  margin: 0;
  padding: 0;
}	
}






.says_wooman {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 115px;
  padding: 6px 20px 0px;
  border-radius: 12px;
  background: #ffe4e1;
}
@media screen and (max-width: 480px) {
.says_wooman {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 6px 20px 0px;
  border-radius: 12px;
  background: #ffe4e1;
}	
}

.says_wooman:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 16px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 16px solid #ffe4e1;
}

@media screen and (max-width: 480px) {
.says_wooman:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 12px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 16px solid #ffe4e1;
}	
}






.says_boy {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 115px;
  padding: 6px 20px 0px;
  border-radius: 12px;
  background: #98fb98;
}
@media screen and (max-width: 480px) {
.says_boy {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 6px 20px 0px;
  border-radius: 12px;
  background: #98fb98;
}	
}

.says_boy:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 16px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 16px solid #98fb98;
}

@media screen and (max-width: 480px) {
.says_boy:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 12px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 16px solid #98fb98;
}	
}






.says_girl {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 115px;
  padding: 6px 20px 0px;
  border-radius: 12px;
  background: #afffff;
}
@media screen and (max-width: 480px) {
.says_girl {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 6px 20px 0px;
  border-radius: 12px;
  background: #afffff;
}	
}

.says_girl:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 16px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 16px solid #afffff;
}

@media screen and (max-width: 480px) {
.says_girl:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 12px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 16px solid #afffff;
}	
}





.says_grandpa {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 115px;
  padding: 6px 20px 0px;
  border-radius: 12px;
  background: #dcdcdc;
}
@media screen and (max-width: 480px) {
.says_grandpa {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 6px 20px 0px;
  border-radius: 12px;
  background: #dcdcdc;
}	
}

.says_grandpa:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 16px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 16px solid #dcdcdc;
}

@media screen and (max-width: 480px) {
.says_grandpa:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 12px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 16px solid #dcdcdc;
}	
}




.says_grandmother {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 115px;
  padding: 6px 20px 0px;
  border-radius: 12px;
  background: #e6e6fa;
}
@media screen and (max-width: 480px) {
.says_grandmother {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 6px 20px 0px;
  border-radius: 12px;
  background: #e6e6fa;
}	
}

.says_grandmother:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 16px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 16px solid #e6e6fa;
}

@media screen and (max-width: 480px) {
.says_grandmother:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 12px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 16px solid #e6e6fa;
}	
}









#contents p.fukidashi {
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 18px;
  font-weight: bold;
  color: #222;
}

@media screen and (max-width: 480px) {
#contents p.fukidashi {
  margin: 0px 0 7px 0;
  padding: 0 5px 0px 0;
  line-height: 170%;
  letter-spacing: 0em;  
  font-size: 20px;
  font-weight: bold;
  color: #222;
}
}



















.second_flex{
   display:flex;
   margin: 0px 0px 0px 0px;
   padding: 8px 0px 8px 0px;
   max-width: 800px;
   margin: 0 auto;
   background-color: #eee;
}

@media screen and (max-width: 480px) { 
.second_flex{
   display:flex;
   margin: 0px 0px 0px 0px;
   padding: 8px 0px 8px 0px;
   max-width: 468px;
   justify-content:space-between;
}
}



.item_second+.item_second{
   margin-top:0.5em;
   margin-left:1.0em;
   margin-right:0.4em;
}

@media screen and (max-width: 480px) { 
.item_second+.item_second{
   margin-top:0em;
   margin-left:0.4em;
   margin-right:0.3em;
}
}

.second_logo_flex{
   marglogoin: 0px 0px 0px 8px;
   padding: 0px 0px 0px 0px;
   width: 336px;
   height: 140px;
   object-fit: cover;  
}

@media screen and (max-width: 480px) { 
.second_logo_flex{
   margin: 0px 0px 0px 8px;
   padding: 0px 0px 0px 0px;
   width: 182px;
   height: 76px;
   object-fit: cover;  
}
}



.second_flex_topix{
   margin: 0px 0px 20px 0;
   padding: 0px 0px 0px 0px;
}

@media screen and (max-width: 480px) { 
.second_flex_topix{
   margin: 0px 0px 30px 0;
   padding: 0px 0px 0px 0px;
}
}




#contents p.second_flex {
   margin: 0px 0 0px 0;
   padding: 0 0px 0px 0;
   font-size: 18px;	
   color: #000;
   line-height: 32px;
   letter-spacing: 0.1em;
   word-break: break-all;
}

@media screen and (max-width: 480px) {
#contents p.second_flex {
   margin: 0px 0 0px 0;
   padding: 0 0px 0px 0;
   font-size: 13px;	
   color: #000;
   line-height: 18px;
   letter-spacing: -0.04em;
   word-break: break-all;
}
}




#contents p.second_flex_blue {
   margin: 0px 0 0px 0;
   padding: 0 0px 0px 0;
   font-size: 20px;	
   color: #0060FF;
   line-height: 34px;
   letter-spacing:0.08em;
   font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.second_flex_blue {
   margin: 0px 0 0px 0;
   padding: 0 0px 0px 0;
   font-size: 14px;	
   color: #0060FF;
   line-height: 19px;
   letter-spacing: 0em;
   font-weight: bold;
}
}





.a_second_flex {
}

.a_second_flex:hover img{
   opacity:0.7;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}

.a_second_flex:hover p{
   opacity:0.7;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}

.a_second_flex:hover h2{
   opacity:0.7;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}


.a_second_flex:hover h3{
   opacity:0.7;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}










.ranking_flex{
   display:flex;
   margin: 0px 0px 0px 0px;
   padding: 8px 0px 8px 0px;
   max-width: 800px;
   margin: 0 auto;
   background-color: #eee;
}

@media screen and (max-width: 480px) { 
.ranking_flex{
   display:flex;
   margin: 0px 0px 0px 0px;
   padding: 8px 0px 8px 0px;
   max-width: 468px;
   justify-content:space-between;
}
}



.item_ranking+.item_ranking{
   margin-top:0.5em;
   margin-left:1.0em;
   margin-right:0.4em;
}

@media screen and (max-width: 480px) { 
.item_ranking+.item_ranking{
   margin-top:0em;
   margin-left:0.4em;
   margin-right:0.3em;
}
}

.ranking_logo_flex{
   marglogoin: 0px 0px 0px 8px;
   padding: 0px 0px 0px 0px;
   width: 280px;
   height: 140px;
   object-fit: cover;  
}

@media screen and (max-width: 480px) { 
.ranking_logo_flex{
   margin: 0px 0px 0px 8px;
   padding: 0px 0px 0px 0px;
   width: 152px;
   height: 76px;
   object-fit: cover;  
}
}



.ranking_flex_topix{
   margin: 0px 0px 20px 0;
   padding: 0px 0px 0px 0px;
}

@media screen and (max-width: 480px) { 
.ranking_flex_topix{
   margin: 0px 0px 30px 0;
   padding: 0px 0px 0px 0px;
}
}



#contents p.ranking_flex {
   margin: 0px 0 0px 0;
   padding: 0 0px 0px 0;
   font-size: 18px;	
   color: #000;
   line-height: 32px;
   letter-spacing:0.08em;
   word-break: break-all;
}

@media screen and (max-width: 480px) {
#contents p.ranking_flex {
   margin: 0px 0 0px 0;
   padding: 0 0px 0px 0;
   font-size: 13px;	
   color: #000;
   line-height: 18px;
   letter-spacing:-0.12em;
   word-break: break-all;
}
}


#contents p.ranking_flex_blue {
   margin: 0px 0 0px 0;
   padding: 0 0px 0px 0;
   font-size: 20px;	
   color: #0060FF;
   line-height: 34px;
   letter-spacing:0.08em;
   font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.ranking_flex_blue {
   margin: 0px 0 0px 0;
   padding: 0 0px 0px 0;
   font-size: 14px;	
   color: #0060FF;
   line-height: 19px;
   letter-spacing:-0.1em;
   font-weight: bold;
}
}




.a_ranking_flex {
}

.a_ranking_flex:hover img{
   opacity:0.7;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}

.a_ranking_flex:hover p{
   opacity:0.7;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}

.a_ranking_flex:hover h2{
   opacity:0.7;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}


.a_ranking_flex:hover h3{
   opacity:0.7;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}











.main_flex{
   display:flex;
   margin: 0px 0px 0px 0px;
   padding: 8px 0px 8px 0px;
   max-width: 800px;
   margin: 0 auto;
   background-color: #fff5e8;
}

@media screen and (max-width: 480px) { 
.main_flex{
   display:flex;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 12px 0px;
   max-width: 468px;
   justify-content:space-between;
   background-color: #fff2df;
}
}



.item_main+.item_main{
   margin-top:0.5em;
   margin-left:1.0em;
   margin-right:0.4em;
}

@media screen and (max-width: 480px) { 
.item_main+.item_main{
   margin-top:-0.2em;
   margin-left:0.4em;
   margin-right:0.3em;
}
}

.main_logo_flex{
   margin: 0px 0px 0px 8px;
   padding: 0px 0px 0px 0px;
   width: 314px;
   height: 130px;
   object-fit: cover;  
}

@media screen and (max-width: 480px) { 
.main_logo_flex{
   margin: 0px 0px 0px 8px;
   padding: 0px 0px 0px 0px;
   width: 182px;
   height: 76px;
   object-fit: cover;  
}
}



.main_flex_topix{
   margin: 0px 0px 12px 0;
   padding: 0px 0px 0px 0px;
}

@media screen and (max-width: 480px) { 
.main_flex_topix{
   margin: 0px 0px 10px 0;
   padding: 0px 0px 0px 0px;
}
}



#contents p.main_flex {
   margin: 0px 0 0px 0;
   padding: 0 0px 0px 0;
   font-size: 18px;	
   color: #000;
   line-height: 29px;
   font-weight: bold;
   letter-spacing:0.08em;
   word-break: break-all;
}

@media screen and (max-width: 480px) {
#contents p.main_flex {
   margin: 0px 0 0px 0;
   padding: 0 0px 0px 0;
   font-size: 13px;	
   color: #000;
   line-height: 19px;
   font-weight: bold;      
   letter-spacing:-0.12em;
   word-break: break-all;
}
}


#contents p.main_flex_blue {
   margin: 0px 0 0px 0;
   padding: 0 0px 0px 0;
   font-size: 18px;	
   color: #0060FF;
   line-height: 34px;
   letter-spacing:0.08em;
   font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.main_flex_blue {
   margin: 0px 0 0px 0;
   padding: 0 0px 0px 0;
   font-size: 13px;	
   color: #0060FF;
   line-height: 21px;
   letter-spacing:-0.1em;
   font-weight: bold;
}
}




.a_main_flex {
}

.a_main_flex:hover img{
   opacity:0.7;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}

.a_main_flex:hover p{
   opacity:0.7;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}

.a_main_flex:hover h2{
   opacity:0.7;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}


.a_main_flex:hover h3{
   opacity:0.7;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}











.img_800px{ 
   margin: 0px 0px 0px 0px;
   margin : 0 auto;
   width: 784px;
}


@media screen and (max-width: 480px) {
.img_800px{ 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 8px 0px;
   line-height: 300%;
   width:460px;
   margin: 0 auto;
}
}



.img_700px{ 
   margin: 0px 0px 0px 0px;
   width: 700px;
}


@media screen and (max-width: 480px) {
.img_700px{ 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 8px 0px;
   line-height: 300%;
   width:400px;
   margin: 0 auto;
}
}


.img_600px{ 
   margin: 0px 0px 0px 0px;
   width: 600px;
}


@media screen and (max-width: 480px) {
.img_600px{ 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 8px 0px;   
   line-height: 300%;
   width:400px;
   margin: 0 auto;
}
}




.img_600px_link{ 
   margin: 0px 0px 0px 0px;
   width: 600px;
}

.img_600px_link:hover img{
   opacity:0.8;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
}

@media screen and (max-width: 480px) {
.img_600px_link{ 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 8px 0px;   
   line-height: 300%;
   width:400px;
}
}










.img_500px{ 
   margin: 0px 0px 0px 0px;
   width: 500px;
}


@media screen and (max-width: 480px) {
.img_500px{ 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 8px 0px;   
   line-height: 300%;
   width:400px;
   margin: 0 auto;
}
}




.img_424px{ 
   margin: 0px 0px 0px 0px;
   width: 424px;
}


@media screen and (max-width: 480px) {
.img_424px{ 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 8px 0px;
   line-height: 300%;
   width:360px;
   margin: 0 auto;
}
}




.img_400px{ 
   margin: 0px 0px 0px 0px;
   width: 400px;
}


@media screen and (max-width: 480px) {
.img_400px{ 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 8px 0px;
   line-height: 300%;
   width:360px;
   margin: 0 auto;
}
}











.img_346px{ 
   margin: 0px 0px 0px 0px;
   width: 346px;
}


@media screen and (max-width: 480px) {
.img_346px{ 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 8px 0px;
   line-height: 300%;
   width:320px;
   margin: 0 auto;   
}
}





.img_315px{ 
   margin: 0px 0px 0px 0px;
   width: 346px;
}


@media screen and (max-width: 480px) {
.img_315px{ 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 8px 0px;
   line-height: 300%;
   width:315px;
   margin: 0 auto;   
}
}






.img_300px{ 
   margin: 0px 0px 0px 0px;
   width: 300px;
}


@media screen and (max-width: 480px) {
.img_300px{ 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 8px 0px;
   line-height: 300%;
   width:300px;
   margin: 0 auto;
}
}




.img_250px{ 
   margin: 0px 0px 0px 0px;
   width: 250px;
}


@media screen and (max-width: 480px) {
.img_250px{ 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 2px 0px;
   line-height: 300%;
   width:220px;
   margin: 0 auto;
}
}




.img_200px{ 
   margin: 0px 0px 0px 0px;
   width: 200px;
}


@media screen and (max-width: 480px) {
.img_200px{ 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 2px 0px;
   line-height: 300%;
   width:200px;
   margin: 0 auto;
}
}





.img_office200px{ 
   margin: 0px 0px 0px 0px;
   width: 200px;
}


@media screen and (max-width: 480px) {
.img_office200px{ 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 2px 0px;
   line-height: 300%;
   width:200px;
   margin: 0 auto;
}
}







.img_70px_center{ 
   margin: 0px 0px 0px 0px;
   width: 70px;
}


@media screen and (max-width: 480px) {
.img_70px_center{ 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 2px 0px;
   line-height: 300%;
   width:70px;
   margin: 0px auto;  
}
}






.img_free{ 
   margin: 0px 0px 0px 0px;
}


@media screen and (max-width: 480px) {
.img_free{ 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 8px 0px;
   line-height: 300%;
   width:280px;
}
}




.img_onepoint000{ 
   margin: 20px 0px 0px 0px;
   padding: 30px 0px 25px 50px;
   background-image: url(img/osusume-000.gif);
   background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
.img_onepoint000{ 
   margin: 20px 0px 0px 0px;
   padding: 30px 0px 45px 50px;
   background-image: url(img/osusume-000.gif);
   background-repeat: no-repeat;
}
}




.img_onepoint001{ 
   margin: 20px 0px 0px 0px;
   padding: 30px 0px 25px 70px;
   background-image: url(img/osusume-001.gif);
   background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
.img_onepoint001{ 
   margin: 20px 0px 0px 0px;
   padding: 30px 0px 45px 70px;
   background-image: url(img/osusume-001.gif);
   background-repeat: no-repeat;
}
}


.img_onepoint002{ 
   margin: 20px 0px 0px 0px;
   padding: 30px 0px 25px 70px;
   background-image: url(img/osusume-002.gif);
   background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
.img_onepoint002{ 
   margin: 20px 0px 0px 0px;
   padding: 30px 0px 45px 70px;
   background-image: url(img/osusume-002.gif);
   background-repeat: no-repeat;
}
}



.img_onepoint003{ 
   margin: 20px 0px 0px 0px;
   padding: 25px 0px 25px 75px;
   background-image: url(img/osusume-003.gif);
   background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
.img_onepoint003{ 
   margin: 20px 0px 0px 0px;
   padding: 25px 0px 45px 75px;
   background-image: url(img/osusume-003.gif);
   background-repeat: no-repeat;
}
}








.img_onepoint_check{ 
   margin: 20px 0px 0px 2px;
   padding: 0px 0px 25px 30px;
   background-image: url(img/onepoint-check.png);
   background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
.img_onepoint_check{ 
   margin: 20px 0px 0px 2px;
   padding: 1px 0px 45px 32px;
   background-image: url(img/onepoint-check.png);
   background-repeat: no-repeat;
}
}



.img_onepoint_peke{ 
   margin: 20px 0px 0px 2px;
   padding: 0px 0px 25px 30px;
   background-image: url(img/onepoint-peke.png);
   background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
.img_onepoint_peke{ 
   margin: 20px 0px 0px 2px;
   padding: 1px 0px 45px 32px;
   background-image: url(img/onepoint-peke.png);
   background-repeat: no-repeat;
}
}





.img_onepoints_check{ 
   margin: 20px 0px 0px 2px;
   padding: 0px 0px 25px 30px;
   background-image: url(img/onepoints-check.png);
   background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
.img_onepoints_check{ 
   margin: 20px 0px 0px 2px;
   padding: 1px 0px 45px 32px;
   background-image: url(img/onepoints-check.png);
   background-repeat: no-repeat;
}
}



.img_onepoints_peke{ 
   margin: 20px 0px 0px 2px;
   padding: 0px 0px 25px 30px;
   background-image: url(img/onepoints-peke.png);
   background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
.img_onepoints_peke{ 
   margin: 20px 0px 0px 2px;
   padding: 1px 0px 45px 32px;
   background-image: url(img/onepoints-peke.png);
   background-repeat: no-repeat;
}
}







.img_company{ 
   margin: 0px 0px 0px 0px;
   padding: 5px 10px 5px 10px;
   width: 450px;
   color: #0060FF;
   font-size: 18px;
   line-height: 240%;
   margin-top:105px;
   background-image: url(img/company.gif);
   background-repeat: no-repeat;
   font-weight: bolder;
}


.img_company:hover {
   color: #f82000;
   text-decoration: underline;
   font-weight: bolder;	
}



@media screen and (max-width: 480px) {
.img_company{ 
   margin: 0px 0px 0px 0px;
   line-height: 10%;
   font-size: 22px;
   width:100%;
   font-weight: bolder;
}
}





.img_article{ 
   margin: 0px 0px 0px 0px;
   padding: 5px 10px 5px 10px;
   width: 300px;
   color: #0060FF;
   font-size: 18px;
   line-height: 240%;
   background-image: url(img/article.gif);
   background-repeat: no-repeat;
   font-weight: bolder;
}


.img_article:hover {
	color: #f82000;
    text-decoration: underline;	
}



@media screen and (max-width: 480px) {
.img_article{ 
   margin: 0px 0px 0px 0px;
   line-height: 10%;
   font-size: 22px;
   width:100%;
}
}





.img_banner{ 
   margin: 0px 0px 0px 0px;
   width: 800px;
}


@media screen and (max-width: 480px) {
.img_banner{ 
   margin: 0px 0px 0px 0px;
   line-height: 300%;
   width: 468px;
}
}










.img_395px_hikarimotto{ 
  background-image: url(img/hikari-motto-motto.png);
  background-repeat: no-repeat;
  margin: 0px 8px 0px 0px;
  padding: 10px 0px 0px 0px;
  width: 391px; height: 175px;
  display: inline-block;
}


@media screen and (max-width: 480px) {
.img_395px_hikarimotto{ 
  margin: 0px 6px 0px 0px;
  padding: 26px 0px 0px 0px;
  background-image: url(img/hikari-motto-motto-sumaho.png);
  background-repeat: no-repeat;
  width: 230px; height: 102px;
  display: inline-block;
}
}





.img_395px_webhikarimotto{ 
  background-image: url(img/web-hikari-motto-motto.png);
  background-repeat: no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  width: 395px; height: 175px;
  display: inline-block;
}


@media screen and (max-width: 480px) {
.img_395px_webhikarimotto{ 
  margin: 0px 0px 0px 0px;
  padding: 26px 0px 0px 0px;
  background-image: url(img/web-hikari-motto-motto-sumaho.png);
  background-repeat: no-repeat;
  width: 230px; height: 102px;
  display: inline-block;
}
}





.img_395px_au-hikari-cashback{ 
  background-image: url(img/au-hikari-cashback.png);
  background-repeat: no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  width: 395px; height: 175px;
  display: inline-block;
}


@media screen and (max-width: 480px) {
.img_395px_au-hikari-cashback{ 
  margin: 0px 0px 0px 0px;
  padding: 26px 0px 0px 0px;
  background-image: url(img/au-hikari-cashback.png);
  background-repeat: no-repeat;
  width: 395px; height: 175px;
  display: inline-block;
}
}









.img_395px_good-luck-donnatokimo-wifi{ 
  background-image: url(img/good-luck-donnatokimo-wifi-annai-pocket-wifi.png);
  background-repeat: no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  width: 395px; height: 175px;
  display: inline-block;
}


@media screen and (max-width: 480px) {
.img_395px_good-luck-donnatokimo-wifi{ 
  margin: 0px 0px 0px 0px;
  padding: 26px 0px 0px 0px;
  background-image: url(img/good-luck-donnatokimo-wifi-annai-pocket-wifi.png);
  background-repeat: no-repeat;
  width: 395px; height: 175px;
  display: inline-block;
}
}




.img_395px_commufa-hikari{ 
  background-image: url(img/commufa-hikari-cashback.png);
  background-repeat: no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  width: 395px; height: 175px;
  display: inline-block;
}


@media screen and (max-width: 480px) {
.img_395px_commufa-hikari{ 
  margin: 0px 0px 0px 0px;
  padding: 26px 0px 0px 0px;
  background-image: url(img/commufa-hikari-cashback.png);
  background-repeat: no-repeat;
  width: 395px; height: 175px;
  display: inline-block;
}
}







#contents p.topics {	
	width:800px;
	margin-top:10px;
	margin-bottom:10px;	
	border-bottom: 1px dotted #888;
	padding:0px 0 3px 0em;
	vertical-align: top;
	line-height: 1.5;
	font-weight:bold;
	color:#333;
}






.rink-topics {
	font-size: 14px;	
	color: #0040FF;
	text-decoration: none;	
}


.rink-topics:hover {
	color: #0080FF;
	text-decoration: none;	
}




.rink-dairi {
	font-size: 18px;	
	color: #444;
	text-decoration: none;	
}


.rink-dairi:hover {
	color: #f82000;
	text-decoration: none;	
}

@media screen and (max-width: 480px) {
.rink-dairi {
	font-size: 18px;	
	color: #0040FF;
	text-decoration: none;	
}
}

@media screen and (max-width: 480px) {
.rink-dairi:hover {
	color: #0080FF;
	text-decoration: none;	
}
}






.rink-soto {
   font-size: 18px;	
   color: #0060FF;
   text-decoration: none;	
}


.rink-soto:hover {
   color: #f82000;
   text-decoration: underline;		
}

@media screen and (max-width: 480px) {
.rink-soto {
   font-size: 20px;	
   color: #0060FF;
   line-height: 180%;
   text-decoration: none;	
}
}

@media screen and (max-width: 480px) {
.rink-soto:hover {
   color: #008bf2;
   text-decoration: none;	
}
}






.rink-soto-table {
   font-size: 16px;	
   color: #0060FF;
   text-decoration: none;	
}


.rink-soto-table:hover {
   color: #f82000;
   text-decoration: underline;		
}

@media screen and (max-width: 480px) {
.rink-soto-table {
   font-size: 16px;	
   color: #0060FF;
   line-height: 180%;
   text-decoration: none;	
}
}

@media screen and (max-width: 480px) {
.rink-soto-table:hover {
   color: #008bf2;
   text-decoration: none;	
}
}







.rink-quote {
   font-size: 12px;	
   color: #0060FF;
   text-decoration: none;	
}


.rink-quote:hover {
   color: #f82000;
   text-decoration: underline;		
}

@media screen and (max-width: 480px) {
.rink-quote {
   font-size: 10px;	
   color: #0060FF;
   line-height: 180%;
   text-decoration: none;	
}
}

@media screen and (max-width: 480px) {
.rink-quote:hover {
   color: #008bf2;
   text-decoration: none;	
}
}







.rink-modal {
   font-size: 14px;	
   color: #0060FF;
   text-decoration: none;	
}


.rink-modal:hover {
   color: #f82000;
   text-decoration: underline;		
}

@media screen and (max-width: 480px) {
.rink-modal {
   font-size: 16px;	
   color: #0060FF;
   letter-spacing:-0.05em;
   text-decoration: none;	
}
}

@media screen and (max-width: 480px) {
.rink-modal:hover {
   color: #008bf2;
   text-decoration: none;	
}
}






.rink-company {
	font-size: 22px;	
	color: #0060FF;
	text-decoration: none;	
}


.rink-company:hover {
	color: #f82000;
    text-decoration: underline;		
}

@media screen and (max-width: 480px) {
.rink-company {
	font-size: 22px;	
	color: #0060FF;
	text-decoration: none;	
}
}

@media screen and (max-width: 480px) {
.rink-company:hover {
	color: #008bf2;
	text-decoration: none;	
}
}





.rink-testimonial {
	font-size: 14px;	
	color: #005bca;
	text-decoration: none;	
}


.rink-testimonial:hover {
	color: #008bf2;
	text-decoration: none;	
}

@media screen and (max-width: 480px) {
.rink-testimonial {
	font-size: 14px;	
	color: #005bca;
	text-decoration: none;	
}
}

@media screen and (max-width: 480px) {
.rink-testimonial:hover {
	color: #008bf2;
	text-decoration: none;	
}
}





#contents p.date {
  text-align: right;
  margin: 0px 0 7px 0;
  padding: 0 5px 0 0;
  line-height: 150%;
  font-size: 14px;
}


#contents p.top-date {
  text-align: left;
  margin: 32px 0 0px 0;
  padding: 0 5px 0px 0;
  line-height: 100%;
  font-size: 16px;
  font-weight: bolder;
}



@media screen and (max-width: 480px) {
#contents p.top-date {
  text-align: left;
  margin: 32px 0 0px 0;
  padding: 0 5px 0px 0;
  line-height: 100%;
  font-size: 24px;
  font-weight: bolder;
}
}



#contents p.page {
  text-align: right;
  margin: 0px 0 7px 0;
  padding: 0 5px 0 0;
  line-height: 150%;
  font-size: 14px;
}



#contents p.site {
  text-align: left;
  margin: 0px 0 7px 0;
  padding: 0 5px 0 0;
  line-height: 150%;
  font-size: 14px;
}




#contents p.kanren {
  margin-bottom: 20;
  padding: 0px 0 0px 0px;
  line-height: 20%;
  font-size: 16px;
  color: #fda535;
  background-repeat: no-repeat;
  font-weight: bolder;
  text-decoration: underline;
}





#contents .kanren-link {
  margin-bottom: 20;
  padding: 0px 0 0px 0px;
  line-height: 180%;
  font-size: 16px;
  color: #fda535;
  background-repeat: no-repeat;
  font-weight: bolder;
  text-decoration: underline;
}


@media screen and (max-width: 480px) {
#contents .kanren-link {
  margin-bottom: 20;
  padding: 0px 0 0px 0px;
  line-height: 180%;
  font-size: 38px;
  color: #fda535;
  background-repeat: no-repeat;
  font-weight: bolder;
  text-decoration: underline;
}
}





#contents p.list {
  margin: 0;
  padding: 7px 0 0px 0px;
  line-height: 150%;
  font-size: 16px;
  color: #fda535;
  background-image: url(img/titlebar2.gif);
  background-repeat: no-repeat;
  font-weight: bolder;

}


@media screen and (max-width: 480px) {
#contents p.list {
  margin: 0;
  padding: 0px 0 0px 0px;
  line-height: 210%;
  font-size: 16px;
  color: #fda535;
  background-image: url(img/titlebar2.gif);
  background-repeat: no-repeat;
  font-weight: bolder;

}
}




.guide {
  color: #000;
  margin: 0px 0 7px 0;
  padding: 0 5px 0 0;
  line-height: 100%;
  font-size: 16px;
  text-decoration: underline;
}

.guide:hover {
  color: #f00000;
}














@media screen and (max-width: 480px) {
.guide {
  color: #333;
  margin: 0px 0 7px 0;
  padding: 0 5px 0 0;
  line-height: 100%;
  font-size: 22px;
  text-decoration: underline;
}
}




#contents p.sent {
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 17px;
  color: #333;
}

@media screen and (max-width: 480px) {
#contents p.sent {
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em;  
  font-size: 21px;
  color: #333;
}
}





#contents p.sent_bold {
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 17px;
  color: #333;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.sent_bold {
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em;  
  font-size: 21px;
  color: #333;
  font-weight: bold;
}
}








#contents p.sent_black_middle {
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 24px;
  color: #444;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.sent_black_middle {
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em;  
  font-size: 24px;
  color: #444;
  font-weight: bold;
}
}









#contents p.sent_large {
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 30px;
  color: #444;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.sent_large {
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em; 
  font-size: 30px;
  color: #444;
  font-weight: bold;
}
}








#contents p.sent_red {
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 17px;
  color: #ff0052;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.sent_red {
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em; 
  font-size: 21px;
  color: #ff0052;
  font-weight: bold;
}
}





#contents p.sent_red_middle {
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 24px;
  color: #ff0052;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.sent_red_middle {
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em;  
  font-size: 24px;
  color: #ff0052;
  font-weight: bold;
}
}





#contents p.sent_red_large {
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 30px;
  color: #ff0052;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.sent_red_large {
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em; 
  font-size: 30px;
  color: #ff0052;
  font-weight: bold;
}
}








#contents p.sent_orange {
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 17px;
  color: #ff6000;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.sent_orange {
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em; 
  font-size: 21px;
  color: #ff6000;
  font-weight: bold;
}
}






#contents p.sent_orange_middle {
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 24px;
  color: #ff6000;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.sent_orange_middle {
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em;  
  font-size: 24px;
  color: #ff6000;
  font-weight: bold;
}
}



#contents p.sent_orange_large {
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 30px;
  color: #ff6000;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.sent_orange_large {
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em; 
  font-size: 30px;
  color: #ff6000;
  font-weight: bold;
}
}







#contents p.sent_mikan {
  text-align: center;
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 17px;
  color: #fe8b2d;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.sent_mikan {
  text-align: center;
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em; 
  font-size: 21px;
  color: #fe8b2d;
  font-weight: bold;
}
}






#contents p.sent_mikan_middle {
  text-align: center;
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 24px;
  color: #fe8b2d;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.sent_mikan_middle {
  text-align: center;
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em;  
  font-size: 24px;
  color: #fe8b2d;
  font-weight: bold;
}
}



#contents p.sent_mikan_large {
  text-align: center;
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 30px;
  color: #fe8b2d;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.sent_mikan_large {
  text-align: center;
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em; 
  font-size: 30px;
  color: #fe8b2d;
  font-weight: bold;
}
}



#contents p.sent_mikan_larger {
  text-align: center;  
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 46px;
  color: #fe8b2d;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.sent_mikan_larger {
  text-align: center;
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em; 
  font-size: 46px;
  color: #fe8b2d;
  font-weight: bold;
}
}










#contents p.sent_sumi_h {
  text-align: center; 
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 17px;
  color: #333;
}

@media screen and (max-width: 480px) {
#contents p.sent_sumi_h {
  text-align: center; 
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em; 
  font-size: 17px;
  color: #333;
}
}




#contents p.sent_sumi {
  text-align: center; 
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 17px;
  color: #333;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.sent_sumi {
  text-align: center; 
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em; 
  font-size: 17px;
  color: #333;
  font-weight: bold;
}
}






#contents p.sent_sumi_middle {
  text-align: center; 
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 24px;
  color: #333;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.sent_sumi_middle {
  text-align: center; 
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em;  
  font-size: 24px;
  color: #333;
  font-weight: bold;
}
}



#contents p.sent_sumi_middle_h {
  text-align: center; 
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 24px;
  color: #333;
}

@media screen and (max-width: 480px) {
#contents p.sent_sumi_middle_h {
  text-align: center; 
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em;  
  font-size: 24px;
  color: #333;
}
}



#contents p.sent_sumi_large {
  text-align: center; 
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 30px;
  color: #333;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.sent_sumi_large {
  text-align: center; 
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em; 
  font-size: 30px;
  color: #333;
  font-weight: bold;
}
}



#contents p.sent_sumi_larger {
  text-align: center;  
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 46px;
  color: #333;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.sent_sumi_larger {
  text-align: center;
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em; 
  font-size: 46px;
  color: #333;
  font-weight: bold;
}
}







#contents p.sent_sumi_largest {
  text-align: center;  
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 56px;
  color: #333;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.sent_sumi_largest {
  text-align: center;
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em; 
  font-size: 56px;
  color: #333;
  font-weight: bold;
}
}











#contents p.sent_brown {
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 17px;
  color: #805e08;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.sent_brown {
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em;  
  font-size: 21px;
  color: #805e08;
  font-weight: bold;
}
}







#contents p.sent_brown_middle {
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 24px;
  color: #805e08;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.sent_brown_middle {
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em;  
  font-size: 24px;
  color: #805e08;
  font-weight: bold;
}
}







#contents p.sent_brown_large {
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 30px;
  color: #805e08;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.sent_brown_large {
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 170%;
  letter-spacing: 0em;  
  font-size: 30px;
  color: #805e08;
  font-weight: bold;
}
}





.gold {
  background-color: #eee8aa;
}

@media screen and (max-width: 480px) {
.gold {
  background-color: #eee8aa;
}
}










.black_font {
  color: #333;
  font-weight: bold;  
}

@media screen and (max-width: 480px) {
.black_font {
  color: #333;
  font-weight: bold;  
}
}




.black_font_large {
  color: #333;
  font-size: 30px;
  line-height: 120%;
  font-weight: bold;  
}

@media screen and (max-width: 480px) {
.black_font__large {
  color: #333;
  font-size: 30px;
  line-height: 120%;
  font-weight: bold;  
}
}







.black_middle {
  color: #333;
  font-size: 24px;
  line-height: 120%;
  font-weight: bold;  
}

@media screen and (max-width: 480px) {
.black_middle {
  color: #333;
  font-size: 24px;
  line-height: 120%;
  font-weight: bold;  
}
}








.aka {
  color: #ff0000;
  font-weight: bold;  
}

@media screen and (max-width: 480px) {
.aka {
  color: #ff0000;
  font-weight: bold;  
}
}




.aka_large {
  color: #ff0000;
  font-size: 30px;
  line-height: 120%;
  font-weight: bold;  
}

@media screen and (max-width: 480px) {
.aka_large {
  color: #ff0000;
  font-size: 30px;
  line-height: 120%;
  font-weight: bold;  
}
}




.aka_middle {
  color: #ff0000;
  font-size: 24px;
  line-height: 120%;
  font-weight: bold;  
}

@media screen and (max-width: 480px) {
.aka_middle {
  color: #ff0000;
  font-size: 24px;
  line-height: 120%;
  font-weight: bold;  
}
}




.aka-yellow {
  color: #ff0000;
  font-weight: bold; 
  background-color: #ffff88; 
}

@media screen and (max-width: 480px) {
.aka-yellow {
  color: #ff0000;
  font-weight: bold; 
  background-color: #ffff88;
}
}




.orange {
  color: #ff6000;
  font-weight: bold;  
}

@media screen and (max-width: 480px) {
.orange {
  color: #ff6000;
  font-weight: bold;  
}
}







.ao {
  color: #0066ff;
  font-weight: bold;  
}

@media screen and (max-width: 480px) {
.ao {
  color: #0066ff;
  font-weight: bold;  
}
}



.midori {
  color: #009900;
  font-weight: bold;  
}

@media screen and (max-width: 480px) {
.midori {
  color: #009900;
  font-weight: bold;  
}
}





#contents p.sent_small {
   margin: 10px 0 7px 0;
   padding: 0 5px 10px 0;
   font-size: 12px;	
   color: #000;
   line-height: 20px;
   font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.sent_small {
   margin: 0px 0 7px 0;
   padding: 0 5px 16px 0;
   font-size: 10px;	
   color: #000;	
   line-height: 14px;
   font-weight: bold;
}
}



#contents p.sent_small_large_bold {
   margin: 10px 0 7px 0;
   padding: 0 5px 0px 0;
   font-size: 14px;	
   color: #000;
   line-height: 20px;
   font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.sent_small_large_bold {
   margin: 0px 0 7px 0;
   padding: 0 5px 0px 0;
   font-size: 14px;	
   color: #000;	
   line-height: 20px;
   font-weight: bold;
}
}



#contents p.sent_small_large {
   margin: 10px 0 7px 0;
   padding: 0 5px 0px 0;
   font-size: 14px;	
   color: #000;
   line-height: 20px;
}

@media screen and (max-width: 480px) {
#contents p.sent_small_large {
   margin: 0px 0 7px 0;
   padding: 0 5px 0px 0;
   font-size: 14px;	
   color: #000;	
   line-height: 20px;
}
}







#contents p.sent_small_pale {
   margin: 10px 0 7px 0;
   padding: 0 5px 10px 0;
   font-size: 12px;	
   color: #000;
   line-height: 20px;
}

@media screen and (max-width: 480px) {
#contents p.sent_small_pale {
   margin: 0px 0 7px 0;
   padding: 0 5px 16px 0;
   font-size: 10px;	
   color: #000;	
   line-height: 14px;
}
}










#contents p.sent_small_pale_hiroi {
   margin: 30px 0 30px 0;
   padding: 0 5px 10px 0;
   font-size: 12px;	
   color: #000;
   line-height: 20px;
}

@media screen and (max-width: 480px) {
#contents p.sent_small_pale_hiroi {
   margin: 22px 0 20px 0;
   padding: 0 5px 16px 0;
   font-size: 10px;	
   color: #000;	
   line-height: 14px;
}
}






#contents p.sent_source {
   margin: 0px 0 7px 0;
   padding: 0 5px 10px 0;
   font-size: 12px;	
   color: #000;
   line-height: 20px;
}

@media screen and (max-width: 480px) {
#contents p.sent_source {
   margin: 0px 0 7px 0;
   padding: 0 5px 16px 0;
   font-size: 10px;	
   color: #000;	
   line-height: 14px;
}
}








#contents p.sent_box {
  margin: 24px 0 24px 0;
  padding: 0 5px 5px 0;
  line-height: 200%;
  font-size: 17px;
  color: #000;
}

@media screen and (max-width: 480px) {
#contents p.sent_box {
  margin: 30px 0 26px 0;
  padding: 0 5px 5px 0;
  line-height: 190%;
  font-size: 20px;
  color: #000;
}
}





#contents p.sent_box_bolder {
  margin: 14px 0 14px 0;
  padding: 0 5px 5px 0;
  line-height: 200%;
  font-size: 17px;
  color: #000;
  font-weight: bolder;
}

@media screen and (max-width: 480px) {
#contents p.sent_box_bolder {
  margin: 0px 0 7px 0;
  padding: 0 5px 5px 0;
  line-height: 200%;
  letter-spacing:-0.05em; 
  font-size: 20px;
  color: #000;
  font-weight: bolder;
}
}








#contents h3.pickup {
	margin: 30px 0px 0px 0px;
	padding: 8px 0px 0px 4px;
	margin-bottom:10px;
  	font-size: 22px;
	line-height: 120%;
	color: #333;
    width: 800px;
    height: 38px;
	background-image: url(img/pickup-h3.gif);
	background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
#contents h3.pickup {
	padding: 0px 0px 0px 0px;
	padding: 8px 0px 0px 5px;
	margin-bottom:20px;
  	font-size: 22px;
    letter-spacing:-0.01em;
	line-height: 100%;
	color: #111;
    width: 468px;
    height: 38px;
	background-image: url(img/pickup-h3-sumaho.gif);
	background-repeat: no-repeat;
}
}





#contents p.pickup {
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  letter-spacing:0.11em;  
  line-height: 185%;
  word-break: break-all
}

#contents p.pickup:hover {	
}


@media screen and (max-width: 480px) {
#contents p.pickup {
  margin: 0px 0 10px 0;
  padding: 0 5px 0px 0;
  line-height: 145%;
  font-size: 20px;
  letter-spacing:-0.00em;
  word-break: break-all
}
}





#contents p.pickup_sumaho {
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  letter-spacing:0.11em;  
  line-height: 185%;
  word-break: break-all
}

#contents p.pickup_sumaho:hover {	
}


@media screen and (max-width: 480px) {
#contents p.pickup_sumaho {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 170%;
  font-size: 9px;
  letter-spacing:-0.05em;
  word-break: break-all
}
}








img.pick{
   margin-right:20px;
   width: 314px; 
   float: left;
  text-decoration: none;
}


img.pick:hover {
   opacity:0.7;
   filter:alpha(opacity=80);
   -ms-filter: "alpha( opacity=80 )";
    text-decoration: underline;	
}


@media screen and (max-width: 480px) {
img.pick {
   margin-right:10px;
   margin-bottom:10px;
   width: 469px; 
   float: left;
  text-decoration: none;
}
}




img.pick_sumaho{
   margin-right:20px;
   width: 314px; 
   float: left;
  text-decoration: none;
}


img.pick_sumaho:hover {
    text-decoration: underline;	
}


@media screen and (max-width: 480px) {
img.pick_sumaho {
   margin-right:10px;
   margin-bottom:10px;
   width: 200px; 
   float: left;
  text-decoration: none;
}
}





.pickup_box {
   margin: 10px 0 12px 0;
   padding: 0 5px 0px 0;
   display: block;
   font-size: 18px;
   color: #333;
   font-weight: bolder;
   text-decoration: none; 
}


.pickup_box:hover {
   color: #f82000;
   text-decoration: none;	
}



@media screen and (max-width: 480px) {
.pickup_box {
   margin: 0px 0 0px 0;
   padding: 0 5px 0px 0;
   display: block;
   font-size: 22px; 
   color: #333;
}
}







.pickup_box_line {
   margin: -7px 0px 38px 0px;
   padding: 0px 0px 0px 0px;
   border-bottom: 6px solid #fea67d; 
}


@media screen and (max-width: 480px) {
.pickup_box_line {
   margin: -10px 0 50px 0;
   padding: 0 5px 0px 0;
   border-bottom: 6px solid #fea67d;
}
}




.pickup_box_line_short {
   margin: 17px 0px 38px 0px;
   padding: 0px 0px 0px 0px;
   border-bottom: 6px solid #fea67d; 
}


@media screen and (max-width: 480px) {
.pickup_box_line_short {
   margin: 10px 0 50px 0;
   padding: 0 5px 0px 0;
   border-bottom: 6px solid #fea67d;
}
}



.pickup_box_line_modal {
   margin: 0px 0 0px 0;
   padding: 0 5px 8px 0;
   border-bottom: 6px solid #fea67d; 
}


@media screen and (max-width: 480px) {
.pickup_box_line_modal {
   margin: 0px 0 50px 0;
   padding: 0 5px 0px 0;
   border-bottom: 6px solid #fea67d;
}
}




.pickup_article{ 
   color: #000;

   background-repeat: no-repeat;
}


.pickup_article:hover {
	color: #013ADF;
    text-decoration: underline;	
}



@media screen and (max-width: 480px) {
.pickup_article{ 
   margin: 0px 0px 0px 0px;
   line-height: 10%;
   font-size: 22px;
   width:100%;
}
}










#contents p.box {
  margin: 10px 0 20px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;	
  display: block;
  background-color: #eee;
  padding: 1.0em;
}


@media screen and (max-width: 480px) {
#contents p.box {
  margin: 0px 0 20px 0;
  padding: 0 5px 30px 0;
  line-height: 140%;
  display: block;
  background-color: #eee;
  padding: 1em;
}
}



.box {
  margin: 10px 0 20px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  display: block;
  background-color: #eee;
  padding: 0.7em;
}


@media screen and (max-width: 480px) {
.box {
  margin: 0px 0 20px 0;
  padding: 0 5px 30px 0;
  line-height: 140%;
  display: block;
  background-color: #eee;
  padding: 0.6em;
}
}


.box_orange {
  margin: 20px 0 40px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  display: block;
  background-color: #fcf2dd;
  border-bottom: solid 7px #fdbd1c;
  padding: 0.7em;
}


@media screen and (max-width: 480px) {
.box_orange {
  margin: 20px 0 40px 0;
  padding: 0 5px 30px 0;
  line-height: 140%;
  display: block;
  background-color: #fcf2dd;
  border-bottom: solid 7px #fdbd1c;
  padding: 0.6em;
}
}


.box_company {
  margin: 5px 0px 8px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 210%;
  display: block;
  background-color: #ffe888;
  border-bottom: solid 2px #e1bc01;
  padding: 0.1em;
}


@media screen and (max-width: 480px) {
.box_company {
  margin: 10px 0 10px 0;
  padding: 0 0px 0px 0;
  line-height: 10%;
  display: block;
  background-color: #ffe888;
  border-bottom: solid 2px #e1bc01;
  padding: 0.1em;
}
}



.box_company_led {
  margin: 25px 0px 14px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 210%;
  display: block;
  background-color: #ff4500;
  border-bottom: solid 2px #e1bc01;
  padding: 0.1em;
}


@media screen and (max-width: 480px) {
.box_company_led {
  margin: 10px 0 20px 0;
  padding: 0 0px 0px 0;
  line-height: 10%;
  display: block;
  background-color: #ff4500;
  border-bottom: solid 2px #e1bc01;
  padding: 0.1em;
}
}





.box_company_green {
  margin: 25px 0px 14px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 210%;
  display: block;
  background-color: #2e8b57;
  border-bottom: solid 2px #e1bc01;
  padding: 0.1em;
}


@media screen and (max-width: 480px) {
.box_company_green {
  margin: 10px 0 20px 0;
  padding: 0 0px 0px 0;
  line-height: 10%;
  display: block;
  background-color: #2e8b57;
  border-bottom: solid 2px #e1bc01;
  padding: 0.1em;
}
}




.box_company_blue {
  margin: 25px 0px 14px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 210%;
  display: block;
  background-color: #4169e1;
  border-bottom: solid 2px #e1bc01;
  padding: 0.1em;
}


@media screen and (max-width: 480px) {
.box_company_blue {
  margin: 10px 0 20px 0;
  padding: 0 0px 0px 0;
  line-height: 10%;
  display: block;
  background-color: #4169e1;
  border-bottom: solid 2px #e1bc01;
  padding: 0.1em;
}
}




.box_company_end {
  margin: 5px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 210%;
  display: block;
  background-color: #ffe888;
  border-bottom: solid 2px #e1bc01;
  padding: 0.1em;
}


@media screen and (max-width: 480px) {
.box_company_end {
  margin: 10px 0 30px 0;
  padding: 0 0px 0px 0;
  line-height: 10%;
  display: block;
  background-color: #ffe888;
  border-bottom: solid 2px #e1bc01;
  padding: 0.1em;
}
}



#contents p.red_22 {
  margin: 14px 0 10px 0;
  padding: 0 5px 3px 0;
  line-height: 100%;
  font-size: 22px;
  color: #f13131;
  font-weight: bold;
  display: block;
  background-color: #ffffd5;
  border-bottom: solid 2px #ebd007;  
  padding: 0.5em;  
}

@media screen and (max-width: 480px) {
#contents p.red_22 {
  margin: 0px 3px 10px 0;
  padding: 0 5px 5px 0;
  line-height: 130%;
  font-size: 24px;
  color: #f13131;
  font-weight: bold;
  display: block;
  background-color: #ffffd5;
  border-bottom: solid 2px #ebd007; 
  padding: 0.3em;
}
}




#contents p.red_20 {
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 20px;
  color: #f13131;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.red_20 {
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 140%;
  font-size: 22px;
  color: #f13131;
  font-weight: bold;
}
}


#contents p.red_18 {
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 18px;
  color: #f13131;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.red_18 {
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 140%;
  font-size: 20px;
  color: #f13131;
  font-weight: bold;
}
}



#contents p.orange_22 {
  margin: 14px 0 10px 0;
  padding: 0 5px 3px 0px;
  line-height: 160%;
  font-size: 22px;
  color: #ff6000;
  font-weight: bold;
  display: block;
}

@media screen and (max-width: 480px) {
#contents p.orange_22 {
  margin: 0px 3px 10px 0;
  padding: 0 5px 5px 0;
  line-height: 160%;
  font-size: 22px;
  color: #ff6000;
  font-weight: bold;
  display: block;
}
}


#contents p.black_26 {
  margin: 4px 0px 2px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 140%;
  font-size: 26px;
  color: #333;
  font-weight: bold;
  display: block;
}

@media screen and (max-width: 480px) {
#contents p.black_26 {
  margin: 5px 0px 5px 0;
  padding: 0 0px 0px 0;
  line-height: 140%;
  font-size: 22px;
  color: #333;
  font-weight: bold;
  display: block;
}
}





#contents p.white_24 {
  margin: 10px 0px 8px 6px;
  padding: 0px 0px 0px 0px;
  line-height: 140%;
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  display: block;
}

@media screen and (max-width: 480px) {
#contents p.white_24 {
  margin: 10px 0px 10px 6px;
  padding: 0 0px 0px 0;
  line-height: 140%;
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  display: block;
}
}





#contents p.green_18 {
  margin: 10px 0 7px 0;
  padding: 0 5px 10px 0;
  line-height: 180%;
  font-size: 18px;
  color: #03a355;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.green_18 {
  margin: 0px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 140%;
  font-size: 22px;
  color: #03a355;
  font-weight: bold;
}
}






.red_link


.red_link:hover {
    text-decoration: none;
    color: #013ADF;
    font-size: 18px;
    font-weight: bold;
}




.blue_link {
	color: #1a4de2;
    font-size: 18px;
    font-weight: bold;
}


.blue_link:hover {
    text-decoration: none;
    color: #4d75e8;
    font-size: 18px;
    font-weight: bold;
}




.blue_link_nonbold {
	color: #1a4de2;
    font-size: 18px;
}


.blue_link_nonbold:hover {
    text-decoration: none;
    color: #4d75e8;
    font-size: 18px;
}




#contents p.dairi {	
   width:800px;
   margin-top:10px;
   margin-bottom:10px;	
   border-bottom: 1px dotted #888;
   padding:0px 0 3px 0em;
   vertical-align: top;
   line-height: 1.5;
   font-size: 17px;
   color:#000;
}

@media screen and (max-width: 480px) {
#contents p.dairi {	
   width:468px;
   margin-top:10px;
   margin-bottom:10px;	
   border-bottom: 1px dotted #888;
   padding:0px 0 3px 0em;
   vertical-align: top;
   line-height: 1.5;
   font-size: 18px;
   color:#000;
}
}





#contents p.kiji2 {
  margin: 10px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 190%;
  font-size: 18px;
    color: #333;
}

@media screen and (max-width: 480px) {
#contents p.kiji2 {
  margin: 10px 0 7px 0;
  padding: 0 5px 30px 0;
  line-height: 190%;
  font-size: 22px;
    color: #d8d8d8;
}
}





#contents .kiji-link {
  line-height: 180%;
  text-decoration: underline;
  font-size: 16px;
  color: #fff;
}

@media screen and (max-width: 480px) {
#contents .kiji-link {
  line-height: 180%;
  text-decoration: underline;
  font-size: 38px;
  color: #fff;
}
}







.oranji {
  color: #fda535;
}



.red_futoji {
  color: #ff0000;
  font-weight: bolder;  
}




.header {
  color: #fff;
  margin: 50;
  padding: 165px 0 10px 0px;
  line-height: 170%;
  font-size: 14px;
  word-wrap: break-word;
  font-weight: bolder;
}


@media screen and (max-width: 480px) {
.header {
  color: #fff;
  margin: 50;
  padding: 142px 0 10px 0px;
  line-height: 170%;
  font-size: 14px;
  word-wrap: break-word;
  font-weight: bolder;
}
}



.date {
	color: #fda535;
    line-height: 0%;
    padding-left:0px;
}



.top-date {
	color: #fda535;
    line-height: 0%;
    padding-left:0px;
}


.list {
  margin: 50;
  padding: 10px 0 10px 0px;
  line-height: 150%;
  font-size: 16px;
  color: #fda535;
  background-image: url(img/titlebar2.gif);
  background-repeat: no-repeat;
  font-weight: bolder;

}






.camera {
  color: #f3e63f;
  margin: 0px 0 0px 0px;
  padding: 0 0px 0 0;
  line-height: 500%;
  padding-left:0px;
  font-size: 14px;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
.camera {
  color: #f3e63f;
  margin: 0px 0 0px 0px;
  padding: 0 0px 0 0;
  line-height: 500%;
  padding-left:0px;
  font-size: 22px;
  font-weight: bold;
}
}







.blog{ 
   margin: 10px 0px 0px 0px;
   width:100%;
   height: 230px;
}


@media screen and (max-width: 480px) {
.blog{ 
   margin: 50px 0px 0px 0px;
   width:100%;
   height: 230px;
}
}



.ad-97090-top{ 
   margin: 20px 0px 10px 10px;
   width:100%;
   height: 90px;
}




.ad-160600-side{ 
   margin: 0px 0px 0px 0px;
}










/* modal_window_contentsArea
-------------------------- */
#modal_contents {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}


@media screen and (max-width: 480px) {
#modal_contents {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

 
 
#open_modal {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}
 
.close_overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -9999px;
    position: absolute;
    background: #000;
    opacity: 0.5;
    z-index: 5;
}
 

.modal_window {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
 
 
@media screen and (max-width: 480px) {
.modal_window {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}



 

.modal_window h2 {
    margin-bottom: 20px;
    width: 400px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    text-indent: 15px;
    background: #000;
}
 
.modal_window p {
    padding: 0 15px 15px 15px;
    font-size: 12px;
    line-height: 160%;
    text-align: left;
}







#contents p.modal {
   margin: -10px 0px -20px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 220%;
   font-size: 14px;
   color: #333;
}

@media screen and (max-width: 480px) {
#contents p.modal {
   margin: -20px 0px -55px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 240%;
   font-size: 14px;
   color: #333;
}
}








.img_hyoshojo{ 
   margin: 0px 0px 0px 0px;
   width: 500px;
}


@media screen and (max-width: 480px) {
.img_hyoshojo{ 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 8px 0px;
   line-height: 200%;
   width:400px;
   margin: 0 auto;
}
}










.rink-modal {
   font-size: 18px;	
   color: #0060FF;
   font-weight: bolder;
   text-decoration: none;	
}


.rink-modal:hover {
   color: #f82000;
   text-decoration: underline;		
}

@media screen and (max-width: 480px) {
.rink-modal {
   font-size: 8px;	
   color: #0060FF;
   font-weight: bolder;
   letter-spacing:-0.15em;
   text-decoration: none;	
}
}




@media screen and (max-width: 480px) {
.rink-modal:hover {
   color: #008bf2;
   text-decoration: none;	
}
}



 
/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
    0% {opacity:0;display:block;}
    100% {opacity:1;}
}
 
div#modal div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}







div#modal2 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal2 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents2 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents2 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window2 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window2 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}






div#modal3 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal3 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents3 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents3 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window3 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window3 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}





div#modal4 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal4 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents4 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents4 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window4 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window4 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}







div#modal5 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal5 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents5 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents5 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window5 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window5 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}







div#modal6 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal6 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents6 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents6 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window6 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window6 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}






div#modal7 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal7 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents7 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents7 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window7 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window7 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}





div#modal8 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal8 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents8 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents8 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window8 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window8 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}





div#modal9 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal9 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents9 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents9 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window9 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window9 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}





div#modal10 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal10 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents10 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents10 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window10 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window10 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}






div#modal11 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal11 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents11 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents11 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window11 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window11 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}





div#modal12 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal12 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents12 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents12 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window12 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window12 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}





div#modal13 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal13 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents13 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents13 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window13 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window13 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}





div#modal14 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal14 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents14 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents14 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window14 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window14 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}





div#modal15 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal15 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents15 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents15 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window15 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window15 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}





div#modal16 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal16 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents16 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents16 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window16 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window16 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}





div#modal17 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal17 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents17 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents17 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window17 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window17 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}






div#modal18 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal18 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents18 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents18 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window18 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window18 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}








div#modal19 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal19 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents19 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents19 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window19 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window19 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}




div#modal20 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal20 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents20 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents20 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window20 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window20 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}





div#modal21 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal21 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents21 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents21 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window21 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window21 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}








div#modal22 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal22 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents22 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents22 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window22 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window22 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}






div#modal23 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal23 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents23 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents23 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window23 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window23 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}







div#modal24 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal24 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents24 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents24 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window24 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window24 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}





div#modal25 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal25 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents25 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents25 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window25 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window25 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}







div#modal26 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal26 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents26 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents26 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window26 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window26 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}






div#modal27 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal27 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents27 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents27 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window27 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window27 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}





div#modal28 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal28 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents28 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents28 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window28 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window28 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}






div#modal29 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal29 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents29 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents29 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window29 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window29 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}






div#modal30 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal30 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents30 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents30 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window30 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window30 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}




div#modal31 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal31 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents31 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents31 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window31 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window31 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}






div#modal32 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal32 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents32 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents32 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window32 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window32 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}






div#modal33 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal33 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents33 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents33 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window33 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window33 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}










div#modal34 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal34 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents34 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents34 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window34 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window34 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}





div#modal35 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal35 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents35 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents35 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window35 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window35 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}






div#modal36 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal36 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents36 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents36 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window36 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window36 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}










div#modal37 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal37 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents37 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents37 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window37 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;

    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window37 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}








div#modal38 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal38 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents38 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents38 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window38 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window38 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}






div#modal39 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal39 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents39 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents39 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window39 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window39 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}









div#modal40 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal40 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents40 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents40 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window40 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window40 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}










div#modal41 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal41 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents41 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents41 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window41 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window41 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}





div#modal42 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal42 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents42 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents42 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window42 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window42 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}









div#modal43 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal43 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents43 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents43 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window43 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window43 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}











div#modal44 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal44 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents44 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents44 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window44 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window44 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}









div#modal45 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal45 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents45 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents45 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window45 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window45 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}












div#modal46 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal46 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents46 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents46 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window46 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window46 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}









div#modal47 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal47 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents47 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents47 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window47 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window47 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}









div#modal48 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal48 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents48 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents48 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window48 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window48 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}












div#modal49 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal49 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents49 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents49 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window49 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window49 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}











div#modal50 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal50 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents50 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents50 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window50 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window50 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}







div#modal51 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal51 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents51 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents51 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window51 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window51 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}






div#modal52 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal52 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents52 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents52 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window52 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window52 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}











div#modal53 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal53 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents53 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents53 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window53 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window53 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}








div#modal54 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal54 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents54 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents54 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window54 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window54 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}









div#modal55 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal55 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents55 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents55 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window55 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window55 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}







div#modal56 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal56 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents56 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents56 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window56 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window56 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}






div#modal57 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal57 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents57 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents57 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window57 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window57 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}







div#modal58 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal58 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents58 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents58 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window58 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window58 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}









div#modal59 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal59 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents59 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents59 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window59 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window59 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}







div#modal60 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal60 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents60 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents60 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window60 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window60 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}









div#modal61 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal61 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents61 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents61 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window61 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window61 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}








div#modal62 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal62 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents62 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents62 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window62 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window62 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}








div#modal63 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal63 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents63 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents63 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window63 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window63 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}








div#modal64 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal64 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents64 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents64 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window64 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window64 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}








div#modal65 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal65 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents65 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents65 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window65 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window65 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}







div#modal66 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal66 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents66 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents66 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window66 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window66 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}








div#modal67 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal67 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents67 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents67 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window67 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 400px;
    height: 330px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window67 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 400px;
    height: 330px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}









div#modal68 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal68 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents68 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents68 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window68 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 500px;
    height: 150px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window68 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 400px;
    height: 140px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}







div#modal69 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal69 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents69 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents69 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window69 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window69 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}










div#modal70 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal70 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents70 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents70 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window70 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window70 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}







div#modal71 div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

#open_modal71 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

#modal_contents71 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

@media screen and (max-width: 480px) {
#modal_contents71 {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 30px 0px;
    width: 100%;
}
}

.modal_window71 {
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
  
@media screen and (max-width: 480px) {
.modal_window71 {
    top: 20%;
    left: 41%;
    margin: -100px 0 0 -150px;
    width: 385px;
    height: 580px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
}




/*---------- table ----------*/


.table01 {
   width:100%;
   border-collapse:collapse;
}


.table01 th {
   padding:5px;
   font-size:16px;
   border:1px solid #c3c3c3;
   text-align:left;  
   word-break: break-all;
}


.table01 td {
   padding:5px;
   font-size:16px;
   border:1px solid #c3c3c3;
   text-align:left;
   word-break: break-all;
}






.table02 {
   width:100%;
   border-collapse:collapse;
}


.table02 th {
   padding:5px;
   font-size:16px;
   text-align:left;   
   border:1px solid #c3c3c3;
   background:#caedff;
   word-break: break-all;
}


.table02 td {
   padding:5px;
   font-size:16px;
   text-align:left;
   border:1px solid #c3c3c3;
   word-break: break-all;
}










.table03 {
   width:100%;
   border-collapse:collapse;
}


.table03 th {
   padding:5px;
   font-size:14px;
   text-align:left;   
   border:1px solid #c3c3c3;
   background:#ffd8ca;
   word-break: break-all;
}


.table03 td {
   padding:5px;
   font-size:14px;
   text-align:left;
   border:1px solid #c3c3c3;
   word-break: break-all;
}





.table05 {
   width:100%;
   border-collapse:collapse;
}


.table05 th {
   padding:5px;
   font-size:16px;
   text-align:left;   
   border:1px solid #c3c3c3;
   background:#e6ffaa;
   word-break: break-all;   
}


.table05 td {
   padding:5px;
   font-size:16px;
   text-align:left;
   border:1px solid #c3c3c3;
   word-break: break-all;
}



.table06 {
   width:100%;
   border-collapse:collapse;
}


.table06 th {
   padding:5px;
   font-size:16px;
   border:1px solid #c3c3c3;
   background:#f8dcdc;
   text-align:left; 
   word-break: break-all;
}


.table06 td {
   padding:5px;
   font-size:16px;
   border:1px solid #c3c3c3;
   text-align:left;
   word-break: break-all;
}





.table07 {
   width:100%;
   border-collapse:collapse;
}


.table07 th {
   padding:5px;
   font-size:16px;
   border:1px solid #c3c3c3;
   background:#e6ffaa;
   text-align:left;  
   word-break: break-all;
}


.table07 td {
   padding:5px;
   font-size:16px;
   border:1px solid #c3c3c3;
   text-align:left;
   word-break: break-all;
}






.table08 {
   width:100%;
   border-collapse:collapse;
}


.table08 th {
   padding:5px;
   font-size:16px;
   text-align:left;   
   border:2px solid #c3c3c3;
   background:#ceeff7;
   word-break: break-all;
}


.table08 td {
   padding:5px;
   font-size:16px;
   text-align:left;
   border:2px solid #c3c3c3;
   word-break: break-all;
}






.table09 {
   width:100%;
   border-collapse:collapse;
}


.table09 th {
   padding:5px;
   font-size:16px;
   text-align:left;   
   border:2px solid #c3c3c3;
   background:#fff;
   word-break: break-all;
}


.table09 td {
   padding:5px;
   font-size:16px;
   text-align:left;
   border:2px solid #c3c3c3;
   word-break: break-all;
}






@media screen and (max-width: 480px) {
.table09 {
   width:100%;
   border-collapse:collapse;
}
}


@media screen and (max-width: 480px) {
.table09 th {
   padding:5px;
  letter-spacing:-0.05em;
   font-size:16px;
   text-align:left;   
   border:2px solid #c3c3c3;
   background:#fff;
   word-break: break-all;
}
}



@media screen and (max-width: 480px) {
.table09 td {
   padding:5px;
  letter-spacing:-0.05em;
   font-size:16px;
   text-align:left;
   border:2px solid #c3c3c3;
   word-break: break-all;
}
}




.table10 {
   width:100%;
   border-collapse:collapse;
}


.table10 th {
   padding:5px;
   font-size:16px;
   text-align:center;   
   border:2px solid #c3c3c3;
   background:#ffd8ca;
   word-break: break-all;
}


.table10 td {
   padding:5px;
   font-size:16px;
   text-align:center;
   border:2px solid #c3c3c3;
   font-weight: bold;
   word-break: break-all;
}




.table11 {
   width:100%;
   border-collapse:collapse;
}


.table11 th {
   padding:5px;
   font-size:16px;
   text-align:left;   
   border:2px solid #c3c3c3;
   background:#ffd8ca;
   font-weight: bold;
   word-break: break-all;
}


.table11 td {
   padding:5px;
   font-size:16px;
   text-align:left;
   border:2px solid #c3c3c3;
   font-weight: bold;
   word-break: break-all;
}





.table12 {
   width:100%;
   border-collapse:collapse;
}


.table12 th {
   padding:5px;
   font-size:16px;
   text-align:left;   
   border:2px solid #c3c3c3;
   background:#fff;
   word-break: break-all;
}


.table12 td {
   padding:5px;
   font-size:16px;
   text-align:left;
   border:2px solid #c3c3c3;
   word-break: break-all;
}





.table13 {
   width:100%;
   border-collapse:collapse;
}


.table13 th {
   padding:5px;
   font-size:16px;
   text-align:center;   
   border:2px solid #c3c3c3;
   background:#caedff;
   word-break: break-all;
}


.table13 td {
   padding:5px;
   font-size:16px;
   text-align:center;
   border:2px solid #c3c3c3;
   word-break: break-all;
}








.table14 {
   width:100%;
   border-collapse:collapse;
}


.table14 th {
   padding:5px;
   font-size:16px;
   text-align:left;   
   border:2px solid #c3c3c3;
   background:#ffe7ce;
   word-break: break-all;
}


.table14 td {
   padding:5px;
   font-size:16px;
   text-align:left;
   border:2px solid #c3c3c3;
   word-break: break-all;
}






.table15 {
   width:100%;
   border-collapse:collapse;
}


.table15 th {
   padding:5px;
   font-size:16px;
   text-align:left;   
   border:2px solid #c3c3c3;
   background:#fff;
   word-break: break-all;
}


.table15 td {
   padding:5px;
   font-size:16px;
   color: #ffffff;
   font-weight: bold;
   text-align:left;
   border:2px solid #c3c3c3;
   word-break: break-all;  
}








.table16 {
   width:100%;
   border-collapse:collapse;
}


.table16 th {
   padding:5px;
   font-size:16px;
   text-align:left;   
   border:2px solid #c3c3c3;
   background:#ffe7ce;
   word-break: break-all;
}


.table16 td {
   padding:5px;
   font-size:16px;
   text-align:center;
   border:2px solid #c3c3c3;
   word-break: break-all;
}




.table17 {
   width:100%;
   border-collapse:collapse;
}


.table17 th {
   padding:5px;
   font-size:16px;
   text-align:center;   
   border:2px solid #c3c3c3;
   background:#ffe7ce;
   word-break: break-all;
}


.table17 td {
   padding:5px;
   font-size:16px;
   text-align:center;
   border:2px solid #c3c3c3;
   word-break: break-all;
}




/*---------- メニュー ----------*/

aside {
  float: right;
  margin: 0;
  padding: 12px 10px 0 5px;
  width: 200px;
  text-align: left;
  line-height: 160%;
  letter-spacing: 1px;
  background-color: #fcfcfc;
}


@media screen and (max-width: 1080px) {
aside {
  float: left;
  margin: 0;
  padding: 7px 0px 0 5px;
  width: 460px;
  text-align: left;
  line-height: 280%;
  letter-spacing: 1px;
  background-color: #fff;
}
}


@media screen and (max-width: 480px) {
aside {
  float: down;
  margin: 0;
  padding: 7px 0px 0 5px;
  width: 390px;
  text-align: left;
  line-height: 160%;
  letter-spacing: 1px;
  background-color: #fff;
}
}






aside h2 {
  margin: 0;
  padding: 8px 0 6px 12px;
  line-height: 110%;
  font-size: 12px;
  color: #ffffff;
  background-image: url(img/sidebar.gif);
  background-repeat: no-repeat;
}








aside h3.side {
   position: relative;
   padding: .5em .75em;
   margin: 14px 0px 0px 0;
   padding: 0px 0 0px 10px;
   font-size: 16px;
   color: #fff;;
   line-height: 270%;
   background-color: #03c476;
   width: 190px;
   height: 42px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
}

aside h3.side:after {
  position: absolute;
  top: 100%;
  left: 24px;
  content: '';
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top: 10px solid #03c476;
}




@media screen and (max-width: 1080px) {
aside h3.side {
   position: relative;
   padding: .5em .75em;
  margin: 24px 0px 0px 0;
  padding: 0px 0 0px 10px;
   font-size: 24px;
   letter-spacing:-0.05em;   
   color: #fff;
   line-height: 200%;
   background-color: #03c476;
   width: 460px;
   height: 50px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
}
}

@media screen and (max-width: 1080px) {
aside h3.side:after {
  position: absolute;
  top: 100%;
  left: 20px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #03c476;
}
}






@media screen and (max-width: 480px) {
aside h3.side {
   position: relative;
   padding: .5em .75em;
  margin: 24px 0px 0px 0;
  padding: 0px 0 0px 10px;
   font-size: 24px;
   letter-spacing:-0.05em;   
   color: #fff;
   line-height: 200%;
   background-color: #03c476;
   width: 380px;
   height: 50px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
}
}

@media screen and (max-width: 480px) {
aside h3.side:after {
  position: absolute;
  top: 100%;
  left: 20px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #03c476;
}
}












hr{
  border:none;
  padding: 0px 0 0px 0px;

  height:1px;
  color:#FFFFFF;
  width:200px;
}


@media screen and (max-width: 480px) {
hr{
  border:none;
  padding: 0px 0 0px 0px;

  height:1px;
  color:#FFFFFF;
  width:340px;
}
}




aside p {
  margin: 10px 4px 20px 4px;
  line-height: 180%;
}






aside a{
   color: #333;
   text-decoration: none;
   word-break: break-all;
   font-size: 14px; 
 }

aside a:hover{
   color: #f00000;
   text-decoration: underline;
   font-size: 14px;
}


@media screen and (max-width: 1080px) {
aside a{
   color: #111;
   text-decoration: none;
   word-break: break-all;
   font-size: 21px;
   line-height: 130%;
}
}

@media screen and (max-width: 1080px) {
aside a:hover{
   color: #f00000;
   font-size: 20px;
   line-height: 130%;
}
}




@media screen and (max-width: 480px) {
aside a{
   color: #111;
   text-decoration: none;
   word-break: break-all;
   font-size: 20px;
   line-height: 130%;
}
}

@media screen and (max-width: 480px) {
aside a:hover{
   color: #f00000;
   font-size: 20px;
   line-height: 130%;
}
}




li.side_ranking{
   margin: 0px 0 15px 0px;
   border-bottom: 1px solid #aaa;
}




@media screen and (max-width: 1080px) {
li.side_ranking{
   margin: 0px 0px 25px 0px;
   padding: 0px 0 25px 0px;  
   border-bottom: 1px solid #aaa;
}
}



@media screen and (max-width: 480px) {
li.side_ranking{
   margin: 0px 0 25px 0px; 
   padding: 0px 0 25px 0px;      
   border-bottom: 1px solid #aaa;
}
}



li.side_topix{
   margin: 0px 0 8px 0px;
   border-bottom: 1px solid #aaa;
}


@media screen and (max-width: 1080px) {
li.side_topix{
   margin: 0px 0 15px 0px;;    
   border-bottom: 1px solid #aaa;
}
}



@media screen and (max-width: 480px) {
li.side_topix{
   margin: 0px 0 15px 0px;   
   border-bottom: 1px solid #aaa;
}
}









.date_aside{
	color: #000;
    font-size: 12px;
}


@media screen and (max-width: 1080px) {
.date_aside{
	color: #000;
    font-size: 20px;
    font-weight: bold;
}
}



@media screen and (max-width: 480px) {
.date_aside{
	color: #000;
    font-size: 16px;
    font-weight: bold;
}
}





.blue_aside{
	color: #333;
    font-size: 14px;
    font-weight: bold;
}




@media screen and (max-width: 480px) {
.blue_aside{
	color: #013ADF;
    font-size: 20px;
    font-weight: bold;
}
}







ul {
    list-style: none;
    padding: 0px 5px 0px 0px;
}




li{
	list-style-type:none;
  　widthh: 60px; height: 60px;
	background-repeat:no-repeat;
    background-position:left 0.5em;
    padding: 0px 0px 15px 0px;
}

@media screen and (max-width: 480px) {
li{
	list-style-type:none;
  　width: 60px; height: 60px;
	background-repeat:no-repeat;
    background-position:left 0.5em;
    padding: 0px 0px 15px 0px;;
	
}
}



.gazo li{
	list-style-type:none;
  　widthh: 60px; height: 60px;
	background-repeat:no-repeat;
    background-position:left 0.5em;
    padding: 0px 0px 5px 0px;
}

@media screen and (max-width: 480px) {
.gazo li{
	list-style-type:none;
  　width: 60px; height: 60px;
	background-repeat:no-repeat;
    background-position:left 0.5em;
    padding: 0px 0px 15px 0px;;
	
}
}



img.menubg {
    padding: 0px 10px 0px 0px;
	float: left;
	width: 60px; height: 60px;

}




img.menu2bg {
    padding: 0px 10px 0px 0px;
	float: left;

}




/*---------- フッター ----------*/

footer {
  clear: both;
  margin: 0;
  padding: 35px 0 35px 15px;
  text-align: center;
  font-size: 12px;
  color: #000;
  border-top: 2px;
  border-top-style: dotted;
  border-top-color: #ccc;
  background-color: #f5f5f5;
}



footer a {
  color: #000;
  font-size: 12px;
}

footer a:hover {
  color: #f00000;
}



@media screen and (max-width: 480px) {
footer {
  clear: both;
  margin: 0;
  width: 477px;  
  padding: 35px 0 45px 15px;
  text-align: center;
  font-size: 8px;
  color: #000;
  border-top: 2px;
  border-top-color: #ccc;
  background-color: #f5f5f5;
}
}

@media screen and (max-width: 480px) {
footer a {
  color: #000;
  font-size: 8px;
}
}

@media screen and (max-width: 480px) {
footer a:hover {
  color: #f00000;
}
}