@charset "utf-8";
/* CSS Document */

/* ------------------
		共通
------------------ */

.navi_04 a {
	/*background-position: -216px -46px;*/
	background-position: -294px -42px;
}

.sec_tec {
	border: 1px solid #294b92;
	padding: 10px 9px 10px 9px;
	overflow: hidden;
	zoom: 1;
}

.sec_tec .mR0 {
	margin-right: 0;
}

/* 関連サイト */

.sec_tec .link_site {
	margin-bottom: 10px;
}

.sec_tec .link_site h6 {
	margin-bottom: 5px;
}

.sec_tec .link_site ul {
	overflow: hidden;
	zoom: 1;
}

.sec_tec .link_site ul li {
	float: left;
	width: 175px;
	height: 46px;
	margin-right: 5px;
}

.sec_tec .link_site ul li a {
	display: inline-block;
}


/* ------------------
	INDEXページ
------------------ */

#zabbix_index {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 30px;
}

.index_left_box {
	float: left;
	width: 350px;
	padding-left: 10px;
}

.index_left_box .btn_a {
	padding-top: 10px;
	text-align: right;
}

.index_left_box .profile {
	overflow: hidden;
	zoom: 1;
	padding-top: 10px;
}

.index_left_box .profile .photo {
	float: left;
	width: 160px;
}

.index_left_box .profile .position {
	float: left;
	width: 155px;
	margin: 50px 0 0 5px;
	padding-left: 5px;
	margin-bottom: 5px;
	border-left: 5px solid #294b92;
}

.index_left_box .profile .name {
	float: left;
	width: 155px;
	margin-left: 18px;
	font-weight: bold;
	font-size: 125%!important; /* 20160125 */
	border-bottom: 2px solid #294b92;
}

#zabbix_index .notes,
#keras_index .notes,
#ansible_index .notes,
#chainerrl_index .notes {
	clear: both;
	text-align: left;
	font-size: x-small!important; /* 20160125 */
	margin: 0;
	padding: 10px 0 0 10px;
	line-height: 1.25;
}

.index_right_box {
	float: right;
	width: 320px;
}

.list_zabbix_wide {
	width: 320px;
}

.list_zabbix_wide ul {
	width: 100%;
}

.list_zabbix_wide ul li {
	width: 100%;
	height: 29px;
	text-indent: -9999px;
	border-top: 1px dotted #294b92;
	background-image: url(../tec_guide/img/list_zabbix_wide_bg.png);
	background-repeat: no-repeat;
}

.list_zabbix_wide ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

.list_zabbix_wide ul li a:hover {
	background-image: url(../tec_guide/img/list_zabbix_wide_bg.png);
	background-repeat: no-repeat;
}


.list_zabbix_wide .zabbix_1st { background-position: 0 0; }
.list_zabbix_wide .zabbix_2nd { background-position: 0 -29px; }
.list_zabbix_wide .zabbix_3rd { background-position: 0 -58px; }
.list_zabbix_wide .zabbix_4th { background-position: 0 -87px; }
.list_zabbix_wide .zabbix_5th { background-position: 0 -116px; }
.list_zabbix_wide .zabbix_6th { background-position: 0 -174px; }
.list_zabbix_wide .zabbix_7th {background-position: 0 -203px; border-bottom: 1px dotted #294b92; }

.list_zabbix_wide .zabbix_1st a:hover { background-position: -320px 0; }
.list_zabbix_wide .zabbix_2nd a:hover { background-position: -320px -29px; }
.list_zabbix_wide .zabbix_3rd a:hover { background-position: -320px -58px; }
.list_zabbix_wide .zabbix_4th a:hover { background-position: -320px -87px; }
.list_zabbix_wide .zabbix_5th a:hover { background-position: -320px -116px; }
.list_zabbix_wide .zabbix_6th a:hover { background-position: -320px -174px; }
.list_zabbix_wide .zabbix_7th a:hover { background-position: -320px -203px; }

/* react.js 用 */

#reactjs_index {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 30px;
}

#reactjs_index .index_left_box .profile {
	background-color: #e1e1e1;
	border-bottom: 3px solid #294b92;
	padding: 3px;
}


#reactjs_index .index_left_box .profile .photo {
	width: auto;
	display: table-cell;
}


#reactjs_index .index_left_box .profile .position {
	float: none;
	width: auto;
	margin: 0 0 10px 110px;
}

#reactjs_index .index_left_box .profile .name {
	float: none;
	width: auto;
	margin-left: 110px;
	padding-left: 0;
	border-bottom: none;
}

.list_reactjs_wide {
	width: 320px;
}

.list_reactjs_wide ul {
	width: 100%;
}

.list_reactjs_wide ul .reactjs_list {
	width: 100%;
	height: 31px;
	text-indent: -9999px;
	border-bottom: 1px dotted #294b92;
	background-repeat: no-repeat;
}

