@charset "utf-8";

/*--------------------------------------------
■［ボディ］
--------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 16px;
	line-height: 1.8;
	color: #333;
	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%;
	font-weight: 300;
}


/*--------------------------------------------
■［base］
--------------------------------------------*/

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

div#wrapper {
	margin: 0;
	padding: 0;
	width: auto !important;
	height: auto;
}

div#contents {
	padding: 10px;
	margin: 0;
	width: auto;
}

div#main {
	padding: 0;
	margin: 0;
	width: auto;
	float: none;
}


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

div#header {
	margin: 0;
	padding: 0;
}

div#header div.inner {
	margin: 0;
	padding: 0;
	height: auto;
	width: auto !important;
}

div#header h1 {
	position: relative;
	margin: 0;
	float: left;
	padding: 10px;
}

div#header h1 img {
	height: 30px;
	width: auto;
}

div#header p#header-mybinder {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	line-height: 1;
	font-size: 0.9em;
}

div#header p#header-mybinder a {
	display: block;
	padding: 0.2em 20px 0.2em 0.3em;
	background-color: #00A1E9;
	color: #fff;
	text-decoration: none;
	background-image: url(../images/icon_001_white.png);
	background-position: right center;
	background-repeat: no-repeat;
}

div#header p#header-mybinder a:before {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	display: inline-block;
	background-image: url(../images/icon_mybinder_white.png);
	background-position: center center;
	background-repeat: no-repeat;
	content: "";
}

ul#header-subnavi {
	background-color: #494949;
	color: #fff;
	padding: 0.5em 0;
	font-size: 0.9em;
}

ul#header-subnavi li {
	display: inline-block;
}

ul#header-subnavi li a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding-left: 0.5em;
	position: relative;
	line-height: 1;
}

ul#header-subnavi li a:before {
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	display: inline-block;
	margin-right: 0.5em;
	vertical-align: middle;
}


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

div#footer {
	width: auto;
	position: relative;
	margin-top: 3em;
	background-color: #F1F1F1;
	color: #333333;
}

p#topofpage {
    position: absolute;
    right: 0;
    top: -2em;
    margin: 2px;
    cursor: pointer;
    background-image: url(../images/text_skip_top.gif);
    background-repeat: no-repeat;
    height: 28px;
    width: 113px;
}


div#footer div#footer-contenner {
	margin: 0 auto;
}

div#footer ul#footer-subnavi {
	padding: 0.8em 0;
	background-color: #F1F1F1;
	font-size: 0.9em;
}

div#footer ul#footer-subnavi li {
	display: inline-block;
}

div#footer ul#footer-subnavi li a {
	display: block;
	text-decoration: none;
	color: #333;
	padding-left: 0.5em;
	position: relative;
	line-height: 1;
}

div#footer ul#footer-subnavi li a:before {
	width: 6px;
	height: 6px;
	border-top: 1px solid #092937;
	border-right: 1px solid #092937;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	display: inline-block;
	margin-right: 0.5em;
	vertical-align: middle;
}

div#footer div#footer-contenner h5 {
	padding: 1.5em 0 1em 0;
	text-align: center;
}

div#footer div#footer-contenner p {
	padding: 0 10px 1.5em 10px;
	font-size: 0.9em;
}

div#footer p.copyright {
	padding: 0.8em;
	background-color: #F1F1F1;
	font-size: 0.8em;
	color: #333333;
}


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

div#main h2 {
	border: 1px solid #ccc;
	background-color: #eee;
	cursor: pointer;
	padding: 0.5em;
	font-size: 1.1em;
	position: relative;
	margin-bottom: 0;
	line-height: 1.3;
	padding-right: 40px;
}

div#main h2:after {
	width: 26px;
	height: 26px;
	margin: auto;
	right: 0.3em;
	top: 0;
	bottom: 0;
	position: absolute;
	content: "";
	background-image: url(../images/icon_plus.png);
	background-repeat: no-repeat;
	background-position: center center;
}

