@charset "UTF-8";
/*コメント*/
/* ----------------------------------------------------------------

	0 base

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


@font-face {
	font-family: 'FontAwesome';
	src: url('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts/fontawesome-webfont.eot?v=4.0.3');
	src: url('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),
		url('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),
		url('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),
		url('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
html {
	height: 100%;
	background-color: #fff;
}

body {
	font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Verdana, sans-serif;
	line-height: 1.6;
	color: #535353;
	background-color: #fff;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

a {
	color: #535353;
	text-decoration:underline
}

a:link, a:visited, div.side .siblings li a:hover, div.side .siblings li a:active, #myList div.message .undo {
	color: #535353;
}

a:hover {
	color: #084a94
}

a img {
	border: none;
}

/*clearfix*/
.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}

p {
	margin: 0;
}

.ss {
	font-size: 0.8em;
}

.s {
	font-size: 0.9em;
}

.m {
	font-size: 1rem;
}

.l {
	font-size: 1.2em;
}

.ll {
	font-size: 1.4em;
}

.a-center {
	text-align: center;
}

.a-right {
	text-align: right;
}

.a-left {
	text-align: left;
}

.accent {
	color: #B12C1B;
}

strong {
	font-weight: bold;
	color: initial;
}

#contents,
#header .inner,
#header div.globalNavi ul,
#footer {
	margin-left: auto;
	margin-right: auto;
	width: auto;
}

#header .inner,
#header div.globalNavi ul {
	display: none;
}
/* h1#logo{
	display: none;
}

/*--------------------------------------------
■［画像］
--------------------------------------------*/

img {
	vertical-align: bottom;
	width: auto;
	height: auto;
	max-width: 100%;
}




/*--------------------------------------------
■［フォーム］
--------------------------------------------*/


form {
	margin: 0;
	padding: 0;
	display: inline;
}

select,
textarea,
input {
	font-size: 1em;
	font-weight: normal;
}

input[type="button"], input[type="submit"] {
	-webkit-appearance: none;
}

.noborder {
	border: none !important;
}

input {
	vertical-align: middle;
}

select {
	padding: 0.6em;
	min-height: 1em;
	margin: 0 0.25em 0.25em 0;
	color: #333;
	box-sizing: border-box;
	width: 100%;
}

input[type="text"],
input[type="password"],
textarea {
	padding: 0.6em;
	background-color: #fff;
	min-height: 1em;
	margin: 0;
	color: #333;
	border-radius: 0.2em;
	box-sizing: border-box;
	border: 1px solid #d5d5d5;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
	line-height: 1;
}

textarea {
	line-height: 1.3;
}

td input[type="text"],
td input[type="password"]{
	width: 100%;
}

label {
	margin: 0 1.5em 0.25em 0;
	display: inline-block;
}

label input {
	margin-right: 0.5em;
	vertical-align: middle;
}



/*--------------------------------------------
■［回り込み］
--------------------------------------------*/

.clearfix:after,
.cf:before,
.cf:after {
	display: block;
	clear: both;
	content: "";
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}
.clearfix:after {
	display: block;
	clear: both;
	content: "";
}

.f-left {
	float: left;
}

p.f-left {
	margin-right: 2em;
}

.f-right {
	float: right;
}

p.f-right {
	margin-left: 2em;
}

.f-clear {
	clear: both;
}

.a-left {
	text-align: left;
}


.a-right {
	text-align: right;
}


.a-center {
	text-align: center;
}


/*--------------------------------------------
■［アイコン］
--------------------------------------------*/

.icon {
	padding: inherit;
	border: none;
	display: inherit;
	min-width: inherit;
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	line-height: inherit;
	background-color: inherit;
	font-size: inherit;
	text-align: inherit;
	font-weight: inherit;
}

.icon.left:before, .icon.right:after {
	font-family: 'FontAwesome';
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.2em;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	-ms-interpolation-mode: bicubic;
}

.icon.left:before {
	margin-right: 0.5em;
}

.icon.right:after {
	margin-left: 0.5em;
}

.icon.pdf.left:before, .icon.pdf.right:after {
	content: "\f1c1";
	color: #e21c24;
}

.icon.doc.left:before, .icon.doc.right:after {
	content: "\f1c2";
	color: #0055a8;
}

.icon.xls.left:before, .icon.xls.right:after {
	content: "\f1c3";
	color: #008638;
}

.icon.ppt.left:before, .icon.ppt.right:after {
	content: "\f1c4";
	color: #ff3700;
}

.icon.pct.left:before, .icon.pct.right:after {
	content: "\f1c5";
	color: #efa815;
}

.icon.archive.left:before, .icon.archive.right:after {
	content: "\f1c6";
	color: #a37000;
}

