/* ------------------------------------------------------------------
ノーマライズ
 ------------------------------------------------------------------ */
html{
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}

*{
margin:0;
padding:0
}

body{
text-align:center;
font-family:"Lucida Grande",Meiryo,sans-serif
}

h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
p{}
ul{}
ol{}
li{}
dl{}
dt{}
dd{}
a{color:#003366}
table{width:100%;margin:1em 0;border:1px solid #ccc}
table col.col20{width:20%}
table col.col30{width:30%}
th{background:#eee}
td{}
textarea:focus{background:#f2fcea}
textarea{width:100%;line-height:2em}

a.unline{text-decoration:none}
input{padding:0.5em 0.2em}

.red{color:#cc0000}
.leftbox{float:left;margin:0 1em 1em 0}
.clearboth{clear:both}

/* ------------------------------------------------------------------
ロゴ
 ------------------------------------------------------------------ */
#logo{
margin:1em 1em 1em 2em
}

#logo a{
width:128px;
height:65px;
display:block;
background:url(../img/logo.gif) no-repeat 0 0;
}

#logo a span{
position: relative;
z-index: -1
}

/* ------------------------------------------------------------------
ようこそ表示
#login p#wellcome{
width:100%;
text-align:right;
font-size:0.8em;
position:absolute;
top:5px;
right:2em;
}
 ------------------------------------------------------------------ */

/* ------------------------------------------------------------------
会員専用モード表示
 ------------------------------------------------------------------ */
#member_only{
position:absolute;
top:30px;
left:180px;
background: #cb4342;
text-align:center;
border-radius:3px;
overflow: hidden;
}
#member_only a {
	display: block;
	text-decoration:none;
	overflow: hidden;
}
#member_only a:hover {
	background: #da6464;
	opacity: 1;
}
#member_only span {
	position: relative;
	color:#fff;
	font-weight:bold;
	display:block;
	font-size:1em;
	margin:0.5em 1em;
}
#member_only span:after {
	content: '';
	display: inline-block;
	margin-left: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4.5px 0 4.5px 6px;
	border-color: transparent transparent transparent #fff;
}


/* ------------------------------------------------------------------
ログインボタン
 ------------------------------------------------------------------ */
#login{
}

#login p a.unline{
position:absolute;
top:2em;
right:2em;
display:block;
text-align:center;
width:6em;
line-height:2.6em;
background:#552d80;
color:#fff
}

/* ログアウトボタンは赤 */
#login p a.red{
background:#cc0000
}

/* ------------------------------------------------------------------
検索フォーム
 ------------------------------------------------------------------ */
#search{
width:25em;
position:absolute;
top:2em;
right:10em
}

dl.search{
	position:relative;
	background-color:#fff;
	border:1px solid #aaa;
	border-radius:2px;
}
dl.search dt input{
	width:100%;
	background:none;
	height:3em;
	padding:0 0;
	border:none;
}
dl.search dd{
	position:absolute;
	top:0;
	right:0;
	height:3em;
	width:20%;
	max-width:12em
}
dl.search dd button{
	display:block;
	background:#552d80;
	width:100%;
	height:3em;
	border:none;
	border-radius: 0 2px 2px 0;
}
dl.search dd button:hover {
	background:#333;
}
dl.search dd button span{
	display:block;
	color:#fff;
}

/* ------------------------------------------------------------------
グローバルメニュー
 ------------------------------------------------------------------ */
ul.menu_g{
list-style-type:none;
display:flex;
max-width:100%;
margin:0 auto;
align-items:flex-start;
align-items:stretch
}

ul.menu_g li{
flex: 100%;
margin:0;
font-size:1em;
background:#552d80;
text-align: center;
box-sizing:border-box;
}

ul.menu_g li.on{
background:#552d80;
}

ul.menu_g a{
display:block;
padding:1em;
text-decoration:none;
color:#fff
}

ul.menu_g li.on a{
text-decoration:underline;
}

/* ------------------------------------------------------------------
グローバルメニューのサブメニュー
 ------------------------------------------------------------------ */
ul.menu_g li ul.sub-menu{
display:none;
list-style: none;
}

