@charset "utf-8";

@import url("reset.css");


/* -------------------------------
   BASE
------------------------------- */

.mt-10 {margin-top:-10px!important;}
.mt0 {margin-top:0px!important;}
.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt25 {margin-top:25px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mt60 {margin-top:60px!important;}
.mt70 {margin-top:70px!important;}
.mt80 {margin-top:80px!important;}
.mt90 {margin-top:90px!important;}
.mt100 {margin-top:100px!important;}
.mt120 {margin-top:120px!important;}
.mt150 {margin-top:150px!important;}
.mb40 {margin-bottom:40px!important};

.ml10 {margin-left:10px!important;}
.ml20 {margin-left:20px!important;}
.ml30 {margin-left:30px!important;}
.ml40 {margin-left:40px!important;}


.w50 {width:50px !important;}
.w150 {width:150px !important;}
.w100 {width:100px !important;}
.w200 {width:200px !important;}
.w280 {width:280px !important;}
.w350 {width:350px !important;}
.w450 {width:450px !important;}
.w460 {width:460px !important;}
.w560 {width:560px !important;}
.w580 {width:580px !important;}

.left { float:left;}
.right { float:right;}
.fNone { float:none!important;}

.tLeft { text-align:left!important;}
.tRight { text-align:right!important;}
.tCenter { text-align:center!important;}
.vTop { vertical-align:top!important;}

.nowrap { white-space:nowrap; }

.bold { font-weight:bold; }

.blue { color:#144398;}
.red { color:#A30035;}
.green { color:#AEC533;}
.pink { color:#FF6699;}

.f10 { font-size:10px!important;}
.f11 { font-size:11px!important;}
.f12 { font-size:12px!important;}
.f13 { font-size:13px!important;}
.f15 { font-size:15px!important;}
.f16 { font-size:16px!important;}
.f24 { font-size:24px!important;}

.block { display:block!important; }

.clear { clear:both; }


/* -------------------------------
   common
------------------------------- */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html {
}
body {
	font-size:14px;
	line-height:1.8;
	background:#FFF;
}
#wrap {
	width:100%;
	min-width:1000px;
	background:#FFF;
	overflow:hidden;
	background:url(../img/common/h_bg.jpg) center top repeat-x;
}
#container {
	width:1000px;
	margin:60px auto 0 auto;
}


/* -------------------------------
   header
------------------------------- */

#header {
	width:1000px;
	margin:0 auto;
	padding-top:8px;
}
#header #logo {
	float:left;
	width:380px;
	height:70px;
}
#header #hTel {
	float:right;
	width:508px;
}
#nav {
	clear:both;
	padding-top:11px;
}
#gNav li {
	float:left;
}



/* -------------------------------
   footer
------------------------------- */

#footer {
	background:#F6F6F6;
	border-top:2px solid #CCC;
	margin-top:60px;
}
#fCon {
	width:1000px;
	margin:-2px auto 0 auto;
	border-top:2px solid #0e386b;
	padding:20px 0 0 0;
}
#fCon #fLogo {
	float:left;
	width:380px;
	height:60px;
}
#fCon #pagetop {
	float:right;
	width:40px;
}
#fNav {
	float:right;
	padding:20px 20px 0 0;
	margin-left:-10px;
	display: table;
}
#fNav li {
	display: table-cell;
	padding:0 10px;
	border-right:1px solid #E8E8E8;
	line-height:1;
	text-align: center;
	vertical-align: middle;
}
#fNav li a {
	font-weight:bold;
	font-size:12px;
}
#copyright {
	padding:10px 0;
	border-top:1px solid #E8E8E8;
	text-align:center;
}

/* */

#fCon_site {
	clear:both;	
	width:1000px;
	margin:0 auto 0 auto;
	padding:0 0 50px 0;
}