.icon.video.left:before, .icon.video.right:after {
	content: "\f16a";
	color: #e21c24;
}

.icon.contact.left:before, .icon.contact.right:after,
.icon.mail.left:before, .icon.mail.right:after {
	content: "\f003";
}

.icon.blank.left:before, .icon.blank.right:after {
	content: "\f08e";
	font-size: 0.7em;
	vertical-align: text-top;
}

.icon.next.left:before, .icon.next.right:after {
	content: "\f0a9";
}

.icon.prev.left:before, .icon.prev.right:after {
	content: "\f0a8";
}

.icon.up.left:before, .icon.up.right:after {
	content: "\f106";
}

.icon.up2.left:before, .icon.up2.right:after {
	content: "\f0aa";
}

.icon.down.left:before, .icon.down.right:after {
	content: "\f107";
}

.icon.tel.left:before, .icon.tel.right:after {
	content: "\f095";
}

.icon.calendar.left:before, .icon.calendar.right:after {
	content: "\f073";
}

.icon.instagram.left:before, .icon.instagram.right:after {
	content: "\f16d";
}

.icon.twitter.left:before, .icon.twitter.right:after {
	content: "\f099";
}

.icon.facebook.left:before, .icon.facebook.right:after {
	content: "\f09a";
}

.icon.search.left:before, .icon.search.right:after {
	content: "\f002";
}

.icon.checksquare.left:before, .icon.checksquare.right:after {
	content: "\f046";
}

.icon.home.left:before, .icon.home.right:after {
	content: "\f015";
}

.icon.plus.left:before, .icon.plus.right:after {
	content: "\f055";
}

.icon.minus.left:before, .icon.minus.right:after {
	content: "\f056";
}

.icon.question.left:before, .icon.question.right:after {
	content: "\f059";
}

.icon.requirements.left:before, .icon.requirements.right:after {
	content: "\f109";
}

.icon.notesonuse.left:before, .icon.notesonuse.right:after {
	content: "\f071";
}

.icon.new.left:before, .icon.new.right:after {
	content: "\f0a3";
}

.icon.maker.left:before, .icon.maker.right:after {
	content: "\f1ad";
}

.icon.category.left:before, .icon.category.right:after {
	content: "\f07c";
}

.icon.print.left:before, .icon.print.right:after {
	content: "\f02f";
}

.icon.crop.left:before, .icon.crop.right:after {
	content: "\f125";
}

.icon.download.left:before, .icon.download.right:after {
	content: "\f019";
}

.icon.binder.left:before, .icon.binder.right:after {
	content: "\f0ea";
}



/*--------------------------------------------
■［リスト］
--------------------------------------------*/

ul.disc {
	margin-bottom: 2em;
}

ul.disc li {
	margin: 0 0 0.3em 2em;
	position: relative;
	line-height: 1.5;
}

ul.disc > li:before {
	content: "●";
	color: #004896;
	font-size: 0.6em;
	position: absolute;
	left: -2em;
	margin-top: 0.4em;
}

ol.decimal {
	margin: 0px 0px 2em 2em;
	padding: 0px;
}

ol.decimal > li {
	margin: 0px 0px 0.5em 0.5em;
	list-style-type: decimal;
}

ul.disc.gray > li:before {
	color: #898d8f !important;
}

p.icon-kome {
	position: relative;
	padding-left: 1.5em;
}

p.icon-kome:before {
	content: "＊";
	color: #e61620;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}




/*--------------------------------------------
■［ヘッダー］
--------------------------------------------*/

header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 56px;
	background: #fff;
	z-index: 100;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

header div#header-contenner {
	position: relative;
	padding: 12px 10px;
}

header a {
	color: #000;
	text-decoration: none;
}

header h1 {
	margin: 0;
}
header h1 img {
	height: 34px;
	width: auto;
	display: inline-block;
	vertical-align: middle;
}
header h1 span {
	display: none;
}
header h4 {
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	right: 10px;
	top: 8px;
	margin: 0;
	color: #fff;
	background-color: #004896;
	line-height: 40px;
}
header h4:before {
	font-family: 'FontAwesome';
	content: "\f0c9";
}
header h4.active:before {
	content: "\f00d";
}
header div#header-gmenu {
	position: absolute;
	left: 0;
	right: 0;
	top: 56px;
	background-color: #fff;
	display: none;
}
header div#header-gmenu ul {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
header div#header-gmenu ul li {
	margin: 0;
	border-top: 1px solid #e5e5e5;
}
header div#header-gmenu ul li a,
header div#header-gmenu ul li span {
	display: block;
	padding: 10px;
	position: relative;
	border: none;
	font-size: 1em;
}
header div#header-gmenu ul li a:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1em;
	height: 1em;
	color: #ccc;
	line-height: 1;
	text-align: center;
}