ul.menu_g li:hover ul.sub-menu{
position:absolute;
display:block;
margin:0 auto;
}

ul.menu_g li:hover ul.sub-menu li{
display:block;
margin:0;
font-size:1em;
background:#552d80;
text-align: left;
box-sizing:border-box;
}

ul.menu_g li:hover ul.sub-menu li.on{
background:#552d80;
}

ul.menu_g li:hover ul.sub-menu a{
display:block;
height:100%;
padding:0.5em 1em;
text-decoration:none;
color:#fff
}

ul.menu_g li:hover ul.sub-menu li.on a{
text-decoration:underline;
}



/* ------------------------------------------------------------------
フッターメニュー
 ------------------------------------------------------------------ */
ul.menu_f{
clear:both;
list-style-type:none;
display:flex;
max-width:50%;
margin:1em auto;
-webkit-justify-content: center; /* Safari */
justify-content:         center;
align-items:flex-start;
align-items:stretch
}

ul.menu_f li{
flex: 100%;
margin:0;
font-size:0.8em;
text-align: center;
box-sizing:border-box;
}

ul.menu_f li.on{
}

ul.menu_f a{
text-decoration:none;
color:#fff
}

ul.menu_f li.on a{
text-decoration:underline;
}

ul.menu_f li a:hover{
text-decoration:underline;
}


/* ------------------------------------------------------------------
クレジット
 ------------------------------------------------------------------ */
address{
font-size:0.8em;
font-style:normal;
color:#fff
}

/* ------------------------------------------------------------------
サイトトップ container_main 要素
 ------------------------------------------------------------------ */
#top #container_main #latest_news{width:70%;float:left}
#top #container_main #info_join{width:28%;float:right}
#top #container_main #info_join section{border:1px solid #ccc;margin:2em}

/* ------------------------------------------------------------------
container_main 標準要素
 ------------------------------------------------------------------ */
#container_main{padding:1em 1em 4em 1em;line-height:2em}
#container_main h1{margin:1em 0 1em 0}
#container_main h2{margin:2em 0 1em 0}
#container_main h3{margin:2em 0 1em 0}
#container_main p{margin:0 0 1em 0}
#container_main ol{margin:0 0 1em 1em}
#container_main ul{margin:0 0 1em 1em}
#container_main li{margin:0 0 0 1em}
#container_main dl{}
#container_main dt{
	margin:2em 0 1em 0;/*padding:0 0 0.5em 0;*/border-bottom:1px solid #ccc;border-top:1px solid #ccc;font-weight:bold
	padding: 0;
}
#container_main dd{margin:0 0 1em 1em}
#container_main table{border-collapse:collapse;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:none;border-bottom:none;line-height:1.4em}
#container_main table caption{}
#container_main table th,
#container_main table td{padding:0.4em;border-right:1px solid #ccc;border-bottom:1px solid #ccc}
#container_main table thead th{text-align:center}
#container_main table tbody th{}
#container_main table tbody th{}
#container_main h2.index{margin:2em 0 0.5em 0}
#container_main .topic a{text-decoration: none;display: inline-block;margin:0 0.5em 0 0;background: #666;color: #fff;padding: 2px 0.6em 1px 0.6em;border-radius: 3px;font-weight: normal;font-size: 0.6em}
#container_main .last_update{font-size:0.8em;line-height:1.4em;margin:0}

/* ------------------------------------------------------------------
container_main 会員企業一覧の固有要素
 ------------------------------------------------------------------ */
#container_main ul.member{list-style-type:none;border-top:2px dotted #ccc;margin:0 0 2em 0}
#container_main ul.member li{border-bottom:2px dotted #ccc;clear:both;margin:0;padding:10px 0;height:6em}
#container_main ul.member li a{display:block;text-decoration:none;vertical-align:middle}
#container_main ul.member li a img{display:block;float:right;max-height:6em}

/* ------------------------------------------------------------------
container_bottom 会員企業一覧の固有要素
 ------------------------------------------------------------------ */
