/* 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; }
img { vertical-align:top; }

/* 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%; }

/* IE PNG Fix  */
img, div, input { behavior: url("/matrix/js/iepngfix.htc") }

/* default */
body {
	font-size:90%;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", Arial, Helvetica, Verdana, sans-serif;
	padding-bottom:30px;
	line-height:1.5;
	background:#ffffff;
	color:#333333;
}
a:link, a:visited, a:active { color:#3672b6; text-decoration:none; }
a:hover { text-decoration:underline; }
a:hover img{ opacity:0.8; filter: alpha(opacity=80); }
.left { float:left; }
.right { float:right; }
small { font-size:80%; }
strong { color:#d3632c; }
p { margin-bottom:1em; text-align:justify; }
li, a, dt, dd, h3, .entry .entryBody { text-align:justify; }
#pagetop{ display:none; }
#TopPage #header, #TopPage #contents, #footer { margin:0 auto; }
#footer h2, #foot02 h3, #foot03 h3, #foot04 p, #TopPage h1 a, #TopPage #header div ul li a, 
#TopPage #read h2, #TopPage #read p.btn a, #TopPage #works h2 a, #TopPage #works div p.img a, 
#TopPage #contact p a, #TopPage #contact h2, #TopPage #blog h2 a, #TopPage #push h2, #TopPage #push ul li a, 
#Detail #header h1 a, #Detail #header ul li a, #Detail h2, #tree li.home a, #lnv h3, #Detail #push h3, 
#Detail #push li a, h3.HIabout, .contentsAbout #section0101 h4, .contentsAbout #section0102 h4, 
.contentsAbout #section0103 h4, .contentsAbout ul#relateContents li a, h3.HIcompany, 
.contentsAbout #section0201 #items dl dt, h3.HIworks, .contentsWorks .worksbox h4, 
.contentsWorks .worksbox dt, h3.HIcontact, .contentsContact #section0103 h4, 
.contentsContact ul#section0104 a, .contentsContact #section0102 h4 span, .contentsContact #section0102 dt, 
.entry .entryHead p span, .entry .entryRelate h4, .entry .entryNew h4, #Detail #tagging h3, h3.HIprivacy {
	text-indent:-9999px; overflow:hidden;
}
sup { font-size:50%; }

/* toppage : header */
#TopPage { background:url(/matrix/img/top-background.jpg) no-repeat center top; }
#TopPage #header {
	width:946px; height:594px;
	background:url(/matrix/img/top-contents-head-bg.gif) no-repeat 0 bottom;
}
#TopPage h1 {
	float:left;
	width:247px;
	padding-top:40px;
}
#TopPage h1 a {
	display:block;
	background:url(/matrix/img/top-logo.gif) no-repeat center center;
	width:247px; height:48px;
	overflow:hidden;
}
#TopPage #header div {
	float:right;
	width:663px;
	padding-top:28px;
}
#TopPage #header div p {
	height:19px;
	overflow:hidden;
	margin:0; padding-left:4px;
}
#TopPage #header div p a {
	font-size:75%;
	color:#adcef5;
}
#TopPage #header div ul li {
	float:left;
	display:inline;
}
#TopPage #header div ul li a {
	display:block;
	width:132px; height:44px;
	background-image:url(/matrix/img/top-global.gif);
	background-repeat:no-repeat;
}
#TopPage #header div ul li#gnv1 a { background-position:0 -44px; }
#TopPage #header div ul li#gnv2 a { background-position:-132px 0; }
#TopPage #header div ul li#gnv3 a { background-position:-264px 0; }
#TopPage #header div ul li#gnv4 a { background-position:-396px 0; }
#TopPage #header div ul li#gnv5 a { background-position:-528px 0; }
#TopPage #header div ul li#gnv1 a:hover { background-position:0 -44px; }
#TopPage #header div ul li#gnv2 a:hover { background-position:-132px -44px; }
#TopPage #header div ul li#gnv3 a:hover { background-position:-264px -44px; }
#TopPage #header div ul li#gnv4 a:hover { background-position:-396px -44px; }
#TopPage #header div ul li#gnv5 a:hover { background-position:-528px -44px; }
/* toppage : contents */
#TopPage #contents {
	width:946px;
	background:url(/matrix/img/contents-background.gif) repeat-y 0 0;
	padding:15px 0 25px 0;
}
#TopPage #contents #left {
	float:left;
	width:575px;
}
#TopPage #contents #right {
	float:right;
	width:294px;
	padding-top:8px;
}
/* toppage : spacer */
#TopPage #contents .pad { padding:0 28px; }
#TopPage #read, #TopPage #works {
	width:100%;
	margin-bottom:40px;
}
#TopPage #contact, #TopPage #blog, #TopPage #push { margin-bottom:12px; }
/* toppage : read */
#TopPage #read { background:url(/matrix/img/top-contents01-bg.jpg) no-repeat 229px 64px; }
#TopPage #read h2 {
	background:url(/matrix/img/top-headline-01.gif) no-repeat center 0;
	width:100%; height:74px;
}
#TopPage #read p {
	padding:0 338px 0 13px;
	font-size:90%;
	line-height:1.4;
}
#TopPage #read p.btn a {
	display:block;
	background:url(/matrix/img/top-contents01-btn.gif) no-repeat 0 0;
	width:221px; height:29px;
}
/* toppage : works */
#TopPage #works {
	background:url(/matrix/img/top-contents02-bg.jpg) no-repeat left bottom;
	padding-bottom:10px;
}
#TopPage #works h2 a {
	display:block;
	background:url(/matrix/img/top-headline-02.gif) no-repeat center 0 #fff;
	width:100%; height:78px;
}
#TopPage #works div {
	width:100%;
	background:url(/matrix/img/top-contents02-bg.jpg) no-repeat left top;
}
#TopPage #works div h3, #TopPage #works div p {
	padding:0 95px;
}
#TopPage #works div p {
	font-size:90%;
}
#TopPage #works div p strong {
	font-size:85%;
	color:#aaaaaa;
	display:block;
	border-bottom:1px solid #aaaaaa;
	padding-bottom:1em;
}
#TopPage #works div p.img { padding:0; }
#TopPage #works div p.img a {
	display:block;
	width:100%; height:300px;
}
/* toppage : contact */
#TopPage #contact {
	background:url(/matrix/img/top-contact-us.jpg) no-repeat 0 0;
	height:326px;
	overflow:hidden;
}
#TopPage #contact h2 {
	height:105px;
	overflow:hidden;
}
#TopPage #contact p {
	height:104px;
	margin:0; padding:0 20px 0 84px;
	overflow:hidden;
	font-size:12px;
	line-height:1.4;
}
#TopPage #contact p a {
	display:block;
	width:100%; height:39px;
}
/* toppage : blog */
#TopPage #blog {
	background:url(/matrix/img/top-info-bg.gif) no-repeat left bottom;
	padding-bottom:15px;
}
#TopPage #blog h2 { width:100%; height:75px; }
#TopPage #blog h2 a {
	display:block;
	width:100%; height:62px;
}
#TopPage #blog div { background:url(/matrix/img/top-info-title.gif) no-repeat left top; }
#TopPage #blog dl { padding:0 28px; }
#TopPage #blog dt {
	font-weight:bold;
	color:#aaaaaa;
	font-size:75%;
	padding-bottom:2px;
}
#TopPage #blog dt a { 
	font-weight:normal;
	color:#aaaaaa;
}
#TopPage #blog dd {
	background:url(/matrix/img/top-info-kugiri.gif) no-repeat center bottom;
	padding:0 0 15px 0;
	font-size:90%;
	width:100%;
	margin-bottom:12px;
}
/* toppage : push contents */
#TopPage #push {
	background:url(/matrix/img/top-push-bg.gif) no-repeat left bottom;
	padding-bottom:6px;
}
#TopPage #push h2 {
	background:url(/matrix/img/top-push-title.gif) no-repeat 0 0;
	width:100%; height:32px;
}
#TopPage #push ul {
	padding:0 7px;
}
#TopPage #push ul li {
	width:100%; height:61px;
}
#TopPage #push ul li a {
	display:block;
	width:100%; height:60px;
}
#TopPage #push ul li#ban1 a { background:url(/matrix/img/top-push-ban01.jpg) no-repeat 0 0; }
#TopPage #push ul li#ban2 a { background:url(/matrix/img/top-push-ban02.jpg) no-repeat 0 0; }
#TopPage #push ul li#ban3 a { background:url(/matrix/img/top-push-ban03.jpg) no-repeat 0 0; }

