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


/*共通*/

.add_clearfix {
	overflow: hidden;
}
.add_clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0px;
	overflow: hidden;
}
.mgb10 {
	margin-bottom:10px;
}
.mgb20 {
	margin-bottom:20px;
}
.mgb30 {
	margin-bottom:30px;
}
.mgl10 {
	margin-left:10px;
}
/*オンマウス*/

.btn_on a:hover {
	/*height:100% !important;*/
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	opacity: 0.6;
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	background: #fff;
/* 20160330
	display: inline-block;
	zoom: 1;
*/
}
/*ナビ*/


/*index*/
.current a {
	background-position: 0 -42px !important;
}
.navi {
	position:absolute;
	left:0px;
	bottom:-1px;/*_bottom:-1px;*/
	/*margin-left:6px;*/
}
.navi li {
	float:left;
}
.navi_01 {
	width:60px;
	height:42px;
}
.navi_01 a {
	text-indent:-9999px;
	display:block;
	/* background:url(../img/navi.png) no-repeat; 20140522 画像を下記へ変更 */
	/* background:url(../img/navi_2.png) no-repeat; 20150107 画像を下記へ変更 */
	/* background:url(../img/navi_3.png) no-repeat; 20150715 画像を下記へ変更 */
	/* background:url(../img/navi_4.png) no-repeat; 20171016 画像を下記へ変更 */
    background:url(../img/navi_5.png) no-repeat;
	background-position:0 0;
	width:60px;
	height:42px;
}
.navi_01 a:hover {
	background-position: 0 -42px;
}
.navi_02 {
	width:129px;
	height:42px;
}
.navi_02 a {
	/* background:url(../img/navi.png) no-repeat; 20140522 画像を下記へ変更 */
	/* background:url(../img/navi_2.png) no-repeat; 20150107 画像を下記へ変更 */
	/* background:url(../img/navi_3.png) no-repeat; 20150715 画像を下記へ変更 */
	/* background:url(../img/navi_4.png) no-repeat; 20171016 画像を下記へ変更 */
	/* background-position: -216px 0px; 20150107 画像を下記へ変更 */
    background:url(../img/navi_5.png) no-repeat;
	background-position: -60px 0px;
	text-indent:-9999px;
	display:block;
	width:129px;
	height:42px;
}
.navi_02 a:hover {
	/* background-position: -111px -46px; 20140522 画像変更に伴い下記へ変更 */
	/* background-position: -216px 0px; 20150107 画像を下記へ変更 */
	background-position: -60px -42px;
}
.navi_03 {
	width:105px;
	height:42px;
}
.navi_03 a {
	text-indent:-9999px;
	/* background:url(../img/navi.png) no-repeat; 20140522 画像を下記へ変更 */
	/* background:url(../img/navi_2.png) no-repeat; 20150107 画像を下記へ変更 */
	/* background:url(../img/navi_3.png) no-repeat; 20150715 画像を下記へ変更 */
	/* background:url(../img/navi_4.png) no-repeat; 20171016 画像を下記へ変更 */
	/* background-position: -366px 0px; 画像変更に伴い下記へ変更 */
	/* background-position: -471px 0px; 20150107 画像を下記へ変更 */
    background:url(../img/navi_5.png) no-repeat;
	background-position: -189px 0px;
	display:block;
	width:105px;
	height:42px;
}
.navi_03 a:hover {
	/* background-position: -366px -46px; 画像変更に伴い下記へ変更 */
	/* background-position: -471px 0px; 20150107 画像を下記へ変更 */
	background-position: -189px -42px;
}

