@charset "utf-8";
/* ===================================================================
 temp css
============================================================== */
.nav_wrap2 {
	width: 35px;
	background-color: #463933;
	height: 100%;
	position: fixed;
	top: 0;
	right:0;
	z-index: 10000;
	display: block;
}
.bc1 {
	width: 26px;
	height: 10px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 33px 0 0 5px;
	border-bottom: 1px #fff solid;
	padding-bottom: 20px;
}
.bc1 a {
	width: 26px;
	height: 10px;
	background: url(../img/bc1.png) top center no-repeat;
	text-indent: -9999px;
	display: block;
	/*Hide Mac-IE\*/
overflow:hidden;/**/
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.bc1 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.bc2 {
	width: 30px;
	height: 8px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 15px 0 0 5px;
	background: url(../img/bc2.png) top center no-repeat;
	padding-bottom: 10px;
}
.bc3 {
	/*width: 10px;*/
	height: 21px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0 auto;
	/*padding-bottom: 15px;*/
	padding-bottom: 5px;
}
.bc3 a {
	/*width: 10px;*/
	height: 21px;
	background: url(../img/bc3.png) top center no-repeat;
	text-indent: -9999px;
	display: block;
	/*Hide Mac-IE\*/
overflow:hidden;/**/
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.bc3 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.bc4 {
	width: 26px;
	height: 18px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0 auto;
	padding-bottom: 10px;
	margin: 0px 0 0 5px;
	border-bottom: 1px #fff solid;
}
.bc4 a {
	width: 26px;
	height: 18px;
	background: url(../img/bc4.png) top center no-repeat;
	text-indent: -9999px;
	display: block;
	/*Hide Mac-IE\*/
overflow:hidden;/**/
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.bc4 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.bc5 {
	width: 30px;
	height: 8px;
	overflow: hidden;
	text-indent: -9999px;
	/*margin: 15px 0 0 5px;*/
	margin: 0px 0 0 5px;
	background: url(../img/bc5.png) top center no-repeat;
	padding-bottom: 10px;
}
.bc6 {
	width: 22px;
	height: 11px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0 auto;
	padding-bottom: 15px;
}
.bc6 a {
	width: 22px;
	height: 11px;
	background: url(../img/bc6.png) top center no-repeat;
	text-indent: -9999px;
	display: block;
	/*Hide Mac-IE\*/
overflow:hidden;/**/
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.bc6 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.bc7 {
	width: 17px;
	height: 9px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0 auto;
	padding-bottom: 15px;
}
.bc7 a {
	width: 17px;
	height: 9px;
	background: url(../img/bc7.png) top center no-repeat;
	text-indent: -9999px;
	display: block;
	/*Hide Mac-IE\*/
overflow:hidden;/**/
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.bc7 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.bc8 {
	width: 30px;
	height: 10px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0 auto;
	padding-bottom: 15px;
}
.bc8 a {
	width: 30px;
	height: 10px;
	background: url(../img/bc8.png) top center no-repeat;
	text-indent: -9999px;
	display: block;
	/*Hide Mac-IE\*/
overflow:hidden;/**/
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.bc8 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.bc9 {
	width: 26px;
	height: 11px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0 auto;
	padding-bottom: 15px;
}
.bc9 a {
	width: 26px;
	height: 11px;
	background: url(../img/bc9.png) top center no-repeat;
	text-indent: -9999px;
	display: block;
	/*Hide Mac-IE\*/
overflow:hidden;/**/
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.bc9 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.bc10 {
	width: 26px;
	height: 96px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0 auto;
	padding-bottom: 15px;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
	padding-top: 25px;
	padding-bottom: 25px;
}
.bc10 a {
	width: 26px;
	height: 96px;
	background: url(../img/bc10.png) top center no-repeat;
	text-indent: -9999px;
	display: block;
	/*Hide Mac-IE\*/
overflow:hidden;/**/
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.bc10 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/*↓↓↓↓20160107キャンセルボタン追加↓↓↓↓*/
.bcCancel {
	width: 26px;
	height: 174px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0 auto;
	padding-bottom: 15px;
	border-bottom: 1px #fff solid;
	padding-top: 25px;
	padding-bottom: 25px;
}
.bcCancel a {
	width: 26px;
	height: 174px;
	background: url(../img/bc_cancel.png) top center no-repeat;
	text-indent: -9999px;
	display: block;
	/*Hide Mac-IE\*/
overflow:hidden;/**/
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.bcCancel a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.footerCancel img{
	margin:10px 0 30px 0;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.footerCancel img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/*↑↑↑↑20160107キャンセルボタン追加↑↑↑↑*/



/*----------------------------------------------------
	g_header
----------------------------------------------------*/
.g_header_wrap {
	width: 100%;
	height: 118px;
	overflow: hidden;
	background: url(../img/nav_bac.png) 0 0 repeat;
	z-index: 1000;
}
.g_header {
	width:  1040px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	z-index: 1000;
	margin-bottom: 90px;
}
/*----------------------------------------------------
 wrapper
----------------------------------------------------*/
#wrapper {
	width: 100%;
	overflow: hidden;
}
.wrapper_in {
	width: 952px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 751px;
}
/*----------------------------------------------------
	logo
----------------------------------------------------*/
.logo {
	width: 301px;
	height: 64px;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	margin-top: 16px;
	margin-bottom: 19px;
}
.logo a {
	width: 301px;
	height: 64px;
	overflow: hidden;
	display: block;
	background: url(../img/logo.png) 0 0 no-repeat;
}
/*----------------------------------------------------
 nav
----------------------------------------------------*/
.nav_wrap {
	/*width: 578px;*/
	width: 715px;
	float: left;
	overflow: hidden;
	/*margin: 29px 0 0 58px;*/
	margin: 29px 0 0 23px;
}
.nav_wrap .nav {
	width: 578px;
	overflow: hidden;
}
.nav_wrap .h_nav ul li {
	float: left;
}
.h_nav li a {
	width: 578px;
	height: 48px;
	background: url(../img/nav.png) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
	/*Hide Mac-IE\*/
overflow:hidden;/**/
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.h_nav li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.h_nav .bt1 a {
	width: 149px;
	display: block;
	background-position: 0 0px;
}
.h_nav .bt1 a:hover {
	width: 149px;
	background-position: 0 0px;
}
.h_nav .bt2 a {
	width: 65px;
	display: block;
	background-position: -149px -0px;
}
.h_nav .bt2 a:hover {
	width: 65px;
	background-position: -149px 0px;
}
.h_nav .bt3 a {
	width: 75px;
	display: block;
	background-position: -214px 0px;
}
.h_nav .bt3 a:hover {
	width: 75px;
	background-position: -214px 0px;
}
.h_nav .bt4 a {
	width: 71px;
	display: block;
	background-position: -289px 0px;
}
.h_nav .bt4 a:hover {
	width: 71px;
	background-position: -289px 0px;
}
.h_nav .bt5 a {
	width: 71px;
	display: block;
	background-position: -360px 0px;
}
.h_nav .bt5 a:hover {
	width: 71px;
	background-position: -360px 0px;
}
.h_nav .bt6 a {
	width: 85px;
	display: block;
	background-position: -431px 0px;
}
.h_nav .bt6 a:hover {
	width: 85px;
	background-position: -431px 0px;
}
.h_nav .bt7 a {
	width: 62px;
	display: block;
	background-position: -516px 0px;
}
.h_nav .bt7 a:hover {
	width: 62px;
	background-position: -516px 0px;
}
.h_nav .sumie_banner a {
	margin-left: 15px;
	width: 120px;
	height: 50px;
	display: block;
	 background: url(../img/sumie_banner_pc.jpg) 0 0 no-repeat;
}
#contents-other p {
	line-height: 1.6;
}

/*------------------------------------------------
footer
--------------------------------------------------*/
#contents-other #footer {
	width: 100%;
	height:350px;
	overflow: hidden;
	background-color: #463933;
	padding-top: 20px;
	margin: 0 auto;
	margin-top: 117px;
	z-index: 10;
	color: #ffffff;
	clear: both;
}
#contents-other .footer_wrap {
	width: 950px;
	height:312px;
	overflow: hidden;
	background-color: #463933;
	margin: 0 auto;
	z-index: 10;
	color: #ffffff;
	clear: both;
	padding-left: 20px;
}
.footer_wrap_side {
	width: 720px;
	overflow: hidden;
	float: left;
}
#contents-other .footer_wrap ul {
	margin-bottom: 20px;
	overflow: hidden;
}
#contents-other .footer_wrap ul li {
	float: left;
	margin-bottom:10px;
}
.add1 {
	clear: both;
}
/*------------------------------------------------
copy
--------------------------------------------------*/
.copy {
	font-size: 12px;
	color: #5D524D;
}
/*------------------------------------------------
p_top
--------------------------------------------------*/
.p_top {
	width: 97px;
	height: 29px;
	overflow: hidden;
	float: left;
}
.p_top a {
	width: 97px;
	height: 29px;
	background: url(../img/p_top.png) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
	/*Hide Mac-IE\*/
overflow:hidden;/**/
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.p_top a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/*------------------------------------------------
t_p_top
--------------------------------------------------*/
.t_p_top {
	width: 97px;
	height: 29px;
	overflow: hidden;
	margin-left: 780px;
	margin-bottom: 126px;
	clear: both;
}
.t_p_top a {
	width: 97px;
	height: 29px;
	background: url(../img/t_p_top.png) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
	/*Hide Mac-IE\*/
overflow:hidden;/**/
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.t_p_top a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}