.overlay {
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 0;
	z-index: 90;
}


/*--------------------------------------------
■［フッター］
--------------------------------------------*/

footer {
	border-top: 1px solid #e5e5e5;
	padding: 20px 10px;
}

footer a {
	color: #000;
	text-decoration: none;
}
div#footer-contenner p {
	font-size: 0.8em;
	margin: 0 0 1em 0;
	text-align: center;
}
div#footer-contenner p img {
	height: 2.6em;
	width: auto;
}
p#pagetop {
	width: 26px;
	height: 26px;
	background-color: #004896;
	position: fixed;
	right: 10px;
	bottom: 10px;
	text-align: center;
	line-height: 26px;
	color: #fff;
	cursor: pointer;
}

p#pagetop:before {
	font-family: 'FontAwesome';
	content: "\f106";
}


/*--------------------------------------------
■［サイドナビ］
--------------------------------------------*/

div#sidemenu {
	margin: 2em 0;
	padding: 10px;
	width: auto;
	float: none;
}

div#sidemenu div#sub {
	margin: 0;
	width: auto;
	float: none;
}

div.side, #extra {
	float: none;
	width: auto;
	clear: none;
}

div.side div.section {
	padding: 0;
	background-image: none;
}

div#sidemenu div#sub > ul > li {
	border-top: 1px solid #e5e5e5;
	margin-bottom: 1.5em;
	padding-top: 1.5em;
}

div#sidemenu div#sub > ul > li h2 {
	font-size: 1.2em;
	color: #333;
	margin: 0 0 0.5em 0;
	background-image: none;
	display: block;
	text-align: left;
	margin: 0 0 0.5em 0;
	padding: 0;
}

div#sidemenu div#sub > ul > li h2 span {
	margin: 0;
	padding: 0;
	display: inline;
	background-image: none;
}

div.section#keywordSearchSideCatalog {
	padding: 0;
	width: auto;
	height: auto;
	background: none;
}

div#sidemenu div#sub > ul > li.keywordSearchSideCatalog h2:before {
	font-family: 'FontAwesome';
	content: "\f002";
	margin-right: 0.3em;
	color: #004896;
}

div#sidemenu div#sub > ul > li.keywordSearchSideCatalog input.keyword {
	width: 80%;
	background-image: none;
}

div#sidemenu div#sub > ul > li.keywordSearchSideCatalog button {
	background-color: #004896;
	color: #fff;
	border: none;
	border-radius: 0.2em;
	padding: 0.6em;
	line-height: 1;
}

div#sidemenu div#sub > ul > li.keywordSearchSideCatalog input[type=radio] {
	display: none;
}

div#sidemenu div#sub > ul > li.keywordSearchSideCatalog input[type=submit] {
	display: none;
}

div#sidemenu div#sub > ul > li.keywordSearchSideCatalog ul.scope {
	margin: 0;
	padding: 0;
}

div#sidemenu div#sub > ul > li.keywordSearchSideCatalog ul.scope li {
	display: inline-block;
	margin-right: 1em;
}

div#sidemenu div#sub > ul > li.sideMybinder,
div#sidemenu div#sub > ul > li.sideOtherCatalogs {
	display: none;
}

div#sidemenu div#sub > ul > li.sideMybinder h2:before {
	font-family: 'FontAwesome';
	content: "\f0ea";
	margin-right: 0.3em;
}

div#sidemenu div#sub > ul > li.sideMybinder a.ca {
	background-image: none;
	padding: 0;
	margin: 0;
	text-decoration: none;
}

div#sidemenu div#sub > ul > li.sideMybinder a.ca:before {
	font-family: 'FontAwesome';
	content: "\f0a9";
	margin-right: 0.3em;
}

div#extra {
	padding: 10px;
}

div#extra div.categoryBox {
	background-color: #fff;
	margin: 0 0 1.5em;
}

div#extra div.categoryBox h2 {
	display: block;
	background-image: none;
	margin: 0;
	padding: 0.5em;
	font-size: 1.1em;
	background-color: #004896;
	color: #fff;
	position: relative;
	border-radius: 0;
	pointer-events: auto;
}

div#extra div.categoryBox h2:after {
	font-family: 'FontAwesome';
	position: absolute;
	content: "\f107";
	right: 0.5em;
	top: 0;
	bottom: 0;
	width: 1em;
	height: 1em;
	line-height: 1;
	margin: auto;
	color: #fff;
}

div#extra div.categoryBox h2.open:after {
	content: "\f106";
}

div#extra div.categoryBox div.inner {
	margin: 0;
	padding: 10px;
	display: none;
	background-color: #ededed;
	background-image: none;
}

