@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:160px; float:right; }

/* LOGO */
#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;
	text-indent:-9999px; overflow:hidden;
}

/* LEFT : MainArea */
#LEFT .mainArea { width:100%; margin-bottom:5.5em; }
#entry #LEFT .mainArea { 
	width:540px; padding-bottom:10px;
	border-bottom:1px solid #ececec;
}

/* LEFT : HEAD TITLE */
#detail #LEFT .mainArea .headtitle, #entry #LEFT .mainArea .headtitle {
	width:540px;
	margin-bottom:4em; padding-bottom:1.5em;
	border-bottom:1px solid #ececec;
	line-height:1.3;
}
/* Headline H2. Category etc. */
#detail #LEFT .mainArea .headtitle h2 {
	font-size:20px; font-family:Georgia, "Times New Roman", Times, serif;
}
#detail #LEFT .mainArea .headtitle h2 strong { font-size:18px; }
/* Headline H2. Entry */
#webpage #LEFT .mainArea .headtitle h2, #entry #LEFT .mainArea .headtitle h2 {
	font-size:16px; font-weight:bold;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
/* Tree or Subtitle */
#LEFT .mainArea .headtitle p.subline {
	padding:3px 0 0 0;
}
#LEFT .mainArea .headtitle p.subline,
#LEFT .mainArea .headtitle p.subline a { color:#979797; }
#LEFT .mainArea .headtitle p.subline a:hover { color:#333333; }
/* Read Text in Detail */
#detail #LEFT .mainArea .headtitle.offRead { margin-bottom:4em; }
#detail #LEFT .mainArea .headtitle.onRead {
	margin-bottom:0;
	border:none;
	padding-bottom:0em;
}

/* item - list view */
/* 3cullomns is "list" */
.list { width:100%; margin-bottom:2.5em; line-height:1.4em; }
.list dl {
	width:190px; float:left;
	margin-bottom:2em;
	background:url(/matrix/img/line-160-glay.gif) no-repeat left bottom;
}
.list dl dt { width:160px; margin-bottom:0.7em; }
.list dl dd {
	background:url(/matrix/img/arrow-bk-2x4.gif) no-repeat 0 0.5em;
	padding:0 35px 0.5em 5px;
}
.list dl dd a { display:block; text-decoration:none; padding-bottom:0.3em; }
.list dl dd a:hover { text-decoration:underline; }
.list dl strong, .list dl dd a strong { font-weight:normal; color:#ED2889; }
.list dl dd span {
	display:block; font-weight:bold; text-align:right;
}
.list dl dd span.new { /* on NEW icon */
	background:url(/matrix/img/icon-new.gif) no-repeat left center;
}

/* 4cullomn */
#LEFT .relatedItems { width:100%; margin-bottom:5.5em; }
.relatedItems .list dl { width:142px; background:url(/matrix/img/line-112-glay.gif) no-repeat left bottom; }
.relatedItems .list dl dt { width:112px; }

/* left box : Share */
#LEFT .box { width:540px; margin-bottom:5.5em; }
#LEFT .box h2, #LEFT .relatedItems h2 {
	line-height:1.3;
	margin-bottom:3em;
}
#LEFT .box h2 strong {
	display:block;
	font-size:10px; font-weight:normal; color:#727272;
}

/* Left's Headline */
#LEFT .inkpads h2, #LEFT .temppdfs h2, #LEFT .notebooks h2, #LEFT .etcnewitems h2, 
#LEFT .headlinenews h2 {
	width:100%;
	background:url(/matrix/img/lt-newitems.gif) no-repeat 0 0;
	font-size:10px; font-weight:normal; color:#727272;
}
#LEFT .inkpads h2 { background:url(/matrix/img/lt-inkpads.gif) no-repeat 0 0; }
#LEFT .temppdfs h2 { background:url(/matrix/img/lt-pdfs.gif) no-repeat 0 0; }
#LEFT .notebooks h2 { background:url(/matrix/img/lt-notebooks.gif) no-repeat 0 0; }
#LEFT .headlinenews h2 { background:url(/matrix/img/lt-headlinenews.gif) no-repeat 0 0; padding-top:17px; }

#LEFT .box h2 a, #LEFT .inkpads h2 a, 
#LEFT .temppdfs h2 a, #LEFT .notebooks h2 a, #LEFT .etcnewitems h2 a {
	display:block; width:540px;
	text-decoration:none; color:#727272;
	background:url(/matrix/img/btn-itemlist.gif) no-repeat right 1px;
	padding-top: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 dt small {
	font-weight:normal; font-size:100%;
}
#LEFT .box dt a { color:#727272; }

