@charset "utf-8";
/* CSS Document */
*{ 
	margin:0;
	padding:0;
}

a{
	
}

img{
	border:none;
}

.floatL{ float:left; }
.floatR{ float:right; }
.clear{ clear:both; }

/* for modern browser */
.clearfix {
  display: inline-block;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height:0;
  font-size:0;
}

/* Hides from IE-mac */
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */

.img_bot{ vertical-align:bottom; _vertical-align:bottom;}
.img_top{ vertical-align:top; _vertical-align:top;}
.img_mid{ vertical-align:middle; _vertical-align:middle;}

/*-----------indent---------*/
.indent1 {
	text-indent:-1em;
	padding-left:1em;
}

.indent2 {
	text-indent:-2em;
	padding-left:2em;
}

.indent4 {
	text-indent:-4em;
	padding-left:4em;
}


/*-----------margin---------*/
.mg0 { margin: 0 }
.mgT0 { margin-top: 0 }
.mgT03 { margin-top: 3px }
.mgT05 { margin-top: 5px }
.mgT07 { margin-top: 7px }
.mgT10 { margin-top: 10px }
.mgT12 { margin-top: 12px }
.mgT15 { margin-top: 15px }
.mgT20 { margin-top: 20px }
.mgT25 { margin-top: 25px }
.mgT30 { margin-top: 30px }
.mgT40 { margin-top: 40px }
.mgT60 { margin-top: 60px }
.mgT180 { margin-top: 320px }

.mgB0 { margin-bottom: 0 }
.mgB03 { margin-bottom: 3px }
.mgB05 { margin-bottom: 5px }
.mgB07 { margin-bottom: 7px }
.mgB10 { margin-bottom: 10px }
.mgB12 { margin-bottom: 12px }
.mgB15 { margin-bottom: 15px }
.mgB20 { margin-bottom: 20px }
.mgB25 { margin-bottom: 25px }
.mgB30 { margin-bottom: 30px }
.mgB60 { margin-bottom: 60px }

.mgL0 { margin-left: 0 }
.mgL03 { margin-left: 3px }
.mgL05 { margin-left: 5px }
.mgL07 { margin-left: 7px }
.mgL10 { margin-left: 10px }
.mgL12 { margin-left: 12px }
.mgL15 { margin-left: 15px }
.mgL20 { margin-left: 20px }
.mgL25 { margin-left: 25px }
.mgL30 { margin-left: 30px }

.mgR0 { margin-right: 0 }
.mgR03 { margin-right: 3px }
.mgR05 { margin-right: 5px }
.mgR07 { margin-right: 7px }
.mgR10 { margin-right: 10px }
.mgR12 { margin-right: 12px }
.mgR15 { margin-right: 15px }
.mgR20 { margin-right: 20px }
.mgR25 { margin-right: 25px }
.mgR30 { margin-right: 30px }

.mgAuto { margin-left: auto; margin-right: auto }


body {
  -webkit-text-size-adjust: 100%;
}

body{
	color: #333333;
	font-family: Meiryo, メイリオ,　'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',  sans-serif;
	font-size:small;
	line-height:150%;
	background:#fff;
}

.mainheader{
	
	height:470px;
	background:url(../img/mainVisBg.png) no-repeat center top;
}
.mainheader .header{
	background:url(../img/headBg.png) repeat;
	height:80px;
}

.mainheader .header > div{
	width:960px;
	margin:auto;
	
}

.mainheader .header > div .floatL{
	margin-top:15px;
}

.mainheader .header > div .floatR{
	margin-top:25px;
}

.mainheader .mainVis{
	width:960px;
	margin:auto;
	height:390px;
	position:relative;
}


.mainheader .mainVis .ph01{
	position:absolute;
	right:0;
	bottom:0px;
}

.mainheader .mainVis .ph02{
	margin-top:50px;
}

.block01{
	width:100%;
	background:#f7f7f7;
}

.block01 .cont{
	width:960px;
	margin:auto;
	padding:50px 0;
}

.block01 .cont .box{
	width:295px;
	background:#fff;
	margin-right:37px;
	float:left;
	min-height:240px;
	_height:240px;
	font-size:14px;
}

.block01 .cont .R{
	margin-right:0;
}

.block01 .cont .box h2{
	position:relative;
}

.block01 .cont .box h2 .icon1{
	position:absolute;
	right:-40px;
	top:-40px;
}

.block01 .cont .box h2 .icon2{
	position:absolute;
	right:-20px;
	top:-40px;
}

.block01 .cont .box h2 .icon3{
	position:absolute;
	right:-20px;
	top:-40px;
}

.block01 .cont .box h3{
	border-bottom:dotted 1px #000;
	padding-bottom:5px;
	font-size:15px;
	font-weight:700;
	text-align:center;
	margin-bottom:5px;
}

.block01 .cont .box h3.blu{
	color:#81c6ee;
}

.block01 .cont .box h3.grn{
	color:#a2cb3e;
}

.block01 .cont .box h3.org{
	color:#feb007;
}



.block01 .cont .box > div{
	padding:10px 15px;
}

.block02{
	width:100%;
	padding:30px 0;
	background:#5e5050;
}

.block02 .cont{
	width:960px;
	height:285px;
	margin:auto;
	background:url(../img/block02_bg.png) right no-repeat;
	position:relative;
}

.block02 .cont > div{
	width:590px;
	float:right;
	padding-right:45px;
	padding-top:30px;
}

.block02 .cont > div h3{
	margin-bottom:15px;
}

.block02 .cont > div .btn{
	float:left;
	margin-right:17px;
}


.block02 .cont .mainPh{
	position:absolute;
	bottom:-30px;
	left:0;
}

.conpBox{
	background:#f6f2f2;
	padding:25px;
}

.conpBox table.list{
	border-collapse:collapse;
	color:#463838;
}

.conpBox table.list td{
	padding:6px 15px;
	text-align:left;
	border-bottom:solid 1px #f6f2f2;
	background:#fff;
}

.conpBox table.list td div{
	border-left:solid 1px #aea7a7;
	padding-left:15px;
}

.footter{
	width:100%;
	background:#fff;
}

.footter div{
	width:960px;
	margin:auto;
	padding:25px 0;
}

.footter div ul{
	margin-top:50px;
}

.footter div ul li{
	list-style:none;
	background:url(../img/arr_icon.png) no-repeat 0 2px;
	font-size:12px;
	padding-left:15px;
	display:inline-block;
}

.copy{
	width:100%;
	background:#5e5050;
	color:#fff;
}

.copy div{
	width:960px;
	margin:auto;
	padding:5px 0;
	text-align:center;
	font-size:11px;
}