@charset "UTF-8";
/* CSS Document */
html{
	width:100%;
	padding:0;
	margin:0;
	}
body{
	width:100%;
	margin:0;
	padding:0;
  font-size:83%;
}

.gridContainer{
	height:100%;}

p li{
  word-break: normal;
  word-wrap: break-word;
}
.midF{
	font-size: 100%!important;
}

.smaller{
	font-size: 82%;
}
.smaler{
	font-size:82%;
  word-break:break-all;
}
.smaler-nobreak{
	font-size:82%;
}
.wordbreak {
	word-break:break-all;
}
.pColor{
	color:#fdb813;
}
.left{
	float:left
}
.center{
	text-align:center;
}
.aLeft{
  text-align:left;
}
.caption {
	font-size:82%;
  word-break:break-all;
	font-weight:bold;
}

.mt0 { margin-top:0px; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt80 { margin-top:80px; }
.mt_10 { margin-top:-10px; }
.mt_20 { margin-top:-20px; }
.mt_30 { margin-top:-30px; }
.mt_40 { margin-top:-40px; }
.mt_50 { margin-top:-50px; }

.mb0 { margin-bottom:0; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb100 { margin-bottom:100px; }

.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }

.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml35 { margin-left:35px; }
.ml40 { margin-left:40px; }


#warpperR{
	width:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position:relative;
	background:#fdfdfa;
	font-size:100%;


}
#warpperRS{
	width:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position:relative;
	background:#fdfdfa;
	font-size:170%;

}

#pop{
	text-align:center;
	position:relative;
	border-bottom:3px solid #000;
}
#pop img{
	width:70%;
	margin:10px 0;

}

#bottomBtn{
  border-top:3px solid #000;
  position:relative;
  width:100%;
  text-align:center;
}
#bottomBtn p a.btn{
  border:none;
  margin:10px auto;
}
#bottomBtn p a.btn:hover{
	opacity:0.5;
}



#taisaku-con{
	clear:both;
		width:90%;
		position: relative;
		margin:0 auto;
		padding:0;
		font-size:125%;

	}
#taisaku-foot{
		width:100%;
		padding:0 0 5% 0;

	}
