@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 460px){
 .headimg {width: 100%;}
 .none {display:none}
 img.max {width:100%}
 img.half {width:50%; margin-right:auto; margin-left:auto;}
.sow-image-container img {margin-right:auto; margin-left:auto;}
.textwidget img {margin-right:auto; margin-left:auto;}
 } 

body {
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
h2 {
font-size:14px;
font-weight:500;
line-height:1.2;
text-align:center;
margin-top:5px;
}
h3 {
    font-size: 120%;
    border-bottom: solid 3px #0067B6;
    padding:10px;
    margin:80px 0 30px 0;
	font-weight:bold;

background: rgb(254,255,255);
background: -moz-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(220,230,234,1) 100%);
background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(220,230,234,1) 100%);
background: linear-gradient(to bottom, rgba(254,255,255,1) 0%,rgba(220,230,234,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#dce6ea',GradientType=0 );
border-radius:3px;
}

h4 {
	margin:20px 10px 10px 10px;
	border-radius:3px;
	background:#CCC;
	padding:6px;
}

a {text-decoration:none; color:#333;}

.page {
  background: #EEEEEE scroll 0 0;
}
.red {
color:#C00;
}
.frame {
padding:10px;
border:2px solid #C00;
text-align:center;
line-height:1.4;
}

.SVbutton {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fcfcfc 0%, #dbdbdb 100%) repeat scroll 0 0;
	border: 1px solid #bbbbbb;
	border-radius: 4px;
	color: #333333;
	cursor: pointer;
	font-size: 100%;
	font-weight: bold;
	padding: 10px 20px;
	text-shadow: -1px 1px 0 rgba(255, 255, 255, 1);
	display:inline-block;
	margin:5px;
}

.SVbutton.btn_entry {
	/*	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fcfcfc 0%, #dbdbdb 100%) repeat scroll 0 0;*/
	background:none;
	text-align:center;
	color: #fff;
	cursor: pointer;
	font-size: 100%;
	font-weight: bold;
	width:100%;
	text-shadow:none;
	display:inline-block;
	margin:30px 0 0 0;
	box-sizing:border-box;
	border:none;
}

.SVbutton.btn_entry a {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	background:#0067b6;
	border: 1px solid #0067b6;
	display:block;
	padding: 20px 20px;
	border-radius: 50px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.SVbutton.btn_entry a:hover {
	color: #0067b6;
	background:#fff;
}

@media screen and (min-width: 800px) {
 /* 表示領域が800px以上forPC */
h1 {
font-size:26px;
font-weight:500;
line-height:1.2;
text-align:center;
margin-top:25px;
}
p {
font-size:13px;
line-height:1.3;
margin:10px;
}
ul {
text-align:center;
padding:10px;
}
li {
  background: #FFFEFF none repeat scroll 0 0;
  border: 1px dotted;
  border-radius: 5px;
  display: inline-flex;
  font-size: 14px;
  line-height: 1.3;
  list-style-type: circle;
  margin-bottom: 5px;
  padding: 15px 20PX;
  text-align: center;
  width: 330px;
}
#form {
width:550px;
float:right;
text-align:left;
}
#left {
width:300px;
float:left;
text-align:left;
}
#wrap {
	/*background: rgba(0, 0, 0, 0) url("jozuru.png") no-repeat 0 20px ;*/
	margin: 10px auto;
	min-height: 300px;
	text-align: center;
	width: 850px;
}
header {
  margin: 10px auto 30px auto;
  width: 850px;
}
.page {
  margin: 10px auto 30px auto;
  width: 850px;
}
header p {
font-size:85%;
line-height:1.5em;
}

footer {
  background: #ccc none repeat scroll 0 0;
  border-radius: 5px;
  display: block;
  font-size: 10px;
  margin: 10px -10px -10px;
  padding: 20px;
  vertical-align: middle;
}

.end {
	max-width:100%;
	float:left;
	padding:0 50px;
}

.information {
	text-align: left;
	padding: 35px 40px 0 0;
}

}

@media screen and (max-width: 640px) {
   /* 表示領域が640px以下forSP */
body {
font-size:0.9em;
line-height:1.3;
margin:10px;
}
#form {
text-align:center;
}
#left {
text-align:center;
}
h1 {
font-size:24px;
font-weight:500;
line-height:1.2;
text-align:center;
margin-top:15px;
margin-bottom:5px;
}
h2 {
font-size:14px;
font-weight:500;
line-height:1.2;
text-align:center;
margin-top:5px;
}
h3 {
font-size: 100%;
font-weight:700;
}
p {
font-size:13px;
line-height:1.3;
}
h4 {
  background: #ccc none repeat scroll 0 0;
  border-radius: 3px;
  margin: 10px 0;
  padding: 6px;
}
.SVbutton {
width:80%;
}

.SVbutton.btn_entry {
	margin:0 0 40px 0;
}




footer {
  background: #ccc none repeat scroll 0 0;
  font-size: 10px;
  margin: 10px -10px -10px;
  padding: 20px;
  vertical-align: middle;
text-align:left;
}

	
ul {
	padding:0;
}

li {
  border: 1px dotted;
  border-radius: 5px;
  display: inline-flex;
  font-size: 13px;
  line-height: 1.3;
  list-style-type: circle;
  margin-bottom: 5px;
  padding: 15px;
  text-align: center;
  display:block;
}

.end {
	max-width:25%;
	padding:0 50px;
}

.information {
	text-align: left;
	padding: 0;
	margin-bottom:0;
}

}

.liston {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

.fright {
float:right;
}
.fleft {
float:left;
}