.list_reactjs_wide ul .reactjs_list:first-child {
	border-top: 1px dotted #294b92;
}

.list_reactjs_wide ul .reactjs_list a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../tec_guide/img/list_reactjs_wide_bg.png);
	background-position: 0 0;
}

.list_reactjs_wide ul .reactjs_list.no1 a { background-position: 0 0; }
.list_reactjs_wide ul .reactjs_list.no1 a:hover { background-position: -320px 0; }
.list_reactjs_wide ul .reactjs_list.no2 a { background-position: 0 -31px; }
.list_reactjs_wide ul .reactjs_list.no2 a:hover { background-position: -320px -31px; }
.list_reactjs_wide ul .reactjs_list.no3 a { background-position: 0 -62px; }
.list_reactjs_wide ul .reactjs_list.no3 a:hover { background-position: -320px -62px; }

.index_column_txt {
	padding-left: 10px;
}

.index_column_txt .btn_a {
	margin-top: 5px;
	text-align: right;
}

#reactjs_index .index_column_txt {
	clear: both;
	padding-top: 10px;
}
/* ------------------
	記事ページ
------------------ */
.case_column {
	margin-bottom: 15px;
	overflow: hidden;
	zoom: 1;
}
img {
	-ms-interpolation-mode: -bicubic;
}

.column_head {
	position: relative;
	margin-bottom: 10px;
/*	display: table;
	width: 100%;
	border-bottom: 2px solid #294b92;*/
}

.column_head h4 {
	border-bottom: 2px solid #294b92;
}

.column_head .theme_tit {
	position: absolute;
	right: 0;
	top: 0;
/*	display: table-cell;
	vertical-align: top;
	text-align: right;
	padding-bottom: 8px;*/
}

.column_head .theme_tit.keras {
	position: absolute;
	right: 0;
	top: -15px;
}

.column_head .theme_tit.ansible {
  position: absolute;
  right: 0;
  top: 0;
}

.column_head .theme_tit.chainerrl {
  position: absolute;
  right: 0;
  top: 0;
}

.column_tit {
	margin-bottom: 15px;
	padding-bottom: 8px;
/*	display: table-cell;
	vertical-align: top;*/
	border-bottom: 1px solid #333333;
}

/* 1カラム */
.column_main {
	width: 700px;
	margin: 0 10px;
}
.column_main2 {
    width: 700px;
    margin: 0 10px;
}

.column_main h5 {
	padding: 0 0 8px 16px;
	margin-bottom: 20px;
	line-height: 20px;
	font-size: 150%!important; /* 20160125 */
	font-weight: bold;
	border-bottom: 1px solid #000000;
	background: url(../tec_guide/img/icon_zabbix_subtit.png) left top no-repeat;
}

#main_contents .keras h3 {
	color:#ea8a2f;
	font-size:18px;
	line-height:36px;
	border-bottom:1px solid #ea8a2f;
	margin-top:20px;
}
#main_contents .keras h4 {
	color:#000000;
	font-size:16px;
	line-height:22px;
	background-color:#efefef;
	border-left:5px solid #ea8a2f;
	padding:8px 0;
	padding-left:10px;
	margin:40px 0 20px;
}
#main_contents .keras h5 {
	color:#000;
	font-size:14px !important;
	line-height:26px;
	border-bottom:1px solid #ea8a2f;
	border-left:none;
	background:none;
	padding:0;
	margin:30px 0 20px;
	font-weight:bold;
}

.column_main p {
	margin-bottom: 15px;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
	line-height: 160%;
}
.column_main2 p {
    margin-bottom: 15px;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    line-height: 160%;
}

.column_main p.path_text {
	padding-left: 30px;
	text-align: left;
	-ms-text-justify: auto;
	text-justify: auto;
}

.column_main ul {
	margin-bottom: 15px;
	padding-left: 10px;
}

.column_main ul li {
	list-style: disc inside ;
}

.column_main ol {
	margin-bottom: 15px;
	padding-left: 20px;
}

.column_main ol li {
	list-style: decima inside ;
}


/* ページネーション */
.page_nav {
	width: 100%;
}

.pagenation {
	width: 675px;
	overflow: hidden;
	zoom: 1;
	padding: 20px 0;
	position: relative;
}

.pagenation ul {
	position:relative;
	left:50%;
	float:left;
}

.pagenation ul li {
	width: 25px;
	height: 25px;
	position: relative;
	left: -50%;
	float: left;
	margin-right: 5px;
	line-height: 25px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	list-style: none;
}

.pagenation ul li a {
	display: block;
	width: 25px;
	height: 25px;
	background: #5f78ad;
	color: #ffffff !important;
	text-decoration: none !important;
}

.pagenation ul li.current {
	display: block;
	background: #d40000;
	/zoom: 1; /* IE6/7 */
	/padding: 0 9px; /* IE6/7 */

}