/* header */
#Detail { background:url(/matrix/img/header-background.gif) repeat-x 0 0; }
#Detail #header {
	width:946px; height:104px;
	overflow:hidden;
	margin:0 auto;
}
#Detail #header h1 {
	float:left;
	width:230px;
	padding-top:22px;
}
#Detail #header h1 a {
	display:block;
	width:230px; height:50px;
	background:url(/matrix/img/detail-logo.gif) no-repeat center center;
}
#Detail #header div {
	float:right;
	width:683px;
	padding-top:16px;
}
#Detail #header div p {
	margin:0;
	text-align:right;
	font-size:75%;
	font-weight:bold;
	line-height:1.2;
	padding-right:17px;
}
#Detail #header div p a { color:#a2cde9; }
#Detail #header ul li {
	float:left;
	display:inline;
}
#Detail #header ul li a {
	display:block;
	width:132px; height:50px;
	background-image:url(/matrix/img/detail-gnv.png);
	background-repeat:no-repeat;
}
#Detail #header ul li#gnv1 a { background-position:0 0; width:135px; }
#Detail #header ul li#gnv2 a { background-position:-135px 0; }
#Detail #header ul li#gnv3 a { background-position:-267px 0; }
#Detail #header ul li#gnv4 a { background-position:-399px 0; }
#Detail #header ul li#gnv5 a { background-position:-531px 0; width:135px; }
#Detail #header ul li#gnv1 a:hover, #Detail #header ul li#gnv1 a.cc { background-position:0 -50px; }
#Detail #header ul li#gnv2 a:hover, #Detail #header ul li#gnv2 a.cc { background-position:-135px -50px; }
#Detail #header ul li#gnv3 a:hover, #Detail #header ul li#gnv3 a.cc { background-position:-267px -50px; }
#Detail #header ul li#gnv4 a:hover, #Detail #header ul li#gnv4 a.cc { background-position:-399px -50px; }
#Detail #header ul li#gnv5 a:hover, #Detail #header ul li#gnv5 a.cc { background-position:-531px -50px; }

