@charset "UTF-8";

/* Clear CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0; }
table { border-collapse:collapse;border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* float clear */
.clearfix:after{ content:".";display:block;height:0;clear:both;visibility:hidden; }
.clearfix { display:inline-table; } /* Hides from IE-mac \*/
* html .clearfix{ height:1%; }
.clearfix{ display:block; } /* End hide from IE-mac */
.cb { clear:both; height:0; line-height:0; font-size:1%; }

/* default */
body {
	background:url(/matrix/img/topbar.gif) no-repeat 0 0 #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:1.5;
	color:#333333;
}
a:link, a:visited, a:active { color:#000000; text-decoration:underline; }
a:hover { text-decoration:none; }
a:hover img{ opacity:0.8; filter:alpha(opacity=80); }
img { vertical-align:top; }
strong { font-weight:bold; }
.small { font-size:80%; }

/* ie6 */
body { text-align:center; }
#header, #contentsArea, #footer .navigation dl { text-align:justify; }

/* wapper */
#header, #contentsArea, #footer .navigation div { width:800px; margin:0 auto; }
#contentsArea { margin:0 auto; padding-bottom:100px; }
#contentsArea #LEFT { width:570px; float:left; }
#contentsArea #RIGHT { width:150px; float:right; }

/* PARTs - text */
#header h1 a, .more a { text-indent:-9999px; overflow:hidden; }

/* PARTs - box share */
#LEFT .mainArea, #LEFT .box { width:540px; margin-bottom:5.5em; }
#LEFT .mainArea { width:100%; }

/* PARTs - more */
.more { width:540px; border-bottom:1px solid #ececec; }
.more ul {
	width:100%;
	margin-bottom:4.5em;
}
.more a {
	background:url(/matrix/img/btn-itemlist.gif) no-repeat center 4px;
	display:block;
	width:100%; height:21px;
}

/* header */
#header { padding:85px 0 60px; }
#header h1 { display:inline; }
#header h1 a {
	display:block;
	background:url(/matrix/img/logo.gif) no-repeat -5px 0;
	width:90px; height:100px;
}

/* top contents on the left */
#top #LEFT .mainArea h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	line-height:1.3;
	margin-bottom:2.5em;
}
#top #LEFT .mainArea h2 strong {
	font-size:10px;
	display:block;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#detail #LEFT .mainArea .headtitle, #entry #LEFT .mainArea .headtitle, #webpage #LEFT .mainArea .headtitle {
	width:540px;
	margin-bottom:4em; padding-bottom:1.5em;
	border-bottom:1px solid #ececec;
	line-height:1.3;
}
#detail #LEFT .mainArea .headtitle h2, #entry #LEFT .mainArea .headtitle h2 {
	font-family:Georgia, "Times New Roman", Times, serif; font-size:20px;
}
#webpage #LEFT .mainArea .headtitle h2, #entry #LEFT .mainArea .headtitle h2 { font-size:16px; font-weight:bold; }
#detail #LEFT .mainArea .headtitle h2 strong { font-size:18px; }
#detail #LEFT .mainArea .headtitle p, #detail #LEFT .mainArea .headtitle p a, 
#webpage #LEFT .mainArea .headtitle p, #entry #LEFT .mainArea .headtitle p, #entry #LEFT .mainArea .headtitle p a { color:#979797; }
#detail #LEFT .mainArea .headtitle p a:hover, #entry #LEFT .mainArea .headtitle p a:hover { color:#333333; }
#entry #LEFT .mainArea { width:540px; border-bottom:1px solid #ececec; padding-bottom:10px; }
#webpage #LEFT .mainArea { width:540px; }

/* top footer line banners */
#banner {
	text-align:left;
	width:816px;
	margin:0 auto 4em auto;
}
#banner li {
	width:102px;
	float:left;
	text-align:center;
	margin-bottom:1em;
}

/* item - list view */
.list { width:100%; margin-bottom:2.5em; }
.list dl {
	width:190px; float:left;
	margin-bottom:2em;
}
.list dl dt { width:160px; margin-bottom:0.5em; }
.list dl dd, .latest dl dd {
	background:url(/matrix/img/arrow-bk-2x4.gif) no-repeat 0 0.5em;
	font-weight:bold;
	padding:0 30px 0 5px;
}
.list dl dd a, .latest dl dd a { display:block; font-weight:normal; }
.latest {
	width:540px;
	margin-bottom:2.5em;
	border-top:1px solid #ececec;
	padding-top:4em;
}
.latest dl { width:100%; margin-bottom:2em; }
.latest dl dt { width:100%; margin-bottom:0.5em; }
/* mini 4cullomn */
#LEFT .relatedItems { width:100%; margin-bottom:5.5em; }
#top #LEFT .relatedItems { 
	background:url(/matrix/img/line-540.gif) no-repeat left bottom;
	padding-bottom:2em;
}
.relatedItems .list dl { width:142px; }
.relatedItems .list dl dt { width:112px; }

