@charset "utf-8";

/*
Theme Name: faq.b-ch.com
Theme URI: http://faq.b-ch.com
Author: バンダイチャンネルFAQ
Author URI: http://faq.b-ch.com
Description: バンダイチャンネルFAQ
Version: 1.0
*/

/*------------------------------------------------------------------------
◆設定リスト
--------------------------------------------------------------------------
共通
コンテナ
ラッパー
セクション
ヘッダー
パンくず
キービジュアル
カラム
	2カラム
	3カラム
	2/3カラム
	4カラム
	5カラム
	2/5カラム
	3/5カラム
コンテンツ
	固定ページ　共通レイアウト
	固定ページ（親ページ）共通レイアウト
	固定ページ（子ページ）共通レイアウト
	投稿ページ　共通レイアウト
	投稿ページ（重要なお知らせ）
	ページ別レイアウト（共通モジュール）
	ページ別レイアウト（メインイメージ）
	ページ別レイアウト（ホーム）
	ページ別レイアウト
テーブル
tablepressプラグイン
ページ上部下部へ
ページ内見出し一覧
カテゴリー
ページナビ　ページネーション
フッター
検索フォーム
検索結果
サイトマップ
関連記事（Yet Another Related Posts Pluginプラグイン）
404
WordPressデフォルト
記事更新用
ユーティリティ
ie8
ie9
ie10 ie11
ie8 ie9 マルチカラム　jquery.columnizer.js
------------------------------------------------------------------------*/



/*------------------------------------------------------------------------
◆共通
------------------------------------------------------------------------*/
*{
	margin:0;
	padding:0;
	font-size:100%;
	color:#333333;
}

html{
	background:#FFFFFF;
	-webkit-text-size-adjust:100%;
	height: 100%;
}

body{
	width:auto;
	height: 100%;
	/*font:85%/1.618 Osaka,"ＭＳ ゴシック", Verdana, sans-serif;*/
	font:80%/1.618 Osaka, "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",sans-serif;
	margin:0 auto;
	z-index:0;
	zoom:1;
	background:#FFFFFF;
	word-break: break-all;
}

a{
	color:#0084ff;
	outline:none;
	text-decoration:none;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

a *{
	color:#0084ff;
}

a:hover{
	text-decoration:underline;
}

img{
	border:none;
	width:100%;
}

h1,h2,h3,h4,h5,h6,p,ol,hr{
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{
        display: block;
}


ol li{
	margin-left:21px;
	margin-bottom:0;
}

ul li{
	list-style-type:none;
}

table{
	border-collapse: collapse;
	text-align:center;
}

small{
	display:block;
	text-align:center;
}

input,
select,
textarea{
	font:90%/1.618 Verdana, sans-serif;
	border: 1px solid #ddd;
	color: #333333;
	outline: 0;
	font-size: 100%;
}

input{
	padding: 2px;
	box-sizing:border-box;
}

select,
textarea{
	padding: 5px;
	box-sizing:border-box;
}

input:focus,
textarea:focus,
select:focus{
	border: 1px solid #0073B6;
	margin:0;
}

input[type="submit"],
input[type="radio"],
input[type="range"]{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	margin:1px;
}

input[type="submit"]:focus,
input[type="radio"]:focus,
input[type="range"]:focus{
	border: 1px solid #efefef;
}

input[type="file"]{
	border:none !important;
}

@media screen and (max-width: 480px) {
	input,select,textarea{
		font-size: 16px !important;
	}
}

strong{
	font-weight:bold;
}

abbr{
	color:inherit;
	font-weight:bold;
}

hr{
	border:none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-color: #999999;
	height: 2em;
	margin-bottom:4em;
}

i{
	color:#FFFFFF;
}

.lead{
	margin-top:2em !important;
}

.endelement{
	margin-bottom:0 !important;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	margin-left: 0em !important;
	margin-right: 0em !important;
}



/*------------------------------------------------------------------------
◆コンテナ
------------------------------------------------------------------------*/
#header_container{
	width:100%;
	background: #FFFFFF;
	position: relative;
	z-index: 99999;
	position:relative;
}

#header_container:after{
	content:"";
	display:block;
	clear:both;
}

#footer_container{
	clear:both;
	overflow:hidden;
	margin-top:40px;
	background: #ececec;
}


/*------------------------------------------------------------------------
◆ラッパー
------------------------------------------------------------------------*/
#contents_wrap{
	clear:both;
	width:960px;
	min-height: 400px;
	margin:0 auto;
	background: #FFF;
	overflow:hidden;
	font-size: 110%;
}

#contents_wrap h1 {
}

#contents_wrap h2 {
	font-size:120%;
	line-height:120%;
	font-weight: bold;
	margin-bottom:0.8em;
}

#contents_wrap h3 {
	font-size: 100%;
	line-height: 130%;
	font-weight: bold;
	color: #333;
}

#contents_wrap h4{
	font-size: 110%;
	line-height: 130%;
	margin-top: 0.81em;
	margin-bottom: 0.81em;
	font-weight: bold;
	color: #333 !important;
	background: none !important;
	padding: 5px 0 0 0 !important;
}

#contents_wrap h5,
#contents_wrap h6 {
	font-size: 105%;
	margin-bottom: 0.5em;
	font-weight: bold !important;
}

#contents_wrap p,
#contents_wrap ul,
#contents_wrap ol,
#contents_wrap dl,
#contents_wrap table{
	margin-bottom:1.618em;
}

#contents_wrap dd{
	margin-bottom:1em;
}

#contents_wrap a.box:hover{
	background:#F4F4F4 !important;
}

#contents_wrap a.box:hover img{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#contents_wrap h1 + .columnwrap{
	margin-bottom:1.618em;
}

#contents_wrap h2 + .columnwrap{
	margin-top:1em;
}

#contents_wrap h3 + .columnwrap{
	margin-top: 1em;
}

#contents_wrap h1 + h2{
	margin-top:1.618em;
}

#contents_wrap h2 + h3{
	margin-top:1.618em;
}

#contents_wrap h1 + table{
	margin-top: 2.3em;
}

#contents_wrap table + h2{
	margin-top: 2.3em;
}

#article_wrap{
	width:100%;
	z-index:999999;
	font-size:95%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#article_wrap ifreme{
	z-index:3;
	width:100%;
}

#article_wrap .section{
	overflow:hidden;
}

@media screen and (min-width: 801px) and (max-width: 1024px){/* ロゴ右にグローバルメニュー表示 */

	#contents_wrap {
		width:100%;
		padding:0 !important;
		min-height: 0px;
	}

	#article_wrap .section{
		padding:0 4%;
	}
}

@media screen and (min-width: 481px) and (max-width: 800px){/* 最上部にグローバルメニュー表示 */

	#contents_wrap {
		width:100%;
		padding:0 !important;
		min-height: 0px;
	}

	#article_wrap .section{
		padding:0 4%;
	}
}


@media screen and (max-width: 480px) {

	#contents_wrap {
		width:100%;
		padding:0 !important;
		min-height: 0px;
	}

	#article_wrap{
		float:none;
		width:100%;
		margin:0 auto;
	}	margin:0 auto;

	#contents_wrap h1 {
		font-size: 130%;
		line-height: 120%;
		padding-bottom: 2px;
	}

	#contents_wrap h2 {
		font-size: 110%;
	}

	#contents_wrap h3 {
		font-size: 100%;
	}

	#sub_wrap{
		width:90%;
		margin-bottom: 15px;
	}

	#article_wrap .section .section_wrap{
		width: 90%;
	}
}



/*--------------------------------------------------------------------------
◆セクション
--------------------------------------------------------------------------*/
section{
	clear:both;
	padding-top: 2em;
}


/*------------------------------------------------------------------------
◆ヘッダー
------------------------------------------------------------------------*/
#header_wrap{
	margin:0 auto;
	width:960px;
}

#header_wrap h1{
	float:left;
	margin: 13px 0 0;
	line-height:0;
}

#header_wrap h1 a{
	text-decoration:none;
}

#header_wrap h1 img{
	width:auto !important;
}

#header_wrap .menu{
	float:left;
	margin-top: 22px;
	font-size: 12px;
}

#header_wrap .menu li{
	display:inline;
	border-left:1px solid #666;
	margin-left:16px;
	padding-left:16px;
}

#header_wrap .menu li:first-child{
	border-left:none;
}

#header_right{
	float:right;
	text-align:right;
	margin: 16px 0;
}

#header_right a{
	display:block;
	width:160px;
	height:32px;
	text-align:center;
	padding-top:6px;
	font-size: 90%;
	font-weight:bold;
	color:#fff;
	box-sizing:border-box;
	text-decoration:none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #427cf6; /* Old browsers */
	background: -moz-linear-gradient(top,  #427cf6 0%, #0956cb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#427cf6), color-stop(100%,#0956cb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #427cf6 0%,#0956cb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #427cf6 0%,#0956cb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #427cf6 0%,#0956cb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #427cf6 0%,#0956cb 100%); /* W3C */
	-moz-transition: none;
	-o-transition: none;
	transition: none;

}

#header_right a:hover{
	background: #0084ff;
}

#header_right a:before{
	content: url(images/common/icon_contact.png);
	margin-right: 8px;
	vertical-align: -1px;
}

#header_wrap h2{
	clear:both;
	padding-top:8px;
}

#header_wrap h2 img{
	width:auto !important;
}

@media screen and (min-width: 1025px) {/* 960px固定 */


}

@media screen and (min-width: 801px) and (max-width: 1024px){/* ロゴ右にグローバルメニュー表示 */

	#header_wrap{
		width:100%;
		padding:0 4%;
		box-sizing:border-box;
	}
}


@media screen and (min-width: 481px) and (max-width: 800px){/* 最上部にグローバルメニュー表示 */

	#header_wrap{
		width:100%;
	}

	#header_wrap .menu {
		position: absolute;
		float: none;
		width: 100%;
		margin-top: 0px;
	}

	#header_wrap .menu li{
		display: inline;
		border-left: none;
		margin-left: 0px;
		padding-left: 0px;
	}

	#header_wrap .menu li a{
		display: block;
		float: left;
		width: 50%;
		height: 44px;
		line-height:1;
		padding: 12px 0;
		box-sizing: border-box;
		text-align: center;
		font-weight:bold;
		font-size: 90%;
	}

	#header_wrap .menu li:nth-child(1) a{
		background: #eaeaea;
	}

	#header_wrap .menu li:nth-child(1) a:before{
		content:url(images/common/icon_home.png);
		vertical-align: -4px;
		margin-right:4px;
	}

	#header_wrap .menu li:nth-child(2) a{
		background: #F3F3F3;
	}

	#header_wrap .menu li:nth-child(2) a:before{
		content:url(images/common/icon_faq.png);
		vertical-align: -4px;
		margin-right:4px;
	}

	#header_wrap h1{
		float:left;
		margin: 60px 0 16px 4%;
		line-height:0;
		font-size:120%;
	}

	#header_wrap h1{
		font-size:120%;
	}

	#header_right{
		margin: 60px 4% 16px 0;
	}

	#header_wrap h2{
		margin: 16px 4%;
	}
	#header_wrap h2 img {
		height: 18px;
		width: 128px !important;
	}

}