#container_bottom #member_index{background:#fff;padding:0 0 2em 0;margin:0 0 2em 0;text-align:center}
#container_bottom h3{font-size:0.8em;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;background:#efefef}
#container_bottom ul.member a span{display:none}
#container_bottom ul.member{display:inline;list-style-type:none;border:none;clear:both}
#container_bottom ul.member li{border:none;display:inline-block;padding:0;margin:10px 10px}
#container_bottom ul.member li a{display:table-cell;height:75px;width:150px;text-decoration:none;background:#fff;text-align:center;vertical-align:middle}
#container_bottom ul.member li a img{display:block;float:none;max-width:145px;max-height:70px;margin:auto}


/* ------------------------------------------------------------------
container_main 入会案内の固有要素
 ------------------------------------------------------------------ */
#container_main img.thumb-of-pdf{max-height:50px;width:auto;border:2px outset #ccc;float:right}

/* ------------------------------------------------------------------
container_main ストレージネットワーキング関連書籍の固有要素
 ------------------------------------------------------------------ */
#container_main div.leftbox{width:45%;margin:0 5% 0 0}
#container_main div.rightbox{margin:0 0 0 50%}
#container_main img{max-width:30%}

/* ------------------------------------------------------------------
container_main ストレージネットワーキング用語辞典の固有要素
 ------------------------------------------------------------------ */
#container_main div#glossary{}
#container_main div#glossary ul#inicial_index{list-style-type:none}
#container_main div#glossary ul#inicial_index li{display:inline-block;border:1px solid #ccc;border-radius:3px;text-align:center;width:1.5em;height:1.5em;vertical-align:middle;margin:0.2em;color:#999}
#container_main div#glossary ul#inicial_index li a{text-decoration:none;color:#000}


/* ------------------------------------------------------------------
お問い合わせフォーム
 ------------------------------------------------------------------ */