/* contents */
#Detail #contents {
	width:100%;
	background:url(/matrix/img/detail-background.gif) repeat-x 0 0;
}
#Detail #contents #bgGtn {
	width:946px;
	background:url(/matrix/img/contents-background.gif) repeat-y 0 0;
	margin:0 auto;
}
#Detail #contents #bgGtn #bg {
	width:100%;
	background:url(/matrix/img/detail-contents-bg.gif) no-repeat 0 0;
}
#Detail #contents #bgGtn #bg #pad {
	padding:0 23px 25px 18px;
}
#Detail #left {
	float:left;
	width:655px;
	padding-top:5px;
}
#Detail #right {
	float:right;
	width:237px;
}
.leftBox {
	width:655px;
	background:url(/matrix/img/contents-left-bg.gif) repeat-y 0 0;
	margin-bottom:25px;
}
.leftBox .bottomBG {
	width:100%;
	background:url(/matrix/img/contents-left-bg-bot.gif) no-repeat 0 bottom;
	padding-bottom:18px
}
.leftBox .bottomBG .pad {
	padding:18px 25px 0 25px;
}
.col1Box {
	width:910px;
	background:url(/matrix/img/content-bg-1col-middle.gif) repeat-y 0 0;
}
.col1Box .bottomBG {
	width:100%;
	background:url(/matrix/img/content-bg-1col-bottom.gif) no-repeat 0 bottom;
}
#Detail #pad1col { padding:0 25px; }
#Detail #pad1col #left { width:605px; }
#Detail #pad1col #right { width:255px; }

/* h2 head images */
h2#HIabout, h2#HIworks, h2#HIblog, h2#HIcontact { height:182px; }
h2#HIaboutS, h2#HIblogS { height:111px; }
h2#HIabout { background:url(/matrix/img/headimage-about.jpg) no-repeat center 0; }
h2#HIaboutS { background:url(/matrix/img/headimage-about-s.jpg) no-repeat center 0; }
h2#HIworks { background:url(/matrix/img/headimage-works.jpg) no-repeat center 0; }
h2#HIblog { background:url(/matrix/img/headimage-blog.jpg) no-repeat center 0; }
h2#HIblogS { background:url(/matrix/img/headimage-blog-s.jpg) no-repeat center 0; }
h2#HIcontact { background:url(/matrix/img/headimage-contact.jpg) no-repeat center 0; }

/* tree */
#tree {
	padding:0 3px 10px 3px;
}
#tree ul {
	width:100%; height:25px;
	background:url(/matrix/img/tree-background.gif) repeat-x 0 0;
	overflow:hidden;
}
#tree li {
	display:inline;
	float:left;
	font-size:75%;
	line-height:2.3;
	height:23px;
	padding-left:5px;
	color:#e3eef6;
}
#tree li a {
	display:block;
	background:url(/matrix/img/tree-arrow.gif) no-repeat right center;
	height:23px;
	padding-right:15px;
	color:#e3eef6;
}
#tree li.home { padding:0; }
#tree li.home a {
	width:34px;
	background:url(/matrix/img/tree-home.gif) no-repeat 0 0;
	padding:0;
}

