@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: #111;
  background-color: #ebebeb;
}

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









body {
text-align: center;
}



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









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








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





#main {
  margin: 0 auto 0 auto;
  padding: 0px 0px 0 0px;
  width: 890px;
  background-color: #fff;
}


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











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

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




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



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












.h1_logo {
   margin: 0px 0px 0px 0px;
   padding: 8px 0px 0px 12px;
   width: 164px;
   height: 30px;   
   margin-bottom:10px;
}


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


@media screen and (max-width: 480px) {
.h1_logo {
   margin: 0px 0px 0px 0px;
   padding: 10px 0px -10px 10px;
   width: 164px;
   height: 130px;   
   margin-bottom:-132px;
}
}





p.sent_logo {
   margin: 0px 0px 0px 0px;
   padding: 8px 0px 0px 12px;
   width: 164px;
   height: 30px;   
   margin-bottom:10px;
}


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


@media screen and (max-width: 480px) {
p.sent_logo {
   margin: 0px 0px 0px 0px;
   padding: 10px 0px -10px 10px;
   width: 164px;
   height: 130px;   
   margin-bottom:-132px;
}
}







p.top_message{
   margin: -40px 10px 0px 246px;
   padding: 0px 0px 76px 0px;
   margin-bottom:18px;
   font-size: 14px;	
   line-height: 150%;
   color: #000;
}

@media screen and (max-width: 480px) {
p.top_message {
   margin: 1px 2px 0px 190px;
   padding: 0 0px 0px 0px;
   margin-bottom:-62px;
   line-height: 120%;
   font-size: 13px;	
   color: #000;
}
}






.breadcrumbs {
  color: #fff;
  margin: 0px 0px 0px 10px;
  padding: 0px 0 0px 0px;
  word-wrap: break-word;
}


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






.breadcrumbs_link {
   color: #fff;
   font-size: 16px;
   font-weight: bolder;
   text-decoration: underline;
}

.breadcrumbs_link:hover {
   text-decoration: none;
   color: #FFFF00;
   font-size: 16px;
   text-decoration: underline; 
}




@media screen and (max-width: 480px) {
.breadcrumbs_link {
   font-size: 14px;
   letter-spacing:-0.04em;
   font-weight: bolder;
}
}

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


.breadcrumbs_link_top {
   color: #fff;
   font-size: 16px;
   font-weight: bolder;
   text-decoration: underline;
}

.breadcrumbs_link_top:hover {
   text-decoration: none;
   color: #F7FE2E;
   font-size: 16px;
   text-decoration: underline;
}



@media screen and (max-width: 480px) {
.breadcrumbs_link_top {
   font-size: 14px;
   letter-spacing:-0.04em;
   font-weight: bolder;
}
}

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




.breadcrumbs_black {
   color: #fff;
   font-size: 16px;
   font-weight: bolder;
}


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




nav {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0 0px;
}


.nav_link ul {
   margin:0;
   padding:0;   
}

.nav_link li {
   margin:0;
   padding:0;
   list-style:none;
   display: inline;
}






.menu_btn {
   position: relative;
   display: inline-block;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;      
   text-decoration: none;
   margin: 3px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 380%;
   font-size: 13px;
   font-weight: bolder;
   text-align: center;  
   color: #fff;
   background: #ed814d;
   border: solid 1px #d7d7d7;
   width: 146px; 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);
}

.menu_btn:hover {
   color: #fff;
   background: #ea6d31;
   border: solid 1px #f5f5f5;
   box-shadow: none;
   text-shadow: none;
}




@media screen and (max-width: 480px) {
.menu_btn {
   position: relative;
   display: inline-block;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;   
   text-decoration: none;
   margin: 0px 0px 6px 6px;
   padding: 0px 0px 0px 0px;
   line-height: 320%;
   font-size: 14px;
   font-weight: bolder;
   text-align: center;  
   color: #fff;
   background: #ed814d;
   border: solid 1px #d7d7d7;
   width: 148px; height: 43px;
   box-shadow:2px 3px #c4c4c4;
}
}

@media screen and (max-width: 480px) {
.menu_btn:hover {
   color: #fff;
   background: #ea6d31;
   border: solid 1px #f5f5f5;
   box-shadow: none;
   text-shadow: none;
}
}





.menu_btn_yellow {
   position: relative;
   display: inline-block;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;      
   text-decoration: none;
   margin: 3px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 380%;
   font-size: 13px;
   font-weight: bolder;
   text-align: center;  
   color: #fff;
   background: #feae1b;
   border: solid 1px #d7d7d7;
   width: 146px; 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);
}

.menu_btn_yellow:hover {
   color: #fff;
   background: #f39e01;
   border: solid 1px #f5f5f5;
   box-shadow: none;
   text-shadow: none;
}




@media screen and (max-width: 480px) {
.menu_btn_yellow {
   position: relative;
   display: inline-block;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;   
   text-decoration: none;
   margin: 0px 0px 6px 6px;
   padding: 0px 0px 0px 0px;
   line-height: 320%;
   font-size: 14px;
   font-weight: bolder;
   text-align: center;  
   color: #fff;
   background: #feae1b;
   border: solid 1px #d7d7d7;
   width: 148px; height: 43px;
   box-shadow:2px 3px #c4c4c4;
}
}

@media screen and (max-width: 480px) {
.menu_btn_yellow:hover {
   color: #fff;
   background: #f39e01;
   border: solid 1px #f5f5f5;
   box-shadow: none;
   text-shadow: none;
}
}





.menu_btn_green {
   position: relative;
   display: inline-block;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;      
   text-decoration: none;
   margin: 3px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 380%;
   font-size: 13px;
   font-weight: bolder;
   text-align: center;  
   color: #fff;
   background: #a0c05a;
   border: solid 1px #d7d7d7;
   width: 146px; 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);
}