.pagenation ul li.back_btn,
.pagenation ul li.next_btn {
	width: 72px;
	height: 25px;
	float: left;
}
.pagenation ul li.back_btn a {
	display: block;
	width: 72px;
	height: 25px;
	background: url(../tec_guide/img/img_page_back_btn.png) left center no-repeat #5f78ad;
}
.pagenation ul li.next_btn a {
	width: 72px;
	height: 25px;
	background: url(../tec_guide/img/img_page_next_btn.png) no-repeat #5f78ad;
}
.pagenation ul li.back_btn a span {
	padding-left: 5px;
}
.pagenation ul li.next_btn a span {
	padding-right: 5px;
}

.pagenation ul li a:hover,
.pagenation ul li.back_btn a:hover,
.pagenation ul li.next_btn a:hover {
	background-color: #94a5c8;
}

.pagetitle {
	height: 32px;
	overflow: hidden;
	zoom: 1;
	position: relative;
}

.pagetitle li {
	height: 30px;
	border-bottom: 2px solid #294b92;
	line-height: 1.2;
	position: absolute;
	display: table;
}

.pagetitle li.back_tit {
	left: 0;
	width: 245px;
	padding-left: 12px;
	width: 233px;
	background: url(../tec_guide/img/icon_arrow_left.png) left 18px no-repeat ;
	/background: url(../tec_guide/img/icon_arrow_left.png) left center no-repeat ; /* IE6/7 */
}

.pagetitle li.index_tit {
	left: 265px;
	width: 170px;
	text-align: center;
}

.pagetitle li.next_tit {
	right: 0;
	width: 245px;
	padding-right: 12px;
	width: 233px;
	text-align: right;
	background: url(../tec_guide/img/icon_arrow_right.png) right 18px no-repeat;
	/background: url(../tec_guide/img/icon_arrow_right.png) right center no-repeat ; /* IE6/7 */
}
.pagetitle li a {
	height: 30px;
	display: table-cell;
	/display: inline; /* IE6/7 */
	/zoom: 1; /* IE6/7 */
	vertical-align: bottom;
	font-size: 12px!important; /* 20160125 */
}

.pagetitle li.back_tit a {
/*
	padding-left: 12px;
	width: 228px;
*/
	max-width:228px;
	letter-spacing: -0.03em;
}

.pagetitle li.next_tit a {
/*
	padding-right: 12px;
	width: 228px;
*/
	max-width: 228px;
	letter-spacing: -0.03em;
}

.pagetitle li a {
	text-decoration: none !important;
}

.page_nav .notes {
	font-size: x-small!important; /* 20160125 */
	text-align: left;
	line-height: 1.25;
	padding-top: 10px;
}

/* テーブル */
.table-base {
	margin: 5px 0;
	width: 100%;
	border-collapse: collapse;
}
.table-base th {
	padding: 5px 0 5px;
	background: #294b92;
	text-align: center;
	border: 1px solid black;
	color: white;
	font-weight: bold;
}

.table-base td {
	padding: 5px 15px 5px;
	border: 1px solid black;
	width: 30%;
}

/* 小見出し */
.small-ttl {
	font-size : 14px!important; /* 20160125 */
	font-weight : bold ;
	padding : 1px 5px ;
	border-width : 0px 0px 1px 0;
	border-style : none none dotted none ;
	border-color : #000 #000 #d40000 #000 ;
}


