﻿* {
     margin : 0;
     padding : 0;
}

img {
	border : 0;
	vertical-align : top;
	font-size : 0;
	line-height : 0;
}

html {
	background : #ffffff;
}

body {
	margin : 0 0 25% 0;
	padding : 0;	
	background : #f0e6dc;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size : 90%;
	color : #191919;
}

/*----------header----------*/

#header {
	position : relative;
	width : 100%;
	margin-bottom : 7%;
	background : #ffffff;
}

#navi {
	position : relative;
	width : 90%;
	margin-left : auto;
	margin-right : auto;
	padding : 3% 0 5% 0;
}

h1 {
	position : absolute;
	color : #999999;
	font-size : 65%;
	font-weight : normal;
	top : 60%;
	left : 14.75%;
}

h1 span {
	display : none;
}

h1 a {
	color : #999999;
	text-decoration : none;
}

h1 a:hover {
	color : #999999;
	text-decoration : underline;
}

h2#hlogo {
	width : 65%;
}

h2#hlogo img {
	width : 100%;
	height : 100%;
}

ul#gnavi {
	display : none;
}

/*----------RESMENU----------*/

p#rmenu {
	position : absolute;
	width : 19%;
	top : 0;
	right : 6%;
}

p#rmenu img {
	width : 100%;
	height : 100%;
}

#content01 {
	text-align : center;	
}

#content01 ul {
	list-style : none;
	overflow : hidden;
	width : 80%;
	margin-top : 15%;
	margin-bottom : 7%;
	margin-left : auto;
	margin-right : auto;
}

#content01 ul li {
	width : 98%;
	margin-bottom : 1%;
	font-family: freight-neo-pro, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size : 160%;
	text-align : left;
}

#content01 ul li span {
	margin-left : 4%;
	font-family: ryo-gothic-plusn, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size : 60%;
}

#content01 ul li a,#content01 ul li a:hover {
	display : block;
	padding : 3% 0 4% 6%;
	color : #191919;
	background-color : #ffffff;
	background-image : url(marrow.png);
	background-repeat : no-repeat;
	background-position : 94% center;
	background-size : 4%;
	text-decoration : none;
}

span.close-content01 {
	color : #ffffff;
	font-size : 150%;
	font-family: freight-neo-pro, sans-serif;
	font-style: normal;
	font-weight: 500;
	letter-spacing : 1px;
}

/*----------ptitle----------*/

h2#ptitle {
	width : 100%;
	padding : 10% 0 9% 0;
	text-align : center;
	line-height : 1.1em;
	color : #ffffff;
	font-family: freight-neo-pro, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size : 220%;
	letter-spacing : 1px;
}

h2#ptitle span {
	display : block;
	font-size : 45%;
	font-family: ryo-gothic-plusn, sans-serif;
	font-style: normal;
	font-weight: 500;
}

p#contact {
	display : none;
}

/*----------contents----------*/

#contents {
	width : 90%;
	margin-left : auto;
	margin-right : auto;
}

/*----------404----------*/

dl#box404 {
	clear : both;
	overflow : hidden;
	margin : 5% 5% 8% 5%;
	padding : 8%;
	background : #ffffff;
}

dl#box404 dt {
	font-size : 150%;
	margin-bottom : 6%;
	text-align : center;
	line-height : 1.3em;
}

dl#box404 span {
	display : block;
}

dl#box404 dd {
	font-size : 90%;
}

/*----------FOOTER----------*/

#footer {
	overflow : hidden;
	width : 100%;
	padding-bottom : 7%;
	background : #d2beb4;
	text-align : center;
}

.fbox {
	text-align : center;
}

#footer dl dt {
	width : 65%;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 1%;
}

#footer dl dt img {
	width : 100%;
	height : 100%;
}

#footer dl dd {
	line-height : 1.4em;
}

#footer dl dd span {
	display : none;
}

#footer dl dd a {
	color : #191919;
	text-decoration : none;
}

p.mbtn {
	width : 100%;
	margin-bottom : 3%;
	text-align : center;
}

p.mbtn a,p.mbtn a:hover {
	display : block;
	padding : 4.25% 0 4.25% 11%;
	color : #ffffff;
	text-decoration : none;
	background-color : #695550;
	background-image : url(mail2.png);
	background-repeat : no-repeat;
	background-position : 29% center;
	background-size : 6.25%;
}

/*----------FOOTER----------*/

#fnavi {
	clear : both;
	width : 100%;
	padding-top : 7.5%;
	background : #ffffff;
}

#fnavi ul {
	width : 85%;
	list-style : none;
	overflow : hidden;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 10%;
}

#fnavi ul {
	list-style : none;
	overflow : hidden;
	margin-bottom : 7%;
	border-top : solid 1px #c8c8c8;
	border-left : solid 1px #c8c8c8;
}

#fnavi ul li {
	float : left;
	width : 50%;
	font-family: ryo-gothic-plusn, sans-serif;
	font-style: normal;
	font-weight: 500;
}

#fnavi ul li a,#fnavi ul li a:hover {
	display : block;
	padding : 6%;
	border-right : solid 1px #c8c8c8;
	border-bottom : solid 1px #c8c8c8;
	box-sizing : border-box;
	color : #5a5550;
	text-decoration : none;
}

address {
	font-style : normal;
	font-size : 90%;
}

address span {
	display : none;
}

/*----------PAGETOP----------*/

#toPageTop {
	position : fixed;
	bottom : 25px;
	right : 25px;
}

#toPageTop a {
	display : block;
	width : 60px;
	background-image : url(ptop_ov.png);
	background-size : 100%;
	background-repeat : no-repeat;
}

#toPageTop img {
	width : 100%;
	height : 100%;
}

#toPageTop a:hover img {
	visibility : hidden;
}