@media screen and (max-width: 480px) {/* スマートフォン */

	#header_wrap {
		width: 100%;
	}

	#header_wrap .menu {
		position: absolute;
		float: none;
		width: 100%;
		margin-top: 0px;
	}

	#header_wrap .menu li{
		display: inline;
		border-left: none;
		margin-left: 0px;
		padding-left: 0px;
	}

	#header_wrap .menu li a{
		display: block;
		float: left;
		width: 50%;
		height: 44px;
		line-height:1;
		padding: 12px 0;
		box-sizing: border-box;
		text-align: center;
		font-weight:bold;
		font-size: 80%;
	}

	#header_wrap .menu li:nth-child(1) a{
		background: #eaeaea;
	}

	#header_wrap .menu li:nth-child(1) a:before{
		content:url(images/common/icon_home.png);
		vertical-align: -4px;
		margin-right:4px;
	}

	#header_wrap .menu li:nth-child(2) a{
		background: #F3F3F3;
	}

	#header_wrap .menu li:nth-child(2) a:before{
		content:url(images/common/icon_faq.png);
		vertical-align: -4px;
		margin-right:4px;
	}

	#header_wrap h1{
		float:left;
		margin: 60px 0 16px 16px;
		line-height:0;
		font-size:120%;
	}

	#header_wrap h1{
		font-size:120%;
	}

	#header_wrap h1 img{
		max-width:160px;
	}

	#header_right{
		margin: 56px 16px 16px 0;
	}

	#header_right a {
		width: 40px;
		padding-top: 35px;
		overflow: hidden;
	}

	#header_right a:before {
		position: relative;
		display: inline-block;
		top: -28px;
		width: 40px;
	}

	#header_wrap h2{
		margin: 16px;
	}

	#header_wrap h2 img {
		height: 18px;
		width: auto !important;
	}
}



/*------------------------------------------------------------------------
◆パンくず
------------------------------------------------------------------------*/
.bread_crumb{
	width: 960px;
	margin-top: 24px;
	text-align: left;
	font-size: 85%;
	overflow: hidden;
}

.bread_crumb a:hover{
	text-decoration:none;
	border-bottom:none !important;
}

.bread_crumb li{
	float:left;
}

.bread_crumb li:after{
	content:">";
	margin:0 1em;
}

.bread_crumb li.tail:after{
	content:none;
}

.bread_crumb .current{
	display:none;
}


@media screen and (min-width: 951px) and (max-width: 960px){/* グローバルメニュー表示 */
	.bread_crumb{
		width:100%;
	}
}

@media screen and (min-width: 481px) and (max-width: 950px){/* 可変＋サイドメニュー */
	.bread_crumb{
		width:100%;
	}
}

@media screen and (max-width: 480px) {

	.bread_crumb{
		width:100%;
	}
}



/*--------------------------------------------------------------------------
◆カラム
--------------------------------------------------------------------------*/
.section_wrap p.column2{
	width:100%;
	column-count:2;
	-webkit-column-count:2;
	-moz-column-count:2;
	column-gap: 60px;
	-moz-column-gap: 60px;
	-webkit-column-gap: 60px;
}

.columnwrap{
	clear:both;
	margin-top: 2em;
	width:960px;
	margin: 2em auto;
}

.columnwrap + .columnwrap{
	margin-top: 0em;
}

.columnwrap:first-of-type{
	margin-top:0em;
}

.columnwrap:after{
	content: "";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	/*visibility: hidden;*/
}

p + .columnwrap{
	margin-top: 2em !important;
}

.columnwrap > div{
}

.columnwrap img{
	width:100%;
}

.columnwrap h1{
	clear:both;
}

.columnwrap h3{
	clear:both;
	margin-top:0 !important;
}

.columnwrap + hr{
	height: 0;
}

.columnwrap .box{
	background:#FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
	padding: 1.5%;
	border:none !important;
	-moz-box-shadow: 0px 0px 2px 0 #aaabac;
	-webkit-box-shadow: 0px 0px 2px 0 #aaabac;
	box-shadow: 0px 0px 2px 0 #aaabac;
}

.columnwrap .box p{
	margin-bottom:0 !important;
}

.columnwrap .column_left{
	float:left;
}

.columnwrap .column_center{
	float:left;
}

.columnwrap .column_right{
	float:right;
}

@media screen and (min-width: 951px) and (max-width: 960px){/* グローバルメニュー表示 */

	.columnwrap{
		width:100%;
	}
}

@media screen and (min-width: 481px) and (max-width: 950px){/* 可変＋サイドメニュー */

	.columnwrap{
		width:100%;
	}
}

@media screen and (max-width: 480px) {

	.columnwrap{
		width:100%;
	}

	.columnwrap .box{
		padding:0.7em 0.7em 0.7em 0.7em;
	}
}

/* 2カラム
----------------------------------------------------------------*/
.column2{
	width:47.5%;
}

.column2.box{
	width:49%;
}

.column2_left h1,
.column2_right h1{
	font-size: 140%;
}

.column2_left h2,
.column2_right h2{
	font-size: 100%;
}

.column2_left h3,
.column2_right h3{
	font-size: 100%;
}

@media screen and (max-width: 480px) {

	.column2{
		width:100%;
	}

	.column2.box{
		width:100%;
		margin-bottom:1em;
	}

	.column2.column_left,
	.column2.column_right{
		float:none;
	}

	.column2 img{
		width: 49% !important;
		float: left;
		margin-right: 2%;
	}

	.column2.column_right img{
		margin-right: 0;
	}
}

/* 3カラム
----------------------------------------------------------------*/
.column3{
	width:31.3333333333333%;
}

.column3.column_center{
	margin:0 3%;
}

.column3.box{
	width:32.6666666666666%;
}

.column3.column_center.box{
	margin:0 1%;
}

.column3 h1{
	font-size: 140%;
}

.column3 h2 {
	font-size: 100%;
}

.column3 h3 {
	font-size: 100%;
	margin-bottom: 0.81em !important;
}

@media screen and (max-width: 768px) {

	.column3.box{
		width:32.6666666666666%;
	}

	.column3.column_center.box{
		margin:0 1%;
	}
}

@media screen and (max-width: 480px) {

	.column3{
		width:100%;
	}

	.column3.box{
		width:100%;
	}

	.column3 img{
		width:32% !important;
		float:left;
		margin-right: 2%;
	}

	.column3 img + p{
		padding-left: 3%;
		overflow: hidden;
	}

	.column3.column_right img{
		margin-right: 0%;
	}

	.column3 h3{
		overflow:hidden;
		clear:none;
	}

	.column3.box p{
		overflow:hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.column3.column_left{
		float:none;
	}

	.column3.column_center{
		float:none;
		margin-left:0 !important;
		margin-right:0 !important;
	}

	.column3.column_right{
		float:none;
		margin-right: 5%;
	}

}

/* 2/3カラム
----------------------------------------------------------------*/
.column3_2{
	width: 65.6%;
}

.column3_2.box{
	width:65.5%;
}

.column3_2:last-of-type{
	margin-bottom:0 !important;
}

@media screen and (max-width: 480px) {
	.column3_2.column_left,
	.column3_2.column_right{
		float:none;
		width:100%;
	}
}

/* 4カラム
----------------------------------------------------------------*/
.column4{
	width: 22.75%;
}

.column4.column_center_left{
	float:left;
	margin:0 0 0 3%;
}

.column4.column_center_right{
	float:left;
	margin:0 3%;
}

@media screen and (max-width: 480px) {
	.column4 *{
	}

	.column4 img{
		width:100% !important;
		margin-right: 1em;
	}

	.column4 h3{
		overflow:hidden;
		clear:none;
	}

	.column4.box p{
		overflow:hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.column4.column_left{
		float:left;
		width:25%;
	}

	.column4.column_center_left{
		float:left;
		width:25%;
		margin-left:0 !important;
		margin-right:0 !important;
	}

	.column4.column_center_right{
		clear:none;
		float:left;
		width:25%;
		margin-left:0 !important;
		margin-right:0 !important;
	}

	.column4.column_right{
		float:left;
		width:25%;
	}
}

/* 3/4カラム
----------------------------------------------------------------*/
.column4_3{
	width: 73%
}

.column4_3 .columnwrap{
	width: 100%;
}

@media screen and (max-width: 480px) {
	.column4_3 *{
		float:left;
		width:73%;
	}
}

/* 5カラム
----------------------------------------------------------------*/
.column5{
	width: 18%;
	margin-left:2.5%;
}

.column5 *{
	font-size:95%;
}

.column5.column_left{
	margin-left:0;
}

.column5.column_center_left{
	float:left;
}

.column5.column_center{
	float:left;
}

.column5.column_center_right{
	float:left;
}

@media screen and (max-width: 480px) {


	.column5{
		width:100%;
	}

	.column5 img{
		width:33% !important;
		float:left;
		margin-right: 1em;
	}

	.column5.column_center_left{
		float:left;
		margin:0;
	}

	.column5.column_center{
		float:left;
		margin:0;
	}

	.column5.column_center_right{
		float:left;
		margin:0;
	}
}

/* 2/5カラム
----------------------------------------------------------------*/
.column5_2{
	width: 37%
}

@media screen and (max-width: 480px) {
	.column5_2 *{
		float:left;
		width:48%;
	}
}

/* 3/5カラム
----------------------------------------------------------------*/
.column5_3{
	width: 56.5%
}

.column5_3 .column3{
	width: 32%;
}

.column5_3 .column3.column_center{
	margin:0 2%;
}

@media screen and (max-width: 480px) {
	.column5_3 *{
		float:left;
		width:48%;
	}
}



/*--------------------------------------------------------------------------
◆コンテンツ
--------------------------------------------------------------------------*/
#article_wrap img{
	width:auto;
	height:auto;
}

#article_wrap ul.catch li{
	background:url(images/common/catch_gray.png) no-repeat 0.2em 0.6em;
	padding-left:14px;
}

#article_wrap .notes{
	clear:both;
	font-size: 85%;
}

#article_wrap ul.notes li{
	margin-left:1.5em;
	text-indent:-1.3em;
}

#article_wrap strong{
	font-size:100%;
}

@media screen and (min-width: 801px) and (max-width: 1024px){/* ロゴ右にグローバルメニュー表示 */
	#article_wrap img{
		max-width:100%;
	}
}

@media screen and (min-width: 481px) and (max-width: 800px){/* 最上部にグローバルメニュー表示 */
	#article_wrap img{
		max-width:100%;
	}
}

@media screen and (max-width: 480px) {/* スマートフォン */
	#article_wrap img{
		max-width:100%;
	}

	#article_wrap ol li:before {
		top: 0em;
	}
}

/* 固定ページ　共通レイアウト 
------------------------------------------------------------------------*/
.page aside {
	margin-top:24px;
}

.page aside h1{
	line-height:1.4;
}

.page aside p,
.page aside li{
	padding-left: 24px;
	background: url(images/common/catch.png) no-repeat 0 0.28em;
}

.page aside .menu li{
	display: inline;
	padding-left: 0px;
	background: none;
}

.page aside .menu{
	margin-top:24px;
	text-align: center;
	margin-bottom:0 !important;
}

.page aside .menu li{
	display: inline;
}

