* {
margin:0;
padding:0;
border:none;
}

body {
margin: 0px;
padding: 0px;
background-color:#282828;
font-family:"ＭＳ ゴシック";
font-size:12px;
color:#fff;
}

#wrapper{
width:800px;
height:1300px;
}

.bn{
margin:5px 0 0 0;
}

/*navi start---------------------------------------------------------------------*/
#navi {
	float:left;
	margin:0;
	padding:0 0 0 0;
	top: 0px;
	position:relative;
	
}

#navi ul{
    list-style:none;
	margin:10px 0 0 10px;
	padding:0;
	

}
#navi a, #navi li{
	display:block;
	width:257px;
	height:38px;
	
}

#navi a{
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(http://affiliate.dtiserv.com/ppc/sitemix0309/01/navi.gif);
	text-indent: -9999px;
	
}
#navi li{
	display:inline;
	text-align: center;
	float: left;

}

#navi a.item01{
    background-image: url(http://affiliate.dtiserv.com/ppc/sitemix0309/01/navi.gif);
	background-position:0px  -58px;
}
#navi a:hover.item01{
    background-position:0px -7px;
}


#navi a.item02{
    background-image:url(http://affiliate.dtiserv.com/ppc/sitemix0309/01/navi.gif);
	background-position:-261px  -58px;
}
#navi a:hover.item02{
    background-position:-261px -7px;
}

#navi a.item03{
    background-image:  url(http://affiliate.dtiserv.com/ppc/sitemix0309/01/navi.gif);
	background-position:-522px  -58px;
}
#navi a:hover.item03{
    background-position:-522px -7px;
}

/*navi end---------------------------------------------------------------------*/


/*慎重派---------------------------------------------*/
#shincho{
width:780px;
padding:5px;
}

#shincho .top{
padding:8px 0 0 5px;
}


#shincho .cont{
width:775px;
border-left:solid 1px #fff;
border-right:solid 1px #fff;
background-color:#616161;
margin:0 0 0 5px;
}

*+html #shincho .cont{
width:775px;
border-left:solid 1px #fff;
border-right:solid 1px #fff;
background-color:#616161;
margin:-4px 0 -7px 5px;
}

#shincho ul{
padding:8px 0 0 13px;
}


#shincho li{
list-style:none;
float:left;
padding:0 0 0 7px;
}

#shincho .hey{
width:120px;
height:92px;
z-index:100;
}

#shincho .img{
position:absolute;
z-index:150;
text-align:center;
top:317px;
width:120px;
height:92px;
}

#shincho .btn{
margin:5px 0 0 21px;
}

#shincho .td{
padding:0 0 0 2px;
}


#shincho .btm{
clear:left;
padding:0 0 0 5px;
}



/*率先派---------------------------------------------*/

#sossen{
float:left;
padding:15px 5px 5px 10px;
width:387px;
}

#sossen .cont{
width:371px;
border-left:solid 1px #fff;
border-right:solid 1px #fff;
background-color:#616161;
padding:7px;

}

*+html #sossen .cont{
width:371px;
border-left:solid 1px #fff;
border-right:solid 1px #fff;
background-color:#616161;
padding:7px;
margin:-3px 0 -5px 0;
}

#sossen .pf{
float:left;
border:solid 1px #fff;
background-color:#000;
font-size:11px;
line-height:130%;
width:106px;
margin:3px 6px;
}


#sossen .name{
padding:1px 0;
text-align:center;
background-color:#0099FF;
}

#sossen .txt{
padding:2px;
}

#sossen a{
color:#fff;
text-decoration:none;
}

#sossen a:hover{
color:#FF0066;
text-decoration:none;
}

/*シャイ派---------------------------------------------*/

#shy{
float:left;
padding:15px 5px 5px 0;
width:387px;
}

#shy .cont{
width:375px;
border-left:solid 1px #fff;
border-right:solid 1px #fff;
background-color:#616161;
padding:5px 5px 9px 5px;

}

*+html #shy .cont{
width:371px;
border-left:solid 1px #fff;
border-right:solid 1px #fff;
background-color:#616161;
padding:7px;
margin:-3px 0 -5px 0;
}

#shy .dl{
float:left;
border:solid 1px #fff;
background-color:#000;
font-size:11px;
line-height:130%;
width:120px;
margin:3px 1px;
}


#shy .name{
padding:1px 0;
text-align:center;
background-color:#079b1f;
}

#shy .txt{
padding:2px;
}

#shy a{
color:#fff;
text-decoration:none;
}

#shy a:hover{
color:#FFCC00;
text-decoration:none;
}

#shy .carib{
width:120px;
height:78px;
z-index:100;
}

#shy .img{
position:absolute;
z-index:150;
top:724px;
width:120px;
height:78px;
}

#footer{
float:left;
background-image:url(http://affiliate.dtiserv.com/ppc/sitemix0309/01/footer.jpg);
background-repeat:no-repeat;
width:800px;
height:50px;
margin:8px 0 0 0;
border-top:dotted 1px #999;
color:#fff;
padding:5px 0 5px 0;
}

#footer table{
width:680px;
font-size:10px;
border-collapse:collapse;
border:#424242;
margin:2px 0 0 30px;
}

#footer td{
padding:2px 3px;
}

#footer a{
color:#fff;
text-decoration:none;
border-bottom:dotted 1px #FD047C;
}

#footer a:hover{
color:#FF0066;
border-bottom:dotted 1px #FD047C;
}

.clear {
clear:left;
}