#fCon_site {
	clear: both;
	padding-bottom: 20px;
	width: 1000px;
	font-size: 12px;
}
#fCon_site h4 {
	padding-top: 23px;
	float: left;
	margin-right: 30px;
}
#fCon_site ul {
	float: left;
	margin: 20px 25px 0 0;
	height: 65px;
	padding-right: 30px;
	border-right: 1px solid #dadada;
}
#fCon_site ul.nobdr {
	margin-top: 20px !important;
}

#fCon_site li {
	padding-right: 35px;
	line-height: 170%;
	background: url(../img/footer/icon-arrow.gif) no-repeat right;
}


/* */

#fCon_lsite {
	clear:both;	
	width:738px;
	margin:0 auto 0 auto;
	padding:0 0 50px 0;
}

#fCon_lsite ul {
	margin: 20px 0 0 0;
	height: 40px;
}

#fCon_lsite li {
	width:240px;
	line-height: 140%;
	float:left;
	font-size:11px;
}

#fCon_lsite li img {
	display:block;
	float:left;
	margin-right:10px;
}

#fCon_lsite li:last-child {
	width:258px;
}

#fCon_lsite li a {
	text-decoration:none;
}


/* -------------------------------
   path
------------------------------- */

#path {
	background:url(../img/common/main_bg.jpg) center top repeat-x;
}
#path ul {
	width:1000px;
	height: 35px;
	margin:0 auto;
	padding:6px 0 0;
}
#path li {
	display:inline-block;
	font-size: 12px;
}
#path li:before {
	content:'>';
	margin:0 5px;
}
#path li.pathHome:before {
	content:'';
	margin:0;
}
#path li a {
	color:#6c593d;
	text-decoration:underline;
}

.btn {
	width:608px;
	margin:20px auto 40px;
}

.banner {
	width:1060px;
	margin:0 auto 40px;
	overflow:hidden;
}

.banner .f_left {
	position: relative;
	width:520px;
	height:365px;
	float:left;
	border: 10px solid #f7b500;
}

.banner .f_right {
	position: relative;
	width:520px;
	height:365px;
	margin-left:20px;
	float:left;
	border: 10px solid #b51411;
}
.banner p.tit {
}
.banner p.txt {
	padding: 20px 20px 0;
	line-height: 1.5;
}
.banner p.txt img {
	float: left;
	margin: 0 20px 10px 0;
}
.banner p.bt {
	position: absolute;
	width: 100%;
	bottom: 10px;
	left: 0;
	text-align: center;
}


/* -------------------------------
   home
------------------------------- */
.main_inner {
	background: url(../img/home/main.jpg) center top no-repeat #725d3f;
}

#main {
	position:relative;
	width:1000px;
	height:480px;
	/*height:586px;*/
	margin:0 auto;
}
#mainVisual {
	position:absolute;
	top:0;
	left:-150px;
}
#main .bnts {
	position:absolute;
	top:297px;
	left:553px;
	width:382px;
	height:143px;
}
#main .bnts dt {
	position: absolute;
	top: 0;
	left: 0;
}
#main .bnts dd {
	position: absolute;
	top: 66px;
	left: 13px;
}
#mainSlider {
	position:absolute;
	top:481px;
}
#mainSlider li {
	position:relative;
	float:left;
	width:150px;
	height:100px;
	margin-right:1px;
}
#mainSlider li img {
	width:100%;
	height:auto;
}

#home .nav_area{
	width:100%;
	background:#333333;
}
#home ul.nav {
  width:1000px;
  margin:0 auto;
  overflow:hidden;
 }
#home .nav_area ul.nav:after {//フロート解除用クリアフィックス
  content: "";
  clear: both;
  display: block;
}
#home .nav_area ul.nav li{
  float:left;
  width:250px;
}


#home #contents {
	width: 1144px;
	margin: 0 auto;
}

#home #sec01 h2 {
	margin: 85px 0 50px;
	text-align: center;
}
#home #sec01 .list {
	text-align: center;
}
#home #sec01 .txt1 {
	margin: 32px 0 0;
	text-align: center;
}
#home #sec01 .txt2 {
	margin: 42px 0 50px;
	text-align: center;
}