/* react.jsコラム CSS */
#column--reactjs code { color: rgb(51, 51, 51); }
#column--reactjs code, #column--reactjs tt, #column--reactjs pre.editor-colors { font-size: 12px; font-family: Consolas, 'Liberation Mono', Courier, monospace; }
#column--reactjs a, #column--reactjs a code { color: rgb(65, 131, 196); }
#column--reactjs ol > li { list-style-type: decimal; }
#column--reactjs ul > li { list-style-type: disc; }
#column--reactjs li > pre.editor-colors { display: inline-block; vertical-align: top; width: 100%; }
#column--reactjs li:last-child > pre.editor-colors { margin-bottom: 0px; }
#column--reactjs > :first-child { margin-top: 0px !important; }
#column--reactjs > :last-child { margin-bottom: 0px !important; }
#column--reactjs a.absent { color: rgb(204, 0, 0); }
#column--reactjs a.anchor { display: block; padding-left: 30px; margin-left: -30px; cursor: pointer; position: absolute; top: 0px; left: 0px; bottom: 0px; }
#column--reactjs h1, #column--reactjs h2, #column--reactjs h3, #column--reactjs h4, #column--reactjs h5, #column--reactjs h6 { font-family: 'Helvetica Neue', Helvetica, sans-serif; margin: 20px 0px 10px; padding: 0px 0px 10px; font-weight: bold; -webkit-font-smoothing: antialiased; cursor: text; position: relative; }
#column--reactjs h1 .octicon-link, #column--reactjs h2 .octicon-link, #column--reactjs h3 .octicon-link, #column--reactjs h4 .octicon-link, #column--reactjs h5 .octicon-link, #column--reactjs h6 .octicon-link { display: none; color: rgb(0, 0, 0); }
#column--reactjs h1:hover a.anchor, #column--reactjs h2:hover a.anchor, #column--reactjs h3:hover a.anchor, #column--reactjs h4:hover a.anchor, #column--reactjs h5:hover a.anchor, #column--reactjs h6:hover a.anchor { text-decoration: none; line-height: 1; padding-left: 0px; margin-left: -22px; top: 15%; }
#column--reactjs h1:hover a.anchor .octicon-link, #column--reactjs h2:hover a.anchor .octicon-link, #column--reactjs h3:hover a.anchor .octicon-link, #column--reactjs h4:hover a.anchor .octicon-link, #column--reactjs h5:hover a.anchor .octicon-link, #column--reactjs h6:hover a.anchor .octicon-link { display: inline-block; }
#column--reactjs h1 tt, #column--reactjs h2 tt, #column--reactjs h3 tt, #column--reactjs h4 tt, #column--reactjs h5 tt, #column--reactjs h6 tt, #column--reactjs h1 code, #column--reactjs h2 code, #column--reactjs h3 code, #column--reactjs h4 code, #column--reactjs h5 code, #column--reactjs h6 code { font-size: inherit; }
#column--reactjs h1 { font-size: 28px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); color: rgb(0, 0, 0); }
#column--reactjs h2 { font-size: 24px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(238, 238, 238); color: rgb(0, 0, 0); }
#column--reactjs h3 { font-size: 18px; }
#column--reactjs h4 { font-size: 16px; }
#column--reactjs h5 { font-size: 14px; }
#column--reactjs h6 { color: rgb(119, 119, 119); font-size: 14px; }
#column--reactjs p, #column--reactjs blockquote, #column--reactjs ul, #column--reactjs ol, #column--reactjs dl, #column--reactjs table, #column--reactjs pre.editor-colors { margin: 15px 0px; }
#column--reactjs hr { border: 0px none; color: rgb(204, 204, 204); height: 4px; padding: 0px; margin: 15px 0px; background: url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC') 0px 0px repeat-x transparent; }
#column--reactjs > h2:first-child, #column--reactjs > h1:first-child, #column--reactjs > h1:first-child + h2, #column--reactjs > h3:first-child, #column--reactjs > h4:first-child, #column--reactjs > h5:first-child, #column--reactjs > h6:first-child { margin-top: 0px; padding-top: 0px; }
#column--reactjs a:first-child h1, #column--reactjs a:first-child h2, #column--reactjs a:first-child h3, #column--reactjs a:first-child h4, #column--reactjs a:first-child h5, #column--reactjs a:first-child h6 { margin-top: 0px; padding-top: 0px; }
#column--reactjs h1 + p, #column--reactjs h2 + p, #column--reactjs h3 + p, #column--reactjs h4 + p, #column--reactjs h5 + p, #column--reactjs h6 + p { margin-top: 0px; }
#column--reactjs li p.first { display: inline-block; }
#column--reactjs ul, #column--reactjs ol { padding-left: 30px; }
#column--reactjs ul.no-list, #column--reactjs ol.no-list { list-style-type: none; padding: 0px; }
#column--reactjs ul li > :first-child, #column--reactjs ol li > :first-child, #column--reactjs ul li ul:first-of-type, #column--reactjs ol li ul:first-of-type { margin-top: 0px; }
#column--reactjs ul ul, #column--reactjs ul ol, #column--reactjs ol ol, #column--reactjs ol ul { margin-bottom: 0px; }
#column--reactjs dl { padding: 0px; }
#column--reactjs dl dt { font-size: 14px; font-weight: bold; font-style: italic; padding: 0px; margin: 15px 0px 5px; }
#column--reactjs dl dt:first-child { padding: 0px; }
#column--reactjs dl dt > :first-child { margin-top: 0px; }
#column--reactjs dl dt > :last-child { margin-bottom: 0px; }
#column--reactjs dl dd { margin: 0px 0px 15px; padding: 0px 15px; }
#column--reactjs dl dd > :first-child { margin-top: 0px; }
#column--reactjs dl dd > :last-child { margin-bottom: 0px; }
#column--reactjs blockquote { border-left-width: 4px; border-left-style: solid; border-left-color: rgb(221, 221, 221); padding: 0px 15px; color: rgb(119, 119, 119); }
#column--reactjs blockquote > :first-child { margin-top: 0px; }
#column--reactjs blockquote > :last-child { margin-bottom: 0px; }
#column--reactjs blockquote p { font-size: 16px; line-height: 1.5; }
#column--reactjs table th { font-weight: bold; }
#column--reactjs table th, #column--reactjs table td { border: 1px solid rgb(204, 204, 204); padding: 6px 13px; }
#column--reactjs table tr { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(204, 204, 204); background-color: rgb(255, 255, 255); }
#column--reactjs table tr:nth-child(2n) { background-color: rgb(248, 248, 248); }
#column--reactjs img { max-width: 100%; }
#column--reactjs span.frame { display: block; overflow: hidden; }
#column--reactjs span.frame > span { border: 1px solid rgb(221, 221, 221); display: block; float: left; overflow: hidden; margin: 13px 0px 0px; padding: 7px; width: auto; }
#column--reactjs span.frame span img { display: block; float: left; }
#column--reactjs span.frame span span { clear: both; color: rgb(51, 51, 51); display: block; padding: 5px 0px 0px; }
#column--reactjs span.align-center { display: block; overflow: hidden; clear: both; }
#column--reactjs span.align-center > span { display: block; overflow: hidden; margin: 13px auto 0px; text-align: center; }
#column--reactjs span.align-center span img { margin: 0px auto; text-align: center; }
#column--reactjs span.align-right { display: block; overflow: hidden; clear: both; }
#column--reactjs span.align-right > span { display: block; overflow: hidden; margin: 13px 0px 0px; text-align: right; }
#column--reactjs span.align-right span img { margin: 0px; text-align: right; }
#column--reactjs span.float-left { display: block; margin-right: 13px; overflow: hidden; float: left; }
#column--reactjs span.float-left span { margin: 13px 0px 0px; }
#column--reactjs span.float-right { display: block; margin-left: 13px; overflow: hidden; float: right; }
#column--reactjs span.float-right > span { display: block; overflow: hidden; margin: 13px auto 0px; text-align: right; }
#column--reactjs code, #column--reactjs tt { margin: 0px 2px; padding: 0px 5px; border: 1px solid rgb(234, 234, 234); border-radius: 3px; text-shadow: none; background-color: rgb(248, 248, 248); }
#column--reactjs pre.editor-colors { font-size: 13px; line-height: 19px; overflow: auto; padding: 6px 10px; border-radius: 3px; border: 1px solid rgb(5, 6, 6); background: rgb(29, 31, 33); }
#column--reactjs kbd { border-radius: 2px; border-width: 1px; border-style: solid; border-color: rgb(221, 221, 221) rgb(204, 204, 204) rgb(204, 204, 204) rgb(221, 221, 221); padding: 1px 4px; line-height: 10px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background-image: linear-gradient(rgb(241, 241, 241), rgb(221, 221, 221)); background-color: rgb(221, 221, 221); background-repeat: repeat-x; }
#column--reactjs .emoji { height: 20px; width: 20px; }

