@charset "Shift_JIS";
/* -----------------------------
	reset elements
----------------------------- */

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
p, hr, blockquote, address, noscript {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	border: none;
}
ul, li , ol, dl, dt, dd , pre, table, form {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
img {
	border: none;
	margin: 0px;
	padding: 0px;
}
em, strong, q, dfn, code, samp, kbd, var, cite, abbr, acronym {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
}
hr {
	height: 0px;
	border: none;
	margin: 0.5em auto 0.5em auto;
	-moz-float-edge: margin-box;
	-moz-box-sizing: border-box;
	clear: both;
	display: none;
}
ul img, dl img, ol img, object, embed {
	vertical-align: bottom;
}

/* -----------------------------
	layout
----------------------------- */
html{
	/*font-size:62.5%;*/
	background-color: #000;
}
body {
	text-align: center; 
	margin: 0; 
	padding: 0;
	/*font-size: 1.2em;*/
	font-size: 12px;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Arial,Verdana, Arial,  sans-serif;
}

p{
	color:#FFF;
	line-height: 1.85;
}
strong{
	font-weight:bold;
	color:#f0dc48;
}
h1{
	margin-bottom:5px;
}
h2{
	text-align:left;
	margin-bottom:25px;
}
h3{
	margin-bottom:10px;
}

#wrapper{
	width:870px;
	margin: 0 auto; 
	text-align: center; 
	background-image:url(img/bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

#KEY{
	margin-bottom:30px;
}
#block1 .text{
	background:  url(img/text1.gif) no-repeat 0px 0px;
	min-height:63px;
	_height:63px;
	text-indent:-9999px;
	overflow:hidden;
}
#block2 .text{
	background:  url(img/flow.jpg) no-repeat 0px 0px;
	min-height:622px;
	_height:622px;
	width:534px;
	margin:50px auto;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:30px;
}
#block3 .text{
	background:  url(img/text3.gif) no-repeat 0px 0px;
	min-height:39px;
	_height:39px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:30px;
}
#block4 .text{
	background:  url(img/text4.gif) no-repeat 0px 0px;
	min-height:16px;
	_height:16px;
	text-indent:-9999px;
	overflow:hidden;
}
.btn,.btn a{
	display:block;
	height: 63px;
	width:230px;
	background:  url(img/btn.gif) no-repeat 0px 0px;
	text-indent: -5000px;
	overflow:hidden;
}
.btn a:hover{
	background:  url(img/btn.gif) no-repeat 0px -63px;
}
.btn{
	margin:0px auto 40px;
}
.btn2,.btn2 a{
	display:block;
	height: 63px;
	width:500px;
	background:  url(img/btn2.gif) no-repeat 0px 0px;
	text-indent: -5000px;
	overflow:hidden;
}
.btn2 a:hover{
	background:  url(img/btn2.gif) no-repeat 0px -63px;
}
.btn2{
	margin:0px auto 40px;
}
.btn3,.btn3 a{
	display:block;
	height: 63px;
	width:588px;
	background:  url(img/btn3.gif) no-repeat 0px 0px;
	text-indent: -5000px;
	overflow:hidden;
}
.btn3 a:hover{
	background:  url(img/btn3.gif) no-repeat 0px -63px;
}
.btn3{
	margin:0px auto 40px;
}
#block1,#block2,#block3,#block4{
	border-top:1px solid #FFF;
	padding:40px 0 40px 0;
	width:870px;
}

#LEFT-BOX{
	float:left;
	width:411px;
	background:#1a1a1a url(img/btm.gif) no-repeat center bottom;
	padding-bottom:20px;
}
#RIGHT-BOX{
	float:right;
	width:411px;
	background-color:#ff0000;
	background:#1a1a1a url(img/btm.gif) no-repeat center bottom;
	padding-bottom:20px;
}
#LEFT-BOX h3{
	background:url(img/ptn1.gif) no-repeat;
	min-height:33px;
	_height:33px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:20px;
}
#RIGHT-BOX h3{
	background:url(img/ptn2.gif) no-repeat;
	min-height:33px;
	_height:33px;
	text-indent:-9999px;
	overflow:hidden;	
	margin-bottom:20px;
}

.fl-l,.fl-r{
	width:411px;
	background-color:#ff0000;
	background:#1a1a1a url(img/btm.gif) no-repeat center bottom;
	margin-bottom:30px;
	padding-bottom:20px;
}

.fl-l{
	float:left;
}

.fl-r{
	float:right;
}

.fl-l h3,.fl-r h3{
	min-height:33px;
	_height:33px;
	text-indent:-9999px;
	overflow:hidden;	
	margin-bottom:20px;
}


.clear-wp2 .fl-l h3{
	background:url(img/point1.gif) no-repeat;
}
.clear-wp2 .fl-r h3{
	background:url(img/point2.gif) no-repeat;
}
.clear-wp3 .fl-l h3{
	background:url(img/point3.gif) no-repeat;
}
.clear-wp3 .fl-r h3{
	background:url(img/point4.gif) no-repeat;
}

.clear-wp p,
.clear-wp2 p,
.clear-wp3 p{
	width:323px;
	margin:10px auto 10px auto;
	padding-bottom:20px;
	text-align:left;
	background:url(img/arrow.gif) no-repeat center bottom;
	line-height: 1.5;
}

.clear-wp .last{
	background:none;
	padding-bottom:0px;
	margin-bottom:0px;
}

/*
===== ClearFix ====================================================
*/
.clear-wp:after,
.clear-wp2:after,
.clear-wp3:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-wp,
.clear-wp2,
.clear-wp3 {
  display: inline-table;
  min-height: 1%;
}

/* Hides from IE-mac \*/
.clear-wp,
.clear-wp2,
.clear-wp3 { height: 1%; }

.clear-wp,
.clear-wp2,
.clear-wp3 { display: block; }
/* End hide from IE-mac */