#home #sec02 {
	padding: 48px 0;
	background: #f1f0ed;
	overflow: hidden;
}
#home #sec02 h2 {
	text-align: center;
}

#home #sec02 .inner {
	background:#fff;
	width:1000px;
	margin:50px auto 0;
	overflow:hidden;
	box-shadow:rgba(201, 201, 201, 0.65) 0px 3px 6px 0px;
	-webkit-box-shadow:rgba(201, 201, 201, 0.65) 0px 3px 6px 0px;
	-moz-box-shadow:rgba(201, 201, 201, 0.65) 0px 3px 6px 0px;
}

#home #sec02 .box {
	width:930px;
	margin:0 auto 0;
	overflow:hidden;
}
#home #sec02 .box2 {
	width:930px;
	margin:10px auto 0;
	overflow:hidden;
}
#home #sec02 .f_left {
	float:left;
}
#home #sec02 .f_right {
	width:458px;
	height:242px;
	float:right;
	position:relative;
	background:url(../img/home/sec02_tool06.png) right top no-repeat;
}
#home #sec02 .f_right img {
	position:absolute;
	bottom:14px;
	left:18px;
}

#home #sec02 dl.sales {
	float: left;
	width: 472px;
	margin: 0 0 0 20px;
}
#home #sec02 dl.practice {
	float: right;
	width: 472px;
	margin: 0 20px 0 0;
}
#home #sec02 dl dd {
	position: relative;
	box-sizing: border-box;
	padding: 25px;
	background: #fff;
	min-height: 450px;
}
#home #sec02 dl dd p.txt {
	font-size: 15px;
	line-height: 1.5;
	margin: 0 0 20px;
	min-height: 70px;
}
#home #sec02 dl dd p.list {
	margin: 0 0 20px;
	padding: 10px;
	font-size: 13px;
}
#home #sec02 dl.sales dd p.list {
	background: #dee9f9;
	color: #11376b;
}
#home #sec02 dl.practice dd p.list {
	background: #e5f2eb;
	color: #00682f;
}
#home #sec02 dl dd p.btn {
	position: absolute;
	bottom: 25px;
	right: 25px;
	width: 240px;
	height: 43px;
}

#home #sec03 {
	margin-top: 80px;
	overflow: hidden;
}
#home #sec03 h2 {
	text-align: center;
	margin-bottom:40px;
}

#home #sec03 ul {
	width:978px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

#home #sec03 li {
	width:316px;
	margin:0 5px;
	padding:0;
	float:left;
	list-style:none;
}

#home #sec03 dl {
	float:left;
	width:300px;
	margin-right:42px;
}
#home #sec03 dl:first-child {
	margin-left: 78px;
}

#home #sec03 dt {
	min-height:423px;
}

#home #sec03 dd.tit {
	font-size:18px;
	font-weight:bold;
	color:#f7ad2e;
	margin-top:20px;
	line-height: 1.4;
}
#home #sec03 dd.txt {
	margin-top:10px;
	font-size: 15px;
	line-height: 1.6;
}

#home #sec04 {
	margin-top: 60px;
}
#home #sec04 h2 {
	margin: 0 0 38px;
	text-align: center;
}
#home #sec04 .column {
	padding: 40px 70px 32px;
	background: #e1ebf7;
	overflow: hidden;
}
#home #sec04 .column dl {
	box-sizing: border-box;
	width: 482px;
	padding: 30px;
	background: #fff;
	box-shadow:rgba(201, 201, 201, 0.6) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(201, 201, 201, 0.6) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(201, 201, 201, 0.6) 0px 0px 6px 3px;
}
#home #sec04 .column dl dt {
	font-size:20px;
	font-weight:bold;
	color: #0e386b;
	line-height: 1.4;
}
#home #sec04 .column dl dd {
	margin: 25px 0 0;
}
#home #sec04 .column dl dd img {
	float: left;
	margin-right: 18px;
}
#home #sec04 .column dl dd p.txt {
	overflow: auto;
	font-size: 15px;
	line-height: 1.6;
}
#home #sec04 .column dl dd p.txt em {
	color: #ff8201;
	font-weight: bold;
}
#home #sec04 .column dl dd p.name {
	clear: both;
	margin-top: 20px;
	font-size: 13px;
	line-height: 1.6;
}
#home #sec04 .column dl dd p.name strong {
	font-size: 15px;
}
#home #sec04 .column .btn {
	clear: both;
	padding-top: 28px;
	text-align: right;
}


