@charset "utf-8";
/***************************************************************
	浦和レッズについて議論するページ
	http://www.uragi.com/
	Copyright uragi.com All rights reserved
					-- File name: kobaton.css
					-- Created: 2009.08.30.
					-- Information: コバトン特集CSS
***************************************************************/
div#content {
	line-height: 1.7;
}
div#kobaton090901_interview h2 {
	width: 680px;
	height: 0;
	padding: 280px 0 0 0;
	background: url(./images/kobaton_title1.jpg) no-repeat left top;
	overflow: hidden;
}
div#kobaton090901_interview h3 {
	width: 680px;
	height: 0;
	padding: 45px 0 0 0;
	background: url(./images/kobaton_interview_title.gif) no-repeat left top;
	overflow: hidden;
}
/*----------------------------------------------*/
div#kobaton090901_interview div {
	position: relative;
}
div#kobaton090901_interview div h4 {
	position: absolute;
}
div#kobaton090901_interview div p.comment {
	position: absolute;
}
div#kobaton090901_interview div p.comment span {
	font-weight: bold;
	font-size: 16px;
	color: #d00;
}
div#kobaton090901_interview div p.name {
	font-size: 11px;
	position: absolute;
}
/*----------------------------------------------*/
div#kobaton090901_interview_grp1 {
	width: 680px;
	height: 320px;
	background: url(./images/kobaton_interview_grp1.jpg) no-repeat left top;
}
div#kobaton090901_interview_grp1 h4 {
	width: 360px;
	height: 0;
	padding: 60px 0 0 0;
	background: url(./images/kobaton_interview_head1.gif) no-repeat left top;
	overflow: hidden;
	left: 320px; top: 11px;
}
div#kobaton090901_interview_grp1 p.comment {
	width: 425px;
	left: 240px; top: 70px;
}
div#kobaton090901_interview_grp1 p.comment img {
	float: right;
} 
div#kobaton090901_interview_grp1 p.name {
	left: 10px; top: 290px;
}
/*- - - - - - - - - - - - - - - - - - - - - - - - */
div#kobaton090901_interview_grp2 {
	width: 680px;
	height: 320px;
	background: url(./images/kobaton_interview_grp2.jpg) no-repeat left top;
}
div#kobaton090901_interview_grp2 h4 {
	width: 480px;
	height: 0;
	padding: 60px 0 0 0;
	background: url(./images/kobaton_interview_head2.gif) no-repeat left top;
	overflow: hidden;
	left: 200px; top: 9px;
}
div#kobaton090901_interview_grp2 p.comment {
	width: 425px;
	left: 245px; top: 78px;
}
div#kobaton090901_interview_grp2 p.name {
	left: 10px; top: 290px;
}
/*- - - - - - - - - - - - - - - - - - - - - - - - */
div#kobaton090901_interview_grp3 {
	width: 680px;
	height: 340px;
	background: url(./images/kobaton_interview_grp3.jpg) no-repeat left top;
}
div#kobaton090901_interview_grp3 h4 {
	width: 510px;
	height: 0;
	padding: 80px 0 0 0;
	background: url(./images/kobaton_interview_head3.gif) no-repeat left top;
	overflow: hidden;
	left: 0; top: 9px;
}
div#kobaton090901_interview_grp3 p.comment {
	width: 420px;
	left: 30px; top: 100px;
}
div#kobaton090901_interview_grp3 p.name {
	width: 260px;
	left: 420px; top: 305px;
	text-align: right;
}
/*- - - - - - - - - - - - - - - - - - - - - - - - */
div#kobaton090901_interview_grp4 {
	width: 680px;
	height: 320px;
	background: url(./images/kobaton_interview_grp4.jpg) no-repeat left top;
}
div#kobaton090901_interview_grp4 h4 {
	width: 470px;
	height: 0;
	padding: 80px 0 0 0;
	background: url(./images/kobaton_interview_head4.gif) no-repeat left top;
	overflow: hidden;
	left: 210px; top: 0px;
}
div#kobaton090901_interview_grp4 p.comment {
	width: 425px;
	left: 245px; top: 85px;
}
div#kobaton090901_interview_grp4 p.name {
	left: 10px; top: 290px;
}
/*- - - - - - - - - - - - - - - - - - - - - - - - */
div#kobaton090901_interview_grp5 {
	width: 680px;
	height: 190px;
	background: url(./images/kobaton_interview_grp5.gif) no-repeat left top;
}
div#kobaton090901_interview_grp5 h4 {
	width: 350px;
	height: 0;
	padding: 50px 0 0 0;
	background: url(./images/kobaton_interview_head5.gif) no-repeat left top;
	overflow: hidden;
	left: 183px; top: 0px;
}
div#kobaton090901_interview_grp5 p.comment {
	width: 465px;
	left: 30px; top: 45px;
}
/*- - - - - - - - - - - - - - - - - - - - - - - - */
div#kobaton090901_interview_grp6 {
	width: 680px;
	height: 420px;
	background: url(./images/kobaton_interview_grp6.jpg) no-repeat left top;
}
div#kobaton090901_interview_grp6 h4 {
	width: 250px;
	height: 0;
	padding: 40px 0 0 0;
	background: url(./images/kobaton_interview_head6.gif) no-repeat left top;
	overflow: hidden;
	left: 18px; top: 25px;
}
div#kobaton090901_interview_grp6 p.comment {
	width: 280px;
	left: 25px; top: 70px;
}
div#kobaton090901_interview_grp6 a {
	width: 340px;
	height: 0;
	padding: 140px 0 0 0;
	background: url(./images/kobaton_interview_btn.gif) no-repeat left top;
	overflow: hidden;
	position: absolute;
	left: 340px; top: 265px;
}
div#kobaton090901_interview_grp6 a:hover {
	background-position: left -140px;
}
/*----------------------------------------------*/
div#kobaton090901_interview a.pagetop {
	display: block;
	width: 90px;
	height: 0;
	padding: 20px 0 0 0;
	background: url(./images/kobaton_pagetop.gif) no-repeat left top;
	overflow: hidden;
	margin: 18px 0 0 590px;
}
/*----------------------------------------------*/
div#kobaton090901_scene {
	position: relative;
	height: 1110px;
}
div#kobaton090901_scene h2 {
	width: 680px;
	height: 0;
	padding: 270px 0 0 0;
	background: url(./images/kobaton_title2.jpg) no-repeat left top;
	overflow: hidden;
}
div#kobaton090901_scene p {
	position: absolute;
	height: 0;
	overflow: hidden;
}
div#kobaton090901_scene p.scene1 {
	width: 340px;
	padding: 250px 0 0 0;
	background: url(./images/kobaton_scene1.jpg) no-repeat left top;
	left: 0px; top: 270px;
}
div#kobaton090901_scene p.scene2 {
	width: 340px;
	padding: 250px 0 0 0;
	background: url(./images/kobaton_scene2.jpg) no-repeat left top;
	left: 340px; top: 270px;
}
div#kobaton090901_scene p.scene3 {
	width: 220px;
	padding: 330px 0 0 0;
	background: url(./images/kobaton_scene3.jpg) no-repeat left top;
	left: 0px; top: 520px;
}
div#kobaton090901_scene p.scene4 {
	width: 210px;
	padding: 330px 0 0 0;
	background: url(./images/kobaton_scene4.jpg) no-repeat left top;
	left: 220px; top: 520px;
}
div#kobaton090901_scene p.scene5 {
	width: 250px;
	padding: 330px 0 0 0;
	background: url(./images/kobaton_scene5.jpg) no-repeat left top;
	left: 430px; top: 520px;
}
div#kobaton090901_scene p.scene6 {
	width: 340px;
	padding: 260px 0 0 0;
	background: url(./images/kobaton_scene6.jpg) no-repeat left top;
	left: 0px; top: 850px;
}
div#kobaton090901_scene p.scene7 {
	width: 340px;
	padding: 260px 0 0 0;
	background: url(./images/kobaton_scene7.jpg) no-repeat left top;
	left: 340px; top: 850px;
}
/*----------------------------------------------*/
div#kobaton090901_info {
	position: relative;
	height: 610px;
	background: url(./images/kobaton_info_bg.gif) no-repeat left 130px;
}
div#kobaton090901_info h3 {
	width: 680px;
	height: 0;
	padding: 130px 0 0 0;
	background: url(./images/kobaton_info_head.gif) no-repeat left top;
	overflow: hidden;
	position: absolute;
	left: 0; top: 0;
}
div#kobaton090901_info p.comment {
	width: 280px;
	position: absolute;
	left: 380px; top: 132px;
}
div#kobaton090901_info p.spec {
	width: 340px;
	position: absolute;
	left: 25px; top: 345px;
	font-size: 11px;
}
div#kobaton090901_info p.price {
	width: 340px;
	position: absolute;
	left: 25px; top: 385px;
}
div#kobaton090901_info p.price strong {
	font-size: 16px;
	color: #d00;
	margin: 0 0 0 5px;
}
div#kobaton090901_info a {
	width: 342px;
	height: 0;
	padding: 110px 0 0 0;
	background: url(./images/kobaton_info_btn.gif) no-repeat left top;
	overflow: hidden;
	position: absolute;
	left: 18px; top: 430px;
}
div#kobaton090901_info a:hover {
	background-position: left -110px;
}
div#kobaton090901_info a.pagetop {
	display: block;
	width: 90px;
	height: 0;
	padding: 20px 0 0 0;
	background: url(./images/kobaton_pagetop.gif) no-repeat left top;
	overflow: hidden;
	position: absolute;
	left: 590px; top: 560px;
}