table#contact{border:none}
table#contact th,table#contact td{padding:5px 1em;border:4px solid #fff}
table#contact tr.nobdr th{background:none}
#content tr.nobdr th,
#content tr.nobdr td{border:none}
th.right{text-align:right}
span.wpcf7-list-item{margin:0 2em 0 0}
input.wpcf7-text{width:100%;line-height:2em;box-sizing: border-box;}
input.wpcf7-captchar{width:6em;line-height:2em}
input.wpcf7-acceptance{width:16px;height:16px}
input.wpcf7-submit{font-size:1.2em;padding:0.3em 2em;margin:1em 0 2em 0}
span.wpcf7-not-valid-tip{color:#cc0000;font-weight:bold}
div.wpcf7-response-output{
	color:#cc0000;font-weight:bold;position:relative;top:-5em;left:0.7em;width:90%;
	top: 0;
	left: 0;
}

.screen-reader-response {
	font-size: 90%;
}
.screen-reader-response ul {
	margin: 10px 0!important;
    padding: 20px;
	border: 1px solid #ccc;
	color: #cc0000;
}
span.wpcf7-list-item {
	display: inline-block;
}
span.wpcf7-list-item .wpcf7-list-item-label {
	margin-left: 5px;
}
span.wpcf7-not-valid-tip {
	display: block;
}

.wpcf7-btngrp input.wpcf7-submit,
.wpcf7-btngrp input[type='submit'],
.wpcf7-btngrp input[type='button'] {
	font-size: 1.2em;
    padding: 0.3em 2em;
    margin: 10px 15px 10px 0;

}

/* confirm*/
.custom-wpcf7c-confirmed {

}



/* 入力欄のボックスを消す */
.wpcf7c-conf {
	border: 0;
    box-shadow: none;
    background-color: #f1f1f1;
}
/* 入力欄のボックスを消す */
input.wpcf7c-conf{
background: none;
border-top:none;
border-bottom:none;
border-right:none;
box-shadow:none;
border-radius:0;
margin-top:0.5em;
}
select.wpcf7c-conf {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-bottom: 20px;
background: none;
color: #53237f;
}
select.wpcf7c-conf::-ms-expand {
	display: none;
}

select.wpcf7c-conf:disabled {
	opacity: 1;
}
textarea.wpcf7c-conf{
background-color:#f5f5f5 !important;
border-radius:0;
border:0;
box-shadow:none;
outline: 0;
color: #53237f;
}
/* スペースの調整 */
input[type=date].wpcf7c-conf{
margin-left:0.5em;
}
/* チェックボックス、ラジオボタン */
input[type=checkbox].wpcf7c-conf,
input[type=radio].wpcf7c-conf {
	opacity: .5;
}

input[type=checkbox].wpcf7c-conf + .wpcf7-list-item-label,
input[type=radio].wpcf7c-conf + .wpcf7-list-item-label {
	opacity: .2;
}

input[type=checkbox].wpcf7c-conf:checked + .wpcf7c-conf-hidden + .wpcf7-list-item-label,
input[type=radio].wpcf7c-conf:checked + .wpcf7c-conf-hidden + .wpcf7-list-item-label,
input[checked=checked].wpcf7c-conf + .wpcf7c-conf-hidden + .wpcf7-list-item-label {
	color: #53237f;
}

.wpcf7-confmsg {
	display: none;
}
.custom-wpcf7c-confirmed .wpcf7-confmsg {
	display: block;
}

/* ------------------------------------------------------------------
ログインページ、マイページ
 ------------------------------------------------------------------ */
#wpmem_reg fieldset{}
#wpmem_reg fieldset legend{}
#wpmem_reg fieldset label{}
#wpmem_reg div_text{}
#wpmem_reg div_text input{}
#wpmem_reg input.buttons{}
#wpmem_reg .link-text{}
#wpmem_reg small,
#wpmem_reg small a{color:#999;text-decoration:none}


/* ------------------------------------------------------------------
マイページ TOP
 ------------------------------------------------------------------ */
#myaccount #container_main ul {
	list-style: none;
	margin: 0 0 2em;
	padding: 0;
}
#myaccount #container_main ul:after {
	content: '';
	display: table;
	clear: both;
}
#myaccount #container_main ul li {
	float: left;
	width: 33.33%;
	max-width: 260px;
	margin: auto;
	padding: 0 15px 0 0;
	box-sizing: border-box;
}
#myaccount #container_main ul li a {
	position: relative;
	display: table;
	width: 100%;
	height: 60px;
	background: #d6df4d;
	color: #333;
	line-height: 1.4;
	text-decoration: none;
	text-align: center;
	box-sizing: border-box;
}
#myaccount #container_main ul li a:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 7px;
	border-color: transparent transparent transparent #000;
}
#myaccount #container_main ul li a > span {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 20px;
}
#myaccount #container_main ul li .caption {
	padding: 10px 5px 0;
	font-size: 80%;
	line-height: 1.4;
}
/**/
#myaccount #container_main h1 + ul li a {
	background: #cb4342;
	color: #fff;
}
#myaccount #container_main h1 + ul li a:after {
	border-color: transparent transparent transparent #fff;
}

@media screen and (max-width: 640px){
	#myaccount #container_main ul li {
		width: 50%;
		padding: 0 7px;
	}
	#myaccount #container_main ul li a {
		font-size: 93%;
	}
}

/* ------------------------------------------------------------------
ダウンロード一覧、カテゴリー
 ------------------------------------------------------------------ */
#downloads #container_main h1{
	    color: black;
}
#downloads #container_main dt a {
	display: block;
	padding: 1px;
	color: black;
}
#downloads #container_main dl a{
	text-decoration: none;
}

#downloads #container_main dd,
[id*="adroll"] #container_main dd {
    margin: 0 0 1.5em 3em;
}
#downloads #container_main dt+dd,
[id*="adroll"] #container_main dt+dd {
	margin-top: 20px;
}
#downloads #container_main dd span a,
[id*="adroll"] #container_main dd span a{
	text-decoration: underline;
    font-size: 14px;
	color: #cb4342;
}
/* more */
#downloads #container_main dd>a{
	display: table;
	/*display: block;*/
	margin: auto 0 30px;
	border-bottom: 1px solid #53237f;
	text-decoration: none;
	/*font-size: 13px;*/
	color:#53237f;
	line-height: 1.6;
}
@media screen and (max-width: 900px){
	#downloads #container_main dd {
		margin-left: 2em;
	}
}


