/*
CSS for Desktop Gal Collection [http://www.bokenya.jp/dgc/]
by Kazuhiro Kunishi [kunishi@digiadv.co.jp] 2008.05.20
*/

*{
	padding:0;
	margin:0;
	border:0;
	font:12px/16px '���C���I',Meiryo,Tahoma,'MS UI Gothic',sans-serif;
	}

body{
	background:url(images/bg.png);
	color:#000000;
	text-align:center;
	}

div{
	text-align:left;
	margin:auto;
	}

.left{float:left;}

.clear{clear:both;}

a{color:blue;}

a:hover{color:red;}

br{font:8px/8px sans-serif;}

b{
	font-weight:bold;
	font-family:Verdana,sans-serif;
	color:#d73293;
	}


/* Essenciel */

#container{
	width:860px;
	background:#ffffff;
	}

#main{
	width:643px;
	background:#ffffff;
	float:left;
	}

#menu{
	width:217px;
	background:#ff88ff;
	float:left;
	}

#menu iframe{
	width:217px;
	height:1220px;
	}

#copyright{
	width:860px;
	height:190px;
	}

/* Header */

#header p{float:left;}

.title{margin:4px 0;}


/* Samples */

#photo{
	width:340px;
	float:left;
	}

#parts{
	width:302px;
	float:left;
	}

#samples p{
	width:100px;
	text-align:center;
	float:left;
	}


/* Movies */

#screenshot{
	width:156px;
	text-align:center;
	float:left;
	}

#movies{
	width:146px;
	float:left;
	}

#movies p{
	margin:2px 1px;
	float:left;
	}

ul{
	list-style:disc inside;
	margin:4px 6px;
	padding:0;
	}


/* Thumbnails */

.thumbs{width:643px;}

.serie{
	border-bottom:1px solid #E06F98;
	text-align:right;
	clear:both;
	}

.thumbs img{
	border:1px solid #ffffff;
	margin:2px 0 0 2px;
	float:left;
	}

.thumbs img:hover{border:1px solid #ffff00;}


/* footer */

.cright{
	background:url(images/2nd_bg2.gif) repeat-x;
	margin-top:4px;
	}

#copyright{
	list-style:inside square;
	color:#e06f98;
	}


/* SEO */

#seok h1,
#seok h2,
#seok h3,
#seok p,
#seok strong,
#seok a{
	width:200px;
	font:1px/1px sans-serif !important;
	color:#ffffff !important;
	position:absolute;
	top:0;
	left:30%;
	}


/* Menu du mois */

#mois{
	background:#ffffff !important;
	color:#000000;
	text-align:left;
	}

#mois a{color:#ff0066;}

#mois a:hover{
	color:#ff9999;
	text-decorationunderline;
	}

#mois div{padding:0 4px;}

#mois p{margin:6px 0;}

.model{
	border:1px solid #ff0066;
	margin:0 2px 2px 2px;
	float:left;
	}

.model:hover{border:1px solid #ffff00;}

.fleche{
	float:left;
	margin:2px 2px 0 0;
	}

.comment{padding:0 4px 0 0;}

#search div{text-align:center;}