@charset "utf-8";

/* ---------------------------------------------------------
    top
   ---------------------------------------------------------*/

#top #mainContent{
	padding-top:50px;
}


/*-- topBox01 --*/

.topBox01{
	width:848px;
	margin:0 auto 50px auto;
}

/* h2 */
.topBox01 h2{
	width:100%;
}

.topBox01 h2 img{
	width:848px;
	height:93px;
	display:block;
}


/*-- topBox02 --*/

.topBox02{
  margin: 0 20px 100px;
}

.topBox02 ul{
	clear:both;
	width:100%;
}

.topBox02 li{
	width:500px;
	border:1px solid #DDDDDD;
	box-sizing:border-box;
	box-shadow:15px 15px 25px #CCCCCC;
	-moz-box-shadow:15px 15px 25px #CCCCCC;
	-webkit-box-shadow:15px 15px 25px #CCCCCC;	
}

.topBox02 li img{
	max-width:100%;
	height:auto;
	display:block;
}

.topBox02 li a{
	display:block;
	width:100%;
	height:540px;
	color:#333333;
}


/* topBtn */

.topBox02 li .topBtn{
	width:100%;
	padding:57px 70px 0 70px;
	box-sizing:border-box;
	position:relative;
}

.topBox02 li .topBtn p{
	width:100px;
	height:100px;
	position:absolute;
	top:-63px;
	left:50%;
	margin-left:-50px;
}
	
.topBox02 li .topBtn dl{
	width:100%;
}

.topBox02 li .topBtn dt,
.topBox02 li .topBtn dd{
	text-align:center;
}

.topBox02 li .topBtn dt{
	font-size:1.8em;
	font-weight:bold;
}

.topBox02 li.left .topBtn dt {margin-bottom:7px;}
.topBox02 li.right .topBtn dt{margin-bottom:17px;}

.topBox02 li .topBtn dd{
	font-size:1.1em;
}


/*-- topBox03 --*/

.topBox03{
  margin: 0 20px;
  padding: 30px 72px 34px 80px;
  background: #EEEEEE;
  box-sizing: border-box;
}

.topBox03 li.left .text01{
  margin-bottom: 50px;
  padding-top: 40px;
  font-size: 35px;
}

.topBox03 li.left .text01 img{
  vertical-align: middle;
  margin-right: 38px;
}

.topBox03 li.left .text03{
  text-align: center;
}

.topBox03 li.left .text03 a{
  display: inline-block;
  margin: 0 auto;
  padding: 9px 45px 9px 60px;       
  background: #3A5897;
  font-weight: bold;
  font-size: 16px;
  color: #FFF;
  border-radius: 5px;
}

.topBox03 li.left .text03 img{
  margin-left: 6px;
}