@charset "utf-8";

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

 トップページ用CSS
 
 Date : 2011.02.28
 Auth : D.Nishi
 
*************************************************/

/*--------------------------------------
 左右カラム基本スタイル
--------------------------------------*/

.side
{
	float: left;
	width: 240px;
	
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 24px;
}

.main
{
	float: right;
	width: 600px;
	min-height: 600px;
	
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 24px;
}



/*--------------------------------------
 メイン基本スタイル
--------------------------------------*/

.main h2
{
	margin-bottom: 12px;	
}

.main h3
{
	margin-bottom: 8px;
}


/* 画像ロールオーバー */
.main dd a img
{
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.main dd a:hover img
{
	opacity: 0.6;
	filter: alpha(opacity=60);
}


/*--------------------------------------
 目次
--------------------------------------*/

.main .index-category
{
	clear: both;
	margin-bottom: 24px;
}

.main .index-item
{
	clear: both;
	
	width: 600px;
	height: 80px;
	
	margin-bottom: 12px;
}

.main .index-item dt
{
	width: 300px;
}

.main .index-item dd
{
	float: right;
	
	width: 300px;
}

.main .index-item dd p
{
	color: #666;
	font-size: 12px;

	line-height: 120%;

	text-align: justify;
	text-justify: inter-ideograph;

	padding-top: 8px;
	padding-right: 8px;	
}

.main .index-item dd p.under-construction
{
	color: #F00;
	font-size: 10px;
	padding-top: 0px;
}



/*--------------------------------------
 懸賞ページ
--------------------------------------*/

#present .main p
{
	margin-bottom: 8px;
}

#present .main div
{
	margin-bottom: 20px;
}

#present .main table
{
	border: 1px solid #963;
	border-collapse: collapse;
}

#present .main th
{
	background-color: #FC9;
	width: 20%;
	padding: 8px;
	border: 1px solid #963;
}


#present .main td
{
	padding: 8px;
	border: 1px solid #963;
}



/*--------------------------------------
 サイド用
--------------------------------------*/

.side div
{
	margin-bottom: 12px;
}

.side .banners1
{
	border-bottom: 1px solid #9CF;
}

.side .banners1 p
{
	margin-bottom: 8px;
}

.side .banners1 img
{
	border: 1px solid #999;
}

.side .banners2
{
	border-bottom: 1px solid #9CF;
}

.side .banners2 p
{
	margin-bottom: 8px;
}




/*--------------------------------------
 更新履歴
--------------------------------------*/

#history
{
	border: 1px solid #666;
	width: 240px;	
}

#history dd
{
	margin: 0px;
    zoom: 100%;
}

#history dd:after
{
    content: "";
    clear: both;
    height: 0px;
    display: block;
    visibility: hidden;
}

#history dd img
{
	float: left;
	
	width: 12px;
	height: 28px;
	
	padding-left: 6px;	
	border-top: 1px dotted #666;
}

#history dd p
{
	float: right;
	
	width: 218px;
	
	color: #666;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 150%;
	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 4px;
	
	border-top: 1px dotted #666;
}



/*--------------------------------------
 ランダムイメージ
--------------------------------------*/

div#random-image p
{
	float: left;
}


/*--------------------------------------
 リンク
--------------------------------------*/

.side .link img
{
	margin-right: 8px;
}