@charset "utf-8";

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

	CSS information
	file name  :  chart.css
	
 ---------------------------------------------- */
body{
	background: #01040b;
}

#contents{
	background: url(../images/title.png) no-repeat;
	width: 960px;
	height: 830px;
}

#container{
	background: url(../images/bg.jpg) no-repeat top #01040b;
	margin-bottom: 0px;
}

#contents ul{
	position: relative;
}

#contents li{
	position: absolute;
	display: block;
}

#contents li.btn_01{
	top: 290px;
	left: 160px;
}

#contents li.btn_02{
	top: 250px;
	left: 480px;
}

#contents li.btn_03{
	top: 270px;
	right: 10px;
}

#contents li.btn_04{
	top: 590px;
	left: 40px;
}

#contents li.btn_05{
	top: 590px;
	left: 300px;
}

#contents li.btn_06{
	top: 690px;
	left: 530px;
}

#contents li.btn_07{
	top: 690px;
	right: 20px;
}

/* ----------------------------------------------
　紹介個別
 ---------------------------------------------- */
 
#bgPerson{
	background:url(../images/bg_person.jpg) no-repeat;
	width:562px;
	height:352px;}

#bgPerson h1,#bgPerson h2{
	font-size:0px;
	line-height:0px;
	text-indent:-10000px;}

#article{
	height:279px;}

#bgPerson p{
	line-height:1.4em;
	margin-left:221px;}

#bgPerson ul{
	margin-left:5px;}

#bgPerson ul li{
	float:left;}

.btnClose{
width:48px;
height:16px;
margin-right:10px;
float:right;}


/*　工藤新一　*/

.pShinichi{
	background:url(../images/p_shinichi.png) no-repeat;
	width:562px;
	height:352px;}

.pShinichi h1{
	background:url(../images/name_shinichi.png) no-repeat bottom;
	width:230px;
	height:134px;
	margin-left:208px;}

.pShinichi h2{
	background:url(../images/act_mizobata.png) no-repeat;
	width:86px;
	height:19px;
	position:absolute;
	left: 454px;
	top: 26px;}


/*　毛利　蘭　*/

.pRan{
	background:url(../images/p_ran.png) no-repeat;
	width:562px;
	height:352px;}

.pRan h1{
	background:url(../images/name_ran.png) no-repeat bottom;
	width:230px;
	height:134px;
	margin-left:208px;}

.pRan h2{
	background:url(../images/act_kutsuna.png) no-repeat;
	width:86px;
	height:19px;
	position:absolute;
	left: 454px;
	top: 26px;}
	

/*　妃 英理　*/

.pKisaki{
	background:url(../images/p_kisaki.png) no-repeat;
	width:562px;
	height:352px;}

.pKisaki h1{
	background:url(../images/name_kisaki.png) no-repeat bottom;
	width:230px;
	height:134px;
	margin-left:208px;}

.pKisaki h2{
	background:url(../images/act_otsuka.png) no-repeat;
	width:86px;
	height:19px;
	position:absolute;
	left: 454px;
	top: 26px;}

	

/*　鈴木 園子　*/

.pSonoko{
	background:url(../images/p_sonoko.png) no-repeat;
	width:562px;
	height:352px;}

.pSonoko h1{
	background:url(../images/name_sonoko.png) no-repeat bottom;
	width:230px;
	height:134px;
	margin-left:208px;}

.pSonoko h2{
	background:url(../images/act_akimoto.png) no-repeat;
	width:137px;
	height:19px;
	position:absolute;
	left: 420px;
	top: 26px;}
	

/*　毛利 小五郎　*/

.pKogoro{
	background:url(../images/p_kogoro.png) no-repeat;
	width:562px;
	height:352px;}

.pKogoro h1{
	background:url(../images/name_kogoro.png) no-repeat bottom;
	width:267px;
	height:134px;
	margin-left:208px;}

.pKogoro h2{
	background:url(../images/act_jinnai.png) no-repeat;
	width:86px;
	height:19px;
	position:absolute;
	left: 454px;
	top: 26px;}

/*　佐藤 美和子　*/

.pSato{
	background:url(../images/p_sato.png) no-repeat;
	width:562px;
	height:352px;}

.pSato h1{
	background:url(../images/name_sato.png) no-repeat bottom;
	width:267px;
	height:134px;
	margin-left:208px;}

.pSato h2{
	background:url(../images/act_ueno.png) no-repeat;
	width:102px;
	height:19px;
	position:absolute;
	left: 454px;
	top: 26px;}
	
/*　高木 渉　*/

.pTakagi{
	background:url(../images/p_takagi.png) no-repeat;
	width:562px;
	height:352px;}

.pTakagi h1{
	background:url(../images/name_takagi.png) no-repeat bottom;
	width:267px;
	height:134px;
	margin-left:208px;}

.pTakagi h2{
	background:url(../images/act_tsuchiya.png) no-repeat;
	width:102px;
	height:19px;
	position:absolute;
	left: 454px;
	top: 26px;}