@charset "utf-8";

#header{
	position:relative;
	height:119px;
	margin-bottom:40px;
	}
	
#flash{
	width:950px;
	margin:0 auto 15px;
	}

#contents{
	padding:20px 0 0;
	background:transparent url(../img/bg-contents.gif) 0 0 repeat-x;
	}
#contents #main{
	width:680px;
	}
#contents #sub{
	width:225px;
	}

#contents-header{
	margin-bottom:20px;
	}
#contents-header .box{
	width:225px;
	height:268px;
	float:left;
	margin-right:17px;
	background:transparent url(../img/box-bg.gif) bottom left no-repeat;
	}
#contents-header .box3{margin-right:16px;}
#contents-header .box4{margin-right:0;}
#contents-header .box p.arrow2{
	line-height:1.4;
	margin:7px 15px 0px;
	padding-left:10px;
	background:transparent url(../common/img/icn-arrow2.gif) 0px 6px no-repeat;
	display:block;
	}

.news{}
.news .ttl{
	padding:0 10px;
	height:23px;
	padding-top:7px;
	background:transparent url(../img/ttl-bg.gif) 0 0 no-repeat;
	font-size:13px;
	font-weight:bold;
	position:relative;
	}
.news .ttl p{
	position:absolute;
	top:7px;
	right:10px;
	font-size:12px;
	font-weight:normal;
	}
.news .ttl p a{text-decoration:underline;color:#333;}
.news .ttl p a:hover{text-decoration:none;}

.news li{
	margin-left:10px;
	padding:12px 8px;
	background:transparent url(../common/img/dotline.gif) bottom left repeat-x;
	}
.news li p{margin-bottom:2px;}
.news li p.date{font-size:11px;color:#666;}
.news li p.file img{vertical-align:middle;}

/*------------------*/
#sub{}

#sub .section{text-align:center;}

#sub .recommend{text-align:left;}
#sub .recommend p{
	padding:8px;
	}
#sub .recommend dt{
	text-align:center;
	padding-bottom:8px;
	}
#sub .recommend dt img{
	border:1px solid #e8e8e8;
	}
#sub .recommend dd{text-align:center;}
#sub .recommend dd a{margin:0 2px;}
#sub .recommend dd a.lastChild{margin-right:0px;}