.page aside .menu a{
	display:inline-block;
	min-width: 184px;
	padding: 4px 32px;
	border:1px solid #0084ff;
	font-size: 90%;
}

.page aside .menu a:hover{
	background:#DBEEFF;
	text-decoration:none;
}

.page aside .menu a:before{
	content: url(images/common/catch_link.png);
	vertical-align: 1px;
	margin-right: 6px;
}

.page #article_wrap h1{
	display:none;
}




@media screen and (min-width: 801px) and (max-width: 1024px){/* ロゴ右にグローバルメニュー表示 */

	.page aside{
		margin-right:4%;
		margin-left:4%;
	}
}

@media screen and (min-width: 481px) and (max-width: 800px){/* 最上部にグローバルメニュー表示 */

	.page aside{
		margin-right:4%;
		margin-left:4%;
	}

	.page aside .menu a {
		padding: 4px 8px;
		min-width: 200px;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 480px) {/* スマートフォン */

	.page aside{
		margin-right:4%;
		margin-left:4%;
	}

	.page aside .menu a {
		display: block;
		margin:0 auto 4px;
		padding: 8px 32px;
		max-width: 288px;
		box-sizing: border-box;
	}
}



/* 固定ページ（親ページ）共通レイアウト
------------------------------------------------------------------------*/

.page-parent article ul.children{
	margin-bottom:0 !important;
}

.page-parent article ul{
	margin-bottom:0 !important;
}

.page-parent article ul.box li{
	display:inline;
	font-size:0;
}

.page-parent article ul.box a{
	display: block;
	float: left;
	width: 48.16%;
	height: auto;
	margin-top: 3.675%;
	font-size:14.5px;
	overflow:hidden;
	color:#333;
	text-decoration:none;
	background:#FFFFFF;
	-moz-box-shadow: 0px 0px 2px 0 #aaabac;
	-webkit-box-shadow: 0px 0px 2px 0 #aaabac;
	box-shadow: 0px 0px 2px 0 #aaabac;
	-ms-box-shadow: 0px 0px 2px 0 #aaabac;
}




.page-parent #article_wrap ul.box a:first-of-type{
}

.page-parent #article_wrap ul.box a:hover{
	background:#F4F4F4;
}

.page-parent #article_wrap ul.box a .imgleft{
	float:left;
	margin-right: 5.5%;
	line-height:0;
	width:35.6%;
}

.page-parent #article_wrap ul.box a .imgleft img{
	width:100%;
}

.page-parent #article_wrap ul.box a .info_wrap{
	margin-right: 5.5%;
	display: table;
	height: 168px;
}

.page-parent #article_wrap ul.box a .info_wrap h1{
	clear:none !important;
	font-size:160% !important;
	line-height:120% !important;
	margin-bottom: 0.404em !important;
	border:none !important;
	display: table-cell;
	vertical-align: middle;
}

.page-parent #article_wrap ul.box a .info_wrap h1:after{
	display:none !important;
}

.page-parent #article_wrap ul.box a .info_wrap h1 + p{
	margin-top: 1em;
	text-align: justify;
	max-height: 6em;
	font-size: 90% !important;
	overflow: hidden;
	display:none;
}

.page-parent #article_wrap ul.box a p{
	overflow:auto;
	zoom:1;
	margin-bottom:0 !important;
}

@media screen and (max-width: 480px) {

	.page-parent article ul.box a{
		margin-top: 0px;
	}

	.page-parent #article_wrap ul.box a{
		box-sizing:content-box;
		border-top: none !important;
		border-collapse:collapse;
		position: relative;
		width: 100%;
	}

	.page-parent article ul.box li:nth-child(even) a{
		margin-left:0px;
	}

	.page-parent #article_wrap ul.box a .info_wrap{
		margin-right: 0;
		height: 100px;
		width:50%;
		word-break: break-word;
	}

	.page-parent #article_wrap a h2{
		display:block;
		background:none !important;
		padding:0.5em 10% 0.5em 5% !important;
		margin-bottom:0 !important;
		width:100%;
	}

	.page-parent #article_wrap ul.box a:after{
		content:"";
		width:7px;
		height:7px;
		border-top:2px solid #333333;
		border-right:2px solid #333333;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		right:15px;
		top:50%;
		margin-top:-4px;
	}

	.page-parent #article_wrap ul.box a p{
		padding-right:5%;
	}

}


@media screen and (min-width: 481px) and (max-width: 950px){/* 可変＋サイドメニュー */

	.page-parent #article_wrap ul.box a .info_wrap h1{
		font-size:140% !important;
	}
}

@media screen and (max-width: 480px) {

	.page-parent #article_wrap ul.box a{
	}

	.page-parent #article_wrap ul.box a h1{
		font-size:100% !important;
		padding-right:7% !important;
	}

	.page-parent #article_wrap ul.box a p{
		white-space:nowrap;
		text-overflow: ellipsis;
		overflow:hidden;
	}

	.page-parent #article_wrap a:after{
		top:50%;
	}

	.page-parent #article_wrap ul.box a .info_wrap h1{
		font-size:120% !important;
	}
}




/* 固定ページ（子ページ）共通レイアウト
------------------------------------------------------------------------*/

@media screen and (min-width: 480px) {

	.page-child #article_wrap .thumbnail{
		width:48%;
		float:right;
		margin-left:3%;
		margin-top: 1em;
	}
}



/* 投稿ページ　共通レイアウト
------------------------------------------------------------------------*/

.single #article_wrap h1 {
	margin-top:24px;
	border-top: 4px solid #49a849;
	font-size: 14px;
	font-weight: bold;
	padding: 13px 48px;
	background: #c5f0c4 url(images/single/q.png) no-repeat 8px 8px;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
}

.single #article_wrap .content {
	background: #fdfcf2 url(images/single/a.png) no-repeat 8px 8px;
	padding: 16px 48px;
	word-break: break-word;
	min-height: 16px;
}

.single aside {
	margin-top:24px;
}

.single aside h1{
	line-height:1.4;
}

.single aside p,
.single aside li{
	padding-left: 24px;
	background: url(images/common/catch.png) no-repeat 0 0.28em;
}

.single aside .menu li{
	display: inline;
	padding-left: 0px;
	background: none;
}

.single aside .menu{
	margin-top:24px;
	text-align: center;
	margin-bottom:0 !important;
}

.single aside .menu li{
	display: inline;
}

.single aside .menu a{
	display:inline-block;
	min-width: 184px;
	padding: 4px 32px;
	border:1px solid #0084ff;
	font-size: 90%;
}

.single aside .menu a:hover{
	background:#DBEEFF;
	text-decoration:none;
}

.single aside .menu a:before{
	content: url(images/common/catch_link.png);
	vertical-align: 1px;
	margin-right: 6px;
}

@media screen and (min-width: 801px) and (max-width: 1024px){/* ロゴ右にグローバルメニュー表示 */

	.single aside{
		margin-right:4%;
		margin-left:4%;
	}
}

@media screen and (min-width: 481px) and (max-width: 800px){/* 最上部にグローバルメニュー表示 */

	.single #article_wrap h1{
		padding: 13px 32px 13px 48px;
	}

	.single #article_wrap .content {
		padding: 16px 32px 16px 48px;
	}

	.single aside{
		margin-right:4%;
		margin-left:4%;
	}

	.single aside .menu a {
		padding: 4px 8px;
		min-width: 200px;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 480px) {

	.single #article_wrap h1 {
		background-position: 4% 8px;
		padding: 13px 32px 13px 56px;
		border-radius: 0 0 0 0;
		-webkit-border-radius: 0 0 0 0;
		-moz-border-radius: 0 0 0 0;
	}

	.single #article_wrap .content {
		background-position: 4% 8px;
		padding: 16px 32px 16px 56px;
	}

	.single aside{
		margin-right:4%;
		margin-left:4%;
	}

	.single aside .menu a {
		display: block;
		margin:0 auto 4px;
		padding: 8px 32px;
		max-width: 288px;
		box-sizing: border-box;
	}
}



/* 投稿ページ（重要なお知らせ）
------------------------------------------------------------------------*/
.single-news #article_wrap h1 {
	border-top: 4px solid #FE0000;
	padding: 13px 32px;
	background: #FFE2E2;
}

.single-news #article_wrap .content {
	background: #fdfcf2;
	padding: 16px 32px;
}

@media screen and (max-width: 480px) {

	.single-news #article_wrap h1 {
	border-radius: 0 0 0 0;
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;

	}
}


/* 投稿ページ（動作確認済み環境、ご要望、新規リクエスト）
------------------------------------------------------------------------*/
.single-system #article_wrap h1,
.single-demand #article_wrap h1,
.single-product #article_wrap h1{
	border-top: 4px solid #49a849;
	padding: 13px 32px;
	background: #c5f0c4;
}

.single-system #article_wrap .content,
.single-demand #article_wrap .content,
.single-product #article_wrap .content {
	background: #fdfcf2;
	padding: 16px 32px;
}

@media screen and (max-width: 480px) {

	.single-system #article_wrap h1,
	.single-demand #article_wrap h1,
	.single-product #article_wrap h1 {
		border-radius: 0 0 0 0;
		-webkit-border-radius: 0 0 0 0;
		-moz-border-radius: 0 0 0 0;
	}
}



/* ページ別レイアウト（共通モジュール）
------------------------------------------------------------------------*/
.searchbox{
	margin-top:24px;
	background: #d7e5fa;
	padding:12px 32px;
}

.searchbox form .search_box_wrap{
	float:left;
	width:80%;
}

.searchbox form .search_box_wrap div{
	display:block;
	float:left;
	width:32.333%;
	margin-right:1%;
}

.searchbox form .submit_box{
	display: block;
	float: left;
	width: 20%;
}

.searchbox h3{
	margin-top:4px;
	margin-bottom:4px;
}

.searchbox select{
	width:100%;
	height: 32px;
}

.searchbox input[type="text"]{
	width:100%;
	height: 32px;
	padding: 5px;
	margin-top: 0px;
	position: relative;
}

