@charset"UTF-8";

body
{margin:0px;padding:0px;
font-family:serif;}


/*サイト画像*/
.site img		{max-width: 100%;
				height: auto;
				text-align: center;
				margin: 0px;
				padding: 0px;} 


/*メニューバー*/
.header-nav		{border-bottom: solid 1px #dddddd;}

.menu ul		{display: -webkit-box;
				display: -moz-box;
				width: 100%;
				margin: 0;
				padding: 0;
				list-style:none;}


.menu ul:after	{content: "";
				display: block;
				clear: both;}


.menu li		{-webkit-box-flex: 1;
				-moz-box-flex: 1;
				width: 1000px;
				text-align: center;}


.menu li a		{display: block;
				margin: 3px 0px 3px 0px;
				padding: 17px 0px 17px 0px;
				background-color: #ffffff;
				color: #015249;
				font-size: 26px;
				font-weight: bold;
				text-decoration: none;}	


.menu li a:hover{background-color: #eee7e0;}



/*タイトル*/
.title img		{max-width: 100%;
				height: auto;
				text-align: center;
				margin: 0px;
				padding: 0px;}



/*左*/
.main			{margin: 0px;}


/*見出し*/
.spleft h1		{margin: 0px;
				padding: 60px 0px 20px 10px;
				color: #949495;
				font-size: 17px;
				font-weight: bold;
				line-height: 1.8em;
				text-decoration: none;}


/*料金のところ*/
.spleft h3		{margin: 0px 0px 20px 0px;
				padding: 40px;
				color: #ff533d;
				font-size: 17px;
				font-weight: bold;
				border: 4px double #ddd;
				line-height: 1.8em;}



/*本文*/
.spleft p		{margin: 0px 0px 20px 0px;
				padding: 40px;
				color: #594e52;
				font-size: 17px;
				border: 4px double #ddd;
				line-height: 1.8em;}



/*リンク付き文*/
.spleft a		{margin: 0px;
				padding: 0px 0px 0px 10px;
				color: #a22041;
				font-size: 17px;
				font-weight: bold;
				text-decoration: none;
				line-height: 1.8em;}

.spleft a:hover	{color: #8d93c8;
				text-decoration: underline;}




/*予約アイコン*/
.imgr			{margin: 10px 0px 30px 15px;}

.imgr:hover		{opacity:0.6;
				filter:alpha(opacity=60);
				-ms-filter: “alpha( opacity=60 )”;}




/*右*/

/*サイド画像*/
.img			{margin: 30px 0px 30px 0px;
				max-width: 100%;
				height: auto;
				text-align: center;}




/*コピーライト*/
.footer			{margin: 100px 20px 0px 25px;}

.copyright p	{margin: 0px 0px 20px 25px;
				color: #c0c0c0;
				font-size: 16px;}


/*マウスオーバーエフェクト*/
.contact li a:hover	{opacity:0.6;
					filter:alpha(opacity=60);
					-ms-filter: “alpha( opacity=60 )”;}








/* ####### 599px以下 ####### */
@media (max-width: 599px){




/*メニューバー*/
.header-nav		{margin: 0px 5px 0px 5px;}

.menu li a		{padding: 17px 0px 17px 0px;
				font-size: 20px;}

.menu li		{-webkit-box-flex: 1;
				-moz-box-flex: 1;
				width: auto;}




/*左*/

/*見出し*/
.spleft h1		{margin: 0px;
				padding: 50px 0px 0px 25px;
				font-size: 17px;}


/*本文*/
.spleft p		{margin: 20px;
				padding: 30px;
				font-size: 17px;}


/*料金のところ*/
.spleft h3		{margin: 20px;
				padding: 30px;
				font-size: 17px;}


/*リンク付き文*/
.spleft a		{margin: 7px 10px 7px 10px;
				padding: 0px;
				font-size: 15px;
				line-height: 4em;}


/*予約アイコン*/
.imgr			{margin: 0px;
				padding: 20px 0px 0px 18px;}


/*写真*/
.img			{margin: 80px 0px 0px 0px;}


/*コピーライト*/

.footer			{margin: 110px 20px 0px 25px;}


.copyright p	{font-size: 14px;
				margin: 0px 0px 20px 0px;
				padding: 0px;
				text-align: center;}


;}




/* ####### 600px以上〜1039px以下 ####### */
@media (min-width: 600px) and (max-width: 1039px){


/*全体*/
.main	{padding: 50px;}


/*メニューバー*/
.header-nav		{margin: 0px 5px 0px 5px;}

.menu li a		{padding: 17px 0px 17px 0px;
				font-size: 26px;}

.menu li		{-webkit-box-flex: 1;
				-moz-box-flex: 1;
				width: auto;}



/*スペシャル左*/

/*見出し*/
.spleft h1		{margin: 0px;
				padding: 40px 40px 0px 40px;
				font-size: 20px;}


/*本文*/
.spleft p		{margin: 20px;
				padding: 30px;
				font-size: 20px;}


/*料金のところ*/
.spleft h3		{margin: 20px;
				padding: 30px;
				font-size: 20px;}


/*リンク付き文*/
.spleft a		{margin: 7px 10px 7px 10px;
				padding: 0px;
				font-size: 20px;
				line-height: 4em;}


/*予約アイコン*/
.imgr			{margin: 0px;
				padding: 20px 0px 0px 18px;}


/*サイド画像*/
.img			{margin: 30px 0px 10px 0px;}


/*コピーライト*/

.footer			{margin: 110px 20px 0px 25px;}


.copyright p	{font-size: 16px;
				margin: 0px 0px 20px 0px;
				padding: 0px;
				text-align: center;}


;}




/* ####### 1039px以上 ####### */
@media (min-width: 1039px){

/*BOX3とBOX4を横に並べる設定*/
.contents:after	{content: "";
				display: block;
				clear: both;}

.main			{float: left;
				width: 70%;}

.section1		{float: left;
				width: 30%;}
;}


/* ####### 1040px以上 ####### */
@media (min-width: 1040px){
.header-site, .header-nav, .title, .contents, .under, .footer		{width: 1080px;
																	margin-left: auto;
																	margin-right: auto;}

;}