@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 500px) {
  /* スマホ用のスタイル */
}
@media screen and (max-width: 1200px) {
  /* PC用のスタイル */
}

body {
	line-height:1.4;
	background-color: #ffffff;
	text-align:center;
}
/*--------------------------------------
              header
---------------------------------------*/

#header-area{
	background:url(../images/header_pic.jpg);
	background-size: cover;
	background-position:center;
	width:100%;
	border-bottom:10px solid #408e40;
	padding-top:5px;
	padding-bottom:5px;
	}
#header-block{
    width:950px;
	margin:0 auto;
}
p.seo1{
	width:420px;
	font-size:95%;
	color:#666;
	
	}
 #lodomark{
	width:500px;
    color:#408e40;
    font-size:30px; 
	
		}
/*--------------------------------------
             navi
---------------------------------------*/
#g-navi{
	width:950px;
	height:35px;
	margin:0 auto;
	}
 #g-navi ul{
    margin-left:auto;
  	width:430px;
	display: table;
	text-align:center;
    border-spacing: 5px 0;
	
	}
#g-navi ul li{
	margin-light:20px;
	background:#408e40;
	margin-left:2px;
    width:100px;
    height:38px;
    display: table-cell;
    vertical-align: middle;
	border-radius:10px 10px 0 0;
	border:#FFFFFF solid 2px;
	border-bottom:none;
    }
	
 #g-navi ul li:hover{
	background:#88bd1c;	
	}
	
#g-navi ul li a{ 
    text-align:center;
	text-decoration: none;
	color: #FFFFFF;
	}
#g-navi   ul li a:hover{
	color:#6B6466;
	 } 
 
/*--------------------------------------
              contents
---------------------------------------*/
#contents-area{
	width:950px;
	text-align:left;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;	
	height: auto;
	}
#maine-contents-area{
	float:left;
	width:700px;
	padding-bottom:20px;
	}
#maine-contents-area2{
	float:left;
	width:700px;
	height:650px;
	padding-bottom:20px;
	}
#feater-box.section-block{
	width:750px;
	padding-top:10px;
	}
.boxtext{
	float:left; 
	padding-right:5px;
	}
.tex01{
	font-size:117%;
	margin-left:20px;
	line-height:1,8;
	text-align:left;
	width:450px;
	
	}
.tex02{
	font-size:110%;
	list-style:disc;
	margin-left:35px;
	line-height:20px;
	}
ul.tex02 span{
	color:#FF0000;
	}
.text03{
	padding:5px;
	font-size:16px;
	font-weight:bold;
	}
.tex04{
	font-weight:bold;
	padding-top:10px;
	padding-left:18px;
	font-size:15px;
		}
		
.text05{	
	padding:5px 0 0 25px;
	font-size:16px;
	font-weight:bold;
	}
.box{
	width:700px;
	
	} 
.box img{
	border:#D4CFCF solid 1px;
   }
.box02{
	width:680px;
	padding-top:10px;
	padding-left:18px;
	font-size:18px;
	font-weight:bold;
	clear:both;
	
     }
.box02 span{
	color:#FF0000;
     }

#feater-box3{
    padding-top:3px;
	padding-bottom:5px;
	background:#fff;
	}
#campaign{
	margin: 12px ;
    padding: 10px ;
    border: 5px #B92A2C solid ;
    position: relative ;
    z-index: 100 ;
    background: #fff ;
	}
h2.caption{ 	
    text-align:left;
    font-size:150%;
    font-weight:bold;
    color:#333333; 
    border-left:12px solid #408e40;
	margin-bottom:5px;
	padding-left:5px;
	}

h2.caption2{
	width:680px;
	text-align:left;
    font-size:150%;
    font-weight:bold;
    color:#333333;
	
	}
h2.caption3{ 	
    text-align:left;
    font-size:150%;
    font-weight:bold;
    color:#333333; 
    border-left:12px solid #408e40;
	margin-top:10px;
	margin-bottom:5px;
	padding-left:5px;
	}
.caption2{
	text-align:left;
    font-size:115%;
	padding-left:20px;
	}	