div#main h2.active:after {
	background-image: url(../images/icon_minus.png);
}

div#main h2 span {
	border: none;
	padding: 0;
	margin: 0;
}

div#main .slideContents {
	background-color: #eee;
	border: 1px solid #ccc;
	border-top: none;
	margin-bottom: 1em;
}

div#main .section {
	margin: 0;
}


/*--------------------------------------------
■［キーワード検索］
--------------------------------------------*/

div#keywordSearch {
	background-color: #eee;
	margin-bottom: 1em;
	border: 1px solid #ccc;
	padding: 1em;
}

div#keywordSearch input.keyword {
	box-sizing: border-box;
	border: 1px solid #ccc;
	width: 70%;
	display: inline-block;
	margin: 0 0 0.5em 0;
	padding: 0.3em 0.5em;
	line-height: 1.5;
	background-image: none;
	height: auto;
	border-radius: 0;
}

div#keywordSearch span.btn {
	box-sizing: border-box;
	width: 26%;
	background-color: #00A1E9;
	padding: 0.4em;
	background-image: none;
	display: inline-block;
	font-size: 0.8em;
	height: auto;
	color: #fff;
	text-indent: 0;
	text-align: center;
}

div#keywordSearch span.btn:before {
	content: "検索";
}

.keywordSearch ul.scope li {
	cursor: pointer;
	position: relative;
	padding-left: 5px;
	margin-right: 20px;
	overflow: hidden;
	padding-left: 20px;
	display: inline-block;
	vertical-align: middle;
}

/*--------------------------------------------
■［カテゴリ］
--------------------------------------------*/

div#categorySearch {
	margin-bottom: 1em;
}

div#categorySearch h2:before {
	content: "";
	background-image: url(../images/icon_category.png);
	background-position: center center;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	display: inline-block;
	margin-right: 0.3em;
}

div#categorySearch ul {
	margin: 0;
	padding: 0;
}

div#categorySearch ul li {
	position: relative;
	border-top: 1px solid #ccc;
	padding: 0;
}

div#categorySearch ul ul {
	margin: 0;
	padding: 0;
	font-size: 0.95em;
}

div#categorySearch ul ul ul li {
	border-top: 1px dotted #ccc;
}

div#categorySearch ul li a {
	color: #333;
	display: inline-block;
	text-decoration: none;
}

div#categorySearch ul li span {
	display: block;
	padding: 0.8em 0;
	background-image: url(../images/icon_001.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 25px;
}

div#categorySearch ul ul li span {
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	padding-left: 35px;
}

div#categorySearch ul ul ul li span {
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 45px;
	background-position: 25px center;
}

div#categorySearch ul li div.hitarea.expandable-hitarea + span {
	background-image: url(../images/icon_plus.png);
	background-size: 16px;
}

div#categorySearch ul li div.hitarea.collapsable-hitarea + span {
	background-image: url(../images/icon_minus.png);
	background-size: 16px;
}

div#categorySearch ul ul li div.hitarea.expandable-hitarea + span {
	background-position: 15px center;
}

div#categorySearch ul ul li div.hitarea.collapsable-hitarea + span {
	background-position: 15px center;
}

div#categorySearch ul li div.hitarea {
	display: none;
}


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

div.viewBlock.viewBlock {
	margin: 0;
	padding: 10px;
	background-color: transparent;
	background-image: none;
}

div.viewBlock.viewBlock > ul {
	margin: 0;
	padding: 0;
}

div.viewBlock.viewBlock > ul li.article {
	width: 50%;
	float: left;
	padding: 0;
	margin: 0;
	background-image: none;
	background-color: transparent;
	border: none;
}

div.viewBlock.viewBlock > ul li.article:nth-child(2n+1) {
	clear: both;
}

div.viewBlock.viewBlock > ul li.article div.wrapper.hf {
	padding: 10px;
	margin: 5px;
	background-image: none;
	background-color: #fff;
	border: none;
	box-sizing: border-box;
}

