@charset "utf-8";




/*
---------------------------------------------------- */
*{margin:0;padding:0;}
html{overflow-y:scroll;}



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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
}



a{outline:none;}
body{font-size:95%;
line-height:1.8em;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

hr{border:none;border-top:dashed 1px #CCC;height:1px;color:#FFFFFF; margin-bottom:20px}


/* link
---------------------------------------------------- */
a:link,a:visited{color:#0168B7;text-decoration:underline;}
a:hover,a:active{color:#0168B7;text-decoration:none;}


/* header
---------------------------------------------------- */

#header{width:100%; background:url(../images/bg_logo.jpg) no-repeat top center;  }
#header .inr{width:1024px;margin:0 auto; }



/* navigation
---------------------------------------------------- */
#navigation{clear:both;width:100%;background: url(../images/bg_navi.jpg) no-repeat center top; }
#navigation ul{width:1024px;margin:0 auto;height:74px;font-size:10px;line-height:100%;list-style:none;}
#navigation li{float:left;height:74px;}


/* h2title
---------------------------------------------------- */
#h2Title{clear:both;width:100%;background:#c2ea92; text-align:center;}
#h2Title img{margin:0 auto;}



/* pagebody
---------------------------------------------------- */
#pagebody{width:100%;}


.clumb00{ width:100%; background:#fff;}
.clumb00 .inr{ width:1024px; margin:0px auto; padding:40px 0px;}



.clumb01{ width:100%; background:url(../images/bg_img01.jpg) no-repeat top center;}

.clumb01 .inr{ width:1024px; margin:0px auto;}

.clumb02{ background:url(../images/bg_img2.jpg) ; width:100%;}
.clumb02 .inr{ width:1024px; margin:0px auto; padding:40px 0px; text-align:left;}

.clumb02 table{ background:#fff; border-radius:8px; box-shadow:0px 0px 3px #ccc;}
 
.clumb02 table th,
.clumb02 table td{ padding:0px 20px;}
.clumb02 table th{ text-align:center; vertical-align:middle; font-weight:bold; font-size:110%;}
.clumb02 table td{ text-align:left; vertical-align:top; background:url(../images/-bg_line.jpg)  repeat-y left top;}


.clumb03{ background:#e3e3e3 ; width:100%; padding:10px 0px;}
.clumb03 .inr{ width:1024px; margin:0px auto; }



.accordion { width:785px; margin:0px auto 30px;}
.accordion dt{cursor:pointer;border:none; background:#0068B7; color:#fff; font-size:22px; line-height:100%;  padding:8px 36px; border-radius:4px; margin-bottom:15px; }
.accordion dd{
	display:none;
border-radius:8px; padding:15px; box-shadow:0px 2px 3px rgba( 0,0,0,0.3); background:#fff;
text-align:left;
margin-bottom:30px;
	}


a.btn{ border:none; padding:8px 36px; font-size:15px; line-height:100%; border-radius:4px; background:#333; color:#fff; text-decoration:none;}
a.btn:hover{ opacity:0.70;}



.clumb04{ width:100%; background:#edf8f4;}
.clumb04 .inr{ width:1024px; margin:0px auto; }


.clumb05{ background: url(../images/bg_img07.jpg) no-repeat top center ; width:100%;}
.clumb05 .inr{ width:1024px; margin:0px auto;  text-align:left;}


.clumb06{ width:100%; background:#fff;}
.clumb06 .inr{ width:1024px; margin:0px auto; padding:40px 0px 20px;}


.clumb07{ width:100%; background:#f3f3f3; clear:both}
.clumb07 .inr{ width:1024px; margin:0px auto; text-align:left; font-size:85%; }

.clumb07 dt{ float: left; width:240px;}
.clumb07 dd{ float:right; width:724px; padding:20px 30px;}

.clumb08{ width:100%; background:#fff; clear:both}
.clumb08 .inr{ width:1024px; margin:0px auto;text-align:left;font-size:85%;  }

.clumb08 dt{ float: left; width:240px;}
.clumb08 dd{ float:right; width:724px; padding:20px 30px;}



/* footer
---------------------------------------------------- */
#footer{width:100%;background:#000;}
#footer .inr{width:1024px;margin:0 auto;text-align:left;}




#pagetop {
    position: fixed;
    bottom: 40px;
    right: 10px;
}



/* index.html・・
---------------------------------------------------- */


.topBox li{ list-style:none; float:left; margin-right:20px;}
.topBox li.last{ margin-right:0px;}


#news{height:200px;overflow:auto;overflow-y:scroll;}
#news table{width:100%;}
#news table th{width:20%;border-bottom:#ccc dotted 1px;padding:5px 7px;font-weight:bold;text-align:left;}
#news table td{border-bottom:#ccc dotted 1px;padding:5px 7px;}



/* 2 
---------------------------------------------------- */

.bnrLink{border:  solid 1px #666; display: inline-block; padding: 5px 15px 7px;}
.area{ padding: 60px 0px;}

.areaTable th{ padding:  0px 10px;}
.btn01{  border-radius: 4px; font-size: 18px; background: #3062BB; color: #fff; padding: 11px 20px; border: none; line-height: 100%; }
a.btn02{ font-size: 18px; }
/* 3 
---------------------------------------------------- */



/* 4 
---------------------------------------------------- */





/* 6
---------------------------------------------------- */


/* 7
---------------------------------------------------- */



/* 8
---------------------------------------------------- */




/* contact.html	
---------------------------------------------------- */
.agreeBox{ border:1px solid #ccc; padding:5px;}
.privacyBox{ line-height: normal; padding:0px 10px}
.privacyBox h4{ font-size:120%; font-weight:bold; border-bottom:#CCC solid 1px; margin-bottom:10px;}
.privacyBox p{ margin-bottom:40px}
.privacyBox ul{ margin-bottom:1em; margin-left:20px}
.privacyBox li{ list-style:decimal outside; margin-left:2em; margin-bottom:5px }




/*
---------------------------------------------------- */
img{border:0;vertical-align:bottom;}
table{margin-top:1px;}
h2,h3,h4,h5,h6{clear:both;}
.form-s{width:70px;}
.form-m{width:110px;}
.form-l{width:300px;}
.form100{width:99%;}
.form-h{height:80px;}

input::placeholder{ font-size:14px;}


.needinput{background-color:#fee;border:1px solid #ccc;}
input[type="checkbox"],input[type="radio"]{vertical-align:middle;}
input{font-size:100%;vertical-align:middle;padding:2px;}
input[type="text"],select{border:1px solid #ccc;}
input:focus[type="text"]{border:1px solid #06c;}
textarea{border:1px solid #ccc;width:99%;}
.clear{clear:both;}
.red{color:#c00;}
.blue{ color: #3050A5;}

.f-left{float:left;}
.f-right{float:right;}


.tac{text-align:center;}
.tar{text-align:right;}
.large{font-size:120%;line-height:normal;}
.small{font-size:80%;line-height:normal;}


.table{width:100%;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc; border-collapse: collapse; margin: 0px auto; line-height: 1.4em;}
.table th{background-color:#e5e5e5;border:1px solid #ccc;padding:7px 15px;}
.table td{background-color:#fff;border:1px solid #ccc;padding:7px 15px;}
.table ul{margin-left:18px;}
.table .need{
	background:url(../images/icon_need.png) no-repeat 90% center #e5e5e5;
}
.table td span{color:#666;font-size:90%;}

.table2{width:100%; border-collapse:collapse;}
.table2 th{background-color:#e5e5e5;border:1px solid #ccc;padding:7px 15px; text-align:center;}
.table2 td{border:1px solid #ccc;padding:7px 15px;}


.areaTable{ margin: 0px auto; font-size: 24px;}
.areaTable input{ padding: 5px 15px ; border: solid 2px #3458AE; border-radius: 4px; background: #fff;}



.title{font-size:150%;line-height:normal;padding-bottom:7px;border-bottom:1px solid #666;margin-bottom:15px;}
.title span{font-size:80%;background-color:#666;color:#fff;padding:3px 15px;margin-right:10px;}



.subTitle{ line-height:100%; border-left: solid 7px #333;  padding:4px 15px; font-size:130%; }



		

.frame img{border:1px solid #b9b9b9;padding:4px;}
.In{ line-height: normal}
.In li{ margin-left:1em; list-style:outside;	}

.w230{width:230px;}
.w240{width:240px;}

.w440{width:440px;}
.w480{width:480px;}

.w640{width:640px;}

.w100p{width:100%;}


.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}



.mr10{margin-right:10px;}
.mr20{margin-right:20px;}

.ml10{margin-left:10px;}
.ml40{margin-left:40px;}


.fs18{ font-size: 18px;}
.fs24{ font-size: 24px;}
.fs32{ font-size: 32px;}


@media print {

}