/* 20140522 追加 */
.navi_04 {
	width:156px;
	height:42px;
}
.navi_04 a {
	text-indent:-9999px;
	/* background:url(../img/navi_2.png) no-repeat; 20150107 画像を下記へ変更 */
	/* background:url(../img/navi_3.png) no-repeat; 20150715 画像を下記へ変更 */
	/* background:url(../img/navi_4.png) no-repeat; 20171016 画像を下記へ変更 */
    background:url(../img/navi_5.png) no-repeat;
	background-position: -294px 0px;
	display:block;
	width:156px;
	height:42px;
}
.navi_04 a:hover {
	background-position: -294px -42px;
}
/* 20150107 追加 */
.navi_05 {
/* 	width:105px; */
	width:290px;
	height:42px;
}
.navi_05 a {
	text-indent:-9999px;
	/* background:url(../img/navi_3.png) no-repeat; 20150715 画像を下記へ変更 */
	/* background:url(../img/navi_4.png) no-repeat; 20171016 画像を下記へ変更 */
    background:url(../img/navi_5.png) no-repeat;
	background-position: -450px 0px;
	display:block;
/* 	width:105px; */
	width:290px;
	height:42px;
}
.navi_05 a:hover {
	background-position: -450px -42px;
}


/*レイアウト*/

.sec_main {
	width:740px;
	background:url(../img/main_ph.jpg) no-repeat;
	height:334px;
	position:relative;
	bottom:0;
	left:0;
}
.sec_main h1 {
	padding-left:16px;
	padding-top:27px;
	margin-bottom:16px;
}
.sec_main h2 {
	margin-bottom:10px;
}
.sec_main .news {
	margin-left:10px;
	margin-bottom:4px;
	background:url(../img/news_tit.png) no-repeat;
	width:720px;
	height:41px;
	position:relative;
	right:0;
	top:0;
}
.news p {
	padding-left:127px;
	padding-top:10px;
}
.btn_more {
	position:absolute;
	right:16px;
	top:17px;
	_top:15px;
	width:40px !important;
	height:9px !important;
	display:block;
	overflow:hidden;
	zoom:1;
	clear:both;
	background:#FFF;
}
.btn_more.top01 {
	_top:15px!important;
}
*+html .btn_more.top01 {
/*	top:17px!important;*/
	 }
*+html .news .btn_more {
/*	top:12px;*/
	 }
.sec_00 {
    background:#2499ca;
    padding: 10px 0 10px 10px;
    margin-bottom:0px;
}
.sec_01 {
    background:#294b92;
    padding: 10px 0 10px 10px;
    margin-bottom:30px;
}
.culmun_a {
	/* margin-bottom:10px; */
	background:url(../img/ph_10.png) no-repeat;
	width:720px;
	height:448px;
	position:relative;
	top:0;
	left:0;
    background-color:#2499ca;
    background-position:100% 0;
}
.culmun_a .read_a {
	position:absolute;
	top:53px;
	left:15px;
	width:230px;
}
.culmun_a .read_b {
	position:absolute;
	top:159px;
	left:15px;
	width:197px;
}
.culmun_a .btn_a {
	position:absolute;
	bottom:40px;
	left:175px;
}
.culmun_a .btn_b {
	position:absolute;
	bottom:40px;
	left:412px;
}
.culmun_a .btn_c {
	position:absolute;
	bottom:40px;
	left:620px;
}
.culmun_a .btn_a a,.culmun_a .btn_b a,.culmun_a .btn_c a{
	display:block;
	padding-left:15px;
	background:url(../img/btn_more_c.png) no-repeat left top;
	font-size:12px!important; /* 20160125 */
	line-height:12px;
	color:#ccc !important;
	text-decoration:none !important;
}
.btn_d {
	width:230px;
	height:71px;
	background:#fff;
}
.culmun_a .tit_a {
	position:absolute;
	top:166px;
	left:8px;
}
.culmun_a .tit_b {
	position:absolute;
	top:208px;
	left:8px;
}
.culmun_a .tit_c {
	position:absolute;
	top:250px;
	left:8px;
}
.inner_c {
	width:198px;
	float:left;
	overflow:hidden;
}
.inner_c li {
	padding-top:10px;
	border-bottom:1px #ccc dotted;
	padding-bottom:7px;
}
.inner_d li {
	padding-top:10px;
	border-bottom:1px #ccc dotted;
	padding-bottom:7px;
}
.inner_c .name {
	float:left;
	width:126px;
}
.line2 {
	_height:26px;
}
.inner_d .name {
	float:left;
	width:166px;
}
.btn_service {
	float:left;
	width:72px;
}
.inner_d {
	width:238px;
	float:right;
}
.culmun_b {
	width:720px;
}
.culmun_b .column_left {
	float:left;
	background:#fff;
	width:480px;
}
.culmun_b .column_left .inner_a {
	padding: 0 15px 0px 15px;
	background:url(../img/bottom_480.png) no-repeat;
	background-position:bottom;
	padding-bottom:5px;
}
.culmun_b .column_left .inner_a .last {
	margin-bottom:10px;
}
.culmun_b .column_right {
	float:left;
	width:480px;
}
.column_right_inner {
	background:#fff;
	margin-bottom:10px;
}
.culmun_b .column_right .inner_b {
	padding: 0 15px 5px 15px;
	background:url(../img/bottom_230.png) no-repeat;
	background-position:bottom;
}
.culmun_b .column_right .inner_b p {
	margin-bottom:10px;
}
.culmun_b .column_right .inner_b li {
	margin-bottom:10px;
}
.culmun_b .column_right .last {
	margin-bottom:5px !important;
}
.culmun_b h3 {
	margin-bottom:14px !important;
}
.culmun_b .column_left dt {
	margin-bottom:10px !important;
}
.culmun_b .column_left dl {
	margin-bottom:10px;
}
.culmun_b .column_right {
	float:right;
	width:230px;
}
/*.column_right_inner{
	background:#fff;

	}*/


