@charset "UTF-8";

/*=====================================================

		リセット

======================================================*/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}
ul { 
	letter-spacing: -1em;
	word-spacing: -1em;
	}
:root ul {
	letter-spacing: -1px;
	word-spacing: -1px;
	}
li { 
	letter-spacing: normal;
	word-spacing: normal;
	*display: inline;
	*zoom: 1;
	}
table { border-collapse:collapse;border-spacing:0;}
figure { margin:0;}
img,iframe	{ vertical-align:bottom;}

/*=====================================================

		メイン設定

======================================================*/

html,body { height:100%; width:100%; min-width:1280px; font-size:15px;}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:0.1em;
	color:#222;
	text-align:left;
	-webkit-font-smoothing: antialiased;
  	}
a {
	text-decoration:none;
	color:#444;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	cursor:pointer;
	}
	a:hover {
	text-decoration: underline;
	}
	a img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	}
	a:hover img {
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	}
.clear:after {
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden ;
	height:1px;
	font-size:1px;
	}
.small,small { color:#777;font-size:12px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:150%; letter-spacing:0; }

/*=================================================

		共通設定

==================================================*/

body	{ background: url(../images/parts/background.jpg) center center repeat; }

.wrapper			{ width:100%; min-width: 1280px; *width:1280px; background:url(../images/parts/back-image.png) top center repeat-y;}

article				{ }
section				{ position:relative;}

	.wrap			{ width:1180px; margin:0 auto; box-sizing:border-box; }
	.row			{ margin-left:auto; margin-right:auto; position:relative; }

	.row:before, .row:after { content:""; display:table; }
	.row:after { clear: both; }
	.row { zoom: 1; }

	.center		{ text-align:center;}
	.text-l		{ text-align:left;}
	.text-r		{ text-align:right;}
	.float-l	{ float:left; }
	.float-r	{ float:right; }

	.white-text { color:#FFF !important;}
	.text		{ padding-bottom:2.5em;}

	.outer		{ max-width:1480px; height:auto; overflow:hidden; margin-left:auto; margin-right:auto; position:relative; }
	.inner		{ width:1080px; margin:0 auto; position:relative;}

.w500		{ width:500px;}	
.w520		{ width:520px;}
	.w540		{ width:540px;}
	.w590		{ width:590px;}
	.w620		{ width:620px;}

	.w500c		{ width:500px; margin: 0 auto;}
	.w980c		{ width:980px; margin: 0 auto;}

	.pt-1em		{ padding-top:1em;}
	.pt-2em		{ padding-top:2em;}
	.pt-3em		{ padding-top:3em;}
	.pt-4em		{ padding-top:4em;}
	.pt-5em		{ padding-top:5em;}
	.pt-6em		{ padding-top:6em;}
	.pt-7em		{ padding-top:7em;}
	.pt-8em		{ padding-top:8em;}
	.pt-10em	{ padding-top:10em;}

	.pb-1em		{ padding-bottom:1em;}
	.pb-2em		{ padding-bottom:2em;}
	.pb-3em		{ padding-bottom:3em;}
	.pb-4em		{ padding-bottom:4em;}
	.pb-5em		{ padding-bottom:5em;}
	.pb-6em		{ padding-bottom:6em;}
	.pb-7em		{ padding-bottom:7em;}
	.pb-8em		{ padding-bottom:8em;}
	.pb-10em	{ padding-bottom:10em;}
	.pb-15em	{ padding-bottom:15em;}
	
	.pb-10		{ padding-bottom:10px;}

	.pd-7em		{ padding-top:7em; padding-bottom:7em;}
	.pd-10em	{ padding-top:10em; padding-bottom:10em;}

	.mb-2em		{ margin-bottom:2em;}
	.mb-5em		{ margin-bottom:5em;}
	.mb-7em		{ margin-bottom:7em;}
	.mb-10em	{ margin-bottom:10em;}

.bottom-none	{ padding-bottom:0;}

p				{ line-height:180%;}
small, .small	{ font-size:13px !important;}
.letter-none	{ letter-spacing:0;}
.indent			{ padding-left:50px;}
.shadow		{
	-moz-box-shadow:	0px 2px 8px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.4);
	-o-box-shadow:		0px 2px 8px rgba(0,0,0,0.4);
	-ms-box-shadow:		0px 2px 8px rgba(0,0,0,0.4);
	}
.anchor	{
	padding-top:120px;
	margin-top:-120px;
	}
.radius {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	}
	.f-16 { font-size:16px; }
	.f-18 { font-size:18px; }

/*=================================================

		ヘッダー

==================================================*/

.header-wrap {
	max-width:1480px;
	height:850px;
	overflow:hidden;
	margin:15px auto 100px;
	position:relative;
	}
	.page-header-wrap {
	max-width:1480px;
	height:450px;
	overflow:hidden;
	margin:15px auto 100px;
	position:relative;
	}
header{
	position: absolute;
	left:50%;
	top:0;
	width:370px;
	margin-left:-590px;
	}
.navigation-wrap {
	width:300px;
	margin:0 auto;
	text-align:center;
	position:relative;
	}
	.logo {
	position:relative;
	width:210px;
	text-align:center;
	padding:220px 0 55px;
	margin:0 auto;
	z-index:100;
	}
	.page-header-wrap .logo {
	padding:50px 0 55px;
	}
	.logo h1 { line-height:1;}
.tel {
	text-align:center;
	padding-bottom:20px;
	}
.sub-menu {
	padding-bottom:30px;
	width:292px;
	margin:0 auto;
	}
	.sub-menu li {
	float:left;
	width:146px;
	}
.navigation {
	width:280px;
	margin:0 auto;
	}
	.navigation ul {
	}
	.navigation li {
	float:right;
	padding:0 9px;
	}
	.navigation a:hover {
	text-decoration:none;
	}
	.navigation a:hover img {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	}

	/* *** hover bar *** */
	.navigation li a {
	position: relative;
	display: inline-block;
	transition: .3s;
	padding-bottom:10px;
	}
	.navigation li a:hover {
	}
	.navigation li a:after {
	position:absolute;
	top:-8px;
	left:50%;
	content:'';
	width:0;
	height:4px;
	background-color:#480000;
	transition:.3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%); 
	}
	.navigation li a:hover:after {
	width:100%;
	}

