/*-------------------------------------------
BASE
-------------------------------------------*/
@charset "utf-8";

@import 'grid.less';
@column-width: 60;
@gutter-width: 20;
@columns: 12;

* {
	margin: 0;
	padding: 0;
	}
html {
	font-family: "メイリオ", "Meiryo UI", Hiragino Kaku Gothic Pro, Arial, Helvetica, sans-serif;
	font-size:14px;
}
body {
	margin: 0;
	padding: 0;
    background-color: #fff;
	font: "Meiryo UI";
	font-size:1em;
	line-height:1.5em;
	color:#333333;
}
.row {
    width:100%;
    margin:0;
    padding:0;
    overflow:hidden
}
.container {
    width:960px;
    height:auto;
    margin:0 auto;
}
.left {float:left}
.right {float:right}

.top30 {margin-top:30px}
.bottom30 {margin-bottom:30px}

.uptop {
	margin-top:-90px;
	position:relative;
	z-index:99999
}

.red {
	color:#FF0000
	}

a img:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
	}

p { margin-bottom: 1.0em;}
/*-------------------------------------------
HEADER
-------------------------------------------*/
header {
	width:100%;
	height:510px;
	background:url(../img/header-bg.jpg);
	background-position:50% 50%;
    background-size:cover;
	position:relative;
	z-index:1;
	}

.logo {
	.column(3);
	position:relative;
	top:0
}
	.logo a {
		display:block;
		background:url(../img/logo.png)no-repeat;
		width:220px;
		height:111px;
		}
		.logo h1 {
				visibility:hidden;
			}

.header-contact {
	.column(7);
	background:url(../img/header-contact.png)no-repeat;
	width:529px;
	height:111px;
	}
	.header-contact h2 {
		font-size:12px;
		font-weight:100;
		margin:0px 5px 5px 20px;
		color:#ffffff;
		letter-spacing:1px;
		}

.header-pay {
	.column(2);
	background:url(../img/pay.png)no-repeat;
	width:138px;
	height:111px;
	}
	.header-pay img {
		padding-top:75px;
		}

#nav-bg {
	/*background:url(../img/nav-bg.png)repeat-x;*/
	background: #fff;
	width:100%;
	height:40px;
	}

	nav {
		margin-left:40px;
		background-color: #fff;
		font: "Meiryo UI";
		//font-size:0.875em;
		font-size:14px;
		font-weight:500;
		color:#333333;
		}
    nav li {
		float:left;
		list-style:none;
    }
		nav a {
			display:block;
			width:100%;
			height:100%;
			text-decoration:none;

		}
		nav a:link {color: #333333}
		nav a:visited {color: #333333}
		nav a:hover {color: #ef8fa6}
		nav a:active {color: #0000FF}

			nav p {
				margin-top:9px;
				}



					#title_climer_ex02 {
				    width: 100%;
				    height: auto;
				    position: absolute;
				    top: 397px;
				    z-index: 100;
				}




/*-------------------------------------------
FOOTER
-------------------------------------------*/

footer {
	width:100%;
	//height:800px;
	background:#4d4d4d;
	background-position:50% 50%;
    background-size:cover;
	position:relative;
	z-index:1;
	font-size:0.8em
	}

	.footer-box {
		margin-top:40px;
		margin-bottom:110px;
		display:table;
		width:960px;
		height:auto;
		background-color:#fff;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 5px;
		-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.64);
		-moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.64);
		box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.64);
		}





			.fbs {
				.column(6);
				margin-bottom:20px;
						    margin: 0 0px 0 20px;
				}

				.ftitle {
					margin-top:20px;
					width:440px;
					height:32px;
					border-bottom:4px;
					border-bottom-style:solid;
					border-bottom-color:#F0D0D5;
					}
					.ftitle h6 {
						font-size:18px;
						font-weight:bold;
						color:#4d4d4d;
						float:left;
						}
					.ftitle img {
						float:right;
						}

					table.fdetail {
						margin-top:20px
						}
						.fdetail th, .fdetail td {
							vertical-align:top;
					   		text-align:left;
							font-weight:100;
							}

					.fdetail p {
						padding-top:10px;
						margin-right:10px;
						font-size:12px;
						}
					.fdetail img {
						padding-top:10px;
						float:left;
						margin-right:20px;

						}

.fnav {
	background:url(../img/f-nav-bg.png)repeat-x;
	width:100%;
	height:130px;
	}
.gotop{
	position:relative;
	top:-30px;
	left:30px;
	}
@media screen and (max-width: 1045px) {
  .gotop {
	position:relative;
	top:-120px;
	left:50%;
	margin-left:-30px
	  }
}

.copyright {
	position:absolute;
	top:auto;
	left:50%;
	margin-left:-128px;
	    bottom: 3%;
	}

/*-------------------------------------------
CONTENT
-------------------------------------------*/



h2.title {
	border-bottom: 1px #ef8fa6 solid;
	width: 960px;
	height: 36px;
	color: #333;
	font: "Meiryo";
	font-size: 27px;
	font-sketch: normal;
	font-weight: normal;
	padding-top: 5px;
	letter-spacing: 1px;
	margin-bottom: 3em;
	text-align: center;
	}


h3.title {
	border-bottom: 5px #ef8fa6 solid;
	border-left: 15px #ffd4ea solid;
	width: 960px;
	height: 36px;
	color: #333;
	font: "Meiryo";
	font-size: 18px;
	font-sketch: normal;
	font-weight: bold;
	text-indent: 20px;
	padding-top: 5px;
	letter-spacing: 1px;
	margin-bottom: 1em;
	}