#column--reactjs p {
	margin-bottom: 15px;
}

#column--reactjs {
	margin:0 0 10px;
	padding: 5px 0 0;
}

#column--reactjs .react-js-title {
	background-color: rgb(217,230,236);
	border: 1px solid rgb(192,192,192);
	margin-bottom: 15px;
	padding: 5px 15px !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height: 1.4;
	color: rgb(53, 53, 53);
	font-size: 18px;
}

#column--reactjs .col--title {
	border-bottom: 1px solid #294B92;
	vertical-align: middle;
	color: #4d5973;
	margin-top: 30px;
}

#column--reactjs .col--title:before {
	content: "＞";
	color: #294B92;
	margin-right: 5px;
}

#column--reactjs pre,
#column--reactjs pre *{
/*	-ms-word-wrap: break-word;
	word-wrap: break-word;
	white-space: pre-wrap;*/
}

#column--reactjs .source,.text {
	word-break: break-word;
}

#column--reactjs .bracket-matcher .region {
  position: absolute;
  border-bottom: 1px dotted lime;
}

#column--reactjs .spell-check-misspelling .region {
  border-bottom: 1px dashed rgba(250, 128, 114, 0.5);
}

#column--reactjs pre.editor-colors,
#column--reactjs .host {
/* background-color: #1d1f21; */
  background-color: rgb(53,53,53);