#taisaku-mid{
		width:100%;
		position: relative;

	}
	.hArea{
		margin:10px 0 10px 0;
		min-height:70px;
		width:100%;
		border-bottom:3px solid #000;
	}
	#taisaku-mid h1{
		padding:0 0 0 10px;
		width:80%;
		height:100px;
		display:table-cell;
		vertical-align:middle;
		font-size:120%;
    line-height:117%;
		font-weight:bold;
	}
	#taisaku-mid h1.Htxt{
		margin:20px auto 0 auto;
		width:100%;
		height:40px;
		display:block;
		}
	.h1{
	margin:0;
	border-right:4px solid #F90;
	padding:12px 15px 10px 0;
	float:left;
	}
	.h1 img{


	}
	#taisaku-mid h2{
		border-top:4px solid #000;
		border-bottom:4px solid #000;
		text-align:center;
		font-size:107%;
		font-weight:bold;
		padding:5px 0;
	}

	#taisaku-mid p.caption{
		font-size:76%;
	}



		#conArea h3.no1,#conArea h3.no2,#conArea h3.no3,#conArea h3.no4,#conArea h3.no5,#conArea h3.no6,#conArea h3.no7,#conArea h3.no8,#conArea h3.no9,#conArea h3.no10{
			padding:4px 0 8px 60px;
			font-size:107%;
			font-weight:bold;
      line-height:107%;
			background-size:45px;
			margin:0 0 10px 0;
		}
		#conArea h3.no1{
			background:url(../images/result/taisaku/icon_n1.png) no-repeat left top;
      background-size:45px;
		}
		#conArea h3.no2{
			background:url(../images/result/taisaku/icon_n2.png) no-repeat left top;
      background-size:45px;
		}
		#conArea h3.no3{
			background:url(../images/result/taisaku/icon_n3.png) no-repeat left top;
      background-size:45px;
		}
		#conArea h3.no4{
			background:url(../images/result/taisaku/icon_n4.png) no-repeat left top;
      background-size:45px;
		}
		#conArea h3.no5{
			background:url(../images/result/taisaku/icon_n5.png) no-repeat left top;
      background-size:45px;
		}
		#conArea h3.no6{
			background:url(../images/result/taisaku/icon_n6.png) no-repeat left top;
      background-size:45px;
		}
		#conArea h3.no7{
			background:url(../images/result/taisaku/icon_n7.png) no-repeat left top;
      background-size:45px;
		}
		#conArea h3.no8{
			background:url(../images/result/taisaku/icon_n8.png) no-repeat left top;
      background-size:45px;
		}
    #conArea h3.no9{
			background:url(../images/result/taisaku/icon_n9.png) no-repeat left top;
      background-size:45px;
		}
		#conArea h3.no10{
			background:url(../images/result/taisaku/icon_n10.png) no-repeat left top;
      background-size:45px;
		}

	.box1{
		margin:20px 0 0 0;
	}
	.box1 p{
		font-size:82%;
		font-weight: bold;
	}
  h4.bLine{
    font-weight: bold;
    padding:0 0 5px 0;
    margin:20px 0 10px 0;
    font-size:100%;
    border-bottom:1px solid #f8bd00;
	}

	#conArea{
		width:100%;
		margin:10px 0;
		position:relative;
		font-weight: bold;
	}
		.tel{
			background:url(../images/result/taisaku/icon_tel.png) no-repeat left top;
			background-size:30px;
			font-size:100%;
			padding:0 0 0 40px;
			margin:0 20px 0 0;
			display:block;
		}
		.time{
			background:url(../images/result/taisaku/icon_time.png) no-repeat left top;
			background-size:30px;
			font-size:82%;
			padding:0 0 0 40px;
			margin:0 10px 0 0;
			display:block;
		}
		.hp{
			background:url(../images/result/taisaku/icon_hp.png) no-repeat left 15px;
			background-size:30px;
			padding:0 0 0 40px;
			margin:0 10px 0 0;
			display:block;
		}
		.rubi{
			font-size:54%;
			vertical-align:super;

		}

		/*05page*/

			.area05_01{
				position:absolute;
				top:50px;
				left:320px;
				font-size:82%;
			}
			.area05_02{
				position:absolute;
				top:260px;
				left:170px;
				font-size:82%;
			}
			.area05_03{
				position:absolute;
				top:470px;
				left:80px;
				font-size:82%;
			}
			.area05_04{
				position:absolute;
				top:300px;
				left:630px;
				font-size:82%;
			}
			.area05_05{
				position:absolute;
				top:460px;
				left:600px;
				font-size:82%;
			}
			.area05_06{
				position:absolute;
				top:540px;
				left:480px;
				font-size:82%;
			}
		/*06page*/
			.area06_01{
				position:absolute;
				top:230px;
				left:15px;
			}
		/*10page*/
			.area10_01{
				position:absolute;
				top:166px;
				left:550px;
			}
			.area10_02{
				position:absolute;
				top:962px;
				left:660px;
			}
			.dotL{
				border-bottom:1px dotted #333;
				display: inline-block;
			}
		/*11page*/

			.area11_01{
				position:absolute;
				top:50px;
				left:300px;
				font-size:82%;
			}
			.area11_02{
				position:absolute;
				top:200px;
				left:130px;
				font-size:82%;
			}
			.area11_03{
				position:absolute;
				top:470px;
				left:110px;
				font-size:82%;
			}
			.area11_04{
				position:absolute;
				top:260px;
				left:640px;
				font-size:82%;
			}
			.area11_05{
				position:absolute;
				top:360px;
				left:655px;
				font-size:82%;
			}
			.area11_06{
				position:absolute;
				top:420px;
				left:600px;
				font-size:82%;
			}
			.area11_07{
				position:absolute;
				top:470px;
				left:560px;
				font-size:82%;
			}
			.area11_08{
				position:absolute;
				top:500px;
				left:400px;
				font-size:82%;
			}
			.area11_09{
				position:absolute;
				top:510px;
				left:250px;
				font-size:82%;
			}
		/*12page*/
			.area12_01{
				position:absolute;
				top:280px;
				left:500px;
				font-size:82%;
			}
			.area12_02{
				position:absolute;
				top:350px;
				left:680px;
				font-size:82%;
			}
			.area12_03{
				position:absolute;
				top:470px;
				left:110px;
				font-size:82%;
			}
			.area12_04{
				position:absolute;
				top:490px;
				left:440px;
				font-size:82%;
			}
			.area12_05{
				position:absolute;
				top:620px;
				left:725px;
				font-size:82%;
			}
			.area12_06{
				position:absolute;
				top:850px;
				left:300px;
				font-size:82%;
			}
	.tateBlock{
		width:165px;
		float:left;
		font-size:92%;
	}

	.closeBtn{
		position:absolute;
		top:-20px;
		right:10px;
		z-index:20000;
	}







	#taisaku-conBtm{
		border:1px solid #dcdcdc;
		background:#fff;
	}

	.taisakuTxt{
		color:#fff;
		position:absolute;
		top:385px;
		width:924px;
		padding:0 50px;
	}
	.taisakuTxt h1{
		font-size:20px;
		margin:10px 0 10px 0;
	}

	.resultArea{
		position: absolute;
		top:0;
		height:350px;
		width:1024px;
	}
	.resultBox{
		position: relative;
		height:350px;
		width:1024px;
	}
	.taisakuBtm p{
		padding:20px 50px;
	}

