@charset "utf-8";
/* CSS Document */
/* base style------------------ */
.orange {
	color:#f26300;
}
.blue {
	color:#008acb;
}
.light_blue {
	color:#63b7df;
}
.white {
	color:#fff;
}
.purple {
	color:#50488e;
}
.green {
	color:#02a6a2;
}
.bg_orange {
	background:#e7792d;
}
.bg_purple {
	background:#6d66a1;
}
.bg_green {
	background:#02a6a2;
}
.border_oran {
	border-top:1px solid #f26300;
}
.border_bottom_g {
	border-bottom:1px solid #d8d8d8;
}
.over_text {
	float:left;
	position:absolute;
}
/* タブ内容の非表示 */
.hide {
	display:none;
}
/* パンくずリスト */
.breadcrumb {
	width:980px;
	margin:25px auto 10px;
}
.breadcrumb a {
	text-decoration:underline;
}
/*テキストサイズ*/
.text_bold {
	font-weight:bold;
}
.text_12 {
	font-size:12px;
}
.text_13 {
	font-size:13px;
}
.text_14 {
	font-size:14px;
}
.text_16 {
	font-size:16px;
}
.text_18 {
	font-size:18px;
}
.text_20 {
	font-size:20px;
}
.text_23 {
	font-size:23px;
}
.text_27 {
	font-size:27px;
}
/* パディング */
.pa_0_0_5 {
	padding:0 0 5px;
}/*下5px*/
.pa_0_0_10 {
	padding:0 0 10px;
}/*下10px*/
.pa_0_0_15 {
	padding:0 0 15px;
}/*下15px*/
.pa_0_0_20 {
	padding:0 0 20px;
}/*下20px*/
.pa_0_0_30 {
	padding:0 0 30px;
}/*下30px*/
.float_cancel {
	clear:both;
}
html {
	height:100%;
	zoom:1;
}

a {
	color:#000;
	text-decoration:none;
}
body {
	min-height:100%;
	padding-bottom:274px;
	text-align:center;
	position:relative;
	zoom:1;
}
main, header, .footer_nav_inner, #footer_main, .main_visual, .construction_section, .notice_section, .cooperat_section {
	width:980px;
	margin:0 auto;
	text-align:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}/* IE width counter measure */
