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

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.red{color:#FF0000}
.red2{color:#FF0000;}

/*スマホ*/
@media screen and (max-width:640px){

html { -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}

body {
    font-size: 100%; 
	width:100%;
	background: #fff;
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-style: normal;
	line-height: 130%;
	position: relative;
	cursor: default;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;
	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
    color:#4c4621;
}
	
.kyuka{max-width:770px;width:100%;margin: 10px auto 10px auto;font-size: 90%; }

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.center{
 display: block;
 margin-left: auto;
 margin-right: auto;
 clear:both
}
.fontb{font-weight:700 ;margin: 10px auto 10px auto;text-align: center;font-size:100%}
.subnavi {width:100%;margin: 20px auto 10px auto;}
.subnavi:after {content: "";clear: both;display: block;}
.subnavi li {float: left;width: 100%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;font-size:100%;border: 1px solid #ccc;background-color: #00418F;color:#fff;margin: 0px 1% 0px auto;}
.subnavi a {display: block;text-decoration: none;background-color: #fff;color: #000;}


.subnavi1 {width:100%;margin: 20px auto 10px auto;}
.subnavi1:after {content: "";clear: both;display: block;}
.subnavi1 li {float: left;width: 100%;font-size:100%!important;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;border: 1px solid #ccc;background-color: #7EC0DB;color: #fff;margin: 0px 0.4% 0px auto;}
.subnavi1 a {display: block;text-decoration: none;background-color: #fff;color: #000;}


.br-sp { display:block; }
.sp { display:block; }
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #00418F;
  color: white;
}

h2{font-size:110% }
h3{color:#00418F; margin: 10px auto 10px auto;font-size:110% }
h4{color:#00418F; margin: 20px auto 0px auto; font-size:100% }


.line1 {display: block;width: 100%;height: 2px;background-color: #00418F;border: 0; }

.fontline { font-size:180% }

img{height: auto;max-width: 100%;}
img {border: 0;-ms-interpolation-mode: bicubic;}


.font190{font-size:190%; line-height: 140%;}

.image-resize {
  max-width: 60%;
  max-height: auto;
  -ms-interpolation-mode: bicubic;
}
/*コンテント*/

.content{clear:both ;width:94%;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 10px 0px 20px 0px;}

.content2{display: block;clear:both ; width:94%;text-align:left!important;margin: 0px auto 15px auto ;height:auto;padding: 10px 0px 10px 0px;line-height: 140%;font-size:100%;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

#content2 ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
#content2 li {text-align: center;list-style: none;margin: 0px 0px 0px px;}
.renova{width:100%;padding: 0px 0px 0px 0px;margin: 0px auto 0px auto;text-align:center}

.privacy2{width:96%;padding:30px 0px 10px 0px;margin: 30px auto 0px auto ;}
.privacy2 dl dt{line-height:150%;margin: 15px auto 0px auto ;}

#content{clear:both ;width:94%;margin: 5px auto 0px auto ;height:auto;text-align:left;padding: 0px 2% 30px 2%;}

.content_left{width:96%;margin: 0px 0 20px auto ;text-align:center;padding: 20px 2% 10px 2%;color:#666;box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);}
.content_left1{width:96%;margin: 0px 0 0px auto ;text-align:center;padding: 0px 0% 0px 0%;}
.content_left11{width:96%;margin: 0px 0px 14px auto ;text-align:center;box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);padding: 17px 2% 10px 2%;}
.content_right{width:96%;text-align:center;padding: 20px 2% 10px 2%;box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);margin: 20px 0 0px auto ;}

.content_left1{width:auto;}
.content_left2{width:96%;margin: 20px 0 0px auto ;text-align:center;padding: 20px 2% 10px 2%;color:#666;box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);}

.topbox{clear:both ;width:96%;line-height:130%;font-size:12px; text-align:left;margin: 0px auto 0px auto ;color:#666;padding: 10px 2% 10px 2%;}
.topbox2{clear:both ;width:96%;line-height:130%;font-size:12px; text-align:left;margin: 0px auto 0px auto ;color:#666;padding: 10px 2% 10px 2%;}
.topbox_navi{width:100%;line-height:300%;font-size:14px; text-align:center;color:#fff;background-color:#666;height: 40px;display:block;margin: 10px auto 20px auto ;}
.topbox_navi2{width:100%;line-height:300%;font-size:14px; text-align:center;color:#fff;background-color:#666;height: 40px;display:block;margin: 10px auto 20px auto ;}

.topbox h3{font-size:16px;color:#666;margin: 20px auto 0px auto}
.topbox2 h3{font-size:16px;color:#666;margin: 20px auto 0px auto}

.topbox_navi3 a:link { color:#fff;}
.topbox_navi3 a:visited { color:#fff;}
.topbox_navi3 a:hover { color: #009FB9; }
.topbox_navi3 a:active { color:#fff;}


#content3{clear:both ;width:100%;margin: 20px auto 50px auto ;text-align:center;}
#content33{clear:both ;width:50%;margin: 20px auto 50px auto ;text-align:center;}
#content34{clear:both ;width:50%;margin: 0px auto 30px auto ;text-align:center;}
#content4{clear:both ;width:100%;margin: 20px auto 50px auto ;text-align:center;}
#content5{clear:both ;width:80%;margin: 20px auto 40px auto ;text-align:center;}


#news{
	width:100%;
	padding: 10px 0px 10px 0px;margin: 0px auto 0px auto ;
}

 #topics{
	width:100%;
	padding: 10px 0px 10px 0px;margin: 0px auto 0px auto ;
}
 
#box{
	color:#000;
	width:100%;
	height:200px;

	text-align:left;
	overflow:auto;
	margin: 0px auto 30px auto;
	padding: 0px 0px 20px 0px;
	
}

#box dl {
	width:100%;
	margin: 10px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	text-align:left;
	color:#000;
	font-size:80%;
}

#box dl dt {
	float: left;
	width: 6em;
	padding: 6px 0px ;
	line-height: 140%;
	color:#000;
}
#box dl dd {
	padding: 4px 0px 0px 3em;
	line-height: 140%;
	text-align:left;
	color:#000;
}

#box2{
	color:#000;
	width:100%;
	height:auto;
	text-align:left;
	overflow:auto;
	margin: 0px auto 10px auto;
	padding: 10px 0px 15px 0px;
 line-height: 180%;
}

#box2 dl {
	margin: 10px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	text-align:left;
	color:#000;
	font-size:100%;font-weight: 700

}

/*トップ*/


.content22{display: block;clear:both ; width:100%;text-align:left!important;margin: 50px auto 15px auto ;height:auto;padding: 0px 0px 10px 0px;line-height: 140%;font-size:100%;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

.content22_left{width:100%;line-height: 140%;text-align:center!important;font-size:100%;margin: 0px auto 15px auto ;}

.content22_right{width:100%;line-height: 140%;text-align:center!important;font-size:100%;margin: 0px auto 15px auto ;}


.titlea{background-color:#00418F;color:#FFF;padding: 10px 0px 10px 12px;margin: 0px auto 10px auto;border:1px solid #ccc;}

.titlea a:link { color:#fff;}
.titlea a:visited { color:#fff;}
.titlea a:hover { color: #fff; }
.titlea a:active { color:#fff;}

.titleb{padding: 20px 0px 20px 0px;margin: 0px auto 10px auto;border:2px solid #00418F;line-height: 160%;}

.cen{display: block;margin-left: auto;margin-right: auto;}

/*トップ*/

/*新築*/
.content6{width:96%;margin: 0px auto 30px auto ;}


#content_project{clear:both ;width:96%;margin: 5px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px;}

.content_left3{width:96%;text-align:center;padding: 10px 2% 10px 2%;margin: 0px auto 0px auto ;}
.content_right3{width:96%;text-align:left;padding: 10px 2% 10px 2%;line-height: 155%;font-size:80%;}

.project{width:90%;text-align:left;padding: 10px 2% 0px 2%;margin: 20px auto 5px auto ;}
.project_left{width:96%;text-align:left;padding: 10px 2% 0px 2%;margin: 0px auto 5px auto ;}

.project h3{letter-spacing: 2px;font-weight: 600;color:#3f3b3a;font-size:100%;margin: 0px auto 0px auto ;}
.project2{width:90%;text-align:left;padding: 15px 2% 0px 2%;margin: 0px auto 0px auto ;border-top:1px solid #ccc;line-height: 155%;font-size:90%;}

.topbox_navi3{width:100%;line-height:300%;font-size:14px; text-align:center;color:#fff;background-color:#000;height: 40px;display:block;margin: 20px 0 0px 0 ;}

.f12 {color: #333333;line-height: 150%;font-size:80%;}

/*新築*/


/*中古物件*/

#used{clear:both ;margin: 5px auto 0px auto ;height:auto;text-align:left;padding: 30px 0px 0px 0px;}
.used{width:96%;text-align:left;padding: 10px 2% 0px 2%;margin: 0px auto 5px auto ;}

.used h3{letter-spacing: 2px;font-weight: 600;color:#3f3b3a;font-size:100%;margin: 0px auto 0px auto ;}
.used2{width:96%;text-align:left;padding: 0px 2% 0px 2%;margin: 0px auto 0px auto ;border-top:1px solid #ccc;line-height: 140%;font-size:100%;}
.used3{clear:both;width:96%;text-align:left;padding: 15px 2% 0px 2%;margin: 0px auto 0px auto ;line-height: 165%;font-size:100%;}
.used_left{width:96%;text-align:center;padding: 10px 2% 10px 2%;margin: 0px auto 0px auto ;}
.used_right{width:96%;text-align:left;padding: 10px 2% 10px 2%;}

.used_left22{width:96%;text-align:left;padding: 0px 2% 10px 2%;margin: 0px auto 0px auto ;border-bottom:1px solid #ccc;}
.used_right22{width:96%;text-align:left;padding: 10px 2% 10px 2%;line-height: 165%;font-size:75%;}

.topbox_navi4{width:100%;line-height:300%;font-size:10px; text-align:center;color:#fff;background-color:#000;height: 30px;display:block;margin: 0px 0 0px 0 ;}

/*中古物件*/


/*賃貸*/
#forrent{clear:both ;margin: 5px auto 0px auto ;height:auto;text-align:left;padding: 10px 0px 0px 0px;}
.forrent{text-align:left;width:96%;padding: 0px 2% 0px 2%;margin: 0px 0px 0px 0px ;font-size:100%}
.forrent_left{float:left;width:96%;text-align:center;padding: 10px 2% 10px 2%;margin: 0px 0px 0px 0px ;font-size:80%}
.forrent_right{float:left;width:96%;text-align:center;padding: 10px 2% 10px 2%;margin: 0px 0px 0px 0px ;font-size:80%}

.forrent_left h3{letter-spacing: 2px;font-weight: 500;color:#3f3b3a;font-size:120%;margin: 0px auto 0px auto ;}
.forrent_right h3{letter-spacing: 2px;font-weight: 500;color:#3f3b3a;font-size:120%;margin: 0px auto 0px auto ;}
.topbox_navi5{float:left;width:96%;line-height:300%;font-size:10px; text-align:center;color:#fff;background-color:#000;height: 30px;display:block;margin: 0px 0 0px 0 ;}
/*賃貸*/


/*販売実績*/
#result{clear:both ;margin: 5px auto 0px auto ;height:auto;text-align:left;padding: 30px 0px 0px 0px;}
.result{text-align:left;padding: 0px 0px 10px 0px;margin: 0px 20px 0px 0px ;font-size:110%}
.result2{width:96%;text-align:center;padding: 50px 2% 50px 2%;margin: 0px 0px 0px 0px ;font-size:100%}
.result_left{width:96%;text-align:left;padding: 10px 2% 10px 2%;margin: 0px 0px 0px 0px ;font-size:80%;}
.result_right{width:96%;text-align:left;padding: 10px 2% 10px 2%;margin: 0px 0px 0px 0px ;font-size:80%;}
.result_title{width:96%;margin: 0px auto 0px 0 ;text-align:left;box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);padding: 10px 2% 10px 2%;font-size:110%}
.result_title2{width:96%;margin: 0px 0px 0px auto ;text-align:left;box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);padding: 10px 2% 10px 2%;font-size:110%}

.font_result{letter-spacing:0px;font-size:200%;font-weight: 500;}
.result2{text-align:center;padding: 0px 0px 20px 0px;margin: 0px 0px 0px 0px ;}

/*販売実績*/



/*会社案内*/

.company_outline{width:100%;text-align:left;padding: 10px 0 0px 0;margin: 10px 0px 0px 0px ;font-size:90%;}
.access{width:96%;text-align:right;padding: 0px 2% 20px 2%;margin: 0px 0px 0px 0px ;color:#5a5858}
.map{width:96%;text-align:center;padding: 20px 0% 20px 0%;margin: 0px auto 0px auto ;}
.company2{width:96%;text-align:left;padding: 20px 2% 0px 2%;margin: 0px 10px 0px 0px ;border-top:1px solid #ccc;font-size:90%;}
.history{width:100%;text-align:center;padding: 30px 0 10px 0;margin: 0px 10px 0px 0px ;}
.company_font{color:#5a5858}
.message{width:98%;text-align:left;padding: 20px 0px 20px 0px;margin: 0px 0px 0px 0px ;font-size:90%; line-height: 160%;}

/*会社案内*/
.company{clear:both ;width:100%;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 5px 0px;font-size:80%;}
.table {width:100%;margin:0px auto 15px auto;padding:0px;border-collapse:separate;border-spacing:0px;text-align: left;color:#fff;text-align:bottom;font-size:95%}
.table th {width:28%;padding:10px 2px 6px 10px;text-align:left;vertical-align:top;background-color:#E7E7E7;
font-weight:normal}
.table td {padding:10px 2px 6px 10px;border-top:1px solid #ccc;background-color:#FFF;color:#000}
.map{width:100%;text-align:center;padding: 30px 0% 30px 0%;margin: 0px auto 0px auto ;}
.map_left{width:90%;text-align:left;padding: 0px 0% 30px 0%;margin: 0px auto 0px auto ;}
.map_right{width:90%;text-align:left;padding: 0px 0% 30px 0%;margin: 0px auto 0px auto ;line-height: 180%;}
/*会社案内*/


.topbox_navi5 a:link { color:#fff;}
.topbox_navi5 a:visited { color:#fff;}
.topbox_navi5 a:hover { color: #009FB9; }
.topbox_navi5 a:active { color:#fff;}
.topbox_navi4 a:link { color:#fff;}
.topbox_navi4 a:visited { color:#fff;}
.topbox_navi4 a:hover { color: #009FB9; }
.topbox_navi4 a:active { color:#fff;}
.topbox_navi3 a:link { color:#fff;}
.topbox_navi3 a:visited { color:#fff;}
.topbox_navi3 a:hover { color: #009FB9; }
.topbox_navi3 a:active { color:#fff;}
.topbox_navi2 a:link { color:#fff;}
.topbox_navi2 a:visited { color:#fff;}
.topbox_navi2 a:hover { color: #009FB9; }
.topbox_navi2 a:active { color:#fff;}
.topbox_navi a:link { color:#fff;}
.topbox_navi a:visited { color:#fff;}
.topbox_navi a:hover { color: #009FB9; }
.topbox_navi a:active { color:#fff;}




menu,ol,ul {padding: 0 0 0 0; }

nav ul,nav ol {list-style: none;list-style-image: none; }




.header {padding: 0 0 0 0;margin: 0; z-index:1;display: block;width: 100%;height: auto; position: fixed;top: 0px;left:0;text-align:left;background-color:#fff;box-shadow: 0px 2px 2px #666;}

.header h1 {font-size: 2em;margin: 0 0; }

#toptitle{ line-height: 170%;color:#003e86;}

#topmain{margin: 60px auto 0px;width:100%;height: auto;text-align:center;background-color:#003e86;}

#titletop{margin: 80px auto 0px;width:100%;height: auto;text-align:center;}

#titletop h2{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}

.titletop2{border-left: 3px solid #00418F;padding: 1px 0px 1px 12px;margin: 0px auto 10px auto;line-height: 140%;font-size:100%;}

/*初回分*/


#topinfo{padding: 0px 3% 10px 3%;margin: 10px 2% 10px 2%;border:2px solid #00418F;width:88%;height:auto;}

.contenttest{clear:both ;width:94%;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 20px 0px;}

.contenttest{clear:both ;width:94%;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 20px 0px;}
#titletop2{margin: 22px auto 20px;width:100%;height: auto;text-align:center;}
#titletop2 h2{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;color:#00418F;line-height: 150%;font-size:140%;}


#titletop3{margin: 40px auto 0px;width:100%;height: auto;text-align:center;}
#titletop3 h2{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}

#topbanner{margin: 10px auto 20px;width:90%;height: auto;text-align:center;}



.font_result{letter-spacing:0px;font-size:150%;font-weight: 500;margin: 0px 0px 50px 0px;}



/*リクルート*/
.recruit{width:100%;text-align:left;padding: 10px 0px 20px 0px;margin: 10px 0px 0px 0px ;font-size:90%;border-top:1px solid #ccc;}

.recruit2{width:100%;text-align:left;padding: 10px 0px 20px 0px;margin: 10px 0px 0px 0px ;font-size:90%;border-top:1px solid #ccc;}

.recruit2 dl {
	clear:both;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	text-align:left;
	color:#000;
	font-size:100%;
}

.recruit2 dl dt {
padding: 10px 0px 10px 0px;
width: 100%;
	line-height: 100%;
	color:#fff;
	background-color:#B5B6B6;
	text-align:center;
	height: auto;
}
.recruit2 dl dd {
	width: 100%;
	padding: 10px 0px 10px 0px;
	text-align:left;
	color:#000;
	line-height: 150%;
	height: auto;
	margin: 0px 0px 0px 0px;
}



.recruit2 dl {
	clear:both;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	text-align:left;
	color:#000;
	font-size:100%;
}

.recruit dl dt {
padding: 10px 0px 10px 0px;
width: 100%;
	line-height: 100%;
	color:#fff;
	background-color:#B5B6B6;
	text-align:center;
	height: auto;
}
.recruit dl dd {
	width: 100%;
	padding: 10px 0px 10px 0px;
	text-align:left;
	color:#000;
	line-height: 150%;
	height: auto;
	margin: 0px 0px 0px 0px;
}

/*フォームタイトル*/
.formtitle{width: 100%;
background-color:#009FB9;
color:#FFFFFF;
padding: 5px 0px 5px 0%;
text-align:center;
 
}


.test{clear:both ;width:100%;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 10px 0px;line-height: 160%;font-size:15px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}


/*プライバシーポリシー*/

.privacy{clear:both ;width:100%;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 10px 0px;line-height: 160%;font-size:90%;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

.privacy_right{float:right;text-align:right;font-size:85%}

.privacy dl {margin: 0px auto 0px auto;}

.privacy dl dd{margin: 10px auto 20px auto;}

.privacy ul li{margin: 20px auto 0px auto;}

.privacy h3{font-size:100%}


/* ------------------------------
 フッターナビ
------------------------------ */

ul{list-style: none;margin: 0;padding: 0;}
li{list-style: none;margin: 0;padding: 0;}

#submenu {width: 100%;margin: 0 0 10px;padding: 0;border-top: 1px solid #aaa;font-size: 13px;list-style-type: none;}
#submenu:after {content: "";clear: both;display: block;}
#submenu li {float: left;width: 50%;background: #ccc;text-align: center;border-bottom: 1px solid #aaa;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;color: #fff;}
#submenu li:nth-child(odd) {border-right: 1px solid #aaa;}
#submenu li:nth-child(1) {border-top: 1px solid #aaa;}
#submenu li:nth-child(2) {border-top: 1px solid #aaa;}
#submenu a {display: block;color: #000;text-decoration: none;background: #e6e6e6;}
#submenu a:hover {color: #000;background: #ccc;}

/* ------------------------------
 フッター
------------------------------ */


	
#footer{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0px auto;
	text-align: center;
    padding: 0px 0px 5px 0px;
	background-color:#003e86;
	color:#CCC

}

.footer2{
	clear: both;
	width: 96%;
	height: auto;
	margin: 0px auto;
	text-align: left;
    padding: 0px 2% 5px 2%;
	background-color:#003e86;
	font-size:100%;
	color:#CCC;
line-height: 160%;
}

.footer2 h3{color:#CCC;font-size:100%;margin: 30px auto 10px auto ;}



.copyright{
	height: auto;
	margin: 0px auto;
	text-align: center;
	background-color:#003e86;
	font-size:11px;
	color:#CCC

}


/**************
## Container ##
**************/
.pure-container {
  position: relative;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  z-index:99
    }


/*右側本文*/
/*********************
## Pusher Container ##
*********************/
.pure-pusher-container {
	position: relative;
	height: 100%;
	padding: 20px 0 0 0;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	z-index:99
  
  }

.content2{clear:both ;width:100%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;}

#footer{
	width: 100%;
	margin: 0 auto;
	height: auto;
	text-align:center;
	padding: 5px 0px 5px 0px;
	

}

.footer2 a:link { color:#ccc;}
.footer2 a:visited { color:#ccc;}
.footer2 a:hover { color: #ccc; }
.footer2 a:active { color:#ccc;}

.renova{
	clear:both;padding: 50px 0px 0px 0px;margin: 0px auto 10px auto;text-align:center}



.br-s2 { display:none; }
#page-top a{display: none;}
.headertop{display: none;}
.gnavibg {display: none;}
.gnavi2 {display: none;}
.br-pc { display:none; }
.pc { display:none; }

}



/*PC*/
@media print, screen and (min-width:641px){

.kyuka{width:76%;margin: 10px auto 10px auto;font-size: 98%;font-weight: 700 }

body {min-width:1100px;font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku;animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;color:#333;width:100%;margin: 0 auto}

.br-pc { display:block; }

.fade {
  transition: opacity 1.5s;
  -moz-transition: opacity 1.5s;
  -webkit-transition: opacity 1.5s;
  -o-transition: opacity 1.5s;
}


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

/* ------------------------------
ボタン
------------------------------ */


ul{list-style: none;margin: 0;padding: 0;}
li{list-style: none;margin: 0;padding: 0;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
h1{margin: 0px auto 0px auto;font-size:10px;padding: 0px 0px 0px 0px;text-align:left;color:#444;font-weight : normal;}

h3{color:#00418F; margin: 20px auto 20px auto;font-size:140% }
h4{color:#00418F; margin: 20px auto 0px auto; font-size:120% }


.line1 {display: block;width: 100%;height: 2px;background-color: #00418F;border: 0; }

.fontline { font-size:180% }

.f12 {color: #333333;line-height: 150%;font-size:12px;}
.f11 {color: #333333;line-height: 150%;font-size:11px;}
.f10 {color: #333333;line-height: 150%;font-size:10px;}
 
 
img { max-width: 100%; height: auto;margin: 0px auto 0px;padding: 0px 0px 0px 0px;vertical-align: bottom;-webkit-backface-visibility: hidden; backface-visibility:hidden;}


/* ヘッダー*/
#header{margin: 0px auto 0px;width:100%;height: auto;text-align:center;}
  
.headertop{margin: 0px auto 0px;width: 980px;height: auto; height: 85px;}


.hdrleft{float: left;width: 370px;height: auto;text-align:left;padding: 15px 0px 0px 0px;}

.hdrright {float: right;width:300px;margin: 30px 0px 0px auto;height:auto}
.hdrright ul{list-style: none;padding: 10px 0px 0px 0px;margin: 0px; }
.hdrright li {float: right;text-align: center;list-style: none;margin: 0px 10px 0px 3px;}

.hdrright2 {float: right;width:130px;margin: 0px 0px 0px auto;height:85px;text-align:right;padding: 0px 0px 0px 0px;}

/* グローバルナビ*/
.gnavibg {width:100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px; height:57px;background-color:#df600e }
.gnavibgtop {width:100%;margin: 0px auto 0px auto;padding: 10px 0px 5px 0px; height:45px;background-color:#df600e }

.gnavi2 {width:980px;height:48px;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;}
.gnavi2 ul{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px; }
.gnavi2 li{display: inline-block;text-align: center;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px; width:16%;}

.gnavi2 {width:980px;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;}

.subnavi {width:980px;margin: 40px auto 20px auto;}
.subnavi:after {content: "";clear: both;display: block;}
.subnavi li {float: left;width: 24.2%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;font-size:90%;border: 1px solid #ccc;background-color: #00418F;color:#fff;margin: 0px 0.5% 0px auto;}
.subnavi a {display: block;text-decoration: none;background-color: #fff;color: #000;}

.subnavi1 {width:980px;margin: 20px auto 10px auto;}
.subnavi1:after {content: "";clear: both;display: block;}
.subnavi1 li {float: left;width: 19.4%;font-size:80%!important;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;font-size:90%;border: 1px solid #ccc;background-color: #7EC0DB;color: #fff;margin: 0px 0.4% 0px auto;}
.subnavi1 a {display: block;text-decoration: none;background-color: #fff;color: #000;}


.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #00418F;
  color: white;
}

.hvr-fade2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-fade2:hover, .hvr-fade2:focus, .hvr-fade2:active {
  background-color: #7EC0DB;
  color: white;
}


.formtitle{width: 99%;
background-color:#009FB9;
color:#FFFFFF;
padding: 5px 0px 5px 1%;
 
}


/* ホバーアクション */

a img.opacity,
.hoverimg a img{
    -webkit-transition: all .5s;
    transition: all .5s;
}

.hoverimg a:hover img{
    opacity:0.7;
}

a:hover img.hoverimg{
    opacity:1;
}

.center{
 display: block;
 margin-left: auto;
 margin-right: auto;
 clear:both
}


#topmain{margin: 0px auto 20px auto;width:100%;height: auto;text-align:center;background-color:#003e86;padding: 10px 0px 50px 0px;}

#toptitle{margin: 0px auto 20px auto;width:100%;height: auto;text-align:center;background-color:#003e86;padding: 30px 0px 40px 0px;}

.topmain li {
   list-style: none;  
    display:  inline-block; 
	margin: 10px 15px 20px auto;/* インラインブロック要素にする */
    width: 482px;               /* 幅指定 */
    vertical-align:  middle;    /* 要素を上下中央で揃える */
}


#titletop{margin: 0px auto 0px;width:980px;height: auto;text-align:center;color:#FFFFFF}

#titletop h2{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}

.titletop2{border-left: 3px solid #00418F;padding: 1px 0px 1px 12px;margin: 0px auto 10px auto}

#titletop2{margin: 50px auto 20px;width:980px;height: auto;text-align:center;}

#titletop2 h2{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;color:#00418F;}

#titletop3{margin: 50px auto 20px;width:980px;height: auto;text-align:center;}

#titletop3 h2{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;color:#00418F;}


#topbanner{margin: 10px auto 20px;width:100%;height: auto;text-align:center;}

.recordnavi{clear:both;width:980px;padding:2px 0px 10px 0px;margin: 0px auto 0px auto ;}

.privacy2{width:780px;padding:20px 0px 10px 0px;margin: 0px auto 0px auto ;}
.privacy2 dl{font-size:100%;line-height:150%;}
.privacy2 dl dt{font-size:100%;line-height:150%;margin: 15px auto 0px auto ;}
.privacy2 p{font-size:95%;line-height:150%;}
.privacy2 h3{font-size:110%;line-height:150%;}
/* ＴＯＰスライド*/


#slider{margin:0 auto 0 auto; padding:0;width: 1210px;}

#slider2{margin:0 auto 0 auto; padding:0;width: 1210px;}
 
 #slider3{margin:0 auto 0 auto; padding:0;width: 1210px;}

.bx-wrapper{margin:0 auto 0 auto;  padding:0;height:auto;width: 1210px;}


/*コンテント*/

#content{clear:both ;width:980px;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 20px 0px 30px 0px;}
#content2{clear:both ;width:980px;margin: 20px auto 40px auto ;text-align:center;box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);padding: 10px 15px 30px 15px;}
#content2 ul{list-style: none;padding: 10px 0px 0px 0px;margin: 0px; }
#content2 li {float: right;text-align: center;list-style: none;margin: 0px 10px 0px 3px;}

#content3{clear:both ;width:800px;margin: 0px auto 50px auto ;text-align:center;}
#content33{clear:both ;width:800px;margin: 0px auto 50px auto ;text-align:center;}
#content34{clear:both ;width:800px;margin: 20px auto 30px auto ;text-align:center;}
#content4{clear:both ;width:800px;margin: 20px auto 50px auto ;text-align:center;}
#content5{clear:both ;width:800px;margin: 20px auto 50px auto ;text-align:center;}


/*top*/
.content_left{float:left;width:285px;margin: 0px 18px 0px auto ;text-align:center;box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);padding: 17px 15px 10px 15px;}
.content_left11{float:left;width:285px;margin: 0px 0px 14px auto ;text-align:center;box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);padding: 17px 15px 10px 15px;}
.content_left1{float:left;width:285px;margin: 0px 17px 0px auto ;text-align:center;padding: 0px 0% 0px 0%;}
.content_left2{width:286px;text-align:center;box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);padding: 17px 15px 10px 15px;margin: 0px auto 36px auto ;}
.content_right{float:right;width:286px;text-align:center;box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);;padding: 17px 15px 10px 15px;}
.content_right1{float:right;width:auto;}
.content_right11{float:right;width:286px;}


.topbox{clear:both ;width:100%;line-height:130%;font-size:12px; text-align:left;margin: 0px auto 0px auto ;color:#666;padding: 0px 0px 30px 0px;}
.topbox p{margin: 0px auto 15px auto ;}
.topbox2{clear:both ;width:100%;line-height:130%;font-size:12px; text-align:left;margin: 0px auto 0px auto ;color:#666}
.topbox_navi{width:33%;line-height:190%;font-size:11px; text-align:center;color:#fff;background-color:#666;height: 20px;display:block;margin: 10px 0 0px 0 ;}
.topbox_navi2{width:33%;line-height:190%;font-size:11px; text-align:center;color:#fff;background-color:#666;height: 20px;display:block;margin: 10px 0 0px 0 ;}
.topbox h3{font-size:13px;color:#666;margin: 0px auto 0px auto}
.topbox2 h3{font-size:13px;color:#666;margin: 0px auto 0px auto}


/*新築物件・自社物件*/
.content6{clear:both ;width:980px;margin: 0px auto 60px auto ;}
#content_project{clear:both ;width:980px;margin: 5px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px;}

.content_left3{float:left;width:620px;text-align:center;padding: 10px 0px 10px 0px;margin: 0px auto 0px auto ;}
.content_right3{float:right;width:340px;text-align:left;padding: 10px 0px 10px 0px;line-height: 165%;font-size:75%;}

.project{width:980px;text-align:left;padding: 10px 0px 0px 0px;margin: 50px auto 5px auto ;}
.project_left{float:left;width:880px;text-align:left;padding: 10px 0px 0px 0px;margin: 0px auto 5px auto ;}
.project_right{float:right;width:80px;text-align:left;padding: 10px 10px 0px 10px;}

.project h3{letter-spacing: 2px;font-weight: 600;color:#3f3b3a;font-size:125%;margin: 0px auto 0px auto ;}
.project2{width:980px;text-align:left;padding: 15px 0px 0px 0px;margin: 0px auto 0px auto ;border-top:2px solid #ccc;line-height: 165%;font-size:100%;}

.topbox_navi3{float:right;width:25%;line-height:190%;font-size:10px; text-align:center;color:#fff;background-color:#000;height: 20px;display:block;margin: 0px 0 0px 0 ;}


.topbox_navi5 a:link { color:#fff;}
.topbox_navi5 a:visited { color:#fff;}
.topbox_navi5 a:hover { color: #009FB9; }
.topbox_navi5 a:active { color:#fff;}
.topbox_navi4 a:link { color:#fff;}
.topbox_navi4 a:visited { color:#fff;}
.topbox_navi4 a:hover { color: #009FB9; }
.topbox_navi4 a:active { color:#fff;}
.topbox_navi3 a:link { color:#fff;}
.topbox_navi3 a:visited { color:#fff;}
.topbox_navi3 a:hover { color: #009FB9; }
.topbox_navi3 a:active { color:#fff;}
.topbox_navi2 a:link { color:#fff;}
.topbox_navi2 a:visited { color:#fff;}
.topbox_navi2 a:hover { color: #009FB9; }
.topbox_navi2 a:active { color:#fff;}
.topbox_navi a:link { color:#fff;}
.topbox_navi a:visited { color:#fff;}
.topbox_navi a:hover { color: #009FB9; }
.topbox_navi a:active { color:#fff;}

/*新築物件・自社物件*/


/*中古物件*/

#used{clear:both ;margin: 5px auto 0px auto ;height:auto;text-align:left;padding: 30px 0px 0px 0px;}
.used{width:100%;text-align:left;padding: px 0px 0px 0px;margin: 0px auto 5px auto ;}

.used h3{letter-spacing: 2px;font-weight: 600;color:#3f3b3a;font-size:125%;margin: 0px auto 0px auto ;}
.used2{width:100%;text-align:left;padding: 5px 0px 0px 0px;margin: 0px auto 0px auto ;border-top:2px solid #ccc;line-height: 165%;font-size:100%;}
.used_left{float:left;width:250px;text-align:center;padding: 10px 0px 10px 0px;margin: 0px auto 0px auto ;}
.used_right{float:right;width:700px;text-align:left;padding: 10px 0px 10px 0px;}

.used_left22{float:left;width:48%;;height:140px;text-align:left;padding: 10px 0px 10px 0px;margin: 0px auto 0px auto ;border-right:1px solid #ccc;font-size:85%;}
.used_right22{float:right;width:49%;text-align:left;padding: 10px 0px 10px 0px;line-height: 165%;font-size:75%;}

.topbox_navi4{float:right;width:15%;line-height:300%;font-size:10px; text-align:center;color:#fff;background-color:#000;height: 30px;display:block;margin: 0px 0 0px 0 ;}

/*中古物件*/

/*賃貸*/
#forrent{clear:both;margin: 5px auto 0px auto ;height:auto;text-align:left;padding: 30px 0px 0px 0px;}
.forrent{text-align:left;padding: 0px 0px 10px 0px;margin: 0px 20px 0px 0px ;font-size:110%}
.forrent_left{float:left;width:30%;text-align:center;padding: 10px 0px 10px 0px;margin: 0px 45px 0px 0px ;font-size:80%}
.forrent_right{float:left;width:30%;text-align:center;padding: 10px 0px 10px 0px;margin: 0px 0px 0px 0px ;font-size:80%}

.forrent_left h3{letter-spacing: 2px;font-weight: 500;color:#3f3b3a;font-size:120%;margin: 0px auto 0px auto ;}
.forrent_right h3{letter-spacing: 2px;font-weight: 500;color:#3f3b3a;font-size:120%;margin: 0px auto 0px auto ;}
.topbox_navi5{float:left;width:30%;line-height:300%;font-size:10px; text-align:center;color:#fff;background-color:#000;height: 30px;display:block;margin: 0px 0 0px 0 ;}
/*賃貸*/


/*販売実績*/
#result{clear:both ;margin: 5px auto 0px auto ;height:auto;text-align:left;padding: 30px 0px 0px 0px;}
.result{text-align:left;padding: 0px 0px 10px 0px;margin: 0px 20px 0px 0px ;font-size:110%}
.result2{text-align:center;padding: 50px 0px 50px 0px;margin: 0px 0px 0px 0px ;font-size:100%}
.result_left{float:left;width:65%;text-align:left;padding: 10px 0px 10px 0px;margin: 0px 0px 0px 0px ;font-size:80%;}
.result_right{float:left;width:32%;text-align:center;padding: 10px 0px 10px 25px;margin: 0px 0px 0px 0px ;font-size:80%;border-left:2px dotted #ccc;}
.result_title{width:92%;margin: 0px auto 0px 0 ;text-align:left;box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);padding: 10px 10px 10px 10px;font-size:110%}
.result_title2{width:92%;margin: 0px 0px 0px auto ;text-align:left;box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);padding: 10px 10px 10px 10px;font-size:110%}
.font_result{letter-spacing:7px;font-size:300%;font-weight: 500;}

/*販売実績*/


/*会社案内*/
.company{width:980px;text-align:left;padding: 20px 0px 20px 0px;margin: 0px 10px 0px 0px ;}
.company_outline{width:75%;text-align:left;padding: 30px 0px 30px 0px;margin: 10px auto 40px auto ;font-size:90%;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.company_outline2{width:75%;text-align:left;padding: 30px 0px 0px 0px;margin: 10px auto 0px auto ;}
.company_outline_left{float:left;width:50%;text-align:left;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px ;}
.company_outline_right{float:right;width:50%;text-align:left;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px ;}
.access{text-align:right;padding: 0px 0px 10px 0px;margin: 0px 0px 0px 0px ;color:#5a5858}
.company2{width:980px;text-align:left;padding: 20px 0px 20px 0px;margin: 0px 10px 0px 0px ;border-top:1px solid #ccc;font-size:90%;}
.history{width:980px;text-align:center;padding: 30px 0px 30px 0px;margin: 0px 10px 0px 0px ;}
.company_font{color:#5a5858}
.message{width:980px;text-align:center;padding: 0px 0px 20px 0px;margin: 0px 10px 0px 0px ;}
.min{
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 160%;font-size:98%;
 
}


.widthtop{width:45%;padding: 0px 0px 30px 0px;}



/*会社案内*/
.map{width:100%;text-align:center;padding: 30px 0% 30px 0%;margin: 0px auto 0px auto ;}
.map_left{float:left;width:58%;text-align:left;padding: 0px 0% 30px 0%;margin: 0px auto 0px auto ;}
.map_right{float:right;width:40%;text-align:left;padding: 0px 0% 30px 0%;margin: 0px auto 0px auto ;line-height: 180%;}

/*リノベーション*/
.renovation{width:980px;text-align:left;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px ;font-size:110%}
.renovation_left{float:left;width:494px;text-align:left;padding: 10px 0px 0px 0px;margin: 0px 0px 0px 0px ;font-size:100%}
.renovation_right{float:right;width:453px;text-align:left;padding: 10px 0px 0px 0px;margin: 0px 0px 0px 0px ;font-size:100%}



/*リクルート*/
.recruit{width:100%;text-align:left;padding: 15px 0px 30px 0px;margin: 10px 0px 0px 0px ;font-size:90%;border-top:1px solid #ccc;line-height: 170%;}
.recruit2{width:100%;text-align:left;padding: 10px 0px 30px 0px;margin: 10px 0px 30px 0px ;font-size:90%;border-top:1px solid #ccc;line-height: 100%;}
.recruit dl {
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 0px 0px;
	text-align:left;
	color:#000;
	font-size:100%;
}

.recruit dl dt {
	float: left;
	width: 12em;
	padding: 23px 20px 0px 20px;
	line-height: 100%;
	color:#fff;
	background-color:#B5B6B6;
	text-align:center;
	height: 40px;
}
.recruit dl dd {
	padding: 2px 0px 0px 13em;
	text-align:left;
	color:#000;
	line-height: 150%;
	height: 40px;
}


.recruit2 dl {
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 0px 0px;
	text-align:left;
	color:#000;
	font-size:100%;
}

.recruit2 dl dt {
	float: left;
	width: 12em;
	padding: 23px 20px 0px 20px;
	line-height: 100%;
	color:#fff;
	background-color:#B5B6B6;
	text-align:center;
	height: 40px;
}
.recruit2 dl dd {
	padding: 2px 0px 0px 13em;
	text-align:left;
	color:#000;
	line-height: 150%;
	height: 40px;
}



/*リクルート*/



.right{float:right;margin: 0 0px 0px 10px;}
.left{float:left;margin: 0 10px 0px 0;}
.left2{float:left;width: 45%;margin: 0 10px 0px 0;}
.right7{float:right;width:auto;padding: 10px 0px 0px 0px;text-align:right}
.left3{float:left;margin: 0 10px 0px 0;}
.right2{float:right;margin: 0 0px 0px 10px;}

.content2{clear:both ;width:980px;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 10px 0px 10px 0px;line-height: 160%;font-size:16px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}


.content2_left{float:left;width:48%;line-height: 160%;font-size:16px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.content2_right{float:right;width:48%;line-height: 160%;margin: 0px auto 40px auto ;font-size:16px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

.content2_left h4{color:#00418F; margin: 20px auto 0px auto; font-size:110% }

.content2_right h4{color:#00418F; margin: 20px auto 0px auto; font-size:110% }



/*トップ*/

.content22{clear:both ;width:980px;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 10px 0px 0px 0px;line-height: 160%;font-size:16px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

.content22_left{float:left;width:48%;line-height: 160%;padding: 0px 0px 0px 0px;text-align:center;font-size:16px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;}
.content22_right{float:right;width:48%;line-height: 160%;text-align:center;margin: 0px auto 20px auto ;font-size:16px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;}

.content22_left h4{color:#00418F; margin: 20px auto 0px auto; font-size:110% ;}

.content22_right h4{color:#00418F; margin: 20px auto 0px auto; font-size:110% ;}


#titletop2{margin: 40px auto 30px auto;width:100%;height: auto;text-align:center;}

#titletop2 h2{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;color:#00418F;line-height: 150%;font-size:140%;}

#titletop3{margin: 40px auto 0px;width:100%;height: auto;text-align:center;}

#titletop3 h2{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;color:#00418F;line-height: 150%;font-size:140%;}

.titlea{background-color:#00418F;color:#FFF;padding: 10px 0px 10px 12px;margin: 0px auto 10px auto;border:1px solid #ccc;}

.titlea a:link { color:#fff;}
.titlea a:visited { color:#fff;}
.titlea a:hover { color: #fff; }
.titlea a:active { color:#fff;}

.titleb{padding: 20px 30px 20px 30px;margin: 0px auto 10px auto;border:2px solid #00418F;min-height: 220px;}

#topinfo{padding: 10px 50px 10px 50px;margin: 50px auto 50px auto;border:2px solid #00418F;width:850px;height:auto;}

.test{clear:both ;width:850px;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 10px 0px 10px 0px;line-height: 160%;font-size:16px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}


.test2{clear:both ;width:850px;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 20px 0px 20px 0px;line-height: 160%;font-size:16px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}


.line1 {display: block;width: 100%;height: 2px;background-color: #00418F;border: 0; }




/*トップ*/

/*プライバシーポリシー*/

.privacy{clear:both ;width:980px;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 10px 0px;line-height: 160%;font-size:16px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

.privacy_right{float:right;width:346px;text-align:right}
.privacy dl {margin: 0px auto 0px auto;font-size:16px}
.privacy dl dd{margin: 10px auto 20px auto;font-size:16px}
.privacy ul li{margin: 20px auto 0px auto;font-size:16px}
.privacy h3{font-size:18px}


.renova{
	clear:both;width:920px;padding: 20px 30px 20px 30px;margin: 0px auto 10px auto;text-align:center}


#box{
	color:#000;
	width:730px;
	height:200px;
	text-align:left;
	overflow:auto;
	margin: 0px auto 50px auto;
	padding: 10px 0px 15px 0px;
	
}

#box dl {
	margin: 10px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	text-align:left;
	color:#000;
	font-size:100%;
}

#box dl dt {
	float: left;
	width: 7em;
	padding: 7px 0px ;
	font-weight: bold;
	line-height: 100%;
	color:#000;
}
#box dl dd {
	padding: 0px 0px 0px 5em;
	line-height: 160%;
	text-align:left;
	color:#000;
}

 
 
 #box2{
	color:#000;
	width:730px;
	height:auto;
	text-align:left;
	overflow:auto;
	margin: 0px auto 10px auto;
	padding: 10px 0px 15px 0px;
 line-height: 200%;
}

#box2 dl {
	margin: 10px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	text-align:left;
	color:#000;
	font-size:120%;font-weight: 700;
 

}

#box2 dl dt {
	float: left;
	width: 7em;
	padding: 9px 0px ;
	font-weight: bold;
	line-height: 100%;
	color:#000;
}
#box2 dl dd {
	padding: 6px 0px 0px 5em;
	line-height: 120%;
	text-align:left;
	color:#000;
}

 
 
 

.b { margin: 0px; }
.b1 { margin: 1px; }
.b2 { margin-bottom: 2px; }
.b5 { margin-bottom: 5px; }
.b8 { margin-bottom: 8px; }
.b10 { margin-bottom:10px; }
.b15 { margin-bottom:15px; }
.b20 { margin-bottom:20px; }
.b25 { margin-bottom:25px; }
.b35 { margin-bottom:35px; }

.t { margin-top: 0px; }
.t1 { margin-top: 1px; }
.t5 { margin-top: 5px; }
.t10 { margin-top:10px; }
.t15 { margin-top:15px; }
.t20 { margin-top:20px; }
.t25 { margin-top:25px; }
.t35 { margin-top:25px; }
.t45 { margin-top:45px; }

.l15 { margin-left: 15px; }

/*フッターナビ*/

#submenubg{
	clear: both;
	width: 100%;
	height: 15px;
	padding: 10px 0px 20px 0px;
	text-align:center;
	margin: 0px auto;
	color:#009fb9;background-color:#df600e;
}

#submenu{
	clear: both;
	width: 1280px;
	height: 15px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	margin: 0px auto;
	color:#ccc;
}

#submenu a:link { color: #fff; }
#submenu a:visited { color: #ccc; }
#submenu a:hover { color: #ccc; }
#submenu a:active { color: #ccc; }




#submenu a{color:#fff;}
#submenu li{display: inline;font-size:11px;border-right:1px solid #fff;padding: 0px 5px;}

#submenu li:nth-child(1) {border-left: 1px solid #fff;}
#submenu li:nth-child(8) {border-right: 1px solid #fff;}



/* scroll */
#page-top {clear:both;position: fixed;bottom: 20px;right: 20px;font-size: 70%;z-index:99}
#page-top a {background-color:#929A94;text-decoration: none;color: #fff;font-weight:bold;width: auto;padding: 0px 0;text-align: center;display: block;z-index:99}
#page-top a:hover {text-decoration: none;background-color:#929A94;}



/*------------------------------------------------------*/
/*ホバーアクション*/
/*------------------------------------------------------*/

a img.opacity,.hoverimg a img{-webkit-transition: all .3s ease; transition: all .3s ease;}
.hoverimg a:hover img{opacity:0.7;}
a img.opacity:hover{opacity:0.3;}


/* ------------------------------
 フッター
------------------------------ */


	
#footer{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0px auto;
	text-align: center;
    padding: 5px 0px 5px 0px;
	background-color:#003e86;
	color:#CCC

}

.footer2{
	clear: both;
	width: 980px;
	height: auto;
	margin: 0px auto;
	text-align: left;
    padding: 5px 0px 5px 0px;
	background-color:#003e86;
	font-size:12px;
	color:#CCC

}

.footer2 h3{color:#CCC;font-size:12px;margin: 30px auto 10px auto ;}

.footer2 a:link { color:#ccc;}
.footer2 a:visited { color:#ccc;}
.footer2 a:hover { color: #ccc; }
.footer2 a:active { color:#ccc;}

.copyright{
	height: auto;
	margin: 0px auto;
	text-align: center;
	background-color:#003e86;
	font-size:11px;
	color:#CCC
}
.pc { display:block; }
.sp { display:none; }

.br-sp { display:none; }
.br-s { display:none; }
.pure-container{display: none;}
.submenu {display: none;}

}