.stF{
	display:none;
}

.stBtn{

	cursor:pointer;
}


.stBoxleft{
	background:url(../images/result/taisaku/hukidashi_left_bg.png) no-repeat left bottom;
	padding:0 0 0 10px;
}
.stBoxRight{
	background:url(../images/result/taisaku/hukidashi_right_bg.png) no-repeat right bottom;
	padding:0 10px 0 0;
}
.stBoxleftMid{
	background:url(../images/result/taisaku/hukidashi_left_bg.png) no-repeat left 60%;
	padding:0 0 0 10px;
}
.stBoxRightMid{
	background:url(../images/result/taisaku/hukidashi_right_bg.png) no-repeat right 60%;
	padding:0 10px 0 0;
}
.stBoxBtm{
	background:url(../images/result/taisaku/hukidashi_btm_bg.png) no-repeat 40% bottom;
	padding:0 0 10px 0;
}

	.stBoxleft p,.stBoxRight p,.stBoxleftMid p,.stBoxRightMid p,.stBoxBtm p{
		background:#FFF;
		padding:20px;
		width:300px;
		font-size:92%;
	}


	/*01area*/

	.st01Btn01{
		position:absolute;
		bottom:0;
		left:30px;
		width:80px;
		height:60px;

	}
	.st01Box01{
		position:absolute;
		bottom:30px;
		left:120px;

	}

	.st01Btn02{
		position:absolute;
		bottom:0;
		left:170px;
		width:50px;
		height:80px;

	}
	.st01Box02{
		position:absolute;
		bottom:30px;
		left:230px;

	}

	.st01Btn03{
		position:absolute;
		bottom:0;
		left:300px;
		width:50px;
		height:90px;

	}
	.st01Box03{
		position:absolute;
		bottom:30px;
		left:360px;

	}

	.st01Btn04{
		position:absolute;
		bottom:90px;
		left:480px;
		width:70px;
		height:80px;

	}
	.st01Box04{
		position:absolute;
		bottom:130px;
		left:560px;

	}

	.st01Btn05{
		position:absolute;
		bottom:0px;
		left:570px;
		width:70px;
		height:90px;

	}
	.st01Box05{
		position:absolute;
		bottom:30px;
		left:650px;

	}

	.st01Btn06{
		position:absolute;
		bottom:230px;
		left:765px;
		width:110px;
		height:105px;

	}
	.st01Box06{
		position:absolute;
		bottom:180px;
		left:350px;

	}

	.st01Btn07{
		position:absolute;
		bottom:0px;
		left:780px;
		width:70px;
		height:50px;

	}
	.st01Box07{
		position:absolute;
		bottom:30px;
		left:420px;

	}

	.st01Btn08{
		position:absolute;
		bottom:0px;
		left:930px;
		width:70px;
		height:50px;

	}
	.st01Box08{
		position:absolute;
		bottom:30px;
		left:570px;

	}

	/*06area*/

	.st06Btn01{
		position:absolute;
		bottom:0;
		left:100px;
		width:100px;
		height:80px;

	}
	.st06Box01{
		position:absolute;
		bottom:30px;
		left:200px;

	}

	.st06Btn02{
		position:absolute;
		bottom:80px;
		left:470px;
		width:50px;
		height:50px;

	}
	.st06Box02{
		position:absolute;
		bottom:100px;
		left:520px;

	}

	.st06Btn03{
		position:absolute;
		bottom:40px;
		left:620px;
		width:60px;
		height:50px;

	}
	.st06Box03{
		position:absolute;
		bottom:50px;
		left:260px;

	}

	.st06Btn04{
		position:absolute;
		bottom:170px;
		left:680px;
		width:130px;
		height:125px;

	}
	.st06Box04{
		position:absolute;
		bottom:130px;
		left:340px;

	}

	.st06Btn05{
		position:absolute;
		bottom:0px;
		left:840px;
		width:110px;
		height:80px;

	}
	.st06Box05{
		position:absolute;
		bottom:30px;
		left:480px;

	}


	/*11area*/

	.st11Btn01{
		position:absolute;
		bottom:0;
		left:80px;
		width:170px;
		height:50px;

	}
	.st11Box01{
		position:absolute;
		bottom:40px;
		left:40px;

	}

	.st11Btn02{
		position:absolute;
		bottom:0px;
		left:710px;
		width:220px;
		height:110px;

	}
	.st11Box02{
		position:absolute;
		bottom:80px;
		left:640px;

	}

	.st11Btn03{
		position:absolute;
		bottom:100px;
		left:400px;
		width:210px;
		height:190px;

	}
	.st11Box03{
		position:absolute;
		bottom:50px;
		left:620px;

	}

