@charset "UTF-8";

.container {
	margin-right: auto;
	margin-left	: auto;
	width		: 1240px;
	/*background:url(../images/nav_backgroud.png)no-repeat;*/
}
.container:before, .container:after {
	content	: " ";
	display	: table;
}
.container:after {
	clear	: both;
}

.clearfix:before, .clearfix:after {
	content	: " ";
	display	: table;
}

.clearfix:after {
  clear		: both;
}

.navarea{
	background-color: #FFFFFF;	/*#FF0000*/
	position	: fixed;
	top			: 0px;
	left		: 0px;
	width		: 100%;
	height		: 60px;
	z-index		: 90;
	/*box-shadow: 0 5px 5px -3px rgba(0,0,0,0.5);*/
	}

nav.nav-fixed {
	display		: none;
	position	: fixed;
	top			: 0px;
	left		: 0px;
	width		: 100%;
	height		: 70px;
	z-index		: 99;
}

.pull-left {
	text-align:left;
	vertical-align:middle;
	padding-top:5px;
	float:left;
}
.nav_text {
	width:320px;
	text-align:left;
	vertical-align:bottom;
	float:left;
	padding:5px 15px 0 15px;
	color		: #296790;
	}

.nav_cell{
	text-align:left;
	vertical-align:middle;
	/*padding-top:5px;*/
	float:left;
	}

@media only screen and (min-width: 0px) {
  nav.nav-fixed {
	display		: block;
  }
}

.top_title{
	display		: -webkit-flex;
	display		: -ms-flexbox;
	display		: flex;
	position	: relative;
	overflow-x	: auto;
	overflow-y	: hidden;
	top			: 0px;
	height		: 95px;
	background-color: #fff;
	width		: 1090px;
	white-space	: nowrap;
	float		: left;
}
.tabs {
	display		: -webkit-flex;
	display		: -ms-flexbox;
	display		: flex;
	position	: relative;
	overflow-x	: auto;
	overflow-y	: hidden;
	top			: 0px;
	height		: 40px;
	background-color: #fff;
	width		: 1020px;
	white-space	: nowrap;
	float		: right;
}

.tabs .tab {
	-webkit-box-flex	: 1;
	-webkit-flex-grow	: 1;
	-ms-flex-positive	: 1;
	flex-grow			: 1;
	display		: block;
	float		: left;
	text-align	: center;
	line-height	: 48px;
	height		: 40px;
	padding		: 0 20px;
	margin		: 0;
	text-transform: uppercase;
	letter-spacing: .8px;
	width		: 15%;
}

.tabs .tab a {
	color		: #545454;	/*#68462B;*/
	display		: block;
	width		: 100%;
	height		: 100%;
	line-height	: 40px;
	-webkit-transition	: color 0.28s ease;
	-o-transition		: color 0.28s ease;
	transition			: color 0.28s ease;
}

.tabs .tab a:hover {
	color		: #ed981b;
	text-decoration: none;
}

.tabs .tab a.active {
	color		: color("pink", "base");
	font-weight	: bold;
}

.tabs .tab {
	padding		: 0;
}

.serif {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family:"Times New Roman", Times, serif,"ヒラギノ角ゴ Pro W3",Lucida Grande,Hiragino Kaku Gothic Pro,"メイリオ",Verdana,"ＭＳ Ｐゴシック",sans-serif;
	/*font-family:'Noto Sans Japanese', "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;*/
}

.nav-expand {
	position	: fixed;
	top			: 70px;
	left		: 0;
	height		: 0;
	overflow	: hidden;
	transition	: height 0.3s;
	width		: 100%;
	line-height	: 60px;
	background-color: #fff;
	text-align	: center;
	box-shadow: 0 5px 5px -3px rgba(0,0,0,0.5);
/*
	box-shadow: 0 5px 5px ;
	box-shadow	: 0 0px 10px;
*/
}

.nav-expand a.expanded {
  display		: inline;
  line-height	: 1;
}

.nav-expand.show {
	height		: 60px;
}

.row {
	margin-left	: -15px;
	margin-right: -15px;
}

.row:before, .row:after {
	content		: " ";
	display		: table;
}

.row:after {
	clear		: both;
}

.about_col {
    width		: 400px;
    margin-left	: 450px;
  }

.service_col {
    width		: 1080px;
    margin-left	: 200px;
  }

.col-sm-offset-4 {
    margin-left	: 10%;
  }

.tabs .indicator {
	position	: absolute;
	top			: 0;
	height		: 4px;
	background-color: #545454;	/*#68462B;*/
	will-change	: left, right;
	transition	: all 0.3s;
	}

a {
	color		: #57533F;
	text-decoration: none;
	}

a:hover, a:focus {
	color		: #2b291f;
  /*text-decoration: underline;*/
}

a:focus {
	outline		: thin dotted;
	outline		: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.nav_right{
	padding:2px 20px;
	float: right;
	}