div#extra div.categoryBox div.inner > ul {
	margin: 0;
	padding: 0;
	border-top: 1px dotted #e5e5e5;
	background-color: #fff;
}

div#extra div.categoryBox div.inner ul ul {
	margin-left: 1em;
	display: none;
}

div#extra div.categoryBox div.inner ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #e5e5e5;
	position: relative;
}

div#extra div.categoryBox div.inner ul li:last-child {
	border-bottom: none;
}

div#extra div.categoryBox div.inner ul li strong,
div#extra div.categoryBox div.inner ul li a {
	display: block;
	padding: 0.5em;
	padding-left: 2em;
	text-decoration: none;
	font-weight: normal;
}

div#extra div.categoryBox div.inner ul li strong:after,
div#extra div.categoryBox div.inner ul li a:after {
	font-family: 'FontAwesome';
	position: absolute;
	left: 1em;
	top: 0.75em;
	margin: auto;
	content: "\f0da";
	width: 1em;
	height: 1em;
	line-height: 1;
	color: #004896;
}

div#extra div.categoryBox div.inner ul li strong:after {
	content: "\f0d7";
	color: #333;
}

div#extra div.categoryBox div.inner ul li span.accordion {
	width: 2em;
	height: 2em;
	position: absolute;
	right: 0;
	top: 0.25em;
	text-align: center;
	line-height: 2;
}

div#extra div.categoryBox div.inner ul li span.accordion:before {
	font-family: 'FontAwesome';
	content: "\f055";
	color: #004896;
}

div#extra div.categoryBox div.inner ul li span.accordion.active:before {
	content: "\f056";
	color: #ccc;
}

div#extra div#display {
	margin: 0 0 1rem 0;
	padding: 0;
	font-size: 0;
}

div#extra div#display > p {
	width: 20%;
	display: inline-block;
	font-size: 1.4rem;
	text-align: right;
	padding-right: 1em;
}

div#extra div#display > div {
	width: 80%;
	display: inline-block;
}

div#extra div#display > div p {
	font-size: 1.4rem;
	width: 50%;
	display: inline-block;
	text-align: center;
	background-color: #ededed;
	padding: 1em;
	font-weight: normal;
	border: 1px solid #ededed;
}

div#extra div#display > div p:first-child {
	border-radius: 0.2em 0 0 0.2em;
	background-color: #fff;
}

div#extra div#display > div p:last-child {
	border-radius: 0 0.2em 0.2em 0;
}

#sidemenu #keywordSearchSide ul:first-of-type{
	display:none;
}



/*--------------------------------------------
■［本文］
--------------------------------------------*/

div#container {
	padding: 66px 10px 1em 10px;
}

div#main {
	float: none;
	width: auto;
	padding: 10px;
}

#lead {
	margin-bottom: 0px;
}

div#lead img{
	display: none;
}

p {
	margin: 0;
}

ol.breadcrumbs {
	display: none;
}

p.skipToTop {
	display: none;
}

ul.localNavi {
	display: none;
}


/*--------------------------------------------
■［見出し］
--------------------------------------------*/


div#lead h1 {
	font-weight: bold;
	text-align: center;
	color: #004896;
	font-size: 1.6em;
	border: none;
	margin: 1em 0 0.5em 0;
	padding: 0;
}

div.catalogSearchCategoryList div#lead h1 {
	display: none;
}



/*--------------------------------------------
■［一覧］
--------------------------------------------*/

div.section {
	padding: 0;
	margin: 0 0 1.5em 0;
}

div.section h2 {
	font-weight: bold;
	text-align: center;
	color: #004896;
	font-size: 1.6em;
	border: none;
	margin: 1em 0 0.5em 0;
	padding: 0;
	border: none;
	pointer-events: none;
}

div.section h2 span {
	border: none;
	padding: 0;
	margin: 0;
	display: inline;
}

p.catalog-nallow {
	background-color: #ededed;
	padding: 0.5em;
}

div.section div.viewBlock {
	background-color: transparent;
	padding: 0;
	margin: 0;
}

div.viewBlock.half ul.heightfix {
	padding: 0;
	margin: 0;
}

div.viewBlock.half ul.heightfix > li.article {
	padding: 0;
	margin: 0;
	border-top: 1px solid #e5e5e5;
	margin-bottom: 1em;
	padding-top: 1em;
	float: none;
	width: auto;
	float: none;
	background-image: none;
}

div.viewBlock.half ul.heightfix > li.article:first-child {
	border-top: none;
}

div.viewBlock.half ul.heightfix > li.article div.wrapper {
	margin: 0;
	padding: 0;
	background-image: none;
}