.menu_btn_green:hover {
   color: #fff;
   background: #93b746;
   border: solid 1px #f5f5f5;
   box-shadow: none;
   text-shadow: none;
}




@media screen and (max-width: 480px) {
.menu_btn_green {
   position: relative;
   display: inline-block;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;   
   text-decoration: none;
   margin: 0px 0px 6px 6px;
   padding: 0px 0px 0px 0px;
   line-height: 320%;
   font-size: 14px;
   font-weight: bolder;
   text-align: center;  
   color: #fff;
   background: #a0c05a;
   border: solid 1px #d7d7d7;
   width: 148px; height: 43px;
   box-shadow:2px 3px #c4c4c4;
}
}

@media screen and (max-width: 480px) {
.menu_btn_green:hover {
   color: #fff;
   background: #93b746;
   border: solid 1px #f5f5f5;
   box-shadow: none;
   text-shadow: none;
}
}




.menu_btn_deepblue {
   position: relative;
   display: inline-block;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;      
   text-decoration: none;
   margin: 3px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 380%;
   font-size: 13px;
   font-weight: bolder;
   text-align: center;  
   color: #fff;
   background: #7ac0ab;
   border: solid 1px #d7d7d7;
   width: 146px; 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);
}

.menu_btn_deepblue:hover {
   color: #fff;
   background: #5fb49a;
   border: solid 1px #f5f5f5;
   box-shadow: none;
   text-shadow: none;
}




@media screen and (max-width: 480px) {
.menu_btn_deepblue {
   position: relative;
   display: inline-block;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;   
   text-decoration: none;
   margin: 0px 0px 6px 6px;
   padding: 0px 0px 0px 0px;
   line-height: 320%;
   font-size: 14px;
   font-weight: bolder;
   text-align: center;  
   color: #fff;
   background: #7ac0ab;
   border: solid 1px #d7d7d7;
   width: 148px; height: 43px;
   box-shadow:2px 3px #c4c4c4;
}
}

@media screen and (max-width: 480px) {
.menu_btn_deepblue:hover {
   color: #fff;
   background: #5fb49a;
   border: solid 1px #f5f5f5;
   box-shadow: none;
   text-shadow: none;
}
}




.menu_btn_blue {
   position: relative;
   display: inline-block;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;      
   text-decoration: none;
   margin: 3px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 380%;
   font-size: 13px;
   font-weight: bolder;
   text-align: center;  
   color: #fff;
   background: #76b7f4;
   border: solid 1px #d7d7d7;
   width: 146px; 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);
}

.menu_btn_blue:hover {
   color: #fff;
   background: #54a7f1;
   border: solid 1px #f5f5f5;
   box-shadow: none;
   text-shadow: none;
}




@media screen and (max-width: 480px) {
.menu_btn_blue {
   position: relative;
   display: inline-block;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;   
   text-decoration: none;
   margin: 0px 0px 6px 6px;
   padding: 0px 0px 0px 0px;
   line-height: 320%;
   font-size: 14px;
   font-weight: bolder;
   text-align: center;  
   color: #fff;
   background: #76b7f4;
   border: solid 1px #d7d7d7;
   width: 148px; height: 43px;
   box-shadow:2px 3px #c4c4c4;
}
}

@media screen and (max-width: 480px) {
.menu_btn_blue:hover {
   color: #fff;
   background: #54a7f1;
   border: solid 1px #f5f5f5;
   box-shadow: none;
   text-shadow: none;
}
}







.menu_btn_final {
   position: relative;
   display: inline-block;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;      
   text-decoration: none;
   margin: 2px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 380%;
   font-size: 13px;
   font-weight: bolder;
   text-align: center;  
   color: #fff;
   background: #beaed5;
   border: solid 1px #d7d7d7;
   width: 148px; 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);
}

.menu_btn_final:hover {
   color: #fff;
   background: #aa96c9;
   border: solid 1px #f5f5f5;
   box-shadow: none;
   text-shadow: none;
}




@media screen and (max-width: 480px) {
.menu_btn_final {
   position: relative;
   display: inline-block;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;   
   text-decoration: none;
   margin: 0px 0px 6px 6px;
   padding: 0px 0px 0px 0px;
   line-height: 320%;
   font-size: 14px;
   font-weight: bolder;
   text-align: center;  
   color: #fff;
   background: #beaed5;
   border: solid 1px #D5D5D5;
   width: 148px; height: 43px;
   box-shadow:2px 3px #c4c4c4;
}
}

@media screen and (max-width: 480px) {
.menu_btn_final:hover {
   color: #fff;
   background: #aa96c9;
   border: solid 1px #f5f5f5;
   box-shadow: none;
   text-shadow: none;
}
}









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

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

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


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

#contents {
  float: left;
  margin: 0px 30px 0px 30px;
  padding: 0px 0px 0 0px;
  line-height: 180%;
  letter-spacing: 1px; 
  width: 830px;
  margin-bottom:30px;
  background-color: #fff;
}


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








#contents img.sample {
  float: left;
  margin: 0px 16px 0px 0px;
  padding: 8px 0px 0px 0px;
  width: 248px;
}


@media screen and (max-width: 480px) {
#contents img.sample {
  float: left;
  margin: 20px 16px 0px 10px;
  padding: 8px 0px 0px 0px;
  width: 200px;
}
}




#contents p.pic_rule {
	margin: 13px 0 18px 0;
	padding: 0 5px 0 0;
	line-height: 200%;
	font-size: 16px;
    background-image: url(img/bg-note-secondary.png);
	background-repeat:repeat-y;
}

@media screen and (max-width: 480px) {
#contents p.pic_rule {
	margin: 13px 0 18px 0;
	padding: 0 5px 0 0;
	line-height: 160%;
	font-size: 20px;
    width:444px;
    background-image: url(img/bg-note-secondary-sphone.png);
	background-repeat:repeat-y;
}
}