.column_right_b {
	padding-left:10px;
	background:#294b92;
}
.column_right_b {
	/*	padding-top:8px;*/
	float:right;
}
.column_right_b dt {
	font-size:11px!important; /* 20160125 */
	margin:0;
	padding:0;
	color:#fff;
}
.column_right_b dd {
	color:#fff;
}
.sec_02 .tit {
	width:740px;
	margin-bottom:15px;
}
.sec_02 .tit dt {
	margin-bottom:15px;
}
.sec_02 .tit dd {
	padding:0 10px;
}
.sec_02_inner {
}



.sec_02_inner .culmun_left {
	float:left;
	width:359px;

}

.sec_02_inner .culmun_right {
	float:right;
	width:359px;
}



.culmun_right h4 {
	width:100%;
	color:#fff;
	text-align:center;
	background:#2e5094;
	padding:5px 0;
	margin-bottom:10px;
}
.culmun_right span img {
	padding-left:3px;
}
.column_e {
	background:url(../img/column_top_bar.png) no-repeat;
	background-position:top;
	/*border: 1px solid #2e5094;*/
	border-left:1px solid #2e5094;
	border-right:1px solid #2e5094;
	border-top:1px solid #2e5094;
	border-bottom:1px solid #2e5094;

	padding-top:5px;
	padding-right:15px;
	padding-left:15px;
}


.ch_a{
	height:600px;  /* height:520px; だったのを枠の高さ調整のために修正、2016.03.04、さらに1行追加したので 530px→570px に調整 2016.03.14、570px→600px に調整 2017.10.13 */


	}

.ch_b{
	height:270px;

	}

.ch_c{
	height:333px;  /* height:253px; だったのを枠の高さ調整のために修正 2016.03.04、さらに1行追加したので 263px→303px に調整 2016.03.14、303px→333px に調整 2017.10.13*/

	}



.ly_a {
	padding-bottom:20px;
}
.column_e dl {
	padding-top:20px;
}
.column_e dt {
	text-align:center;
	margin-bottom:20px;
}
.column_e dt {
	text-align:center;
	margin-bottom:20px;
}
.column_e dd {
	margin-bottom:20px;
}
.column_e p {
	text-align:center;
}
.column_e .linl_a {

	/*padding-top:10px;*/
	margin-bottom:20px;
}


