@charset "utf-8";

/* Imports
----------------------------------------*/
@import url("./default.css");

/* レイアウト
----------------------------------------*/
html	{
	height: 100%;
}
body	{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #000 url(../../images/bg.jpg) repeat-y center;
	text-align: center;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	color: #a2bdbd;
}
#wrapper	{
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 1.2em;
}

/* ヘッダエリア
----------------------------------------*/
#header	{
	height: 142px;
	width: 960px;
	background: url(../../images/mainimg.jpg) no-repeat 0 0;
}
#header h1 a	{
	display: block;
	height: 63px;
	width: 514px;
	position: relative;
	top: 40px;
	left: 9px;
	background: url(../../images/logo.png) no-repeat 0 0;
	text-indent: -9999px;
}

/* メニュー
----------------------------------------*/
.menu ul li	{
	float: left;
	margin: 0 0 20px 0;
}
.menu ul li a	{
	display: block;
	height: 48px;
	width: 192px;
	background: url(../../images/mainmenu.jpg) no-repeat 0 0;
	text-indent: -9999px;
}
.menu ul li.home a		{background-position: 0 0;}
.menu ul li.news a		{background-position: -192px 0;}
.menu ul li.reviews a	{background-position: -384px 0;}
.menu ul li.media a	{background-position: -576px 0;}
.menu ul li.glossary a	{background-position: -768px 0;}
.menu ul li.home a:hover		{background-position: 0 -48px;}
.menu ul li.news a:hover		{background-position: -192px -48px;}
.menu ul li.reviews a:hover	{background-position: -384px -48px;}
.menu ul li.media a:hover		{background-position: -576px -48px;}
.menu ul li.glossary a:hover	{background-position: -768px -48px;}

/* メイン
----------------------------------------*/
#main	{
	float: left;
	width: 630px;
	margin: 0 20px 20px 0;
}
#main #newslist h3	{
	height: 40px;
	width: 630px;
	background: url(../../images/main-h3.png) no-repeat 0 0;
	text-indent: -9999px;
}
#main ul	{
	border-bottom: 1px solid #0e6163;
	margin: 0 10px 20px 10px;
}
#main li	{
	display: block;
	border-top: 1px solid #0e6163;
	border-bottom: 1px solid #031212;
	padding: 4px 0 4px 10px;
	background: url(../../images/icon-list.gif) no-repeat 0 10px;
	font-size: 1.2em;
}
html #main li.first	{
	border-top: 0;
}
#main li a		{color: #a2bdbd;}
#main li a:hover	{color: #ffbb41;}
#main p.readmore	{
	height: 30px;
	position: relative;
	top: -30px;
	right: 10px;
	margin: 0 0 -30px 0;
	padding: 0;
	text-align: right;
}
#main p.readmore a	{
	font-weight: bold;
}

/* メイン・記事
----------------------------------------*/
.article,
.list,
.reviews,
#glossary,
#inquiry	{
	margin: 0 0 10px 0;
	background: #031616 url(../../images/main-bg.png) no-repeat 0 0;
}
.article	{
	margin: 0 0 20px 0;
}
.article h2,
.list h2	,
.reviews h2,
#inquiry h2	{
	border-bottom: 4px solid #000;
	margin: 0 30px;
	padding: 30px 0 5px 0;
	font-size: 1.6em;
	font-weight: bold;
	color: #ffbb41;
}
.article h2 a	{
	color: #ffbb41;
}
.article h3,
.list h3	{
	margin: 0 30px 10px 30px;
	font-size: 1.2em;
	font-weight: bold;
	color: #ffbb41;
}
.article p	{
	margin: 0 30px 20px 30px;
	line-height: 1.5em;
	font-size: 1.2em;
}

.article p.date,
.article p.readarticle	{
	margin: 15px 30px 20px 30px;
	text-align: right;
}
.article table	{
	margin: 15px auto;
	text-align: center;
}
.article table td	{
	width: 180px;
	margin: 10px;
	text-align: center;
}
.article img	{
	margin: 0 0 10px 0;
}
.article img.right	{
	display: block;
	float: right;
	margin: 0 0 10px 30px;
}
.article img.center	{
	display: block;
	text-align: center;
}
.article img.left	{
	display: block;
	float: left;
	margin: 0 20px 10px 0;
}