div.viewBlock.viewBlock > ul li.article div.wrapper.hf h3.name {
	padding: 0;
	margin: 0 0 0.5em 0;
	background-image: none;
	background-color: #fff;
	border: none;
	color: #00A1E9;
}

div.viewBlock.viewBlock > ul li.article div.wrapper.hf h3.name a {
	color: #00A1E9;
	font-weight: normal;
	font-size: 1.1em;
}

div.viewBlock.viewBlock > ul li.article div.inner {
	margin: 0 0 0.5em 0;
	padding: 0;
	width: auto;
}

div.viewBlock.viewBlock.half > ul li.article div.image {
	padding: 0;
	margin: 0;
	width: auto;
	text-align: center;
	float: none;
}

div.viewBlock.viewBlock > ul li.article div.image a.image {
	background-color: #EDEDED;
	display: block;
	width: auto;
	padding: 1;
	margin: 0 0 1em 0;
}

div.viewBlock.viewBlock > ul li.article div.image img.main {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
}

div.viewBlock.viewBlock > ul li.article div.function p {
	background-image: none;
	text-indent: 0;
	background-color: #00A1E9;
	color: #fff;
	padding: 0.3em 1em;
	display: block;
	margin: 0 0 1em 0;
	width: auto;
	height: auto;
	font-size: 1em;
	position: relative;
	font-size: 0.9em;
}

div.viewBlock.viewBlock ul li.article div.function p:before {
	content: "カタログビュー";
}

div.viewBlock.viewBlock ul li.article div.function p:after {
	background-image: url(../images/icon_001_white.png);
	background-position: center center;
	background-repeat: no-repeat;
	right: 0.3em;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
}

div.viewBlock.viewBlock ul li.article div.description {
	width: 100%;
	margin: 0;
	padding: 0;
	float: none;
}

div.viewBlock.viewBlock ul li.article div.description ul.spec {
	width: auto;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.3;
}

div.viewBlock.viewBlock ul li.article div.description ul.spec li {
	width: auto;
	margin: 0 0 0.5em 0;
	padding: 0;
	font-weight: normal;
}


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

div#main div.catalogPageGroupSearchResult {
	margin-top: 2em;
}

div#main div#searchResult div.searchCondition {
	background-image: none;
	background-color: transparent;
	border: none;
	padding: 0;
	margin: 0;
}

div#main div#searchResult div.searchCondition h3 {
	border: 1px solid #ccc;
	background-color: #eee;
	cursor: pointer;
	padding: 0.5em;
	font-size: 1.1em;
	position: relative;
	margin-bottom: 0;
	line-height: 1.3;
	padding-right: 40px;
}

div#main div#searchResult div.searchCondition dl {
	border: 1px solid #ccc;
	padding: 0 1em;
}

div#main div#searchResult div.searchCondition dl dt {
	width: 30%;
	float: left;
	clear: both;
	margin: 0;
	padding: 0.5em 0;
	background-image: none;
	border: none;
	border-top: 1px solid #ccc;
}

div#main div#searchResult div.searchCondition dl dd {
	width: 70%;
	float: left;
	margin: 0;
	padding: 0.5em 0;
	top: auto;
	left: auto;
	background-image: none;
	border: none;
	border-top: 1px solid #ccc;
}

div#main div#searchResult div.searchCondition dl dt:nth-child(1), div#main div#searchResult div.searchCondition dl dd:nth-child(2) {
	border-top: none;
}

div#main div#searchResult div.searchResultCatalogSummary {
	border: 1px solid #ccc;
	padding: 1em;
	clear: both;
}

div#main div#searchResult div.searchResultCatalogSummary > div {
	padding: 0;
}

div#main div#searchResult div.searchResultCatalogSummary h3 {
	padding: 0;
	margin: 0;
	color: #333;
	font-weight: normal;
}

