#main_body {
text-align:center;
}

* html #main_top{
border-top:1px #ccc solid;
border-bottom:1px #ccc solid;
padding:20px 20px 0;
text-align:center;
/*overflow:visible;
position:relative;
height:550px;*/
}

#main_top{
border-top:1px #ccc solid;
border-bottom:1px #ccc solid;
padding:20px 20px 0;
text-align:center;
/*overflow:visible;
position:relative;
height:85%*/
}

* html #start {
position: absolute;
left: 50%;
top: 50%;
margin-left: -160px;
margin-top: -170px;
}

#start {
position: absolute;
left: 50%;
top: 50%;
margin-left: -160px;
margin-top: -180px;
}


#ryoma {
position:absolute;
left: 53%;
top: 90%;
margin-left: -245px;
margin-top: -140px;
}


/*IE*/
* html #ryoma {
position:absolute;
left: 53%;
top: 90%;
margin-left: -260px;
margin-top: -135px;
}

#logo_top{
float:left;
clear:left;
position:absolute;
top:30px;
left:50px;
}

#qr_top{
float:left;
clear:left;
position:absolute;
bottom:30px;
left:50px;
}

.b10{padding-bottom:10px;}

/* SEO */
html body h1.stext{
	margin:0 10px 0 0;}
	
/* clearfix */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix{
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE-mac\*/
*html .clearfix{
	height: 1%;
}

.clearfix{
	display: block;
}
/*End hide from IE-mac */

/* ??p */
div.lead{
	width:686px;
	margin:0 auto;
	padding:20px 0 10px;
	margin:20px auto 0;
	text-align:left;
	border-top:1px solid #EEEEEE;}

div.lead h2,
div.lead dt{
	border-bottom:1px solid #CCCCCC;
	padding:0 0 3px;
	margin:0 0 3px;
	font-size:12px;
	color:#333333;
	font-weight:bold;}

div.lead p,
div.lead dd{
	font-size:12px;
	color:#333333;
	margin:0 0 10px;}

div.lead p.company{
	font-size:12px;
	color:#FF0000;
	margin:0;
	text-align:right;}

div.lead p.company em{
	color:#FF0000;}

div.lead p.company a:link,
div.lead p.company a:visited{
	color:#FF0000;
	text-decoration:none;}

div.lead p.company a:hover{
	color:#FF0000;
	text-decoration:underline;}


div.lead span{
	font-weight:bold;
	color:#FF0000;}

div.lead .link{
	text-align:right;
	margin:0 0 30px;}

div.lead .link a:link{
	color:#EE0000;
	text-decoration:underline;}

div.lead .link a:visited{
	color:#EE0000;
	text-decoration:underline;}	

div.lead .link a:hover{
	color:#EE0000;
	text-decoration:none;}	

div#top-footer{
	background:#FF0000;
	text-align:center;}

html body #doc{
	height:auto;}
	
/*SEO*/	
html body h2 strong.rzseo_bld{
	font-weight:bold;}

html body h2 em.rzseo_itl{
	font-style:normal;
	font-weight:bold;}

/* 1/7? */
#head ul{
	width:803px;
	margin:0 auto;}

#head li{
	float:left;}

#main-image{
	text-align:center;
	clear: both;
	width: 703px;
	margin: 0 auto;}
	
#main-image img{
	margin: 0 auto 16px;}

#bannar{
	background:url(../images/index/back.gif) left top repeat-x;
	padding:10px 0;
	margin-top: 4px;
	text-align:center;}

#bannar div{
	width:686px;
	margin:0 auto;
	text-align:justify;}

#bannar div.up{
	margin:0 auto 7px;}

#bannar div .left{
	width:224px;
	float:left;
	margin:0 7px 0 0;}

#bannar div .center{
	width:224px;
	float:left;}

#bannar div .right{
	width:224px;
	float:right;}

#bannar div .news{
	background:url(../images/index/news_b1.gif) left top no-repeat;
	height:100px;
	position:relative;}

#bannar div .blog{
	background:url(../images/index/staff_b1.gif) left top no-repeat;
	height:100px;
	position:relative;}

#bannar div .news iframe,
#bannar div .blog iframe{
	width:210px;
	height:30px;
	position:absolute;
	left:7px;
	top:63px;}
	

#suggestion {
	width: 686px;
	margin: 25px auto;
	text-align: left;
}
#suggestion h2 {
	padding-left: 10px;
	margin-bottom: 15px;
	background: #E7141A;
}

#suggestion div.line {
	margin-bottom: 10px;
	padding: 1px;
}

#suggestion div ul {
	position: relative;
	width: 700px;
}

#suggestion div ul li {
	float: left;
	width: 335px;
	margin-right: 12px;
	border: 1px solid #FF0000;
}

#suggestion div ul li img {
	float: left;
	padding: 10px 0px;
	position: relative;
	left: 10px;
}

#suggestion div ul li p {
	padding: 26px 20px;
	padding-left: 145px;
	min-height: 45px;
	font-size: 14px;
	font-weight: 600;
	color: #000000;
}

* html #suggestion div ul li p {
	padding-left: 140px;
}

/*IE7 Hack*/
*:first-child+html #suggestion div ul li p {
	padding-left: 20px;
}

#footer{
	padding:22px 0 20px;
	background:#FF0000;}

#footer .cover{
	width:760px;
	margin:0 auto;}

#footer .cover p{
	float:left;}

#footer .cover ul{
	float:right;}

#footer .cover li{
	float:left;}

#foot-lead{
	font-size:10px;
	text-align:center;
	color:#666666;
	margin:10px 0 0;
	letter-spacing:-0.1em;}

#foot-link{
	width:750px;
	margin:10px auto;
	text-align:right;}
	
#foot-link li{
	float:right;
	padding:2px 0 2px 10px;
	margin:0 0 0 10px;
	border-left:1px solid #666666;
	}

#foot-link li.last{
	padding:2px 0;
	margin:0;
	border-left:none;
	}

#foot-link li a:link{
	color:#666666;
	text-decoration:underline;}

#foot-link li a:visited{
	color:#666666;
	text-decoration:underline;}

#foot-link li a:hover{
	color:#666666;
	text-decoration:none;}