.campaign-tex02{
	padding-left:50px;
	padding-bottom:5px;
	font-weight:bold;
	font-size:115%;
	}
h3{
	width:650px;
    position: relative;
    margin: 1em;
    padding: 0.8em;
    background: #B92A2C;
    color: #fff;
    font-size: 1.143em;
    font-weight: bold;
	} 
h3:after{
    position: absolute;
    bottom: -15px;
    left: 10%;
    z-index: 90;
    margin-left: -15px;
    border-top: 15px solid #B92A2C;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 0;
    content: "";
	}
#operations-box{
	padding-top:10px;
	margin-top:20px;
	width:700px;
	}
.operations-article1{
	margin-top:15px;
	width:700px;
}
.operations-article2{
	margin-top:30px;
	width:700px;
}
.ope-01{
	width:330px;
	list-style:none;
	float:right;
	}
.ope-img{
	border:#C8C1C1 1px solid;
	float:left;
	margin-right:10px;	
	}
.ope-category{
	font-size:20px;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:5px 0;
	}
.ope-title{
	line-height: 150%;
	  }
.ope-02{
	width:330px; 
	}
.box3{ 
    font-weight:bold;
    font-size:18px;
	padding:18px;
	clear:both;
	width:750px;
	}
#arrow{
	width:700px;
	background:#fff;
	height:230px;
	}
#arrow-navi{
	padding:10px 20px 0px 0px;
	}
.step{
    position: relative;
    width: 210px;
    height: 50px;
    background: #0f50a8;
    text-align: left;
    padding-left:10px;
    float: left;
    border-left: 2px solid #ffffff; /* 間隔になる */
	}
.step01{
    position: relative;
    width: 210px;
    height: 50px;
    background: #0f50a8;
    text-align: cleft;
    padding-left: 10px;
    float: right;
    border-left: 2px solid #ffffff; /* 間隔になる */
	}
.step02{
    position: relative;
    width: 210px;
    height: 50px;
    background: #0f50a8;
    text-align: left;
    padding-left: 10px;
    float: right;
    border-left: 2px solid #ffffff; /* 間隔になる */
	}
/* 右のでっぱり三角 */
.step:after{
    content: "";
    position: absolute;
    left: 220px;
    top: 0;
    width: 0;
    border-top:25px solid transparent; 
    border-bottom: 25px solid transparent;
    border-left: 10px solid #0f50a8;
	}
/* 右のでっぱり三角 */
.step01:after{
    content: "";
    position: absolute;
    left: 220px;
    top: 0;
    width: 0;
    border-top:25px solid transparent; 
    border-bottom: 25px solid transparent;
    border-left: 10px solid #0f50a8;
	}
/* 右のでっぱり三角 */
.step02:after{
    content: "";
    position: absolute;
    left: 220px;
    top: 0;
    width: 0;
    border-top:25px solid transparent; 
    border-bottom: 25px solid transparent;
    border-left: 10px solid #0f50a8;
	}
/* 左のひっこみ三角 */
.step:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left:10px solid #ffffff;
	}   
/* 左のひっこみ三角 */
.step01:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left:0px solid #ffffff;	
	}   
.step span{
    line-height: 50px;
    color: #ffffff;
	padding-left: 20px;
	}
.step01 span{
    line-height: 50px;
    color: #ffffff;
    padding-left: 20px;
    padding-right: 10px;
	}
.step02 span{
    line-height: 50px;
    color: #ffffff;
    padding-left: 20px;
    padding-right: 10px;
	}

.step{
	float:right;
	}
#step-navi02{
    padding-top:8px;
    clear:both;
	}	
#step-navi03{
    padding-top:8px;
    clear:both;
	}
#step-navi04{
    padding-right:222px;
    padding-top:8px;
    clear:both;
	}
a{ color:#ffffff;
   text-decoration:underline;
   }	
a:hover{
    color:#333;
	}
a:visited {
	color:#fff;
	}
#box-step-bg{
	background:#fff;
	}
#box-step-navi{
	width:670px;
	margin:0 0 20px 15px;
	padding-top:20px;
	}
