@charset "utf-8";

body{
font: 13px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333;
background: url(../images/header-bg.jpg) no-repeat top;
}

h1 {
	color:#aaa;
	font-size:14px;
	font-weight:normal;
	text-align:right;
}

/*************
全体
*************/
#wrapper{
margin: 0 auto;
padding: 0 20px;
width: 910px;
}

/*  タブレット　*/
@media screen and (max-width: 1030px) {
#wrapper{
margin: 0 auto;
padding: 0 20px;
width: 100%;
}
#main {
width: 100%x;
padding: 10px 0px 25px 0px;
display: inline;
}

p.infomation {
	font-size: 18px;
}
}

/*************
カードの申込み
*************/

.moushikomi {
	width:60%;
	height: 50px;
	margin: 10px auto;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bfd255+0,8eb92a+50,72aa00+51,9ecb2d+100;Green+Gloss */
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */

}
.moushikomi a:link,.moushikomi a:visited,.moushikomi a:hover {
	width:100%;
	height: 50px;
	display: block;
	margin: 0 0;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	line-height: 50px;
	letter-spacing: 0.1em;
	text-align: center;
	text-decoration: none;
}

p.infomation {
	font-size: 18px;
	letter-spacing: 0.1em;
	text-align: center;
	color: #333;
}



/*************
メイン（右側）コンテンツ
*************/
#main {
width: 910px;
padding: 10px 0px 25px 0px;
display: inline;
}

#main p {
	color:#555;
}





/*************
/* フッター
*************/
#footer{
clear:both;
padding: 10px 0 10px;
border-top: 1px solid #ededed;
}

#footer ul {
	float:right;
}

#footer ul li {
	float:left;
	color:#555;
	list-style:none;
	margin-right:20px;
	font-size:12px;
}

#footer a:link,#footer a:hover,#footer a:visited {
	color:#555;
	text-decoration:none;
	letter-spacing:2px;
}


address{
padding: 0px 0 3px;
text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
color:#555;
}

address a:link,address a:hover,address a:visited {
	color:#555;
	text-decoration:none;
}



.official {
	width:590px;
	height:200px;
	margin:0 auto;
}

.official a:link {
	display: block;
}