div.viewBlock.half ul.heightfix > li.article div.wrapper:after,
div.viewBlock.half ul.heightfix > li.article div.inner:after {
	content: "";
	clear: both;
	display: block;
}

div.viewBlock.half ul.heightfix > li.article div.wrapper h3 {
	font-size: 1.1em;
	margin: 0 0 0.5em 0;
	line-height: 1.4;
	padding: 0;
	background-image: none;
}

div.viewBlock.half ul.heightfix > li.article  div.wrapper div.inner {
	margin: 0;
	padding: 0;
}

div.viewBlock.half ul.heightfix > li.article  div.wrapper div.image {
	width: 30%;
	float: left;
	text-align: center;
	position: relative;
}

div.viewBlock.half ul.heightfix > li.article div.wrapper div.image a.image {
	display: block;
	margin-bottom: 1.3em;
	border: 1px solid #e5e5e5;
}

div.viewBlock.half ul.heightfix > li.article div.wrapper div.image a.image img {
	width: 100%;
	height: auto;
}

div.viewBlock.half ul.heightfix > li.article div.wrapper ul.spec {
	margin: 0 0 0.5em 0;
}

div.viewBlock.half ul.heightfix > li.article div.wrapper ul.spec li {
	margin: 0 0 0.3em 0;
	line-height: 1.3;
}

div.viewBlock.half ul.heightfix > li.article div.wrapper div.function p {
	border: 0.2em;
	display: inline-block;
	margin-right: 0.2em;
	border: 1px solid #004896;
	background-color: #fff;
	color: #004896;
	padding: 0.5em 0.8em;
	width: auto;
	font-weight: normal;
	line-height: 1;
	font-size: 0.9em;
	background-image: none;
	text-indent: 0;
	height: auto;
}

div.viewBlock.half ul.heightfix > li.article div.wrapper div.function p.catalogview_mini_text {
	background-color: #004896;
	color: #fff;
}

div.viewBlock.half ul.heightfix > li.article div.wrapper div.function p:before {
	font-family: 'FontAwesome';
	margin-right: 0.3em;
}

div.viewBlock.half ul.heightfix > li.article div.wrapper div.function p.catalogview_mini_text:before {
	content: "\f02d";
}

div.viewBlock.half ul.heightfix > li.article div.wrapper div.function p.index_mini_text:before {
	content: "\f03a";
}

div.viewBlock.half ul.heightfix > li.article div.wrapper div.function p.catalogview_mini_text:after {
	content: "見る";
}

div.viewBlock.half ul.heightfix > li.article div.wrapper div.function p.index_mini_text:after {
	content: "目次";
}

div.viewBlock.half ul.heightfix > li.article div.wrapper div.function p img {
	display: none;
}

div.viewBlock.half ul.heightfix > li.article div.wrapper div.description {
	width: 66%;
	float: right;position: relative;padding-top: 2em;
}

div.viewBlock.half ul.heightfix > li.catalog div.wrapper div.description:before  {
	content: "カタログ";
	font-size: 0.8em;
	background-color: #106cd3;
	color: #fff;
	padding: 0.4em 4.4em;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	line-height: 1;
	border-radius: 0.2em;
}

div.viewBlock.half ul.heightfix > li.flyer > div.wrapper div.description:before {
	content: "チラシ";
	font-size: 0.8em;    
	background-color: #3949ab;
	color: #fff;
	padding: 0.4em 4.4em;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	line-height: 1;
	border-radius: 0.2em;
}





/*--------------------------------------------
■［検索結果］
--------------------------------------------*/

div#searchResult div.searchCondition {
	background-image: none;
	background-color: #ededed;
	border: none;
	padding: 10px;
	margin: 0 0 1em 0;
}

div#searchResult div.searchCondition h2 {
	display: inline-block;
	font-size: 1.6rem;
	margin: 0;
	padding: 0;
}

div#searchResult div.searchCondition h2 span {
	background-image: none;
	display: inline;
	text-indent: 0;
	color: inherit;
}

div#searchResult div.searchCondition dl {
	margin: 0;
	padding: 0;
}

div#searchResult div.searchCondition dl dt {
	display: inline;
	margin: 0;
	padding: 0;
	float: none;
	position: relative;
}

div#searchResult div.searchCondition dl dt:after {
	content: ": ";
	margin-right: 1em;
}

div#searchResult div.searchCondition dl dd {
	display: inline;
	margin: 0;
	padding: 0;
	float: none;
	position: relative;
	width: auto;
	top: auto;
	left: auto;
	text-align: left;
}

div#searchResult div.searchResultCatalogSummary {
	display: none;
}

div#searchResultStatus {
	background-image: none;
	background-color: transparent;
	color: #000;
	padding: 0.5em;
	margin: 0 0 1em 0;
	border: 1px solid #e5e5e5;
	text-align: center;
}

