?header,footer,nav,section,article,figure,aside{display:block;margin:0px}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.79;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
html {
	height: 100%;
	font-family: Meiryo,"メイリオ",Tahoma,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Verdana,"MS PGothic","ＭＳ　Ｐゴシック",sans-serif;
}
body {
	margin: 0 auto;
	font-family: Meiryo,"メイリオ",Tahoma,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Verdana,"MS PGothic","ＭＳ　Ｐゴシック",sans-serif;
	font-size: 100%;
	color: #444;
}
h1, h2, h3, h4, h5 {
	margin: 0px;
	font-size: 100%;
	font-weight: normal;
}
a {
	color: #444;
}
a:hover {
	color: #444;
	text-decoration: none;
}
a:visited {
	color: #444;
}
rp, rt {
	background: #fff;
	color: #444;
	font-size: 86%;
	font-weight: normal;
}
rp {
	margin: 0px;
}
img {
	vertical-align: middle;
}
#page {
	margin: 0 auto;
	font-size: 87.5%;
}
#head {
	width: 100%;
	margin: 0 auto;
	border-top: 5px solid #000099;
	zoom: 1;
	border-top-color: #000099;
	border-top-style: double;
	border-top-width: 8px;
}
#head:before, #head:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
#head:after {
	clear: both;
}
#head .wrap {
	width: 960px;
	margin: 0 auto;
	padding: 10px;
	zoom: 1;
}
#head .wrap:before, #head .wrap:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
#head .wrap:after {
	clear: both;
}
#head h1, #head p {
	float: left;
	padding: 12px 0;
}
#head #search {
	float: right;
	zoom: 1;
	margin-bottom: 10px;
}
#head #search:before, #head #search:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
#head #search:after {
	clear: both;
}
#head #search h2 {
	display: none;
}
#head #search form {
	zoom: 1;
	border: 1px solid #ccc;
}
#head #search form:before, #head #search form:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
#head #search form:after {
	clear: both;
}
#head #search #search-box {
	float: left;
	width: 220px;
	padding: 4px 5px;
	border: none;
}
#head #search #search-button {
	float: left;
	padding: 3px 10px;
	border: none;
	background: #333333;
	color: #fff;
}
#head #search #search-button:hover {
	background: #444;
}
#head #gnav {
	float: right;
	width: 640px;
	zoom: 1;
	border-right: 1px solid #ccc;
}
#head #gnav:before, #head #gnav:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
#head #gnav:after {
	clear: both;
}
#head #gnav h2 {
	display: none;
}
#head #gnav li {
	float: left;
}
#head #gnav li a {
	display: block;
	width: 127px;
	padding: 5px 0;
	border-left: 1px solid #ccc;
	text-align: center;
	text-decoration: none;
}
#head #gnav li a:hover {
	background: #000099;
	color: #fff;
}
/* グローバルナビのカレント削除対応のためコメントアウト
#head #gnav li.current a {
	background: #000099;
	color: #fff;
}
*/
#head #gnav li.top {
	display: none;
}
#keyvisual {
	zoom: 1;
	position: relative;
	margin-bottom: 40px;
}
#keyvisual:before, #keyvisual:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
#keyvisual:after {
	clear: both;
}
#keyvisual .camera_caption {
	position: absolute;
	top: 50px;
	left: 0;
}
#keyvisual .camera_caption > div {
	width: 50%;
	background: #fff;
	background: rgba(255,255,255,0.8);
	color: #444;
	font-size: 172%;
	text-shadow: 1px 1px 0 #fff;
}
#keyvisual .camera_wrap .camera_pag .camera_pag_ul {
	position: absolute;
	right: 0;
	bottom: 0;
}
#keyvisual .camera_wrap .camera_pag .camera_pag_ul li {
	margin: 0 5px;
	background: #000099;
}
#keyvisual .camera_wrap .camera_pag .camera_pag_ul li > span {
	top: 2px;
	left: 2px;
	width: 12px;
	height: 12px;
}
#keyvisual .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	background: #fff;
}
#wrap {
	zoom: 1;
	width: 960px;
	margin: 0 auto 40px;
}
#wrap:before, #wrap:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
#wrap:after {
	clear: both;
}
#tabs header, #inquiry header, #product header {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 2px solid #000099;
	border-bottom-color: #000099;
}
#tabs header h1, #inquiry header h1, #product header h1 {
	position: relative;
	padding-left: 20px;
	border-left: 2px solid #000099;
	overflow: hidden;
	font-size: 115%;
	border-left-color: #000099;
}
#tabs header h1:before, #inquiry header h1:before, #product header h1:before {
	content: ".";
	position: absolute;
	top: 0;
	left: 2px;
	border-left: 2px solid #000099;
	text-indent: -9999px;
}
#tabs {
	float: left;
	width: 630px;
	margin-bottom: 40px;
}
/*
#tabs header h1:after {
	content: "NEWS";
	margin-left: 20px;
	color: #ccc;
	font-size: 85%;
}
*/
#tabs .names {
	zoom: 1;
	border-bottom: 1px solid #000099;
}
#tabs .names:before, #tabs .names:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
#tabs .names:after {
	clear: both;
}
#tabs .names a {
	float: left;
	display: block;
	margin: 0 10px -1px 0;
	padding: 3px 15px 2px;
	border-bottom: 1px solid #000099;
	background: #99CCFF;
	text-align: center;
	text-decoration: none;
}
#tabs .names a.current {
	background: #000099;
	color: #fff;
}
#tabs .pages {
	margin-bottom: 10px;
}
#tabs .pages header {
	margin-bottom: 0;
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
}
#tabs .pages time {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;*;
	vertical-align: auto;
	zoom: 1;*;
	display: inline;
	width: 120px;
}
#tabs .pages h3 {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;*;
	vertical-align: auto;
	zoom: 1;*;
	display: inline;
	margin-left: 30px;
}
#tabs .view nav {
	zoom: 1;
}
#tabs .view nav:before, #tabs .view nav:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
#tabs .view nav:after {
	clear: both;
}
#tabs .more {
	float: right;
	width: 100px;
	display: block;
	padding: 3px 10px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
	position: relative;
	display: block;
	padding: 3px 10px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
	padding-right: 30px;
	background: #000099;
}
#tabs .more:after {
	content: ">";
	position: absolute;
	top: 3px;
	right: 10px;
}
#tabs .more:hover {
	background: #99CCFF;
	color: #444;
}
#tabs .rss {
	float: left;
	width: 40px;
	display: block;
	padding: 3px 10px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
	padding-left: 25px;
	background: #f08300 url(../img/ic-rss.png) no-repeat 5px center;
}
#tabs .rss:hover {
	backgroud: #f0b445;
}
#inquiry {
	float: right;
	width: 310px;
	margin-bottom: 40px;
}
#inquiry .tel {
	padding: 10px 0 10px 30px;
	font-size: 172%;
	background: url(../img/tel.png) no-repeat left center;
}
#inquiry .button a {
	display: block;
	margin-top: 10px;
	padding: 20px 0 20px 50px;
	border: 1px solid #ccc;
	background: url(../img/email.png) no-repeat 10px center;
	font-size: 115%;
	text-decoration: none;
}
#inquiry .button a:hover {
	background-color: #99CCFF;
}
#product {
	clear: both;
	zoom: 1;
	margin-bottom: 10px;
}
#product:before, #product:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
#product:after {
	clear: both;
}
#product article {
	float: left;
	width: 220px;
	margin: 0 10px;
	cursor: pointer;
}
#product article:hover h2 a {
	background: #99CCFF;
	color: #444;
}
#product article:last-child {
	margin: 0;
}
#product article.item-solution {
	background: url(../img/bg-solution.jpg) no-repeat;
}
#product article.item-software {
	background: url(../img/bg-software.jpg) no-repeat;
}
#product article.item-office {
	background: url(../img/bg-office.jpg) no-repeat;
}
#product article.item-marketing {
	background: url(../img/bg-marketing.jpg) no-repeat;
}
#product article header {
	margin: 0;
	padding: 100px 0 0;
	border: none;
}
#product article header h2 a {
	position: relative;
	display: block;
	padding: 5px 10px;
	background: #000099;
	color: #fff;
	text-decoration: none;
}
#product article header h2 a:after {
	content: ">";
	position: absolute;
	top: 5px;
	right: 10px;
}
#product article header h2 a:hover {
	background: #99CCFF;
	color: #444;
}
#connect {
	zoom: 1;
	padding: 10px;
	background: #f4f4f4;
}
#connect:before, #connect:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
#connect:after {
	clear: both;
}
#connect h1 {
	font-size: 115%;
}
#connect li {
	float: left;
	margin-right: 20px;
}
#connect li:last-child {
	margin: 0;
}
#connect li:hover {
	opacity: 0.8;
}
.pagetop {
	display: none;
	position: fixed;
	bottom: 50px;
	right: 0;
}
.pagetop a {
	position: relative;
	display: block;
	width: 70px;
	padding: 35px 5px 10px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-ms-border-radius: 5px 0 0 5px;
	-o-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	background: #444;
	background: rgba(0,0,0,0.8);
	text-align: center;
	color: #fff;
	font-size: 72%;
	text-decoration: none;
}
.pagetop a:after {
	content: "";
	position: absolute;
	top: 10px;
	left: 25px;
	width: 0;
	height: 0;
	border-right: 15px solid transparent;
	border-bottom: 20px solid #fff;
	border-left: 15px solid transparent;
}
#foot {
	border-top: 1px solid #ccc;
	border-bottom: 5px solid #000099;
}
#foot > nav {
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
#foot > nav ul {
	zoom: 1;
	width: 960px;
	margin: 0 auto;
}
#foot > nav ul:before, #foot > nav ul:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
#foot > nav ul:after {
	clear: both;
}
#foot > nav ul li {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #ccc;
}
#foot > nav ul li:last-child {
	border: none;
}
#foot .addr {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	background: #f4f4f4;
}
#foot .addr .wrap {
	zoom: 1;
	width: 960px;
	margin: 0 auto;
}
#foot .addr .wrap:before, #foot .addr .wrap:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
#foot .addr .wrap:after {
	clear: both;
}
#foot .addr .wrap dt {
	float: left;
	width: 70px;
	margin-right: 20px;
	font-weight: bold;
}
#foot .addr .wrap dd {
	float: left;
}
#foot .addr .wrap p {
	float: right;
	margin-left: 10px;
}
#foot .copyright {
	padding: 5px 0;
	text-align: center;
}
.two #main {
	float: right;
	width: 710px;
}
.two #main .released {
	margin-bottom: 10px;
	text-align: right;
}
.two #main .body h1, .two #main .body h2, .one #main .body h1, .one #main .body h2 {
	margin-bottom: 10px;
	padding: 5px 10px 3px;
	border-bottom: 1px solid #000099;
	background: #99CCFF;
	font-size: 115%;
}
.two #main .body h3, .one #main .body h3 {
	margin-bottom: 10px;
	padding: 3px 0 1px 10px;
	border-left: 3px solid #000099;
	font-size: 115%;
}
.two #main .body h4, .one #main .body h4 {
	position: relative;
	margin-bottom: 10px;
	padding-left: 15px;
	font-size: 115%;
}
.two #main .body h4:after, .one #main .body h4:after {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	display: block;
	width: 10px;
	height: 3px;
	background: #000099;
}
.two #main .body ul, .one #main .body ul {
	margin-bottom: 20px;
}
.two #main .body ul li, .one #main .body ul li {
	position: relative;
	padding-left: 18px;
	list-style-type: none;
}
.two #main .body ul li:after, .one #main .body ul li:after {
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	left: 2px;
	width: 10px;
	height: 10px;
	background: #000099;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.two #main .body ol, .one #main .body ol {
	margin-bottom: 20px;
	padding-left: 24px;
}
.two #main .body table, .one #main .body table {
	margin-bottom: 20px;
}
.two #main .body table caption, .one #main .body table caption {
	text-align: left;
}
.two #main .body table th, .two #main .body table td, .one #main .body table th, .one #main .body table td {
	padding: 3px 10px 1px;
	border: 1px solid #ccc;
}
.two #main .body table th, .one #main .body table th {
	background: #99CCFF;
	font-weight: normal;
	text-align: left;
}
.two #main .body p, .one #main .body p {
	margin-bottom: 20px;
}
.two #main .categories, .one #main .categories {
	margin-bottom: 20px;
	border-top: 1px solid #ccc;
	text-align: right;
}
.two #main .categories header, .one #main .categories header {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;*;
	vertical-align: auto;
	zoom: 1;*;
	display: inline;
	margin: 5px 0;
}
.two #main .categories .nodes, .one #main .categories .nodes {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;*;
	vertical-align: auto;
	zoom: 1;*;
	display: inline;
	margin: 5px 0;
}
.two #main .categories .nodes li, .one #main .categories .nodes li {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;*;
	vertical-align: auto;
	zoom: 1;*;
	display: inline;
	margin: 0;
	padding: 0 10px;
	border-left: 1px solid #ccc;
	border-bottom: none;
	font-size: 100%;
	font-weight: normal;
}
footer.contact h2 {
	margin-bottom: 10px;
	padding: 5px 10px 3px;
	border-bottom: 1px solid #000099;
	background: #99CCFF;
	font-size: 115%;
}
footer.contact .group {
	margin-bottom: 0;
	font-weight: bold;
}
footer.contact dl {
	display: inline-block;
	border: none;
	margin: 0 10px 0 0;
	padding: 0;
}
footer.contact dl dt, footer.contact dl dd {
	float: none;
	display: inline;
	font-weight: normal;
}
.two #side {
	float: left;
	width: 230px;
}
.sitemap #main .body ul {
	zoom: 1;
	margin-bottom: 10px;
}
.sitemap #main .body ul:before, .sitemap #main .body ul:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
.sitemap #main .body ul:after {
	clear: both;
}
.sitemap #main .body ul li {
	float: left;
	margin-bottom: 10px;
	padding: 0 20px;
	border-right: 1px solid #ccc;
}
.sitemap #main .body ul li:after {
	display: none;
}
.sitemap #main .body ul li:first-child {
	border-left: 1px solid #ccc;
}
.crumbs {
	margin-bottom: 20px;
}
#side-menu header h1 {
	margin-bottom: 20px;
	padding: 5px 10px;
	border-top: 3px solid #000099;
	border-bottom: 3px solid #000099;
	font-size: 129%;
}
#side-menu header h1.news:after {
	content: "NEWS";
	display: block;
	color: #ccc;
	font-size: 75%;
}
#side-menu header h1.company:after {
	content: "Company Profile";
	display: block;
	color: #ccc;
	font-size: 75%;
}
#side-menu header h1.product:after {
	content: "PRODUCT";
	display: block;
	color: #ccc;
	font-size: 75%;
}
#side-menu header h1.division:after {
	content: "Business Field";
	display: block;
	color: #ccc;
	font-size: 75%;
}
#side-menu header h1.case:after {
	content: "Our cases and solutions";
	display: block;
	color: #ccc;
	font-size: 75%;
}
#side-menu header h1.recruit:after {
	content: "Recruit";
	display: block;
	color: #ccc;
	font-size: 75%;
}
#side-menu .menu {
	padding: 5px;
	background: #99CCFF;
}
#side-menu .menu .cms-pages {
	margin-bottom: 2px;
}
#side-menu .menu .cms-pages:last-child {
	margin-bottom: 0;
}
#side-menu .menu h2 a {
	display: block;
	padding: 5px 10px 3px;
	background: #fff;
	text-decoration: none;
}
#side-menu .menu h2 a:hover {
	background: #000099;
	color: #fff;
}
#side-menu .menu li {
	display: none;
}
#side-menu .menu li a {
	position: relative;
	display: none;
	background: #fff;
	padding: 3px 10px 3px 30px;
	text-decoration: none;
}
#side-menu .menu li a:hover {
	color: #000099;
}
#side-menu .menu li a:hover:after {
	content: "";
	position: absolute;
	top: 12px;
	left: 10px;
	display: block;
	width: 10px;
	height: 3px;
	background: #000099;
}
/*
#side-menu .menu .current > header h2 a {
	background: #000099;
	color: #fff;
}
*/
#side-menu .menu .current li {
	display: block;
}
#side-menu .menu .current li a {
	display: block;
}
#side-menu .menu .current li.current {
	display: block;
}
#side-menu .menu .current li.current a {
	color: #000099;
}
#side-menu .menu .current li.current a:after {
	content: "";
	position: absolute;
	top: 12px;
	left: 10px;
	display: block;
	width: 10px;
	height: 3px;
	background: #000099;
}
#ss-page-name {
	position: relative;
	margin-bottom: 20px;
	padding: 7px 10px 5px 25px;
	background: #444;
	color: #fff;
	font-size: 115%;
}
#ss-page-name:before {
	content: ".";
	position: absolute;
	top: 6px;
	left: 10px;
	border-left: 2px solid #000099;
	text-indent: -9999px;
}
#ss-page-name:after {
	content: ".";
	position: absolute;
	top: 6px;
	left: 14px;
	border-left: 2px solid #000099;
	text-indent: -9999px;
}
.article-pages article, .category-pages article {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
.article-pages article time, .category-pages article time {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;*;
	vertical-align: auto;
	zoom: 1;*;
	display: inline;
	width: 120px;
}
.article-pages article h2, .category-pages article h2 {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;*;
	vertical-align: auto;
	zoom: 1;*;
	display: inline;
	margin: 0 0 0 10px;
}
.product .cms-pages, .product .category-pages {
	zoom: 1;
	position: relative;
	margin-bottom: 10px;
}
.product .cms-pages:before, .product .cms-pages:after, .product .category-pages:before, .product .category-pages:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
.product .cms-pages:after, .product .category-pages:after {
	clear: both;
}
.product .cms-pages h1, .product .category-pages h1 {
	margin-bottom: 10px;
	padding: 5px 10px 3px;
	border-bottom: 1px solid #000099;
	background: #99CCFF;
	font-size: 115%;
}
.product .cms-pages > p, .product .category-pages > p {
	position: absolute;
	top: 5px;
	right: 10px;
}
.product .cms-pages > p a, .product .category-pages > p a {
	display: block;
	padding: 3px 10px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
	position: relative;
	display: block;
	padding: 3px 10px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
	padding-right: 30px;
	background: #000099;
}
.product .cms-pages > p a:after, .product .category-pages > p a:after {
	content: ">";
	position: absolute;
	top: 3px;
	right: 10px;
}
.product .cms-pages > p a:hover, .product .category-pages > p a:hover {
	background: #99CCFF;
	color: #444;
}
.product .cms-pages > p a:hover, .product .category-pages > p a:hover {
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5) inset;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.5) inset;box-shadow:0 0 3px rgba(0,0,0,0.5) inset
}
.product .cms-pages div article, .product .cms-pages article, .product .category-pages div article, .product .category-pages article {
	position: relative;
	float: left;
	width: 210px;
	margin: 0 0 10px 10px;
	padding: 120px 10px 10px;
	border: none;
	cursor: pointer;
}
.product .cms-pages div article.item-01, .product .cms-pages article.item-01, .product .category-pages div article.item-01, .product .category-pages article.item-01 {
	background: #dedede url(../img/bg-division01.jpg) no-repeat left 3px;
}
.product .cms-pages div article.item-02, .product .cms-pages article.item-02, .product .category-pages div article.item-02, .product .category-pages article.item-02 {
	background: #dedede url(../img/bg-division02.jpg) no-repeat left 3px;
}
.product .cms-pages div article.item-03, .product .cms-pages article.item-03, .product .category-pages div article.item-03, .product .category-pages article.item-03 {
	background: #dedede url(../img/bg-division03.jpg) no-repeat left 3px;
}
.product .cms-pages div article.item-04, .product .cms-pages article.item-04, .product .category-pages div article.item-04, .product .category-pages article.item-04 {
	background: #dedede url(../img/bg-division04.jpg) no-repeat left 3px;
}
.product .cms-pages div article.item-05, .product .cms-pages article.item-05, .product .category-pages div article.item-05, .product .category-pages article.item-05 {
	background: #dedede url(../img/bg-division05.jpg) no-repeat left 3px;
}
.product .cms-pages div article.item-case01, .product .cms-pages article.item-case01, .product .category-pages div article.item-case01, .product .category-pages article.item-case01 {
	background: #dedede url(../img/bg-case01.jpg) no-repeat left 3px;
}
.product .cms-pages div article.item-case02, .product .cms-pages article.item-case02, .product .category-pages div article.item-case02, .product .category-pages article.item-case02 {
	background: #dedede url(../img/bg-case02.jpg) no-repeat left 3px;
}
.product .cms-pages div article.item-case03, .product .cms-pages article.item-case03, .product .category-pages div article.item-case03, .product .category-pages article.item-case03 {
	background: #dedede url(../img/bg-case03.jpg) no-repeat left 3px;
}
.product .cms-pages div article.item-case04, .product .cms-pages article.item-case04, .product .category-pages div article.item-case04, .product .category-pages article.item-case04 {
	background: #dedede url(../img/bg-case04.jpg) no-repeat left 3px;
}
.product .cms-pages div article.item-case05, .product .cms-pages article.item-case05, .product .category-pages div article.item-case05, .product .category-pages article.item-case05 {
	background: #dedede url(../img/bg-case05.jpg) no-repeat left 3px;
}
.product .cms-pages div article.item-case06, .product .cms-pages article.item-case06, .product .category-pages div article.item-case06, .product .category-pages article.item-case06 {
	background: #dedede url(../img/bg-case06.jpg) no-repeat left 3px;
}
.product .cms-pages div article.item-solution01, .product .cms-pages article.item-solution01, .product .category-pages div article.item-solution01, .product .category-pages article.item-solution01 {
	background: #dedede url(../img/bg-solution01.jpg) no-repeat left 3px;
}
.product .cms-pages div article.item-solution02, .product .cms-pages article.item-solution02, .product .category-pages div article.item-solution02, .product .category-pages article.item-solution02 {
	background: #dedede url(../img/bg-solution02.jpg) no-repeat left 3px;
}
.product .cms-pages div article.item-solution03, .product .cms-pages article.item-solution03, .product .category-pages div article.item-solution03, .product .category-pages article.item-solution03 {
	background: #dedede url(../img/bg-solution03.jpg) no-repeat left 3px;
}
.product .cms-pages div article.item-mobile, .product .cms-pages article.item-mobile, .product .category-pages div article.item-mobile, .product .category-pages article.item-mobile {
	background: #dedede url(../img/bg-mobile.jpg) no-repeat left 10px;
}
.product .cms-pages div article:first-child, .product .cms-pages article:first-child, .product .category-pages div article:first-child, .product .category-pages article:first-child {
	margin-left: 0;
}
.product .cms-pages div article:after, .product .cms-pages article:after, .product .category-pages div article:after, .product .category-pages article:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-bottom: 20px solid #fff;
}
.product .cms-pages div article h2 a, .product .cms-pages article h2 a, .product .category-pages div article h2 a, .product .category-pages article h2 a {
	display: block;
	padding-right: 20px;
	background: url(../img/ic-arrow.gif) no-repeat right center;
	color: #000099;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 8px;
	padding-top: 8px;
}
.product .cms-pages div article:hover, .product .cms-pages article:hover, .product .category-pages div article:hover, .product .category-pages article:hover {
	background-color: #000099;
	color: #fff;
}
.product .cms-pages div article:hover h2 a, .product .cms-pages article:hover h2 a, .product .category-pages div article:hover h2 a, .product .category-pages article:hover h2 a {
	background: url(../img/ic-arrow-w.gif) no-repeat right center;
	color: #fff;
}
.inquiry-html {
	margin-bottom: 20px;
}
.inquiry-form .columns {
	margin-bottom: 20px;
}
.inquiry-form dl {
	zoom: 1;
	padding: 15px 0;
	border-bottom: 1px dotted #ccc;
}
.inquiry-form dl:before, .inquiry-form dl:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
.inquiry-form dl:after {
	clear: both;
}
.inquiry-form dl dt {
	float: left;
	width: 230px;
	padding: 0 10px;
}
.inquiry-form dl dt .required {
	display: block;
	margin-top: 5px;
	color: #000099;
}
.inquiry-form dl dd {
	float: left;
	padding: 0 10px;
}
.inquiry-form dl dd input[type=text], .inquiry-form dl dd input[type=email] {
	width: 300px;
	padding: 5px;
}
.inquiry-form dl dd input#item_20 {
	width: 500px;
}
.inquiry-form dl dd textarea {
	width: 600px;
	min-height: 200px;
}
.inquiry-form .send {
	zoom: 1;
	margin-left: 260px;
}
.inquiry-form .send:before, .inquiry-form .send:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
.inquiry-form .send:after {
	clear: both;
}
.inquiry-form .send input {
	display: block;
	float: left;
	margin-right: 20px;
	padding: 10px 20px;
	border: none;
	background: #000099;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}
.inquiry-form .send input:hover {
	background: #99CCFF;
	color: #444;
}
.inquiry-form .errorExplanation {
	padding: 10px;
	border: 2px solid #000099;
	background: #ffffa4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.inquiry-form .errorExplanation ul li {
	position: relative;
	padding-left: 18px;
	list-style-type: none;
}
.inquiry-form .errorExplanation ul li:after {
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	left: 2px;
	width: 10px;
	height: 10px;
	background: #000099;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.inquiry-form .simple-captcha .image {
	margin-bottom: 10px;
}
.inquiry-form .simple-captcha .image img {
	border: 1px solid #ccc;
}
.inquiry-form .simple-captcha .field input {
	padding: 5px;
}
#ss-mb {
	padding: 10px;
}
#ss-mb a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 100%;
	min-width: 960px;
	padding: 8px 8px 5px;
	border: 1px solid #ccc;
	background: #f4f4f4;
	color: #444;
	text-align: center;
	text-decoration: none;
}
@media only screen and (max-width: 600px){
#head .wrap {
	width: 100%;
}
#head .wrap, #head #gnav, #wrap, #tabs, #inquiry, #foot nav ul, #foot .addr .wrap {
	float: none;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.crumbs {
	display: none;
}
#head {
	position: relative;
}
#head .wrap {
	padding: 10px 0;
}
#head h1 {
	margin-bottom: 10px;
	padding: 0 10px;
}
#head h1 img {
	width: 75%;
	height: auto;
}
#head #gnav ul {
	display: none;
	border-top: 1px solid #ccc;
}
#head #gnav ul li {
	float: none;
}
#head #gnav ul li a {
	width: 100%;
	padding: 8px 0 5px;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
