@charset "utf-8";


/*
**************************************************************

　基本

**************************************************************
*/
html{height:100%;}

body {
	color: #626262;
	line-height: 180%;
	font-size: 14px;
	height:100%;
	font-family: /*verdana,*/"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic"/*,Sans-Serif*/;
}
/*
* + html body {
	font-family: "メイリオ","Meiryo";
}
*/
html>/**/body {
	font-size: 14px; /* Except IE */
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td  {margin: 0; padding: 0;}
input, textarea,select,option{font-size:100%}
table   {border-collapse: collapse;  border-spacing: 0;}  
img { border: 0;}
a img {
    border-style:none;
}
h1, h2, h3, h4, h5, h6	{font-size: 100%; font-weight:normal;}
li { list-style-type: none;}


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

a:link {color: #626262; text-decoration: none;}
a:visited {color: #626262; text-decoration: none;}
a:hover {color: #e4516d; text-decoration: underline;}
a:active {color: #e4516d; text-decoration: none;}

a.txt_link {background: url(../img/icon_link.gif) no-repeat center left ; padding:0 0 0 10px;}
a:hover img {
	filter:alpha(opacity=70); /*IE*/
	-moz-opacity:0.7; /*Firefox*/
	opacity:0.7; /*Opera・Safari*/
}
.logo a:hover img,
#bxslider a:hover img {
	filter:alpha(opacity=100); /*IE*/
	-moz-opacity:1; /*Firefox*/
	opacity:1; /*Opera・Safari*/
}
#wrap{
	margin: 0px auto;
	padding: 0px;
	width:100%;
	position: relative;
	height: 100%;
	min-height: 100%;
	box-sizing: border-box;
}
body > #wrap {
	height: auto;
}

.g_bold{color:#729f11; font-weight:bold;}
.g_l_bold{ font-size: 1.2em; color:#729f11; font-weight:bold;}
.txt_s{font-size: 12px; line-height: 150%;}
.txt_normal{ font-weight:normal}
.mt10{ margin-top:10px;}
.mb20{ margin-bottom:20px;}
.mb40{ margin-bottom:40px;}
.notxt {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

@media screen and (max-width: 480px) {
	#wrap{
		padding: 0px;
		width:100%;
		height: auto;
	}
	img {
		max-width: 100%;
		height: auto;
		width /***/: auto;
	}
}


/*
**************************************************************

　ヘッダー

**************************************************************
*/

.header_top{ width: 1120px; margin: 0 auto; background:url(../img/top/bg_top.jpg) no-repeat top center;}
.header_block_top {
	margin: 0px auto 20px;
	width:960px;
	height:417px;
	position:relative;
}

.mainimg_top_pc, .mainimg_top_sp{top:0px; left:0px; z-index:0; position: absolute;}

.header{ width: 1120px; margin: 0 auto; background:url(../img/bg.jpg) no-repeat top center;}
.header_block {
	margin: 0px auto 40px;
	width:960px;
	height:270px;
	position:relative;
}
.logo{top:35px; left:25px; z-index:1; position: absolute;}
.logo img{ width: 131px;}
.furukawa_gslogo{top:15px; right:0px; z-index:1; position: absolute;}

ul.gnav {
	margin: 0px 0 0 0;
	padding: 0px;
	list-style: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	bottom: 0;
}
	
ul.gnav li, ul.gnav li a {
	height: 50px;
	display: block;
	float:left;
	list-style: none;
	background: url(../img/menu.gif) no-repeat;
}

ul.gnav li.gnav01, ul.gnav li.gnav01 a {background-position:0px 0px; width:182px;}
ul.gnav li.gnav02, ul.gnav li.gnav02 a {background-position:-182px 0px; width:157px;}
ul.gnav li.gnav03, ul.gnav li.gnav03 a {background-position:-339px 0px; width:154px;}
ul.gnav li.gnav04, ul.gnav li.gnav04 a {background-position:-493px 0px; width:148px;}
ul.gnav li.gnav05, ul.gnav li.gnav05 a {background-position:-641px 0px; width:113px;}
ul.gnav li.gnav06, ul.gnav li.gnav06 a {background-position:-754px 0px; width:206px;}

ul.gnav li.gnav01 a:hover, ul.gnav li.gnav01 a.selected { background-position:0px -50px; width:182px;}
ul.gnav li.gnav02 a:hover, ul.gnav li.gnav02 a.selected { background-position:-182px -50px; width:157px;}
ul.gnav li.gnav03 a:hover, ul.gnav li.gnav03 a.selected { background-position:-339px -50px; width:154px;}
ul.gnav li.gnav04 a:hover, ul.gnav li.gnav04 a.selected { background-position:-493px -50px; width:148px;}
ul.gnav li.gnav05 a:hover, ul.gnav li.gnav05 a.selected { background-position:-641px -50px; width:113px;}
ul.gnav li.gnav06 a:hover, ul.gnav li.gnav06 a.selected { background-position:-754px -50px; width:206px;}


.slicknav_menu {
	display:none;
}

@media screen and (min-width: 481px) { .mainimg_top_sp{ display: none;}}
@media screen and (max-width: 480px) {
	.header_top, .header {
		margin: 0px auto 0px;
		width:100%;
		height: auto;
		top: 0;
		background-image: none;
	}
	.header_block_top, .header_block {
		margin: 0px auto 20px;
		width: 100%;
		height: auto;
	}
	.logo_block{ top: 0px; left: 0px; z-index:0; position: absolute;}
	.logo_block img{ height: 65px;}
	.logo{ top: 14px; left: 24px; z-index:1; position: absolute;}
	.logo img{ width: 90px;}
	.mainimg_top_pc{ display: none;}
	.mainimg_sp{ margin-bottom: 30px; top:40px; left:0px; z-index:0; position:relative;}
	.js #menu {
		display:none;
	}
	.js .slicknav_menu {
		width: 100%;
		display:block;
		position: absolute;
		top: 0; 
		background: none;
	}
}

/*
**************************************************************

　コンテンツ

**************************************************************
*/

.contents{
	margin: 0px auto;
	padding-bottom:85px;/*フッターの高さ分*/
	width:1120px;
}
.contents_block{ width: 960px; margin: 0 auto; }
.contents_img{ float:right; margin: 0 0 10px 25px;}
.contents_block h1{ margin-bottom:40px;}
.contents_block h2{ margin-bottom:30px;}
.contents_block h2.mb40{ margin-bottom:40px;}
.page_top{ text-align:right; background:url(../img/line.gif) repeat-x; height:20px; margin-bottom:20px;}
.page_top a{ background:#fff; padding-left:10px;}

.banner{margin:0 0 0px -30px;}
.banner p{
	width:453px;
	height:68px;
	margin:0 0 0px 30px;
	padding:6px;
	float:left;
	background:url(../img/banner_bg.gif) no-repeat;
}
.banner_full p{
	width:948px;
	height:83px;
	padding:6px;
	background:url(../img/banner_full_bg.gif) no-repeat;
}

@media screen and (max-width: 480px) {
	.contents{
		margin: 0px auto;
		padding-bottom:0;/*フッターの高さ分*/
		width:100%;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.contents_top, .contents_block{ width: 100%; margin: 0 auto; padding: 0;}
	.contents_img{ float:none; margin: 0 0 10px 0px;}
	.contents_img img{ width: 100%;}
	.contents_block h1{ margin-bottom: 20px; padding: 40px 20px 30px 30px; text-align: center; font-size: 1.3em; color: #e4516d; background: url(../img/title_icon_left.png) no-repeat left top, url(../img/title_icon_right.png) no-repeat right bottom;}
	.contents_block h2{ margin-bottom:20px; font-size: 1.1em; color:#729f11;}
	.contents_block h1, .contents_block h2{
	font-family:
	"ヒラギノ明朝 ProN W6",
	"HiraMinProN-W6",
	"HG明朝E",
	"ＭＳ Ｐ明朝",
	"MS PMincho",
	"MS 明朝",
	serif;
	font-weight: bold;
	}
	.page_top{ text-align:center; background: none; margin: 30px 0; }
	.page_top a{ padding-left:0px;}
}

/*----------------　トップページ　----------------*/
.top{margin:0 0 15px -15px;}
.top div{
	width:298px;
	height:238px;
	margin:0 0 0px 15px;
	padding:6px;
	float:left;
	background:url(../img/top/top_bg.gif) no-repeat;
}
.top div img{ width:298px; }
.top h2{ margin-bottom: 0;}
.banner_block{margin:-15px 0 0px -20px;}
.banner_block p{
	width:458px;
	height:78px;
	margin: 15px 0 0 20px;
	padding:6px;
	float:left;
	background:url(../img/top/top_banner_bg.gif) no-repeat;
}

@media screen and (max-width: 480px) {
	.top{margin: 0;}
	.top div{
		width: auto;
		height: auto;
		margin: 0 0 10px 0;
		float: none;
		border: 1px solid #ccc;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		background-image: none;
		background: #fff;
	}
	.top div img{ width: 100%;}
	.banner_block{margin: 0px;}
	.banner_block p{
		width: auto;
		height: auto;
		margin: 0px 0 10px;
		float:none;
		border: 1px solid #ccc;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		background-image: none;
		background: #fff;
	}
}

/*----------------　Concept of “Nat(u)ree”　----------------*/
ul.page_nav{ height: 30px; margin-bottom:20px;}
ul.page_nav li{ float: left;}
ul.page_nav li.back, ul.page_nav li.next { width: 435px;}
ul.page_nav li.next { text-align:right;}
.back a, .next a{height:19px; line-height:19px; display:block;}
.back a { background:url(../img/concept/back.gif) no-repeat left top; padding-left:65px;}
.back a:hover { background-position: left bottom;}
.next a { background:url(../img/concept/next.gif) no-repeat right top; padding-right:65px;}
.next a:hover { background-position: right bottom;}
.number1 a,.number2 a,.number3 a{
	width:30px;
	height:19px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
.number1 a { background:url(../img/concept/page1.gif) no-repeat  top;}
.number2 a { background:url(../img/concept/page2.gif) no-repeat  top; }
.number3 a { background:url(../img/concept/page3.gif) no-repeat  top; }
.number1 a:hover,.number2 a:hover,.number3 a:hover,
.number1 a.selected,.number2 a.selected,.number3 a.selected{ background-position: bottom;}

@media screen and (max-width: 480px) {
	ul.page_nav{ margin: 20px 0; }
	.number1 a { background:url(../img/concept/page1_sp.gif) no-repeat  top;}
	.number2 a { background:url(../img/concept/page2_sp.gif) no-repeat  top; }
	.number3 a { background:url(../img/concept/page3_sp.gif) no-repeat  top; }
	.next a { background:url(../img/concept/next_sp.gif) no-repeat top; }
	.back a { background:url(../img/concept/back_sp.gif) no-repeat top; }
	.next a:hover { background-position: bottom;}
	ul.page_nav li.number1, ul.page_nav li.number2, ul.page_nav li.number3 { width:12%;}
	ul.page_nav li.back, ul.page_nav li.next { width:32%;}
	.number1 a, .number2 a, .number3 a{
		width:30px;
		height: 30px;
		margin: 0 5px;
		text-indent:-9999px;
		display: block;
		background-size: 30px auto;
	}
	.next a, .back a{
		width: 83px;
		height: 30px;
		padding: 0;
		text-indent:-9999px;
		text-align: left;
		display: block;
		background-size: 83px auto; /* 横　縦 */
	}
	.next a{ float: right;}
}

/*----------------　Model plans　----------------*/
.model_plan{background:url(../img/line.gif) repeat-x bottom; margin-bottom:20px; padding-bottom:20px;}
.model_plan_noline{ background:none; margin-bottom:0px; padding-bottom:0px;}
.model_plan div.left_block, .model_plan_noline div.left_block{width:400px; float:left;}
.model_plan div.left_block p, .model_plan_noline div.left_block p, .model_plan div.left_block h2, .model_plan_noline div.left_block h2{margin-bottom:50px;}
.model_plan div.right_block, .model_plan_noline div.right_block{ width:560px; float:right; margin-top:-50px; padding-bottom:30px;}
.model_plan div.right_block p, .model_plan div.right_block ul,
.model_plan_noline div.right_block p, .model_plan_noline div.right_block ul{ width:250px; float:left; margin:50px 0 0 30px; }
.model_plan ul, .model_plan_noline ul{border-top:1px dashed #aaa;}
.model_plan ul li, .model_plan_noline ul li{
	width:230px;
	border-bottom:1px dashed #aaa;
	padding:2px 10px 1px 10px ;
}
.model_plan ul li span.area1,
.model_plan_noline ul li span.area1{
	width:80px;
	padding:0px;
	text-align:left;
	float:left;
	display:block;
	zoom: 1;
}
.model_plan ul li span.area2,
.model_plan_noline ul li span.area2{
	width:150px;
	margin:0 0 0 80px;
	padding:0px;
	text-align:right;
	display:block;
	zoom: 1;
}

@media screen and (max-width: 480px) {
	.model_plan{background: none;}
	.model_plan div.left_block, .model_plan_noline div.left_block{width: 100%; float: none;}
	.model_plan div.left_block p, .model_plan_noline div.left_block p, .model_plan div.left_block h2, .model_plan_noline div.left_block h2{ margin-bottom:30px;}
	.model_plan div.right_block, .model_plan_noline div.right_block{ width: 100%; float: none; margin-top:0px; padding-bottom:30px;}
	.model_plan div.right_block p, .model_plan_noline div.right_block p{ width: 100%; text-align: center; float: none; margin: 30px 0 0 0px;}
	.model_plan div.right_block ul, .model_plan_noline div.right_block ul{ width: 100%; margin:30px 0 0 0px; }
	.model_plan ul li, .model_plan_noline ul li{ width: 100%; box-sizing: border-box;}
	.model_plan ul li span.area1,
	.model_plan_noline ul li span.area1{ width: 40%;}
	.model_plan ul li span.area2,
	.model_plan_noline ul li span.area2{ text-align:left; width: 60%; margin:0 0 0 40%;}
}

/*----------------　Facilities & specifications　----------------*/
.facilities ul li{ margin:0px 0 0 -30px; width:990px;}
.facilities ul li p{ float:left; margin-left:30px; padding-bottom:30px;}

@media screen and (max-width: 480px) {
	.facilities ul li{ margin:0px; width: 100%;}
	.facilities ul li p{ float: none; margin-left:0px; padding-bottom:20px;}
	.facilities ul li p img{ width: 100%; }
}


/*----------------　お問い合わせ　----------------*/
.contact{ padding:0 50px; width:860px;}
.contact_title{ margin-bottom:10px; padding: 0; font-size: 1.2em; font-weight: bold; color:#729f11;}
.contact table{ border-top:1px dashed #aaa;}
.contact table th{ padding:30px; width:140px; text-align:left; border-bottom:1px dashed #aaa; background:#eaf1dc; }
.contact table th.txt_top{ vertical-align:top;}
.contact table td{ padding:20px; width:660px; border-bottom:1px dashed #aaa;}
.input_w400{ width: 400px;}
.contact p{ margin-top:10px;}
.contact p.txt_center{ text-align:center;}

input{ margin-right:5px;}
input.text{height:30px; padding:0 3px; border:solid 1px #959595;}
label{ margin-right:20px;}
textarea{ padding:3px;}
p.error{ font-size:12px; color:#a62627; margin:0;}

@media screen and (max-width: 480px) {
	.contact{ padding: 0px; width: 100%;}
	.contact table{ width: 100%;}
	.contact table th{ padding:0px 5px; width: 100%; display: block; box-sizing: border-box;}
	.contact table td{ padding: 10px 0; width: 100%; display: block; }
	.input_w400, .input_wfull{ width: 100%;  box-sizing: border-box;}
}



/*
**************************************************************

　フッター

**************************************************************
*/
.footer{
	margin: 0px auto;
	width:1120px;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
}
.footer_block{
	margin: 0px auto;
	width:960px;
	height:65px;
	background:url(../img/footer_bg.gif) no-repeat;
}
.footer p.furukawa_logo{margin:10px 0 0 10px; float:left;}
.footer p.copyright{margin:10px 10px 0 0; font-size:11px; color:#fff; float:right;}


@media screen and (max-width: 480px) {
	.footer{
		width:100%;
		position: static;
		padding: 20px 10px;
		background: #7db011;
		box-sizing: border-box;
	}
	.footer_block{
		width:100%;
		height: auto;
		background-image: none;
	}
	.footer p.furukawa_logo{ width: 70%; margin: 0 auto 10px; float: none;}
	.footer p.copyright{ margin: 0 auto; text-align: center; float:none; line-height: 120%;}
}

@media screen and (min-width: 481px) { .pc_none{ display: none;}}
@media screen and (max-width: 480px) { .sp_none{ display: none;}}