@charset "Shift_JIS";
/* •ΆŽšƒR[ƒhƒZƒbƒg */

/* reset@
---------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}




/* ‘S‘̍\‘’
---------------------------------------------------- */
.clearfix:after {
  content: ".";  /* V‚΅‚’—v‘f‚πμ‚ι */
  display: block;  /* ƒuƒƒbƒNƒŒƒxƒ‹—v‘f‚Ι */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
    zoom:1;/*for IE 5.5-7*/
	overflow:hidden;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

a{outline:none;}

body{font-size:90%;/* Šξ–{‚ΜƒtƒHƒ“ƒgƒTƒCƒY */
line-height:1.8em;/* Šξ–{‚̍sŠΤ */
font-family:"ƒqƒ‰ƒMƒmŠpƒSPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ƒƒCƒŠƒI", "‚l‚r ‚oƒSƒVƒbƒN", Meiryo, sans-serif;color:#333;}


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


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

header{ background:#fff; width:100%; border-bottom:6px solid #000;}
header .inr{ width:960px; margin:0px auto; position:relative; padding:0px}

header #logo{float:left; margin-right:40px;}
header #contact{ position: absolute; right:-20px;}


/* navigation
---------------------------------------------------- */
nav{ float:left; margin-top:44px;}
nav ul{width:512px;margin:0 auto;height:46px;list-style:none;}
nav li{float:left;height:46px;}


/* main
---------------------------------------------------- */
#main{float:right;width:690px; margin-bottom:40px;}





/* pagebody
---------------------------------------------------- */
#pagebody01{width:100%; background:url(../images/bg_p01.gif) no-repeat top center; }
#pagebody02{width:100%; background:url(../images/bg_p02.gif) no-repeat top center; }
#pagebody03{width:100%; background:url(../images/bg_p02.gif) no-repeat top center; }
#pagebody04{width:100%; background:url(../images/bg_p02.gif) no-repeat top center; }
#pagebody05{width:100%; background:url(../images/bg_p02.gif) no-repeat top center; }





.inr{width:960px;margin:0px auto;text-align:left; padding:20px 0px 0px;  }

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



/* sub
---------------------------------------------------- */
#sideMenu{float:left;width:230px; margin-bottom:40px;}
.sideNavi{ margin-bottom:20px;}
.sideNavi li{list-style:none;font-size:14px;margin:15px 10px 0;background:url("../images/icon_arrow.jpg") no-repeat 10px 20%;border-bottom:dotted 1px #000000;}
.sideNavi li a{display:block;padding:0 0 15px 40px;}
.sideBox{
	background:#F3F3F3;
	padding:10px
}



/* footer
---------------------------------------------------- */
footer{width:100%;font-size:80%; clear:both; border-top:6px #000 solid;}

footer .inr{width:960px; padding:40px 0px; margin:0px auto;}


footer #textLink{ padding:0px; float:left; text-align:left; }
footer #textLink ul{list-style:none;}
footer #textLink li{ display:inline;line-height:1em;padding:0 10px; border-left: 1px solid #000;}
footer #textLink li:first-child{ border-left: 0px ;}

footer a:link,footer a:visited{color:#000;text-decoration:none;}
footer a:hover,footer a:active{color:#000;text-decoration: underline;}

footer #copy{  padding:30px 0px;text-align:center; }
footer #copy small{ font-size:90%; }


.pageTop{width:960px;margin:0 auto;}


			


/* 	1,ƒgƒbƒvƒy[ƒWiindex.htmlj
---------------------------------------------------- */

#pagebody01 .inr{ position:relative; font-family:"‚l‚r ‚o–Ύ’©", "MS PMincho", "ƒqƒ‰ƒMƒm–Ύ’© Pro W3", "Hiragino Mincho Pro", serif; width:960px; height:1200px;}
#pagebody01 h2{
	position: absolute;
	left: 635px;
	top: 1px;
}
#pagebody01 #clumb01{
	position: absolute;
	left: 0px;
	top: 92px;
	 color:#fff;
}
#pagebody01 #clumb01 h3{ margin-bottom:25px;}
#pagebody01 #clumb01 .box{ padding-left:30px;}


#pagebody01 #clumb02{
	width:494px;
	position: absolute;
	left: 250px;
	top: 448px;
}
#pagebody01 #clumb02 h3{ margin-bottom:25px;}
#pagebody01 #clumb02 .box{ padding-left:35px; width:458px;}

#pagebody01 #clumb02 ol{ margin-left:0px; list-style: decimal inside; margin-bottom:25px; }

#pagebody01 #clumb02 ol li p{ margin-left:20px;}

#pagebody01 #clumb03{
	position: absolute;
	left: 273px;
	top: 790px;
	width:675px; text-align:right; color:#fff;
}

#pagebody01 #clumb03 h3{ margin-bottom:25px;}
#pagebody01 #clumb02 .box{ padding-right:20px;}


#pagebody01 #pagetop { position:absolute; right:0px ; bottom:0px;}



/* 	2
---------------------------------------------------- */
#pagebody02 .inr{ position:relative; font-family:"‚l‚r ‚o–Ύ’©", "MS PMincho", "ƒqƒ‰ƒMƒm–Ύ’© Pro W3", "Hiragino Mincho Pro", serif; width:960px;}
#pagebody02 h2{ margin-top:40px; margin-right:40px; text-align:right; margin-bottom:23px;
	
}
#pagebody02 #clumb01{ margin-bottom:80px; 

	color:#fff;
	width:900px;
}
#pagebody02 #clumb01 h3{ margin-bottom:25px;}
#pagebody02 #clumb01 .box{ padding-left:40px;}
#pagebody02 #clumb01 ol{ margin-left:0px; list-style: decimal inside;  }
#pagebody02 #clumb01 ol li p{ margin-left:20px;}



#pagebody02 #clumb02{
	width:520px; float:right; margin-bottom:60px;
	
}
#pagebody02 #clumb02 h3{ margin-bottom:25px; text-align:right;}
#pagebody02 #clumb02 .box{}


