@charset "utf-8";


.box01 .fltr { width: 600px; }
.box02 .fltl { width: 380px; }
.box03 .fltr { width: 300px; }
.box04 .fltl { width: 270px; }
.fltr, .fltl,  {	margin: 0; }
.box01 .fltl img.icon { padding-right:20px; }

.p_infos div.right { width:800px; float:right; }
.p_infos div.right h3.step {
	background-image:none;
	background-color:#466983;
	color:#FFF;
	font-size:120%;
	text-align:center;
	font-weight:bold;
	margin:0 30px 10px 0;
	padding:5px 10px 5px 10px;
}
.p_infos div.right ol.step {
	margin:0;
	padding:0;
    float:left;
    overflow:hidden;
	list-style:none;
}
.p_infos div.right ol.step li{
    width:303px;
    height:149px;
    margin:0 7px 10px 9px;
    float:left;
    padding:7px 0 0 5px;

    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    -ms-border-radius: 15px;
}
.p_infos div.right ol.step li h4{
    display:table-cell;
    vertical-align:top;
    height:55px;
    font-size:110%;
    color:#fff;
	margin:0;
    padding:0 5px 0 35px;
	
	text-shadow: 1px 1px 5px #466983;
}
#svc1{
    background:url(../images/img_set.png) 0 0 no-repeat;  
}
#svc2{
    background:url(../images/img_set.png) -314px 0 no-repeat; 
}
#svc3{
    background:url(../images/img_set.png) 0 -155px no-repeat;  
}
#svc4{
    background:url(../images/img_set.png) -314px -155px no-repeat; 
}
#one{
    background:url(../images/num1.png) no-repeat;
}
#two{
    background:url(../images/num2.png) no-repeat;  
}
#three{
    background:url(../images/num3.png) no-repeat;
}
#four{
    background:url(../images/num4.png) no-repeat;
}

.dot { border-top:none; margin:0; padding:0; }
.txtBox ul.dot,
.featureBox ul.dot {
	margin-top:0;
	padding-left:5px;
	
}
.txtBox ul.dot li,
.featureBox ul.dot li {
	margin-left:1em;
	list-style:disc;
}

.txtBox p.note2 {
	text-indent:0;
	width:430px;
	margin: 0 0 0 30px;
}
div#body div.body_inner div#main div.boxImage p.note { text-indent:0; margin: 0; }



div#body div.body_inner div#main ol.update {
	margin-top:0;
}

img.image {
	margin: 0 0 15px 15px;
}
img.image2 {
	margin: 0 0 0 15px;
}

div.boxImage { margin: 0 0 15px 15px; }
div.boxImage div.left { width:200px; float:left; margin:0 0 0 50px; }
div.boxImage div.right { width:320px; float:left; margin:0 0 0 20px;  }
div.boxImage:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:".";
	clear:both;
	height:0;
}
div.boxImage {
    min-height: 1px; /*IE6、7対策*/
}
div.boxImage div p.note { text-indent:0; }

@media screen and (max-width: 768px) {
.fltr, .fltl, .featureBox dt, .featureBox dd { float:none; }
.w900, .featureBox dt, .featureBox dd { width:auto; }
.featureBox dt { padding-top:20px; }
.featureBox dd { padding:20px 0 10px 20px; }
.fltr, .fltl {
	width: auto;
	margin: 20px 0 0 0;
}
.fltl { padding-bottom:20px; }
.box01 .fltl img.icon { width:80px; height:auto; padding-right:10px; }

.box01 { padding:20px 0; }

.p_infos div.right { width:100%; }

div.lead { padding:0; width:100%; }
div.lead div.fltl, div.lead div.fltr {
	display:inline-block;
	margin:0 0 10px 0;
	padding: 0;
	text-align:center;
	width:100%;
	height:245px;
}
div.lead div.fltl {
	float:none;
}
div.lead div.fltr {
	float:none;
	height:auto;
}
div.lead div.fltr img.full { display:none; }
div.lead div.fltr a img {
	margin:0;
}

img.image, img.image2 {
	margin: 0;
	width:100%; height:auto;
}
.txtBox p.note2 { width:90%; margin:0 20px; }
div.boxImage { width:100%; margin:0; padding:0; }
div.boxImage div.left, div.boxImage div.right { width:46%; margin:0 5px; }