main {
	height:100%;
}
.head-1 {
	background-color:#f26300;
}
.head-1 h1 {
	width:980px;
	margin:0 auto;
	color:#fff;
	font-size:11px;
	text-align:left;
}
header {
	height:88px;
	position:relative;
	text-align:left;
	z-index:1;
}
header .logo_img1 {
	width:175px;
	height:81px;
	float:left;
	padding:7px 0 0 25px ;
}
header .logo_img1 a {
	display:block;
}
header .logo_img1 img{
	width:138px;
	position:absolute;
	top:7px;
	left:25px;
}
header .top_contact{
	width:780px;
	height:50px;
	margin-left:200px;
	text-align:right;
}
header .top_label {
	width:auto;
	height:40px;
	margin-right:10px;
	color:#f26300;
	font-size:11px;
	text-align:center;
	position:absolute;
	top:11px;
	right:325px;
}
header .tel_img {
	width:208px;
 position:absolute;
	top:12px;
	right:133px;
}
header .contact_button {
	width:123px;
	height:31px;
	position:absolute;
	top:11px;
	right:0;
}
header #main_nav {
	width:780px;
	height:38px;
	margin-left:200px;
	clear:both;
	position:absolute;
	right:0;
	bottom:0;
}
header #main_nav li {
	width:130px;
	height:38px;
	float:left;
	text-align:center;
}
header #main_nav li a {
	display:block;
	width:130px;
	height:38px;
	font-size:16px;
	font-weight:bold;
	line-height: 39px;
}
header #main_nav li a:hover {
	color:#f26300;
}
/* sub-menu control サブメニュー制御-- */
header #main_nav li ul li {
	z-index:100;
	overflow: hidden;
	height: 0;
	transition: .2s;
	display: block;
}
header #main_nav #menu2:hover ul li {
	overflow: visible;
	height: 38px;
}
header #main_nav #menu3:hover ul li {
	overflow: visible;
	height: 38px;
}
header #main_nav #menu4:hover ul li {
	overflow: visible;
	height: 38px;
}
header #main_nav #menu5:hover ul li {
	overflow: visible;
	height: 38px;
}
header #main_nav #menu6:hover ul li {
	overflow: visible;
	height: 38px;
}
#main_nav ul li a {
	display:block;
	width:130px;
	font-size:10px;
	font-weight: bold;
	font-weight:normal;
	color:#fff;
	background-color:#333;
	filter: alpha(opacity=80);			/* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";	/* ie 8 */
	-moz-opacity:0.8;					/* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;				/* Safari 1.x */
	opacity:0.8;
	zoom:1;
}
#main_nav ul li a:hover {
	background-color:#fdeddf;
	filter: alpha(opacity=90);			/* ie lt 8 */
	-ms-filter: "alpha(opacity=90)";	/* ie 8 */
	-moz-opacity:0.9;					/* FF lt 1.5, Netscape */
	-khtml-opacity: 0.9;				/* Safari 1.x */
	opacity:0.9;
	zoom:1;
}
/* ページ情報なしの時の最低高さ */
/*main {
	min-height:100px;
}*/
/* footer---  */
#footer_nav {
	width:100%;
	height:48px;
	background-color:#f2ac00;
	position:absolute;
	bottom:120px;
	left:0;
}
#footer_nav #end_nav {
	width:320px;
	font-size:14px;
	float:right;
	padding:13px 0;
}
#footer_nav #end_nav li {
	display:inline-block;
	float:left;
	text-align:center;
	padding:0 15px;
	border-right:1px solid #fff;
}
#footer_nav #end_nav li:first-child {
	border-left:1px solid #fff;
}
#footer_nav #end_nav li a {
	color:#fff;
	font-weight:bold;
}
#footer_nav #end_nav li a:hover {
	text-decoration:underline;
}
footer {
	width:100%;
	height:120px;
	position:absolute;
	left:0;
	bottom:0;
	background-color:#eeeeef;
}
#footer_main {
	width:980px;
	height:116px;
	margin:0 auto;
	position:relative;
}
#footer_main img {
	margin-top:30px;
	margin-right:auto;
}
#footer_main p {
	font-size:12px;
	width:240px;
	margin-right:auto;
}
#footer_main .copy_right {
	font-size:12px;
	width:auto;
	position:absolute;
	right:0;
	bottom:10px;
}
/*白くする*/
.overwhite{
	background-color:#ffffff;
	display:block;
}
.overwhite:hover img{
	cursor:pointer;
	filter: alpha(opacity=60);			/* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";	/* ie 8 */
	-moz-opacity:0.6;					/* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;				/* Safari 1.x */
	opacity:0.6;
	zoom:1;
}
/*リンクごと白くする*/
.overwhitelink {
	background-color:#ffffff;
	display:block;
}
.overwhitelink:hover a{
	cursor:pointer;
	filter: alpha(opacity=60);			/* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";	/* ie 8 */
	-moz-opacity:0.6;					/* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;				/* Safari 1.x */
	opacity:0.6;
	zoom:1;
}
/* main style------------------------ */
.main_visual {
	width:980px;
	height:368px;
	margin-bottom:70px;
	position:relative;
}
.main_visual .left_img {
	position:absolute;
	top:0;
	left:0;
}
.main_visual .right_img_box {
	width: 781px;
	height: 368px;
}
/* slider control-- */
.main_visual .bx-wrapper {
	width:781px;
	position:absolute;
	right:0;
	z-index:0;
}
.main_visual .right_img_box a {
	display:block;
	width: 781px;
	height: 368px;
}
.main_visual .right_img_box .const_li1 {
	background: url(../img/header_right01_02.png) no-repeat;
}
.main_visual .right_img_box .const1:hover img{
	background-color:transparent;/* IE6 */
	display:inline-block;/* IE7 */
}
.main_visual .right_img_box .const1:hover img{
	visibility:hidden;
}
.main_visual .right_img_box .const_li2 {
	background:url(../img/header_right02_02.png) no-repeat;
}
.main_visual .right_img_box .const2:hover {
	background-color:transparent;/* IE6 */
	display:inline-block;/* IE7 */
}
.main_visual .right_img_box .const2:hover img{
	visibility:hidden;
}
.main_visual .right_img_box .const_li3 {
	background:url(../img/header_right03_02.png) no-repeat;
}
.main_visual .right_img_box .const3:hover {
	background-color:transparent;/* IE6 */
	display:inline-block;/* IE7 */
}
.main_visual .right_img_box .const3:hover img{
	visibility:hidden;
}
/* /slider control */
/* construction_section */
.construction_section {
	margin-bottom:70px;
}
.construction_section h2 {
	font-size:26px;
	font-weight:bold;
	width:180px;
	margin-bottom:20px;
	float:left;
}
.construction_section ul {
	/*width:700px;*/
}
.construction_section ul li {
	display:inline-block;
	float:left;
	width:100px;
	margin-top:10px;
	padding:0 8px;
	text-align:center;
	border-right:1px solid #ccc;
}
.construction_section ul li:first-child {
	border-left:1px solid #ccc;
}
.construction_section ul li a {
	font-size:14px;
}
.construction_section ul li a:hover {
	color:#F26300;
}
.sekoh {
	clear:both;
}
.construction_section figure {
	width:236px;
	height:auto;
	display:inline-block;
	float:left;
	margin-left:10px;
	overflow:hidden;
}
.construction_section figure img {
	max-width:236px;
	height:147px;
	vertical-align:bottom;
}
.construction_section figure:first-child {
	margin:0;
}
.construction_section figcaption {
	font-size:12px;
}
/* notice section */
.notice_section {
	margin-bottom:70px;
}
.notice_section h2 {
	font-size:26px;
	font-weight:bold;
	margin-bottom:3px;
}
.notice_section li {
	height:40px;
	line-height:40px;
	border-bottom:1px dashed #ddd;
}
.notice_section li:first-child {
	border-top:1px solid #ddd;
}
.notice_section ul li:last-child {
	border-bottom:1px solid #ddd;
}
.notice_section time {
	font-size:13px;
	color:#505050;
	display:inline-block;
	width:110px;
}
.notice_section a {
	color:#f26300;
	font-size:16px;
}
.notice_section a:hover {
	text-decoration:underline;
}
.notice_section .notice_date {
	text-align:right;
	margin-top:5px;
	padding-right:15px;
}
.notice_section .notice_date a {
	font-size:14px;
	font-weight:bold;
	position:relative;
}
.notice_section .notice_date a:after {
	display:block;
	width:4px;
	height:4px;
	border-top:3px solid #f26300;
	border-right:3px solid #f26300;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
	content:"";
	position:absolute;
	top:7px;
	right:-10px;
}
/* cooperat section */
.cooperat_section {
	background-color:#fef2d0;
	padding-bottom:15px;
}
.cooperat_section h2 {
	padding:5px 0 0 20px;
	font-size:16px;
	font-weight:bold;
	height:35px;
	line-height:35px;
}
.cooperat_section .cooperat {
	background-color:#fff;
	width:950px;
	margin:0 auto;
	padding-bottom:15px;
}
.cooperat_section ul li {
	display:inline-block;
	font-size:16px;
	width:290px;
	margin:15px 0 0 20px;
}
.cooperat_section ul li a {
	color:#f26300;
}
.cooperat_section ul li a:hover {
	text-decoration: underline;
}
/* page back to top button */
.backtop_button {
	width:100%;
	margin:65px auto 10px;
	position:absolute;
	left:0;
	bottom:168px;
	z-index:10;
}
.backtop_button div {
	width:980px;
	height:36px;
	margin:0 auto;
}
.backtop_button a{
	display:block;
	width:36px;
	height:36px;
	float:right;
}