#LEFT .box dd {
	background:url(/matrix/img/arrow-bk-2x4.gif) no-repeat 0 0.5em;
	padding:0 0 1em 5px;
}
#LEFT .box dt a, #LEFT .box dd a { text-decoration:none; }
#LEFT .box dt a:hover, #LEFT .box dd a:hover { text-decoration:underline; }

/* ----------

 Entry.

---------- */

/* ENTRY : basic */
.entries { width:540px; margin-bottom:4em; }
.entry {
	width:100%;
	margin-bottom:4em; padding-bottom:1px;
	border-bottom:1px solid #ececec;
}
/* ENTRY : title */
.entrytitle { 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; }
/* ENTRY : body and more */
.entrybody, .entrymore {
	line-height:1.8;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.entrybody { width:100%; margin-bottom:2em; }
.entrymore { width:100%; margin-bottom:3.5em; }
.entrybody p, .entrymore p { margin-bottom:2em; }
.entrybody p#headimg { margin-bottom:3.5em; }
/* ENTRY : body and more : image */
.entrybody ul.side, .entrymore ul.side, .entrybody ul.col3, .entrymore ul.col3 { 
	width:540px; margin-bottom:2em;
}
.entrybody ul.side li, .entrymore ul.side li { 
	float:left; width:265px; margin-right:5px;
}
.entrybody ul.col3 li, .entrymore ul.col3 li { 
	float:left; width:175px; margin-right:5px;
}
.entrybody .border, .entrymore .border { border:1px solid #ececec; }
.entrybody img, .entrymore img { margin-bottom:0.5em; }
.entrybody .left, .entrymore .left { float:left; width:350px; margin:0.4em 2em 1em 0; line-height:1.4em; }
.entrybody .right, .entrymore .right { float:right; width:350px; margin:0.4em 0 1em 2em; line-height:1.4em; }
.entrybody .right265, .entrymore .right265 { float:right; width:265px; margin:0.4em 0 1em 2em; line-height:1.4em; }
.entrybody small, .entrymore small { color:#666666; font-size:80%; font-weight:bold; }
.entrybody .caption, .entrymore .caption { margin-bottom:2em; }
.entrybody .caption ul, .entrymore .caption ul { margin-bottom:0; }

/* ENTRY : Left SBMs */
#LEFT .sbm { width:100%; }
#LEFT .sbm ul.left { float:left; }
#LEFT .sbm ul.right { float:right; }

/* ENTRY : Page top in Entries. use by 1 cullom list only ( Monthly Archives etc. ). */
.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;
}

/* ENTRY : back button */
#entry .button { width:100%; margin-bottom:4em; }
#entry .button li { display:inline; }
#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;
}

/* ----------

PDF Page Only.

---------- */

/* download box */
.download {
	border:1px solid #ececec;
	padding:40px 0;
	width:538px;
	margin:3.5em 0;
	line-height:1.5em;
}
.download h3 {
	background:url(/matrix/img/dl-title.gif) no-repeat 40px 0;
	width:100%;
	padding-top:15px;
	font-size:10px;
	color:#666;
	margin-bottom:0.5em;
}
.download h3 span {
	display:block;
	padding:0 40px;
}
.download ul { padding:0 40px; }
.download li {
	background:url(/matrix/img/dl-icon.gif) no-repeat 0 1.3em;
	padding:1em 0 1em 15px;
	border-bottom:1px dotted #999999;
}
.download li small { display:block; }

/* ----------

Product Page Only.

---------- */

/* price list */
#productGeneral, #relatedlist {
	width:538px;
	margin-bottom:2em;
	border:1px solid #ececec;
	text-align:left;
}
#productGeneral form { padding:40px; line-height:1.4em; }
#productGeneral dt { font-weight:bold; }
#productGeneral dd { margin:-1.4em 0 1em 55px; }
#productMainImage { width:148px; float:left; }
#productGeneral .right { width:310px; float:right; }
#productGeneral dd li { width:100%; margin-bottom:1em; }
/* option */
#productAttributes { width:100%; margin-bottom:1em; }
#productAttributes p { width:100%; margin-bottom:0.5em; }
#productAttributes strong {
	display:block;
	width:100%; margin-bottom:1em;
}
#attrib-1-0, #attrib-2-0, #attrib-3-0, #attrib-4-0, #attrib-5-0 { width:210px; }

/* Ralated Items */
#relatedlist h3 {
	background:url(/matrix/img/lt-related-items.gif) no-repeat 40px 30px;
	padding:30px 0 2em 165px;
	font-size:10px;
}
#relatedlist .items { padding-left:40px; margin-bottom:2em; }
#relatedlist dl { width:119px; float:left; }
#relatedlist dt, #relatedlist dd { width:100px; margin-bottom:0.5em; }
#relatedlist dd a {
	display:block;
	text-decoration:none; text-align:justify;
	line-height:1.4; padding:0 5px;
	background:url(/matrix/img/arrow-bk-2x4.gif) no-repeat 0 0.5em;
}
#relatedlist dd a:hover { text-decoration:underline; }


