@charset "utf-8";

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

CSS Information



 file name:top.css

 author:petite-leda

 auth level:css/

 last updated:2010.3.15

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



/************************************************************************/



/* petite-leda top only */



/************************************************************************/



/*----------------------------------------------------------------------------------------------#topCts01*/

div#topCts01{

	width:950px;

	margin-bottom:10px;

	background:#ffffff url(../images/comm/bg_003.gif) 0 bottom no-repeat;

}

div#topCts01 div.bg01{

	width:938px;

	padding:6px;

	background:url(../images/comm/bg_006.jpg) right 0 no-repeat;

}

/*----------------------------------------------------------------------------------------------topLead*/

p.topLead{

	width:880px;

	margin:0 0 5px 10px;

	font-size:80%;

	line-height:1.5;

}

/*----------------------------------------------------------------------------------------------#topMain*/

div#topMain{

	width:938px;

	*display:inline-block;

}

div#topMain:after{

	content:".";

	display:block;

	clear:both;

	font-size:0;

	height:0;

	visibility:hidden;

}

/*===========================

	framework

===========================*/

div#topMain div.part01{

	width:413px;

	float:left;

}

div#topMain div.part02{

	width:525px;

	float:left;

}

/*===========================

	part01

===========================*/

div#topMain p.mainImg img{

	vertical-align:top;

}

/*===========================

	part02

===========================*/

div#topMain p.img01{

	margin-bottom:25px;

}

div#topMain p.img01 img{

	vertical-align:top;

}

/*----------------------------------------------------------------------------------------------#newsArea*/

div#newsArea{

	width:502px;

	margin:0 0 10px 23px;

}

div#newsArea p.title{

	margin-bottom:5px;

}

div#newsArea p.title img{

	vertical-align:top;

}

/*===========================

	newsBox

===========================*/

div#newsArea div.newsBox{

	width:460px;

	*width:443px;

	height:155px;

	padding:0 20px;

	overflow-y:scroll;

	border:solid 1px #cccccc;

}

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

	dl

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

div#newsArea div.newsBox dl{

	width:460px;

	*width:443px;

	padding:6px 0;

	font-size:80%;

	line-height:1.35;

	border-bottom:solid 1px #ECD7CC;

	*display:inline-block;

}

div#newsArea div.newsBox dl:after{

	content:".";

	display:block;

	clear:both;

	font-size:0;

	height:0;

	visibility:hidden;

}

div#newsArea div.newsBox dl dt{

	width:80px;

	float:left;

	letter-spacing:0.1em;

}

div#newsArea div.newsBox dl dd{

	width:370px;

	*width:353px;

	padding-left:5px;

	float:left;

	border-left:solid 5px #DFAF87;

}

/*----------------------------------------------------------------------------------------------#community*/

div#community{

	width:502px;

	margin:0 0 10px 23px;

}

/*===========================

	ul

===========================*/

div#community ul{

	list-style:none;

	width:502px;

	*display:inline-block;

}

div#community ul:after{

	content:".";

	display:block;

	clear:both;

	font-size:0;

	height:0;

	visibility:hidden;

}

div#community ul li{

	width:247px;

	float:left;

	margin-right:8px;

}

div#community ul li.last{

	margin-right:0;

}

div#community ul li img{

	vertical-align:top;

}

/*----------------------------------------------------------------------------------------------#campaign*/

div#campaign{

	width:502px;

	margin:0 0 0 23px;

}

/*===========================

	ul

===========================*/

div#campaign ul{

	list-style:none;

	width:502px;

	*display:inline-block;

}

div#campaign ul:after{

	content:".";

	display:block;

	clear:both;

	font-size:0;

	height:0;

	visibility:hidden;

}

div#campaign ul li{

	float:left;

}

div#campaign ul li.bt01{

	width:321px;

	margin-right:10px;

}

div#campaign ul li.bt02{

	width:171px;

}

div#campaign ul li img{

	vertical-align:top;

}

/*----------------------------------------------------------------------------------------------#topCts02*/

div#topCts02{

	width:938px;

	margin:0 0 10px 6px;

}

div#topCts02 h2{

	margin-bottom:5px;

}

div#topCts02 h2 img{

	vertical-align:top;

}

/*----------------------------------------------------------------------------------------------#mainCtg*/

div#mainCtg{

	width:938px;

	background:url(../images/top/bg_004.gif) 0 0 repeat-y;

}

div#mainCtg div.bg01{

	width:938px;

	padding-bottom:8px;

	background:url(../images/top/bg_005.gif) 0 bottom no-repeat;

}

/*===========================

	table

===========================*/

div#mainCtg table{

	width:938px;

	border-collapse:collapse;

	border-spacing:0;

	border:none;

	margin:0;

	padding:0;

}

div#mainCtg table th,div#mainCtg table td{

	margin:0;

	padding:0;

	vertical-align:top;

}

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

	th

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

div#mainCtg table th.decTh01{

	width:293px;

}

div#mainCtg table th.decTh02{

	width:29px;

}

div#mainCtg table th.decTh03{

	width:30px;

}

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

	h3

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

div#mainCtg h3 img{

	vertical-align:top;

}

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

	ptsBox

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

div#mainCtg div.ptsBox{

	width:269px;

	padding:8px 12px 6px 12px;

	*display:inline-block;

}

div#mainCtg div.ptsBox:after{

	content:".";

	display:block;

	clear:both;

	font-size:0;

	height:0;

	visibility:hidden;

}

div#mainCtg div.ptsBox p.img01{

	width:98px;

	padding-right:8px;

	float:left;

}

div#mainCtg div.ptsBox p.img01 img{

	vertical-align:top;

}

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

	dl

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

div#mainCtg div.ptsBox dl{

	width:163px;

	float:left;

	line-height:1.5;

}

div#mainCtg div.ptsBox dl dt{

	margin-bottom:3px;

	font-size:90%;

	*font-size:85%;

	font-weight:bold;

}

div#mainCtg div.ptsBox dl dd{

	font-size:80%;

}

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

	bt

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

div#mainCtg p.bt{

	text-align:center;

}

div#mainCtg p.bt img{

	vertical-align:top;

}

/*----------------------------------------------------------------------------------------------#topCts03*/

div#topCts03{

	width:938px;

	margin:0 0 0 6px;

	*display:inline-block;

}

div#topCts03:after{

	content:".";

	display:block;

	clear:both;

	font-size:0;

	height:0;

	visibility:hidden;

}

/*===========================

	framework

===========================*/

div#topCts03 div.part01{

	width:520px;

	padding-right:24px;

	float:left;

}

div#topCts03 div.part02{

	width:394px;

	float:left;

}

/*----------------------------------------------------------------------------------------------#recomLink*/

div#recomLink{

	width:520px;

}

div#recomLink p.title{

	margin-bottom:8px;

}

div#recomLink p.title img{

	vertical-align:top;

}

/*===========================

	ul

===========================*/

div#recomLink ul{

	list-style:none;

	width:520px;

	*display:inline-block;

}

div#recomLink ul:after{

	content:".";

	display:block;

	clear:both;

	font-size:0;

	height:0;

	visibility:hidden;

}

div#recomLink ul li{

	width:157px;

	margin-right:24px;

	float:left;

}

div#recomLink ul li.last{

	margin-right:0;

}



/*end*/