.searchbox input[type="submit"]{
	border:none;
	background: #427cf6; /* Old browsers */
	background: -moz-linear-gradient(top,  #427cf6 0%, #0956cb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#427cf6), color-stop(100%,#0956cb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #427cf6 0%,#0956cb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #427cf6 0%,#0956cb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #427cf6 0%,#0956cb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #427cf6 0%,#0956cb 100%); /* W3C */
}

.all{
	text-align: center;
	margin-bottom:0 !important;
}

.all a{
	display:inline-block;
	min-width: 184px;
	padding: 4px 32px;
	border:1px solid #0084ff;
	font-size: 90%;
}

.all a:hover{
	background:#DBEEFF;
	text-decoration:none;
}

.all a:before{
	content: url(images/common/catch_link.png);
	vertical-align: 1px;
	margin-right: 6px;
}


/* タブ */
.tabs{
	width: 960px;
	margin: 16px auto;
	text-align: left;
	/*position: relative;*/
	min-height: 224px;
}

.tabs:after,
.tabs dl:after{
	content:"";
	clear:both;
	display:block;
}

.tabs dl{
	position: absolute;
	width: 960px;
}

.tabs dt{
	position: absolute;
	top: 4px;
	text-align: center;
	background:#f4f4f4;
	z-index: 5;
	min-width: 212px;
}

.tabs dt a{
	display: block;
	height: 32px;
	padding: 6px 16px;
	box-sizing: border-box;
	text-align: center;
	background-color: #dfdfdf;
	font-weight:bold;
	color:#000;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	cursor: pointer;
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
}

.tabs dt a:hover {
	background-color: #f8f8f8;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	color:#000;
	text-decoration:none;
	margin-top: -4px;
	height: 36px;
	padding: 6px 16px;
}

.tabs dl.show dt a{
	background-color: #f8f8f8;
	color: #000000;
	margin-top: -4px;
	height: 37px;
	padding: 6px 16px;
}

.tabs dd{
	position: absolute;
	top: 36px;
	left: 0;
	min-height: 200px;
	width: 928px;
	margin: 0 16px;
	padding: 16px;
	background:#f8f8f8;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

/*
.tabs dd ul{
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-o-column-count: 2;
	-ms-column-count: 2;
	column-count: 2;
}
*/

.tabs dd li{
/*
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
*/
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.tabs dd ul{
	margin-bottom:0em;
}

.tabs dd li{
	padding-left: 24px;
	background: url(images/common/catch.png) no-repeat 0 0.28em;
}

.tabs dd li a:hover{
	text-decoration: underline !important;
}

.tabs dd .all{
	margin-top:1.6em;
}

@media screen and (min-width: 801px) and (max-width: 1024px){/* ロゴ右にグローバルメニュー表示 */

	.searchbox{
		padding:12px 24px !important;
		margin-right:4%;
		margin-left:4%;
	}

	.searchbox form .search_box_wrap{
		width:87%;
	}

	.searchbox form .submit_box{
		width:13%;
	}

	.tabs{
		width: 100%;
		/*padding: 16px 0;*/
		box-sizing: border-box;
		/*min-height: 252px;*/
		min-height: 224px;
		margin: 16px 0;
	}

	.tabs dl{
		width: 100%;
	}

	.tabs dt{
		width: 21%;
		min-width:0;
	}

	.tabs dt a{
		padding: 6px 8px;
	}

	.tabs dl.show dt a{
		padding: 6px 8px;
	}

	.tabs dd{
		width: 92%;
		margin: 0;
		padding: 16px;
	}
}

@media screen and (min-width: 481px) and (max-width: 800px){/* 最上部にグローバルメニュー表示 */

	.searchbox{
		padding:12px 24px !important;
		margin-top:24px;
		margin-right:4%;
		margin-left:4%;
	}

	.searchbox form .search_box_wrap{
		float:left;
		width:72%;
	}

	.searchbox form .search_box_wrap div{
		margin-bottom: 0.4em;
		float: left;
		width: 100%;
		margin-right: 1%;
	}

	.searchbox form .search_box_wrap div.keyword{
		margin-bottom: 0em;
	}

	.searchbox form .submit_box{
		display: block;
		float: left;
		width: 28%;
	}

}

@media screen and (min-width: 651px) and (max-width: 800px){/* 最上部にグローバルメニュー表示（タブ表示） */

	.tabs{
		width: 100%;
		/*padding: 16px 0;*/
		box-sizing: border-box;
		/*min-height: 252px;*/
		min-height: 224px;
		margin: 16px 0;
	}

	.tabs dl{
		width: 92%;
	}

	.tabs dt{
		width: 25%;
		min-width:0;
	}

	.tabs dt a{
		padding: 6px 8px;
	}

	.tabs dl.show dt a{
		padding: 6px 8px;
	}

	.tabs dd{
		width: 100%;
		margin: 0;
		padding: 16px;
	}

}

@media screen and (min-width: 481px) and (max-width: 650px){/* 最上部にグローバルメニュー表示（トグル表示） */

	.tabs{
		width: 90%;
		position: static;
		min-height: 0;
		border-bottom: 1px solid #ccc;
	}

	.tabs dl{
		position: static;
		width: 100%;
		margin-bottom: 0 !important;
	}

	.tabs dt{
		position: static;
		top: 0px;
		background:#f4f4f4;
		min-width: 0;
	}

	.tabs dt a {
		display: block;
		height: auto;
		padding: 12px 16px;
		background-color: #dfdfdf;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-radius: 0 0 0 0;
		-webkit-border-radius: 0 0 0 0;
		-moz-border-radius: 0 0 0 0;
		position: relative;
	}

	.tabs dt a:hover {
		background-color: #dfdfdf;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		margin-top: 0;
		height: auto;
		padding: 12px 16px;
	}

	.tabs dt a:after {
		content: "";
		display: block;
		width: 7px;
		height: 7px;
		border-top: 2px solid #333333;
		border-right: 2px solid #333333;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		right: 16px;
		top: 50%;
		margin-top: -5px;
	}

	.tabs dl.show dt a {
		background-color: #f8f8f8;
		color: #000000;
		margin-top: 0;
		height: auto;
		padding: 12px 16px;
	}

	.tabs dl.show dt a:after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 59%;
	}

	.tabs dd{
		/*display: none;*/
		position: static;
		width: 100%;
		margin: 0;
		padding: 0px;
		min-height: 0px;
		border-bottom: none;
		margin-bottom: 0 !important;
	}

	.tabs dd ul{
		margin-bottom:0 !important;
		-moz-column-count: 1;
		-webkit-column-count: 1;
		-o-column-count: 1;
		-ms-column-count: 1;
		column-count: 1;
	}

	.tabs dd li{
		padding-left: 0px;
		background: none;
	}

	.tabs dd li a,
	.tabs dd li.nolink{
		display:block;
		position: relative;
		padding: 12px 16px 12px 40px;
		background: url(images/common/catch.png) no-repeat 16px 1.1em;
		margin-bottom: 0;
		border-bottom: 1px solid #ccc;
		white-space: normal;
	}

	.tabs dd p{
		margin-bottom:0 !important;
	}

	.tabs dd .all{
		margin:0;
	}

	.tabs dd .all a{
		display: block;
		padding: 12px 32px;
		margin: 0 auto;
		border: none !important;
		max-width: 100%;
	}

}

@media screen and (max-width: 480px) {
	.searchbox{
		padding:16px;
		margin-top:0px;
	}

	.searchbox form .search_box_wrap{
		float:none;
		width:100%;
	}

	.searchbox form .search_box_wrap div{
		margin-bottom: 0.4em;
		float:none;
		width:100%;
		margin-right:0%;
	}

	.searchbox form .submit_box{
		display: block;
		float: none;
		width: 100%;
	}

	.searchbox select,
	.searchbox input{
		width:100%;
	}

	.searchbox input[type="text"] {
		width:100%;
		min-width: auto;
	}

	.searchbox input[type="submit"]{
		margin:0;
	}

	.all{
		margin:0 16px;
	}

	.all a{
		padding: 8px 32px;
		width: 100%;
		max-width: 288px;
		box-sizing: border-box;
	}

	/* タブ */
	.tabs{
		width: 90%;
		position: static;
		min-height: 0;
		border-bottom: 1px solid #ccc;
	}

	.tabs dl{
		position: static;
		width: 100%;
		margin-bottom: 0 !important;
	}

	.tabs dt{
		position: static;
		top: 0px;
		background:#f4f4f4;
		min-width: 0;
	}

	.tabs dt a {
		display: block;
		height: auto;
		padding: 12px 16px;
		background-color: #dfdfdf;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-radius: 0 0 0 0;
		-webkit-border-radius: 0 0 0 0;
		-moz-border-radius: 0 0 0 0;
		position: relative;
	}

	.tabs dt a:hover {
		background-color: #dfdfdf;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		margin-top: 0;
		height: auto;
		padding: 12px 16px;
	}

	.tabs dt a:after {
		content: "";
		display: block;
		width: 7px;
		height: 7px;
		border-top: 2px solid #333333;
		border-right: 2px solid #333333;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		right: 16px;
		top: 50%;
		margin-top: -5px;
	}

	.tabs dl.show dt a {
		background-color: #f8f8f8;
		color: #000000;
		margin-top: 0;
		height: auto;
		padding: 12px 16px;
	}

	.tabs dl.show dt a:after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 59%;
	}

	.tabs dd{
		/*display: none;*/
		position: static;
		width: 100%;
		margin: 0;
		padding: 0px;
		min-height: 0px;
		border-bottom: none;
		margin-bottom: 0 !important;
	}

	.tabs dd ul{
		margin-bottom:0 !important;
		-moz-column-count: 1;
		-webkit-column-count: 1;
		-o-column-count: 1;
		-ms-column-count: 1;
		column-count: 1;
	}

	.tabs dd li{
		padding-left: 0px;
		background: none;
	}

	.tabs dd li a,
	.tabs dd li.nolink{
		display:block;
		position: relative;
		padding: 12px 16px 12px 40px;
		background: url(images/common/catch.png) no-repeat 16px 1.1em;
		margin-bottom: 0;
		border-bottom: 1px solid #ccc;
		white-space: normal;
	}

	.tabs dd p{
		margin-bottom:0 !important;
	}

	.tabs dd .all{
		margin:0;
	}

	.tabs dd .all a{
		display: block;
		padding: 12px 32px;
		margin: 0 auto;
		border: none !important;
		max-width: 100%;
	}
}



/* ページ別レイアウト（ホーム）
------------------------------------------------------------------------*/

/* 重要なお知らせ */
.home #news{
	margin-top:24px;
}

.home #news .box{
	padding:16px 16px;
	border:4px solid #ff0000;
	box-sizing: border-box;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.home #news h2{
	display: inline-block;
	color: #ffffff;
	margin-left: 16px;
	margin-bottom: 0;
	padding: 8px 24px 8px 40px;
	background: #FE0000 url(images/home/icon_news.png) no-repeat 16px 50%;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
}

.home #news h3{
	margin:4px 0;
}

.home #news ul{
	margin-bottom:0em;
}

.home #news li{
	padding-left: 24px;
	background: url(images/common/catch.png) no-repeat 0 0.28em;
}

.home #news .multicolumn {
	width: 960px;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-o-column-count: 2;
	-ms-column-count: 2;
	column-count: 2;
}

.home #news .multicolumn .dontsplit {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

@media screen and (min-width: 801px) and (max-width: 1024px){/* ロゴ右にグローバルメニュー表示 */

	.home #news{
	}

	.home #news .multicolumn{
		width:100%;
	}
}

@media screen and (min-width: 481px) and (max-width: 800px){/* 最上部にグローバルメニュー表示 */

	.home #news{
		margin-top:0px;
	}

	.home #news .multicolumn{
		width:100%;
		-moz-column-count: 1;
		-webkit-column-count: 1;
		-o-column-count: 1;
		-ms-column-count: 1;
		column-count: 1;
	}
}

