/*----------------------------------------------------
	body
----------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, "ＭＳ Ｐゴシック", Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	font-size:12px;	
	line-height: 1.7;
	color:#666666;
	background-image: url(../../misc/img/main/slash.png);
	background-repeat: repeat-x repeat-y;
}

* html body {	/* for IF6 */
	font-family: Verdana,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

body:first-of-type #hack {
	font-family: Verdana,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	letter-spacing:0;	
}

/*----------------------------------------------------
	container
----------------------------------------------------*/
#container {
	width: 952px;
	height : auto;
    margin: 0px auto 0px auto;	
	padding: 0px;
	background-image: url(../../misc/img/container_bg.gif);
	background-repeat: repeat-y;
}

/*----------------------------------------------------
	header
----------------------------------------------------*/
#header { 
	width: 950px;
	height:167px;
	padding: 0px;
	position:relative;
	background-image: url(../../misc/img/header/bg_header.png);
	background-repeat: repeat-x;	
}

.header_logo {
	top:54px;
	left:0px;
	position:absolute;
	background-image: url(../../misc/img/header/hd_logo.jpg);
	background-repeat: repeat-x;
	z-index:1;	
}

.header_comment {
	width:210px;
	height:30px;
	top:110px;
	left:267px;
	position:absolute;
	font-size:10px;
	font-family: Verdana, "ＭＳ Ｐゴシック", Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;	
	color:#FFFFFF;
	text-align:right;
	z-index:2;
}


.header_banner {
	top:64px;
	right:10px;
	position:absolute;
	background-image: url(../../misc/img/header/h_banner.jpg);
	background-repeat: no-repeat;	
}

.header_search {
	top:120px;
	left:497px;
	position:absolute;
}

.header_rss ul {
	top:123px;
	right:10px;
	position:absolute;
}

.header_rss li {
	display: inline;
	margin-right: 1px;
}


.header_menu ul {
	width:951px;
	top:10px;
	left:0px;
	position:absolute;	
}

.header_menu li {
	display:inline;
	margin-right: 1px;
}

html>/**/body .header_menu li {margin-right: 0px\9;}


/*----------------------------------------------------
	contents
----------------------------------------------------*/
#contents {
	width: 950px;
	height : auto;
    margin: 0px auto 0px auto;
	padding: 5px 0px 0px 0px;
	overflow:hidden;	
}


/*----------------------------------------------------
	main
----------------------------------------------------*/
#main_top {
	width: 545px;
	height : auto;
	padding: 0 4px 0 8px;
	margin-top: 10px;
	overflow:hidden;
	
}
*html #main_top {
	padding: 0 3px 0 6px;
}

#main {
	width: 540x;
	height : auto;
	padding: 0 4px 0 2px;
	margin: 0;
	overflow:hidden;		
}

*html #main {padding: 0 3px 0 2px;}

#main_top h2 {
	margin-top:0px;
}

#main h2 {
	width:540px;
	height:70px;
	background-image: url(../../misc/img/main/maintitle_bg.jpg);
	background-repeat: no-repeat;
	margin-bottom:10px;
}

#main .titletext {
	padding:20px 0 5px 20px;
	font-size:16px;
	font-weight:bold;	
}

#main h3 {
	width:520px;
	height:40px;
	margin:0 0 10px 0;
}



/*----------------------------------------------------
	l_side
----------------------------------------------------*/
#l_side {
	width: 180px;
	height : auto;
    margin: 10px 0 10px 0;
	padding: 0;
	float:left;
	overflow:hidden;
}

#l_side ul {
	padding-left:10px;
	list-style:none;
}

#l_side li {
	display:inline;
}




#l_side .banner {
	margin:10px 0 10px 20px;

}

/*----------------------------------------------------
	r_side
----------------------------------------------------*/
#r_side {
	width: 200px;
	height : auto;
    margin: 10px 0 10px 0;
	padding: 0 3px 0 5px;
	float:right;
	overflow:hidden;
}

#r_side .newstitle {
	width:170px;
	height:40px;
	padding:10px;
	background-color:#999;
	border:#999 solid 1px;
	font-size:10px;
	color:#fff;
}

#r_side .newsbox {
	width:190px;
	height:auto;
	padding-top:10px;
	text-align:center;
	border:#999 solid 1px;
}

#r_side .newsbox p{
	width:140px;
	margin:3px auto 10px auto;
	text-align:left;
	font-size:10px;
}

#r_side .banner{
	width:190px;
	margin:10px 10px 10px 0;
}

#r_side .banner2{
	width:180px;
	margin:10px 10px 10px 5px;
}

#r_side .banner ul {
	margin:0;
}

#r_side .banner li {
	margin-bottom:5px;
}



#r_side .newstitle {
	width:170px;
	height:40px;
	padding:10px;
	background-color:#999;
	border:#999 solid 1px;
	font-size:10px;
	color:#fff;
}

#r_side .newsbox {
	width:190px;
	height:auto;
	border:#999 solid 1px;
}

#r_side .ranktitle {
	width:190px;
}

#r_side .rankbox {
	width:188px;
	height:auto;
	border:#ccc solid 1px;
	background-image: url(../../misc/img/r_side/bg_rank.jpg);
	background-repeat: repeat-x;
	overflow:hidden;	
}

#r_side .rankbox dl.bg {
	width:184px;
	height:auto;
	margin:1px;	
	border:#ccc solid 1px;
	background-image: url(../../misc/img/r_side/bg_rank.jpg);
	background-repeat: repeat-x;	
}

#r_side .rankbox dl.inbox {
	width:184px;
	height:47px;
	float:left;	
	overflow:hidden;	
}

#r_side .rankbox dt {
	float:left;
	width:30px;
	height:auto;

}
#r_side .rankbox dd{
	width:140x;
	height:47px;
	padding:5px 0 5px 5px;
	overflow:hidden;
}


#r_side .rankbox ul{
	font-weight:bold;
	color:#666;
	font-size:10px;
}

#r_side .rankbox li{
	list-style:none;
	font-weight:normal;
}




/*----------------------------------------------------
	フッターエリア
----------------------------------------------------*/
#footer {
	width: 948px;
	height: 60px;
	padding-top: 10px;
	margin-left:2px;
	text-align:center;
	font-size:10px;
	border-top:#ccc solid 1px;
	background-color:#fff;
	
}

/*----------------------------------------------------
	テキスト設定
----------------------------------------------------*/

a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:active {
	color: #333;
	text-decoration:underline;
}
a:hover {
	color: #333;
	text-decoration:underline;
}



/*----------------------------------------------------
	ライン設定
----------------------------------------------------*/
.line_dot {
	width:540px;
	height:1px;
	margin:5px 0 15px 0;
	border-top:#ccc dotted 1px;
	clear:both;
}

