/* 共通設定 */
* { padding: 0; margin: 0; }
body {
	overflow: scroll;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background: #000000 url(../img/body.png) repeat-x;
}
* html body { overflow: auto; }
*+html body { overflow: auto; }
img { border: none; }
a img { border: none; }
#wrapper {
	overflow: hidden;
	text-align: left;
	margin: 0;
	padding: 0;
}
#wrapper:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html #wrapper {
	height: 0;
	overflow: visible;
}
#wrapper { display: block; }
/**/

/* ヘッダー */
#header {
	overflow: hidden;
	width: 800px;
	padding: 20px 0 0 0;
	margin: 0 auto;
}
#header:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html #header {
	height: 0;
	overflow: visible;
}
#header { display: block; }
/**/
#header h1 {
	font-size: 12px;
	margin: 0 0 20px 0;
}
#header #logo {
	text-indent: -10000px;
	float: left;
	margin: 0 0 20px 0;
}
#header #logo a {
	display: block;
	text-decoration: none;
	background: transparent url(../img/logo.png) no-repeat left top;
	width: 284px;
	height: 74px;
}
#header #logo a:focus { outline: none; }
#header p {
	text-indent: -10000px;
	float: right;
	background: transparent url(../img/description2.gif) no-repeat left bottom;
	width: 365px;
	height: 60px;
}

/* ナビゲーション */
#MainNav {
	clear: both;
	background: transparent url(../img/MainNav.gif) repeat-x;
	height: 39px;
}
#MainNav ul {
	overflow: hidden;
	list-style: none;
	width: 800px;
	padding: 0;
	margin: 0 auto;
}
#MainNav ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html #MainNav ul {
	height: 0;
	overflow: visible;
}
#MainNav ul { display: block; }
/**/
#MainNav ul li {
	text-indent: -10000px;
	float: left;
	width: 160px;
}
#MainNav ul li a {
	display: block;
	text-decoration: none;
	width: 160px;
	height: 39px;
}
#MainNav ul li a:focus { outline: none; }
#MainNav ul li a#MainNavHome { background: transparent url(../img/MainNavHome.png) no-repeat left top; }
#MainNav ul li a#MainNavMenu1 { background: transparent url(../img/MainNavMenu1.png) no-repeat left top; }
#MainNav ul li a#MainNavMenu2 { background: transparent url(../img/MainNavMenu2.png) no-repeat left top; }
#MainNav ul li a#MainNavMenu3 { background: transparent url(../img/MainNavMenu3.png) no-repeat left top; }
#MainNav ul li a#MainNavMenu4 { background: transparent url(../img/MainNavMenu4.png) no-repeat left top; }
#MainNav ul li a#MainNavHome:hover, #MainNav ul li a#MainNavMenu1:hover, #MainNav ul li a#MainNavMenu2:hover, #MainNav ul li a#MainNavMenu3:hover, #MainNav ul li a#MainNavMenu4:hover { background-position: left bottom; }
#MainNav ul li#active a#MainNavHome, #MainNav ul li#active a#MainNavMenu1, #MainNav ul li#active a#MainNavMenu2, #MainNav ul li#active a#MainNavMenu3, #MainNav ul li#active a#MainNavMenu4 { background-position: left bottom; }

/* コンテンツ上部（メインページ） */
#TopMain {
	clear: both;
	background: #003D00;
}
#TopMain a, #TopMain a:link, #TopMain a:visited {
	color: #FFCC00;
	text-decoration: underline;
}
#TopMain a:hover, #TopMain a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
#TopMain .content {
	overflow: hidden;
	color: #FFFFFF;
	width: 800px;
	padding: 20px 0;
	margin: 0 auto;
}
#TopMain .content:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html #TopMain .content {
	height: 0;
	overflow: visible;
}
#TopMain .content { display: block; }
/**/
#TopMain .content .TopMainRightCol {
	width: 380px;
	float: right;
}
#TopMain .content .TopMainRightCol h2 {
	text-indent: -10000px;
	background: #003D00 url(../img/TopMain-h2.png) no-repeat left top;
	width: 380px;
	height: 40px;
	margin: 0 0 10px 0;
}
#TopMain .content .TopMainRightCol p {
	text-indent: -10000px;
	background: #003D00 url(../img/TopMain-p.png) no-repeat left top;
	width: 380px;
	height: 210px;
	margin: 0 0 10px 0;
}
#TopMain .content .TopMainLeftCol {
	width: 400px;
	float: left;
}
#TopMain .content .TopMainLeftCol img {
	border: 5px solid #FFFFFF;
}

/* コンテンツ上部（カテゴリーページ） */
#TopCat {
	clear: both;
	background: #003D00;
}
#TopCat a, #TopCat a:link, #TopCat a:visited {
	color: #FFCC00;
	text-decoration: underline;
}
#TopCat a:hover, #TopCat a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
#TopCat .content {
	overflow: hidden;
	color: #FFFFFF;
	width: 800px;
	padding: 20px 0;
	margin: 0 auto;
}
#TopCat .content:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html #TopCat .content {
	height: 0;
	overflow: visible;
}
#TopCat .content { display: block; }
/**/
#TopCat .content .TopCatLeftCol {
	width; 380px;
	float: left;
}

#TopCat .content .TopCatLeftCol h2 {
	text-indent: -10000px;
	width: 380px;
	height: 24px;
	margin: 0 0 30px 0;
}
#TopCat .content .TopCatLeftCol h2#header-knowledge { background: #003D00 url(../img/header-knowledge-h2.png) no-repeat left top; }
#TopCat .content .TopCatLeftCol h2#header-glossary { background: #003D00 url(../img/header-glossary-h2.png) no-repeat left top; }
#TopCat .content .TopCatLeftCol h2#header-device { background: #003D00 url(../img/header-device-h2.png) no-repeat left top; }
#TopCat .content .TopCatLeftCol h2#header-case { background: #003D00 url(../img/header-case-h2.png) no-repeat left top; }
#TopCat .content .TopCatLeftCol p {
	line-height:180%;
	margin: 0 0 10px 0;
}
#TopCat .content .TopCatLeftCol p#description-knowledge {
	line-height: 100%;
	text-indent: -10000px;
	background: #003D00 url(../img/description-knowledge.png) no-repeat left top;
	width: 380px;
	height: 100px;
}
#TopCat .content .TopCatLeftCol p#description-glossary {
	line-height: 100%;
	text-indent: -10000px;
	background: #003D00 url(../img/description-glossary.png) no-repeat left top;
	width: 380px;
	height: 100px;
}
#TopCat .content .TopCatLeftCol p#description-device {
	line-height: 100%;
	text-indent: -10000px;
	background: #003D00 url(../img/description-device.png) no-repeat left top;
	width: 380px;
	height: 100px;
}
#TopCat .content .TopCatLeftCol p#description-case {
	line-height: 100%;
	text-indent: -10000px;
	background: #003D00 url(../img/description-case.png) no-repeat left top;
	width: 380px;
	height: 100px;
}
#TopCat .content .TopCatLeftCol dl {
	width: 380px;
	padding: 10px 0 0 0;
}
#TopCat .content .TopCatLeftCol dl dt {
	font-size: 14px;
	font-weight: bold;
	background: transparent url(../img/document.gif) no-repeat left 50%;
	padding: 0 0 0 21px;
	margin: 0 0 5px 0;
}
#TopCat .content .TopCatLeftCol dl dd {
	font-weight: bold;
	font-size: 12px;
	line-height: 180%;
	margin: 0 0 20px 21px;
}
#TopCat .content .TopCatLeftCol dl dd span { display: block; text-align: right; }
#TopCat .content p#Bread {
	text-align: right;
	line-height:180%;
	margin: 0 0 10px 0;
}
#TopCat .content .TopCatRightCol {
	background: #003D00 url(../img/TopCat-bg.jpg) no-repeat left top;
	width: 400px;
	float: right;
}
#TopCat .content .TopCatRightCol dl {
	padding: 0;
}
#TopCat .content .TopCatRightCol dl dt {
	font-size: 14px;
	font-weight: bold;
	background: transparent url(../img/document.gif) no-repeat left 50%;
	padding: 0 0 0 21px;
	margin: 0 0 5px 0;
}
#TopCat .content .TopCatRightCol dl dd {
	font-weight: bold;
	font-size: 12px;
	line-height: 180%;
	margin: 0 0 20px 21px;
}
#TopCat .content .TopCatRightCol dl dd span { display: block; text-align: right; }