div#searchResultStatus p {
	font-weight: normal;
	margin: 0;
	padding: 0;
}

div#searchResultStatus div.count {
	float: none;
	width: auto;
}


div.pager {
	margin: 1em 0;
	text-align: center;
}

div.pager ol,
div.pager p {
	display: inline-block;
	margin: 0.2em 0.5em;
	text-indent: inherit;
	background-image: none !important;
	padding: 0 !important;
	font-weight: normal !important;
	position: relative;
	font-size: 11px;
	list-style: none;
}
div.pager p a {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
div.pager p.disabled {
	opacity: 0.5;
}

div.pager img {
	display: none;
}
div.pager p.begin:after {
	content: "最初へ";
}
div.pager p.begin:before {
	font-family: 'FontAwesome';
	content: "\f0d9\f0d9";
	color: #004896;
	margin-right: 0.3em;
}
div.pager p.prev:after {
	content: "次へ";
}
div.pager p.prev:before {
	font-family: 'FontAwesome';
	content: "\f0d9";
	color: #004896;
	margin-right: 0.3em;
}
div.pager p.end:after {
	font-family: 'FontAwesome';
	content: "\f0da\f0da";
	color: #004896;
	margin-left: 0.3em;
}
div.pager p.end:before {
	content: "最後へ";
}
div.pager p.next:after {
	font-family: 'FontAwesome';
	content: "\f0da";
	color: #004896;
	margin-left: 0.3em;
}
div.pager p.next:before {
	content: "次へ";
}
div.pager ol li {
	margin: 0.2em;
	min-width: 2.5em;
	text-align: center;
	font-weight: normal;
	font-size: 0.8em;
}
div.pager ol li a,
div.pager ol li span.current {
	display: block;
	padding: 0.5em 0;
	color: #fff;
	background-color: #004896;
	border-radius: 0.2em;
}
div.pager ol li span.current {
	color: #999;
	background-color: #e5e5e5;
	border: none !important;
}
div.pager ol li a:hover {
	color: #fff;
	background-color: #004896;
	border: none !important;
}

div#searchResult div#articles ul li.article {
	background-image: none;
	width: auto;
	float: none;
	margin: 0 0 1em 0;
	border: 1px solid #e5e5e5;
}

div#searchResult div#articles ul li.article div.wrapper.hf {
	background-image: none;
	width: auto;
	font-size: 1.2em;
}

div#searchResult div#articles ul li.article div.wrapper.hf h3 {
	font-size: 1.1em;
	padding: 0.5em;
	margin: 0 0 0.5em 0;;
	background-color: #ededed;
	background-image: none;
}

div#searchResult div#articles ul li.article div.wrapper.hf h3 a {
	color: #004896;
	display: block;
	position: relative;
	text-decoration: none;
}

div#searchResult div#articles ul li.article div.wrapper.hf h3 a:after {
	font-family: 'FontAwesome';
	line-height: 1;
	position: absolute;
	right: 0;
	font-weight: normal;
	top: 0;
	bottom: 0;
	width: 1em;
	height: 1em;
	content: "\f105";
	margin: auto;
	text-align: right;
}

div#searchResult div#articles ul li.article div.wrapper.hf ol {
	margin: 0 0 0.5em 0;
	font-size: 0.8em;
}

div#searchResult div#articles ul li.article div.wrapper.hf ol.catalogcategory li {
	margin: 0 0 0.25em 0;
}

div#searchResult div#articles ul li.article div.wrapper.hf div.image {
	width: auto;
	margin: 0 0 0.5em 0;
}

div#searchResult div#articles ul li.article div.wrapper.hf div.image ol.pages {
	width: auto;
	margin: 0;
	padding: 0;
	background-color: #ededed;
	font-size: 0;
}

div#searchResult div#articles ul li.article div.wrapper.hf div.image ol.pages li {
	width: 50%;
	display: inline-block;
}

div#searchResult div#articles ul li.article div.wrapper.hf div.image ol.pages li div.btn.cv.catalog {
	display: inline;
}

div#searchResult div#articles ul li.article div.wrapper.hf div.image ol.pages li div.btn.cv.catalog img {
	width: 100%;
	height: auto;
}

div#searchResult div#articles ul li.article p.function {
	margin: 0 10px;
	padding: 0;
	font-size: 0;
	width: auto;
}

div#searchResult div#articles ul li.article p.function span.addMyBinder {
    display:none;
}

div#searchResult div#articles ul li.article p.function span {
	width: 100%;
	margin: 0;
	display: inline-block;
	float: none;
	border: 1px solid #004896;
	background-image: none;
	color: #004896;
	text-indent: inherit;
	height: auto;
	text-align: center;
	font-weight: normal;
	padding: 0.5em;
	font-size: 1.2rem;
	border-radius: 0.2em 0 0 0.2em;
}