.box-head{
    padding: 5px 0 30px 13px;
    border: 1px solid #408e40;
    color: #fff;
	font-size:150%;
    background: #408e40;
    }

.box-body {
	line-height:1.5;
    margin-top: -28px;
    padding: 5px 10px;
    border: 1px solid #408e40;
    background: #fff;
	font-size:120%;
	 }
#boxstep11{
	padding-bottom:15px;
	}
.y {
	width:670px;
    padding-top:5px;
	text-align:center;
	}
.point-box{
	margin-left:15px;
	width:210px;	
	display: inline-block;
	vertical-align:top
	}	
.box-tex{
	width:210px;
	height:auto;
	}
#info-box{
	margin-top:10px;
	padding:10px 0 20px 0;
	width:700px;
	background:#fff;
	height:auto;
	}
.info-tex ul{
	font-size:14px;
	line-height:1.5;
	list-style:disc;
	list-style-position: inside;
	padding-left:18px;
	}
.info-tex ul li {
	padding-top:5px;
    padding-left: 1em;
    text-indent: -1em;
	}
.bunner{
	padding:20px 0; 
	padding-top:20px;
	padding-bottom:20px;
	}
.bunner a:hover img{
	opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
   }
 #price-table-area{ 
    width:700px;
	background:#fff;
	padding-bottom:10px;
	 }
#price-table{
	width:670px;
	margin-left:15px;
	margin-bottom:20px;
	padding-top:10px;
	}
.table-t01{
	margin:5px 0px 15px 8px;
	}
.table-t01 span{
	color:#0f4fa7;
	font-weight:bold;
	}
.table-step{
    position: relative;
    width: 200px;
    height: 25px;
    background: #0f50a8;
    text-align: left;
    padding-left: 10px;
    border-left: 2px solid #ffffff; /* 間隔になる */
	}
/* 右のでっぱり三角 */
.table-step:after{
    content: "";
    position: absolute;
    left: 210px;
    top: 0;
    width: 0;
    border-top:13px solid transparent; 
    border-bottom: 12px solid transparent;
    border-left: 12px solid #0f50a8;
	}

/* 右のでっぱり三角 */
.table-step:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border-left:0px solid #ffffff;
	}   
.table-step span{
    line-height: 30px;
    color: #ffffff;
	font-size:92%;
	text-align:center;
	}
.table-step01{
    position: relative;
    width: 150px;
    height: 25px;
    background: #0f50a8;
    text-align: left;
	margin-top:15px;
    padding-left: 10px;
    border-left: 0px solid #ffffff; /* 間隔になる */
	}
/* 右のでっぱり三角 */
.table-step01:after{
    content: "";
    position: absolute;
    left: 160px;
    top: 0;
    width: 0;
    border-top:13px solid transparent; 
    border-bottom: 12px solid transparent;
    border-left: 12px solid #0f50a8;
	}

/* 右のでっぱり三角 */
.table-step01:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border-left:0px solid #ffffff;
	}   
.table-step01 span{
    line-height: 30px;
    color: #ffffff;
	font-size:92%;
	text-align:center;
	}
.table-step02{
    position: relative;
    width: 170px;
    height: 25px;
    background: #0f50a8;
    text-align: left;
	margin-top:15px;
    padding-left: 10px;
    border-left: 0px solid #ffffff; /* 間隔になる */
	}
/* 右のでっぱり三角 */
.table-step02:after{
    content: "";
    position: absolute;
    left: 180px;
    top: 0;
    width: 0;
    border-top:13px solid transparent; 
    border-bottom: 12px solid transparent;
    border-left: 12px solid #0f50a8;
	}

/* 右のでっぱり三角 */
.table-step02:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border-left:0px solid #ffffff;	
	}   
.table-step02 span{
    line-height: 30px;
    color: #ffffff;
	font-size:92%;
	text-align:center;
	}
.table-step03{
    position: relative;
    width: 100px;
    height: 25px;
    background: #0f50a8;
    text-align: left;
	margin-top:15px;
    padding-left: 10px;
    border-left: 0px solid #ffffff; /* 間隔になる */
	}