/* detail common */
#lnv, #Detail #push {
	width:100%;
	margin-bottom:10px;
}
h3.HIabout, h3.HIcompany, h3.HIworks, h3.HIprivacy {
	width:655px; height:73px;
}
h3.HIcontact {
	width:911px; height:73px;
}
.contentsAbout #section0101, .contentsAbout #section0102, .contentsAbout #section0103, 
.contentsAbout ul#relateContents {
	width:100%; margin-bottom:35px;
}

/* local navigation */
#lnv {
	background:url(/matrix/img/lnv-bg-bottom.gif) no-repeat 0 bottom;
	padding-bottom:20px;
}
#lnv h3 { width:100%; height:63px; }
#lnv div {
	width:100%;
	background:url(/matrix/img/lnv-bg-top.gif) no-repeat 0 0;
}
#lnv ul { padding:0 6px; }
#lnv li {
	display:inline;
	font-size:90%;
	line-height:1.3;
}
#lnv a {
	display:block;
	border-top:1px solid #fff;
	border-bottom:1px solid #cacaca;
	width:100%;
	background:url(/matrix/img/share-arrow.gif) no-repeat 7px 14px;
	color:#2b85bf;
	padding-bottom:2px;
}
#lnv a span {
	display:block;
	padding:12px 10px 10px 21px;
}
#lnv a:hover, #lnv a.cc {
	background:url(/matrix/img/lnv-on-bg-bottom.gif) no-repeat 0 bottom;
	color:#e4eff6;
	text-decoration:none;
}
#lnv a:hover span, #lnv a.cc span {
	background:url(/matrix/img/lnv-on-bg-top.gif) no-repeat 0 top;
}
.contentsAbout #lnv h3 { background:url(/matrix/img/lnv-title02.gif) no-repeat 0 0; }
.contentsWorks #lnv h3 { background:url(/matrix/img/lnv-title03.gif) no-repeat 0 0; }
.contentsBlog #lnv h3 { background:url(/matrix/img/lnv-title01.gif) no-repeat 0 0; }

/* push contents */
#Detail #push {
	background:url(/matrix/img/right-boxs-bg.gif) no-repeat 0 bottom;
	padding-bottom:25px;
}
#Detail #push h3 {
	background:url(/matrix/img/push-title.gif) no-repeat 0 0;
	width:100%;
	height:64px;
}
#Detail #push ul {
	padding:0 6px;
}
#Detail #push li {
	padding:0 0 1px 0;
}
#Detail #push li a {
	display:block;
	width:100%; height:60px;
}
#Detail #push li#ban1 a { background:url(/matrix/img/push-ban01.jpg) no-repeat 0 0; }
#Detail #push li#ban2 a { background:url(/matrix/img/push-ban02.jpg) no-repeat 0 0; }
#Detail #push li#ban3 a { background:url(/matrix/img/push-ban03.jpg) no-repeat 0 0; }

/* footer */
#footer {
	width:946px;
	background:url(/matrix/img/footer-bottom-bg.gif) no-repeat 0 bottom;
	font-size:75%;
	line-height:1.2;
}
#footer a { color:#333333; }
#footer h2 {
	background:url(/matrix/img/footer-title.gif) no-repeat center top;
	width:100%; height:58px;
}
#footer strong { 
	color:#333333;
	font-weight:bold;
	font-size:115%;
}
#footer p { margin-bottom:10px; }
#footer .bg { padding:0 0 0 73px; }
#foot01, #foot02, #foot03, #foot04 { float:left; }
#foot01 { width:276px; }
#foot02 { width:183px; }
#foot02 h3 { background:url(/matrix/img/footer-title-01-02.gif) no-repeat 0 0; height:33px; }
#foot03 { width:156px; }
#foot03 h3 { background:url(/matrix/img/footer-title-01-02.gif) no-repeat -183px 0; height:33px; }
#foot04 { width:234px; background:url(/matrix/img/footer-contact.jpg) no-repeat center 0; }
#foot02 li, #foot03 li { padding-bottom:5px; }
#footer #foot01 ul { padding-bottom:10px; padding-right:45px; }
#footer #foot01 ul.indent li {
	text-indent:-1em;
	padding-left:1em;
}
#footer #foot01 img { margin-bottom:3px; }
#foot04 h3 { display:none; }
#foot04 p a { 
	display:block;
	background:url(/matrix/img/footer-contact.jpg) no-repeat center 0;
	width:100%; height:246px;
}

