@charset "utf-8";
/* CSS Document */

/*----------------------------------------------*/
/*Zbg*/
/*----------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,a,img,
form,fieldset,input,textarea,p,blockquote,table,tr,th,td,tbody{
	padding:0;
	margin:0;
}

table{
	border-collapse: collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-weight:bold;
	font-style:normal;
}
ol,ul{
	list-style:none;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-size:100%;
}

/*clear*/
.clear{
	clear:both;
}


/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*-------------------------------------------------*/
/* margin/padding
/*-------------------------------------------------*/

.MB10{
	margin-bottom:10px;
}


.MT10{
	margin-top:10px;
}

.MO10{
	margin-top:20px;
}

.MTB20{
	margin:20px 0;
}


.MZ10{
	margin-top:30px;

}

.red{
	color:#87CEFA;
}

/*-------------------------------------------------*/
/* 基本設定
/*-------------------------------------------------*/

body{
	font-family:"Avenir Next", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	font-size:14px;
	color:#333;
	line-height:140%;
	letter-spacing:0.01em;
	background-color:#FFF;
	border-top:#87CEFA solid 40px;
}

#wrap{
	width:910px;
	margin:0 auto;
	background-color:#FFFFFF;
}

#nav {
  list-style: none;
  overflow: hidden;
}

#nav li {
  text-align: right;
  background-color: #fff;
  float: left;
  height: 50px;
	line-height: 50px;
  margin-right: 50px;
}

#nav li a {
  text-decoration: none;
  color: #808080;
  font-weight: bold;
	padding: 10px;
}

#aregre{
	background:url(../img/common/main_high_02.jpg) no-repeat;
	width:900px;
	height:144px;

}

#contactBtn{
	width:196px;
	height:56px;
	position:relative;
	top:16px;
	left:490px;

}

#headimg,#swfarea{
	width:900px;
}

.gmenu{
	width:900px;
	height:45px;
}

.gmenu li{
	float:left;
	height:45px;
	display:inline;

}

#content{
	width:900px;
}

#content #contright{
	float:right;
	width:676px;
	padding:0 16px 0 11px;
	display:inline;
}

#content #contleft{
	float:left;
	width:195px;
	display:inline;
}


#flow,#faq{
	width:676px;
	margin-bottom:15px;
}

#flow .flow_right{
	float:right;
	width:475px;
	padding:0 17px 0 10px;
}


#flow .flow_lift{
	float:left;
	width:144px;
	padding:0 10px;
}



#faq #faq_right{
	float:right;
	width:475px;
}


#faq #faq_left{
	float:left;
	width:110px;
}




.att{
	border-top:#CCC 1px dotted;
	border-bottom:#CCC 1px dotted;
	padding:10px 0;


}


#mousikomi{
	margin-bottom:10px;
	width:197px;
}





.annai{
	width:676px;
}

.annai li{
	text-indent:25px;
	margin-bottom:15px;
	list-style-type:none;
	text-indent:-1em;
	padding-left:1em;

}

.annai2 li{
	background:url(../img/faq/faq_2.jpg) no-repeat;
	text-indent:40px;
	margin-bottom:10px;
}

.readable{
	line-height:140%;
	letter-spacing:0.01em;

}

.dot{
	border-width:1px 0 0 0;
	border-style:dotted;
	height:0.5px;
	border-color:#CCC;
}


.p{
	padding-left:5%;
}

#foot{
	width:900px;
}


h2{
	border-left:#87CEFA 10px solid;
	border-bottom:#999 1px dotted;
	text-indent:15px;
	margin-bottom:15px;
}


#errMessage{
	background:#FFECEC;
	border:#87CEFA 1px solid;
	padding:10px;
	margin-bottom:15px;
}

#errMessage ul{
	padding:0 20px;
	list-style:disc;
	color:#87CEFA;
}



table.contact {
	width:100%;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
	border-top:#CCC 1px solid;
	margin-bottom:15px;
}


table.contact th{
	padding:10px;
	background:#FEF8E2;
	border-bottom:#CCC 1px solid;
}

table.contact td{
	padding:10px;
	background:#FFFDF7;
	border-bottom:#CCC 1px solid;
}

input[type="text"]{
	border: 1px solid #CCC;
	color: #999;
	font: inherit;
	padding: 4px;
}

