@charset "utf-8";
.site_wrapper {
	width:1200px;
	margin:0 auto;
	text-align:left;
}
@media screen and (max-width : 760px ) {
.site_wrapper {
	width: 100%;
	box-sizing:border-box;
}
}
#wrapper_all {
	text-align:center;
	min-width:1200px;
}
@media screen and (max-width : 760px ) {
#wrapper_all {
	text-align: center;
	min-width: 100%;
}
}
.f_min {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

a.wbtn{color: #fff;font-weight: bold;position: absolute;top: -47px;right: 100px;font-size: 16px;}

/* header
-------------------------------------------------------------------*/
.bg_header {
	background:url(../img/common/bg_header.png) left top repeat-x;
}
@media screen and (max-width : 760px ) {
.bg_header {
	background:url(../img/common/bg_header.png) left top repeat-x;
	height:57px;
}

}
.top_nav {
	text-align:right;
	padding:15px 0;
}
@media screen and (max-width : 760px ) {
.top_nav {
	display:none;
	padding:15px 0;
}

}
.top_nav li {
	display:inline-block;
	margin-right:20px;
	font-size:18px;
}
.top_nav li a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.header_area {
	margin-bottom:20px;
}
.header_area .left_area{
	position:absolute;
	top:-57px;
	left:115px;
    z-index: 1;
}
.header_area .right_area{
	float:right;
	width:800px;
	padding-top:20px;
}
@media screen and (max-width: 760px) {
.header_area .left_area{
	position:absolute;
	top:-57px;
	left:0px;
	width:30%;
}
.header_area .right_area{
	float:right;
	width:65%;
	padding-right:10px;
	padding-top:10px;
	box-sizing:border-box;
}
}
.g_nav li {
	float:left;
	width:130px;
}
.g_nav li a {
	display:block;
}
.logo:hover{
	opacity:1;
	}


/* navi
-------------------------------------------------------------------*/
@media screen and (max-width: 760px) {
.g_nav {
	display:none;
}
}
.close_btn{
	text-align:right;
	padding:10px;
}

/* contents
-------------------------------------------------------------------*/
.site_indent {
	padding:0 15px;
}
#right-menu {
	position:absolute;
	top:-47px;
	right:10px;
	width:80px;
}
.sp_mb60 {
	margin-bottom:60px;
}
@media screen and (max-width: 760px) {
.sp_mb60 {
	margin-bottom:30px;
}
}
.sp_mb20 {
}
@media screen and (max-width: 760px) {
.sp_mb20 {
	margin-bottom:20px;
}
}
.sp_mb15 {
}
@media screen and (max-width: 760px) {
.sp_mb15 {
	margin-bottom:15px;
}
}
.sp_mb10 {
}
@media screen and (max-width: 760px) {
.sp_mb10 {
	margin-bottom:10px;
}
}

.bg_wood {
	background:url(../img/common/bg_wood.jpg) left top repeat;
	padding:30px 0;
}
.t_white {
	color:#FFFFFF;
}
.company_area {
	background:url(../img/common/bg_01.jpg) center top no-repeat;
}
.company_info {
	width:370px;
	height:350px;
	background: #3c290b; /* Old browsers */
background: -moz-linear-gradient(top, #3c290b 0%, #211307 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3c290b 0%,#211307 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3c290b 0%,#211307 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c290b', endColorstr='#211307',GradientType=0 ); /* IE6-9 */
    padding: 65px 0;
    box-sizing: border-box;
	margin-left: 100px;
	opacity: 0.9;
}
@media screen and (max-width: 760px) {
.company_info {
	width:100%;
	margin:0 auto
}
}
/* footer
-------------------------------------------------------------------*/
.bg_footer {
	background:url(../img/common/bg_footer.jpg) left top repeat; 
	padding:65px 0;
}
@media screen and (max-width: 760px) {
.bg_footer {
	background:url(../img/common/bg_footer.jpg) left top repeat; 
	padding:30px 0;
}
}
.footer_area .left_area {
	float:left;
	width:470px;
}
.footer_area .right_area {
	float:right;
	width:570px;
}
@media screen and (max-width: 760px) {
.footer_area .left_area {
	float:none;
	width:100%;
	margin-bottom:20px;
}
.footer_area .right_area {
	float:none;
	width:100%;
}
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.footer_nav {
	width:85%;
}
@media screen and (max-width: 760px) {
.footer_nav {
	width:100%;
}
}
.footer_nav li {
	float:left;
	margin-right:30px;
	margin-bottom:30px;
}
@media screen and (max-width: 760px) {
.footer_nav li {
	float:left;
	width:28%;
	margin-right:5%;
	margin-bottom:30px;
}
}
.footer_btn li {
	display:inline-block;
}

.footer_btn li:first-child {
	border-right:1px solid #FFFFFF;
	padding-right:20px;
	margin-right:20px;
}
@media screen and (max-width: 760px) {
.footer_btn {
	text-align:center;
}
.footer_btn li {
	display:inline-block;

}

.footer_btn li:first-child {
	border-right:none;
	padding-right:0px;
	margin-right:0px;
	margin-bottom:10px;
	text-align:left;
}
}
a.btn {
	background:#008899;
	display:block;
	padding:15px 0;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	font-size:18px;
	border:1px solid #008899;
}
a:hover.btn {
	background:#fff;
	display:block;
	padding:15px 0;
	color:#008899;
	text-align:center;
	text-decoration:none;
	font-size:18px;
	border:1px solid #008899;
}
.copy{text-align: center;color: #fff;padding: 40px 0 0 0px;clear: both;}