#pagebody02 #clumb03{

	width:960px;
	
	
}

#pagebody02 #clumb03 h3{ margin-bottom:25px;}
#pagebody02 #clumb03 .box{ padding:0px 40px;}


#pagebody02 #pagetop { position:absolute; right:0px ; bottom:0px;}


/* 3
---------------------------------------------------- */

#pagebody03 .inr{ position:relative; font-family:"‚l‚r ‚o–Ύ’©", "MS PMincho", "ƒqƒ‰ƒMƒm–Ύ’© Pro W3", "Hiragino Mincho Pro", serif; width:960px;}
#pagebody03 h2{ margin-top:40px; margin-right:40px; text-align:right; margin-bottom:50px;
	
}
#pagebody03 #clumb01{ margin-bottom:80px; 

	color:#fff;
	width:960px;
}
#pagebody03 #clumb01 h3{ margin-bottom:25px;}
#pagebody03 #clumb01 .box{ padding:0px 30px;}

#pagebody03 #clumb01 .textBox{ width:400px;background-color:rgba(255,255,255,0.4); padding:20px; color:#333; border:solid 1px #CCC;}


#pagebody03 #clumb02{
	width:650px; float:right; margin-bottom:60px;
	
}
#pagebody03 #clumb02 h3{ margin-bottom:25px; text-align:right;}
#pagebody03 #clumb02 .box{}


#pagebody03 #clumb03{

	width:960px;
	
	
}

#pagebody03 #clumb03 h3{ margin-bottom:25px;}
#pagebody03 #clumb03 .box{ padding:0px 40px;}


#pagebody03 #pagetop { float: right}


.businnessBox{ position:relative;}
.businnessBox .bnr01{
	position: absolute;
	left:140px;
	top: 299px;
}
.businnessBox .bnr02{
	position: absolute;
	left:261px;
	top: 250px;
}



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

