@charset "UTF-8";
/* CSS Document */

#warpperR{
	width:900px;
	position:relative;
	font-size:117%;
	height:100%;
	word-break: normal;
  word-wrap: break-word;
	
}
.smaller{
  word-break: break-all;
}

#taisaku-con{
		width:840px;
		position: relative;
		margin:30px auto;
		padding:20px 0 0 0;
		background:url(../imgdir/result/taisaku/bar_top.png) no-repeat top left;
	}
#taisaku-foot{
		width:840px;
		padding:0 0 20px 0;
		background:url(../imgdir/result/taisaku/bar_bottom.png) no-repeat bottom left;
	}
#taisaku-mid{
		width:780px;
		position: relative;
		padding:0px 30px 15px 30px;
		background:url(../imgdir/result/taisaku/bar_middle.png) repeat-y left;
	}
	#taisaku-mid h1{
		padding:0 0 10px 0;
		border-bottom:3px solid #000;
	}
	#taisaku-mid h2{
		border-top:2px solid #000;
		border-bottom:2px solid #000;
		text-align:center;
		font-size:107%;
		font-weight:bold;
		padding:5px 0;
	}
	.h2Area{
		position:relative;
		width:100%;
	}
	
	#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{
			background:url(../imgdir/result/taisaku/icon_n1.png) no-repeat left top;
			padding:6px 0 8px 50px;
			font-size:107%;
			font-weight:bold;
			margin:0 0 10px 0;
      
		}
		#conArea h3.no1{
			background:url(../imgdir/result/taisaku/icon_n1.png) no-repeat left top;
		}
		#conArea h3.no2{
			background:url(../imgdir/result/taisaku/icon_n2.png) no-repeat left top;
		}
		#conArea h3.no3{
			background:url(../imgdir/result/taisaku/icon_n3.png) no-repeat left top;
		}
		#conArea h3.no4{
			background:url(../imgdir/result/taisaku/icon_n4.png) no-repeat left top;
		}
		#conArea h3.no5{
			background:url(../imgdir/result/taisaku/icon_n5.png) no-repeat left top;
		}
		#conArea h3.no6{
			background:url(../imgdir/result/taisaku/icon_n6.png) no-repeat left top;
		}
		#conArea h3.no7{
			background:url(../imgdir/result/taisaku/icon_n7.png) no-repeat left top;
		}
		#conArea h3.no8{
			background:url(../imgdir/result/taisaku/icon_n8.png) no-repeat left top;
		}
    #conArea h3.no9{
			background:url(../imgdir/result/taisaku/icon_n9.png) no-repeat left top;
		}
		#conArea h3.no10{
			background:url(../imgdir/result/taisaku/icon_n10.png) no-repeat left top;
		}
		
	.box1{
		width:360px;
		min-height:160px;
		margin:20px 0 0 0;
	}
  h4.bLine{
    display:inline-block;
    font-weight: bold;
    padding:0 0 5px 0;
    margin:20px 0 10px 0;
    border-bottom:1px solid #f8bd00;
	}
	.box1 p,.boxAll p,.box2 p{
		font-size:82%;
		font-weight: bold;
	}
  .box2{
		width:245px;

	}
  .box2 h4{
    height:150px;
	}
	
	#conArea{
		width:780px;
		margin:10px 0;
		position:relative;
		font-weight: bold;
	}
		.posT{
			background-position: left top !important;
		}
		.tel{
			background:url(../imgdir/result/taisaku/icon_tel.png) no-repeat left;
			font-size:100%;
			padding:0 0 0 20px;
			margin:0 20px 0 0;
			display:block;
		}
		
		.time{
			background:url(../imgdir/result/taisaku/icon_time.png) no-repeat left;
			font-size:82%;
			padding:0 0 0 22px;
			margin:0 10px 0 0;
			display:block;
		}
		.hp{
			background:url(../imgdir/result/taisaku/icon_hp.png) no-repeat left;
			padding:0 0 0 25px;
			margin:0 10px 0 0;
		}

		.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:610px;
				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:310px;
				left:15px;
			}
		#conArea h3.no3area6{
			background:url(../imgdir/result/taisaku/icon_n3area6.png) no-repeat left top;
			padding:50px 0 8px 50px;
			font-size:107%;
			font-weight:bold;
			margin:0 0 10px 0;
		}
    .area6Bg{
      background:url(../imgdir/result/taisaku/06/g_02.gif) no-repeat right bottom;
      padding:0 0 100px 0;
    }
		/*10page*/
			.area10_01{
				position:absolute;
				top:-50px;
				/top:70px;
				left:550px;
			}
			.area10_02{
				position:absolute;
				
				top:-147px;

				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:230px;
				left:620px;
				font-size:82%;
			}
			.area11_05{
				position:absolute;
				top:360px;
				left:625px;
				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:270px;
				/top:300px;
				left:500px;
				font-size:82%;
			}
			.area12_02{
				position:absolute;
				top:340px;
				/top:380px;
				left:690px;
				font-size:82%;
			}
			.area12_03{
				position:absolute;
				top:470px;
				left:110px;
				font-size:82%;
			}
			.area12_04{
				position:absolute;
				top:475px;
				/top:500px;
				left:440px;
				font-size:82%;
			}
			.area12_05{
				position:absolute;
				top:610px;
				/top:640px;
				left:725px;
				font-size:82%;
			}
			.area12_06{
				position:absolute;
				top:840px;
				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(../imgdir/result/taisaku/hukidashi_left_bg.png) no-repeat left bottom;
	padding:0 0 0 10px;
}
.stBoxRight{
	background:url(../imgdir/result/taisaku/hukidashi_right_bg.png) no-repeat right bottom;
	padding:0 10px 0 0;
}
.stBoxleftMid{
	background:url(../imgdir/result/taisaku/hukidashi_left_bg.png) no-repeat left 60%;
	padding:0 0 0 10px;
}
.stBoxRightMid{
	background:url(../imgdir/result/taisaku/hukidashi_right_bg.png) no-repeat right 60%;
	padding:0 10px 0 0;
}
.stBoxBtm{
	background:url(../imgdir/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;
		
	}
	

/*-------------------------------------
 clearfix
--------------------------------------*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */

	/* for IE6 */
	* html .clearfix {display:inline-block;}
	
	/* for IE7 */
	*+html .clearfix {display:inline-block;}