/* left box */
#LEFT .box h2, #LEFT .relatedItems h2, #top #LEFT .latest h2 {
	font-size:16px;
	font-weight:bold;
	line-height:1.3;
	margin-bottom:2em;
}
#LEFT .box h2 strong, #LEFT .relatedItems h2 strong, #top #LEFT .latest h2 strong {
	display:block;
	font-size:10px;
	font-weight:normal;
	color:#727272;
}
#top #LEFT .latest h2 {
	font-family:Arial, Helvetica, sans-serif;
}
#LEFT .box h2 a, #LEFT .relatedItems h2 a, #top #LEFT .latest h2 a {
	display:block;
	width:540px;
	text-decoration:none;
	background:url(/matrix/img/btn-itemlist.gif) no-repeat right 17px;
}
#LEFT .box dl { width:100%; margin-bottom:5em; }
#LEFT .box dt {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#727272;
}
#LEFT .box dd {
	background:url(/matrix/img/arrow-bk-2x4.gif) no-repeat 0 0.5em;
	padding:0 0 1em 5px;
}
#top #LEFT .box {
	border-bottom:1px solid #ececec;
}

/* Left Search */
.search {
	width:540px; margin-bottom:4em;
	padding-bottom:4em;
	border-bottom:1px solid #ececec;
	line-height:1.3;
}
.search h3 {
	font-weight:bold;
	margin-bottom:1.2em; padding-bottom:1em;
	border-bottom:1px dotted #cccccc;
	font-size:120%;
}
.search h3 strong {
	font-size:80%;
	font-weight:normal;
	color:#727272;
	padding-left:10px;
}
.search dl { width:180px; float:left; }
.search dt { width:100%; margin-bottom:0.5em; }
.search dd { width:170px; }
.search dd li { display:inline; }
.search dd li a {
	display:block;
	background:url(/matrix/img/arrow-bk-2x4.gif) no-repeat 0 0.5em;
	padding:2px 0 2px 5px;
}

/* Left Search -simple version */
.searchSimple {
	width:540px; margin-bottom:4em;
	padding-bottom:2em;
	border-bottom:1px solid #ececec;
	line-height:1.3;
}
.searchSimple h3 {
	font-weight:bold;
	margin-bottom:1.2em; padding-bottom:1em;
	border-bottom:1px dotted #cccccc;
	font-size:120%;
}
.searchSimple h3 strong {
	font-size:80%;
	font-weight:normal;
	color:#727272;
	padding-left:10px;
}
.searchSimple ul {
	width:100%;
}
.searchSimple li { display:inline; }
.searchSimple li a {
	display:block;
	background:url(/matrix/img/arrow-bk-2x4.gif) no-repeat 0 0.8em;
	padding:4px 0 4px 5px;
}

/* left entries list */
.entries { width:540px; margin-bottom:4em; }
.entry {
	width:100%;
	margin-bottom:4em;
	padding-bottom:1px;
	border-bottom:1px solid #ececec;
}
.entrytitle, .entrybody, .entrymore { width:100%; margin-bottom:2em; }
.entrytitle h3 { font-weight:bold; }
.entrytitle h3 a {
	display:block;
	background:url(/matrix/img/arrow-bk-2x4.gif) 0 0.5em no-repeat;
	padding:0 0 0 5px;
}
.entrytitle p { padding-left:5px; }
.entrybody, .entrymore { line-height:1.8; }
.entrybody p { margin-bottom:1em; }
.entrybody p#headimg { margin-bottom:3.5em; }
.pagetop { padding-top:2em; }
.pagetop a {
	display:block;
	width:100%; height:11px;
	background:url(/matrix/img/btn-pagetotop-s.gif) no-repeat right 2px;
	text-indent:-9999px; overflow:hidden;
}

/* left pagebute */
.pagebute { width:100%; margin-bottom:2em; }
.pagebute p { text-align:center; }

/* left price list */
.price {
	width:538px; margin-bottom:2em;
	border:1px solid #ececec;
}
.price dl { padding:40px; line-height:1.4em; }
.price dt { font-weight:bold; }
.price dd { margin:-1.4em 0 1em 65px; }

/* left button in entry and webpage use */
#webpage .button, #entry .button { width:100%; margin-bottom:4em; }
#webpage .button li, #entry .button li { display:inline; }
#webpage .button li a, #entry .button li a {
	display:block;
	background:url(/matrix/img/btn-back.gif) no-repeat 0 0;
	width:75px; height:17px;
	text-indent:-9999px; overflow:hidden;
}

/* Left SBMs */
#LEFT .sbm { text-align:right; width:100%; }

/* Right box */
#RIGHT .box { width:100%; margin-bottom:3.5em; }
#RIGHT .box h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	margin-bottom:1.3em;
	width:100%;
}
#RIGHT .box ul { width:100%; margin-bottom:1em; }
#RIGHT .box li { padding-bottom:0.5em; }
#RIGHT .box ul.link li a {
	display:block;
	background:url(/matrix/img/arrow-bk-2x4.gif) no-repeat 0 0.5em;
	padding-left:5px;
}
#RIGHT .box ul.link li strong {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:block;
	font-size:10px;
	color:#666666;
	font-weight:normal;
	padding-left:5px;
}
#RIGHT .box p { margin-bottom:1em; }
/* Right box - news only */
#RIGHT .news li { 
	padding-bottom:1em;
	background:url(/matrix/img/list-mark-s.gif) no-repeat 0 0.5em;
	padding-left:5px;
}


