@charset "Shift_JIS";

html {
font-size: clamp(1.0rem, 2.4vw, 2.4rem);
}

body {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	margin: 0px 0px;
	background-color: #008;
}

#main {
	width: 98vw;
	/*height:100%;*/
	background-color: #fcfcff;
	color: #000;
	margin: 0px auto;
	border: solid 0px #006;
	max-width: 1280px;
	/*text-align:center;*/

	}

#head	{
	border-top: 0px solid #753526;
	border-bottom: 0px solid #831;
	padding: 8px 0px;
	margin:0px 0px;
	background-image: url('bg.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	background-size: cover; 
}

#foot	{
	background: linear-gradient(to bottom,#fefeff,#bbc); 
	padding:10px 0px;
	color:#008;
	text-align:center;
}
p	{
	padding:0px 8vw;
}
P.btp	{
	padding:0px 0px;
	text-align:center;
	line-height:2.2;
}

ul.tips	{
	padding:0px 6vw;
	color:#f90;
	font-size:0.8rem;
}
ul	{
	margin:0px 6vw 0px 12vw;
}

h1 {
	color: #fff; 
	font: 2.4rem メイリオ;
	margin: 0px 0px;
	text-align:center;
	font-weight:bold;
	text-shadow:2px 2px 6px #003; 
}

h2 {
	color: #fff; 
	font: 1.4rem メイリオ;
	margin: 6px 0px;
	text-align:center;
	font-weight:bold;
	text-shadow:2px 2px 6px #003; 
}
h3 {
	color: #fff;
	font: 1.2rem メイリオ;
	margin: 0px -10px;
	text-align:center;
	text-shadow:2px 2px 3px #003; 
}
h3.s	{
	font: 0.9rem メイリオ;

}
h4 {
	color: #003;
	margin: 14px 0px 32px;
	padding:5px 0px;
	font-size:2.2rem;
	text-shadow:3px 3px 5px #fff; 
	border-top: 0px solid #831;
	border-bottom: 0px solid #831;
	background: linear-gradient(to bottom,#fefefe,#eef); 
	text-align:center;
}

h5 {
	margin:0px 0px 0px 12vw;
	color: #008;
	font-size:1.2rem;
	font-weight:normal;
}

h6 {
	margin: 14px 0px;
	color: #008;
	text-shadow:3px 3px 5px #aaa; 
	font-size:1.2rem;
	font-weight:normal;
	text-align:center;

}

a.bt	{
	padding:12px 6px;
	text-decoration:none;
	font-weight:bold;
	border-radius:7px;
	color:#00f;
	font-size: 1.0rem;
	border-left:1px #fee solid;
	border-top:1px #fff solid;
	border-right:1px #666 solid;
	border-bottom:1px #333 solid;
	background-color:#eef;
	/*line-height:1.4;*/
}

a:link.bt	{
	color:#00c;
}

a:visited.bt	{
	color:#006;
}

a:hover.bt	{
   	position: relative;/*ポジション移勁E/
 	top: 1px; /* 1px 下に移勁E */
	left: 1px;  /*1px 右に移勁E*/
	border-left:1px #666 solid;
	border-top:1px #333 solid;
	border-right:1px #eee solid;
	border-bottom:1px #fff solid;
	color:#f60;
	background-color:#fee;
}

a:active.bt	{
	background-color:#939;
	color:#fc0;
}
select	{
-webkit-appearance:none;
font-size: 1.4em;

}

/*
width:540px;
height: 50px;
padding: 4px 0 4px 7px;
background-color: #efefef;
background:
url(***) no-repeat right center,
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9));
-webkit-background-size: 33px 30px, auto;
border-bottom: 1px solid #c6c6c6;
border-right: 1px solid #c6c6c6;

*/