@charset "utf-8";


/* ===================
news
===================*/
#newsTop #contentsHeader h2,
#newsEntry #contentsHeader h2{
	letter-spacing: 0.2em;
	}

/*#newsTop #contents #contentsBody,
#newsEntry #contents #contentsBody{
	background-color: #ffffff;
	display: inline;
	float: left;
	width: 762px;
	}*/



/* ===================
newsTop
===================*/
#newsTop #contentsBody #newsBox{
	padding-bottom: 10px;
	}
#newsTop #contentsBody #newsBox ul{
	list-style-type: none;
	margin-left: 20px;
	}
#newsTop #contentsBody #newsBox li{
	list-style-type: none;
	margin-right: 25px;
	background: url(/news/img/line-dotline_whatsnew.gif) repeat-x left bottom;
	padding: 10px 0 5px 0;
	position: relative;
	min-height: 59px;
	}
*html body#newsTop #contentsBody #newsBox li{
	/*IE6 BugFix*/
	height: 59px;
	}
	#newsTop #contentsBody #newsBox li.end{
		background: none;
		}
#newsTop #contentsBody #classNewsBox .mark{
	display: inline;
	float: right;
	width: 48px;
	height: 48px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -24px;
	}
#newsTop #contentsBody #newsBox .thumbnail{
	display: inline;
	float: left;
	width: 90px;/*70*/
	height: 63px;/*63*/
	text-align: right;
	position: absolute;
	top: 50%;
	margin-top: -32px;
	}
	#newsTop #contentsBody #newsBox .thumbnail img{
		margin-right: 20px;
		}
#newsTop #contentsBody #newsBox .data{
	display: inline;
	float: right;
	width: 434px;
	}
	#newsTop #contentsBody #newsBox .date{
		display: inline;
		float: left;
		width: 5.5em;
		color:#221815;
		}
	#newsTop #contentsBody #newsBox .category{
		display: inline;
		float: left;
		/*width: 434px;*/
		color:#e46518;
		}

#newsTop #contentsBody #newsBox .title{
	display: inline;
	float: right;
	width: 434px;
	padding-top: 5px;
	}
#newsTop #contentsBody #newsBox .text{
	display: inline;
	float: right;
	width: 434px;
	padding-top: 5px;
	}

#newsTop #contentsBody #newsBox .more{
	display: inline;
	float: right;
	width: 434px;
	padding-top: 4px;
	text-align: right;
	}
	#newsTop #contentsBody #newsBox .more a{
		padding-left: 15px;
		background: url(/news/img/arrow-line.png) no-repeat left 50%;
		color: #221815 !important;
		}
	#newsTop #contentsBody #newsBox .more a:link {
		text-decoration: none;
		color: #221815 !important;
		}
	#newsTop #contentsBody #newsBox .more a:visited {
		text-decoration: none;
		color: #221815 !important;
		}
	#newsTop #contentsBody #newsBox .more a:hover {
		text-decoration: underline;
		color: #e46518 !important;
		}
	#newsTop #contentsBody #newsBox .more a:active {
		text-decoration: underline;
		}
	#newsTop #contentsBody #newsBox .more a:focus {
		}



/* ===================
Archive
===================*/
#newsTop .archive #contentsHeader{
	
	}
#newsTop .archive #contentsHeader span{
	margin: 0 3px;
	display: block;
	}

#newsTop .archive #contentsHeader h2{
	display: inline;
	float: left;
	width: 4.75em;
	padding-right: 0;
	}
#newsTop .archive #contentsHeader p.backNum{
	display: inline;
	float: left;
	/*width: 35em;*/
	padding-top: 0px;
	color: #e46518;
	letter-spacing: 0.2em;
	padding: 16px 15px 13px 0;
	}
	#newsTop .archive #contentsHeader p.backNum span{
		display: inline;
		border-left: 1px solid #e46518;
		padding-left: 1em;
		font-weight: bold;
		}



/* ===================
Category
===================*/
#newsTop .category #contentsHeader{
	
	}
#newsTop .category #contentsHeader span{
	margin: 0 3px;
	display: block;
	}

#newsTop .category #contentsHeader h2{
	display: inline;
	float: left;
	width: 4.75em;
	padding-right: 0;
	}
#newsTop .category #contentsHeader p.backNum{
	display: inline;
	float: left;
	/*width: 35em;*/
	padding-top: 0px;
	color: #e46518;
	letter-spacing: 0.2em;
	padding: 16px 15px 13px 0;
	}
	#newsTop .category #contentsHeader p.backNum span{
		display: inline;
		border-left: 1px solid #e46518;
		padding-left: 1em;
		font-weight: bold;
		}



/* ===================
newsEntry
===================*/
#newsEntry #contentsBody .section{
	clear: both;
	width: 419px;/*612px*/
	margin: 0;
	position: relative;
	}

#newsEntry #contentsBody .inner{
	display: inline;
	float: right;
	width: 459px;/*652px;*/
	padding-bottom: 35px;
	}
#newsEntry #contentsBody .thumbnail{
	display: inline;
	float: left;
	width: 110px;
	}
	#newsEntry #contentsBody .thumbnail span{
		display: block;
		padding-top: 2.5em;
		padding-left: 27px;
		}


#newsEntry #contentsBody .section h3 {
	letter-spacing: 0.2em;
	font-weight: bold;
	color: #e46518;
	padding-top: 2.25em;
	padding-bottom: 5px;
	}
#newsEntry #contentsBody .section h4 {
	letter-spacing: 0.2em;
	font-weight: bold;
	color: #e46518;
	padding-top: 2.25em;
	padding-bottom: 5px;
	}
#newsEntry #contentsBody .section p{
	margin-bottom: 1.5em;
	}