/* Right banners */
#RIGHT .banner ul { }
#RIGHT .banner li {
	text-indent:-9999px;
	overflow:hidden;
	width:100%;
}
#RIGHT .banner li.ban1 { background:url(/matrix/img/ban-send.gif) no-repeat 0 0; height:53px; }
#RIGHT .banner li.ban2 { background:url(/matrix/img/ban-payment.gif) no-repeat 0 0; height:105px; }

/* Right Twitter */
#RIGHT .twitter dl{
	padding-top:1.5em;
	margin-bottom:1em;
	width:100%;
	border-top:5px solid #ececec;
	border-bottom:5px solid #ececec;
}
#RIGHT .twitter dt {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#bbbbbb;
	margin-bottom:1em;
}
#RIGHT .twitter dd { margin-bottom:2em; text-align:left; }
#RIGHT .twitter p{
	margin-bottom:1.5em;
}

/* Right SBMs */
.sbm li { display:inline; }
.sbm li img { margin-right:9px; }

/* Right Mobile */
.mobile img {
	border:1px solid #ECECEC;
	padding:23px;
}

/* web page */
#webpage {
	line-height:1.6;
}
#webpage .section p, #sg01, #sg02, #sg03, #sg04 {
	margin-bottom:3.5em;
}
#webpage h3 { margin-bottom:1.5em; }
#webpage h3 {
	font-weight:bold;
	padding-left:18px;
	background:url(/matrix/img/list-mark.gif) no-repeat 0 0.25em;
}
#webpage .section {
	width:100%; margin-bottom:3.5em;
}
#webpage .section p, #webpage .section ul {
	margin-bottom:1.5em;
}
#webpage .section li {
	background:url(/matrix/img/list-mark-s.gif) no-repeat 0 0.4em;
	padding:0 0 0.5em 1em; line-height:1.3;
}

/* share : table style */
.tbstyle table {
	width:100%;
}
.tbstyle table, .tbstyle table th, .tbstyle table td {
	border:1px solid #000000;
}
.tbstyle table th, .tbstyle table td {
	padding:5px;
	vertical-align:top;
	text-align:left;
}
.tbstyle table th {
	text-align:center;
}
.tbstyle table thead {
	border-bottom:2px solid #000000;
}
.tbstyle table td {
}
.tbstyle table tbody th {
	border-left:2px solid #000000;
	text-align:left;
}

/* shopping guide */
#sg01 dt { text-indent:-9999px; overflow:hidden; height:34px; }
#sg01 dt#sg0101 {
	background:url(/matrix/img/sg01-01.gif) no-repeat 0 0;
}
#sg01 dt#sg0102 {
	background:url(/matrix/img/sg01-02.gif) no-repeat 0 0;
}
#sg01 dd { margin:-36px 0 2em 50px; }
#sg02 {
	background:url(/matrix/img/sg02-01.gif) no-repeat right 5px;
}
#sg03 {
	background:url(/matrix/img/sg03-01.gif) no-repeat right 0px;
	padding-bottom:20px;
}
#sg02 p, #sg03 p {
	padding-right:155px;
}

/* footer */
#footer { padding-bottom:250px; }
#footer .pagetop { width:800px; margin:0 auto; }
#footer .pagetop p { display:inline; }
#footer .pagetop a {
	display:block;
	background:url(/matrix/img/btn-pagetotop-l.gif) no-repeat center 1px;
	width:100%; height:11px;
	text-indent:-9999px; overflow:hidden;
}
#footer .navigation {
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin-bottom:2em; padding:1.8em 0;
	color:#727272;
}
#footer .navigation a { color:#727272; text-decoration:none; }
#footer .navigation a:hover { color:#333333; }
#footer .navigation div { background:url(/matrix/img/footer-bg.gif) repeat-y 0 0; }
#footer .navigation div dl { float:left; }
#footer .navigation div dl.col1 { width:320px; }
#footer .navigation div dl.col2 { width:310px; }
#footer .navigation div dl.col3 { width:170px; }
#footer .navigation div dt, #footer .navigation div dd { padding:0 20px; }
#footer .navigation div dt {
	margin-bottom:0.5em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#footer .navigation div dl.col1 li { float:left; width:140px; }
#footer .navigation div dl.col2 li { float:left; width:135px; }
#footer .navigation div dl.col3 li { display:inline; }
#footer .navigation div dl li a {
	display:block;
	background:url(/matrix/img/arrow-gy-2x4.gif) no-repeat 0 0.5em;
	padding-left:5px;
}
#footer .copyright {
	font-size:10px;
	color:#727272;
	background:url(/matrix/img/logo-footer.gif) no-repeat center 0;
	padding-top:40px;
}