div#searchResult div#articles ul li.article p.function span:last-child {
	border-radius: 0 0.2em 0.2em 0;
}

div#searchResult div#articles ul li.article p.function span:before {
	font-family: 'FontAwesome';
	content: "\f0ea";
	margin-right: 0.3em;
}

div#searchResult div#articles ul li.article p.function span:last-child:before {
	content: "\f019";
}




/*--------------------------------------------
■［詳細］
--------------------------------------------*/

div.catalogDetail div#lead h1 {
	font-size: 1.3em;
	font-weight: bold;
	color: #004896;
	margin: 1em 0 1em 0;
	text-align: left;
}

div.catalogDetail div#overview {
	margin: 0 0 1.5em 0;
	background-color: #fff;
	padding: 0;
}

div.catalogDetail div#overview h2 {
	display: none;
}

div.catalogDetail div#overview div.detail:after {
	content: "";
	clear: both;
	display: block;
}

div.catalogDetail div#overview div.detail div.image {
	width: 30%;
	float: left;
	text-align: center;
	margin-bottom: 1.5em;
	border: 1px solid #e5e5e5;
	position: relative;
}

div.catalogDetail div#overview div.detail div.image img {
	width: 100%;
	height: auto;
}

div.catalogDetail div#overview div.detail div.description {
	width: 66%;
	float: right;
	margin-bottom: 1.5em;
}

div.catalogDetail div#overview div.detail div.description p {
	margin: 0 0 1em 0;
}

div.catalogDetail div#overview div.detail div.description table {
	border: 1px solid #cbcbcb;
	margin: 0 0 1em 0;
	font-size: 0.8em;
	line-height: 1.3;
}

div.catalogDetail div#overview div.detail div.description table tr {
	border-bottom: 1px solid #cbcbcb;
}

div.catalogDetail div#overview div.detail div.description table tr th {
	border-top: 1px solid #fff;
	background-color: #7e7e7e;
	padding: 1em;
	color: #fff;
	font-weight: bold;
	width: 30%;
}

div.catalogDetail div#overview div.detail div.description table tr td {
	border-top: 1px solid #7e7e7e;
	background-color: #fff;
	padding: 1em;
	font-weight: normal;
}

div.catalogDetail div#overview div.detail div.description table tr:first-child th,
div.catalogDetail div#overview div.detail div.description table tr:first-child td {
	border-top: none;
}

div.catalogDetail div#overview div.function {
	margin: 0;
	padding: 0;
}

div.catalogDetail div#overview div.function p.btn {
	margin: 0 0 0.3em 0;
	background-color: #004896;
	background-image: none;
	padding: 0.5em;
	margin: 0 0 0.5em 0;
	width: auto;
	height: auto;
	border-radius: 0.2em;
	color: #fff;
	text-indent: 0;
	font-size: 1em;
	text-align: center;
	font-weight: normal;
}

div.catalogDetail div#overview div.function span.btn {
	margin: 0 0 0.3em 0;
	background-color: #004896;
	background-image: none;
	padding: 0.5em;
	margin: 0 0 0.5em 0;
	width: auto;
	height: auto;
	border-radius: 0.2em;
	color: #fff;
	text-indent: 0;
	font-size: 1em;
	text-align: center;
	font-weight: normal;
}

div.catalogDetail div#overview div.function span.pdfCatalogFileSize {
	display:none;
}

div.catalogDetail div#overview div.function p.btn:before {
	font-family: 'FontAwesome';
	margin-right: 0.5em;
}

div.catalogDetail div#overview div.function p.btn.catalogview_middle_text:before {
	content: "\f02d";
}

div.catalogDetail div#overview div.function p.btn.btn-pdfdownload:before {
	content: "\f019";
}

div.catalogDetail div#index {
	margin: 0 0 1.5em 0;
	background-color: #fff;
}

div.catalogDetail div#index h2 {
	font-size: 1.1em;
	font-weight: bold;
	background-color: #ededed;
	padding: 0.5em;
	border: none;
	margin: 2em 0 1em 0;
	text-align: left;
	color: #666;
}

div.catalogDetail div#index div.catalogIndex div.catalogIndexContents {
	width: auto;
	margin: 0 0 0 10px;
	padding: 0;
	border: none;
}

div.catalogDetail div#index div.catalogIndex div.catalogIndexContents > ul {
	width: auto;
	margin: 0;
	padding: 0;
	background-color: transparent;
}

div.catalogDetail div#index div.catalogIndex div.catalogIndexContents > ul > li {
	width: auto;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
	height: auto;
}