#contents p.top_rule {
	margin: 13px 0 18px 0;
	padding: 0 5px 0 0;
	line-height: 200%;
	font-size: 16px;
    background-image: url(img/bg-note-main.png);
	background-repeat:repeat-y;
}

@media screen and (max-width: 480px) {
#contents p.top_rule {
	margin: 13px 0 18px 0;
	padding: 0 5px 0 0;
	line-height: 160%;
	font-size: 20px;
    width:444px;
    background-image: url(img/bg-note-main.png);
	background-repeat:repeat-y;
}
}






#contents p.all_rule {
	margin: 13px 0 18px 0;
	padding: 0 5px 0 0;
	line-height: 200%;
	font-size: 16px;
    background-image: url(img/bg-note-main.png);
	background-repeat:repeat-y;
}

@media screen and (max-width: 480px) {
#contents p.all_rule {
	margin: 13px 0 18px 0;
	padding: 0 5px 0 0;
	line-height: 160%;
	font-size: 20px;
    width:444px;
    background-image: url(img/bg-note-main.png);
	background-repeat:repeat-y;
}
}







#contents p.simple {
	margin: 13px 0 18px 0;
	padding: 0 5px 0 0;
	line-height: 200%;
	font-size: 16px;
	background-repeat:repeat-y;
}

@media screen and (max-width: 480px) {
#contents p.simple {
	margin: 13px 0 18px 0;
	padding: 0 5px 0 0;
	line-height: 160%;
	font-size: 20px;
    width:444px;
	background-repeat:repeat-y;
}
}






#contents img.pickup {
  float: left;
  margin-left: 0px;
  margin-right: 30px;
}





#contents p.red_big {
  margin: 0px 0 0px 0;
  padding: 0 0px 0px 0px;
  line-height: 160%;
  font-size: 22px;
  color: #DD0500;
  font-weight: bold;
  display: block;
}

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





#contents p.red_ranking {
  margin: 0px 0px 0px 0;
  padding: 0 0px 0px 0px;
  line-height: 160%;
  font-size: 24px;
  color: #DD0500;
  font-weight: bold;
  display: block;
  word-break: break-all
}

@media screen and (max-width: 480px) {
#contents p.red_ranking {
  margin: 4px 3px 10px 0;
  padding: 0 5px 5px 0;
  line-height: 120%;
  font-size: 24px;
  color: #DD0500;
  font-weight: bold;
  display: block;
  word-break: break-all
}
}



#contents p.yellow_ranking {
  margin: 0px 0 0px 0;
  padding: 0 0px 0px 0;
  line-height: 190%;
  font-size: 24px;
  font-weight: bold;
  color: #222;
  word-break: break-all
}

@media screen and (max-width: 480px) {
#contents p.yellow_ranking {
  margin: 0px 0 7px 0;
  padding: 0 5px 0px 0;
  line-height: 140%; 
  letter-spacing:-0.18em;
  font-size: 17px;
  font-weight: bold;
  color: #222;
  word-break: break-all
}
}





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

@media screen and (max-width: 480px) {
#contents p.main_ranking {
  margin: 2px 0 7px 0;
  padding: 0 5px 0px 0;
  line-height: 140%;
  letter-spacing:-0.01em;  
  font-size: 18px;
  color: #333;
  word-break: break-all
}
}










#contents p.topix {	
   width:820px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 1.7;
   font-size: 15px;
   color:#000;
   word-break: break-all
}


@media screen and (max-width: 480px) {
#contents p.topix {	
   width:450px;
   margin: 6px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   font-size: 17px;
   line-height: 140%;
   letter-spacing:-0.02em; 
   color:#000;
   word-break: break-all
}
}






#contents p.ranking_tes_link {	
   width:820px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 140%;
   font-size: 15px;
   color:#000;
   word-break: break-all
}


@media screen and (max-width: 480px) {
#contents p.ranking_tes_link {	
   width:430px;
   margin: 6px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 140%;
   font-size: 15px;
   color:#000;
   word-break: break-all
}
}





#contents p.main {	
   width:820px;
   margin-top:10px;
   margin-bottom:10px;
   margin-left:5px;
   margin-right:5px;
   padding:0px 0 3px 0em;
   vertical-align: top;
   line-height: 1.9;
   font-size: 17px;
   color:#000;
   word-break: break-all
}


@media screen and (max-width: 480px) {
#contents p.main {	
   width:440px;
   margin-top:10px;
   margin-bottom:10px;
   margin-left:5px;
   padding:0px 0 3px 0em;
   vertical-align: top;
   line-height: 1.5;
   font-size: 21px;
   color:#000;
   word-break: break-all
}
}










#contents p.secondary {	
   width:760px;
   margin-top:10px;
   margin-bottom:10px;	
   margin-left:5px;
   padding:2px 0 3px 0em;
   vertical-align: top;
   line-height: 190%;
   font-size: 17px;
    background-image: url(img/bg3.gif);
   color:#000;
   word-break: break-all
}


@media screen and (max-width: 480px) {
#contents p.secondary {	
   width:440px;
   margin-top:10px;
   margin-bottom:10px;	
   margin-left:5px;
   padding:0px 0 3px 0em;
   vertical-align: top;
   line-height: 1.5;
   font-size: 21px;
   color:#000;
   word-break: break-all
}
}





#contents p.main_small {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 160%;
   font-size: 12px;	
   color: #000;
}

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





#contents p.main_small_red {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 160%;
   font-size: 12px;	
   color: #DD0500;
   font-weight: bold;
}

@media screen and (max-width: 480px) {
#contents p.main_small_red {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 160%;
   font-size: 10px;	
   color: #DD0500;
   line-height: 14px;
   font-weight: bold;
}
}









#contents p.main_small_bold {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 160%;
   font-size: 12px;	
   color: #000;
   font-weight: bold;
}

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