#head #gnav ul .top {
	display: block;
}
#head #gnav h2 {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
	overflow: hidden;
	background-color: #99CCFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	text-indent: -9999px;
	pointer: cursor;
}
#head #gnav h2:after, #head #gnav h2:before {
	content: "";
	position: absolute;
	top: 35%;
	left: 25%;
	right: 25%;
	border: 2px solid #fff;
}
#head #gnav h2.open {
	background-color: #000099;
}
#head #gnav h2:after {
	top: 60%;
}
#head #search {
	float: none;
	clear: both;
	width: auto;
	margin-bottom: 0;
	padding: 0 10px;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#head #search h2 {
	display: block;
	position: absolute;
	top: 10px;
	right: 52px;
	width: 32px;
	height: 32px;
	overflow: hidden;
	background-color: #99CCFF;
	background-image: url(../img/ic-sr.png);
	background-repeat: no-repeat;
	background-position: 7px 6px;
	background-size: 18px 18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	text-indent: -9999px;
	pointer: cursor;
}
#head #search h2.open {
	background-color: #000099;
}
#head #search form {
	display: none;
	float: none;
	position: relative;
	zoom: 1;
}
#head #search form:before, #head #search form:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
#head #search form:after {
	clear: both;
}
#head #search form #search-box {
	width: 90%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
}
#head #search form #search-button {
	position: absolute;
	bottom: 0;
	right: 0;
	float: none;
	margin: 0;
	padding: 4px 10px 3px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
}
#camera_wrap_1 {
	height: 250px !important;
}
#keyvisual .camera_caption {
	top: 15px;
}
#keyvisual .camera_caption > div {
	width: 70%;
	font-size: 100%;
}
#keyvisual .cameraSlide {
	margin-top: 0 !important;
}
#tabs .names a {
	margin-right: 0;
	padding: 3px 0 2px;
	border-right: 1px solid #000099;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#tabs .names a:first-child {
	width: 30%;
}
#tabs .names a:nth-child(2){width:40%}
#tabs .names a:nth-child(3){width:30%;border-right:none}
#tabs .pages {
	margin: 0;
}
#tabs .pages header {
	padding: 5px 10px;
}
#tabs .pages time {
	width: 100%;
}
#tabs .pages h3 {
	margin: 0;
}
#tabs .more {
	width: 70%;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