/* copyright */
#copyright {
	width:100%; height:26px;
	overflow:hidden;
	margin-top:70px;
}
#copyright .left { padding-left:360px; }
#copyright .right {
	padding-top:4px; padding-right:10px;
	color:#fff;
}
#copyright .right a {
	padding-right:10px;
	color:#fff;
}
#footer #copyright p { margin-bottom:0; }

/* contents : about */
h3.HIabout { background:url(/matrix/img/about/title01.gif) no-repeat 0 0; }
.contentsAbout #section0101 { background:url(/matrix/img/about/image01-01.jpg) no-repeat right 65px; }
.contentsAbout #section0101 h4 {
	background:url(/matrix/img/about/title01-01.gif) no-repeat 0 0;
	width:100%; height:40px;
	margin-bottom:20px;
}
.contentsAbout #section0101 p { padding:0 280px 0 11px; }
.contentsAbout #section0102 { background:url(/matrix/img/about/image01-02.jpg) no-repeat left 65px; }
.contentsAbout #section0102 h4 {
	background:url(/matrix/img/about/title01-02.gif) no-repeat 0 0;
	width:100%; height:315px;
}
.contentsAbout #section0102 p { padding:0 10px 0 205px; }
.contentsAbout #section0103 { background:url(/matrix/img/about/ican-box-bottom.gif) no-repeat 0 bottom; }
.contentsAbout #section0103 div {
	width:100%;
	background:url(/matrix/img/about/ican-box-top.gif) no-repeat 0 0;
	padding:23px 0;
}
.contentsAbout #section0103 h4 { float:left; width:100px; }
.contentsAbout #section0103 ul { float:right; width:402px; }
.contentsAbout ul#relateContents li { display:inline; }
.contentsAbout ul#relateContents li a {
	float:left;
	display:block;
	height:161px;
}
.contentsAbout ul#relateContents li#relate1 a { background:url(/matrix/img/about/relate01.jpg) no-repeat 0 0; width:220px; }
.contentsAbout ul#relateContents li#relate2 a { background:url(/matrix/img/about/relate02.jpg) no-repeat 0 0; width:215px; }
.contentsAbout ul#relateContents li#relate3 a { background:url(/matrix/img/about/relate03.jpg) no-repeat 0 0; width:220px; }
h3.HIcompany { background:url(/matrix/img/about/title02.gif) no-repeat 0 0; }
.contentsAbout #section0201 { background:url(/matrix/img/about/profile-bg-bottom.gif) no-repeat 0 bottom; }
.contentsAbout #section0201 #items { background:url(/matrix/img/about/profile-bg-middle.gif) no-repeat 0 bottom; }
.contentsAbout #section0201 #items div {
	background:url(/matrix/img/about/profile-bg-top.gif) no-repeat 0 0;
	padding-bottom:46px;
}
.contentsAbout #section0201 #items h4, .contentsAbout #section0201 #map h4 { display:none; }
.contentsAbout #section0201 #items dl {
	padding:16px 3px 15px 200px;
	line-height:1.4;
	font-size:90%;
	background:url(/matrix/img/about/profile-separator.gif) no-repeat 181px bottom;
}
.contentsAbout #section0201 #items dl.last { background:none; }
.contentsAbout #section0201 #items dl dt {
	background-image:url(/matrix/img/about/profile-items.gif);
	background-repeat:no-repeat;
	height:1.4em; width:100%;
}
.contentsAbout #section0201 #items dl dt.item01 { background-position:0 0; }
.contentsAbout #section0201 #items dl dt.item02 { background-position:0 -24px; }
.contentsAbout #section0201 #items dl dt.item03 { background-position:0 -48px; }
.contentsAbout #section0201 #items dl dt.item04 { background-position:0 -72px; }
.contentsAbout #section0201 #items dl dt.item05 { background-position:0 -96px; }
.contentsAbout #section0201 #items dl dt.item06 { background-position:0 -120px; }
.contentsAbout #section0201 #items dl dt.item07 { background-position:0 -144px; }
.contentsAbout #section0201 #items dl dd { margin:-1.4em 0 0 114px; }
.contentsAbout #section0201 #map { padding:0 1px 0 2px; }
.contentsAbout #section0201 #map #GMap {
	background:#fff;
	padding:3px 0 3px 4px;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
}
.contentsAbout #section0201 #map p {
	padding:15px 20px;
	font-size:90%;
}