div#main div#searchResult div.searchResultCatalogSummary span.leadForHitCatalog {
	padding: 0;
	margin: 0;
	color: #333;
}

div#main div#searchResult div.viewPanel {
	border: none;
	width: auto;
	margin: 0;
	padding: 0;
	min-height: inherit;
}

div#main div#searchResult div.viewPanel div.articlesBox {
	width: auto;
	margin: 0;
	padding: 0;
	clear: both;
	left: 0;
}

div#main div#searchResult div.viewPanel ul.siblings {
	border: none;
	max-width: 100%;
	margin-bottom: 2em;
}

div#main div#searchResult div.viewPanel ul.siblings li.article.init {
	width: 50%;
	float: left;
	margin: 0;
	padding: 0;
	height: auto;
}

div#main div#searchResult div.viewPanel ul.siblings li.article.init:nth-child(2n+1) {
	clear: both;
}

div#main div#searchResult div.viewPanel ul.siblings li.article.init div.wrapper.hf {
	margin: 5px;
	padding: 5px;
	box-sizing: border-box;
	width: auto;
}

div#main div#searchResult div.viewPanel ul.siblings li.article.init span.image {
	background-color: #EDEDED;
	display: block;
	margin: 0 auto 0.5em auto;
	width: 100px;
	height: 100px;
	padding: 1px;
	position: relative;
}

div#main div#searchResult div.viewPanel ul.siblings li.article.init span.image img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

div#main div#searchResult div.viewPanel ul.siblings li.article.init ul.spec {
	text-align: left;
	margin: 0;
	padding: 0;
	margin-bottom: 0.5em;
	height: auto;
	line-height: 1.3;
}

div#main div#searchResult div.viewPanel ul.siblings li.article.init ul.spec li {
	margin: 0 0 0.3em 0;
	padding: 0;
}

div#main div#searchResult div.viewPanel ul.siblings li.article.init ul.spec li.name {
	margin: 0 0 0.3em 0;
	font-weight: normal;
	padding: 0;
}

div#main div#searchResult div.viewPanel ul.siblings li.article.init div.btnBox {
	width: 100%;
	margin: 0;
	margin-top: -10px;
	display: block;
	position: relative;
	height: auto;
	color: #fff;
}

div#main div#searchResult div.viewPanel ul.siblings li.article.init div.btnBox p.btn {
	background-color: #00A1E9;
	display: block;
	margin-bottom: 0.5em;
	background-image: none;
	width: 100%;
	height: auto;
	padding: 0.3em;
	font-size: 0.8rem;
	text-indent: 0;
	position: relative;
}

div#main div#searchResult div.viewPanel ul.siblings li.article.init div.btnBox p.btn:before {
	content: attr(title);
}

div#main div#searchResult div.viewPanel ul.siblings li.article.init div.btnBox p.btn:after {
	background-image: url(../images/icon_001_white.png);
	background-position: right center;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	content: "";
}

div#searchResultStatus {
	border: none;
	background-image: none;
	border-bottom: 2px solid #999;
	padding: 0.5em 0;
	margin: 2em 0 1em 0;
	color: #333;
	font-weight: normal;
}


/*--------------------------------------------
■［ページャー］
--------------------------------------------*/

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

div.pager p {
	display: none !important;
}

div.pager ol {
	display: inline;
}

div.pager ol li {
	display: inline-block;
	margin: 0 0.3em;
	line-height: 1;
	font-size: 0.8em;
}

div.pager ol li span.current, div.pager ol li a {
	display: block;
	padding: 0.8em 1em !important;
	font-weight: normal;
	border: 1px solid #ccc !important;
	background-color: #eee !important;
	width: auto;
	height: auto;
	text-decoration: none;
	color: #333 !important;
}

div.pager ol li a {
	border: 1px solid #00A1E9 !important;
	background-color: #00A1E9 !important;
	color: #fff !important;
}


/*--------------------------------------------
■［ページ一覧］
--------------------------------------------*/