#main .list ul	{
	margin: 20px 30px;
	border-bottom: 0;
}
#main .list li	{
	border-top: 0;
	border-bottom: 1px solid #083b3c;
}
#main span.foot	{
	display: block;
	height: 10px;
	width: 630px;
	background: #031616 url(../../images/main-bg.png) no-repeat -630px bottom;
}

/* メイン・レビュー
----------------------------------------*/
.reviews	{
	margin: 0 0 20px 0;
}
.reviews table	{
	margin: 10px 30px;
}
.reviews table th	{
	border-right: 4px solid #083b3c;
	border-bottom: 1px solid #083b3c;
	padding: 10px 10px 0 0;
	font-weight: bold;
	white-space: nowrap;
}
.reviews table td	{
	border-bottom: 1px solid #083b3c;
	padding: 10px 0 10px 10px;
	font-size: 1.2em;
}
.reviews table td a	{
	font-weight: bold;
}
.reviews table td p	{
	margin: 0 0 10px 0;
}
.reviews table td p.sitename	{
	margin: 0;
	text-align: right;
}
.reviews table td p.sitename a	{
	font-weight: normal;
}
.reviews table td p.date	{
	margin: 0 0 10px 0;
	text-align: right;
	font-size: 0.8em;
}

/* メイン・メディア
----------------------------------------*/
#main ul.datelist li:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #main ul.datelist li            { zoom: 1; } /* IE6 */
*:first-child+html #main ul.datelist li { zoom: 1; } /* IE7 */
#main ul.datelist li span	{
	display: block;
	float: left;
	width: 90px;
	margin: 0 20px 0 0;
}
#main ul.datelist li a	{
	display: block;
	float: left;
	width: 450px;
}

/* メイン・用語集
----------------------------------------*/
#glossary dl	{
	margin: 30px;
	padding: 20px 0 0 0;
}
#glossary dl dt	{
	padding: 10px 0 0 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #ffbb41;
}
#glossary dl dd	{
	border-bottom: 1px solid #083b3c;
	padding: 10px 0;
	font-size: 1.2em;
}

/* メイン・お問い合わせフォーム
----------------------------------------*/
#inquiry form	{
	margin: 20px 30px 20px 30px;
}
#inquiry form strong	{
	font-size: 1.2em;
	font-weight: bold;
}
#inquiry form input,
#inquiry form textarea	{
	margin: 5px 0 0 0;
}
#inquiry form textarea	{
	width: 560px;
	font-size: 1.2em;
}
#inquiry form input.submitbtn	{
	display: block;
	margin: 10px auto 0 auto;
	text-align: center;
}
#inquiry p 	{
	margin: 0 0 10px 0;
}
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg,
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg	{
	display: none;
}
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg,
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg	{
	display: inline;
	color: #f00;
}
.textfieldFlashText input, input.textfieldFlashText,
.textareaFlashState textarea, textarea.textareaFlashState {
	color: red !important;
}
#inquiry p.thankyou	{
	margin: 50px auto;
	text-align: center;
	font-size: 1.2em;
}
#inquiry p.credits	{
	margin: 0 30px 20px 30px;
	text-align: right;
}
#inquiry p.preview	{
	margin: 10px auto;
	text-align: center;
}
#inquiry table	{
	width: 570px;
	border-top: 1px solid #083b3c;
}
#inquiry table th,
#inquiry table td	{
	border-bottom: 1px solid #083b3c;
	padding: 5px;
	vertical-align: middle;
}
#inquiry table th	{
	white-space: nowrap;
	font-weight: bold;
}

/* リンク集
----------------------------------------*/
#links p.links-first	{
	margin: 15px 30px 5px 30px;
}
#links .list	{
	margin: 0 0 20px 0;
}
#links .list ul li.last	{
	border-bottom: 0;
	padding: 4px 0 0 10px; 
}