/* color: #c5c8c6; */
  color: rgb(255,255,255);
}
#column--reactjs pre.editor-colors .invisible-character,
#column--reactjs .host .invisible-character {
  color: rgba(197, 200, 198, 0.2);
}
#column--reactjs pre.editor-colors .indent-guide,
#column--reactjs .host .indent-guide {
  color: rgba(197, 200, 198, 0.2);
}
#column--reactjs pre.editor-colors .wrap-guide,
.host .wrap-guide {
  background-color: rgba(197, 200, 198, 0.1);
}
#column--reactjs pre.editor-colors .gutter,
#column--reactjs .host .gutter {
  background-color: #292c2f;
}
#column--reactjs pre.editor-colors .gutter .cursor-line,
#column--reactjs .host .gutter .cursor-line {
  background-color: rgba(255, 255, 255, 0.14);
}
#column--reactjs pre.editor-colors .line-number.cursor-line-no-selection,
#column--reactjs .host .line-number.cursor-line-no-selection {
  background-color: rgba(255, 255, 255, 0.14);
}
#column--reactjs pre.editor-colors .gutter .line-number.folded,
#column--reactjs .host .gutter .line-number.folded,
#column--reactjs pre.editor-colors .gutter .line-number:after,
#column--reactjs .host .gutter .line-number:after,
#column--reactjs pre.editor-colors .fold-marker:after,
#column--reactjs .host .fold-marker:after {
  color: #fba0e3;
}
#column--reactjs pre.editor-colors .invisible,
#column--reactjs .host .invisible {
  color: #c5c8c6;
}
#column--reactjs pre.editor-colors .cursor,
#column--reactjs .host .cursor {
  border-color: #ffffff;
}
#column--reactjs pre.editor-colors .selection .region,
#column--reactjs .host .selection .region {
  background-color: #444444;
}
#column--reactjs pre.editor-colors .source.gfm,
#column--reactjs .host .source.gfm {
  color: #999;
}
#column--reactjs pre.editor-colors .gfm .markup.heading,
#column--reactjs .host .gfm .markup.heading {
  color: #eee;
}
#column--reactjs pre.editor-colors .gfm .link,
#column--reactjs .host .gfm .link {
  color: #555;
}
#column--reactjs pre.editor-colors .gfm .variable.list,
#column--reactjs .host .gfm .variable.list,
#column--reactjs pre.editor-colors .gfm .support.quote,
#column--reactjs .host .gfm .support.quote {
  color: #555;
}
#column--reactjs pre.editor-colors .gfm .link .entity,
#column--reactjs .host .gfm .link .entity {
  color: #ddd;
}
#column--reactjs pre.editor-colors .gfm .raw,
#column--reactjs .host .gfm .raw {
  color: #aaa;
}
#column--reactjs pre.editor-colors .markdown .paragraph,
#column--reactjs .host .markdown .paragraph {
  color: #999;
}
#column--reactjs pre.editor-colors .markdown .heading,
#column--reactjs .host .markdown .heading {
  color: #eee;
}
#column--reactjs pre.editor-colors .markdown .raw,
#column--reactjs .host .markdown .raw {
  color: #aaa;
}
#column--reactjs pre.editor-colors .markdown .link,
#column--reactjs .host .markdown .link {
  color: #555;
}
#column--reactjs pre.editor-colors .markdown .link .string,
#column--reactjs .host .markdown .link .string {
  color: #555;
}
#column--reactjs pre.editor-colors .markdown .link .string.title,
#column--reactjs .host .markdown .link .string.title {
  color: #ddd;
}
#column--reactjs .bracket-matcher .region {
  margin-top: -1px;
  border-bottom: 1px solid #f8de7e;
  opacity: .7;
}
#column--reactjs .comment {
  color: #7C7C7C;
}
#column--reactjs .entity {
  color: #FFD2A7;
}
#column--reactjs .entity.name.type {
  color: #FFFFB6;
  text-decoration: underline;
}
#column--reactjs .entity.other.inherited-class {
  color: #9B5C2E;
}
#column--reactjs .keyword {
  color: #96CBFE;
}
#column--reactjs .keyword.control {
  color: #96CBFE;
}
#column--reactjs .keyword.operator {
  color: #EDEDED;
}
#column--reactjs .storage {
  color: #CFCB90;
}
#column--reactjs .storage.modifier {
/* color: #96CBFE; */
  color:rgb(184,223,254);
}
#column--reactjs .constant {
  color: #99CC99;
}
#column--reactjs .constant.numeric {
  color: #FF73FD;
}
#column--reactjs .variable {
  color: #C6C5FE;
}
#column--reactjs .invalid.deprecated {
  color: #FD5FF1;
  text-decoration: underline;
}
#column--reactjs .invalid.illegal {
  background-color: rgba(86, 45, 86, 0.75);
  color: #FD5FF1;
}
#column--reactjs .string .source,
#column--reactjs .string .meta.embedded.line {
  color: #EDEDED;
}
#column--reactjs .string .punctuation.section.embedded {
  color: #00A0A0;
}
#column--reactjs .string .punctuation.section.embedded .source {
  color: #00A0A0;
}
#column--reactjs .string {
  color: #A8FF60;
}
#column--reactjs .string .constant {
  color: #00A0A0;
}
#column--reactjs .string.regexp {
  color: #E9C062;
}
#column--reactjs .string.regexp .constant.character.escape,
#column--reactjs .string.regexp .source.ruby.embedded,
#column--reactjs .string.regexp .string.regexp.arbitrary-repetition {
  color: #FF8000;
}
#column--reactjs .string.regexp.group {
  background-color: rgba(255, 255, 255, 0.06);
  color: #C6A24F;
}
#column--reactjs .string.regexp.character-class {
  color: #B18A3D;
}
#column--reactjs .string .variable {
  color: #8A9A95;
}
#column--reactjs .support {
  color: #FFFFB6;
}
#column--reactjs .support.function {
/* color: #DAD085; */
  color:;
}
#column--reactjs .support.constant {
  color: #FFD2A7;
}
#column--reactjs .support.type.property-name.css {
  color: #EDEDED;
}
#column--reactjs .source .entity.name.tag,
#column--reactjs .source .punctuation.tag {
  color: #96CBFE;
}
#column--reactjs .source .entity.other.attribute-name {
  color: #C6C5FE;
}
#column--reactjs .entity.other.attribute-name {
  color: #C6C5FE;
}
#column--reactjs .entity.name.tag.namespace,
#column--reactjs .entity.other.attribute-name.namespace {
  color: #E18964;
}
#column--reactjs .meta.preprocessor.c {
  color: #8996A8;
}
#column--reactjs .meta.preprocessor.c .keyword {
  color: #AFC4DB;
}
#column--reactjs .meta.cast {
  color: #676767;
}
#column--reactjs .meta.sgml.html .meta.doctype,
#column--reactjs .meta.sgml.html .meta.doctype .entity,
#column--reactjs .meta.sgml.html .meta.doctype .string,
#column--reactjs .meta.xml-processing,
#column--reactjs .meta.xml-processing .entity,
#column--reactjs .meta.xml-processing .string {
  color: #494949;
}
#column--reactjs .meta.tag .entity,
#column--reactjs .meta.tag > .punctuation,
#column--reactjs .meta.tag.inline .entity {
  color: #C6C5FE;
}
#column--reactjs .meta.tag .name,
#column--reactjs .meta.tag.inline .name,
#column--reactjs .meta.tag > .punctuation {
  color: #96CBFE;
}
#column--reactjs .meta.selector.css .entity.name.tag {
  color: #96CBFE;
  text-decoration: underline;
}
#column--reactjs .meta.selector.css .entity.other.attribute-name.tag.pseudo-class {
  color: #8F9D6A;
}
#column--reactjs .meta.selector.css .entity.other.attribute-name.id {
  color: #8B98AB;
}
#column--reactjs .meta.selector.css .entity.other.attribute-name.class {
  color: #62B1FE;
}
#column--reactjs .meta.property-group .support.constant.property-value.css,
#column--reactjs .meta.property-value .support.constant.property-value.css {
  color: #F9EE98;
}
#column--reactjs .meta.preprocessor.at-rule .keyword.control.at-rule {
  color: #8693A5;
}
#column--reactjs .meta.property-value .support.constant.named-color.css,
#column--reactjs .meta.property-value .constant {
  color: #87C38A;
}
#column--reactjs .meta.constructor.argument.css {
  color: #8F9D6A;
}
#column--reactjs .meta.diff,
#column--reactjs .meta.diff.header {
  background-color: #0E2231;
  color: #F8F8F8;
}
#column--reactjs .meta.separator {
  background-color: #242424;
  color: #60A633;
}
#column--reactjs .meta.line.entry.logfile,
#column--reactjs .meta.line.exit.logfile {
  background-color: rgba(238, 238, 238, 0.16);
}
#column--reactjs .meta.line.error.logfile {
  background-color: #751012;
}