/* ----------

RIGHT

---------- */

/* RIGHT : basic */

#RIGHT .basic {
	width:100%; margin-bottom:3.5em;
}
#RIGHT .basic h2, #RIGHT .box.searchRight h2 {
	width:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	font-size:10px;
	color:#666666;
	padding-top:15px;
	line-height:1.3em;
	margin-bottom:1.3em;
}
#RIGHT #shoppingcart { background:url(/matrix/img/rt-shopping-cart.gif) no-repeat 0 0; }
#RIGHT #itemcategory { background:url(/matrix/img/rt-item-category.gif) no-repeat 0 0; }
#RIGHT #othercontents { background:url(/matrix/img/rt-other-contents.gif) no-repeat 0 0; }
#RIGHT #information { background:url(/matrix/img/rt-information.gif) no-repeat 0 0; }
#RIGHT #hello { background:url(/matrix/img/rt-hello.gif) no-repeat 0 0; }
#RIGHT #mobilesite { background:url(/matrix/img/rt-mobile-site.gif) no-repeat 0 0; }
#RIGHT .searchRight { background:url(/matrix/img/rt-search.gif) no-repeat 0 0; }

/* RIGHT : main navigation */
#RIGHT ul.navigation {
	width:100%; margin-bottom:1em;
	border-top:1px solid #ececec;
}
#RIGHT ul.navigation li { display:inline; }
#RIGHT ul.navigation li a {
	display:block;
	border-bottom:1px solid #ececec;
	text-decoration:none;
	padding:0.5em 0 0.5em 5px;
	background:url(/matrix/img/arrow-bk-2x4.gif) no-repeat 0 1em;
}
#RIGHT ul.navigation li a small { /* New mark */
	color:#ed2889;
}
#RIGHT ul.navigation li a:hover { text-decoration:underline; }
#RIGHT ul.navigation li a 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;
}

/* RIGHT : sub navigation */
#RIGHT ul.subNavigation {
	width:100%; margin-bottom:1em;
	line-height:1.6em;
}
#RIGHT ul.subNavigation li { display:inline; }
#RIGHT ul.subNavigation li a {
	display:block;
	text-decoration:none;
	padding-left:5px;
	background:url(/matrix/img/arrow-bk-2x4.gif) no-repeat 0 0.6em;
}
#RIGHT ul.subNavigation li a:hover { text-decoration:underline; }

/* RIGHT : CART only */
#RIGHT ul.cartNavigation {
	width:100%; margin-bottom:2em;
	border-top:1px solid #ececec;
}
#RIGHT ul.cartNavigation li { border-bottom:1px solid #ececec; }
#RIGHT #shoppingcart .banner {
	text-align:center;
}

/* RIGHT : Entry List */
#RIGHT ul.entryList {
	border-top:1px solid #ececec;
	width:100%; margin-bottom:1em;
}
#RIGHT ul.entryList li {
	width:100%; padding:0.7em 0;
	border-bottom:1px solid #ececec;
}
#RIGHT ul.entryList li span {
	display:block;
	font-weight:bold;
	color:#666666;
	font-size:10px;
}

/* RIGHT : Banner */
#RIGHT .banners ul, #RIGHT ul.banners {
	width:100%; margin-bottom:1em;
}
#RIGHT .banners li, #RIGHT ul.banners li {
	width:100%; margin-bottom:0.5em;
}

/* RIGHT : social bookmarks, RSS */
.sbm li { display:inline; }
.sbm li img { margin:0 5px; }

/* RIGHT : hello */
#hello p { margin-bottom:1em; }
#hello dl#feed {
	width:100%; border-bottom:1px solid #ececec;
}
#hello #feed dt {
	width:100%;
	margin-bottom:0.3em;
	padding-top:1em;
	border-top:1px solid #ececec;
	font-size:10px; font-weight:bold;
	line-height:1.3em;
	color:#666666;
}
#hello #feed dd {
	width:100%;
	line-height:1.5em;
	margin-bottom:1em;
}

/* RIGHT : mobile site */
#mobilesite li { text-align:center; }
#mobilesite p { margin-bottom:1em; }

/* RIGHT : Search */
.searchRight {
	margin-bottom:3.5em;
}
.searchRight .background {
	background:#f8f8f8;
	padding:12px 16px 10px 12px;
}
.searchRight li { padding-bottom:0.5em; }
.searchRight li a {
	display:block;
	background:url(/matrix/img/arrow-bk-2x4.gif) no-repeat 0 0.5em;
	padding-left:5px;
}
.searchRight li a small { /* New mark */
	color:#ed2889;
}

/* ----------

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;
}