@charset "utf-8";
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	color: #333;
}
div, td, th, p, pre {
	text-align: left;
	margin: 0;
	padding: 0px;
}
p {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: underline;
	color: #59b0ca;
}
a:hover {
	color: #999999;
	text-decoration: none;
}
li {
	margin: 0;
	list-style: none;
}
ol, ul {
	margin: 0;
	padding: 0;
}
img {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.left {
	float: left;
}
.right {
	float: right;
}
#header {
	width: 980px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	height: 100px;
}
#header .contents {
	float: left;
	margin-top: 15px;
}
#header h1 {
	font-size: 100%;
	margin: auto;
	text-align: left;
	font-weight: normal;
	padding: 0;
	float: left;
	color: #604300;
}
#header .section .logo {
	float: left;
}
#header .tel {
	float: right;
	margin-top: 8px;
}
#header ul.link {
	float: right;
	text-align: right;
	margin-top: 10px;
	width: 370px;
}
#header ul.link li {
	display: inline-block;
	font-size: 95%;
}
#header ul.link li a {
	color: #656565;
}
#header ul.link li::after {
	content: "｜";
}
#header ul.link li:last-child::after {
	content: "";
}




#headernavi {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-color: #FAF9EC;
}
#headernavi ul {
	width: 980px;
	margin: auto;
	background-color: #FAF9EC;
}
#headernavi ul li {
	width: 196px;
	height: 40px;
	line-height: 40px;
	margin: auto;
	display: table-cell;
	text-align: center;
}
#headernavi ul li a {
	color: #6f5735;
	text-decoration: none;
	font-size: 110%;
	width: 196px;
	height: 40px;
	display: block;
}
#headernavi ul li a:hover {
	color: #FFFFFF;
	background-color: #FF8063;
}




#path {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	clear: left;
	width: 980px;
	line-height: 50px;
	height: 50px;
	color: #666;
}
#footer {
	width: 100%;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer .navi {
	width: 100%;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	color: #806D53;
	font-weight: bold;
}
#footer .navi a {
	color: #806D53;
	text-decoration: none;
}
#footer .contents {
	width: 980px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	line-height: 20px;
	padding-bottom: 40px;
}
#footer .contents a {
	color: #6F6F6F;
	text-decoration: none;
}
#footer .privacy {
	float: right;
	position: absolute;
	right: 0px;
	top: 0px;
}



#main {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	text-align: center;
	background-color: #FFCAB9;
	background-image: url(../img/pc/dot.png);
}
#main .contents {
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	text-align: center;
	height: 330px;
	position: relative;
}
#main .section {
	margin-right: auto;
	margin-left: 40px;
	width: 600px;
	text-align: center;
	float: left;
}
#main .catch {
	margin-top: 40px;
}
#main .btn {
	margin-bottom: 15px;
	margin-top: 10px;
}

#main h2 {
	color: #604300;
	font-size: 120%;
	text-align: center;
}
#main p {
	color: #604300;
	font-size: 100%;
	line-height: 20px;
	text-align: center;
}
#main .image {
	position: absolute;
	right: 20px;
	bottom: 0px;
}



#container {
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	text-align: center;
}





#pickup {
	width: 980px;
	float: left;
	margin-bottom: 20px;
}
#pickup h2 {
	width: 980x;
	color: #868066;
	font-size: 180%;
	text-align: center;
	padding: 0px;
	font-weight: normal;
	height: 50px;
	line-height: 50px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#pickup h2 span {
	color: #FF8063;
}

#pickup ul#yoko {
	float: left;
	width: 312px;
}
#pickup ul#yoko li {
	float: left;
	background-color: #F7F7F7;
	width: 312px;
	height: 160px;
	margin-bottom: 20px;
}
#pickup ul#yoko li a {
	display: block;
	width: 312px;
	height: 160px;
	text-decoration: none;
}
#pickup ul#yoko li .image {
	float: left;
	background-color: #CACACA;
	width: 156px;
	height: 160px;
	margin-right: 20px;
}
#pickup ul#yoko li h3 {
	font-size: 150%;
	font-weight: normal;
	line-height: 26px;
	margin: 0px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
	color: #8B7032;
}
#pickup ul#yoko li h3 span {
	color: #FF8063;
}
#pickup ul#yoko li p {
	font-size: 90%;
	padding-right: 20px;
	padding-left: 20px;
	color: #8B7032;
}


