@charset "utf-8";

body{
	background-color:#323232;
	color:#FFF;
	font-size:0.8em;
	line-height:140%;
	margin:0px;
	padding:0px;
	height:100%;
}

a{
	 color:#FFF;
	 text-decoration:none;
}

a:visited{
	color:#999999;
	text-decoration:none;
}

a:hover{
	color:#FFF;
	text-decoration:underline;
}

h1{
	font-size: 26px;
	line-height: 26px;
	padding:0;
	margin:0;
}


h2{
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#ffffff;
	line-height:24px;
	background-image:url(../img/topics_title.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	margin:0px;
}

p{
	margin:0px 0px 15px 0px;
}

img{
	border:0px;
}


/*g-navi*/

#g-navi{
	height:42px;
	width:620px;
	float:right;
	padding-top:10px;
}

#g-navi ul{
	height:40px;
	width:620px;
	padding:0;
	margin:0;
}

#g-navi li{
	width:124px;
	line-height:42px;
	text-align:center;
	font-size:14px;
	float:left;
	list-style:none;
}

	#g-navi li a{
		display:block;
		height:42px;
		out-line:0;
		width:124px;
		text-decoration:none;
		font-weight:bold;
}

	#g-navi li a#navi{ color:#FFF; background: url(../img/navi_line.gif) right no-repeat;}
	#g-navi li a#navi:hover{ color:#CF1C25; background: url(../img/navi_line.gif) right no-repeat;}
	#g-navi li a#navion{ color:#CF1C25; background: url(../img/navi_line.gif) right no-repeat;}


/*全体*/

#container{
	width:800px;
	padding:0px 10px 0px 10px;
	background-image: url(../img/container_side.gif);
	background-position:left;
	background-repeat:repeat-y;
	margin:0 auto;
	margin-bottom:0px;
}

#bg{
	background-image:url(../img/re_contents.jpg);
	background-position:top;
	background-repeat:repeat-x;
	border-top:#E3E3E3 1px solid;
	margin:0px;
	padding:0px;
	height:100%;
}

#bottom_container{
	width:820px;
	padding:0px;
	background-image: url(../img/bcontainer_side.gif);
	background-position:left;
	background-repeat:repeat-y;
	margin-top:0px;
	margin:0 auto;
	height:100%;
}

#contents{
	width:800px;
	margin:0 auto;
	padding-top:0px;
	margin-bottom:0px;
}

#l_side{
	width:10px;
	margin:0 auto;
	padding-top:0px;
	margin-bottom:0px;
	float:left;
}

#r_side{
	width:10px;
	margin:0 auto;
	padding-top:0px;
	margin-bottom:0px;
	float:left;
}

.left{
	float:left;
}

/*ヘッダ部分*/

#hedder{
	width:800px;
	background-image: url(../img/teri.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:0px;
	padding-bottom:10px;
}

#explanation{
	font-size:10px;
	color:#ccc;
	line-height:15px;
	padding-top:7px;
	padding-left:10px;
	margin:0 auto;
}

#logo{
	width:165px;
	padding-left:10px;
	padding-right:5px;
	text-align:left;
	float:left;
}

.cate{
	padding-top:1px;
	width:620px;
	float:right;
}

.cate div{
	float:right;
}
	
	.cate div a{
		display:block;
		out-line:0;
		text-decoration:none;
		padding:3px 5px 3px 5px;
}

	.cate div a:hover{color:#FFF; background-color:#B5181F;}

#top_img{
	margin:0px;
	padding:0px;
}



/*コンテンツ 左部分*/

#contents-left{
	text-align:left;
	vertical-align:top;
	padding:0px 10px 0px 10px;
	width:500px;
	margin-top:30px;
	margin-bottom:50px;
	float:left;
}

#deco{
	width:500px;
	background-image:url(../img/topics_title.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-bottom:20px;
}

.info{
	background-image:none;
}

#topi_title{
	width:410px;
	padding-top:0px;
	padding-left:10px;
	padding-bottom:3px;
	float:left;
}

#topics{
	width:470px;
	margin:0 auto;
	border-bottom:#FFFFFF 1px dashed;
	margin-bottom:15px;
}

#topics .day{
	text-align:left;
	padding-top:5px;
	padding-right:10px;
}

#topics .new{
	text-align:left;
	padding-top:5px;
}

#topics .text{
	text-align:left;
	padding-top:2px;
	padding-bottom:10px;
	color:#CF1C25;
}

#more{
	width:70px;
	font-size:12px;
	padding:3px 0px 0px 0px;
	float:right;
}

/*コンテンツ 右部分*/

#contents-right{
	text-align:left;
	vertical-align:top;
	width:252px;
	margin-top:30px;
	margin-bottom:50px;
	padding-right:10px;
	float:right;
}

#r_text{
	text-align:left;
	width:252px;
	padding:0;
	margin-bottom:10px;
}

#r_text .text{
	text-align:left;
	width:222px;
	padding-left:20px;
	padding-right:10px;
	margin:0px;
	background-image: url(../img/text_side.gif);
	background-repeat:repeat-y;
	background-position:left;
}

#r_banner{
	text-align:left;
	padding-bottom:10px;
}



/*コンテンツ 下部分*/

#contents-bottom{
	width:780px;
	vertical-align:top;
	text-align:left;
	padding-top:15px;
	margin:0 auto;
}

.b_banner{
	margin:0px 5px 10px 0px;
	float:left;
	
}

#b_text{
	text-align:left;
	width:252px;
	padding:0;
	margin-bottom:10px;
	margin-right:8px;
	float:left;
}

#b_text .text{
	text-align:left;
	width:222px;
	padding-left:20px;
	padding-right:10px;
	margin:0px;
	background-image: url(../img/text_side.gif);
	background-repeat:repeat-y;
	background-position:left;
}


.line{
	border-top:#E3E3E3 1px solid;
	width:780px;
	height:1px;
	margin:0 auto;
	margin-bottom:10px;
	margin-top:0px;
}




/*フッタ部分*/

#footer{
	width:780px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
}

/*このページのトップへ*/

#pege_top{
	width:100px;
	text-align:right;
	margin:0 auto;
	padding:0px 10px 0px 0px;
	float:right;
}

#footer_inside{
	width:780px;
	padding-top:0px;
}

#footer_inside .cate{
	padding-top:0px;
	float:left;
}

#footer_inside .cate div{
	float:left;
}
	
	#footer_inside .cate div a{
		display:block;
		out-line:0;
		text-decoration:none;
		padding:3px 5px 3px 5px;
}

	#footer_inside .cate div a:hover{color:#FFF; background-color:#B5181F;}

#copy{
	color:#ccc;
	padding-top:3px;
	padding-left:3px;
}