/* contents : works */
h3.HIworks { background:url(/matrix/img/works/title01.gif) no-repeat 0 0; }
.contentsWorks .worksbox {
	padding:0 6px 15px 6px;
}
.contentsWorks .worksbox h4 {
	width:100%; height:380px;
}
.contentsWorks .worksbox dl {
	padding:0 46px;
}
.contentsWorks .worksbox dt {
	height:13px;
}
.contentsWorks .worksbox dt.item01 { background:url(/matrix/img/works/item-names.gif) no-repeat 0 0; }
.contentsWorks .worksbox dt.item02 { background:url(/matrix/img/works/item-names.gif) no-repeat 0 -13px; }
.contentsWorks .worksbox dd.item01 strong { 
	font-size:90%;
	color:#333333;
}
.contentsWorks .worksbox dd {
	margin:-1.1em 0 0 70px;
	padding-bottom:1em;
}
.contentsWorks .worksbox dd li {
	background:url(/matrix/img/share-arrow.gif) no-repeat 0 0.3em;
	padding-left:15px;
}
.contentsWorks .worksbox p.pagetop {
	border-bottom:1px solid #e0e0e0;
	padding:3px 2px 3px 0;
	text-align:right;
}
.contentsWorks #section0101 { background:url(/matrix/img/works/project01.jpg) no-repeat center 0; }
.contentsWorks #section0102 { background:url(/matrix/img/works/project02.jpg) no-repeat center 0; }
.contentsWorks #section0103 { background:url(/matrix/img/works/project03.jpg) no-repeat center 0; }

/* contents : contact */

h3.HIcontact { background:url(/matrix/img/contact/title01.gif) no-repeat center 0; }
.contentsContact #section0101 {
	padding:30px 50px 25px;
}
.contentsContact #section0101 p { margin:0; }
.contentsContact #section0102 {
	background:url(/matrix/img/contact/form-bg-bottom.gif) no-repeat 0 bottom;
	width:100%;
	font-size:90%;
	line-height:1.4;
	color:#666666;
	padding-bottom:15px;
	margin-bottom:25px;
}
.contentsContact #section0102 form {
	background:url(/matrix/img/contact/form-bg-top.gif) no-repeat 0 0;
	width:100%;
}
.contentsContact #section0102 input, .contentsContact #section0102 textarea {
	margin-bottom:5px;
}
.contentsContact #section0102 h4 { padding:30px 0 20px 340px; }
.contentsContact #section0102 h4 span {
	display:block;
	width:236px; height:25px;
	background-image:url(/matrix/img/contact/form-tree.gif);
	background-repeat:no-repeat;
}
.contentsContact #section0102 h4 span.step1 { background-position:0 0; }
.contentsContact #section0102 h4 span.step2 { background-position:0 -25px; }
.contentsContact #section0102 h4 span.step3 { background-position:0 -50px; }
.contentsContact #section0102 p { padding:0 25px; }
.contentsContact #section0102 .read {
	width:100%;
	background:url(/matrix/img/contact/form-separator.gif) no-repeat center bottom;
}
.contentsContact #section0102 .read p { padding-bottom:15px; }
.contentsContact #section0102 .ending { padding-top:10px; }
.contentsContact #section0102 .ending p { text-align:center; }
.contentsContact #section0102 .ending input.next { width:200px; }
.contentsContact #section0102 .ending input.back { width:100px; }
.contentsContact #section0102 dl {
	padding:0 0 14px 0;
	margin-bottom:14px;
	width:100%;
	background:url(/matrix/img/contact/form-separator.gif) no-repeat center bottom;
	line-height:1.3;
}
.contentsContact #section0102 dl dt {
	width:145px;height:21px;
	background-image:url(/matrix/img/contact/form-items.gif);
	background-repeat:no-repeat;
}
.contentsContact #section0102 dl.item01 dt { background-position:right 0; }
.contentsContact #section0102 dl.item02 dt { background-position:right -21px; }
.contentsContact #section0102 dl.item03 dt { background-position:right -42px; }
.contentsContact #section0102 dl.item04 dt { background-position:right -63px; }
.contentsContact #section0102 dl.item05 dt { background-position:right -105px; }
.contentsContact #section0102 dl.item06 dt { background-position:right -126px; }
.contentsContact #section0102 dl.item07 dt { background-position:right -147px; }
.contentsContact #section0102 dl.item08 dt { background-position:right -168px; }
.contentsContact #section0102 dd { margin:-1.45em 25px 0 180px; }
.contentsContact #section0102 dd p { padding:0; }
.contentsContact p.error { color:#d3632c; margin:0; }
.contentsContact #section0102 dl.item04 dd span {
	display:block;
	background:url(/matrix/img/contact/form-items.gif) no-repeat -60px -85px;
	width:100%; margin-bottom:5px;
}
.contentsContact #section0102 dl.item04 dd span input {
	margin:0 0 0 55px;
}
.contentsContact #section0102 dd.confir { margin:-1.3em 25px 0 180px; }
.contentsContact #section0102 dd.confir p { margin:0; }
.contentsContact #section0103 {
	background:url(/matrix/img/contact/tel-bg-bottom.gif) no-repeat 0 bottom;
	width:100%;
}
.contentsContact #section0103 h4 {
	background:url(/matrix/img/contact/tel-bg-top.jpg) no-repeat 0 0;
	width:100%; height:442px;
}
.contentsContact #section0103 p {
	padding:18px 25px 22px 25px;
	font-size:90%;
	color:#666;
}
.contentsContact ul#section0104 {
	padding:25px;
}
.contentsContact ul#section0104 a {
	display:block;
	width:205px; height:70px;
	background:url(/matrix/img/contact/button-privacy-policy.gif) no-repeat 0 0;
}
.contentsContact #section0102 dl.item01 input, .contentsContact #section0102 dl.item02 input {
	width:200px;
}
.contentsContact #section0102 dl.item03 input, .contentsContact #section0102 dl.item06 input {
	width:250px;
}
.contentsContact #section0102 dl.item04 textarea, .contentsContact #section0102 dl.item07 input, .contentsContact #section0102 dl.item08 textarea {
	width:375px;
}
.contentsContact #section0102 dl.item04 span input, .contentsContact #section0102 dl.item05 input {
	width:100px;
}
.contentsContact #section0105 {
	padding:25px;
}
.contentsContact #section0105 p {
	margin-bottom:2em;
}
.contentsContact #section0105 div {
	padding:2em; border:5px solid #208acd;
}
.contentsContact #section0105 h4 {
	border-bottom:1px solid #208ACD;
	color:#208ACD;
	font-weight:bold;
	margin-bottom:2em;
	padding:0.5em 0 2em;
	width:100%;
}
.contentsContact #section0105 li {
	background:url(/matrix/img/share-arrow.gif) no-repeat 0 0.3em;
	padding-left:15px;
}

