@charset "utf-8";

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

　目次

-------------------------------------------------------------------------------

　00. 
　01. 
　02. 


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


/* ==

　00. 

=============================================================================== */
.container div:after{ content:''; display:block; clear:both; }

.container h1{
	min-width:1200px;
	height:200px;
	margin-bottom:100px;
	background-color:#ebeced;
	font-size:36px;
	line-height:200px;
	text-align:center;
}



/* ==

　01. 

=============================================================================== */
.bg{
	min-width:1200px;
	padding:0 0 100px;
	margin:0 0 2px;
	background:#ebeced url(../images/results/bgImg01.jpg) right bottom no-repeat;
	position:relative;
	zoom:1;
	clear:both;
}

.siteareadBlock .hd{
	height:130px;
	margin-bottom:60px;
	background:url(../images/results/bg_hd.gif) left top no-repeat;
}
.siteareadBlock .hd .baseIn{ height:130px; background-color:#ebeced; }
.siteareadBlock h2{
	width:360px;
	height:130px;
	margin-right:30px;
	background-color:#252526;
	font-size:32px;
	line-height:130px;
	color:#fff;
	font-weight:200;
	display:inline-block;
	/display:inline;
	position:relative;
}
.siteareadBlock h2:after{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 0 130px 30px;
	border-color: transparent transparent transparent #252526;
	position:absolute;
	top:0;
	right:-30px;
}

.siteareadBlock .img_map{ margin-left:-435.5px; position:absolute; top:-70px; left:50%; }

.siteareadBlock .txt_totalNum{
  width:930px;
  margin:0 auto 330px;
  z-index:2;
  position: relative;
}
.siteareadBlock .txt_totalNum p{
	font-size:28px;
	line-height:1.3;
}
.siteareadBlock .txt_totalNum p span{
	border-bottom:8px solid #fa0046;
	font-size:50px;
	color:#fa0046;
	font-weight:normal;
	display:inline-block;
}
.siteareadBlock .txt_totalNum p span em{ font-size:80px; font-weight:normal; }
.siteareadBlock .txt_totalNum p.note{ font-size:180%; margin-top:10px; padding-left:9em; }



.siteareadBlock .colBlock{
	width:960px;
	margin:0 auto;
	zoom:1;
	clear:both;
}
.siteareadBlock .colBlock .col{
	width:220px;
	margin:0 8px 16px;
	padding:20px 0;
	background-color:#fff;
	text-align:center;
	float:left;
}
.siteareadBlock .colBlock .col p{ font-size:170%; }
.siteareadBlock .colBlock .col .txt02 em{ font-size:30px; font-weight:normal; }


.siteareadBlock .colBlock .col.area1{ border-bottom:4px solid #df4c9c; }
.siteareadBlock .colBlock .col.area2{ border-bottom:4px solid #ef982f; }
.siteareadBlock .colBlock .col.area3{ border-bottom:4px solid #ffc43c; }
.siteareadBlock .colBlock .col.area4{ border-bottom:4px solid #73c8a9; }
.siteareadBlock .colBlock .col.area5{ border-bottom:4px solid #d0dd47; }
.siteareadBlock .colBlock .col.area6{ border-bottom:4px solid #4894d2; }
.siteareadBlock .colBlock .col.area7{ border-bottom:4px solid #a479be; }

.siteareadBlock .colBlock .col.area1 .txt02{ color:#df4c9c; }
.siteareadBlock .colBlock .col.area2 .txt02{ color:#ef982f; }
.siteareadBlock .colBlock .col.area3 .txt02{ color:#ffc43c; }
.siteareadBlock .colBlock .col.area4 .txt02{ color:#73c8a9; }
.siteareadBlock .colBlock .col.area5 .txt02{ color:#d0dd47; }
.siteareadBlock .colBlock .col.area6 .txt02{ color:#4894d2; }
.siteareadBlock .colBlock .col.area7 .txt02{ color:#a479be; }




/* ==

　02. 

=============================================================================== */
.colBlock02{
	min-width:1200px;
	height:400px;
	margin:0 auto 2px;
	background-color:#252526;
	zoom:1;
	overflow:hidden;
	position:relative;
	clear:both;
}
.colBlock02 .baseIn{ width:1200px; }
.colBlock02 .img{
	position:absolute;
	top:0;
	left:40%;
}
.colBlock02 .docs{
	width:40%;
	height:400px;
	background-color:#252526;
	color:#fff;
	position:relative;
}
.colBlock02 .docs div{
	width:100%;
	min-width:440px;
	height:400px;
	vertical-align:middle;
	display:table-cell;
}
.colBlock02 .docs:after{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 0 400px 65px;
	border-color: transparent transparent transparent #252526;
	position:absolute;
	top:0;
	right:-65px;
}

.colBlock02.opReverse .img{ left:auto; right:40%; }
.colBlock02.opReverse .docs{ margin-left:auto; text-align:right; }
.colBlock02.opReverse .docs:after{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 65px 400px 0;
	border-color: transparent #252526 transparent transparent;
	left:-65px;
	right:auto;
}

.colBlock02 .docs h3{
	margin-bottom:60px;
	font-size:32px;
	font-weight:normal;
}
.colBlock02 .docs p{ font-size:130%; }
.colBlock02 .docs p em{ font-size:30px; font-weight:normal; }


@media only screen and (max-width: 1240px) {
	.colBlock02 .docs div{
		width:80%;
		padding:0 10%;
	}
}

@media only screen and (min-width: 1440px) {
	.colBlock02 .img{ left:42%; }
	.colBlock02.opReverse .img{ left:auto; right:42%; }
}





.colBlock03{
	min-width:1200px;
	height:240px;
	margin:0 auto 100px;
	background-color:#ebeced;
	zoom:1;
	overflow:hidden;
	position:relative;
	clear:both;
}
.colBlock03 .baseIn{ width:1200px; }
.colBlock03 .img{
	position:absolute;
	top:0;
	left:50%;
}
.colBlock03 .docs{
	width:50%;
	height:240px;
	background-color:#ebeced;
	color:#000;
	position:relative;
}
.colBlock03 .docs div{
	min-width:440px;
	height:240px;
	vertical-align:middle;
	display:table-cell;
}
.colBlock03 .docs:after{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 0 240px 45px;
	border-color: transparent transparent transparent #ebeced;
	position:absolute;
	top:0;
	right:-45px;
}
.colBlock03 .docs p{ font-size:170%; }
.colBlock03 .docs p em{ font-size:42px; font-weight:normal; }
.colBlock03 .docs p span{ color:#fa0046; }

@media only screen and (max-width: 1240px) {
	.colBlock03 .docs div{ padding-left:40px; }
}