@media screen and (max-width: 480px) {

	.home #news{
		margin-top:0px;
	}

	.home #news h2{
		display:block;
		margin-left: 0;
		border-radius: 0 0 0 0;
		-webkit-border-radius: 0 0 0 0;
		-moz-border-radius: 0 0 0 0;
	}

	.home #news .multicolumn{
		width:100%;
		-moz-column-count: 1;
		-webkit-column-count: 1;
		-o-column-count: 1;
		-ms-column-count: 1;
		column-count: 1;
	}

	.home #news .box{
		padding: 0;
		border: none;
	}

	.home #news .box h3{
		margin: 0;
		padding: 8px 16px;
		background: #ECECEC;
	}

	.home #news ul {
		margin-bottom: 0;
	}

	.home #news .box li{
		border-bottom:1px solid #ccc;
		padding: 0;
		background: none;
	}

	.home #news .box li:first-child{
		border-top:1px solid #ccc;
	}

	.home #news .box li a{
		display: block;
		padding: 12px 32px 12px 16px;
		position: relative;
		line-height: 1.4;
	}

	.home #news .box li.nolink{
		display: block;
		padding: 12px 16px 12px 16px;
		position: relative;
		line-height: 1.4;
	}

	.home #news .box li a:after {
		content: "";
		display: block;
		width: 7px;
		height: 7px;
		border-top: 2px solid #333333;
		border-right: 2px solid #333333;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		right: 16px;
		top: 50%;
		margin-top: -5px;
	}
}

/* 検索 */
@media screen and (max-width: 480px) {
	.home .searchbox{
		margin-top:0;
	}
}

/* よく参照されているお問い合わせ */
.home #often h2{
	margin-top:24px;
	padding: 8px 24px 8px 40px;
	background: #49a849 url(images/home/icon_favorite.png) no-repeat 16px 50%;
	color:#fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.home #often ul{
	margin-bottom:1.6em;
	padding:0 16px;
}

.home #often li{
	padding-left: 24px;
	background: url(images/common/catch.png) no-repeat 0 0.28em;
}


@media screen and (max-width: 480px) {
	.home #often{
		margin-top:0px;
	}

	.home #often h2{
		display:block;
		margin-top: 0;
		margin-left: 0;
		margin-bottom: 0;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
	}

	.home #often ul {
		margin-bottom: 16px;
		padding: 0;
	}

	.home #often li{
		border-bottom:1px solid #ccc;
		padding: 0;
		background: none;
	}

	.home #often li:first-child{
		border-top:1px solid #ccc;
	}

	.home #often li a{
		display: block;
		padding: 12px 32px 12px 16px;
		position: relative;
		line-height: 1.4;
	}

	.home #often li a:after {
		content: "";
		display: block;
		width: 7px;
		height: 7px;
		border-top: 2px solid #333333;
		border-right: 2px solid #333333;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		right: 16px;
		top: 50%;
		margin-top: -5px;
	}
}

/* 動作確認済み環境 */
.home #system h2{
	margin-top:24px;
	padding: 8px 24px 8px 40px;
	background: #6eb620 url(images/home/icon_system.png) no-repeat 16px 50%;
	color:#fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.home #system ul{
	padding:0 16px;
}

.home #system .category_list li{
	display:inline;
}

.home #system .category_list li a{
	float: left;
	border:1px solid #0084ff;
	display:inline-block;
	padding: 4px 32px;
	width: 23.5%;
	margin-left:2%;
	margin-bottom:8px;
	text-align: center;
	box-sizing: border-box;
}

.home #system .category_list li:first-child a,
.home #system .category_list li:nth-child(4n+1) a{
	margin-left:0;
}

.home #system .category_list li a:hover{
	background:#DBEEFF;
	text-decoration:none;
}

.home #system .category_list li a:before{
	content: url(images/common/catch_link.png);
	vertical-align: 1px;
	margin-right: 6px;
}

.home #system .category_list li a{
	float: left;
	border:1px solid #0084ff;
	display:inline-block;
	padding: 4px 32px;
	width: 23.5%;
	margin-left:2%;
	margin-bottom:8px;
	text-align: center;
	box-sizing: border-box;
}

.home #system .category_list li:first-child a,
.home #system .category_list li:nth-child(4n+1) a{
	margin-left:0;
}

@media screen and (min-width: 801px) and (max-width: 1024px){/* ロゴ右にグローバルメニュー表示 */

}

@media screen and (min-width: 481px) and (max-width: 800px){/* 最上部にグローバルメニュー表示 */
	.home #system .category_list li a{
		padding: 4px 32px;
		width: 47%;
	}

	.home #system .category_list li:first-child a,
	.home #system .category_list li:nth-child(4n+1) a{
		margin-left:2%;
	}
}

@media screen and (max-width: 480px) {

	.home #system h2 {
		margin-top: 16px;
		margin-bottom: 0;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
	}

	.home #system ul {
		padding: 0;
		margin-bottom:0;
	}

	.home #system .category_list li a{
		float: none;
		border: none;
		border-bottom:1px solid #bebebe;
		display: block;
		width: 100%;
		text-align:left;
		margin-bottom:0;
		padding: 12px 32px 12px 40px;
		background: url(images/common/catch.png) no-repeat 16px 50%;
		font-weight: bold;
		margin-left:0px !important;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}

	.home #system .category_list li a:hover{
		background: #DBEEFF url(images/common/catch.png) no-repeat 16px 50%;
	}

	.home #system .category_list li:first-child a{
		border-top:1px solid #ccc;
	}

	.home #system .category_list li a:before{
		display:none;
	}

}



/* ご質問の種類から探す */
.home #kind h2{
	margin-top:24px;
	padding: 8px 24px 8px 40px;
	background: #a8a749 url(images/home/icon_kind.png) no-repeat 16px 50%;
	color:#fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.home #kind .multicolumn {
	width: 960px;
	padding:0 16px;
	margin-bottom:0 !important;
	box-sizing:border-box;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	-o-column-count: 3;
	-ms-column-count: 3;
	column-count: 3;
}

.home #kind ul.category_list > li > a{/* 親カテゴリー（FAQ） */
	display:none;
}

.home #kind ul.category_list > li ul.children{
	margin-bottom:0 !important;

}

.home #kind ul.category_list > li > ul.children > li{/* 子カテゴリー（サービス・機能） */
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	padding-bottom: 10px;
}

.home #kind ul.category_list > li > ul.children > li > a{
	display: block;
	margin-bottom: 0.4em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 24px;
	background: url(images/common/catch.png) no-repeat 0 50%;
	border-bottom:1px solid #bebebe;
	font-weight:bold;
}

.home #kind ul.category_list > li > ul.children > li > .children > li > a{/* 孫カテゴリー（有料会員サービス） */
	display: block;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	padding-left: 16px;
	background: url(images/common/catch_link.png) no-repeat 2px 50%;
	font-size:90%;
}

.home #kind ul.category_list > li > ul.children > li > .children > li li > a{/* 孫以下カテゴリー */
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	background: none;
	padding-left: 18px;
}

.home #kind ul.category_list > li > ul.children > li > .children > li li > a:before{
	content:"-";
	margin-right:4px;
}

@media screen and (min-width: 801px) and (max-width: 1024px){/* ロゴ右にグローバルメニュー表示 */

	.home #kind .multicolumn {
		width: 100%;
		padding: 0;
		-moz-column-count: 3;
		-webkit-column-count: 3;
		-o-column-count: 3;
		-ms-column-count: 3;
		column-count: 3;
	}
}

@media screen and (min-width: 481px) and (max-width: 800px){/* 最上部にグローバルメニュー表示 */

	.home #kind .multicolumn {
		width: 100%;
		padding: 0;
		-moz-column-count: 2;
		-webkit-column-count: 2;
		-o-column-count: 2;
		-ms-column-count: 2;
		column-count: 2;
	}
}



@media screen and (max-width: 480px) {

	.home #kind h2 {
		margin-top: 0;
		margin-bottom: 0;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
	}

	.home #kind .multicolumn {
		width: 100%;
		padding: 0;
		-moz-column-count: 1;
		-webkit-column-count: 1;
		-o-column-count: 1;
		-ms-column-count: 1;
		column-count: 1;
	}

	.home #kind h2 {
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
	}

	.home #kind ul {
		padding: 0;
		margin-bottom:0;
	}

	.home #kind .category_list li a{
		float: none;
		border: none;
		border-bottom:1px solid #bebebe;
		display: block;
		width: 100%;
		text-align:left;
		margin-bottom:0;
		padding: 6px 32px 6px 40px;
		font-weight: bold;
		margin-left:0px !important;
	}

	.home #kind ul.category_list > li > ul.children > li{/* 子カテゴリー（サービス・機能） */
		padding-bottom:0;
	}

	.home #kind ul.category_list > li > ul.children > li:first-child > a{
		border-top: 1px solid #bebebe;
	}

	.home #kind ul.category_list > li > ul.children > li > a {
		padding:12px 24px 12px 40px;
		background: url(images/common/catch.png) no-repeat 16px 50%;
		margin-bottom:0;

	}

	.home #kind ul.category_list > li > ul.children > li > .children > li > a{/* 孫カテゴリー（有料会員サービス） */
		padding-left: 0px;
		margin:0;
		background: #f4f4f4;
		padding:12px 32px 12px 16px;
		box-sizing:border-box;
		position: relative;
		font-weight: normal;
	}

	.home #kind ul.category_list > li > ul.children > li > .children > li > a:after {
		content: "";
		display: block;
		width: 7px;
		height: 7px;
		border-top: 2px solid #333333;
		border-right: 2px solid #333333;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		right: 16px;
		top: 50%;
		margin-top: -5px;
	}

}

/* お客様からのご意見・ご要望へご対応状況のご報告です */
.home #demand h2{
	margin-top:24px;
	padding: 8px 24px 8px 40px;
	background: #a87a49 url(images/home/icon_demand.png) no-repeat 16px 50%;
	color:#fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.home #demand h2 + .all-demand{
	margin:0 32px;
}

.home #demand .all-demand a{
	display: inline-block;
	padding: 4px 32px;
	min-width: 212px;
	max-width: 280px;
	box-sizing:border-box;
	text-align:center;
	color:#a87a49;
	font-size:90%;
	font-weight:bold;
	border:2px solid #a87a49;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.home #demand .all-demand a:hover {
	background: #F4E2CF;
	text-decoration: none;
}

.home #demand .all-demand a:before{
	content: url(images/common/catch_demand.png);
	vertical-align: 1px;
	margin-right: 6px;
}

/* タブ */
.home #demand .tabs #improvement dt{
	left: 32px;
}

.home #demand .tabs #improvement dt a:before{
	content: url(images/home/icon_improvement.png);
	margin-right: 6px;
}

.home #demand .tabs #examination dt{
	left: 260px;
}

.home #demand .tabs #examination dt a:before{
	content: url(images/home/icon_examination.png);
	margin-right: 6px;
}

.home #demand .tabs #not-demand dt{
	left: 488px;
}

.home #demand .tabs #not-demand dt a:before{
	content: url(images/home/icon_not_demand.png);
	margin-right: 6px;
}

.home #demand .tabs dt a:hover,
.home #demand .tabs dl.show dt a{
	border-top: 4px solid #a87a49;
}

@media screen and (min-width: 1025px) {/* 960px固定 */

}

@media screen and (min-width: 801px) and (max-width: 1024px){/* ロゴ右にグローバルメニュー表示 */

	.home #demand h2 + .all-demand{
		margin:0 2%;
	}

	.home #demand .tabs #improvement dt{
		left: 2%;
	}

	.home #demand .tabs #examination dt{
		left: 24.333%;
	}

	.home #demand .tabs #not-demand dt{
		left: 46.666%;
	}

}