/* blog */
.contentsBlog .pad {
	padding:1px 5px 0 5px;
}
.contentsBlog #headline {
	width:100%;
	background:url(/matrix/img/blog/headtitle-bg-bottom.gif) no-repeat 0 bottom;
	margin-bottom:2em;
}
.contentsBlog #headline .title {
	width:100%;
	background:url(/matrix/img/blog/headtitle-bg-top.gif) no-repeat 0 0;
}
.contentsBlog #headline .title h3 {
	width:100%;
	background:url(/matrix/img/blog/headtitle-text.gif) no-repeat 65px 2.7em;
}
.contentsBlog #headline .title h3 span {
	display:block;
	padding:20px 10px 19px 64px;
	font-weight:bold;
	color:#e4eef5;
}
.contentsBlog #headline .read {
	width:100%;
	background:url(/matrix/img/blog/headtitle-bg-middle.gif) no-repeat 0 top;
}
.contentsBlog #headline .read p {
	margin:0; padding:8px 20px;
	font-size:90%; color:#666666;
}
.entry {
	width:100%;
	margin:5px 0 2.5em 0;
}
.entry .entryHead {
	width:100%;
	background:url(/matrix/img/blog/entry-title-bg.gif) 0 0;
	margin-bottom:20px;
}
.entry .entryDate {
	width:100%;
	background:url(/matrix/img/blog/entry-title-top.gif) no-repeat 0 bottom #ffffff;
	height:40px;
	overflow:hidden;
}
.entry .entryDate p {
	padding-left:20px;
	margin:0;
}
.entry .entryDate p span {
	display:block;
	float:left;
	width:19px;
	height:32px;
	background-image:url(/matrix/img/blog/entry-title-date.gif);
	background-repeat:no-repeat;
}
.entry .entryDate p span.num0 { background-position:0 bottom; }
.entry .entryDate p span.num1 { background-position:-25px bottom; width:15px; }
.entry .entryDate p span.num2 { background-position:-50px bottom; }
.entry .entryDate p span.num3 { background-position:-75px bottom; }
.entry .entryDate p span.num4 { background-position:-100px bottom; }
.entry .entryDate p span.num5 { background-position:-125px bottom; }
.entry .entryDate p span.num6 { background-position:-150px bottom; }
.entry .entryDate p span.num7 { background-position:-175px bottom; }
.entry .entryDate p span.num8 { background-position:-200px bottom; }
.entry .entryDate p span.num9 { background-position:-225px bottom; }
.entry .entryHead h3 {
	border-bottom:1px solid #edeeef;
	padding:15px 20px;
	font-weight:bold;
}
.entry .entryContents {
	padding:0 20px;
}
.entry .entryBody { width:100%; margin:0 0 2em 0; }
.entry .entrySpec { width:100%; margin:0 0 2em 0; }
.entry .entrySpec p {
	font-size:75%; color:#666666;
	padding-top:15px;
}
.entry .entrySpec p.entryCategories { background:url(/matrix/img/blog/entry-category-title.gif) no-repeat 0 0; }
.entry .entrySpec p.entryTags { background:url(/matrix/img/blog/entry-tag-title.gif) no-repeat 0 0; }
/* relate and new */
.entry .entryRelate, .entry .entryNew {
	width:100%;
	background:url(/matrix/img/blog/entry-relate-new-height-bg.gif) repeat-y 0 0;
	border-top:1px solid #dddddd;
	padding:15px 0 10px 0;
	font-size:90%;
	margin-bottom:2em;
}
.entry .entryRelate h4, .entry .entryNew h4 {
	float:left;
	width:115px; height:22px;
	overflow:hidden;
	background-image:url(/matrix/img/blog/entry-relate-new-title.gif);
	background-repeat:no-repeat;
}
.entry .entryRelate ul, .entry .entryNew ul {
	float:right; width:465px;
}
.entry .entryRelate li, .entry .entryNew li {
	padding:0 15px 5px 15px;
	background:url(/matrix/img/share-arrow.gif) no-repeat 0 0.3em;
}
.entry .entryRelate h4 { background-position:0 0; }
.entry .entryNew h4 { background-position:0 -22px; }
/* footer of the entry */
.entry .enteyFooter {
	background:url(/matrix/img/blog/entry-foot-bg.gif) no-repeat 0 0 ;
	width:100%; height:35px;
	margin-bottom:2em;
}
.entry .enteyFooter ul { padding-top:5px; }
.entry .enteyFooter li { 
	display:inline;
	padding-right:3px;
}
/* page back buttons */
.entry .entryGoto { width:100%; margin-bottom:2em;}
.entry .entryGoto li { padding-bottom:1em; text-align:right; }
/* pagebute */
p.pagebute {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:15px 0;
}
/* right : tagging */
#Detail #tagging {
	background:url(/matrix/img/right-boxs-bg.gif) no-repeat 0 bottom;
	padding-bottom:25px;
}
#Detail #tagging h3 {
	background:url(/matrix/img/blog-tag-cloud-title.gif) no-repeat 0 0;
	width:100%;
	height:60px;
}
#Detail #tagging ul {
	padding:15px 25px;
	line-height:1;
}
#Detail #tagging li {
	display:inline;
	padding-right:4px;
	float:left;
}
#Detail #tagging li a.tag1 { font-size:28px; color:#3eb5d2; }
#Detail #tagging li a.tag2 { font-size:26px; color:#3eb5d2; }
#Detail #tagging li a.tag3 { font-size:24px; color:#3eb5d2; }
#Detail #tagging li a.tag4 { font-size:22px; color:#78c6d9; }
#Detail #tagging li a.tag5 { font-size:20px; color:#78c6d9; }
#Detail #tagging li a.tag6 { font-size:18px; color:#78c6d9; }
#Detail #tagging li a.tag7 { font-size:16px; color:#78c6d9; }
#Detail #tagging li a.tag8 { font-size:14px; color:#b3d3db; }
#Detail #tagging li a.tag9 { font-size:12px; color:#b3d3db; }
#Detail #tagging li a.tag10 { font-size:10px; color:#b3d3db; }

/* contents : privacy policy */
h3.HIprivacy { background:url(/matrix/img/about/title03.gif) no-repeat 0 0; }
.contentsAbout #section0301 { padding-top:1em; }
.contentsAbout #section0301 p, .contentsAbout #section0301 ul { margin-bottom:2em; }
.contentsAbout #section0301 li, .contentsAbout #section0301 h4 { margin-bottom:1em; }
.contentsAbout #section0301 li {
	text-indent:-1.2em;
	padding-left:1.2em;
}