@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	background-color:#000000;
	color: #CCC;
	text-align: center;
	font-size: 74%;
	font-family:Arial;
	background-image: url(../../shared/img/body_bg_01.gif);
	background-repeat:repeat-x 0 0;
}

a:link {
	color:#999;
	text-decoration:none;
}

a:visited {
	color:#999;
	text-decoration:none;
}

a:hover {
	color:#999;
	text-decoration:underline;
}

a:active {
	color:#999;
	text-decoration:underline;
}

.pageWrap {
	margin: 0 auto;
	padding: 0 0 10px 0;
	width:914px;
	text-align: left;
	background-image: url(../../shared/img/body_bg_02.gif);
	background-repeat:repeat-x 0 0;
}

.header {
	margin: 0;
	padding: 30px 30px 30px 30px;
	clear: both;
}

h1 {
	margin: 0;
	padding: 0;
	height: 40px;
	width: 40px;
	float: left;
}

h2 {
	margin: 0;
	padding: 9px 0 0 0;
	height: 29px;
	width: 138px;
	float: right;
}

.navi {
	margin: 42px 0 0 30px;
	padding: 0;
	clear: both;
	border-top: solid 1px #000;
}

.naviLeft {
	margin: 0;
	padding: 0 7px 0 0;
	float: left;
}

.naviLeft dt {
	margin: 0;
	padding: 0;
}

.naviLeft dd {
	margin: 6px 11px 0 0;
	padding: 0;
	float: left;
}

.naviRight {
	margin: 0;
	padding: 0 0 0 18px;
	background: transparent url("../../shared/img/navi_line_01.gif") no-repeat 0 0;
	float: left;
}

.naviRight dt {
	margin: 0;
	padding: 0;
}

.naviRight dd {
	margin: 6px 11px 0 0;
	padding: 0;
	float: left;
	height:12px;
}

.contents {
	margin: 0;
	padding: 18px 7px 0 7px;
	_padding: 8px 7px 0 7px;
	clear: both;
}

.footer {
	margin: 0 32px 0 24px;
	padding: 0 0 30px 0;
	border-top: solid 1px #191919;
	clear: both;
}

.footerLeft {
	margin: 11px 0 0 0;
	padding: 0;
	list-style: none;
	float: left;
}

.footerLeft li {
	margin: 0;
	padding: 0 12px 0 15px;
	float: left;
	background: transparent url("../../shared/img/icon_arrow_01.gif") no-repeat 0 3px;
	height:15px;
}

html:\66irst-child .footerLeft li {
	margin: 0;
	padding: 0 12px 0 15px;
	float: left;
	background: transparent url("../../shared/img/icon_arrow_01.gif") no-repeat 0 0;
	height:15px;
}

body:first-of-type .footerLeft li {
	margin: 0;
	padding: 0 12px 0 15px;
	float: left;
	background: transparent url("../../shared/img/icon_arrow_01.gif") no-repeat 0 0;
	height:15px;
}

.footerRight {
	margin: 11px 0 0 0;
	padding: 0;
	float: right;
	color: #999;
}

/*index*/
.indexContents {
	margin: 0 0 0 7px;
	padding: 30px 0 0 0;
	height: 596px;
	width: 930px;
	clear: both;
	background: transparent url("../../img/contents_bg_01.jpg") no-repeat 0 30px;
}

.indexLeft {
	margin: 0 0 0 280px;
	padding: 271px 0 0 0;
	float: left;
}

.indexRight {
	margin: 0 0 0 16px;
	padding: 194px 0 0 0;
	float: left;
}

.indexButton {
	margin: 0;
	padding: 0;
	list-style: none;
}

.indexButton li {
	margin: 5px 0 0 0;
	padding: 0;
}

.indexFooter {
	margin: 0 32px 0 24px;
	padding: 0 0 30px 0;
	clear: both;
}

/*top*/
.topImg {
	margin: 0 0 40px 0;
	padding: 0;
	clear: both;
}

/*sub*/
.subImg {
	margin: 0;
	padding: 0;
	clear: both;
}

.contentsLeft {
	margin: 0;
	padding: 24px 0 40px 0;
	float: left;
	line-height: 150%;
	color: #CCC;
}

.contentsLeft h3 {
	margin: 0 0 0 30px;
	padding: 0;
}

.contentsRight {
	margin: 0;
	padding: 19px 30px 40px 0;
	width:610px;
	float: right;
	color: #CCC;
	line-height: 150%;
}

.contentsList {
	margin: 0;
	padding: 0;
	list-style: none;
}

.contentsList li {
	margin: 6px 0 0 0;
	padding: 0 12px 0 5px;
	background: transparent url("../../shared/img/icon_mark_01.gif") no-repeat 0 7px;
}

.contentsImg{
	margin: 36px 0 0 0;
	padding: 0;
	text-align: center;
}

.contentsArea {
	margin: 0;
	padding: 24px 30px 40px 30px;
	line-height: 150%;
	color: #CCC;
}

.contentsArea h3 {
	margin: 0;
	padding: 0;
}

.contentsTable {
	margin: 40px 0 0 0;
	padding: 0;
	width: 840px;
}

.contentsTable th {
	margin: 0;
	padding: 8px 0;
	border-bottom: solid 1px #333;
	text-align: left;
	color: #999;
}

.contentsTable th.productsName {
	margin: 0;
	padding: 8px;
	border-left: none;
	border-bottom: solid 1px #333;
	vertical-align: bottom;
	text-align: center;
}

.contentsTable td {
	margin: 0;
	padding: 8px;
	border-left: solid 1px #333;
	border-bottom: solid 1px #333;
	text-align: center;
}

.contentsTable td.productsImg {
	margin: 0;
	padding: 0 8px 15px 8px;
	border-left:none;
	border-bottom: solid 1px #333;
	vertical-align: bottom;
	text-align: center;
}



.contentsTable02 {
	margin: 40px 0 0 0;
	padding: 0;
	width: 840px;
}

.contentsTable02 th {
	margin: 0;
	padding: 8px 3px 8px 0;
	border-bottom: solid 1px #333;
	text-align: left;
	color: #999;
}

.contentsTable02 th.productsName {
	margin: 0;
	padding: 8px 3px;
	border-left: none;
	border-bottom: solid 1px #333;
	vertical-align: bottom;
	text-align: center;
	width:7.0em;
}

.contentsTable02 td {
	margin: 0;
	padding: 8px 3px;
	border-left: solid 1px #333;
	border-bottom: solid 1px #333;
	text-align: center;
}

.contentsTable02 td.productsImg {
	margin: 0;
	padding: 0 3px 15px 3px;
	border-left:none;
	border-bottom: solid 1px #333;
	vertical-align: bottom;
	text-align: center;
}


.tableNote {
	margin: 5px 0 0 0;
	padding: 0;
	line-height: 120%;
	font-size: 78%;
	color: #666;
}