/* 理事紹介　*/
#home #sec05 {
	margin-top: 60px;
	margin-bottom: 40px;
}

#home #sec05 h2 {
	text-align: center;
	margin-bottom:30px;
}
#home #sec05 h3 {
	font-size:22px;
	line-height:1.3;
	font-weight:bold;
	color:#8b6824;
	margin-bottom:20px;
}

#home #sec05 .column {
	width: 1084px;	
	padding: 50px 50px 42px;
	background: #f0ebdd;
	overflow: hidden;
	margin:0 auto;
}


#home #sec05 .column dl {
	padding: 40px 70px;
	box-sizing: border-box;
	background: #fff;
	overflow:hidden;
	box-shadow:rgba(201, 201, 201, 0.6) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(201, 201, 201, 0.6) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(201, 201, 201, 0.6) 0px 0px 6px 3px;
	margin-bottom:30px;
}
#home #sec05 .column dl dt {
	font-size:20px;
	width:200px;
	float:left;
	font-weight:bold;
	color: #0e386b;
	line-height: 1.4;
}
#home #sec05 .column dl dt img {
}

#home #sec05 .column dl dd {
	width:600px;
	float:right;
}

#home #sec05 .column dl dd p.txt {
	overflow: auto;
	font-size: 15px;
	line-height: 1.6;
}
#home #sec05 .column dl dd p.name {
	clear: both;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.6;
}
#home #sec05 .column dl dd p.name strong {
	font-size: 18px;
}

#home #sec05 .column dl dd p.btn a {
	display: block;
	width: 310px;
	height: 34px;
	font-size: 16px;
	line-height: 34px;
	text-align: center;
	color: #fff;
	background: #666666;
	border-radius: 4px;
}

#home #sec05 .column dl dd p.btn a:hover {
	opacity: 0.7;
}


/* メディア実績 */
#media {
	margin-top: 30px;
	padding-bottom: 60px;
	width:1000px;
	margin:0 auto;
}

#media h2 {
	padding:6px;
	font-size: 20px;
	color: #fff;
	background: #666;
	text-align: center;
	margin-bottom: 20px;
}

#media ul { margin:0; padding:0; }
#media li { margin:0; padding:0; line-height: 1.8; padding-bottom: 5px; border-bottom:1px dotted #ccc; }


/* -------------------------------
   2nd page
------------------------------- */
#page_main h1 {
	width:1000px;
	margin:0 auto;
	text-align: right;
}

#contents {
	width: auto;
	margin: 0 auto;
}

.sec {
	font-size: 18px;
}
.sec.bg1 {
	background: #f6f9fd;
}
.sec.bg2 {
	background: #e1ebf7;
}
.sec.shadow {
	background:url(../img/common/bg_shadow.png) center top no-repeat;
}
.sec .wrap {
	width: 1000px;
	margin: 0 auto;
}

#sec01.sec {
	padding: 80px 0 70px;
	text-align: center;
}
#sec01.sec h2 {
	margin-bottom: 40px;
}
#contents .sec a {
	color: #ff8201;
	text-decoration: underline;
}

#contents .report {
	margin: 85px 0 0;
	text-align: center;
}

/* #contact
------------------------------------------------------ */
#contact #page_main {
	background:url(../img/contact/page_tit_bg.jpg) center top no-repeat #938263;
}


/* #formTable
------------------------------------------------------ */

.formcontents {
	width:1000px;
	margin:0 auto 50px;
}