/* サブ
----------------------------------------*/
#sub	{
	float: right;
	width: 300px;
}
#sub .advertisement,
#sub #video	{
	margin: 0 0 20px 0;
}
#toppage #sub .advertisement	{
	margin: 0 0 15px 0;
}
#IE6 #toppage #sub .advertisement,
#IE7 #toppage #sub .advertisement	{
	margin: 0 0 12px 0;
}
#sub #updatelist h3,
#sub #articlelist h3,
#sub #reviewlist h3,
#sub #video h3,
#sub #medialist h3	{
	height: 40px;
	width: 300px;
	background: url(../../images/sub-h3.png) no-repeat 0 0;
	text-indent: -9999px;
}
#sub #updatelist h3	{background-position: 0 0;}
#sub #articlelist h3	{background-position: 0 -40px;}
#sub #reviewlist h3	{background-position: 0 -80px;}
#sub #video h3		{background-position: 0 -120px; margin: 0 0 10px 0;}
#sub #medialist h3	{background-position: 0 -160px;}
#sub ul	{
	border-bottom: 1px solid #0e6163;
	margin: 0 10px 20px 10px;
}
#sub li	{
	display: block;
	border-top: 1px solid #0e6163;
	border-bottom: 1px solid #031212;
	padding: 4px 0 4px 10px;
	background: url(../../images/icon-list.gif) no-repeat 0 10px;
}
#sub li.first	{
	border-top: 0;
}
#sub li a		{color: #a2bdbd;}
#sub li a:hover	{color: #ffbb41;}
#sub p.readmore	{
	height: 30px;
	position: relative;
	top: -30px;
	right: 10px;
	margin: 0 0 -30px 0;
	padding: 0;
	text-align: right;
}
#sub p.readmore a	{
	font-weight: bold;
}

/* トップページ・サブ
----------------------------------------*/
#toppage #sub ul	{
	margin: 0 10px 19px 10px;
}

/* フッタ
----------------------------------------*/
#footer	{
	padding: 30px 0 0 0;
	background: #140f0f url(../../images/bg-footer.jpg) repeat-x;
}
#footer-container	{
	width: 960px;
	margin: 0 auto;
	text-align: center;
	font-size: 1.2em;
}
#footer #reviewlist,
#footer #medialist	{
	float: left;
	width: 300px;
	margin: 0 30px 0 0;
}
#footer #video	{
	float: right;
	width: 300px;
}
#footer #reviewlist h3,
#footer #medialist h3	,
#footer #video h3		{
	height: 26px;
	width: 300px;
	background: url(../../images/footer-h3.png) no-repeat 0 0;
	text-indent: -9999px;
}
#footer #medialist h3	{background-position: 0 -26px;}
#footer #video h3		{background-position: 0 -52px; margin: 0 0 10px 0;}
#footer #reviewlist li,
#footer #medialist li	{
	display: block;
	border-top: 1px solid #3d1c1c;
	border-bottom: 1px solid #000000;
	padding: 4px 0 4px 10px;
	background: url(../../images/icon-list.gif) no-repeat 0 10px;
}
body#toppage #footer li.last	{
	border-bottom: 0;
}
#footer p.readmore	{
	height: 30px;
	position: relative;
	top: -26px;
	margin: 0 0 -30px 0;
	padding: 0;
	text-align: right;
}
#footer p.readmore a	{
	font-weight: bold;
}
body#toppage #footer-menu	{
	margin: 30px auto 0 auto;
	padding: 30px 0 0 0;
	background: url(../../images/border-footer.gif) repeat-x 0 0;
}
#footer-menu ul	{
	text-align: center;
}
#footer-menu ul li	{
	display: inline;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #15a0a3;
}
#footer-menu ul li.last	{
	margin-right: 0px;
	padding-right: 0px;
	border-right: 0;
}
#copyright	{
	padding: 15px 0 30px 0;
	text-align: center;
	font-size: 0.8em;
}

/* リンク
----------------------------------------*/
a,
a:hover,
a:visited	{
	text-decoration: none;
	color: #15a0a3;
}
a:hover	{
	text-decoration: underline;
	color: #ffbb41;
}

/* タイポグラフィ
----------------------------------------*/
strong	{
	font-weight: bold;
}
em	{
	font-style: normal;
	font-weight: bold;
	color: #ffbb41;
}
.strikethrough	{
	text-decoration: line-through;
}
.center	{
	text-align: center;
}
span.new	{
	font-family: Verdana, Arial, san-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffbb41;
}

/* float解除
----------------------------------------*/
hr.separator	{
	visibility: hidden;
	display: none;
	clear: both;
}
.invisible {
	visibility: hidden;
	display: none;
}
br.clear {
	clear: both;
	margin: 0;
	padding: 0;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */