/* 共通設定 */
* { 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; }


/* コンテンツ上部（エントリーページ） */
#TopEntry {
	clear: both;
	background: #003D00;
}
#TopEntry a, #TopEntry a:link, #TopEntry a:visited {
	color: #FFCC00;
	text-decoration: underline;
}
#TopEntry a:hover, #TopEntry a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
#TopEntry .content {
	overflow: hidden;
	color: #FFFFFF;
	background: #222222;
	border-top: 3px solid #000000;
	width: 800px;
	padding: 20px 0;
	margin: 0 auto;
}
#TopEntry .content:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html #TopEntry .content {
	height: 0;
	overflow: visible;
}
#TopEntry .content { display: block; }
/**/
#TopEntry .content .hdmibanner {
	margin: 0 0 20px 20px;
}
#TopEntry .content h2 {
	font-size: 16px;
	color: #FFFFFF;
	background: #222222 url(../img/header-entry.png) no-repeat left 50%;
	padding: 0 0 0 21px;
	margin: 0 0 10px 20px;
}
#TopEntry .content p {
	line-height: 180%;
	margin: 0 0 10px 0;
}
#TopEntry .content p#Bread {
	text-align: right;
	margin-right: 20px;
}
#TopEntry .content p.excerpt {
	font-size: 12px;
	color: #ccff99;
	font-weight: bold;
	background: #222222 url(../img/entry-description.png) no-repeat left top;
	height: 40px;
	padding: 0 30px;
	margin: 0 20px 20px 20px;
}
#TopEntry .content #MoreRead {
	float: left;
	font-size: 13px;
	width: 500px;
	padding: 10px 0 0 0;
	margin: 0 0 0 5px;
}
#TopEntry .content #MoreRead h3 {
	font-size: 14px;
	font-weight: bold;
	color: #222222;
	background: #FFCC00;
	padding: 5px 0 5px 5px;
	margin: 0 20px 10px 20px;
}
#TopEntry .content #MoreRead p {
	margin: 0 20px 20px 20px;
}
#TopEntry .content #MoreRead .amazon {
	text-align: center;
	padding: 20px 20px 20px;
}
#TopEntry .content #MoreRead p span, #TopEntry .content #MoreRead dl dd span {
	color: #FFFF00;
	font-weight: bold;
}
#TopEntry .content #MoreRead img.img-left {
	display: block;
	float: left;
}
#TopEntry .content #MoreRead img.img-right {
	display: block;
	float: right;
}
#TopEntry .content #MoreRead div.img-right {
	display: block;
	float: right;
}
#TopEntry .content #MoreRead dl {
	padding: 0 20px 0 20px;
}
#TopEntry .content #MoreRead dl dt {
	font-size: 14px;
	font-weight: bold;
	background: transparent url(../img/entry_dt.gif) no-repeat left 50%;
	padding: 0 0 0 12px;
	margin: 0 0 5px 0;
}
#TopEntry .content #MoreRead dl dd {
	line-height: 180%;
	margin: 0 0 20px 19px;
}
#TopEntry .content #MoreRead dl dd table {
	margin: 0;
	width: 100%;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
#TopEntry .content #MoreRead dl dd table th {
	text-align: center;
	font-weight: bold;
	padding: 5px;
	background: #444444;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
#TopEntry .content #MoreRead dl dd table td {
	text-align: center;
	padding: 5px;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
#TopEntry .content #MoreRead ul {
	list-style: disc;
	padding: 0 20px 0 20px;
}
#TopEntry .content #MoreRead ul li {
	margin: 0 0 20px 19px;
}
#TopEntry .content #MoreRead ol {
	list-style: decimal;
	padding: 0 20px 0 20px;
}
#TopEntry .content #MoreRead ol li {
	line-height: 180%;
	margin: 0 0 20px 19px;
}
#TopEntry .content #MoreRead dl dd ul {
	padding: 10px 10px 0 10px;
}
#TopEntry .content #MoreRead dl dd ul li {
	margin: 0 0 10px 5px;
}
#TopEntry .content #MoreRead blockquote {
	font-style: oblique;
	color: #222222;
	background: #FFFFFF url(../img/quotes.png) no-repeat left top;
	width: 440px;
	padding: 0;
	margin: 0 0 20px 30px;
}
#TopEntry .content #MoreRead blockquote p {
	background: transparent url(../img/quotee.png) no-repeat right bottom;
	padding: 20px 40px 20px 40px;
	margin: 0;
}
#TopEntry .content #MoreRead .translation {
	font-style: oblique;
	color: #222222;
	background: #FFFFFF;
	padding: 20px;
	margin: 0 30px 20px 30px;
}
#TopEntry .content #MoreRead .PageTop {
	text-align: right;
	font-weight: bold;
	font-size: 11px;
	margin: 0 20px 20px 0;
}
#TopEntry .content #RightSide {
	float: right;
	width: 285px;
	padding: 10px 0 0 0;
	margin: 0 5px 0 0;
}
#TopEntry .content #RightSide .Col { padding: 0 20px  0 20px; }
#TopEntry .content #RightSide .Col h3 {
	text-indent: -10000px;
	width:245px;
	height: 16px;
	margin: 0 0 10px 0;
}
#TopEntry .content #RightSide .Col h3#social-bookmark {
	background: transparent url(../img/bookmark.png) no-repeat left top;
}
#TopEntry .content #RightSide .Col h3#related {
	background: transparent url(../img/related.png) no-repeat left top;
}
#TopEntry .content #RightSide .Col h3#related2 {
	background: transparent url(../img/related2.png) no-repeat left top;
}
#TopEntry .content #RightSide .Col p { margin: 0 0 20px 20px; }
#TopEntry .content #RightSide ul {
	list-style: none;
	padding: 0 0 10px 20px;
}
#TopEntry .content #RightSide .Col ul li {
	background: transparent url(../img/related_list.gif) no-repeat left 3px;
	margin: 0 0 10px 0;
	padding: 0 0 0 11px;
}
#TopEntry .content #RightSide .Col ul li.related2-more {
	text-align: right;
	font-weight: bold;
	background: none;
	padding: 10px 0 0 0;
}
#TopEntry .content #RightSide .Col .EntryAD {
	margin: 0 0 20px 0;
}

/* サイトマップ用 */
#TopEntry .content #MoreReadSitemap {
	font-size: 13px;
	padding: 10px 0 0 0;
	margin: 0 0 0 5px;
}
#TopEntry .content #MoreReadSitemap p {
	margin: 0 20px 20px 20px;
}
#TopEntry .content #MoreReadSitemap dl {
	padding: 0 20px 0 20px;
}
#TopEntry .content #MoreReadSitemap dl dt {
	font-size: 14px;
	font-weight: bold;
	background: transparent url(../img/folder.gif) no-repeat left 50%;
	padding: 0 0 0 21px;
	margin: 0 0 10px 0;
}
#TopEntry .content #MoreReadSitemap dl dd {
	line-height: 180%;
	margin: 0 20px 15px 21px;
}
#TopEntry .content #MoreReadSitemap dl dd span {
	line-height: 100%;
	font-size: 12px;
}
#TopEntry .content #MoreReadSitemap .PageTop {
	text-align: right;
	font-weight: bold;
	font-size: 11px;
	margin: 0 20px 20px 0;
}

/* アマゾン */
#RightSide .amazon_r {
	text-align: center;
}

/* コンテンツ下部 */
#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; }