input:focus, input.focused {
	border-color: #87CEFA; color: #333;
}



textarea{
	width:80%;
	height:120px;
	padding:4px;
}

#main2 {
	text-align: center;
}



#main3 {
	color:#555555;
}


#user_kiyaku  {
background:none repeat scroll 0 0 #FAFAFA;
border:1px solid #C7C7C7;
height:300px;
margin:5px auto 0;
overflow:auto;
width:548px;

}


#user_kiyaku {
line-height:1.5em;
padding:0 30px 20px;
text-align:left;
}

.foot {
	width:800px;
	margin:0 auto;
}

#attention{
	color:#999999;
	font-size:12px;
	padding:10px;
}

ul#rect{
	list-style-type: square;
	list-style-position: inside;@charset "utf-8";
/* CSS Document */
}


*{
	margin:0;
	padding:0;
	border: 0 none;
}

address{
	font-style:normal;
	text-align:center;
}


body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	font-size:14px;
	color:#333;
	line-height:140%;
	letter-spacing:0.01em;
}

table{
	border-collapse: collapse;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

a{/*リンクされた文字*/
    color:#906d02;
    font-style:normal;
    text-decoration:none;
}
a:link {/*未訪問のリンク*/
    color:#906d02;
    font-style:normal;
    text-decoration:none;
}

a:hover {/*マウスをのせたとき*/
    color:#906d02;
    font-style:normal;
    text-decoration:underline;
}

a:active {/*クリック中*/
    text-decoration:none;
}


li{
	list-style:none;
}

img{
	margin:0;
	padding:0;
}

#header{
	color:#777777;
	width:910px;
	margin:0 auto;
	width:910px;
	margin:0 auto;
	/*height:137px;*/
	display:flex;
	align-items: center;
}

#headLeft{
	width:23px;
	float:left;
}

#headIn{
	float:right;
}

#headRight{
  text-align: right;
	width:575px;
	float:100px;
	margin-left: auto;
	display: block;
}


.clear{
	clear:both;
}


/*.MTB15{
	margin:15px 0;
}*/

.MR15{
	margin-right:15px;
}

.MB15{
	margin-bottom:15px;
}


#headInLeft{
	float:left;
	width:90px;
	margin-top:48px;
	margin-right:199px;

}


#headInRight{
	text-align: right;
}


#mainCont1{
	width:910px;
	margin:0 auto;
}

#mainCont2{
	width:100％;
	display: flex;
  justify-content: center;
}


#subCont1{
	width:50%;
}

#subCont2{
	width:30%;
}

#headerInLeft{
  font-size:25px;
  /*width:910px;*/
	width: 40%;
	letter-spacing: 0.2em;
}

ul.service{
	margin-bottom:15px;
	display: flex;
}

ul.service li{
	margin-left:35px;
	width:182px;
 	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: flex-start;
	flex-direction: row-reverse;
	justify-content: flex-end;
}

ul.service li p{
	margin-top:10px;
}


#footBox{
	background:#dddddd;
	margin-top:20px;
	width:910px
	margin: 0 auto;
}

div#footer {
   position:relative;
   overflow:hidden;
   margin:15px 0;
}

div#footer ul {
   position:relative;
   left:50%;
   float:left;
}

div#footer li {
   position:relative;
   left:-50%;
   float:left;
   margin-top:15px;
   margin-right:15px;
}



table.company {
    border-collapse: collapse;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    text-align: left;
	width:100%;
	margin-bottom:15px;
}

table.company td{
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
	padding:10px;
}

table.company th{
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
	padding:10px;
	background-color:#f5f4f4;
}


table.contact {
	width:100%;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
	border-top:#CCC 1px solid;
	margin-bottom:15px;
}


table.contact th{
	padding:10px;
	background:#FEF8E2;
	border-bottom:#CCC 1px solid;
}

table.contact td{
	padding:10px;
	background:#FFFDF7;
	border-bottom:#CCC 1px solid;
}

input[type="text"]{
	border: 1px solid #CCC;
	color: #999;
	font: inherit;
	padding: 4px;
}

input:focus, input.focused {
	border-color: #FC0; color: #333;
}