@media screen and (min-width: 651px) and (max-width: 800px){/* 最上部にグローバルメニュー表示（タブ表示） */

	.home #demand h2 + .all-demand {
		text-align: center;
		margin: 0 16px;
	}

	.home #demand .tabs #improvement dt{
		left: 0%;
	}

	.home #demand .tabs #examination dt{
		left: 25%;
	}

	.home #demand .tabs #not-demand dt{
		left: 50%;
	}
}

@media screen and (min-width: 481px) and (max-width: 650px){/* 最上部にグローバルメニュー表示（トグル表示） */

	.home #demand h2 + .all-demand {
		text-align: center;
		margin: 0 16px;
	}

	.home #demand .all-demand a{
		padding: 8px 16px;
		width:100%;
	}

	.home #demand .tabs dt a:hover,
	.home #demand .tabs dl.show dt a{
		border-top: 1px solid #ccc;
	}
}

@media screen and (max-width: 480px) {

	.home #demand h2 {
		margin-top: 0;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
	}

	.home #demand h2 + .all-demand {
		text-align: center;
		margin: 0 16px;
	}

	.home #demand .all-demand a{
		padding: 8px 16px;
		width:100%;
	}

	.home #demand .tabs dt a:hover,
	.home #demand .tabs dl.show dt a{
		border-top: 1px solid #ccc;
	}

}


/* 新規作品リクエスト */
.home #product h2{
	margin-top:24px;
	padding: 8px 24px 8px 40px;
	background: #a84971 url(images/home/icon_product.png) no-repeat 16px 50%;
	color:#fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.home #product h2 + .all-product{
	margin:0 32px;
}

.home #product .all-product a{
	display: inline-block;
	padding: 4px 24px;
	min-width: 212px;
	max-width: 280px;
	box-sizing:border-box;
	text-align:center;
	color:#a84971;
	font-size:90%;
	font-weight:bold;
	border:2px solid #a84971;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.home #product .all-product a:hover {
	background: #F4D9E5;
	text-decoration: none;
}

.home #product .all-product a:before{
	content: url(images/common/catch_product.png);
	vertical-align: 1px;
	margin-right: 6px;
}

/* タブ */
.home #product .tabs dd ul{
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-o-column-count: 2;
	-ms-column-count: 2;
	column-count: 2;
}

.home #product .tabs #provide dt{
	left: 32px;
}

.home #product .tabs #provide dt a:before{
	content: url(images/home/icon_provide.png);
	margin-right: 6px;
}

.home #product .tabs #decide dt{
	left: 260px;
}

.home #product .tabs #decide dt a:before{
	content: url(images/home/icon_decide.png);
	margin-right: 6px;
}

.home #product .tabs #responding dt{
	left: 488px;
}

.home #product .tabs #responding dt a:before{
	content: url(images/home/icon_responding.png);
	margin-right: 6px;
}

.home #product .tabs #not-product dt{
	left: 716px;
}

.home #product .tabs #not-product dt a:before{
	content: url(images/home/icon_not_product.png);
	margin-right: 6px;
}

.home #product .tabs dt a:hover,
.home #product .tabs dl.show dt a{
	border-top: 4px solid #a84971;
}

@media screen and (min-width: 801px) and (max-width: 1024px){/* ロゴ右にグローバルメニュー表示 */

	.home #product h2 + .all-product{
		margin:0 2%;
	}

	.home #product .tabs #provide dt{
		left: 2%;
	}

	.home #product .tabs #decide dt{
		left: 24.333%;
	}

	.home #product .tabs #responding dt{
		left: 46.666%;
	}

	.home #product .tabs #not-product dt{
		left: 69%;
	}


}

@media screen and (min-width: 651px) and (max-width: 800px){/* 最上部にグローバルメニュー表示（タブ表示） */

	.home #product h2 + .all-product {
		text-align: center;
		margin: 0 16px;
	}

	.home #product .tabs #provide dt{
		left: 0%;
	}

	.home #product .tabs #decide dt{
		left: 25%;
	}

	.home #product .tabs #responding dt{
		left: 50%;
	}

	.home #product .tabs #not-product dt{
		left: 75%;
	}
}

@media screen and (min-width: 481px) and (max-width: 650px){/* 最上部にグローバルメニュー表示（トグル表示） */

	.home #product .tabs dd ul{
		-moz-column-count: 1;
		-webkit-column-count: 1;
		-o-column-count: 1;
		-ms-column-count: 1;
		column-count: 1;
	}

	.home #product h2 + .all-product {
		text-align: center;
		margin: 0 16px;
	}

	.home #product .all-product a {
		padding: 8px 16px;
		width:100%;
	}

	.home #product .tabs dt a:hover,
	.home #product .tabs dl.show dt a{
		border-top: 1px solid #ccc !important;
	}
}



@media screen and (max-width: 480px) {

	.home #product h2 {
		margin-top: 0;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
	}

	.home #product h2 + .all-product {
		text-align: center;
		margin: 0 16px;
	}

	.home #product .all-product a {
		padding: 8px 16px;
		width:100%;
	}

	.home #product .tabs dt a:hover,
	.home #product .tabs dl.show dt a{
		border-top: 1px solid #ccc !important;
	}
}

/* お問い合わせ */
.home #contact h2{
	margin-top:24px;
	padding: 8px 24px 8px 40px;
	background: #9349a8 url(images/home/icon_contact2.png) no-repeat 16px 50%;
	color:#fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.home #contact p{
	margin:0 16px 1.6em;
	padding-left: 24px;
	background: url(images/common/catch.png) no-repeat 0 0.28em;
}

@media screen and (max-width: 480px) {

	.home #contact h2 {
		margin-top: 0;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
	}
}

/* ページ別レイアウト
------------------------------------------------------------------------*/

/* お問い合わせ */
.page-contact #article_wrap ul.note_box{
	padding: 16px;
	background: #f8f8f8;
	margin-top: 24px;
}

.page-contact #article_wrap ul.note_box li:before{
	content:"※";
	margin-right:0.5em;
	color:#e71f1a;
	font-weight:bold;
}

.page-contact #article_wrap ul.contact_list li{
	padding-left: 24px;
	background: url(images/common/catch.png) no-repeat 0 0.28em;
}

.page-contact #article_wrap ul.contact_list.multicolumn {
	width: 960px;
	padding:0 16px;
	box-sizing:border-box;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-o-column-count: 2;
	-ms-column-count: 2;
	column-count: 2;
}

.page-contact #article_wrap ul.contact_list.multicolumn li{
	margin-top:0.2em;
	margin-bottom:0.2em;
}


.page-contact #article_wrap ul.contact_list.multicolumn li .caution{
	background: #e61e1a;
	padding: 4px 8px;
	font-size: 60%;
	color: #fff;
	margin: 0 8px;
	white-space: nowrap;
}

.page-contact #article_wrap .news {
	padding:0 16px;
}

.page-contact #article_wrap .news span{
	display:block;
	padding-left: 24px;
	background: url(images/common/catch.png) no-repeat 0 0.28em;
}

.page-contact #article_wrap .note{
	font-size:90%;
	padding:0 16px;
}

.page-contact #article_wrap .note li:before{
	content:"※";
	margin-right:0.5em;
}

@media screen and (min-width: 801px) and (max-width: 1024px){/* ロゴ右にグローバルメニュー表示 */

	.page-contact #article_wrap ul.note_box{
		padding: 16px;
		margin: 24px 4%;
	}

	.page-contact #article_wrap ul.contact_list.multicolumn {
		width: 100%;
		padding:0 4%;
	}

	.page-contact #article_wrap .news {
		padding:0 4%;
	}

	.page-contact #article_wrap .note{
		padding:0 4%;
	}
}

@media screen and (min-width: 481px) and (max-width: 800px){/* 最上部にグローバルメニュー表示 */

	.page-contact #header_wrap h2 img {
		height: 18px;
		width: auto !important;
	}

	.page-contact #article_wrap ul.note_box{
		padding: 16px;
		margin: 0px 4% 24px;
	}

	.page-contact #article_wrap ul.contact_list.multicolumn {
		width: 100%;
		padding:0 4%;
	}

	.page-contact #article_wrap .news {
		padding:0 4%;
	}

	.page-contact #article_wrap .note{
		padding:0 4%;
	}
}

@media screen and (max-width: 480px) {/* スマートフォン */

	.page-contact #header_wrap h2 img {
		height: 18px;
		width: auto !important;
	}

	.page-contact #article_wrap ul.note_box{
		padding: 16px 4%;
		margin-top: 0;
	}

	.page-contact #article_wrap ul.contact_list.multicolumn {
		width: 100%;
		padding:0 4%;
		box-sizing:border-box;
		-moz-column-count: 1;
		-webkit-column-count: 1;
		-o-column-count: 1;
		-ms-column-count: 1;
		column-count: 1;
	}

	.page-contact #article_wrap .news {
		padding:0 4%;
	}

	.page-contact #article_wrap .note{
		padding:0 4%;
	}
}







/*--------------------------------------------------------------------------
◆テーブル
--------------------------------------------------------------------------*/
table{
	width:100%;
	line-height:160%;
	margin:0 auto;
}

table th,
table td{
	border:1px solid #E6E6E6;
	padding:7px 10px;
}

table th{
	background:#efefef;
	color:#333333;
	font-weight:bold;
	width:23%;
}

table td{
	text-align:left;
	background:#FFFFFF;
}

table tbody th{
	text-align:left;
}

table td *{
	margin-bottom:1em !important;
}

table td ul.catch{
	margin-bottom:0em !important;
}

table td ul.catch li{
	margin-bottom:0.4em !important;
}

table td ul.catch li:last-of-type{
	margin-bottom:0em !important;
}

table td ul.catch br{
	display:none !important;
}

table td *:last-of-type{
	margin-bottom:0 !important;
}

@media screen and (max-width: 480px) {

	table{
		width:100%;
		text-align:left;
	}

	table tr{
		display:block;
		padding:0;
	}

	table th{
		display: block;
		background: #E5E5E5;
		width: auto;
		border: none;
		padding: 4px 16px;
	}

	table td{
		display:block;
		border:1px solid #E5E5E5;
		background:#fff;
		border:none;
		line-height:160%;
		padding: 16px;
	}
}



/*--------------------------------------------------------------------------
◆tablepressプラグイン
--------------------------------------------------------------------------*/
.tablepress {
	font-size: 95%;
}

.tablepress thead th{
	border:1px solid #ccc !important;
}

.tablepress th{
	width:12.5%;
	background:#eee !important;
}

.tablepress th div{
	color:#333 !important;
}

.tablepress tbody{
	border-top:1px solid #E6E6E6;
}

.tablepress tbody .column-1{
	color: #FFF;
	font-weight: bold;
	width:29%;
}

.tablepress thead + tbody .column-1{
	color:inherit !important;
	font-weight:inherit !important;
	width:inherit !important;
}

.tablepress tbody td{
	border: 1px solid #E6E6E6;
}

@media screen and (max-width: 480px) {

	.tablepress{
		width:100%;
		text-align:left;
	}

	.tablepress tr{
		display: table-row;
		padding:0;
	}

	.tablepress th{
		display: table-cell;
		background: #efefef;
		width:15%;
		border: none;
		padding:7px 10px;
	}

	.tablepress td{
		display: table-cell;
		border:1px solid #E5E5E5;
		padding:7px 10px;
	}
}


