@charset "UTF-8";

/*reset*/
html, body, div, span,
applet, object, iframe,
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, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	text-align: center;
	vertical-align: baseline;
	font-family: "font-family: Verdana,  Helvetica, sans-serif";
	color: #000;
}
a img, :link img, :visited img {
	border: 0;
}

ul,ol{
	list-style-type:none;
}

ul li img {
	vertical-align: top;
}

* { margin:0; padding:0; }
*:after { display:block; clear:both; }
article, aside, figure, footer, header,hgroup, nav, section { display:block; }

html,body {
	color:#000;
	line-height:1.5;
	-webkit-text-size-adjust: none;
	width:100%;
	background-repeat:no-repeat;
	background-attachment : fixed;
	background-size:cover;
	background-position:center;
}

#wrap {
	max-width: 800px;
	overflow:hidden;
	margin: 0 auto;
	position: relative;
	display:block;
}



/*content*/

.mainarea h1 img {
	width:100%;
}

.mainarea p {
	width:100%;
	line-height:0;
}

.mainarea a {
	line-height:0;
}

.mainarea p img {
	width:100%;
}
.web_01 img { max-width: 200px!important; width: 80%!important;}

table.cinereousTable {
    border: 6px solid #948473;
    background-color: #fcfaf5;
    width: 100%;
    text-align: center;
}
table.cinereousTable td, table.cinereousTable th {
  border: 1px solid #a59170;
  padding: 5px 5px;
}
table.cinereousTable tbody td {
  font-size: 13px;
}
table.cinereousTable thead {
    background: #948473;
    background: -moz-linear-linear-gradient(to bottom, #de9af5 -1%,#e89dff 0%,#7f3bb5 100%,#9100ff 102%);
    background: -webkit-linear-linear-gradient(to bottom, #de9af5 -1%,#e89dff 0%,#7f3bb5 100%,#9100ff 102%);
    background: linear-gradient(to bottom, #d0be6f -1%,#d0be6f 0%,#948473 100%,#a3a196 102%);
}
table.cinereousTable thead th {
  font-size: 17px;
  font-weight: bold;
  color: #F0F0F0;
  text-align: left;
  border-left: 2px solid #948473;
}
table.cinereousTable thead th:first-child {
  border-left: none;
}

table.cinereousTable tfoot {
  font-size: 16px;
  font-weight: bold;
  color: #F0F0F0;
  background: #948473;
  background: -moz-linear-gradient(top, #afa396 0%, #9e9081 66%, #948473 100%);
  background: -webkit-linear-gradient(top, #afa396 0%, #9e9081 66%, #948473 100%);
  background: linear-gradient(to bottom, #afa396 0%, #9e9081 66%, #948473 100%);
}
table.cinereousTable tfoot td {
  font-size: 16px;
}
p {
	color:#000;
	padding:20px 0;
	font-size:14px;
	text-align:center;
	width:100%;
	line-height:1.5;
}

p img {
	width:100%;
}

.tourokuareatxt {
	width:100%;
	margin:0 auto;
	background:#000;
	color:#FFF;
}

 .tourokuareatxt p {
	 font-size:14px;
	 margin: 0 0 10px 0;
	 font-weight:bold;
	 line-height:1.5;
}

 .tourokuareatxt ul {
	 padding:0 10px ;
	 font-size:13px;
}

 .tourokuareatxt ul li {
	 margin:0 0 10px 20px;
	 line-height:1.3;
	 list-style-type:disc;
}
#table_item{
	width:80%;
	margin:auto;
}
@media only screen and (max-width: 781px) {
#table_item{
	width:90%;
	margin:auto;
}
}
#btn{
	margin-top:20px;}
@media only screen and (max-width: 320px)  {
.h1{
	font-family: Verdana,  Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #1a1a1a;
	margin-top:10px;
	}
}
@media only screen and (min-width: 321px) and (max-width: 360px) {
.h1{
	font-family: Verdana,  Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #1a1a1a;
	margin-top:10px;
	}
}
@media only screen and (min-width: 361px) and (max-width: 480px) {
.h1{
	font-family: Verdana,  Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #1a1a1a;
	margin-top:0px;
	}
}

@media only screen and (min-width: 481px) and (max-width: 600px) {
.h1{
	font-family: Verdana,  Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #1a1a1a;
	margin-top:10px;
	}
}

@media only screen and (min-width: 601px) and (max-width: 800px)  {
.h1{
	font-family: Verdana,  Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	margin-top:10px;
	}
}

@media only screen and (min-width: 801px) and (max-width: 912px)  {
.h1{
	font-family: Verdana,  Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #1a1a1a;
	margin-top:15px;
	}		
}

@media only screen and (min-width: 913px) and (max-width: 1024px)  {
.h1{
	font-family: Verdana,  Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	color: #1a1a1a;
	margin-top:20px;
	}
}

@media only screen and (min-width: 1025px) {
.h1{
	font-family: Verdana,  Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #1a1a1a;
	margin-top:25px;
	}
	
}