* {
	margin: 0 auto;
}

#feature #contents {
	margin: 0 auto;
}

#feature h1 { padding: 10px 0 10px 29px; }

/* ----- templateA body.temp01----------------------------------------------------------------*/
#feature #contents { width: 980px; background: #FFFFFF url(../../img/common/contents_bg.gif) repeat-y; }
#feature #section { width: 980px; background: url(../../img/common/section_bg.gif) no-repeat 550px 0;}
#feature #main { width: 637px; float: left; padding-bottom: 30px; position: relative; z-index: 1; }
#feature #side { width: 310px; float: left; padding-bottom: 30px; padding-top: 25px;} 

#feature div.contentsArea {
	margin-left: 33px;
	width: 565px;
	padding-top: 15px;
}


/* --------- NEWS ----------*/
div.information_box{
	width: 560px;
	margin: 15px 0 20px 0;
	padding: 0 0 5px 0;
	background: #EF8843 url(../news/img/bottom_bg.gif) no-repeat 0 bottom ;
}

div.information_box div.cts_box{
	width: 498px;
	margin: 10px 30px 30px 30px;
	border:1px #FFCC66 solid;
	background-color:#FFFFFF;
	text-align: left;
}

div.information_box div.cts_box li.news {
	background: url(../news/img/mark_y.gif) no-repeat 0 3px;
	list-style: none;
	font-size: 1em;
	border-bottom: dotted #FFCC66 1px;
	margin: 12px;
	padding-left: 15px;
}

div.information_box div.cts_box li.news span{
	font-size: 84%;
	padding-left: 5px;
	color: #666666;
}


div.information_box div.pageNews {
	clear: both;
	margin: 10px;
	padding-top: 15px;
}

div.information_box div.pageNews ul { position: relative }
div.information_box div.pageNews ul li.next { position:absolute; top: 3px; right:0; z-index: 1; }
div.information_box div.pageNews ul li.back { position:absolute; top: 3px; left:0; z-index: 1; }

div.information_box div.pageNews p.number {
	text-align: center;
	padding: 3px 0 10px 0;
	font-weight: bold;
}
div.information_box div.pageNews p.number a,
div.information_box div.pageNews p.number span {
	border-left: solid 1px #CCCCCC;
	padding: 0 4px;
}
div.information_box div.pageNews p.number span { font-weight: bold; color: #999999; }
div.information_box div.pageNews p.number .last {
	border-right: solid 1px #CCCCCC;
}

/*========== 右サイド ==========================================*/

#feature #side p.bana { margin-top: 15px; }
#feature #side div.main { background: url(http://www.pia.co.jp/img/common/side_topi_bg.gif) repeat;  margin-top: 15px; }
#feature #side div.main div { padding: 12px; }
#feature #side div.main ul {
	margin-top: 10px;
}
#feature #side div.main ul li {
	background: url(http://www.pia.co.jp/img/common/dots_cya.gif) repeat-x left top;
	padding: 10px 0;
	clear: both;
	float: left;
	width: 285px;
}
#feature #side div.main p.ph {
	width: 90px;
	float: left;
}
#feature #side div.main p.ph img { border: solid 1px #CDCDCD; }
#feature #side div.main dl {
	width: 195px;
	float: left;
}
#feature #side div.main dt a,
#feature #side div.main dt span { font-weight: bold; }
#feature #side div.main p.t10 {
	clear: both;
	padding: 10px 0 0 0;
	width: 285px;
	background: url(http://www.pia.co.jp/img/common/dots_cya.gif) repeat-x left top;
	text-align: right
}
#feature #side div.main p.t10 a.icon02 {
	background-position: 0 3px;
	display: inline;
}