div.catalogDetail div#index div.categoryNode {
	background-color: transparent;
	width: auto;
	margin: 0;
	padding: 0;
	border: 1px solid #ededed;
	display: block;
	float: none;
}

div.catalogDetail div#index div.categoryNode div.title {
	background-color: transparent;
	width: auto;
	margin: 0;
	border: none;
	background-color: #ededed;
	float: none;
	padding: 1em;
	display: block;
}

div.catalogDetail div#index div.categoryNode div.title a {
	font-weight: normal;
	color: #333;
	display: block;
	position: relative;
}

div.catalogDetail div#index div.categoryNode div.title a:before {
	font-family: 'FontAwesome';
	content: "\f0da";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 1em;
	height: 1em;
	text-align: center;
	margin: auto;
	color: #004896;
}

div.catalogDetail div#index div.categoryNode div.function {
	background-color: transparent;
	width: auto;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	float: none;
	padding: 1em;
	background-color: #fff;
}

div.catalogDetail div#index div.categoryNode div.function ul.buttons {
	width: auto;
	margin: 0;
	padding: 0;
	font-size: 0;
}

div.catalogDetail div#index div.categoryNode div.function ul.buttons li {
	display: inline-block;
	margin-right: 1.5em;
	background-image: none;
	text-indent: inherit;
	font-size: 1.2rem;
	color: #333;
	width: auto;
	font-weight: normal;
}

div.catalogDetail div#index div.categoryNode div.function ul.buttons li.mybinder_mini_text {
	display: none;
}

div.catalogDetail div#index div.categoryNode div.function ul.buttons li:before {
	font-family: 'FontAwesome';
	margin-right: 0.3em;
	color: #004896;
}

div.catalogDetail div#index div.categoryNode div.function ul.buttons li.download_pdf_mini_text:before {
	content: "\f019";
}

div.catalogDetail div#index div.categoryNode div.function ul.buttons li.catalogview_mini_text:before {
	content: "\f02d";
}

div.catalogDetail div#mainSpec_001 {
	display: none;
}

.viewBlock.half.catalogPage li.article ol.hit {
	width: auto;
}

.viewBlock.half.catalogPage li.article ol.nombre li {
    width: auto;
}

/*--------------------------------------------
■［使い方］
--------------------------------------------*/

div.section {
    padding: 0;
    margin: 0 0 1.5em 0;
}

div#howto div#index {
    margin: 0 0 1.5em 0;
    background-color: #fff;
}

div#howto div#index h2 {
    font-size: 1.1em;
    font-weight: bold;
    background-color: #ededed;
    padding: 0.5em;
    border: none;
    text-align: left;
    color: #666;
}

div#howto dl dt {
    color: #084a94;
    font-size: 1.1em;
}

div#howto dl dd {
    margin: 0 0 1em 1.75em;
}

div.section h2 {
    font-weight: bold;
    text-align: center;
    color: #004896;
    font-size: 1.6em;
    border: none;
    margin: 1em 0 0.5em 0;
    padding: 0;
    border: none;
    pointer-events: none;
}

.icon {
    border-style: none !important;
    background-color: transparent !important;
}

div#howto h4 {
    font-size: 1.2em;
    border-bottom: 1px solid #084a94;
    margin: 2em 0 1.5em 0;
    padding-bottom: 0.5em;
    color: #084a94;
}

div#howto h4 strong {
    font-weight: normal;
    font-size: 0.7em;
    background-color: #084a94;
    padding: 0.1em 0.5em;
    border-radius: 0.2em;
    color: #fff;
    margin-right: 0.5em;
    line-height: 1.3;
}

div#howto h4 strong::before {
    content: "POINT ";
}

.a-center {
    margin-bottom: 15px;
}

.a-center img{
    margin-bottom: 10px;
}

/*--------------------------------------------
■［動作環境］
--------------------------------------------*/

div.section {
    padding: 0;
    margin: 0 0 1.5em 0;
}

div#requirements div#index {
    margin: 0 0 1.5em 0;
    background-color: #fff;
}

div#requirements div#index h2 {
    font-size: 1.1em;
    font-weight: bold;
    background-color: #ededed;
    padding: 0.5em;
    border: none;
    text-align: left;
    color: #666;
}

/*--------------------------------------------
■［ご利用上の注意］
--------------------------------------------*/

div.section {
    padding: 0;
    margin: 0 0 1.5em 0;
}

div#cation div#index {
    margin: 0 0 1.5em 0;
    background-color: #fff;
}

div#cation div#index h2 {
    font-size: 1.1em;
    font-weight: bold;
    background-color: #ededed;
    padding: 0.5em;
    border: none;
    text-align: left;
    color: #666;
}

div#cation textarea {
    display: block;
    width: 100%;
}