.bla5 {
   font-size: 16px;	
   color: #0036c4;
   font-weight: bolder;
}
.bla5:hover {
   color: #ff0000;
}

@media screen and (max-width: 767px) {
.bla5 {
   font-size: 20px;	
   color: #0036c4;
   font-weight: bolder;
}
}




.bla8 {
   font-size: 14px;	
   color: #333;
   font-weight: bolder;
}

@media screen and (max-width: 767px) {
.bla8 {
   font-size: 18px;	
   color: #333;
   font-weight: bolder;
}
}




.bla10 {
	font-size: 14px;	
	color: #049900;
	font-weight: bold;	
}

@media screen and (max-width: 767px) {
.bla10 {
   font-size: 18px;	
   color: #333;
   font-weight: bolder;
}
}




.bla11 {
   font-size: 14px;	
   color: #0036c4;
   line-height: 160%;
   text-decoration: underline;	
}


.bla11:hover {
   color: #0247ff;
   text-decoration: none;	
}

@media screen and (max-width: 767px) {
.bla11 {
   font-size: 18px;	
   color: #0036c4;
   letter-spacing:-0.04em;
   line-height: 160%;
   text-decoration: underline;	
}
}








.bla12 {
   font-size: 16px;	
   color: #005bca;
   font-weight: bolder;
   text-decoration: underline;	
}

@media screen and (max-width: 767px) {
.bla12 {
   font-size: 20px;	
   color: #005bca;
   font-weight: bolder;
   text-decoration: underline;
}
}


.bla12_2 {
   font-size: 16px;	
   color: #000;
   font-weight: bolder;
   text-decoration: underline;	
}

@media screen and (max-width: 767px) {
.bla12_2 {
   font-size: 20px;	
   color: #000;
   font-weight: bolder;
   text-decoration: underline;
}
}



.bla17 {
	font-size: 16px;	
	color: #005bca;
	text-decoration: underline;	
	font-weight: bold;
}

.bla17:hover {
	color: #ff0000;
}

@media screen and (max-width: 767px) {
.bla17 {
	font-size: 20px;	
	color: #333;
	text-decoration: underline;	
	font-weight: bold;
}
}

@media screen and (max-width: 767px) {
.bla17:hover {
	color: #ff0000;
}
}





.bla18 {
	font-size: 16px;	
	color: #005bca;
	text-decoration: underline;	
	font-weight: bold;
}

.bla18:hover {
	color: #ff0000;
}

@media screen and (max-width: 767px) {
.bla18 {
	font-size: 20px;	
	color: #333;
	text-decoration: underline;	
	font-weight: bold;
}
}

@media screen and (max-width: 767px) {
.bla18:hover {
	color: #ff0000;
}
}



.bla_green {
   font-size: 16px;
   color: #007f00;
   font-weight: bolder;	
   word-break: break-all
}

@media screen and (max-width: 767px) {
.bla_green {
   font-size: 20px;	
   color: #007f00;
   font-weight: bolder;	
   word-break: break-all   
}
}




.bla_orange {
   font-size: 16px;
   color: #fe6600;
   font-weight: bolder;	
   word-break: break-all
}

@media screen and (max-width: 767px) {
.bla_orange {
   font-size: 20px;	
   color: #fe6600;
   font-weight: bolder;	
   word-break: break-all
}
}




.bla_red {
   font-size: 16px;
   color: #ff0052;
   font-weight: bolder;	
   word-break: break-all
}

@media screen and (max-width: 767px) {
.bla_red {
   font-size: 20px;	
   color: #ff0052;
   font-weight: bolder;	
   word-break: break-all
}
}







.rc {
   font-size: 16px;
   color: #DD0500;
   font-weight: bolder;	
}

@media screen and (max-width: 767px) {
.rc {
   font-size: 20px;	
   color: #DD0500;
   font-weight: bolder;	
}
}



.ore {
   font-size: 14px;
   color: #F06000;
   font-weight: bolder;
}

@media screen and (max-width: 767px) {
.ore {
   font-size: 18px;	
   color: #F06000;
   line-height: 160%;
   font-weight: bolder;
}
}





.red3 {
	color: #c33;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
.red3  {
	color: #c33;
	font-weight: bold;
}
}






.dotted {
   border-bottom: dotted 1px #000;
}



.dotted_orange {
   border-bottom: dotted 1px #888;
   color: #f06000;
   font-weight: bolder;
}








.topix_link {
   margin-left:3px;
   margin-left:0px;	
   font-size: 15px;	
   color: #0036c4;
   text-decoration: underline;	
}

@media screen and (max-width: 480px) {
.topix_link {
   margin-left:3px;	
   font-size: 17px;	
   color: #0036c4;
   letter-spacing:-0.04em;
   text-decoration: underline;	
}
}






.ranking_link {
   margin-left:0px;	
   font-size: 13px;	
   color: #0036c4;
   text-decoration: underline;	
}

@media screen and (max-width: 480px) {
.ranking_link {
   margin-left:0px;	
   font-size: 15px;	
   color: #0036c4;
   text-decoration: underline;	
}
}

















#contents h1 {
   margin: 30px 0px 24px 0px;
   padding: 22px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #fe5132;
   width: 820px;
   height: 40px;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
}




@media screen and (max-width: 480px) {
#contents h1 {
   margin: 10px 0px 24px 0px;
   padding: 14px 0px 0px 5px;
   font-size: 28px;
   letter-spacing:-0.05em;   
   color: #fff;
   line-height: 140%;
   background-color: #fe5132;
   width: 446px;
   height: 92px;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
}
}



#contents h1.middle {
   margin: 30px 0px 24px 0px;
   padding: 22px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #fe5132;
   width: 820px;
   height: 40px;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
}