/*-------------------------------------------
CHILD PAGE
-------------------------------------------*/

#page-top-img {
	position:absolute;
	top:175px;
	margin:0 auto;
	z-index:2;
	background:url(../img/top-img.png)no-repeat;
	width:960px;
	height:354px;
	text-indent:-9999em;
	}

#page-top-product {
	position:relative;
	top:-255px;
	left:670px;
	}

#content p {
	font:"Meiryo";
	// font-size:16px;
	letter-spacing: 0.1em;
	}

	#content p.intro {
		font-size: 16px;
    border-bottom: 1px #ef8fa6 dashed;
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
		}

		#content p.sentence03 {
			font-size: 16px;
			border-bottom: 1px #ef8fa6 dashed;
			padding: 0 0 30px 0;
			margin: 0 0 30px 0;
			}

			#content p.sentence04 {
				font-size: 16px;
		    border-bottom: 1px #ef8fa6 dashed;
		    padding: 30px 0 30px 0;
		    margin: 0px 0 30px 0;
		    text-align: center;
				}

.left10 {
	margin-left:10px;
	}

.space90 {
	width:100%;
	height:90px;
	display:block
	}

/*-------------------------------------------
LAYOUT
-------------------------------------------*/

.cb{ clear:both;}

.centering{ width: 100%; text-align: center;}
.centering img{ margin-left: auto; margin-right: auto; }


/*margin*/

.mg01{ margin: 4px; }
.mg02{ margin: 8px; }
.mg03{ margin: 12px; }
.mg04{ margin: 16px; }
.mg05{ margin: 20px; }
.mg06{ margin: 24px; }
.mg07{ margin: 28px; }
.mg08{ margin: 32px; }
.mg09{ margin: 36px; }
.mg10{ margin: 40px; }

.mgT01{ margin-top: 4px; }
.mgT02{ margin-top: 8px; }
.mgT03{ margin-top: 12px; }
.mgT04{ margin-top: 16px; }
.mgT05{ margin-top: 20px; }
.mgT06{ margin-top: 24px; }
.mgT07{ margin-top: 28px; }
.mgT08{ margin-top: 32px; }
.mgT09{ margin-top: 36px; }
.mgT10{ margin-top: 40px; }


.mgR01{ margin-right: 4px; }
.mgR02{ margin-right: 8px; }
.mgR03{ margin-right: 12px; }
.mgR04{ margin-right: 16px; }
.mgR05{ margin-right: 20px; }
.mgR06{ margin-right: 24px; }
.mgR07{ margin-right: 28px; }
.mgR08{ margin-right: 32px; }
.mgR09{ margin-right: 36px; }
.mgR10{ margin-right: 40px; }
.mgR20{ margin-right: 80px; }

.mgL01{ margin-left: 4px; }
.mgL02{ margin-left: 8px; }
.mgL03{ margin-left: 12px; }
.mgL04{ margin-left: 16px; }
.mgL05{ margin-left: 20px; }
.mgL06{ margin-left: 24px; }
.mgL07{ margin-left: 28px; }
.mgL08{ margin-left: 32px; }
.mgL09{ margin-left: 36px; }
.mgL10{ margin-left: 40px; }

.mgB01{ margin-bottom: 4px; }
.mgB02{ margin-bottom: 8px; }
.mgB03{ margin-bottom: 12px; }
.mgB04{ margin-bottom: 16px; }
.mgB05{ margin-bottom: 20px; }
.mgB06{ margin-bottom: 24px; }
.mgB07{ margin-bottom: 28px; }
.mgB08{ margin-bottom: 32px; }
.mgB09{ margin-bottom: 36px; }
.mgB10{ margin-bottom: 40px; }


/*WIDTH*/
.wd10{ width: 10px;}
.wd20{ width: 20px;}
.wd30{ width: 30px;}
.wd40{ width: 40px;}
.wd50{ width: 50px;}
.wd60{ width: 60px;}
.wd70{ width: 70px;}
.wd80{ width: 80px;}
.wd90{ width: 90px;}
.wd100{ width: 100px;}

.wd200{ width: 200px;}
.wd210{ width: 210px;}
.wd220{ width: 220px;}
.wd230{ width: 230px;}
.wd240{ width: 240px;}
.wd250{ width: 250px;}
.wd260{ width: 260px;}
.wd270{ width: 270px;}
.wd280{ width: 280px;}
.wd290{ width: 290px;}

.wd300{ width: 300px;}
.wd400{ width: 400px;}
.wd500{ width: 500px;}

.wd600{ width: 600px;}
.wd610{ width: 610px;}
.wd620{ width: 620px;}
.wd630{ width: 630px;}
.wd640{ width: 640px;}
.wd650{ width: 650px;}
.wd660{ width: 660px;}
.wd670{ width: 670px;}
.wd680{ width: 680px;}
.wd690{ width: 690px;}
.wd700{ width: 700px;}


.wd700{ width: 700px;}
.wd800{ width: 800px;}
.wd900{ width: 900px;}
.wd100{ width: 1000px;}



.bd1{ border: solid 1px red;}
.bd2{ border: solid 1px blue;}





// 404
#bt_404{

}

#bt_404 a{
	width: 200px;
	text-align: center;
	background: #ffb9c9;
	color: #615d5e;
	font-weight: bold;
	margin: 0 auto 30px;
	font-size: 18px;
	padding: 15px;
	display: block;
	text-decoration: none;
}