/*=================================================

		top

==================================================*/

/* ********************
		Slide show
******************** */

.slide-cover {
	background:url(../images/img/top/slide-cover.png) left center repeat-y;
	width:110px;
	height:850px;
	z-index:1;
	position:absolute;
	left:50%;
	top:15px;
	margin-left:-220px;
	}
#slide {
	width:960px;
	height:850px;
	position: absolute;
	left:50%;
	top:15px;
	margin-left:-220px;
	background:rgba(0,0,0,1);
	}

/* ********************
		Search
******************** */

.search-wrap {
	width:100%;
	height:140px;
	position:rerative;
	}
.search-box {
	width:100%;
	height:140px;
	z-index:100;
	background:#351A15;
	position:absolute;
	right:50%;
	margin-right:-360px;
	padding:30px;
	box-sizing:border-box;
	}
.search {
	width:850px;
	float:right;
	text-align:left;
	box-sizing:border-box;
	position:relative;
	z-index:50;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	.search-title{
	float: left;
	width:120px;
	box-sizing:border-box;
	margin-top:13px;
	margin-left:50px;
	}
	.search-title h3 {
	padding-top:13px;
	padding-bottom:0;
	}
	.search-form{
	width:850px;
	float:right;
	}
	.search-form p {
	float: left;
	padding:5px 7px;
	font-size:14px;
	color:#D3C9C0;
	display: inline-table;
	}
	.search-form p input,
	.search-form p select {
	margin-left:10px;
	padding:3px;
	vertical-align: middle;
	}
	.search-left {
	float:left;
	width:655px;
	padding-top: 8px;
	}
	.search-right{
	float:right;
	padding-top:8px;
	}
	.submit_btn {
	border: 0px;
	width:174px;
	height:78px;
	background:url(../images/img/top/search-btn.png) left top no-repeat;
	}
 	.submit_btn:hover {
	cursor: pointer;
	opacity:0.6;
	}

/* ********************
		Greeting
******************** */

.greeting-wrap {
	height:600px;
	}
	.greeting-image {
	width:910px;
	height:600px;
	position:absolute;
	left:50%;
	margin-left:-740px;
	background: url(../images/img/top/img_01.jpg) left top no-repeat;
	}
	.greeting-text {
	position:absolute;
	left:50%;
	margin-left:100px;
	width:490px;
	height:600px;
	}
	.greeting-text h2 {
	padding-top:65px;
	}
	.greeting-text p.g-text {
	padding:60px 0 0 110px;
	}
	.greeting-btn {
	position:absolute;
	bottom:0;
	left:260px;
	}

/* ********************
		Charm
******************** */

.charm-wrap {
	height:600px;
	}
	.charm-title {
	position:absolute;
	left:50%;
	top:0;
	margin-left:-150px;
	z-index:100;
	}
	.charm-r {
	width:790px;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-50px;
	z-index:1;	
	}
	.charm-l {
	width:690px;
	position:absolute;
	left:50%;
	margin-left:-740px;
	z-index:1;
	}
.charm_01 {
	background: url(../images/img/top/img_02_on.jpg) center center no-repeat;
	width:790px;
	height:600px;
	}
.charm_02 {
	background: url(../images/img/top/img_03_on.jpg) center center no-repeat;
	width:690px;
	height:300px;
	position:relative;
	top:0;
	}
.charm_03 {
	background: url(../images/img/top/img_04_on.jpg) center center no-repeat;
	width:690px;
	height:300px;
	position:relative;
	}
.charm-wrap a img {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	}
.charm-wrap a:hover img {
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	}

/* ********************
		Banner
******************** */

.banner-wrap {
	background:url(../images/img/top/banner-back.jpg) center center / cover no-repeat;
	width:100%;
	height:450px;
	position:relative;
	}
	.banner-text {
	position:absolute;
	left:50%;
	top:50px;
	margin-left:-230px;
	}
	.banner-btn {
	position:absolute;
	left:50%;
	top:20px;
	margin-left:-540px;
	}

/* ********************
		Point
******************** */

.point-title {
	position:absolute;
	left:50%;
	margin-left:-590px;
	margin-top:-50px;
	z-index:100;
	}
.point-wrap {
	height:450px;
	position:relative;
	}
	.point-l {
	width:500px;
	padding-top:100px;
	position:absolute;
	left:50%;
	margin-left:-590px;
	}
	.point-l p {
	padding-left:50px;
	}
	.point-r {
	width:500px;
	padding-top:50px;
	position:absolute;
	left:50%;
	margin-left:90px;
	}
	.point-r p {
	padding-left:50px;
	}
.point-image_01 {
	background:url(../images/img/top/img_05.jpg) top left no-repeat;
	width:810px;
	height:450px;
	position:absolute;
	left:50%;
	margin-left:-70px;
	}
.point-image_02 {
	background:url(../images/img/top/img_06.jpg) top left no-repeat;
	width:790px;
	height:450px;
	position:absolute;
	left:50%;
	margin-left:-740px;
	}

/* ********************
		Plan
******************** */

.plan-box {
	width: 1180px;
	padding-bottom: 2em;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	}
	.plan {
	float:left;
	width:270px;
	margin:0 30px 20px 0;
	background:url(../images/parts/arrow_01.jpg) right bottom no-repeat;
	box-sizing:border-box;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	}
	.plan:last-child {
	margin-right:0;
	}
	.plan-img {
	float:left;
	width:270px;
	height:200px;
	margin-bottom:1em;
	overflow:hidden;
	}
	.plan-img span {
	position:absolute;
	z-index:100;
	width:270px;
	height:200px;
	background:url(../images/img/top/plan-cover.png) center center no-repeat;
	}
	.plan-img img {
	max-width:270px;
	width:100%;
	height:auto;
	}
	.plan-text {
	overflow:hidden;
	padding:1em ;
	box-sizing:border-box;
	height:100px;
	background:url(../images/img/top/plan-back.png) center center no-repeat;
	}
	.plan a h3 {
	font-size:15px;
	font-weight:bold;
	color:#333;
	line-height:135%;
	letter-spacing:0;
	padding-bottom:1.5em;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	}
	.plan a:hover h3 {
	color:#B56937;
	}
	.plan a:hover {
	text-decoration:none;
	}
	.plan:hover .plan-text {
	background-color:rgba(0,0,0,.1);
	}

/* ********************
		sns / news / banner
******************** */

.facebook-wrap {
	float:left;
	width:500px;
	margin-right:40px;
	height:360px;
	}
.news-wrap {
	float:left;
	width:425px;
	height:360px;
	overflow:hidden;
	}
.small-banner-wrap {
	float:right;
	width:175px;
	}
	.small-banner-wrap p {
	padding-bottom:5px;
	}

/* ********************
		News
******************** */

.news li {
	padding:0 0 8px;
	}
	.news li span {
	width:5.5em;
	display:inline-block;
	padding-right:1em;
	}

/*=================================================

		下層共通

==================================================*/

.page-header {
	width:960px;
	height:450px;
	position: absolute;
	left:50%;
	top:15px;
	margin-left:-220px;
	}
	.greeting { background: url(../images/img/greeting/header.jpg) center center / cover;}
	.cuisine { background: url(../images/img/cuisine/header.jpg) center center / cover;}
	.spa { background: url(../images/img/spa/header.jpg) center center / cover;}
	.facilities { background: url(../images/img/facilities/header.jpg) center center / cover;}
	.fishing { background: url(../images/img/fishing/header.jpg) center center / cover;}
	.tourism { background: url(../images/img/tourism/header.jpg) center center / cover;}
	.access { background: url(../images/img/access/header.jpg) center center / cover;}
	.contact { background: url(../images/img/contact/header.jpg) center center / cover;}
	

.page-title {
	background:url(../images/img/top/slide-cover.png) left center repeat-y;
	width:110px;
	height:450px;
	z-index:1;
	position: relative;
	left:0;
	top:0;
	}
	.page-title h1 {
	width:110px;
	position:absolute;
	bottom: 100px;
	left: 37px;
	line-height:1;
	z-index:10;
	}

.table {
	width:100%;
	border-collapse: collapse;
	border-spacing:2px;
	font-size:14px;
	text-align:left;
	color:#111;
	letter-spacing:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-top:1px dotted #333;
	}
	.table tr {
	border-bottom:1px dotted #333;
	}
	.table th {
	padding:7px 15px 7px 0;
	vertical-align:top;
	}
	.table td {
	padding:7px 0 7px 15px;
	}
	.table a { color:#111;}

/* ********************
		greeting
******************** */

.greeting-col {
	background:url(../images/img/greeting/back.png) center top no-repeat;
	}
	.greeting-one {
	width:540px;
	margin:0 auto;
	}
	.greeting-two {
	float:left;
	width:540px;
	margin-right:100px;
	}
	.greeting-two:last-child {
	margin-right:0;
	}
	.greeting-one h2,
	.greeting-two h2 {
	margin-top:-40px;
	margin-bottom:15px;
	}
	.greeting-one p,
	.greeting-two p {
	width:480px;
	margin:0 auto;
	}
.greeting-banner {
	width:50%;
	float:left;
	height:400px;
	text-align:center;
	}
	.gb_01 {
	background:url(../images/img/greeting/banner_01.png) center center / cover ;
	}
	.gb_02 {
	background:url(../images/img/greeting/banner_02.png) center center / cover ;
	}
	.greeting-banner h2 {
	padding-top:160px;
	padding-bottom:30px;
	}

/* ********************
		cuisine
******************** */

.btn-wrap {
	width:1090px;
	margin:0 auto;
	}
.cui_01 {
	background:url(../images/img/cuisine/img_01.jpg) center center no-repeat;
	width:1180px;
	height:500px;
	position:relative;
	}
	.cui_01 h2 {
	position:absolute;
	left:50%;
	bottom:-35px;
	margin-left:-150px;
	z-index:100;
	}
	.cui_01 h3 {
	position:absolute;
	right:50px;
	top:50px;
	z-index:100;
	}
	.cui_01 p {
	position:absolute;
	left:20px;
	top:20px;
	z-index:100;
	}
.cui_02 {
	background:url(../images/img/cuisine/img_02.jpg) center center no-repeat;
	width:590px;
	height:360px;
	position:relative;
	text-align:center;
	margin-bottom:1em;
	}
	.cui_02 h3 {
	padding-top:80px;
	z-index:100;
	}
.cui_03 {
	background:url(../images/img/cuisine/img_03.jpg) center center no-repeat;
	width:590px;
	height:360px;
	position:relative;
	text-align:center;
	margin-bottom:1em;
	}
	.cui_03 h3 {
	padding-top:80px;
	z-index:100;
	}
.tw490 {
	width:490px;
	margin:0 auto;
	}
.cui-one {
	width:540px;
	margin:0 auto;
	}
.img-box {
	position:absolute;
	top:0;
	left:0;
	width:540px;
	height:360px;
	background:url(../images/img/cuisine/img_box.png) center center no-repeat;
	z-index:10000;
	}
.cui_05 h3 { position: relative; bottom:35px; z-index:99999;}
.cui_06 h3 { position: relative; bottom:70px; margin-left: 540px; z-index:99999;}
.cui_07 h3 { position: relative; bottom:55px; z-index:99999;}
.cui_08 h3 { position: relative; bottom:45px; z-index:99999;}

.menu-back {
	background:url(../images/img/cuisine/back_02.png) top center no-repeat;
	}
.img-box-s {
	position:absolute;
	top:0;
	left:0;
	width:380px;
	height:254px;
	background:url(../images/img/cuisine/img_box-s.png) center center no-repeat;
	z-index:10000;
	}
.kani-wrap {
	position:relative;
	width:1180px;
	height:820px;
	background:url(../images/img/cuisine/back.png) center center no-repeat;
	}
	.kani_01 {
	position:absolute;
	left:0;
	top:100px;
	width:380px;
	text-align:center;
	}
	.kani_02 {
	position:absolute;
	left:400px;
	top:0px;
	width:380px;
	text-align:center;
	}
	.kani_03 {
	position:absolute;
	left:800px;
	top:100px;
	width:380px;
	text-align:center;
	}
	.kani_04 {
	position:absolute;
	left:0px;
	top:450px;
	width:380px;
	text-align:center;
	}
	.kani_05 {
	position:absolute;
	left:400px;
	top:550px;
	width:380px;
	text-align:center;
	}
	.kani_06 {
	position:absolute;
	left:800px;
	top:450px;
	width:380px;
	text-align:center;
	}
.onmouse-list li {
    width:123px;
    float:left;
    margin-bottom:2px;
    margin-right:2px;
}
.onmouse-list li:nth-child(3n) {
    margin-right:0;
}
.onmouse-list li img {
    width:100%;
    height:auto;
}


/* ********************
		facilities
******************** */

.rooms-wrap {
	width:1120px;
	margin:0 auto;
	}
	.rooms-cover {
	position:absolute;
	top:0;
	left:0;
	width:540px;
	height:360px;
	background:url(../images/img/facilities/slide-cover.png) center center no-repeat;
	z-index:10000;
	}

/* ********************
		other
******************** */

.map {
	border:1px solid #999;
	margin-bottom:1em;
	}
.four {
	float:left;
	width:280px;
	margin-right:20px;
	}
	.four:last-child {
	margin-right:0;
	}
	.four p {
	letter-spacing:0;
	font-size:14px;
	}
.tourism-title {
	background:#581F1F;
	color:#FFF;
	line-height:135%;
	padding:7px 15px;
	font-size:16px;
	font-weight:normal;
	margin-bottom:.75em;
	}

#gmapArea #gmap {
	width: 100%;
	height: 600px;
	}
.mapbtn{
	width: 100%;
	text-align: center;
	margin-top: 15px;
}

/* ********************
		FORM
******************** */

.form-wrap {
	width:740px;
	margin:0 auto 2em;
	}
.form {
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-collapse: collapse;
	border-spacing:0;
	font-size:15px;
	text-align:left;
	border-top:1px dotted #666;
	}
	.form tr {
	line-height:150%;
	box-sizing:border-box;
	border-bottom:1px dotted #666;
	}
	.form th {
	text-align:left;
	width:17em;
	padding:20px 2em 12px 0;
	box-sizing:border-box;
	vertical-align:top;
	font-weight:normal;
	}
	.form td {
	text-align:left;
	padding:12px;
	box-sizing:border-box;
	color:#222;
	}
.form input {
	width:98%;
	box-sizing:border-box;
	background:#FFF;
	border:1px solid #BBB;
	padding:0.4em 1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	.form .short input {
	width:25%;
	}
	.form td.radio input {
	background:#FFF;
	border:none;
	}
	.form td.radio input {
	width:auto;
	vertical-align: text-top;
	box-shadow: none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	.form select {
	width:98%;
	box-sizing:border-box;
	background:#FFF;
	border:1px solid #BBB;
	padding:0.7em 2.5%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	.form textarea {
	width:98%;
	box-sizing:border-box;
	background:#FFF;
	border:1px solid #BBB;
	padding:0.7em 2.5%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.form_btn {
	text-align:center;
	margin:30px auto;
	width:365px;
	float:left;
	}
	html>/**/body #submit_button {
	cursor: pointer;
	display: block;
	color:#FFF;
	width: 365px;
	height: 60px;
	font-size:18px;
	border: none;
	background-color:#581F1F;
	-moz-box-shadow: 0px 3px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 8px rgba(0,0,0,0.5);
	}
	html>/**/body #submit_button:hover {
	background-color:#444;
	}
.form_btn-2 {
	text-align:center;
	margin:30px auto;
	width:365px;
	float:right;
	}
	html>/**/body #reset_button {
	cursor: pointer;
	display: block;
	color:#FFF;
	width: 365px;
	height: 60px;
	font-size:18px;
	border: none;
	background-color:#CCA35A;
	-moz-box-shadow: 0px 3px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 8px rgba(0,0,0,0.5);
	}
	html>/**/body #reset_button:hover {
	background-color:#444;
	}

/*=================================================

		フッター

==================================================*/

.footer-menu-wrap {
	background: url(../images/parts/footer-menu-back.png) top center repeat-x;
	width:100%;
	height:92px;
	position: relative;
	bottom:-12px;
	margin-top:-23px;
	z-index:100;
	}
.footer-menu {
	width:100%;
	text-align:center;
	padding:40px 0 0;
	color:#FFF;
	}
	.footer-menu li {
	display: inline-block;
	font-size:14px;
	}
	.footer-menu li a {
	padding:10px 20px 0;
	color:#FFF;
	}
	.footer-menu li a:hover {
	color:#FFF;
	text-decoration:underline;
	}
footer {
	width:100%;
	letter-spacing:0.03em;
	position:relative;
	color:#FFF;
	background: url(../images/parts/footer-back.jpg) top center repeat;
	}
	.footer-content {
	padding:50px 0;
	text-align:center;
	position:relative;
	}
	.footer-logo {
	padding-bottom:2em;
	}
	.footer-text {}
	.footer-content p {
	font-size:13px;
	letter-spacing:0;
	}

.copyright {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:20px 0;
	text-align:center;
	background:rgba(0,0,0,.5);
	letter-spacing:0;
	line-height:1;
	}
.copyright p {
	color:#DDD;
	padding:0;
	font-size:12px;
	line-height:1;
	}


/*=================================================

		ページトップ

 ==================================================*/

#totop {
	display:none;
	*display:block; /* IE 7 and below */
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:999;
	}
:root *> #totop { display:none;	}
#totop { display:block9; }
*+html #totop { display:block; }
#totop.open { display:block; }
a.totop{background: url(../images/parts/totop.png) no-repeat center top; background-size:cover;width:56px;height:56px;display:block;cursor:pointer;}
a.totop:hover{background-position:center bottom;}