/* CSS Document */
/**********************************/
/* Navi Color Custamize           */
/**********************************/
.navbar-default {
	background-color: #ffffff;
	border-bottom:solid 4px #39b54a;
}
.navbar-default .navbar-brand {
	color: #000000;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #ecdbff;
}
.navbar-default .navbar-text {
	color: #000000;
}
.navbar-default .navbar-nav > li > a {
	color: #006837;
	font-weight:bold;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #ecdbff;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
	background-color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
	color: #000000;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
	color: #ecdbff;
	background-color: #fafbfd;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
	background-color: #fafbfd;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #ecdbff;
	background-color: #fafbfd;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #ecdbff;
	background-color: #fafbfd;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #ecdbff;
	background-color: #fafbfd;
}
.navbar-default .navbar-toggle {
	border-color: #fafbfd;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #fafbfd;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #000000;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #000000;
}
.navbar-default .navbar-link {
	color: #000000;
}
.navbar-default .navbar-link:hover {
	color: #ecdbff;
}

@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #000000;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #ecdbff;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #ecdbff;
		background-color: #fafbfd;
	}
}
/**********************************/
/* Nav Size & Position Customize  */
/**********************************/
/* header */
.navbar {
	min-height: 80px !important
}
.navbar-brand {
	float:left;
	height: 80px;
	padding:0;
	padding-left:15px;
}

.navbar-nav > li > a {
  padding-top: 50px !important;
  padding-bottom: 10px !important;
}

body { 
	padding-top: 100px;
}

@media (max-width: 414px) {
	.navbar-nav > li > a {
	  padding-top: 10px !important;
	}

	body { 
		padding-top: 70px;
	}

	.navbar-header .navbar-brand img {
	/*	height: 35px;	*/
		height: 50px;
	}
	
	.navbar-brand {
		height: 50px;
		padding: 0px 0px;
	}
	
	.navbar {
		min-height: 40px !important
	}
	.top_box2 ul li {
		font-size: 12px;
		line-height: 12px;
	}
}

/**********************************/
/* for auto height                */
/**********************************/
/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