/*-----メモリーターフ-----*/
.exterior{
	width: 980px;
	margin: 0 auto;
}
.memoryturf_eyecatch{
	margin: 56px 0 0 0;
}
.memoryturf_eyecatch .eyecatch_left{
	width: 590px;
	text-align: justify;
	font-size: 17px;
	float: left;
}
.memoryturf_eyecatch .eyecatch_left img{
	margin: 0 0 16px 0;
}
.memoryturf_eyecatch .eyecatch_left p{
}
.memoryturf_eyecatch .eyecatch_right{
	float: right;
	margin: 0 22px 0 0;
}
/*メモリーターフの秘密*/
.secret{
	margin: 35px 0 0 0;
}
.secret img{
	float: left;
}
.secret .secret_text{
	float: right;
	width: 510px;
	text-align: justify;
	line-height: 1.8;
}
/*6つの特徴*/
.feature{
	margin: 50px 0 72px 0;
}
/*タイプ*/
.type{
	text-align: center;
}
.type .type_img{
	width: 730px;
	margin: 0 auto 45px auto;;
}
.type .type_block{
	margin: 0 auto 37px auto;
	width: 809px;
}
.type .type_block .type_name{
	font-size: 27px;
	font-weight: bold;
	color: #fff;
	background-color: #006837;
	margin: 0 0 18px 0;
}
.type .type_block .type_sidebar{
	margin: 0 0 32px 0;
	text-align: justify;
}
.type .type_block .type_sidebar p{
}
.type .type_block img{
}

.type .type_block .type_wrapper{
}
.type .type_block .type_wrapper .type_wrap{
	width: 366px;
	text-align: justify;
	display: inline-block;
}
.type .type_block .type_wrapper .type_wrap:first-child{
	border-right: 1px dashed #554641;
	margin: 0 20px 0 0;
	padding: 0 24px 0 0;

}
.type .type_block .type_wrapper .type_wrap p{
	margin: 0 0 22px 0;
}
.type .type_block .type_wrapper .type_wrap img{
}
.type .clear{

}
/*ラインナップ*/
.lineup{
	text-align: center;
}
.lineup p{
	font-size: 28px;
	color: #fff;
	background-color: #554641;
	font-weight: bold;
	margin: 20px 0 20px 0;
}
.lineup a{
	display: block;
	margin: 0 0 10px 0;
}
/*メモリーターフ施工一覧を見る*/
.list_link{
	font-size: 16px;
	color: #d7756a;
	background-color: #f6f6f6;
	margin: 0 auto;
	padding: 13px 0;
	text-align: center;
	display: block;
}
.overwhite:hover img {
	cursor: pointer;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	zoom: 1;
}