.formcontents h2 {
	padding:6px;
	font-size: 20px;
	color: #fff;
	background: #666;
	text-align: center;
	margin-bottom: 20px;
}

.forminner {
	padding:10px;
	background:#f6f6f6;
}


.forminner #formTable{
	padding:3px;
	background:#fff;	
	margin: 0 auto;
}
.forminner #formTable th,
.forminner #formTable td{
	padding: 15px;
	background: url(../img/form/_dot01.gif) repeat-x left bottom;
	line-height: 1.8;
	font-weight:normal;
	vertical-align: top;
	font-size:12px;
}
.forminner #formTable th{
	width: 15%;
	text-align: right;
	white-space: nowrap;
	background-color: #f7f2e5;
}
.forminner #formTable td{
	width: 83%;
	text-align: left;
}

.forminner #formTable .title{
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.forminner #formTable .title h3{
	padding: 8px;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	background: #294074;
	line-height: 1.5;
	font-size: 130%;
	color: #FFFFFF;
}
/* flow */
.flow{
	padding: 10px 10px 20px 10px;
	text-align: center;
}
.flow span{
	font-size:12px;	
	margin-right: 10px;
	padding-right: 20px;
	color: #999;
}
.flow span.on{
	color: #654e36;
	font-weight: bold;
}
.flow span.last{
	background-image: none;
}

.form_lead{
	font-size:12px;
	padding-bottom:30px;
}

.forminner .bottom_lead {
	font-size:12px;
	padding-top:20px;
	text-align:left;
}

/* message */
.forminner #formTable .message{}

/* colsName */
.forminner #formTable p.colsName{
	font-weight: bold;
	padding-bottom: 3px;
}
/* .pdd00 */
.forminner #formTable input.pdd00,
.forminner #formTable textarea.pdd00{
	padding: 3px;
}
/* td.btn */
.forminner #formTable td.btn{
	padding: 0px;
	text-align: center;
	background-image: none;
}
.forminner #formTable td.btn div{
	padding: 40px 40px;
	border: 1px solid #eeeeee;
	margin: 20px 10px 10px;
}
.forminner #formTable td.btn div input{
	/*margin: 0px;
	padding: 5px 14px;
	border: 1px solid #999;
	letter-spacing: 0.1em;*/

	background: -moz-linear-gradient(top,#f7ad2e 0%,#eda324);
	background: -webkit-gradient(linear, left top, left bottom, from(#f7ad2e), to(#eda324));
	border: 1px solid #DDD;
	color:#FFF;
	display: inline-block; 
	padding: 10px 10px;
	letter-spacing: 0.1em;
	margin:0 5px;
	cursor:pointer;
}
/* td.lastTxt */
.forminner #formTable td.lastTxt{
	width: 700px;
	padding-top: 100px;
	padding-bottom: 100px;
	background-image: none;
	line-height: 2;
	text-align: center;
}

.forminner #formTable_completion{
	width: 960px;
	padding:3px;
	background:#fff;	
	margin: 0 auto;
}

.forminner #formTable_completion th,
.forminner #formTable_completion td{
	font-size:12px;
	line-height:1.8;
}


.forminner #formTable_completion p.completion_lead {
	padding:20px 10px 30px;
}

.forminner #formTable_completion p.backTo {
	text-align:center;
}
.forminner #formTable_completion td.btn{
	padding: 0px;
	text-align: center;
	background-image: none;
}
.forminner #formTable_completion td.btn div{
	padding: 40px 40px;
	margin:10px;
	border: 1px solid #EEEEEE;
	margin-top: 20px;
}

.forminner #formTable_completion .topbtn{
	background: -moz-linear-gradient(top,#f7ad2e 0%,#eda324);
	background: -webkit-gradient(linear, left top, left bottom, from(#f7ad2e), to(#eda324));
	border: 1px solid #DDD;
	color:#FFF;
	display: inline-block; 
	padding: 5px 10px;
	letter-spacing: 0.1em;
}
