@charset "shift_jis";
/*------------------------------------------------

	CSS2.0 Document
	template

------------------------------------------------*/


/* normalize
------------------------------------------------*/
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,
p,blockquote,
th,td {
	margin: 0;
	padding: 0;
}
th,td,
h1,h2,h3,h4,h5,h6,
p,blockquote,
address {
	font-size: 100%;
	font-style: normal;
}
h1,h2,h3,h4,h5,h6,
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
ol,ul,li {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th,td {
	vertical-align: top;
	text-align: left;
}
img,
a img {
	border: 0;
}
input {
	line-height: 1.2;
}

/*  clear-fix
------------------------------------------------*/
.clearfix:after,
div#about:after,
div#sample ul:after,
ul#banner:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix,
div#about,
div#sample ul,
ul#banner {
    display:inline-table;
    min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html .clearfix,
* html div#about,
* html div#sample ul,
* html ul#banner {
	height: 1%;
}
.clearfix,
div#about,
div#sample ul,
ul#banner {
	display: block;
}
/* End hide from IE-mac */

/* base
------------------------------------------------*/
body {
	background: url(../images/bg_body.gif) 0 0 repeat;
	font-size: 90%;
	color: #333;
	line-height: 1.5;
	text-align: center;
}
div#container {
	width: 780px;
	margin: 0 auto;
	background: #ffffde;
	text-align: left;
}


/* header
-----------------------------------------------*/
div#header {
	padding: 0 0 30px;
	background: url(../images/bg_header.gif) 0 0 no-repeat;
}
div#header h1 {
	margin: 0 0 0 154px;
}
div#header h1 img {
	display: block;
}


/* footer
-----------------------------------------------*/
div#footer {
	height: 40px;
	margin: 18px 0 0;
	background: url(../images/bg_footer.gif) 0 100% no-repeat;
}
div#footer address {
	padding: 13px 0 0;
	font-size: 77%;
	text-align: center;
}
div#footer address a {
	color: #333;
}
div#footer address a:hover {
	text-decoration: none;
}


/* contents
-----------------------------------------------*/
div#about {
	margin: 15px 0 0 97px;
}
div#about img {
	display: block;
}
div#about p {
	float: left;
	width: 427px;
}
div#about p#qrcode {
	width: 174px;
}

div#inputArea {
	margin: 20px 0 0;
	text-align: center;
}
div#inputArea input {
	vertical-align: middle;
}
div#inputArea input.text01 {
	width: 170px;
	vertical-align: bottom;
}
div#inputArea p {
	margin: 0 0 5px;
}
div#inputArea p#btnSubmit {
	margin: 13px 0 13px;
}
div#inputArea p#attention {
	position: relative;
	width: 350px;
	_width: 465px;
	min-height: 63px;
	_height: 80px;
	margin: 15px auto;
	padding: 17px 35px 0 80px;
	background: url(../images/bg_attention.gif) 100% 0 no-repeat;
	font-size: 78%;
	color: #666;
	text-align: left;
	letter-spacing: 0em;
}

div#sample {
	margin: 10px 0 0;
}
div#sample h2 {
	margin: 0 0 0 20px;
}
div#sample ul {
	margin: 6px 0 0 10px;
}
div#sample ul li {
	float: left;
	width: 90px;
	margin: 0 21px 0 0;
	text-align: center;
	line-height: 1.2;
}
div#sample ul li.lastChild {
	margin: 0;
}


ul#banner {
	margin: 30px 0 30px 18px;
}
ul#banner li {
	float: left;
	width: 174px;
	margin: 20px 16px 0 0;
}
ul#banner li img {
	display: block;
}