#tabs .rss {
	width: 30%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
#inquiry {
	margin-bottom: 10px;
}
#inquiry p {
	padding: 0 10px;
}
#inquiry p.button a {
	padding: 10px 0 10px 50px;
}
#product article {
	margin: 0;
	width: 50%;
}
#product article.item-solution {
	background: none;
}
#product article.item-solution header {
	background: url(../img/bg-solution.jpg) no-repeat left top;
}
#product article.item-software {
	background: none;
}
#product article.item-software header {
	margin: 0 10px 10px 5px;
	background: url(../img/bg-software.jpg) no-repeat left top;
}
#product article.item-office {
	background: none;
}
#product article.item-office header {
	background: url(../img/bg-office.jpg) no-repeat left top;
}
#product article.item-marketing {
	background: none;
}
#product article.item-marketing header {
	margin: 0 10px 10px 5px;
	background: url(../img/bg-marketing.jpg) no-repeat left top;
}
#product article header {
	margin: 0 5px 10px 10px;
}
#product article header h2 a {
	padding-right: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#connect {
	padding-bottom: 0;
}
#connect li {
	width: 50%;
	margin: 0;
	padding: 0 5px 10px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#connect li:nth-child(2n){padding:0 0 10px 5px}
#connect li img {
	max-width: 100%;
}
.pagetop a {
	width: 40px;
	padding-top: 25px;
	color: transparent;
	text-indent: -9999px;
}
.pagetop a:after {
	top: 15px;
	left: 13px;
}
#foot .addr, #foot .copyright {
	padding: 10px;
}
.two #side {
	width: 100%;
}
.two #side #side-menu h1 {
	margin-bottom: 10px;
}
.two #side #side-menu h1:after {
	display: inline-block !important;
	margin-left: 10px;
}
.two #side .menu {
	margin-bottom: 10px;
	padding-bottom: 3px;
	zoom: 1;
}
.two #side .menu:before, .two #side .menu:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
.two #side .menu:after {
	clear: both;
}
.two #side .menu .cms-pages {
	zoom: 1;
}
.two #side .menu .cms-pages:before, .two #side .menu .cms-pages:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
.two #side .menu .cms-pages:after {
	clear: both;
}
.two #side .menu .cms-pages .cms-pages {
	float: left;
	width: 50%;
	padding-right: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.two #side .menu .cms-pages .cms-pages a {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.two #side .menu .cms-pages .cms-pages:nth-child(2n){padding:0}
