@charset "utf-8";

/*--------------------------------------*/
/*-------------  font  -------------*/
/*--------------------------------------*/
@font-face {
  font-family: 'AxisStd-B';
  src: url('AxisStd-Bold_0.otf') format('opentype');
}
@font-face {
  font-family: 'AxisStd-L';
  src: url('AxisStd-Light_0.otf') format('opentype');
}
@font-face {
  font-family: 'CODE_Light';
  src: url('CODE_Light.otf') format('opentype');
}
@font-face {
  font-family: 'CODE_Bold';
  src: url('CODE_Bold.otf') format('opentype');
}
/*--------------------------------------*/
/*-------------  body  -------------*/
/*--------------------------------------*/
body{
	font-family: 'AxisStd-L';
	font-size: 14px;
	overflow-y: scroll;
}
#wrapp{
	height: 100%;
}
	#wrapp #wrappIn{
		width: 890px;
		margin: 0px auto 0px auto;
		position: relative;
	}
/*--------------------------------------*/
/*-------------  nav  -------------*/
/*--------------------------------------*/
nav{
	text-align: left;
	position: fixed;
	top: 50px;
}
	nav h1{
		font-size: 50px;
		
		letter-spacing: 0.4em;
		font-family: 'CODE_Light';
		font-weight:normal;
		
		margin-bottom:20px;
	}
	nav #navUl{
		letter-spacing: 0.6em;
		text-align: left;
	}
		nav #navUl li{
			margin-bottom:20px;
			background: url('../img/listStyle.png') no-repeat left 2px;
		}
			nav #navUl li a{
				color: #CCC;
			}
			nav #navUl li a:hover{
				color: #000;
			}
			nav #navUl li a.active{
				color: #000;
			}
	footerIn #logo{
		height:20px;
		background: url('../img/logo_gray.png') no-repeat;
		background-size: 20px auto;
		margin-bottom:20px;
		padding:4px 24px;
		color:#CCC;
		font-size:8px;
	}
/*--------------------------------------*/
/*-------------  contentsArea  -------------*/
/*--------------------------------------*/
#contentsArea{
	width: 510px;
	padding-bottom: 100px;
	position: absolute;
	top: 50px;
	right: 0px;
	z-index: 3;
	#text-shadow: 2px 2px 0px #fff;
}
	#contentsArea h3{
		color:#CCC;
		width: 510px;
		height: 49px;
		margin-bottom:50px;
		
		letter-spacing: 0.4em;
		font-family: 'CODE_Light';
	
		font-size: 50px;
		font-weight: normal;
		border-bottom: 1px solid #CCC;
		cursor: pointer;
	}	
		#contentsArea h3:hover{
			color:#000;
		}
		#contentsArea h3.active{
			color: #000;
		}
		
		
	#contentsArea h2{
		color:#380e00;
		font-weight: normal;
		font-size: 60px;
		letter-spacing: 0.2em;
		line-height:2em;
		margin-bottom:50px;
		font-family:'AxisStd-B';
	}
	#contentsArea h4{
		color:#380e00;
		font-weight: normal;
		margin-bottom:80px;
		font-size:16px;
		letter-spacing: 0.4em;
		line-height:2em;
		font-family:'AxisStd-L';
	}

	#contentsArea p{
	}
	#contact .titleWrapp{
		border: none;
	}
	#contentsArea .eachContentsWrapp{
		background: rgba(255, 255, 255, 0);
		#background: #fff;
		line-height:2em;
		padding-bottom:100px;
	}


.detailDl{
	padding: 20px 0px;
}
	.detail dt{
		padding-left:6px;
		margin-bottom: 15px;
		background-color: #f4f4f4;
	}
	.detail dd{
		padding-bottom: 40px;
	}
.commonTable{
	width: 100%;
	margin: 0px auto;
	border-collapse: collapse;
	border-spacing: 0;
	font-weight: normal;
	border-bottom: solid 1px #CCC;
	margin-bottom:20px;
}
	.commonTable th {
		font-weight:normal;
		width: 25%;
		text-align: left;
		padding: 10px 10px 30px 0px;
		border-top: solid 1px #CCC;
		vertical-align: top;
	}
	.commonTable td {
		width: 74.8%;
		padding: 0px 0px 10px 0px;
		border-top: solid 1px #CCC;
		border-left: solid 1px #CCC;
	}
	
.logoImg{
	margin-right:30px;
}	
#copyright{
	margin:70px 0px 0px 4px;
	min-height:16px;
	background-image:url(../img/logo_gray_16.png);
	background-repeat:no-repeat;
	background-size:16px auto;
	padding-top:2px;
	padding-left:26px;
	color:#CCC;
	font-size:x-small;
	letter-spacing: 0.2em;
}
/*--------------------------------------*/
/*-------------  partner  -------------*/
/*--------------------------------------*/
.commonTable td ul {
	list-style-type: square;
	margin: 7px 0px 0px 30px;
}
	#soho_table td ul li {

	}
	#soho_table td p {
		padding: 20px;

	}
	#soho_table td ol {
		list-style-type: none;
		margin: 7px 0px 0px 10px;
	}
	#soho_table td ol li {

	}
	#soho_table td div {
		padding: 6px 0px 0px 10px;

	}