#column--reactjs .imgline {
	display: block;
	border: 1px solid #294b92;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	padding: 10px;
}

.nav--reactjs .pagetitle {
	width: auto;
}

.nav--reactjs .pagetitle li {
	width: auto;
	border-bottom-width: 1px;
}

.nav--reactjs .pagenation ul li.current {
	background-color: #469bc7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #FFF;
}

.nav--reactjs .pagenation ul li a {
	display: block;
	background-color: #e1e8d8 !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #000 !important;
}

.nav--reactjs .pagenation ul li a:hover {
	background-color: #9dc6db !important;
	color: #FFF !important;
}

/* add */
.tec_column .keyword {
float:none!important;
width : auto!important;
}

.mgt50 {
	margin-top:50px;
}
.mgt20 {
	margin-top:20px;
}


.list_keras_wide {
	width: 320px;
}
.list_keras_wide.keras {
	margin:0 auto;
}

.list_keras_wide ul {
	width: 100%;
}
.list_keras_wide.keras ul {
	margin:40px 0 30px;
}


.list_keras_wide ul li {
	width: 100%;
	height: 30px;
	text-indent: -9999px;
	background-image: url(../tec_guide/img/list_keras_wide_bg.png);
	background-repeat: no-repeat;
}
.list_keras_wide.keras ul li {
	list-style:none;
}

.list_keras_wide ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

.list_keras_wide ul li a:hover {
	background-image: url(../tec_guide/img/list_keras_wide_bg.png);
	background-repeat: no-repeat;
}


.list_keras_wide .keras_1st { background-position: 0 0; }
.list_keras_wide .keras_2nd { background-position: 0 -30px; }
.list_keras_wide .keras_3rd { background-position: 0 -60px; }
.list_keras_wide .keras_4th { background-position: 0 -90px; }
.list_keras_wide .keras_5th { height:31px; background-position: 0 -120px; }