/*ranking*/

.rank{
	width:100%;
	font-size:100%;
}

.rank td{
	font-weight:normal;
	padding:5px 10px;
	border-bottom:1px solid #ccc;
}
.rank th{
	width:10%;
	border-bottom:1px solid #ccc;
}
.rank td.number{
	color:#FC3;
	width:15%;
	font-weight:bold;
}

div#pop{
	text-align:center;
	padding:0;
	border-bottom:3px solid #000;
}
div#pop h1{
	position:relative;
	width:70%;
	padding:0;
	margin:1% auto;
}

#mainPop{
	height:100%;
}

	#popCon{
	}
	#popCon p a{
	  background-color:#000;
	  border:none;
	  font:bold 12px Arial,Sans-Serif;
	  color:#fff;
	  margin:2% 0;
	  width:50%;
	  height:50px;
	  padding:5px 10px;
	  -webkit-border-radius:3px;
	  -moz-border-radius:3px;
	  border-radius:3px;
	  cursor:pointer;
	}
	#popCon ul{

	}
		#popCon ul li{
		background:#fdfdfa;
		text-align:center;
	}
	#popCon ul li a{
		width: 100%;
		border-bottom:1px solid #ccc;
		cursor:pointer;
		font-size:125%;
		display:block;
		color:#000;
		padding:20px 0;
	}






@media only screen and (min-width: 541px) {
		#conArea h3.no1,#conArea h3.no2,#conArea h3.no3,#conArea h3.no4,#conArea h3.no5,#conArea h3.no6,#conArea h3.no7,#conArea h3.no8{s
			padding:6px 0 8px 30px;
			font-size:107%;
			font-weight:bold;
			background-size:7%;
			margin:0 0 10px 0;
		}
}