@charset "utf-8";



/* ////////// style ////////// */
body {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Arial, verdana, Helvetica, sans-serif;
	line-height: 1.8;
	color: #FFFFFF;
	/**/
	text-align: justify;
	text-justify: inter-ideograph;
}
/*（IE6）*/
* html body {
	font-size: 75%;
	font-family: "メイリオ", Arial, verdana, Helvetica, sans-serif;
}
/*（IE7）*/
*:first-child+html body {
	font-size: 75%;
	font-family:"メイリオ",  Arial, verdana, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,address {
	margin: 0px;
	padding: 0px;
}
img {
	border:none;
	vertical-align:bottom;
}
br.clear {
	font-size: 0px;
	line-height: 0px;
	clear:both;
}
ul {
	list-style-type: none;
	display: block;
}
/* position */
.float-l {
	float: left;
}
.float-r {
	float: right;
}


/* ////////// layout ////////// */
.body {
	width: 970px;
	margin: 0px auto;
	padding: 0px;
	/*clear:both;*/
}

/* How to */
#pull {
	background: #30B5E2;
	padding: 30px 0px;
}
#pull .float-l,#pull .float-r {
	width: 465px;
}
#pull h3 {
	margin-top: 30px;
}
#pull p,#pull ul {
	margin-top: 20px;
}

/* Header */
#head {
	background: url(../_img/logo_bg.gif) repeat-x;
	height: 80px;
}
#head .body {
	position: relative;
}
#head span {
	position: absolute;
	margin-left: 800px;
}

/* Contents */
#cont .body {
	position: relative;
}
#cont ul {
	float: left;
	margin: 0px 1px 30px 0px;
}
#cont li {
	display: block;
}
#cont li.bnr {
	background: #E6E6E6 url(../_img/blank.gif) no-repeat center center;
	width: 150px;
	height: 150px;
	padding: 10px 0px 0px 10px;
}
#cont li textarea {
	width: 148px;
	height: 130px;
	padding: 5px;
	margin: 5px 0px 2px;
	/**/
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc #dddddd #dddddd #cccccc;
	background: #f5f5f5;
	/**/
	font-size: 0.75em;
	line-height: 1.6;
	letter-spacing: 1px;
	color: #333333;
}

/* Footer */
#foot {
	background: url(../_img/dot.gif) repeat-x top left;
	height: 120px;
}
#foot img {
	margin-top: 23px;
}