/**********************************/
/* Page Top Scroll                */
/**********************************/
.page-top {
    position: fixed;
    bottom: 60px;
    right: 40px;
    padding: 10px;
    background: #7e7a7a;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 12px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

/*--------------------------
	User Common
---------------------------*/
body{
/*	font-family:Verdana, Helvetica, sans-serif;	*/
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

/*--------------------------
	Top Page
---------------------------*/
.hello_catch{
	margin-top:20px;
	margin-bottom:30px;
}

.text_hello_catch{
	margin-top:10px;
	margin-left:15px;
	width:90%;
	padding:5px;
	font-size:12px;
	background-color:#f7931e;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border:solid 1px #e68008; 
	letter-spacing:2px;
	color:#ffffff;
}

.menu_box1{
	text-align:right;
}

.menu_box2{
	text-align:center;
}

.menu_box3{
	text-align:left;
}

.menu_box4{
	margin-top:30px;
	text-align:center;
}

.menu_box5{
	margin-top:30px;
	text-align:center;
}

[class^="menu_box"]:hover {
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

@media (max-width: 766px) {
	[class^="menu_box"]{
		margin-top:5px;
		text-align:center;	
	}
}

/*--------------------------
	Company
---------------------------*/
[class^="company_box"]{
	margin-top:30px;
	padding:10px 15px 40px 15px;
	border:solid 4px #39b54a;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

[class^="company_box"] img{
	margin-top:10px;
	margin-left:15px;
}

.company_box1 table{
	margin-top:20px;
	margin-left:100px;
	letter-spacing:3px;
	line-height:25px;
}

.company_box1 th{
	width:150px;
	height:40px;	
}

.company_box2 ul{
	margin-top:20px;
	margin-left:30px;
	list-style:none;
}

.company_box2 li{
	margin-top:5px;
	text-decoration:none;
	letter-spacing:3px;
	line-height:25px;
	font-weight:bold;
}

.company_box3 table{
	margin-top:20px;
}

.company_box3 td:nth-child(1){
	padding-left:15px;
	width:250px;
	letter-spacing:1px;
}

.company_box3 td:nth-child(2){
	width:400px;
	height:300px;
}

.company_box3 p{
	margin-left:20px;
}

@media (max-width: 414px){
	[class^="company_box"]{
		padding:5px 5px 20px;
	}
	
	[class^="company_box"] img{
		margin-top:5px;
		margin-left:5px;
	}
	
	.company_box1 table{
		margin-top:5px;
		margin-left:15px;
		letter-spacing:2px;
	}
	
	.company_box1 th{
		width:100px;
		height:40px;	
	}

	.company_box2 ul{
		margin-left:10px;
	}

	.company_box2 li{
		margin-left:-30px;
		letter-spacing:1px;
	}
}
/*--------------------------
	Business
---------------------------*/
.business_page [class^="subtitle_column"]{
	margin-top:30px;
}

.business_page .img_column{
	margin-top:20px;
}

.business_page .text_column{
	margin-top:20px;
	letter-spacing:2px;
	padding-left:30px;
}

.business_page .title_category{
	padding-top:10px;
}

/*--------------------------
	Result
---------------------------*/
.result_page table{
	margin-top:30px;
	border:solid 2px #006837;
}

.result_page th{
	background-color:#fffdbf;
	text-align:center;
	letter-spacing:3px;
	border-bottom:solid 2px #006837;
}

.result_page th:nth-child(1){
	max-width:100px;
}

.result_page th:nth-child(3){
	max-width:80px;
}

.result_page td{
	padding:5px;
	text-align:center;
}

.result_page td.kenmei{
	text-align:left;
}

@media (max-width: 414px){
	.result_page th:nth-child(3){
		max-width:0;
	}
}

/*--------------------------
	Greeting
---------------------------*/
.greeting_page .text_column p{
	padding:32px;
	letter-spacing:3px;
	line-height:28px;
}

.greeting_page .img_sign{
	text-align:right;
}

@media (max-width: 414px){
	.greeting_page .text_column p{
		padding:32px 10px 0px;
		letter-spacing:1px;
		line-height:20px;
	}
}

/*--------------------------
	Equipment
---------------------------*/
.equipment_page [class^="subtitle_column"]{
	margin-top:30px;
}

.equipment_page .img_column{
	margin-top:20px;
}

.equipment_page .text_column{
	margin-top:20px;
	letter-spacing:2px;
}

.equipment_page .title_category{
	padding-top:10px;
}

/*--------------------------
	Privacy
---------------------------*/
.privacy_page li{
	line-height:28px;
	font-weight:bold;
	letter-spacing:2px;
}

.privacy_page p{
	line-height:24px;
	letter-spacing:2px;
}

/*--------------------------
	Recruit
---------------------------*/
.recruit_page [class^="column_box"]{
	margin-top:30px;
	padding:10px 15px 40px 30px;
	border:solid 4px #39b54a;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.recruit_page [class^="column_box"] img.title_recruite {
	margin-top:10px;
	margin-bottom:20px;
}

.recruit_page [class^="column_box"] p{
	font-size:16px;
	margin-left:5px;
	letter-spacing:1px;
}

.recruit_page table{
	margin-top:5px;
	letter-spacing:1px;
	line-height:25px;
	border:solid 2px #006837;
}

.recruit_page th{
	width:100px;
	height:40px;
	border-bottom:solid 1px #006837;
	border-right:solid 1px #006837;
	letter-spacing:1px;
	text-align:center;
}

.recruit_page td{
	border-bottom:solid 1px #006837;
	letter-spacing:1px;
	padding:5px;
}

.recruit_page img.img_address{
	margin:0;
	padding:0;
	vertical-align:middle;
}	

@media (max-width: 414px){
	.recruit_page [class^="column_box"]{
		padding:5px 5px 20px;
		margin:20px 5px ;
	}
	
	.recruit_page [class^="column_box"] td{
		font-size:12px;
	}

	.recruit_page [class^="column_box"] img{
		margin-top:5px;
		margin-left:5px;
	}

	.recruit_page [class^="column_box"] p{
		font-size:14px;
	}

	.recruit_page table{
		margin-top:5px;
		margin-left:0;
	}
	
	.recruit_page th{
		font-size:14px;
		width:90px;
	}

	.recruit_page img.img_address{
		vertical-align:bottom;
		margin-left:-2px;
	}	
}

/*--------------------------
	Contact
---------------------------*/
.contact_page p{
	letter-spacing:2px;
}

select.select_category{
	width:250px;
	height:32px;
	font-size:16px;
}

input.contact_article{
	width:300px;
	height:32px;
	margin-top:5px;
}

textarea.contact_article {
	width:400px;
	height:120px;
	margin-top:5px;
}

.contact_page label{
	font-weight:bold;
}

#check_button,
#modoru_button,
#ok_button {
    width: 100px;
    height: 30px;
	background-color:#009245;
	border:solid 2px #006837;
	color:#ffffff;
	font-weight:bold;
}

#check_button:hover,
#modoru_button:hover,
#ok_button:hover {
	background-color:#fbb03b;
	border:solid 2px #f15a24;
}

@media (max-width: 414px){
	textarea.contact_article {
		width:300px;
	}
}

table.wordBreak td,th{
	padding:5px;	
}

table.kakunin td{
	padding:5px;	
}

/*--------------------------
	Footer
---------------------------*/
footer{
	margin-top:30px;
	height:100px;
	background-color:#009245;
}

footer a{
	color:#ffffff;
	text-decoration:none;
}

footer a:hover{
	text-decoration:none;
}

footer ul{
	margin-left:60px;
	padding-top:15px;	
}

footer li{
	list-style:none;
	float:left;
	margin-right:20px;
}

footer p{
	margin-top:20px;
	color:#ffffff;
	text-align:center;	
}

@media (max-width: 414px){
	footer{
		height:200px;
	}

	footer ul{
		margin:0;
	}

	footer li{
		float:none;
	}
	footer a{
		font-size:12px;
	}
	footer p{
		margin-top:10px;
		font-size:10px;
	}
}