@charset "utf-8";
@import url("/common/css/base.css");

/*
 * toppage this css
 * Date: 2009.07.17
 * Author: Creative Team
 */


/* 
------------------------------------------------------------------*/
div#contents{
	clear:both;
	padding-top:1px;
	margin-top:0;
	}

div#contents div.inner{
	padding-bottom:2px;
	}

/* mainImg */
div#mainImg{
	float:left;
	width:581px;
	height:233px;
	margin:13px 0 0 2px;
	_margin:13px 0 0 1px;
	border-top:1px solid #091732;
	background:#fff url(images/main_img01.gif) no-repeat left bottom;
	}

div#mainImg h2{
	height:130px;
	text-indent:-9999px;
	}

div#mainImg ul{
	width:557px;
	margin-left:23px;
	}

div#mainImg ul li{
	float:left;
	width:173px;
	height:73px;
	margin-right:7px;
	}


div#mainImg ul li a{
	width:176px;
	height:84px;
	display:block;
	text-indent:-9999px;
	}

div#mainImg ul li.point01 a:hover{ background:url(images/main_btn01_on.gif) no-repeat left top; }
div#mainImg ul li.point02 a:hover{ background:url(images/main_btn02_on.gif) no-repeat left top; }
div#mainImg ul li.point03 a:hover{ background:url(images/main_btn03_on.gif) no-repeat left top; }


div#popular{
	float:left;
	width:179px;
	height:234px;
	margin-top:13px;
	background:#2b2d2f;
	}


div#popular .twtr-join-conv{
font-size:9px;
}
div#popular #twArea{
	height: 130px;
	overflow: auto;
}
div#popular .tweets{
padding: 5px 10px;
color: #ffffff;
font-size: 12px;
}
div#popular .tweets a{
color: #f0e999;
font-size: 12px;
}
#btFollow{
height:37px;
padding-right:10px;
color: #fff;
text-align: right;
}
#btFollow a{
display:inline-block;
margin-top:11px;
padding-top:4px;
color: #fff;
text-decoration: none;
font-size:12px;
}
#btFollow img{
margin-top:11px;
margin-left:10px;
float:left;
}


dl#popular{
	float:left;
	width:179px;
	height:234px;
	margin-top:13px;
	background:#fff url(images/main_bg01.gif) no-repeat left bottom;
	}
#popular a.bnr{
display: block;
width: 180px;
height: 62px;
margin-bottom: 5px;
background:#fff url(images/bnr_shop.gif) no-repeat left -62px;
text-indent: -9999px;
}
#popular a:hover.bnr{
background:#fff url(images/bnr_shop.gif) no-repeat left 0px;
text-indent: -9999px;
}

dl#popular dt{
	width:179px;
	height:38px;
	text-indent:-9999px;
	background:url(images/main_ttl01.gif) no-repeat left top;
	}

dl#popular dd{
	width:141px;
	margin:0 0 10px 13px;
	padding-left:15px;
	line-height:140%;
	background:url(/common/images/list_img03.gif) no-repeat left 5px;
	}

/* news */

div#news{
	width:px;
	margin:0 0 0 2px;
	background:url(images/news_bg02.gif) no-repeat left bottom;
	}

div#news div.newsinner{
	width:758px;
	padding-top:30px;
	padding-bottom:30px;
	background: url(images/news_bg01.gif) no-repeat left top;
	}

div#news dl{
	float:left;
	width:340px;
	margin-bottom:30px;
	}

div#news dl.gmoreg{
	min-height:240px;
	_height:240px;
	margin:0 25px 0 45px;
	_margin:0 25px 0 22px;
	border-right:1px solid #ccc;
	}

div#news dl dt{
	width:173px;
	height:16px;
	text-indent:-9999px;
	}

div#news dl.gmoreg dt{
	background:url(images/news_ttl01.gif) no-repeat left top;
	width: 318px;
	height:14px;
	position:relative;
}


div#news dl.gmoreg dt a.rssfeed{
	position:absolute;
	top:0;
	right:0;
	display: block;
	width: 16px;
	height: 16px;
	text-indent:0;
}

/*-- ’Ç‰Á --*/
div#news dl.icann dt{
	background:url(images/news_ttl02.gif) no-repeat left top;
	width: 318px;
	height:14px;
	position:relative;
}

div#news dl.icann dt a.rssfeed{
	position:absolute;
	top:0;
	right:0;
	display: block;
	width: 16px;
	height: 16px;
	text-indent:0;
}
/*-- ’Ç‰Á --*/

div#news dl dd{
	width:308px;
	margin-top:15px;
	padding:0 0 13px 10px;
	border-bottom:1px dotted #ccc;
	background:url(/common/images/list_img04.gif) no-repeat left 5px;
	}

div#news dl dd.last{
	padding-bottom:0;
	border-bottom:none;
	}

div#news dl dd.lineup{
	text-align:right;
	border:none;
	background:none;
	}

div#news dl dd.lineup a{
	font-size:10px;
	}


/* clearfix
-------------------------------------------------------------------*/

div#news:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}