#pickup ul#tate {
	float: right;
	width: 648px;
}
#pickup ul#tate li {
	float: left;
	width: 202px;
	height: 340px;
	background-color: #F7F7F7;
	margin-right: 20px;
}
#pickup ul#tate li:last-child {
	margin-right: 0px;
}
#pickup ul#tate li a {
	display: block;
	width: 202px;
	height: 340px;
	text-decoration: none;
}

#pickup ul#tate li .image {
	float: left;
	background-color: #CACACA;
	width: 202px;
	height: 180px;
	margin-bottom: 20px;
}
#pickup ul#tate li h3 {
	font-size: 150%;
	font-weight: normal;
	line-height: 26px;
	margin: 0px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
	color: #8B7032;
	text-align: center;
}
#pickup ul#tate li h3 span {
	color: #FF8063;
}

#pickup ul#tate li p {
	font-size: 90%;
	padding-right: 20px;
	padding-left: 20px;
	color: #8B7032;
}












#refine {
	background-color: #F7F7F7;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-bottom: 60px;
}
#refine .contents {
	width: 980px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#refine .reset {
	border: none;
	border-spacing: 0;
}
#refine td {
}
#refine .head {
	color: #8B7032;
	width: 15%;
	vertical-align: middle;
	text-align: center;
	font-size: 110%;
}






#refine .form {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	font-size: 110%;
}
#refine .form_button {
	background-color: #FFF;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#refine ul#list {
	width: 100%;
	padding: 0px;
}
#refine ul#list li {
	width: 25%;
	float: left;
	margin-bottom: 1px;
	margin-top: 1px;
}
#refine input[type=text] {
	font-size: 13pt;
	width: 380px;
}
#refine input[type=checkbox] {
	height: 16px;
	vertical-align: middle;
	font-size: 16pt;
}
#refine .button {
	width: 100%;
	margin-top: 30px;
}
#refine input#btn_search {
	height: 50px;
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: none;
	background-color: #FF8063;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 120%;
}


#refine input#btn_search:hover {
}





#point {
	background-color: #F7F7F7;
	width: 100%;
	margin-top: 60px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 40px;
}
#point h2 {
	width: 980x;
	color: #868066;
	font-size: 180%;
	text-align: center;
	padding: 0px;
	font-weight: normal;
	height: 50px;
	line-height: 50px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}
#point ul#list {
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	text-align: center;
}
#point ul#list li {
	float: left;
	width: 300px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 15px;
	margin-left: 0px;
	line-height: 20px;
	font-size: 100%;
	text-align: left;
}
#point ul#list li:last-child {
	margin-right: 0px;
}
#point .title {
	color: #868066;
	font-size: 150%;
	line-height: 26px;
	margin-bottom: 20px;
	padding-left: 60px;
}
#point .title span {
	color: #FF8063;
}
#point .icon_1 {
	background-image: url(../img/pc/point_1.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#point .icon_2 {
	background-image: url(../img/pc/point_2.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#point .icon_3 {
	background-image: url(../img/pc/point_3.png);
	background-repeat: no-repeat;
	background-position: left center;
}



#about {
	width: 980px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#about h2 {
	width: 980x;
	color: #868066;
	font-size: 90%;
	text-align: left;
	padding: 0px;
	font-weight: normal;
	line-height: 16px;
}



#eiyoushi-text {
	width: 980px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#eiyoushi-text h2 {
	width: 980x;
	color: #BBB7A6;
	font-size: 90%;
	text-align: left;
	padding: 0px;
	font-weight: normal;
	line-height: 16px;
}





#column-top {
	width: 980px;
	text-align: center;
	margin: auto;
}

#column-top ul {
	width: 980px;
	margin: auto;
	text-align: center;
	overflow: hidden;
	margin-bottom: 50px;
}
#column-top ul li {
	float: left;
	width: 312px;
	margin-right: 22px;
}
#column-top ul li:last-child {
	margin-right: 0px;
}

#column-top ul li img {
	width: 100%;
	height: auto;
}
#column-top ul li h2 {
	font-size: 120%;
	font-weight: normal;
	line-height: 20px;
	margin: 0px;
	padding-top: 10px;
	color: #8B7032;
	text-align: left;
}