#newsEntry #contentsBody .section p.para{
	margin-bottom: 0em;
	}


#newsEntry #contentsBody .section h4 a{
		color: #e46518 !important;
		}
	#newsEntry #contentsBody .section h4 a:link {
		text-decoration: underline;
		color: #e46518 !important;
		}
	#newsEntry #contentsBody .section h4 a:visited {
		text-decoration: underline;
		color: #e46518 !important;
		}
	#newsEntry #contentsBody .section h4 a:hover {
		text-decoration: none;
		color: #221815 !important;
		}
	#newsEntry #contentsBody .section h4 a:active {
		text-decoration: none;
		}
	#newsEntry #contentsBody .section h4 a:focus {
		}


#newsEntry #contentsBody .section .data{
	/*margin-top: -3.75em;*/
	position: absolute;
	top: 1.4em;
	}
#newsEntry #contentsBody .section p.date{
	display: inline;
	float: left;
	width: 5.35em;
	color: #221815;
	}
#newsEntry #contentsBody .section p.category{
	display: inline;
	float: left;
	/*width: 10em;*/
	color: #e46518;
	}
#newsEntry #contentsBody .section p.account{
	background: url(/news/img/icon-account.gif) no-repeat left 50%;
	padding-left: 16px;
	color: #221815;
	}





/* ===================
subMenu
===================*/
#newsTop #contents #subMenu,
#newsEntry #contents #subMenu{
	background: none;
	padding-bottom: 0px;
	}

#newsTop #contents #subMenu .subMenuBox,
#newsEntry #contents #subMenu .subMenuBox{
	display: block;
	background-color: #ffffff;
	margin-bottom: 10px;
	padding-bottom: 25px;
	}

#newsTop #subMenu h3,
#newsEntry #subMenu h3{
	color: #221815;/*5fb0d9 57a95d dbae00*/
	margin: 15px 10px 0 15px;
	}
	#newsTop #subMenu h3 a,
	#newsEntry #subMenu h3 a{
		color: #221815;
		}
	#newsTop #subMenu h3 a:link,
	#newsEntry #subMenu h3 a:link {
		text-decoration: underline;
		color: #221815;
		}
	#newsTop #subMenu h3 a:visited,
	#newsEntry #subMenu h3 a:visited {
		text-decoration: underline;
		color: #221815;
		}
	#newsTop #subMenu h3 a:hover,
	#newsEntry #subMenu h3 a:hover {
		text-decoration: none;
		color: #221815;
		}
	#newsTop #subMenu h3 a:active,
	#newsEntry #subMenu h3 a:active {
		text-decoration: none;
		}
	#newsTop #subMenu h3 a:focus,
	#newsEntry #subMenu h3 a:focus {
		}

#newsTop #subMenu dl,
#newsEntry #subMenu dl{
	margin: 0;
	}
#newsTop #subMenu dt,
#newsEntry #subMenu dt{
	margin: 0 10px 0 15px;
	padding-top: 15px;
	color: #221815;
	}

#newsTop #subMenu ul,
#newsEntry #subMenu ul{
	list-style-type: none;
	margin: 0 10px 0 15px;
	padding-top: 0px;
	}
#newsTop #subMenu li,
#newsEntry #subMenu li{
	list-style-type: none;
	padding-top: 10px;
	}
	#newsTop #subMenu li.select,
	#newsEntry #subMenu li.select{
		list-style-type: none;
		padding-top: 10px;
		}
		#newsTop #subMenu li.select a,
		#newsEntry #subMenu li.select a{
			color: #e46518;
			}
		#newsTop #subMenu li.select a:link,
		#newsEntry #subMenu li.select a:link {
			text-decoration: none;
			color: #e46518;
			}
		#newsTop #subMenu li.select a:visited,
		#newsEntry #subMenu li.select a:visited {
			text-decoration: none;
			color: #e46518;
			}
		#newsTop #subMenu li.select a:hover,
		#newsEntry #subMenu li.select a:hover {
			text-decoration: underline;
			color: #221815;
			}
		#newsTop #subMenu li.select a:active,
		#newsEntry #subMenu li.select a:active {
			text-decoration: underline;
			}
		#newsTop #subMenu li.select a:focus,
		#newsEntry #subMenu li.select a:focus {
			}



/* ===================
turning
===================*/
#newsTop #turning{
	display: inline;
	float: left;
	width: 569px;
	padding-top: 10px;
	padding-bottom: 15px;
	}
#newsTop #turning .prev{
	display: inline;
	float: left;
	width: 200px;
	padding-left: 1em;
	}
#newsTop #turning .next{
	display: inline;
	float: right;
	width: 200px;
	padding-right: 1em;
	text-align: right;
	}

	#newsTop #turning a{
		color: #221815;
		}
	#newsTop #turning a:link {
		text-decoration: none;
		color: #221815;
		}
	#newsTop #turning a:visited {
		text-decoration: none;
		color: #e46518;
		}
	#newsTop #turning a:hover {
		text-decoration: underline;
		color: #e46518;
		}
	#newsTop #turning a:active {
		text-decoration: underline;
		}
	#newsTop #turning a:focus {
		}






/* ===================
tableList
===================*/

.tableList {
	width: 100%;
	border:solid 1px #333333;
	}
	.tableList th {
		font-weight:bold;
		color:#333333;
		text-align:left;
		padding:0.5em 1em;
		border-right:dotted 1px #333333;
		border-bottom:solid 1px #333333;
		vertical-align:middle;
		}
	.tableList th.end {
		border-right:none !important;
		}
	.tableList td {
		font-weight:normal;
		color:#333333;
		text-align:left;
		padding:0.5em 1em;
		border-right:dotted 1px #333333;
		border-bottom:dotted 1px #333333;
		}
	.tableList td.end {
		border-right:none !important;
		}