@media screen and (max-width: 480px) {
#contents h1.middle {
   margin: 10px 0px 24px 0px;
   padding: 14px 0px 0px 5px;
   font-size: 28px;
   letter-spacing:-0.05em;   
   color: #fff;
   line-height: 280%;
   background-color: #fe5132;
   width: 446px;
   height: 92px;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
}
}




#contents h2.top_main {
   margin: 30px 0px 24px 0px;
   padding: 22px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #fe5132;
   width: 820px;
   height: 40px;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
}




@media screen and (max-width: 480px) {
#contents h2.top_main {
   margin: 10px 0px 24px 0px;
   padding: 14px 0px 0px 5px;
   font-size: 28px;
   letter-spacing:-0.05em;   
   color: #fff;
   line-height: 140%;
   background-color: #fe5132;
   width: 446px;
   height: 92px;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
}
}




#contents h2.main {
   margin: 40px 0px 24px 0px;
   padding: 22px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #fe5132;
   width: 820px;
   height: 40px;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
}




@media screen and (max-width: 480px) {
#contents h2.main {
   margin: 30px 0px 24px 0px;
   padding: 14px 0px 0px 5px;
   font-size: 28px;
   letter-spacing:-0.05em;   
   color: #fff;
   line-height: 140%;
   background-color: #fe5132;
   width: 446px;
   height: 92px;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
}
}



#contents h2.main_middle {
   margin: 40px 0px 24px 0px;
   padding: 22px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #fe5132;
   width: 820px;
   height: 40px;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
}




@media screen and (max-width: 480px) {
#contents h2.main_middle {
   margin: 30px 0px 24px 0px;
   padding: 14px 0px 0px 5px;
   font-size: 28px;
   letter-spacing:-0.05em;   
   color: #fff;
   line-height: 280%;
   background-color: #fe5132;
   width: 446px;
   height: 92px;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
}
}









#contents h2.secondary {
   margin: 40px 0px 24px 0px;
   padding: 22px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #0085cc;
   width: 820px;
   height: 40px;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
}




@media screen and (max-width: 480px) {
#contents h2.secondary {
   margin: 30px 0px 24px 0px;
   padding: 14px 0px 0px 5px;
   font-size: 28px;
   letter-spacing:-0.05em;   
   color: #fff;
   line-height: 140%;
   background-color: #0085cc;
   width: 446px;
   height: 92px;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
}
}


#contents h2.secondary_middle {
   margin: 40px 0px 24px 0px;
   padding: 22px 0px 0px 10px;
   font-size: 24px;
   color: #fff;;
   background-color: #0085cc;
   width: 820px;
   height: 40px;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
}




@media screen and (max-width: 480px) {
#contents h2.secondary_middle {
   margin: 30px 0px 24px 0px;
   padding: 14px 0px 0px 5px;
   font-size: 28px;
   letter-spacing:-0.05em;   
   color: #fff;
   line-height: 280%;
   background-color: #0085cc;
   width: 446px;
   height: 92px;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
}
}






#contents h2.third {
   margin: 40px 0px 14px 0px;
   padding: 12px 0px 0px 10px;
   font-size: 20px;
   width: 812px;
   height: 28px;
   color: #494949;
   background: #fffaf4;
   border-left: solid 12px #fe6e4e;
   border-bottom: solid 3px #fe8469;
   position: relative;
   border-top-left-radius: 0px;
   border-top-right-radius: 8px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;   
}


@media screen and (max-width: 480px) {
#contents h2.third {
   margin: 30px 0px 14px 0px;
   padding: 12px 0px 0px 10px;
   font-size: 20px;
   width: 430px;
   height: 28px;
   color: #494949;
   background: #fffaf4;
   border-left: solid 12px #fe6e4e;
   border-bottom: solid 3px #fe8469;
   position: relative;
   border-top-left-radius: 0px;
   border-top-right-radius: 8px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;   
}
}





#contents h3.main {
   margin: 40px 0px 14px 0px;
   padding: 12px 0px 0px 10px;
   font-size: 20px;
   width: 812px;
   height: 28px;
   color: #494949;
   background: #fffaf4;
   border-left: solid 12px #fe6e4e;
   border-bottom: solid 3px #fe8469;
   position: relative;
   border-top-left-radius: 0px;
   border-top-right-radius: 8px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;   
}


@media screen and (max-width: 480px) {
#contents h3.main {
   margin: 30px 0px 14px 0px;
   padding: 12px 0px 0px 10px;
   font-size: 20px;
   width: 430px;
   height: 28px;
   color: #494949;
   background: #fffaf4;
   border-left: solid 12px #fe6e4e;
   border-bottom: solid 3px #fe8469;
   position: relative;
   border-top-left-radius: 0px;
   border-top-right-radius: 8px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;   
}
}












#contents h2.individual {
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 22px;
	line-height: 300%;
	color: #111;
    width: 740px;
    height: 60px;
	background-image: url(img/x555.gif);
	background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
#contents h2.individual {
	padding: 16px 0px 0px 88px;
	margin-bottom:10px;
  	font-size: 18px;
    letter-spacing:-0.03em;
	line-height: 270%;
	color: #111;
    width: 360px;
    height: 60px;
	background-image: url(img/x555.gif);
	background-repeat: no-repeat;
}
}




#contents h2.tokubetsu {
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 22px;
	line-height: 300%;
	color: #111;
    width: 740px;
    height: 60px;
	background-image: url(img/x55.gif);
	background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
#contents h2.tokubetsu {
	padding: 16px 0px 0px 88px;
	margin-bottom:10px;
  	font-size: 18px;
    letter-spacing:-0.03em;
	line-height: 270%;
	color: #111;
    width: 360px;
    height: 60px;
	background-image: url(img/x55.gif);
	background-repeat: no-repeat;
}
}





#contents h2.no1 {
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 22px;
	line-height: 300%;
	color: #111;
    width: 740px;
    height: 60px;
	background-image: url(img/x_01.gif);
	background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