/* 右のでっぱり三角 */
.table-step03:after{
    content: "";
    position: absolute;
    left: 110px;
    top: 0;
    width: 0;
    border-top:13px solid transparent; 
    border-bottom: 12px solid transparent;
    border-left: 12px solid #0f50a8;
	}

/* 右のでっぱり三角 */
.table-step03:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border-left:0px solid #ffffff;
	}   
.table-step03 span{
    line-height: 30px;
    color: #ffffff;
	font-size:92%;
	text-align:center;
	}
table.type06 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.0;
	border-top: 1px dotted  #ccc;
	border-bottom: 1px dotted  #ccc;
	}
table.type06 th {
	width: 570px;
	padding: 15px 15px 15px 25px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px dotted #ccc;
	
	}
table.type06 td {
	width: 170px;
	padding: 5px;
	vertical-align: center;
	border-bottom: 1px dotted #ccc;
	}
	table.type06 td ul li {
    
	}
table.type06 .even {
	padding-right:10px;
	background: #e5e5e5;
	border-bottom: 1px dotted #ccc;
}
table.type06 td.even2{
	width:6px;
	background: #FFFFFF;
	border-bottom: 1px dotted #ccc;
}
table.type06 .even span{
	color: #FF0000;
	}
#table-t02{
	width:670px;
	background:#0f50a8;
	text-align:center;
	}
#table-t02 span{
    color: #ffffff;
	font-size:92%; 
	}
.expert{
	padding-top:5px;
	 font-size:120%;
     font-weight:bold;
	 text-align:right;
}
.expert a{
	text-decoration:underline; color:#FF0000;
}
.expert a:hover{
	color:#8E8686;
	}
/*--------------------------------------
              side-content
---------------------------------------*/	
#side-contents-area{
	float:right;
	width:226px;
	}
.side-btn img{
	padding-top:10px;
	}
.side-btn a:hover img {
   opacity: 0.7;
   filter: alpha(opacity=70);
   -ms-filter: "alpha(opacity=70)";
	}
.region-top{
	background-image:url(../images/navi_btn06_h.png);
	width:226;
	height:40px;
	}
.region-middle{
	background:url(../images/navi_btn06_h02.png);
	}
.region-bottom{
	 background-image:url(../images/navi_btn06_h03.png);
	 background-repeat:no-repeat;
	 width:226px;
	 height:15px;
	}
p.region-tex{
	padding-top:5px;
	line-height: 150%;
	margin:0 10px 0 10px;
	}
/*--------------------------------------
              footer
---------------------------------------*/
footer{
	background:url(../images/footer_back01.png) repeat-x;
	height:185px;
	text-align:left; 
	width:100%;
	clear:both;
	}
#footer-utility{
	width:950px;
	text-align:left; 
	margin-right:auto;
	margin-left:auto;
	}
.mail-box2{
	padding-left:120px;
	padding-right:20px;
	padding-top:110px;
	float:left;
	}
.mail-box2 a:hover img{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
   }
.footer-menu-aria{
	width:500px;
	padding-top:100px;
	float:left;
	}
.footer-menu ul {
	width:400px;
    height:5px;
    font-size:0;
	text-arign:left;
	}
.footer-menu ul a {
    color:#fff;	
	}
.footer-menu a:hover{ 
　　width:100px;
    height:20px;
    color:#333; 
	text-decoration:underline;
	}

.footer-menu li{
	font-size: 12px;
	list-style-image:url(../images/icon_53.png);
	list-style-position:inside;
	padding-left:5px;
	float:left;
	}
p.seo2{
	padding-top:5px;
    clear:both;
	font-size:95%;
	color:#fff;
	text-align:left;
	}
address{
	padding-top:10px;
	color: #fff;
	font-size: 84%;
	text-align:left;
}
.qr{padding-top:95px;
    float: left;}
.page-top {
    position:fixed;
    bottom: 5px;
    right: 90px;
	width:50px;
	height:50px;
	padding: 20px;
    background: #88bd1c;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    font-size: 14px;
	text-align:center;
	text-shadow: 1px 1px 0 #333;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    }
a{text-decoration:none;
	}