@charset "UTF-8";

/* ***********************************************************
*
* Since:     2013-01-08
* Editor:    contents
* Modified:  2013-01-08 by:contents TAZAKI
*
* ***********************************************************
*/

/* font-size===========================================

10px 	77%
11px 	85%
12px 	93%
13px 	100%
14px 	108%
15px 	116%
16px 	124%
17px 	131%
18px 	139%
19px 	147%
20px 	154%
21px 	162%
22px 	170%
23px 	177%
24px 	185%
25px 	193%
26px 	200%

===================================================== */

/* +++++++++++++++++++++++++++++++++++++++++++++++

     #news

+++++++++++++++++++++++++++++++++++++++++++++++ */


#news div.newsList{
	
}
div.newsList ul{
	margin:0 auto 25px;
	width:710px;
}
div.newsList ul li{
	border-bottom:1px dotted #333;
	padding:10px 3px;
}
div.newsList ul li a{
	background:url(../news/img/icon_news_arrow.jpg) 0 0.5em no-repeat;
	padding:0 0 0 12px;
}



div.newsList ul{
	margin:0 auto 30px;
	width:710px;
}
div.newsList ul li{
	border-bottom:1px dotted #333;
	padding:0 3px 10px;
	margin-bottom:10px;
}
div.newsList ul li a{
	background:url(../news/img/icon_news_arrow.jpg) 0 0.5em no-repeat;
	padding:0 0 0 12px;
}

div.newsList p.pagenav{
	text-align:center;
}
	
	/* ---- clearfix ---- */
	div.newsList p.pagenav:after {
		 content: ".";
		 display:block;
		 height:0;
		 clear:both;
		 visibility:hidden;
	}
	div.newsList p.pagenav {
		 display:inline-block;
	}
	/* hides from IE-mac \*/
	* html div.newsList p.pagenav {
		 height:1%;
	}
	div.newsList p.pagenav {
		 display:block;
	}
	
div.newsList p.pagenav span{


}

div.newsList p.pagenav a{
	display:inline-block;
	padding:4px 11px;
	background:#EFEFEF;
	border:1px solid #D6D6D6;
	text-decoration:none;
	margin-right:10px;
	font-family:Verdana, Geneva, sans-serif;
	

}
	div.newsList p.pagenav span.on a{
		background:#DDDDDD;
		border:1px solid #A2A2A2;
	
	}
div.newsList p.pagenav a:hover{
	background:#DDDDDD;
	border:1px solid #A2A2A2;
	border:1px solid #A2A2A2;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++

     #news .detail

+++++++++++++++++++++++++++++++++++++++++++++++ */

#news .detail h3.articleTitle{
	background:url(../common/bg_grid_green.jpg) 0 100% repeat-x #F1F1F1;
	border:2px #6FA93D solid;
	padding:10px;
	color:#006832;
	font-size:124%;
		
} 

#news .detail h3.articleTitle span{
	text-align:right;
	font-weight:normal;
	font-size:75%;
	float:right;

}

#news .detail div.article{
	padding: 0 10px;
	margin-bottom:25px;	
}
#news .detail div.article h4{
	border-bottom:1px dotted #333;
	padding:0 3px 10px 15px;
	margin:15px auto 15px;
	color:#333;
	font-weight:normal;
	background:url(../common/icon_rect_green.jpg) 0 0.5em no-repeat;		
} 

#news .detail div.article p{
	margin-bottom:15px;
}

div.article div.imgBox{
	
}

	/* ---- clearfix ---- */
	div.article div.imgBox:after {
		 content: ".";
		 display:block;
		 height:0;
		 clear:both;
		 visibility:hidden;
	}
	div.article div.imgBox{
		 display:inline-block;
	}
	/* hides from IE-mac \*/
	* html div.article div.imgBox{
		 height:1%;
	}
	div.article div.imgBox{
		 display:block;
	}


#news .detail div.article div.imgBox p.imgL{
	float:left;
	margin-right:20px;
}
#news .detail div.article div.imgBox p.imgR{
	float:right;
	margin-left:20px;
}

#news .detail div.article div.imgBox img{
	border:3px solid #DDD;

}


p.pageBack a{
	display:block;
	border:1px solid #CCC;
	background:#E0E0E0;
	text-align:center;
	padding:10px;
	text-decoration:none;
}
p.pageBack a:hover{
	background:#E9EAEA;
}



/* ------bnrBox------ */

.bnrBox{
	margin:20px 0;
	border:2px solid #CCC;
}
.bnrBox dl{
	padding:12px 0px 12px 20px;
	background:url(../common/dot_bg.jpg) repeat 0 0;
	border:1px solid #FFF;
}
.bnrBox dl dt{
	float:left;
	margin-right:20px;

}
.bnrBox dl dd{
	float:left;
	margin-right:10px;
}