#contents h2.no1 {
	padding: 16px 0px 0px 88px;
	margin-bottom:10px;
  	font-size: 18px;
    letter-spacing:-0.03em;
	line-height: 270%;
	color: #111;
    width: 360px;
    height: 60px;
	background-image: url(img/x_01.gif);
	background-repeat: no-repeat;
}
}


#contents h2.no2 {
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 22px;
	line-height: 300%;
	color: #111;
    width: 740px;
    height: 60px;
	background-image: url(img/x_02.gif);
	background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
#contents h2.no2 {
	padding: 16px 0px 0px 88px;
	margin-bottom:10px;
  	font-size: 18px;
    letter-spacing:-0.03em;
	line-height: 270%;
	color: #111;
    width: 360px;
    height: 60px;
	background-image: url(img/x_02.gif);
	background-repeat: no-repeat;
}
}


#contents h2.no3 {
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 22px;
	line-height: 300%;
	color: #111;
    width: 740px;
    height: 60px;
	background-image: url(img/x_03.gif);
	background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
#contents h2.no3 {
	padding: 16px 0px 0px 88px;
	margin-bottom:10px;
  	font-size: 18px;
    letter-spacing:-0.03em;
	line-height: 270%;
	color: #111;
    width: 360px;
    height: 60px;
	background-image: url(img/x_03.gif);
	background-repeat: no-repeat;
}
}


#contents h2.no4 {
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 22px;
	line-height: 300%;
	color: #111;
    width: 740px;
    height: 60px;
	background-image: url(img/x_04.gif);
	background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
#contents h2.no4 {
	padding: 16px 0px 0px 88px;
	margin-bottom:10px;
  	font-size: 18px;
    letter-spacing:-0.03em;
	line-height: 270%;
	color: #111;
    width: 360px;
    height: 60px;
	background-image: url(img/x_04.gif);
	background-repeat: no-repeat;
}
}


#contents h2.no5 {
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 22px;
	line-height: 300%;
	color: #111;
    width: 740px;
    height: 60px;
	background-image: url(img/x_05.gif);
	background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
#contents h2.no5 {
	padding: 16px 0px 0px 88px;
	margin-bottom:10px;
  	font-size: 18px;
    letter-spacing:-0.03em;
	line-height: 270%;
	color: #111;
    width: 360px;
    height: 60px;
	background-image: url(img/x_05.gif);
	background-repeat: no-repeat;
}
}


#contents h2.no6 {
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 22px;
	line-height: 300%;
	color: #111;
    width: 740px;
    height: 60px;
	background-image: url(img/x_06.gif);
	background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
#contents h2.no6 {
	padding: 16px 0px 0px 88px;
	margin-bottom:10px;
  	font-size: 18px;
    letter-spacing:-0.03em;
	line-height: 270%;
	color: #111;
    width: 360px;
    height: 60px;
	background-image: url(img/x_06.gif);
	background-repeat: no-repeat;
}
}


#contents h2.no7 {
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 22px;
	line-height: 300%;
	color: #111;
    width: 740px;
    height: 60px;
	background-image: url(img/x_07.gif);
	background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
#contents h2.no7 {
	padding: 16px 0px 0px 88px;
	margin-bottom:10px;
  	font-size: 18px;
    letter-spacing:-0.03em;
	line-height: 270%;
	color: #111;
    width: 360px;
    height: 60px;
	background-image: url(img/x_07.gif);
	background-repeat: no-repeat;
}
}


#contents h2.no8 {
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 22px;
	line-height: 300%;
	color: #111;
    width: 740px;
    height: 60px;
	background-image: url(img/x_08.gif);
	background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
#contents h2.no8 {
	padding: 16px 0px 0px 88px;
	margin-bottom:10px;
  	font-size: 18px;
    letter-spacing:-0.03em;
	line-height: 270%;
	color: #111;
    width: 360px;
    height: 60px;
	background-image: url(img/x_08.gif);
	background-repeat: no-repeat;
}
}


#contents h2.no9 {
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 22px;
	line-height: 300%;
	color: #111;
    width: 740px;
    height: 60px;
	background-image: url(img/x_09.gif);
	background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
#contents h2.no9 {
	padding: 16px 0px 0px 88px;
	margin-bottom:10px;
  	font-size: 18px;
    letter-spacing:-0.03em;
	line-height: 270%;
	color: #111;
    width: 360px;
    height: 60px;
	background-image: url(img/x_09.gif);
	background-repeat: no-repeat;
}
}


#contents h2.no10 {
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 22px;
	line-height: 300%;
	color: #111;
    width: 740px;
    height: 60px;
	background-image: url(img/x_10.gif);
	background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
#contents h2.no10 {
	padding: 16px 0px 0px 88px;
	margin-bottom:10px;
  	font-size: 18px;
    letter-spacing:-0.03em;
	line-height: 270%;
	color: #111;
    width: 360px;
    height: 60px;
	background-image: url(img/x_10.gif);
	background-repeat: no-repeat;
}
}







#contents h2.rkg1 {
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 0px 100px;
	margin-bottom:20px;
  	font-size: 22px;
	line-height: 300%;
	color: #111;
    width: 740px;
    height: 60px;
	background-image: url(img/x55.gif);
	background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
#contents h2.rkg1 {
	padding: 16px 0px 0px 88px;
	margin-bottom:10px;
  	font-size: 18px;
    letter-spacing:-0.03em;
	line-height: 270%;
	color: #111;
    width: 360px;
    height: 60px;
	background-image: url(img/x55.gif);
	background-repeat: no-repeat;
}
}












#contents h4.qa {	
   width:821px;
   border-bottom: 1px dotted #888;
   padding:0px 0 0px 0em;
   vertical-align: top;
   line-height: 1.5;
}