.two #side .product-menu .cms-pages {
	float: left;
	width: 50%;
	padding-right: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.two #side .product-menu .cms-pages:nth-child {
	padding: 0;
}
.two #side .product-menu .cms-pages a {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#side-menu .menu .current li, #side-menu .menu .current li.current {
	display: none;
}
.two #main {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.article-pages article, .category-pages article {
	padding: 5px 10px;
}
.article-pages article time, .category-pages article time {
	display: block;
	width: 100%;
}
.article-pages article h2, .category-pages article h2 {
	margin: 0;
}
#main .body, footer.contact {
	padding: 10px;
}
.product .cms-pages div article, .product .cms-pages article, .product .category-pages div article, .product .category-pages article {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 10px !important;
	padding: 10px 10px 10px 130px;
	background-size: 120px auto !important;
}
.inquiry-html {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 10px 0;
	padding: 0 10px;
}
.inquiry-form {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
}
.inquiry-form dl dt, .inquiry-form dl dd {
	float: none;
	width: 100%;
	padding: 0;
}
.inquiry-form dl dt input, .inquiry-form dl dt textarea, .inquiry-form dl dd input, .inquiry-form dl dd textarea {
	width: 100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.inquiry-form dl dt textarea, .inquiry-form dl dd textarea {
	min-height: 100px;
}
.inquiry-form .send {
	margin: 0;
}
.inquiry-form .send input {
	margin: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
}
#ss-page-name {
	margin-bottom: 0;
}
#ss-pc, #ss-mb {
	padding: 10px;
}
#ss-pc a, #ss-mb a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 8px 8px 5px;
	border: 1px solid #ccc;
	background: #f4f4f4;
	color: #444;
	text-align: center;
	text-decoration: none;
}
}
#text {
	padding-left: 20px;
}