/**/
.media-body .dl_file {
	margin: 5px 0 5px 20px;
	line-height: 1.6;
	color: #4e4e4e;
}
#downloads #container_main dd .dl_file span a.wpdm-download-link,
[id*="adroll"] #container_main dd .dl_file span a.wpdm-download-link {
	display: inline-block;
	margin: 0px 0.5em 5px 0;
	font-size: 100%;
	font-weight: bold;
}
.media-body .dl_file .wpdm_icon {
	width: 28px;
    height: 28px;
    margin: 0 6px -5px 0;
}
.media-body .dl_file .label-sniaj {
	display: inline-block;
	margin: 0 0.4em 0 0;
	font-size: 80%;
}
.media-body .dl_text {
	margin: 10px 0 10px 20px;
	font-size: 80%;
	color: #4e4e4e;
	line-height: 1.6;
}
@media screen and (max-width: 640px){
	#downloads #container_main dd .dl_file span a.wpdm-download-link,
	[id*="adroll"] #container_main dd .dl_file span a.wpdm-download-link {
		display: block;
	}
	.media-body .dl_file .label-sniaj {
		display: block;
	}
}



/* ------------------------------------------------------------------
ダウンロード　詳細
 ------------------------------------------------------------------ */
.table-striped {

}
#entry a.wpdm-download-link {
	font-size: 105%;
	font-weight: bold;
}
#entry img.wpdm_icon {
	width: 40px;
    height: 40px;
    margin: 0;
}

.alert-danger {
	font-weight: bold;
}

/* ファイル無しの場合 */
#entry .media-body .dl_file {
	margin: 20px auto 40px;
}
#entry .media-body .dl_file .label-sniaj {
	display: block;
	margin: 10px 0;
}
#entry .media-body .dl_text {
	font-size: 100%;
}


/*#container_main table.table-striped td {

	background: #eee;
}
#container_main table.table-striped th {
	background: #fff;
}*/


/* ------------------------------------------------------------------
ページネーション
 ------------------------------------------------------------------ */
ul.pager{padding:3em 0 0 0;margin:0;list-style:none;text-align:center}
ul.pager li{display:inline}
ul.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:5px;text-decoration:none;color:#666}
ul.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}
ul.pager .next>a,.pager .next>span{float:right}
ul.pager .previous>a,.pager .previous>span{float:left}
ul.pager .disabled>a,.pager .disabled>a:hover,#pager .disabled>a:focus,.pager .disabled>span{color:#999;background-color:#fff;cursor:not-allowed}



/* ------------------------------------------------------------------
ページ上部への移動ボタン
 ------------------------------------------------------------------ */
p.go_top{width:38px;height:150px;position:fixed;top:70%;right:0;clear:both;border-radius:3px 0 0 3px}
p.go_top a{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAACWBAMAAABA2efoAAAAIVBMVEUAZpmNutFVmbvi7fM4h6+qzN0cdqRxqcb///8/jLPG3OiazPw9AAABGklEQVRIie3UPWsCMRgH8NxxL9axn0AzSTdF5MaDDl2VkiJOB13EycHB0XIIf/wUHfsxm3hp+zyJVEUqWPJfDn6Ey5MnL0J4ufPpP9rSt0VduZYVGLrWA9DhFmnCltvUGF6oRUrpYWrizAtsvFqCHbafBLtti2XlWg7sKsfW+hKNHCtqhTduMd7FHNxyfU0jlMxSmLGdE0zKLu6lLKnZjH+3XNksj/XgEotnwKRklhSmEttCa72mvBGxrKhXQnRRE4uaBbyC1NzG/k8JXVvLvnIfG9+m1Hb+uLTZi0xv1bclGJjPI51XP519KZ9ZfV+NpusQ4sFQn/dFPCm1cnpFc56luIb55+XUs2bO6T7l39WXK994ggULdkX7BC7Eeu3oROK+AAAAAElFTkSuQmCC) no-repeat 0 0;display:block;width:100%;height:100%}
p.go_top a span{margin-left:-9000em;position:relative;z-index:-1}

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

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

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

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

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

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