.list_keras_wide .keras_1st a:hover { background-position: -320px 0; }
.list_keras_wide .keras_2nd a:hover { background-position: -320px -30px; }
.list_keras_wide .keras_3rd a:hover { background-position: -320px -60px; }
.list_keras_wide .keras_4th a:hover { background-position: -320px -90px; }
.list_keras_wide .keras_5th a:hover { background-position: -320px -120px; }

.list_keras_wide .keras_1st.gray { background-position: -640px 0; }
.list_keras_wide .keras_2nd.gray { background-position: -640px -30px; }
.list_keras_wide .keras_3rd.gray { background-position: -640px -60px; }
.list_keras_wide .keras_4th.gray { background-position: -640px -90px; }
.list_keras_wide .keras_5th.gray { background-position: -640px -120px; }

/*
*
-------------------------------------------- */
.list_chainerrl_wide {
  width: 320px;
}

.list_chainerrl_wide ul {
  width: 100%;
}
.list_chainerrl_wide.keras ul {
  margin:40px 0 30px;
}


.list_chainerrl_wide ul li {
  width: 100%;
  height: 30px;
  text-indent: -9999px;
  background-image: url(../tec_guide/img/list_chainerrl_wide_bg.png);
  background-repeat: no-repeat;
}
.list_chainerrl_wide.keras ul li {
  list-style:none;
}

.list_chainerrl_wide ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

.list_chainerrl_wide ul li a:hover {
  background-image: url(../tec_guide/img/list_chainerrl_wide_bg.png);
  background-repeat: no-repeat;
}

.list_chainerrl_wide .link_1 { background-position: 0 0; }
.list_chainerrl_wide .link_2 { background-position: 0 -30px; }
.list_chainerrl_wide .link_3 { height:31px; background-position: 0 -60px; }

.list_chainerrl_wide .link_1 a:hover { background-position: -320px 0; }
.list_chainerrl_wide .link_2 a:hover { background-position: -320px -30px; }
.list_chainerrl_wide .link_3 a:hover { background-position: -320px -60px; }

.list_chainerrl_wide .link_1.gray { background-position: -640px 0; }
.list_chainerrl_wide .link_2.gray { background-position: -640px -30px; }
.list_chainerrl_wide .link_3.gray { background-position: -640px -60px; }

/*
*
-------------------------------------------- */
.list_ansible_wide {
  width: 320px;
}

.list_ansible_wide ul {
  width: 100%;
}
.list_ansible_wide.keras ul {
  margin:40px 0 30px;
}


.list_ansible_wide ul li {
  width: 100%;
  height: 30px;
  text-indent: -9999px;
  background-image: url(../tec_guide/img/list_ansible_wide_bg.png);
  background-repeat: no-repeat;
}
.list_ansible_wide.keras ul li {
  list-style:none;
}

.list_ansible_wide ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

.list_ansible_wide ul li a:hover {
  background-image: url(../tec_guide/img/list_ansible_wide_bg.png);
  background-repeat: no-repeat;
}

.list_ansible_wide .link_1 { background-position: 0 0; }
.list_ansible_wide .link_2 { background-position: 0 -30px; }
.list_ansible_wide .link_3 { background-position: 0 -60px; }
.list_ansible_wide .link_4 { background-position: 0 -90px; }
.list_ansible_wide .link_5 { height:31px; background-position: 0 -120px; }

.list_ansible_wide .link_1 a:hover { background-position: -320px 0; }
.list_ansible_wide .link_2 a:hover { background-position: -320px -30px; }
.list_ansible_wide .link_3 a:hover { background-position: -320px -60px; }
.list_ansible_wide .link_4 a:hover { background-position: -320px -90px; }
.list_ansible_wide .link_5 a:hover { background-position: -320px -120px; }

.list_ansible_wide .link_1.gray { background-position: -640px 0; }
.list_ansible_wide .link_2.gray { background-position: -640px -30px; }
.list_ansible_wide .link_3.gray { background-position: -640px -60px; }
.list_ansible_wide .link_4.gray { background-position: -640px -90px; }
.list_ansible_wide .link_5.gray { background-position: -640px -120px; }


.imgcenter1 {
	width:320px;
	margin:16px auto;
	text-align:left;
	align-items:center;
}
.imgcenter1 img { margin:0 0 10px; }
.imgcenter2 {
	width:100%;
	margin:16px auto;
	text-align:center;
	align-items:center;
}

.normalpre {
	margin:0px 0 25px;
	line-height:150%;
	padding-left:20px;
}

.mt30 { margin-top:30px; }

/* ansible */
.table-auto thead th {
  padding-right: 10px;
  padding-left: 10px;
}
.table-auto td {
  width: auto;
}
.table-auto .text-nowrap {
  white-space: nowrap;
}
.table-about-ansible .text-center {
  text-align: center;
}

.well {
  padding: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: #eee;
  border: 2px solid #ccc;
  border-radius: 4px;
}