.column_e li {
	margin-bottom:15px;
}
#seminar {
	overflow: hidden;
	zoom: 1;
}

/*.column_e li.last a {
	display: inline;
	padding: 0;
	overflow: hidden;
	zoom: 1;
}*/


/* 20140522 追加 */
.culmun_case {
	width: 720px;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}

.culmun_case #oss-case {
	margin-bottom: 5px;
}

.culmun_case ol {
	padding: 5px 10px 5px;
}

.culmun_case .case {
	margin-bottom: 8px;
	padding: 0 5px 8px;
	border-bottom: 1px dotted #6F86B6;
	vertical-align: top;
	overflow: hidden;
	zoom: 1;
}

.culmun_case .case img {
	vertical-align: top;
	line-height: 100%;
}

.culmun_case .case p {
	float: left;
	width: 540px;
	text-align: justify;
	-ms-text-justify: distribute;
	text-justify: distribute;
}

.culmun_case .case .case-number {
	display: block;
	float: left;
	margin-top: 3px;
	margin-right: 13px;
	padding-left: 10px;
	background: url(../img/bg_case_arrow.png) 0 center no-repeat;
}

.culmun_case .case .text-link {
	display: block;
	float: right;
	padding-top: 1px;
}

.culmun_case .case .text-link2 {
	display: block;
	float: right;
	padding-top: 15px;
}



/* メインタイトルバナー用　技術特集 Zabbix大解説 */
.bnr_tec_zabbix {
	position: absolute;
	left: 554px;
	top: 110px;
}
.bnr_tec_zabbix a:hover img {
	opacity: 0.75;
}
/* 20150615追加 */
.bnr_tec_zabbix a {
	display: block;
	margin-bottom: -2px;
}

/* 2017/9/12 追加 */
#main_contents .sec_00 .culmun_a h3 { padding:145px 0 0 10px; font-size:18px; line-height:28px; color:#ffffff; }
#main_contents .sec_00 .culmun_a .tit_a2 { width:auto; height:31px; padding:0 0 0 10px; }
#main_contents .sec_00 .culmun_a .tit_a2 a {
    background:url(../img/tit_20.png) no-repeat; background-position: -0px 0px;
    text-indent:-9999px; display:block; width:430px; height:31px;
}
#main_contents .sec_00 .culmun_a .tit_a2 a:hover { background-position: -0px -31px; }
#main_contents .sec_00 .culmun_a .tit_b2 { width:auto; height:31px; padding:0 0 0 10px; }
#main_contents .sec_00 .culmun_a .tit_b2 a {
    background:url(../img/tit_21.png) no-repeat; background-position: -0px 0px;
    text-indent:-9999px; display:block; width:430px; height:31px;
}
#main_contents .sec_00 .culmun_a .tit_b2 a:hover { background-position: -0px -31px; }
#main_contents .sec_00 .culmun_a .listcol { color:#FFF; padding:0 0 0 10px; margin:10px 0 20px; }

/* 2018/03/07追加  */
.column_main2.keras ol.addstyle {
	list-style:decimal; padding-left: 18px; margin-bottom:15px; line-height:180%;
}
.column_main2.keras ol.addstyle li ul { list-style:disc; margin-left: 16px; }
.column_main2.keras ul.addstyle {
	list-style:disc; margin-left: 16px; margin-bottom:15px; line-height:180%;
}
.column_main2.keras ul.addstyle li ul { list-style:disc; margin-left: 16px; }
.column_main2.keras table.addstyle { width:100%; margin-bottom:15px; border:1px solid #CCC; }
.column_main2.keras table.addstyle th { padding:10px 20px; background-color:#f2f2f2; border:1px solid #CCC; }
.column_main2.keras table.addstyle td { padding:10px 20px; border:1px solid #CCC; }

.column_main2.keras code { padding:0px 6px; color:#c92b53; background-color:#f9f2f4; }

.column_main2.keras .overflowx,
.pretty-overflowx { overflow-x:scroll; word-wrap:normal; white-space: pre; }