/* コンテンツ下部 */
#UnderMain {
	clear: both;
	background: #222222;
}
#UnderMain .content {
	overflow: hidden;
	color: #FFFFFF;
	width: 800px;
	padding: 20px 0 0 0;
	margin: 0 auto;
}
#UnderMain .content:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html #UnderMain .content {
	height: 0;
	overflow: visible;
}
#UnderMain .content { display: block; }
/**/
#UnderMain .content .CatBox {
	float: left;
	border-bottom: 1px solid #333333;
	width: 400px;
	height: 150px;
	margin: 0 0 20px 0;
}
#UnderMain .content .CatBox#Cat1 { background: url(../img/CatBox1.jpg) no-repeat left top; }
#UnderMain .content .CatBox#Cat2 { background: url(../img/CatBox2.jpg) no-repeat left top; }
#UnderMain .content .CatBox#Cat3 { background: url(../img/CatBox3.jpg) no-repeat left top; border: none; margin: 0; }
#UnderMain .content .CatBox#Cat4 { background: url(../img/CatBox4.jpg) no-repeat left top; border: none; margin: 0; }
#UnderMain .content .CatBox h3 {
	font-size: 13px;
	margin: 0 10px 5px 155px;
}
#UnderMain .content .CatBox p {
	line-height: 150%;
	margin: 0 10px 10px 155px;
}
#UnderMain .content .CatBox p.more1, #UnderMain .content .CatBox p.more2, #UnderMain .content .CatBox p.more3, #UnderMain .content .CatBox p.more4 {
	text-indent: -10000px;
}
#UnderMain .content .CatBox p.more1 a {
	display: block;
	float: right;
	text-decoration: none;
	background: transparent url(../img/more1.jpg) no-repeat left top;
	width: 180px;
	height: 30px;
	margin-right: 10px;
}
#UnderMain .content .CatBox p.more2 a {
	display: block;
	float: right;
	text-decoration: none;
	background: transparent url(../img/more2.jpg) no-repeat left top;
	width: 180px;
	height: 30px;
	margin-right: 10px;
}
#UnderMain .content .CatBox p.more3 a {
	display: block;
	float: right;
	text-decoration: none;
	background: transparent url(../img/more3.jpg) no-repeat left top;
	width: 180px;
	height: 30px;
	margin-right: 10px;
}
#UnderMain .content .CatBox p.more4 a {
	display: block;
	float: right;
	text-decoration: none;
	background: transparent url(../img/more4.jpg) no-repeat left top;
	width: 180px;
	height: 30px;
	margin-right: 10px;
}
#UnderMain .content .CatBox p.more1 a:hover, #UnderMain .content .CatBox p.more1 a:active, #UnderMain .content .CatBox p.more2 a:hover, #UnderMain .content .CatBox p.more2 a:active, #UnderMain .content .CatBox p.more3 a:hover, #UnderMain .content .CatBox p.more3 a:active, #UnderMain .content .CatBox p.more4 a:hover, #UnderMain .content .CatBox p.more4 a:active { background-position: left bottom; }
#UnderMain .content .CatBox p.more1 a:focus, #UnderMain .content .CatBox p.more2 a:focus, #UnderMain .content .CatBox p.more3 a:focus, #UnderMain .content .CatBox p.more4 a:focus { outline: none; }

/* 新着&アップデート情報 */
#NewsMain {
	clear: both;
	background: #222222;
}
#NewsMain .content {
	overflow: hidden;
	color: #FFFFFF;
	width: 800px;
	padding: 20px 0;
	margin: 0 auto;
}
#NewsMain .content:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html #NewsMain .content {
	height: 0;
	overflow: visible;
}
#NewsMain .content { display: block; }
/**/
#NewsMain .content h4 {
	text-indent: -10000px;
	background: #222222 url(../img/news-update.png) no-repeat left top;
	width: 800px;
	height: 24px;
}
#NewsMain .content dl {
	padding: 30px 15px 0 15px;
	overflow: hidden;
}
#NewsMain .content dl:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html #NewsMain .content dl {
	height: 0;
	overflow: visible;
}
#NewsMain .content dl { display: block; }
/**/
#NewsMain .content dl dt {
	float: right;
	line-height: 150%;
	width: 620px;
	margin: 0 0 15px 0;
}
#NewsMain .content dl dd {
	float: left;
	line-height: 150%;
	width: 130px;
	margin: 0 20px 15px 0;
}
#NewsMain .content dl dt a, #NewsMain .content dl dt a:link, #NewsMain .content dl dt a:visited {
	color: #FFCC00;
	text-decoration: underline;
}
#NewsMain .content dl dt a:hover, #NewsMain .content dl dt a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
#NewsMain .content #FeedIcon {
	text-align: right;
	font-weight: bold;
	margin: 0 0 10px 0;
}
#NewsMain .content #FeedIcon a, #NewsMain .content #FeedIcon a:link, #NewsMain .content #FeedIcon a:visited {
	color: #FFCC00;
	text-decoration: underline;
}
#NewsMain .content #FeedIcon a:hover, #NewsMain .content #FeedIcon a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
#NewsMain .content #FeedIcon a img {
	vertical-align: middle;
	text-decoration: none;
}

/* フッター */
#footer {
	color: #FFFFFF;
	background: #222222;
	padding: 0 0 20px 0;
}
#footer a:link, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer .UnderNav {
	border-top: 2px solid #555555;
	width: 800px;
	padding: 10px 0 0 0;
	margin: 0 auto;
}
#footer .UnderNav a { font-weight: bold; }
#footer .copyright {
	color: #999999;
	width: 800px;
	padding: 10px 0 0 0;
	margin: 0 auto;
}
#footer .copyright address {
	display: inline;
	font-style: normal;
}
#footer .copyright a { color: #999999; }
#footer .powered {
	text-align: right;
	color: #999999;
	width: 800px;
	padding: 0;
	margin: 0 auto;
}
#footer .powered address {
	display: inline;
	font-style: normal;
}
#footer .powered a, #footer .powered a:link, #footer .powered a:visited { color: #999999; }