div#articles {
	margin: 0;
	padding: 0;
}

div#articles > ul {
	border-bottom: 2px solid #999;
}

div#articles ul li.article {
	width: auto;
	float: none;
	margin: 0 0 1.5em 0;
	padding: 1.5em 0 0 0;
	border-top: 2px solid #999;
}

div#articles ul li.article div.wrapper.hf {
	margin: 0;
	padding: 0;
}

div#articles ul li.article div.wrapper.hf h3 {
	margin: 0 0 0.5em 0;
	padding: 0;
}

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

div#articles ul li.article div.wrapper.hf ol.catalogcategory li {
	margin: 0;
	padding: 0;
	display: block;
}

div#articles ul li.article div.wrapper.hf div.inner {
	margin: 0;
	padding: 0;
}

div#articles ul li.article div.wrapper.hf div.inner div.image {
	margin: 0.5em 0;
	padding: 0;
	position: relative;
}

div#articles ul li.article div.wrapper.hf div.inner div.image ol.pages {
	margin: 0;
	padding: 0;
	width: auto;
	position: relative;
}

div#articles ul li.article div.wrapper.hf div.inner div.image ol.pages li {
	width: 50%;
	padding: 1px;
	box-sizing: border-box;
}

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

div#articles ul li.article div.wrapper.hf div.inner div.image span.btn.icon_catalogview {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	bottom: 0;
	background-image: none;
	background-color: #00A1E9;
}

div#articles ul li.article div.wrapper.hf div.inner div.image span.btn.icon_catalogview:before {
	width: 30px;
	height: 30px;
	background-image: url(../images/icon_catalogview_white.png);
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	content: "";
}

div#articles ul li.article div.wrapper.hf div.inner ol.nombre {
	width: auto;
	margin: 0 0 1em 0;
	padding: 0;
}

div#articles ul li.article div.wrapper.hf div.inner ol.nombre > li {
	width: 50%;
	vertical-align: middle;
	position: relative;
	padding-left: 0.5em;
	box-sizing: border-box;
}

div#articles ul li.article div.wrapper.hf div.inner ol.nombre ul.function {
	position: absolute;
	right: 12px;
	top: 0;
	width: auto;
	height: auto;
	margin: 0;
}

div#articles ul li.article div.wrapper.hf div.inner ol.nombre ul.function li {
	display: inline-block;
	margin: 0 0 0 20px;
	height: auto;
	text-indent: 0;
}

div#articles ul li.article div.wrapper.hf div.inner ol.nombre ul.function li span.btn.square {
	display: block;
	background-image: none;
	background-color: #00A1E9;
	width: 30px;
	height: 30px;
	margin: 0;
	position: relative;
	text-indent: 0;
}

div#articles ul li.article div.wrapper.hf div.inner ol.nombre ul.function li span.btn.square:before {
	width: 30px;
	height: 30px;
	background-image: url(../images/icon_plus_white.png);
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	content: "";
}

div#articles ul li.article div.wrapper.hf div.inner ol.nombre ul.function li span.btn.square.download_sq:before {
	background-image: url(../images/icon_download_white.png);
}

div#articles ul li.article div.wrapper.hf div.inner ol.hit {
	width: auto;
	height: auto;
}

div#articles ul li.article div.wrapper.hf div.inner ol.hit li {
	padding: 0;
	margin: 0 0 0.5em 0;
	line-height: 1.3;
}

div#articles ul li.article div.wrapper.hf div.inner ol.hit li span.hitposLeft {
	width: 18px;
	height: 14px;
	vertical-align: middle;
	display: inline-block;
	margin-right: 0.3em;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/icon_hitpage_left.png);
}

div#articles ul li.article div.wrapper.hf div.inner ol.hit li span.hitposRight {
	width: 18px;
	height: 14px;
	vertical-align: middle;
	display: inline-block;
	margin-right: 0.3em;
	margin-top: 0.2em;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/icon_hitpage_right.png);
}