/*--------------------------------------------------------------------------
◆ページ上部下部へ
--------------------------------------------------------------------------*/
#pagenavi {
	display:none;
	position: fixed;
	bottom: 3%;
	right: 6%;
	margin-bottom:0;
	z-index:9999;
}

#pagenavi li{
	background:none;
	padding-left:0 !important;
}

#pagenavi a{
	display: block;
	width: 48px;
	height: 48px;
	margin-top:3px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#pagenavi a:hover{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#pagenavi i.icon-up-dir-1,
#pagenavi i.icon-down-dir-2{
	font-size:180%;
}

#pagetop a .icon-up-open:before{
	display:block;
	font-size:100%;
	color:#FFFFFF;
}



@media screen and (max-width: 950px) {

	#pagenavi {
		bottom: 0%;
		right: 3%;
	}

	#pagenavi a{
		width:34px;
		height:34px;
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
		background-size: contain;
	}

	#pagenavi a:hover{
		filter:alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
	}

	#pagetop a{
		line-height: 210%;
	}


	#pagetop a .icon-up-open:before{
		font-size:100%;
	}



	#pagenavi i.icon-up-dir-1,
	#pagenavi i.icon-down-dir-2{
		font-size:150%;
	}
}







/*--------------------------------------------------------------------------
◆カテゴリー
--------------------------------------------------------------------------*/
.category h1{
	font-weight:bold;
}

.category h1 span.category{
	display: inline-block;
	font-size: 86%;
	background: #A8A8A8;
	color: #fff;
	padding: 2px 8px;
	margin-right: 8px;
}

.category .list{
	margin: 24px 16px 0;
}

.category .list h1{
	margin-bottom: 1.618em;
}

.category .list li{
	margin: 8px 0px;
	padding-left: 24px;
	background: url(images/common/catch.png) no-repeat 0 0.28em;
}

.category .pagination{
	margin-bottom: 2em;
}

.category .pagination_top{
	display:none;
}

.category aside {
	margin-top:24px;
}

.category aside h1{
	line-height:1.4;
}

.category aside p,
.category aside li{
	padding-left: 24px;
	background: url(images/common/catch.png) no-repeat 0 0.28em;
}

.category aside .menu li{
	display: inline;
	padding-left: 0px;
	background: none;
}

.category aside .menu{
	margin-top:24px;
	text-align: center;
	margin-bottom:0 !important;
}

.category aside .menu li{
	display: inline;
}

.category aside .menu a{
	display:inline-block;
	min-width: 184px;
	padding: 4px 32px;
	border:1px solid #0084ff;
	font-size: 90%;
}

.category aside .menu a:hover{
	background:#DBEEFF;
	text-decoration:none;
}

.category aside .menu a:before{
	content: url(images/common/catch_link.png);
	vertical-align: 1px;
	margin-right: 6px;
}

@media screen and (min-width: 801px) and (max-width: 1024px){/* ロゴ右にグローバルメニュー表示 */

	.category aside{
		margin-right:4%;
		margin-left:4%;
	}
}

@media screen and (min-width: 481px) and (max-width: 800px){/* 最上部にグローバルメニュー表示 */

	.category aside{
		margin-right:4%;
		margin-left:4%;
	}

	.category aside .menu a {
		padding: 4px 8px;
		min-width: 200px;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 480px) {

	.category aside{
		margin-right:4%;
		margin-left:4%;
	}

	.category aside .menu a {
		display: block;
		margin:0 auto 4px;
		padding: 8px 32px;
		max-width: 288px;
		box-sizing: border-box;
	}
}



/*--------------------------------------------------------------------------
◆ページナビ　ページネーション
--------------------------------------------------------------------------*/
.pagination {
	clear:both;
	overflow: hidden;
	text-align: center;
}

.pagination li{
	display:inline;
	padding-left:0 !important;
	background:none !important;
}

.pagination li span,
.pagination li a {
	display:inline-block;
	margin: 0 4px;
	padding:8px 0;
	width:40px;
	text-decoration:none;
	color:#333333;
	background: #f2f2f2;
}
  
.pagination li a:hover{
	color:#fff;
	background: #0084ff;
}

.pagination li .current{
	padding:8px 0;
	background: #0084ff;
	color:#fff;
}

@media screen and (max-width: 480px){

	.pagination {
		margin-right:-4px;
	}

	.pagination span,
	.pagination a {
		margin: 2px 4.7px 2px 0;
	}

	.pagination a:after{
		border:none !important;
	}
}




/*--------------------------------------------------------------------------
◆フッター
--------------------------------------------------------------------------*/
#footer_wrap{
	margin:0px auto;
	width:90%;
	overflow:hidden;
	font-size:90%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#footer_wrap h1{
	width:108px;
	padding-top: 5px;
	padding-bottom: 15px;
}

#footer_wrap h1 {
	width:108px;
	padding-top: 5px;
	padding-bottom: 15px;
}

#footer_wrap h1 a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#footer_wrap ul{
	text-align:center;
}

#footer_wrap ul li{
	display: inline;
	line-height: 150%;
	margin-bottom: 0.3em;
}

#footer_wrap ul li{
	border-left:1px solid #999;
	margin-left:8px;
	padding-left:8px;
}

#footer_wrap ul li:first-child{
	border-left:none;
	margin-left:0px;
	padding-left:0px;
}

#footer_wrap ul li a{
	text-decoration:none;
	white-space:nowrap;
	font-weight: normal;

}

#footer_wrap ul li a:hover{
	text-decoration:underline;
}

#footer_wrap > div{
	vertical-align: top;
	overflow:hidden;
}

#footer_wrap .menu-item-has-children.menu-parent-item > a{
	display: block;
	margin-right: 20px;
	margin-bottom: 1em;
	line-height: 140%;
	font-size: 110%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-weight:bold;
}

#footer_wrap .menu-item-has-children.menu-parent-item a:hover{
	text-decoration:underline;
	color:#fff !important;
}

#footer_wrap address{
	margin-top:8px;
	font-size:95%;
	text-align: center;
	font-style: normal;
}

#footer_wrap p{
	margin-top:8px;
	font-size:95%;
	text-align: center;
}

@media screen and (min-width: 961px) {/* 960px固定 */
	#footer_wrap{
		width:960px;
		padding: 16px 0;
	}
}

@media screen and (min-width: 951px) and (max-width: 960px){/* グローバルメニュー表示 */
	#footer_wrap{
		width:90%;
		padding: 16px 0;
	}

}

@media screen and (min-width: 481px) and (max-width: 950px){/* 可変＋サイドメニュー */
	#footer_wrap{
		width:90%;
		padding: 16px 0;
	}
}

@media screen and (max-width: 480px) {

	#footer_wrap{
		width:90%;
		padding: 16px 0;
	}

	#footer_wrap ul li{
		display:inline-block;
		line-height: 100%;
		margin-left: 6px;
		padding-left: 12px;
	}

	#footer_wrap ul li:first-child {
		width: 100%;
	}

	#footer_wrap ul li:nth-child(2) {
		border-left: none;
		margin-left: 0px;
		padding-left: 0px;
	}

	#footer_wrap span.notes_en {
		display: block;
		margin-top: 8px;
	}

}

#footer_wrap .address{
	font-size:90%;
}






/*--------------------------------------------------------------------------
◆検索フォーム
--------------------------------------------------------------------------*/
#searchform input[type="submit"]{
	color: #FFFFFF;
	cursor: pointer;
	-webkit-appearance: none;
	padding: 3px 30px !important;
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position:relative;
	top:27px;
	left:6px;
}

#searchform input[type="submit"]:hover{
	background:#0084ff;
}

#header_wrap #searchform input[type="text"]{
	width: 30%;
}

#sub_wrap #searchform input[type="text"]{
	width: 70%;
}

@media screen and (min-width: 481px) and (max-width: 800px){/* 最上部にグローバルメニュー表示 */

	#searchform input[type="submit"]{
		top: 153px;
		width:100%;
	}
}

@media screen and (max-width: 480px) {/* スマートフォン */
	#searchform input[type="submit"]{
		top:0px;
		left:0px;
	}
}

/*--------------------------------------------------------------------------
◆検索結果
--------------------------------------------------------------------------*/
.search strong.query{
	font-weight:bold;
}

.search .query span.category,
.search .query span.device,
.search .query span.keyword{
	display: inline-block;
	font-size: 86%;
	background: #A8A8A8;
	color: #fff;
	padding: 2px 8px;
	margin-right: 8px;
	margin-bottom: 2px;
}

.search strong.query .query_str{
	margin-right: 8px;
	white-space:nowrap;
}

.search .count{
	color:#d52626;
}

.search .search_result{
	margin: 24px 16px 0;
}

.search .search_result li{
	margin: 8px 0px;
	padding-left: 24px;
	background: url(images/common/catch.png) no-repeat 0 0.28em;
}

.search .pagination{
	margin-bottom: 2em;
}

.search .pagination_top{
	display:none;
}

.search aside {
	margin-top:24px;
}

.search aside h1{
	line-height:1.4;
}

.search aside p,
.search aside li{
	padding-left: 24px;
	background: url(images/common/catch.png) no-repeat 0 0.28em;
}

.search aside .menu li{
	display: inline;
	padding-left: 0px;
	background: none;
}

.search aside .menu{
	margin-top:24px;
	text-align: center;
	margin-bottom:0 !important;
}

.search aside .menu li{
	display: inline;
}

.search aside .menu a{
	display:inline-block;
	min-width: 184px;
	padding: 4px 32px;
	border:1px solid #0084ff;
	font-size: 90%;
}

.search aside .menu a:hover{
	background:#DBEEFF;
	text-decoration:none;
}

.search aside .menu a:before{
	content: url(images/common/catch_link.png);
	vertical-align: 1px;
	margin-right: 6px;
}

@media screen and (min-width: 801px) and (max-width: 1024px){/* ロゴ右にグローバルメニュー表示 */

	.search aside{
		margin-right:4%;
		margin-left:4%;
	}
}

@media screen and (min-width: 481px) and (max-width: 800px){/* 最上部にグローバルメニュー表示 */

	.search aside{
		margin-right:4%;
		margin-left:4%;
	}

	.search aside .menu a {
		padding: 4px 8px;
		min-width: 200px;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 480px) {

	.search .pagination_top{
		display:block;
	}

	.search aside{
		margin-right:4%;
		margin-left:4%;
	}

	.search aside .menu a {
		display: block;
		margin:0 auto 4px;
		padding: 8px 32px;
		max-width: 288px;
		box-sizing: border-box;
	}
}




/*--------------------------------------------------------------------------
◆関連記事（Yet Another Related Posts Pluginプラグイン）
--------------------------------------------------------------------------*/
#contents_wrap .yarpp-related a{
	font-weight:normal !important;
}

#contents_wrap .yarpp-related a:hover{
	text-decoration: underline !important;
}