.textarea{
	margin: 0 auto;
	padding: 10px;
	width:870px;
	color:#787878;
	height: 220px;
	overflow-y: auto;
	border: 1px solid #ccc;
}

.red{
	color:red;


}

/*}@charset "utf-8";*/
/* CSS Document */


*{
	margin:0;
	padding:0;
	border: 0 none;
}

address{
	font-style:normal;
	text-align:center;
	color:#808080;
	letter-spacing:0.01em;
}


body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	font-size:14px;
	color:#333;
	line-height:140%;
	letter-spacing:0.01em;
}

table{
	border-collapse: collapse;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

a{/*リンクされた文字*/
    color:#808080;
    font-style:normal;
    text-decoration:none;
}
a:link {/*未訪問のリンク*/
    color:#808080;
    font-style:normal;
    text-decoration:none;
}

a:hover {/*マウスをのせたとき*/
    color:#808080;
    font-style:normal;
    text-decoration:underline;
}

a:active {/*クリック中*/
    text-decoration:none;
}


li{
	list-style:none;
}

img{
	margin:0;
	padding:0;
}

.clear{
	clear:both;
}

#headLeft{
	width:23px;
	float:left;
	display:inline;
}

#headIn{
	float:left;
	background:url(../img/header_bg.jpg) repeat-x;
	font-size: 20;
}

#headRight{
	width:23px;
	float:left;
	display:inline;

}

#header-logo{
	float:left;
	font-size: 36;
	padding: 20px 40px;
}

.clear{
	clear:both;
}


.MTB15{
	margin:15px 0;
}

.MR15{
	margin-right:15px;
}




#headInLeft{
	float:left;
	width:90px;
	margin-top:48px;
	margin-right:199px;

}


/*#mainCont{
	width:910px;
	margin:0 auto;
}*/

h1{
	font-size:25px;
	border-bottom: solid 3px black;
	text-indent:-9999px;
	padding:13px 0;
	margin:15px 0;
	font-weight:100;
}


h2{
	border-left:#dfdfdf 10px solid;
	border-bottom:#999 1px dotted;
	text-indent:15px;
	margin-bottom:15px;
	font-size:16px;
}


/*ul.service{
	margin-bottom:15px;
}

ul.service li{
	float:left;
	margin-left:35px;
	width:182px;
 	display: inline;
}

ul.service li p{
	margin-top:10px;
}*/

#footBox{
	background:#87CEFA;
	margin-top:20px;
	width:910px
	margin: 0 auto;
}

div#footer {
   position:relative;
   overflow:hidden;
   margin:15px 0;
}

div#footer ul {
   position:relative;
   left:50%;
   float:left;
}

div#footer li {
   position:relative;
   left:-50%;
   float:left;
   margin-top:15px;
   margin-right:15px;
}



table.company {
    border-collapse: collapse;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    text-align: left;
	width:100%;
	margin-bottom:15px;
}

table.company td{
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
	padding:10px;
}

table.company th{
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
	padding:10px;
	background-color:#f5f4f4;
}


table.contact {
	width:100%;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
	border-top:#CCC 1px solid;
	margin-bottom:15px;
}


table.contact th{
	padding:10px;
	background:#FEF8E2;
	border-bottom:#CCC 1px solid;
}

table.contact td{
	padding:10px;
	background:#FFFDF7;
	border-bottom:#CCC 1px solid;
}

input[type="text"]{
	border: 1px solid #CCC;
	color: #999;
	font: inherit;
	padding: 4px;
}

input:focus, input.focused {
	border-color: #FC0; color: #333;
}


.textarea{
	margin: 0 auto;
	padding: 10px;
	width:870px;
	color:#787878;
	height: 220px;
	overflow-y: auto;
	border: 1px solid #ccc;
}

.red{
	color:red;
}


#nav {
	width: 60%;
	display: flex;
  justify-content: flex-end;
  align-items: center;
  list-style: none;
}

#nav li {
  text-align: center;
  background-color: #fff;
  height: 50px;
  line-height: 50px;
  margin-right: 2px;
}

#nav li a {
  text-decoration: none;
  color: #777;
  font-weight: bold;
  padding: 20px;
}

.under {
  border-bottom: solid 3px #C0C0C0;
  width: 350px;
  padding-bottom: 5px;
}