@charset "utf-8";


/* -------------------------------------------------------------------
	titleBox
------------------------------------------------------------------- */	
#titleBox {
	margin:8px 0 0; padding:25px 8px 25px 13px;
	width:656px; height:100%;
	background:#000; height:100%;}

#titleBox .leftBox {width:570px;}
#titleBox .leftBox h1,
#titleBox .leftBox p {margin:0; padding:0; float:left;}
#titleBox .leftBox h1 {width:282px;}
#titleBox .leftBox p {width:280px; color:#ccc; padding-top:3px; font-size:70%;}

#titleBox .rightBox {width:70px;}
#titleBox .rightBox p {margin:0; padding:3px 0 0;}

/* -------------------------------------------------------------------
	newsBox
------------------------------------------------------------------- */	
#newsBox {
	width:677px; height:100%; margin:16px 0 0;
	background:url(../images/news_bg.gif) repeat-y;}

/*--cont--*/	
#newsBox .cont {
	width:480px; padding:0 10px 30px; float:right;}
#newsBox .cont h2 {
	margin:0 0 20px; padding:14px 0 0 26px; color:#ccc; font-size:85%;
	height:29px;
	background:url(../images/h2/h2.gif) no-repeat;}
#newsBox .cont h2.fact {
	background:url(../images/h2/fact.gif) no-repeat;}

/*--entryBox--*/	
.entryBox {
	margin:0; padding:20px 0 0; height:100%;
	border-bottom:1px solid #cdcdcd;}
.entryBox p {margin:1em 0 0; font-size:75%; line-height:1.4em;}
.entryBox .photo {float:right; width:135px; height:98px; padding-left:10px; padding-bottom:20px;}
.entryBox .photo p a img {margin-left:8px; padding:1px; display:block; text-align:right;}
.entryBox .photo p a img:hover {border:1px solid #ed2715; padding:0;}
.entryBox .title {
	padding-left:7px;
	border-left:3px solid #000;}
.entryBox .title h3 {font-size:80%; margin:0; line-height:1.4em;}
.entryBox .title h3 a {color:#333;}
.entryBox .title h3 a span.date {color:#666; font-weight:normal;}

.entryBox p.more {text-align:right; margin:0.3em 0 10px; font-size:65%;}
.entryBox p.more a {
	padding-left:11px; color:#666;
	background:url(/component/images/list_point.gif) no-repeat 0 2px;}	

.entryBox .title h3 a:hover,
.entryBox .title h3 a:hover span.date,
.entryBox p.more a:hover {color:#ed2715;}


/*--subnavi--*/		
#newsBox #subnavi {
	width:167px; float:left;}
#newsBox #subnavi h3.category {
	margin:0; padding:9px 0 0 13px; color:#9f9f9f;
	color:#fff;font-size:70%; height:21px;
	background:url(../images/category_bg.gif) repeat-x;}

#newsBox #subnavi h3 {color:#9f9f9f!important;}

#newsBox #subnavi ul.categoryList {font-size:85%;}
	
#newsBox #subnavi ul.categoryList	{
	margin:0; padding:0; list-style:none;}
	
#newsBox #subnavi ul.categoryList li {
	margin:1px 0 0; padding:0 0 0 0; line-height:30px;
	color:#878787;}
*html #newsBox #subnavi ul.categoryList li {height:30px;}

#newsBox #subnavi ul.categoryList li a {
	padding-left:15px; display:block; color:#9f9f9f;
	background:url(../images/subnavi_bg.gif) no-repeat;}
#newsBox #subnavi ul.categoryList li a:hover,
#newsBox #subnavi ul.categoryList li.current a:hover {
	color:#EE0000;
	background:url(../images/subnavi_bg_r.gif) no-repeat;}
#newsBox #subnavi ul.categoryList li.current a {
	color:#fff;
	background:url(../images/subnavi_bg_on.gif) no-repeat;}
	
#newsBox #subnavi ul.categoryList ul li {
	margin:0 0 0 8px; padding:3px 5px 3px 0; line-height:1.5em;
	background:#000; font-size:90%;}
*html #newsBox #subnavi ul.categoryList ul li {height:auto;}

#newsBox #subnavi ul.categoryList ul li a {
	margin-left:8px; padding-left:10px; border:none; color:#9f9f9f;
	background:url(/component/images/link_point.gif) no-repeat 0px 4px;}
#newsBox #subnavi ul.categoryList ul li a:hover {
	background:url(/component/images/link_point.gif) no-repeat 0 4px;}

#newsBox #subnavi ul.categoryList ul li {font-size:85%;}	
*html #newsBox #subnavi ul.categoryList ul li {font-size:105%;}
*:first-child+html #newsBox #subnavi ul.categoryList ul li {font-size:105%;}
	
#newsBox #subnavi .titleBox {
	margin:1px 0 0; padding:9px 8px;
	background:#292929;}
	
#newsBox #subnavi .titleBox h4 {
	margin:0; padding:0 0 0 5px; color:#8f8f8f;
	font-size:70%; line-height:1em;
	border-left:2px solid #8f8f8f;}
	
#newsBox #subnavi h3 {
	margin:8px 0 0; padding:9px 0 9px 13px; font-size:65%;
	background:#4d4d4d; color:#fff;}
	
#newsBox #subnavi ul.backnumberList {
	margin:0 0 15px; padding:0; list-style:none; font-size:70%;}
#newsBox #subnavi ul.backnumberList li {
	margin:0; padding:3px 8px 0 0; padding-left:30px; text-indent:-20px; line-height:1.5em;
	background:#000; font-size:90%;}
#newsBox #subnavi ul.backnumberList li a {
	margin-left:8px; padding-left:10px; border:none; color:#9f9f9f;
	background:url(/component/images/link_point.gif) no-repeat 0 2px;}
#newsBox #subnavi ul.backnumberList li a:hover {color:#EE0000;}
	
/* -------------------------------------------------------------------
	page
------------------------------------------------------------------- */	
.page {font-size:80%; color:#666;}
ul.pageNavi {margin:1em 0; padding:0 0 1em; list-style:none; font-size:90%;}
.page ul.pageNavi {font-size:120%;}
ul.pageNavi li {margin:0; padding:0 5px 0 0; float:left;}
ul.pageNavi li a {color:#666;}
ul.pageNavi li a:hover {color:#EE0000;}

.page .title {
	margin:0 0 1em; padding-left:7px;
	border-left:3px solid #000;}
.page .title h3 {font-size:100%; margin:0; line-height:1.4em; color:#333;}
.page .title h3 span.date {color:#666; font-weight:normal;}

p.pageFooter {
	text-align:right; padding-top:7px;
	border-top:1px solid #ccc;}
	
.page a:link    { color: #666; text-decoration:none;}
.page a:visited { color: #666; text-decoration:none;}
.page a:active  { color: #ed2715; text-decoration:underline;}
.page a:hover   { color: #ed2715; text-decoration:underline;}	
	
.page p {color:#666; font-size:100%;}