.yarpp-related.yarpp-related-none {
	display: none;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail{
	width : 15.81% !important;
	height: auto !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail:nth-child(6),
.yarpp-thumbnails-horizontal .yarpp-thumbnail:nth-child(12){
	margin-right: 0px !important;
}

.yarpp-thumbnail > img, .yarpp-thumbnail-default{
	width: 100% !important;
	height: auto !important;
	margin:0 !important;
}

.yarpp-related .yarpp-thumbnail-title{
	font-weight: normal !important;
	padding: 0em 5%;
	font-size:80% !important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title{
	width: 90% !important;
	height: auto !important;
	margin:0.1em 0 0 0 !important;
}



/*--------------------------------------------------------------------------
◆404
--------------------------------------------------------------------------*/
.error404 #article_wrap .section {
	margin-top: 24px;
}

.error404 .section li{
	margin: 8px 0px;
	padding-left: 24px;
	background: url(images/common/catch.png) no-repeat 0 0.28em;
}

@media screen and (min-width: 801px) and (max-width: 1024px){/* ロゴ右にグローバルメニュー表示 */

	.error404 #article_wrap .section {
		padding:0 4%;
	}
}

@media screen and (min-width: 481px) and (max-width: 800px){/* 最上部にグローバルメニュー表示 */
	.error404 #article_wrap .section {
		margin-top: 0px;
		padding:0 4%;
	}
}

@media screen and (max-width: 480px) {

	.error404 #article_wrap .section {
		margin-top: 0px;
		padding:0 4%;
	}
}


/*--------------------------------------------------------------------------
◆WordPressデフォルト
--------------------------------------------------------------------------*/

/* 画像設定 */
.alignleft,
.alignright,
.aligncenter{
	width:auto !important;
}

.alignleft{
	margin-right:4%;
}

.alignright{
	margin-left:4%;
}

.aligncenter{
	display:block;
	margin:0 auto;
}

.wp-caption-text{
	margin-top:-0.3em;
	font-size:90%;
}


/* ギャラリー設定 */
.gallery-item{
	margin-top:0 !important;
}

dl.gallery-item{
	margin-top:-0.5em;
	margin-bottom:0 !important;
}

.gallery{
	clear:both;
	margin-bottom:1.618em !important;
}

.gallery + *{
	clear:both;
}

.gallery img{
	border: 1px solid #F2F2F2 !important;
}

.gallery-caption{
	font-size:90%;
}

.gallery-columns-2 .gallery-item {
	float: left;
	margin-top: 10px;
	margin-left: 4.5%;
	text-align: center;
	width: 47.7% !important;
}

.gallery-columns-2 dl:first-child{
	margin-left: 0 !important;
}

.gallery-columns-3 .gallery-item {
	float: left;
	margin-top: 10px;
	margin-left: 3.05%;
	text-align: center;
	width: 31.3% !important;
}

.gallery-columns-3 dl:first-child{
	margin-left: 0 !important;
}

/* カレンダーー設定 */
#wp-calendar th,
#wp-calendar td{
	width:14.2857%;
	vertical-align: top;
}

#wp-calendar tfoot td#prev{
	border-right: none;
}

#wp-calendar tfoot td:nth-child(2){
	border-left: none;
	border-right: none;
}

#wp-calendar tfoot td#next{
	border-left: none;
}

@media screen and (max-width: 480px) {

	.alignleft{
		float: none;
		margin-right:0px;
	}
	.alignright{
		float: none;
		margin-left:0px;
	}

	img.alignleft{
		width:100% !important;
	}

	img.aligncenter{
		width:100% !important;
	}

	img.alignright{
		width:100% !important;
	}

	.wp-caption{
		width:100% !important;
	}

	.gallery-columns-3 .gallery-item {
		float: left;
		margin-top: 10px;
		margin-left: 2%;
		text-align: center;
		width: 32% !important;
	}

}


/*--------------------------------------------------------------------------
◆記事更新用
--------------------------------------------------------------------------*/
#article_wrap p.category{
	padding-bottom:1em;
}

#article_wrap .category a{
	background:#0A67AA;
	color:#FFF;
	padding:2px 10px;
	font-size:85%;
	text-decoration:none;
	border-bottom:none;
}

#article_wrap .category a:hover{
	color:#0A67AA;
	background:#EFEFEF;
	border-bottom:none;
}

#article_wrap .tag{
	background:#EFEFEF;
	color:#333333;
	padding:2px 10px;
	font-size:80%;
	text-decoration:none;
	border-bottom:none;
	margin-right:5px;
}

#article_wrap .update{
	font-size:90%;
}

@media screen and (max-width: 480px) {/* スマートフォン */
	#article_wrap .update{
		white-space:nowrap;
	}
}


/*--------------------------------------------------------------------------
◆ユーティリティ
--------------------------------------------------------------------------*/
@media screen and (max-width: 1024px){

	/* 動画レスポンシブ */
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		margin-bottom:10px;
		overflow: hidden;
	}
	 
	.video-container iframe,
	.video-container object,
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}


.space{
	margin-top:5em !important;
}

.require,
.required{
	color:#C82128;
}

.ex{
	margin-left:10px;
	font-size:85%;
}

.sma_pc{
	clear:both;
	text-align:center;
	margin:0 auto;
}

span.catch{
	color:#E27F68;
}


.boxlink a:hover{
	text-decoration:none !important;
}

.hover {
	cursor: pointer;
	background-color: #EDEDED !important;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.hover img{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	background:#FFFFFF;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.accent{
	background:#FFF;
	padding:20px;
	border:1px solid #DDDDDD;
}

p.center{
	text-align:center;
}

.caption{
	font-size:90% !important;
}

p + p.caption{
	font-size:90% !important;
	text-align:center;
	margin-top: -1.5em;
}

.fax{
	margin-left:2em;
}

a.button{
	background: #0073B6;
	color: #FFFFFF;
	padding: 11px 40px;
	text-align: center;
	text-decoration: none;
	font-size: 90%;
	font-weight:bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

a.button:hover {
	background: #EEEEEE;
	color: #333333;
	padding-top: 13px;
	padding-bottom: 11px;
	text-decoration: none;
}

.date{
	margin-left: 1em;
	white-space:nowrap;
}

.newmark{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	background: #BC0300;
	color: #FFF;
	font-size: 70%;
	padding: 0.2em 1.5em;
	margin-left: 1em;
	vertical-align: 2px;
	white-space:nowrap;
}

.limit{
	background: #BC0300;
	color: #FFF;
	font-size: 80%;
	padding: 0.2em 1em;
	margin-left: 1em;
	white-space:nowrap;
}

.pdf{
	background: url(images/common/pdficon_small.png) no-repeat left 50%;
	padding-left: 25px;
}



/*--------------------------------------------------------------------------
◆Android 2x
--------------------------------------------------------------------------*/
html.android2 #header_wrap .menu li a{
	height: 20px;
}

html.android2 #header_right a {
	height: 0px;
}

html.android2 .searchbox input[type="text"]{
	width:96%;
}

html.android2 .all a,
html.android2 .home #demand .all-demand a,
html.android2 .home #product .all-product a{
	width: 68% !important;
}



/*--------------------------------------------------------------------------
◆ie8
--------------------------------------------------------------------------*/
@media screen and (max-width: 800px){/* 最上部にグローバルメニュー表示 */
	html.ie8 #header_wrap .menu li a{
		padding: 16px 0;
	}
}

html.ie8 .model .tab a{
	border:1px solid #ccc;
}

html.ie8 .home #demand .all-demand a,
html.ie8 .home #product .all-product a{
	padding: 4px 24px;
	min-width: 212px;
	max-width: 280px;
}

html.ie8 .searchbox input[type="text"] {
	top: 1px;
}

html.ie8 #header_right a:before{
	left:11px;
	top:-27px;
}

html.ie8 .home #kind ul.category_list > li > ul.children > div > li{
	padding: 0 8px;
}

html.ie8 .home #news .box LI A:after,
html.ie8 .home #often LI A:after,
html.ie8 .home #kind UL.category_list > LI > UL.children > LI > .children > LI > A:after,
html.ie8 .tabs DL.show DT A:after,
html.ie8 .tabs DT A:after{
	display:none;
}

@media screen and (max-width: 480px) {

	html.ie8 .home #news .box li a{
		padding: 12px 16px;
	}

	html.ie8 .home #often li a {
		padding: 12px 16px;
	}
}

/*--------------------------------------------------------------------------
◆ie9
--------------------------------------------------------------------------*/
html.ie9 .searchbox input[type="text"] {
	top: 2px;
}

html.ie9 #header_right a{
}

html.ie9 #header_right a:before{
}

html.ie9 .home #kind ul.category_list > li > ul.children > div > li{
	padding: 0 8px;
}

html.ie9 .home #news .box LI A:after,
html.ie9 .home #often LI A:after,
html.ie9 .home #kind UL.category_list > LI > UL.children > LI > .children > LI > A:after,
html.ie9 .tabs DL.show DT A:after,
html.ie9 .tabs DT A:after{
	display:none;
}

@media screen and (max-width: 480px) {

	html.ie9 .home #news .box li a{
		padding: 12px 16px;
	}

	html.ie9 .home #often li a {
		padding: 12px 16px;
	}
}

/*--------------------------------------------------------------------------
◆ie10 ie11
--------------------------------------------------------------------------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.searchbox input[type="text"]:not(:target) {
		top: 2px;
	}
}


/*--------------------------------------------------------------------------
◆ie8 ie9 マルチカラム　jquery.columnizer.js
--------------------------------------------------------------------------*/
.home #kind ul.category_list > li > ul.children > div.column > li{/* 子カテゴリー（サービス・機能） */
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.home #kind ul.category_list > li > ul.children > div.column > li > a{
	display: block;
	margin-bottom: 0.4em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 24px;
	background: url(images/common/catch.png) no-repeat 0 50%;
	border-bottom:1px solid #bebebe;
	font-weight:bold;
	box-sizing:border-box;
}

.home #kind ul.category_list > li > ul.children > div.column > li > .children > li > a{/* 孫カテゴリー（有料会員サービス） */
	display: block;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	padding-left: 16px;
	background: url(images/common/catch_link.png) no-repeat 2px 50%;
	font-size:90%;
	box-sizing:border-box;
}

.home #kind ul.category_list > li > ul.children > div.column > li > .children > li li > a{/* 孫以下カテゴリー */
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	background: none;
	padding-left: 18px;
}

.home #kind ul.category_list > li > ul.children > div.column > li > .children > li li > a:before{
	content:"-";
	margin-right:4px;
}



/*--------------------------------------------------------------------------
◆ie8 ie9 CSS3
--------------------------------------------------------------------------*/
#header_right a{
.columnwrap .box,
.page-parent article ul.box a,
.single #article_wrap h1,
.tabs dt a,
.home #news .box,
.home #news h2,
.home #often h2,
.home #system h2,
.home #kind h2,
.home #demand h2,
.home #demand .all-demand a,
.home #product h2,
.home #product .all-product a,
.home #contact h2,
#searchform input[type="submit"],
.searchbox input[type="submit"],
a.button{
	position:relative;
	behavior: url(/wp-content/themes/faq_b-ch/lib/pie/PIE.htc);
}

#header_right a{
	-pie-background:linear-gradient(top,  #427cf6 0%, #0956cb 100%);
}

.searchbox input[type="submit"]{
	-pie-background:linear-gradient(top,  #427cf6 0%, #0956cb 100%);
}