div#articles ul li.article p.function {
	text-align: center;
	margin: 0;
	padding: 0;
}

div#articles ul li.article p.function span {
	width: 48%;
	margin: 0 0.1em;
	background-image: none;
	background-color: #00A1E9;
	display: inline-block;
	float: none;
	padding: 0.6em 0 0.6em 16px;
	font-size: 0.8em;
	text-align: center;
	background-position: left center;
	background-repeat: no-repeat;
	height: auto;
	text-indent: 0;
	color: #fff;
	line-height: 1;
	box-sizing: border-box;
	position: relative;
}

div#articles ul li.article p.function span:before {
	background-position: center center;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0.5em;
	margin: auto;
	content: "";
}

div#articles ul li.article p.function span.addMyBinder:before {
	background-image: url(../images/icon_plus_white.png);
}

div#articles ul li.article p.function span.downloadCatalog:before {
	background-image: url(../images/icon_download_white.png);
}



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

div#overview h2:after {
	display: none;
}

div#overview div.detail {
	border: 1px solid #ccc;
	padding: 1em;
}

div#overview div.detail div.image {
	width: 150px;
	text-align: center;
	float: none;
	background-color: #eee;
	margin: 0 auto 1em auto;
}

div#overview div.detail div.image img {
	width: auto;
	height: auto;
	max-width: 150px;
	max-height: 150px;
	margin: 1px;
}

div#overview div.detail div.image div.function {
	background-color: #fff;
	padding-top: 1em;
}

div#overview div.detail div.image div.function p {
	display: block;
	width: 100%;
	background-image: none;
	background-color: #00A1E9;
	text-indent: 0;
	height: auto;
	font-size: 0.9rem;
	padding: 0.5em 20px;
	color: #fff;
	line-height: 1;
	text-align: center;
	background-image: url(../images/icon_001_white.png);
	background-position: right center;
	background-repeat: no-repeat;
}

div#overview div.detail div.image div.function p:before {
	content: "カタログビュー";
}

div#overview div.detail div.description {
	width: auto;
	float: none;
}

div#overview div.detail div.description div.spec table {
	border: none;
}

div#overview div.detail div.description div.spec th {
	border-bottom: 1px solid #ccc;
	padding: 0.5em 0;
	color: #666;
	font-weight: normal;
	width: 30%;
}

div#overview div.detail div.description div.spec td {
	border-bottom: 1px solid #ccc;
	padding: 0.5em 0;
	color: #333;
	width: 70%;
}

div#index h3 {
	font-size: 1.1em;
	border-bottom: 2px solid #999;
	padding-bottom: 0.5em;
	margin: 2em 0 1em 0;
}

div#index ul#catalog-function {
	background-color: #eee;
	margin-top: 1em;
	box-sizing: border-box;
	padding: 1em 0;
}

div#index ul#catalog-function li {
	width: 33.333%;
	text-align: center;
	float: left;
	font-size: 0.8em;
	line-height: 1.3;
	box-sizing: border-box;
}

div#index ul#catalog-function li span {
	position: relative;
	display: block;
	color: #333;
	cursor: pointer;
}

div#index ul#catalog-function li span:before {
	content: "";
	width: 30px;
	height: 30px;
	background-color: #00A1E9;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 auto 0.5em auto;
}

div#index ul#catalog-function li.addMyBinder span:before {
	background-image: url(../images/icon_plus_white.png);
}

div#index ul#catalog-function li.downloadCatalog span:before {
	background-image: url(../images/icon_download_white.png);
}

div#index ul#catalog-function li.catalog span:before {
	background-image: url(../images/icon_catalogview_white.png);
}

div#index div.catalogIndexContents {
	margin: 0;
	padding: 0;
	background-color: transparent;
	width: auto;
	border: none;
}

div#index div.catalogIndexContents ul {
	margin: 0;
	padding: 0;
	background-color: transparent;
	width: auto;
	border: none;
}