@media screen and (max-width: 480px) {
#contents h4.qa {
   width: 440px;
  	font-size: 20px;
   border-bottom: 1px dotted #888;
   padding:0px 0 0px 0em;
   vertical-align: top;
   letter-spacing:-0.04em;  
   line-height: 1.5;
}
}












.img_300px_link{ 
   margin: -207px 0px 0px 530px;
   padding: 0px 0px 0px 4px;  
   width: 300px;
   background-repeat: no-repeat;
}


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


@media screen and (max-width: 480px) {
.img_300px_link{ 
   margin: -122px 0px 0px 284px;
   padding: 0px 0px 0px 4px;  
   width:160px;
}
}



.img_300px{ 
   margin: -207px 0px 0px 530px;
   padding: 0px 0px 0px 4px;  
   width: 300px;
   background-repeat: no-repeat;
}

@media screen and (max-width: 480px) {
.img_300px{ 
   margin: -122px 0px 0px 284px;
   padding: 0px 0px 0px 4px;  
   width:160px;
}
}




.img_375px_middle{ 
   padding: 0px 0px 0px 0px;   
   margin: 10px auto; 
   width: 375px;
}


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






.img_410px_link_left{ 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;  
   width: 410px;
   background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
.img_410px_link_left{ 
   padding: 20px 0px 0px 0px;   
   width:220px;
}
}




.img_410px_link_right{ 
   margin: -161px 0px 30px 420px;
   padding: 0px 0px 0px 4px;  
   width: 410px;
   background-repeat: no-repeat;
}


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






.img_500px{ 
   margin: -10px 0px 0px 0px;
   padding: 0px 0px 0px 0px;  
   width: 500px; 
   background-repeat: no-repeat;
}


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




.img_500px_middle{ 
   padding: 0px 0px 0px 0px;  
   margin: 10px auto; 
   width: 500px; 
   background-repeat: no-repeat;
}


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





.img_524px{ 
   margin: -10px 0px 0px 0px;
   padding: 0px 0px 0px 0px;  
   width: 524px; 
   background-repeat: no-repeat;
}


@media screen and (max-width: 480px) {
.img_524px{ 
   padding: 0px 0px 0px 0px;   
   line-height: 300%;
   width:284px;
}
}



.img_550px{ 
   padding: 0px 0px 0px 0px;  
   margin: 10px auto; 
   width: 550px; 
   background-repeat: no-repeat;
}


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





.img_550px_middle{ 
   padding: 0px 0px 0px 0px;  
   margin: 10px auto; 
   width: 550px; 
   background-repeat: no-repeat;
}


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





.img_550px_link{ 
   padding: 0px 0px 0px 0px;   
   margin: 10px auto; 
   width: 550px;
}


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


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




.img_600px{ 
   margin: -10px 0px 0px 0px;
   padding: 0px 0px 0px 0px;  
   width: 600px; 
   background-repeat: no-repeat;
}


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





.img_600px_middle{ 
   padding: 0px 0px 0px 0px;   
   margin: 10px auto; 
   width: 600px;
}


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






.img_650px{ 
   margin: 0px 0px 0px 0px;
   width: 650px;
}


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







.img_680px{ 
   margin: 0px 0px 0px 0px;
   width: 680px;
}


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






.img_700px_link{ 
   padding: 0px 0px 0px 0px;   
   margin: 10px auto; 
   width: 700px;
}


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


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






.img_700px{ 
   margin: -10px 0px 0px 0px;
   padding: 0px 0px 0px 0px;  
   width: 700px; 
   background-repeat: no-repeat;
}


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




.img_750px{ 
   margin: -10px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 750px;
   background-repeat: no-repeat;
}

@media screen and (max-width: 480px) {
.img_750px{ 
   padding: 0px 0px 0px 0px;   
   line-height: 300%;
   width:440px;
}
}




.img_750px_middle{ 
   padding: 0px 0px 0px 0px;   
   margin: 10px auto; 
   width: 750px;
}


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







.img_760px{ 
   margin: 0px 0px 0px 0px;
   width: 760px;
}


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





.img_768px{ 
   padding: 0px 0px 0px 0px;   
   margin: 10px auto; 
   width: 768px;
}


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





.img_770px{ 
   margin: 0px 0px 0px 0px;
   width: 770px;
}


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



.img_830px{ 
   margin: 8px 0px 4px 0px;
   width: 830px;
}


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







.img_834px{ 
   margin: 10px auto; 
   width: 830px;
}


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







.img_834px_middle{ 
   padding: 0px 0px 0px 0px;   
   margin: 10px auto; 
   width: 830px;
}


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



























h4.qa {	
	width:821px;
	border-bottom: 1px dotted #888;
	padding:0px 0 17px 0em;
	vertical-align: top;
	line-height: 1.5;
}


#contents h4 {	
	margin: 0;
	padding: 20px 0 0px 0px;
	line-height: 110%;
	font-size: 16px;
	color: #445;
}


















#contents p.page_rule {
	margin: 13px 0 18px 0;
	padding: 0 5px 0 0;
	line-height: 200%;
	font-size: 16px;
	background-repeat:repeat-y;
}

@media screen and (max-width: 480px) {
#contents p.page_rule {
	margin: 13px 0 18px 0;
	padding: 0 5px 0 0;
	line-height: 180%;
	font-size: 34px;
	background-repeat:repeat-y;
}
}













ul {
	margin-bottom: 0;
}

ul li {
	font-size: 16px;
	margin-bottom:1px;
	padding:5px 0 7px 3.9em;

}



.table01 {
	width: 99.9%;	
	margin-bottom:15px;
}

.table01 th, .table01 td {
	width:815px;
	border-bottom: 1px dotted #888;
	padding:0px 0 17px 0em;
	vertical-align: top;
	line-height: 1.5;
}

.table01 th {
	width: 100px;
	font-weight: bold;
}






.table02 {
   width:100%;
   border-collapse:collapse;
}


