#indexMain{
width:590px;
height:240px;
background:url(../img/index/index_main.jpg) no-repeat 0px 0px;
position:relative;
}

#indexMain ul{
	position:absolute;
	left:10px;
	bottom:0px;
	padding:10px 0em;
	width: 310px;
}

#indexMain p{
width:258px;
height:45px;
position:absolute;
right:10px;
bottom:8px;
}

#indexMain li{
margin-left: 2em;
font-size:10px;
letter-spacing:1px;
line-height:1.5;
color:#666;
}


/*-------------
#index01
-------------*/
#index01{
width:590px;
height:510px;
background:url(../img/index/index01.gif) no-repeat 0px 0px;
position:relative;
}

/*---------*/
#index01HD{
width:590px;
height:170px;
background:url(../img/index/index01-hd.jpg) no-repeat 0px 0px;
position:relative;
}

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

#index01r{
width:170px;
height:300px;
position:absolute;
right:10px;
bottom:14px;
text-align:center;
}

#index01r p{
margin-bottom:10px;
}

#index01r li{
list-style:none;
}
/*---------*/

#index01l{
width:390px;
height:315px;
position:absolute;
left:14px;
bottom:14px;
}


#index01l dl{
background:url(../img/index/index01_hr.gif) no-repeat left  bottom;
}

#index01l dl dt{
display:none;
}

#index01l dl dd{
padding:10px 0px;
font-size:11px;
letter-spacing:1px;
line-height:20px;
color:#666;
padding-left:0.5em;
background:url(http://www.matsumura-tantei.com/css/none/) no-repeat right  center;
}



#index01l dl#index011 dd{
background-image:url(../img/index/index01_01.gif);
}

#index01l dl#index012 dd{
background-image:url(../img/index/index01_02.gif);
}

#index01l dl#index013 dd{
background-image:url(../img/index/index01_03.gif);
}

#index01l dl#index014 dd{
background-image:url(../img/index/index01_04.gif);
}

/*-------------
#index02
-------------*/
#index02{
width:590px;
height:150px;
position:relative;
margin: 0 0 0 0;
}

#index02 h4{
display:none;
}
#index02 ul{
width:160px;
margin-left:10px;
margin-top:10px;
}

#index02 li{
font-size:11px;
line-height:18px;
height:18px;
list-style:none;
color:#666;
}
#index02 li a{
padding-left:1em;
line-height:1.5;
list-style:none;
color:#666;
text-decoration:none;
}

#index02 #index021 li{
background:url(../img/index/index02_01ic.gif) no-repeat left top;
}
#index02 #index022 li{
background:url(../img/index/index02_02ic.gif) no-repeat left top;
}

#index021{
position:absolute;
left:5px;

background:url(../img/index/index02_01.gif) no-repeat 0px 0px;
width:290px;
height:150px;
margin: 0 0 0 0;
}

#index022{
position:absolute;
background:url(../img/index/index02_02.gif) no-repeat 0px 0px;
right:5px;
width:290px;
height:150px;
}

/*-------------
#index03
-------------*/
#index03{
clear: both;
margin-top:5px;
width:590px;
height:105px;
position:relative;
}

#index03 p{
float:left;
position:relative;
width:196px;
height:100px;
text-align:center;
}

/*-------------
#index00
-------------*/
#private{
width:590px;
height:100px;
margin:20px 0 0 0;
/*background:url(../img/index/private_box.jpg) no-repeat 0px 0px;*/
}

#private ul{
width:590px;
margin:0px auto;
}
#private li{
list-style:none;
width:190px;
float:left;
text-align:center;
}

#report{
height:265px;
width:100%;
margin:30px auto;
}

#report h3{
	font-size:17px;
}

#report li{
list-style:none;
width:280px;
float:left;
text-align:center;
}

/*-------------
#scroll
-------------*/
#scroll{
	width:100%;
}

#scroll div{
	overflow:scroll;
	height:100px;
	border:3px double #CCC;
	padding:10px;
}

#scroll h3{
	background-image:url(../img/index/matsumura-tantei-back-2.gif);
	background-repeat:no-repeat;
	margin:20px 0 0 0;
	padding:5px 5px 5px 30px;
}

#scroll dl{
	width:100%;
	overflow:hidden;
	border-bottom:1px dashed #CCCCCC;
	margin:0 0 30px 0;
	padding:5px;
}

#scroll dt{
	width:120px;
	float:left;
	color:#5A91D1;
	font-weight:bold;
}

#scroll dd{
	width:400px;
	float:right;
}