#pagebody04 .inr{ position:relative; font-family:"‚l‚r ‚o–Ύ’©", "MS PMincho", "ƒqƒ‰ƒMƒm–Ύ’© Pro W3", "Hiragino Mincho Pro", serif; width:960px;}
#pagebody04 h2{ margin-top:40px; margin-right:40px; text-align:right; }
#pagebody04 #clumb01{ margin-bottom:80px;color:#fff;width:960px;}
#pagebody04 #clumb01 h3{ margin-bottom:25px;}
#pagebody04 #clumb01 .box{ padding:0px 30px;}
#pagebody04 #clumb01 .textBox{ width:400px;background-color:rgba(255,255,255,0.4); padding:20px; color:#333; border:solid 1px #CCC;}
#pagebody04 #pagetop { float: right}

/* 5,@‚¨–β‚’‡‚ν‚Ή	contact.html	
---------------------------------------------------- */

#pagebody05 .inr{ position:relative; font-family:"‚l‚r ‚o–Ύ’©", "MS PMincho", "ƒqƒ‰ƒMƒm–Ύ’© Pro W3", "Hiragino Mincho Pro", serif; width:960px;}
#pagebody05 h2{ margin-top:40px; margin-right:40px; text-align:right; margin-bottom:40px; }
#pagebody05 #clumb01{ margin-bottom:80px;color:#fff;width:960px;}
#pagebody05 #clumb01 h3{ margin-bottom:25px;}
#pagebody05 #clumb01 .box{ padding:0px 30px;}
#pagebody05 #clumb01 .textBox{ background-color:rgba(255,255,255,0.4); padding:20px; color:#333; border:solid 1px #CCC;}
#pagebody05 #pagetop { float: right}


.agreeBox{ border:1px solid #ccc; padding:5px; color:#333;}
.privacyBox{height:250px;overflow:auto;overflow-y:scroll; font-size:90%; 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:1em}
.privacyBox ul{ margin-bottom:1em; margin-left:20px}
.privacyBox li{ list-style:decimal outside; margin-left:2em; margin-bottom:5px }






/* ”Δ—pƒXƒ^ƒCƒ‹ƒV[ƒg
---------------------------------------------------- */
hr{border:none;border-top:dashed 1px #CCC;height:1px;color:#FFFFFF; margin-bottom:20px}
img{border:0;vertical-align:bottom;}
table{margin-top:1px;}
h2,h3,h4,h5,h6{clear:both;}
.form-s{width:70px;}
.form-m{width:150px;}
.form-l{width:300px;}
.form100{width:99%;}
.form-h{height:80px;}
.formBtn input{ font-size:120%; font-weight:bold; padding:8px 40px; }
.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:#3d76d5;}

.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;}
.table th{background-color:#fafafa;border:1px solid #ccc;padding:7px 15px; vertical-align:middle;}
.table td{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%;}




.table01{width:100%;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc; line-height:140%;}
.table01 th{background-color:rgba(255,255,255,0.3);border:1px solid #ccc;padding:7px 15px; vertical-align:middle; }
.table01 td{background-color:rgba(255,255,255,0.1);border:1px solid #ccc;padding:7px 15px;}

.table02{width:100%;border-top:1px solid #ccc;border-left:1px solid #2757a8;border-right:1px solid #ccc; line-height:140%;}
.table02 th{background: url(../images/bg_th.png);border:1px solid #2757a8;padding:7px 15px; vertical-align:middle; color:#fff }
.table02 td{background-color:rgba(255,255,255,0.9);border:1px solid #2757a8;padding:7px 15px; color:#333;}



.title{font-size:180%; margin-bottom:20px;}
.subTitle{ background:#3a73bd url(../images/bg_subtitle.jpg) no-repeat 6px center; border-radius:4px;  line-height:100%; padding:8px 10px 8px 24px; font-size:110%; color:#fff; font-weight:bold; margin-bottom:15px; }
.subTitle2{font-size:110%;  font-weight:bold; margin-bottom:10px; }


.textLink a{ background: url(../images/icon_link.gif) no-repeat left center; padding:0px 0px 0px 8px;}
.pdfLink a{ background: url(../images/icon_pdf.png) no-repeat right center; padding:0px 28px 0px 0px;}
.btn a:hover img{
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.70;
    opacity:0.70;
		} 
		

.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;}



.w25p{width:25%;}
.w100p{width:100%;}


.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}

.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

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

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
@media print {

}