.table02 th {
   padding:5px;
   font-size:11px;
   text-align:left;   
   border:1px solid #c3c3c3;
   background:#caedff;
}


.table02 td {
   padding:5px;
   font-size:11px;
   text-align:left;
   border:1px solid #c3c3c3;
}





.table03 {
   width:98.4%;
   border-collapse:collapse;
}


.table03 th {
   padding:5px;
   font-size:11px;
   text-align:left;   
   border:1px solid #c3c3c3;
   background:#ffd8ca;
}


.table03 td {
   padding:5px;
   font-size:11px;
   text-align:left;
   border:1px solid #c3c3c3;
}








.rec {
	color: #DD0500;
	font-size: 28px;
	font-weight: bold;
}

@media screen and (max-width: 480px) {
.rec {
	color: #DD0500;
	font-size: 28px;
	font-weight: bold;
}
}


.ckz {
	color: #DD0500;
	font-size: 26px;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
.ckz {
	color: #DD0500;
	font-size: 38px;
	line-height: 160%;
	font-weight: bold;
}
}





.ehy {
	background-color: #FF9;
	font-size: 22px;
	font-weight: bold;
}

@media screen and (max-width: 480px) {
.ehy {
	background-color: #FF9;
	font-size: 38px;
	font-weight: bold;
}
}





/*---------- メニュー ----------*/


















/*---------- フッター ----------*/


footer {
  clear: both;
  margin: 0;
  padding: 20px 0px 20px 20px;
  text-align:center;
  font-size: 12px;
  color: #ffffff;
  border-top: 1px;
  border-top-style: dotted;
  border-top-color: #026ac8;
  background-color: #026ac8;
}

@media screen and (max-width: 480px) {
footer {
  clear: both;
  margin: 0;
  padding: 20px 0 20px 6px;
   text-align:center;
  font-size: 5px;
  color: #ffffff;
  border-top: 1px;
  border-top-style: dotted;
  border-top-color: #026ac8;
  background-color: #026ac8;
}
}





footer a {
  color: #ffffff;
  font-size: 12px;
}

footer a:hover {
  color: #d2d2d2;
}

@media screen and (max-width: 480px) {
footer a {
  color: #ffffff;
  font-size: 5px;
}
} 




.adjustment {
   float:left;
   width:166px;
   margin: 0px 0px 30px 7px;
   padding: 0px 0px 0px 0px;
}

@media screen and (max-width: 480px) {
.adjustment {
   float:left;
   width:148px;
   margin: 0px 0px 30px 0px;
   padding: 0px 0px 0px 2px;
   margin-right:8px;
}
}


footer h3.list {
   font-size:13px; 
   margin:0;
   background:url(img/ftr.gif) 0 50% no-repeat;   
}

@media screen and (max-width: 480px) {
footer h3.list {
   font-size:13px; 
   margin:0;
   background:url(img/ftr.gif) 0 50% no-repeat;   
}
}





footer ul {
   margin:0;
   padding:0;   
}

footer li {
   margin:0;
   padding:0;
   list-style:none;
}

footer li a {
   padding-left:7px;
  color: #ffffff;
   font-size:12px;
}


@media screen and (max-width: 480px) {
footer li a {
   padding-left:0px;
   font-size:14px;
   line-height: 180%;
}

}





.copyright {
   clear:both;
   font-size:12px;
   padding:0px 0;
   font-style:normal;
   text-align:center;
}




@media screen and (max-width: 480px) {
.copyright {
   clear:both;
   font-size:5px;
   padding:10px 0;
   font-style:normal;
   text-align:center;
}
}










 



















.hy {
	background-color: #FF3;
}
.hy {
	background-color: #FF9;
	font-weight: bold;
}



.hy2 {
	color: #666;
    font-size: 14px;		
}

@media screen and (max-width: 480px) {
.hy2 {
	color: #666;
    font-size: 24px;		
}
}






.red {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #C33;
}

.red2 {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
   font-size: 10px;	
	color: #C33;
}




.blue {
	color: #0074e8;
	font-weight: bold;
}



.bla {
	font-size: 16px;	
	color: #0074e8;
	font-weight: bold;
}

.bla:hover {
	color: #ff6666;
}

.bla2 {
	font-size: 18px;	
	color: #0074e8;
	font-weight: bold;
}

.bla2:hover {
	color: #ff6666;
}

.bla3 {
	font-size: 12px;	
	color: #333;
}


.bla3:hover {
	color: #ff0000;
}



.bla6 {
	font-size: 12px;	
	color: #333;
}

.bla6:hover {
	color: #ff6666;
}


.bla7 {
	font-size: 14px;	
	color: #C33;
}


.bla7:hover {
	color: #0074e8;
}


.bla8 {
	font-size: 14px;	
	color: #333;
}







.bla21 {
	font-size: 14px;	
	color: #0036c4;
	text-decoration: underline;	
}

@media screen and (max-width: 767px) {
.bla21 {
	font-size: 26px;	
	color: #0036c4;	
    line-height: 210%;
	text-decoration: underline;	
}
}

.bla21:hover {
	color: #0247ff;
	text-decoration: none;	
}






.bla22 {
	font-size: 12px;	
	color: #111;
}

@media screen and (max-width: 767px) {
.bla22 {
	font-size: 26px;	
	color: #111;
	line-height: 30px;	
}
}








.bla13 {
	font-size: 16px;	
	color: #555;
	font-weight: bold;	
}


.bla15 {
	font-size: 14px;	
	color: #005bca;
	font-weight: bold;
	text-decoration: underline;	
}


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


.bla16 {
	font-size: 16px;	
	color: #005bca;
	font-weight: bold;
	text-decoration: underline;	
}


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




.bla18 {
	font-weight: bold;
}




.bry {
	font-size: 18px;
	color: #C33;
	font-weight: bold;
}



.shi {
	color: #FFF;
}

.shi2 {
	color: #FFF;
}