.to_contact {
	color:#FFF;
	padding: 15px;
	background:#333;
	text-align: center;
	margin: 30px auto 0px auto;
	display: block;
	border-radius: 6px;
	box-shadow:#999 4px 4px 0px 0px;
	text-shadow: none;
}
/*--------------------------------------*/
/*-------------  contact  -------------*/
/*--------------------------------------*/
.commonTable .in-w {
	width: 95%;
	border: 1px solid #ccc;
	background: none;
	padding: 3px;
	margin: 20px 10px 0px 10px;
	outline: none;

}
.commonTable .fontc-err {
	margin: 20px 10px;
}
input.btn{
	width:500px;
	color:#FFF;
	padding: 20px;
	background:#333;
	text-align: center;
	margin: 30px auto 0px auto;
	display: block;
	border-radius: 6px;
	box-shadow:#999 4px 4px 0px 0px;
	cursor: pointer;
	text-shadow: none;
}
a.btn{
	color:#FFF;
	padding: 10px 100px;
	background:#333;
	text-align: center;
	margin: 30px auto 0px auto;
	border-radius: 6px;
	box-shadow:#999 4px 4px 0px 0px;
	text-shadow: none;
}
.btnWrapp{
	cursor: pointer;
}
input:hover.btn, a:hover.to_contact, a:hover.btn{
	opacity: 0.8;
}
#confirmWrapp{
	margin: 10px auto 10px auto;
	text-align: center;
}
	#confirmWrapp .confirmElm{
		#width: 450px;
		padding: 10px 10px;
		line-height: 1.4em;
		word-break: break-all;
		text-align: left;
	}
#completeWrapp{
	text-align: center;
}
	#completeWrapp p{
		margin: 10px 0px;
	}
/*--------------------------------------*/
/*-------------  footer  -------------*/
/*--------------------------------------*/
footer{
	width: 100%;
	height: 100px;
	padding: 5px 0px;
	position: fixed;
	bottom: 0px;
	z-index: 2;
}
	footer #footerIn{
		width: 980px;
		margin: 0px auto;s
		text-align: center;
		position: relative;
	}
		footer #companyInfo{
			width: 610px;
			padding: 30px 20px;
			text-align: left;
			background: #DDDDDD;
			border-radius: 10px;
			position: relative;
			left: 300px;
		}
			footer #companyInfo p{
				color: #2E2110;
				padding: 3px 0px;
			}
		#footerIn #member{
		}
			#footerIn #member li{
				margin: 0px 60px;
				display: inline-block;
			}
				#footerIn #member li#haga{
					width: 46px;
					height: 95px;
					background: url('../img/member/haga.png') no-repeat;
					background-size: 46px auto;
				}
				#footerIn #member li#ooki{
					width: 58px;
					height: 95px;
					background: url('../img/member/ooki.png') no-repeat;
					background-size: 58px auto;
				}
				#footerIn #member li#ashina{
					width: 58px;
					height: 95px;
					background: url('../img/member/ashina.png') no-repeat;
					background-size: 50px auto;
				}
				#footerIn #member li#takahashi{
					width: 46px;
					height: 95px;
					background: url('../img/member/takahashi.png') no-repeat;
					background-size: 46px auto;
				}
				#footerIn #member li#makabe{
					width: 46px;
					height: 95px;
					background: url('../img/member/makabe.png') no-repeat;
					background-size: 46px auto;
				}
.toolTip{
	width: 400px;
	height: 100px;
	position: absolute;
	bottom: 110px;
	left:300px;
	background:red;opacity:0.5;"
}

/*--------------------------------------*/
/*-------------  map  -------------*/
/*--------------------------------------*/
#overrayMap{
	width: 100%;
	height:100%;
	text-align: center;
	background: rgba(0,0,0,0.5);
	position:absolute;
	top:0px;
	left:0px;
	z-index: 9999;
	position: relative;
}
#overrayMapIn{
	position: relative;
}
	#overrayMap iframe{
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -40% 0px 0px -40%;
	}
	#overrayMap small{
		position: absolute;
		top: 91%;
		left: 81%;
	}
	#overrayMap small a{
		color:#fff;
	}
	#overrayClose{
		width: 33px;
		height: 33px;
		background: url('../img/close.png') no-repeat;
		position: absolute;
		top: 5%;
		left: 87%;
		display: block;
	}
	#overrayMap a:hover{
		opacity: 0.7;
	}

/*--------------------------------------*/
/*-------------  clearfix  -------------*/
/*--------------------------------------*/
.clearfix:after {  
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  






/*-------------

modal

--------------*/
#modalWrapp{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1001;
    overflow: hidden;
}
#modalBg{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8) repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1001;
}

    #modal-innder{
        position: relative;
        z-index: 1002;
    }

    #companyDetail{
		text-align: center;
		background:#FFF;
		width:850px;
		margin:0 auto;
		padding-top:60px;
		padding-bottom:40px;
    }
	#companyDetail #text01{
		color:#380e00;
		font-size:36px;
		margin-bottom:40px;
		background:url("./img/ico_arucu_office.png");
		height:38px;
		background-repeat:no-repeat;
		display:inline-block;
		padding-left:43px;
	}
	#companyDetail #text02{
		color:#380e00;
		font-size:14px;
		margin-bottom:15px;
	}
	#companyDetail #text03{
		color:#FFF;
		background-color:#380e00;
		font-size:13px;
		width:700px;
		margin:0 auto;
		margin-bottom:20px;
		padding:10px 0;
	}
	#btnClose{
       	width:850px;
        margin: 0px auto;
        text-align: right;
		
    }
        #btnClose a{
			padding: 20px 15px;
            display: inline-block;
            outline: none;
            -webkit-transition: 500ms cubic-bezier(0.23, 1, 0.32, 1);
            -moz-transition: 500ms cubic-bezier(0.23, 1, 0.32, 1);
            -o-transition: 500ms cubic-bezier(0.23, 1, 0.32, 1);
            transition: 500ms cubic-bezier(0.23, 1, 0.32, 1);
       }
          #btnClose a:hover{
            opacity: 0.5;
            filter: alpha(opacity=50);
         }