div#index div.catalogIndexContents ul li {
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: none;
	width: auto;
	border: none;
}

div#index div.catalogIndexContents ul li div.categoryNode {
	margin: 0;
	padding: 1em 120px 1em 1em;
	background-color: #eee;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #999;
	margin-top: -1px;
	position: relative;
}

div#index div.catalogIndexContents ul li div.categoryNode:hover {
	background-color: transparent;
}

div#index div.catalogIndexContents ul li div.categoryNode div.title {
	margin: 0;
	padding: 0;
	height: auto;
	border: none;
	width: auto;
}

div#index div.catalogIndexContents ul li div.categoryNode div.title a {
	color: #00A0E9;
	font-weight: normal;
}

div#index div.catalogIndexContents ul li div.categoryNode div.function {
	margin: 0;
	padding: 0;
	height: auto;
	border: none;
	position: absolute;
	right: 10px;
	top: 10px;
	width: auto;
}

div#index div.catalogIndexContents ul li div.categoryNode div.function ul.buttons {
	margin: 0;
	padding: 0;
	height: auto;
	border: none;
}

div#index div.catalogIndexContents ul li div.categoryNode div.function ul.buttons li {
	display: inline-block;
	margin-left: 8px;
	width: 30px;
	height: 0;
	padding-top: 30px;
	overflow: hidden;
	text-indent: 0;
	background-color: #00A0E9;
	background-image: none;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
}

div#index div.catalogIndexContents ul li div.categoryNode div.function ul.buttons li.addMyBinder {
	background-image: url(../images/icon_plus_white.png);
}

div#index div.catalogIndexContents ul li div.categoryNode div.function ul.buttons li.downloadCatalog {
	background-image: url(../images/icon_download_white.png);
}

div#index div.catalogIndexContents ul li div.categoryNode div.function ul.buttons li.catalog {
	background-image: url(../images/icon_catalogview_white.png);
}



/*--------------------------------------------
■［マインバインダー］
--------------------------------------------*/

div#myBinder p.lead.mybinder {
	border: 1px solid #ccc;
	background-color: #eee;
	border-bottom: none;
	margin: 0;
	padding: 10px;
	padding-bottom: 0;
}

div#myBinder p.stockCountsMessage {
	border: 1px solid #ccc;
	background-color: #eee;
	border-top: none;
	border-bottom: none;
	margin: 0;
	padding: 10px;
	text-align: center;
	color: #000;
	padding-bottom: 0;
}

div#myBinder div.submitBlock {
	border: 1px solid #ccc;
	background-color: #eee;
	border-top: none;
	margin: 0;
	padding: 10px;
	padding-top: 0;
	text-align: center;
	margin-bottom: 1em;
}

div#myBinder div.submitBlock div.submit span.btn.download {
	background-color: #00A0E9;
	display: inline-block;
	width: auto;
	height: auto;
	color: #fff;
	background-image: none;
	padding: 0.5em 1em;
	line-height: 1;
}

div#myBinder div.submitBlock div.submit span.btn.download:after {
	content: "結合してダウンロード";
}

div#myBinder div.submitBlock div.submit span.btn.download:before {
	content: "";
	width: 16px;
	height: 16px;
	margin-right: 0.5em;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/icon_download_white.png);
	display: inline-block;
}

div#myBinder > h3 {
	font-size: 1.1em;
	color: #333;
	margin: 2em 0 1em 0;
	border-bottom: 2px solid #999;
	padding-bottom: 0.5em;
}

div#myBinderArticles div.viewInline {
	background-color: #eee;
	padding: 5px;
	margin: 0;
}

div#myBinderArticles div.viewInline ul.list li.article {
	width: 50%;
	float: left;
	margin: 0;
	padding: 0;
	background-color: transparent;
	height: auto;
}

div#myBinderArticles div.viewInline ul.list li.article div.wrapper {
	margin: 5px;
	background-color: #fff;
	box-sizing: border-box;
	padding: 10px;
	padding-top: 2em;
	border: none;
	width: auto;
	position: relative;
}

div#myBinderArticles div.viewInline ul.list li.article div.id {
	display: none;
}

div#myBinderArticles div.viewInline ul.list li.article ul.spec li.name {
	position: absolute;
	left: 10px;
	top: 10px;
	right: 10px;
	text-align: left;
	height: 1em;
	overflow: hidden;
	padding: 0;
	margin: 0;
	line-height: 1;
}

div#myBinderArticles div.viewInline ul.list li.article ul.spec li.name a {
	color: #00A0E9;
	font-weight: normal;
}

div#myBinderArticles div.viewInline ul.list li.article ul.spec li.volume {
	line-height: 1;
	text-align: left;
	padding: 0;
	margin: 50px 0 0.3em 0;
	font-size: 0.9em;
}

div#myBinderArticles div.viewInline ul.list li.article ul.spec li:last-child {
	margin: 0 0 2em 0;
	padding: 0;
	line-height: 1;
	text-align: left;
	font-size: 0.9em;
}

div#myBinderArticles div.viewInline ul.list li.article span.image {
	width: auto;
	height: auto;
	width: 120px;
	height: 120px;
	position: relative;
	background-color: #eee;
	padding: 1px;
	display: block;
	border: none;
}

div#myBinderArticles div.viewInline ul.list li.article span.image img {
	display: block;
	margin: auto;
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

div#myBinderArticles div.viewInline ul.list li.article span.btn {
	display: block !important;
	top: 165px;
	width: 30px;
	height: 30px;
	background-color: #00A0E9;
	background-image: none;
}

div#myBinderArticles div.viewInline ul.list li.article span.btn.catalog {
	left: 45px;
}

div#myBinderArticles div.viewInline ul.list li.article span.btn:before {
	background-position: center center;
	background-repeat: no-repeat;
	content: "";
	width: 30px;
	height: 30px;
	display: block;
}

div#myBinderArticles div.viewInline ul.list li.article span.btn.downloadCatalog:before {
	background-image: url(../images/icon_download_white.png);
}

div#myBinderArticles div.viewInline ul.list li.article span.btn.catalog:before {
	background-image: url(../images/icon_catalogview_white.png);
}

div#myBinderArticles div.viewInline ul.list li.article img.btn.delete {
	display: block !important;
	top: 165px;
	width: 30px;
	height: 30px;
	background-color: #00A0E9;
	background-image: none;
}
div#keywordSearch span.searchKw {
    box-sizing: border-box;
    width: 26%;
    background-color: #00A1E9;
    padding: 0.4em;
    background-image: none;
    display: inline-block;
    font-size: 0.8em;
    height: auto;
    color: #fff;
    text-indent: 0;
    text-align: center;
}
ul.scope img {
    height: 20px;
}

.catalogIndex .catalogIndexContents ul.level_2 {
    width: 100% !important;
}

div#index div.catalogIndexContents ul.level_2 li div.categoryNode {
    background-color: #fff;
}

#mybinderNote{
	width: 100%;
}

#downloadNote {
	width: 100%;
}
/*--------------------------------------------
■［ログイン画面］
--------------------------------------------*/

#loginBox {
    width: 85%;
    height: 100px;
    padding: 0px 20px;
	margin: auto !important;
}

#loginBox ul.inputText li {
    margin-bottom: 0px;
}

#contents.narrow {
    width: 100%;
}

input[type=text], input[type=password] {
   height: 25px;
}

#loginBox ul.inputText {
    margin-bottom: 8px;
    margin-top: 8px;
}
#header div.utility {
    margin-top: 0px;
    width: 100%;
}

#header div.utility .subNavi {
    float: right;
    line-height: 21px;
    background-color: #FFF;
    padding: 4px;
}

div#header div.utility ul.subNavi {
    display: none;
}