#width {
	width:990px;
}
.adspecial_type1 h1, .adspecial_type1 h2, .adspecial_type1 h3, .adspecial_type1 h4, .adspecial_type1 h5, .adspecial_type1 h6 {
	display:block;
}
.adspecial_type1 {
	margin:20px auto;
	text-align: center;
	width: 970px;
}
.adspecial_type1 .frame_header{
	margin-bottom: 10px;
	text-align: left;
}
.adspecial_type1 .frame_col_left_container {
	width: 970px;
	float: left;
	position:relative;
	background: #fafafa;
	right: 320px;
	text-align: left;
}
.adspecial_type1 .frame_col_right_container {
	overflow:hidden;
	width: 970px;
	float: left;
	position:relative;
	background: #ccc;
}
.adspecial_type1 .frame_col_left {
	float:left;
	width:650px;
	position:relative;
	left: 320px;
}
.adspecial_type1 .frame_col_left_inner {
	padding: 0 10px 0 0;
}
.adspecial_type1 .frame_col_right {
	float:left;
	width:320px;
	position:relative;
	left: 320px;
}
.adspecial_type1 .frame_col_right_inner {
	padding: 0 10px;
}
* html .adspecial_type1 .frame_col_right_inner{
	width: 300px;
}
* html .adspecial_type1 .frame_col_left {
	overflow: hidden;
}
* html .adspecial_type1 .frame_col_right{
	overflow: hidden;
}


/* 2011/02リニューアル対応-------------------------------------------------------------------------------- */

.adspecial_type1{
margin-top: 0;
padding-top: 20px;
}

#block_story {
margin-left: 10px;
}

.style_block1{
margin-left: 10px;
}

p.more{
margin-top: 0px;
}

.style_indexlist1 li{
font-weight: normal;
list-style-image: none;
line-height: 1.3;
background-position:  4px 7px;
}
.style_indexlist1 li a{
line-height: 1.5;
}

.style_indexlist1 li.stronger a {
font-weight: bold;
}

.style_indexlist1 li.largersize{
font-size: 14px;
}

.style_indexlist1 li a img {
border: 1px solid #666666;
float: left;
margin: 0 5px 5px 0;
}

h4.ttl_backnumber {
background: url('/media/z/2011/bg_h2_underline.gif') repeat-x 0 bottom;
color: #961515;
font-size: 16px;
font-weight: bold;
line-height: 1.2;
margin-bottom: 10px;
padding-bottom: 7px;
}

.backnumber p.summary{
overflow: hidden;
_zoom: 1;
}


/*#ff0000*/

/* フレーム設定-------------------------------------------------------------------------------- */
#adspecial_ibm_201812{
padding: 0;
}


#adspecial_ibm_201812.adspecial_type1{
margin:0 auto;
}

#adspecial_ibm_201812.adspecial_type1 .adspecial_type1 .frame_col_left{
width:980px;
}

#adspecial_ibm_201812.adspecial_type1 .frame_col_left_container {
	background: #ffffff;
width:980px;
}
#adspecial_ibm_201812.adspecial_type1 .frame_col_right_container {
	background: #ffffff;
}

#contents{padding:0 !important;}
#content{padding:0 !important;}

#adspecial_ibm_201812.adspecial_type1{width:100%;}
#adspecial_ibm_201812.adspecial_type1 .frame_header{
margin-left:0;
margin-bottom:0 !important;
position:relative;
}


#adspecial_ibm_201812.adspecial_type1 .block_sponsored{
width:90%;
margin:0 auto !important;
}



#adspecial_ibm_201812.adspecial_type1 #block_story{
margin:0;
}

#adspecial_ibm_201812.adspecial_type1 #block_story p{
margin:0 !important;
padding:20px 3% !important;
}

#adspecial_ibm_201812.adspecial_type1 .leaf_content .center{
margin:30px auto;
}


/* Headline設定-------------------------------------------------------------------------------- */

#adspecial_ibm_201812.adspecial_type1 h1.adspecial {
	background:#fff url(/extra/ibm_201812/media/35128774/head_title.jpg) 0 0 no-repeat;
	height:230px;
	margin:0;
}


#adspecial_ibm_201812.adspecial_type1 h1.adspecial span{
display:none;
}


#adspecial_ibm_201812.adspecial_type1 h2.adspecial {
margin:0 auto;
padding:2% 3% 3.5%;
color:#fff;
font-size:16px;
font-weight:normal;
/*background-color:#55a3ec;*/
background-color:#0b9ad6;
line-height:1.6;
position:relative;
}

/*
#adspecial_ibm_201812.adspecial_type1 h2.adspecial:before{
content:"";
position:absolute;
left:0;
top:-20px;
border-bottom:20px solid #0b9ad6;
border-left:980px solid transparent;
z-index:100;
}


#adspecial_ibm_201812.adspecial_type1 h2.adspecial:after{
content:"";
position:absolute;
right:0;
bottom:-20px;
border-top:20px solid #0b9ad6;
border-right:980px solid transparent;
z-index:100;
}
*/




#adspecial_ibm_201812.adspecial_type1 h3.adspecial {
margin:20px auto 0;
padding:17px 20px 15px 90px;
text-align:left;
background-color:#fff;
font-size:220%;
font-weight:normal;
/*color:#fff;*/
position:relative;
overflow:hidden;
/*border-bottom:3px solid #ccc;*/
}

/*#adspecial_ibm_201812.adspecial_type1 h3.adspecial:before{
content:"";
position:absolute;
top:0;
left:250px;
background-color:#fff;
width:1px;
height:100px;
transform:skew(-25deg);
}

#adspecial_ibm_201812.adspecial_type1 h3.adspecial:after{
content:"";
position:absolute;
top:0;
right:250px;
background-color:#fff;
width:1px;
height:100px;
transform:skew(-25deg);
}*/



#dx{
background:#fff url(/extra/ibm_201812/media/icon_dx.png) 20px center no-repeat;
color:#6ac520;
border-bottom:4px solid #6ac520;
}

#cloud{
background:#fff url(/extra/ibm_201812/media/icon_cloud_native.png) 20px center no-repeat;
color:#0e97a0;
border-bottom:4px solid #0e97a0;
}

#micro{
background:#fff url(/extra/ibm_201812/media/icon_micro.png) 20px center no-repeat;
color:#b83e3e;
border-bottom:4px solid #b83e3e;
}


#container{
background:#fff url(/extra/ibm_201812/media/icon_container.png) 20px center no-repeat;
color:#6f8c0a;
border-bottom:4px solid #6f8c0a;
}


#kubernetes{
background:#fff url(/extra/ibm_201812/media/icon_kubernetes.png) 20px center no-repeat;
color:#105295;
border-bottom:4px solid #105295;
}


#agile{
background:#fff url(/extra/ibm_201812/media/icon_agile.png) 20px center no-repeat;
color:#5a206f;
border-bottom:4px solid #5a206f;
}


#devops{
background:#fff url(/extra/ibm_201812/media/icon_devops.png) 20px center no-repeat;
color:#de581d;
border-bottom:4px solid #de581d;
}


#hybrid{
background:#fff url(/extra/ibm_201812/media/icon_hybrid_cloud.png) 20px center no-repeat;
color:#08a476;
border-bottom:4px solid #08a476;
}


#multi{
background:#fff url(/extra/ibm_201812/media/icon_multi_cloud.png) 20px center no-repeat;
color:#1349c5;
border-bottom:4px solid #1349c5;
}


#baremetal{
background:#fff url(/extra/ibm_201812/media/icon_baremetal.png) 20px center no-repeat;
color:#9d2669;
border-bottom:4px solid #9d2669;
}


#datalake{
background:#fff url(/extra/ibm_201812/media/icon_datalake.png) 20px center no-repeat;
color:#36bef0;
border-bottom:4px solid #36bef0;
}


#catalog{
background:#fff url(/extra/ibm_201812/media/icon_catalog.png) 20px center no-repeat;
color:#df8800;
border-bottom:4px solid #df8800;
}



/*
#dx{
background:#36bef0 url(/extra/ibm_201812/media/icon_dx.png) 10px center no-repeat;
}

#cloud{
background:#11adb7 url(/extra/ibm_201812/media/icon_cloud.png) 10px center no-repeat;
}

#micro{
background:#b83e3e url(/extra/ibm_201812/media/icon_micro.png) 10px center no-repeat;
}


#container{
background:#6f8c0a url(/extra/ibm_201812/media/icon_container.png) 10px center no-repeat;
}


#kubernetes{
background:#105295 url(/extra/ibm_201812/media/icon_kubernetes.png) 10px center no-repeat;
}


#agile{
background:#5a206f url(/extra/ibm_201812/media/icon_agile.png) 10px center no-repeat;
}


#devops{
background:#de581d url(/extra/ibm_201812/media/icon_devops.png) 10px center no-repeat;
}
*/






#adspecial_ibm_201812.adspecial_type1 h4.adspecial {
	color:#000;
	margin: 20px 0 10px;
	background:url(/extra/ibm_201812/media/left_foot_h4.gif) no-repeat 0 0;
	padding:5px 10px 5px 20px;
	font-size:14px;
	height:auto;
	zoom:1;
	border:none;
	line-height:1.6em;
}
#adspecial_ibm_201812.adspecial_type1 h5.adspecial {
	background:url(/extra/ibm_201812/media/right_h5.gif);
	padding:3px 5px 3px 15px;
	font-size:12px;
	color:#666;
	font-weight:bold;
	height:auto;
	margin-bottom:10px;
	zoom:1;
	text-shadow:none;
}




/* 左本文Additional CSS設定-------------------------------------------------------------------------------- */

#adspecial_ibm_201812.adspecial_type1 .frame_col_left #block_story p {
	line-height:1.8em;
}

#adspecial_ibm_201812.adspecial_type1 .frame_col_left #block_story p{
	margin:1em 10px;
	font-size:16px;
}

#adspecial_ibm_201812.adspecial_type1 .article_leaf_paging_word {
	font-size:12px;
	margin:20px 0px 30px 0;
	text-align:right;
}

#adspecial_ibm_201812.adspecial_type1 .frame_col_left #block_story.article_body {
	margin-top:0;
background-color:#f0f0f0;
}




/* 左側WP誘導CSS設定--------------------------------------------------------------------------------*/

#adspecial_ibm_201812.adspecial_type1 .block_wp {
	margin-bottom:20px;
}
#adspecial_ibm_201812.adspecial_type1 .bottomwp {
	border-bottom:1px dotted #999999;
	margin-bottom:10px;
	margin-left:25px;
	margin-right:25px;
	padding-bottom:10px;
}
#adspecial_ibm_201812.adspecial_type1 .bottomwp.last {
	border:medium none;
}
#adspecial_ibm_201812.adspecial_type1 .bottomwp a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#adspecial_ibm_201812.adspecial_type1 .bottomwp a:hover{
	text-decoration:none;
}
#adspecial_ibm_201812.adspecial_type1 .bottomwp a:hover h4{
	text-decoration:underline;
}
#adspecial_ibm_201812.adspecial_type1 .bottomwp h4{
	border:none;
	font-size:12px;
	font-weight:normal;
	margin-top:2px;
}



/* 左側バックナンバーCSS設定--------------------------------------------------------------------------------*/
#adspecial_ibm_201812.adspecial_type1 .block_backnumber {
	margin-bottom:20px;
	margin-left: 10px;
}
#adspecial_ibm_201812.adspecial_type1 .block_backnumber .backnumber {
	margin-bottom:10px;
}
#adspecial_ibm_201812.adspecial_type1 .block_backnumber .backnumber a img {
	margin:0 10px 10px 10px;
	float:left;
	vertical-align:top;
	border:1px solid #999;
}
#adspecial_ibm_201812.adspecial_type1 .block_backnumber .backnumber a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#adspecial_ibm_201812.adspecial_type1 .block_backnumber .backnumber a h5.title {
	border-bottom:none;
	font-size:14px;
	display:inline;
}
#adspecial_ibm_201812.adspecial_type1 .block_backnumber .backnumber p {
	margin-top:3px;
}
#adspecial_ibm_201812.adspecial_type1 .block_backnumber .backnumber a:hover h5.title {
	text-decoration:underline;
}
#adspecial_ibm_201812.adspecial_type1 .block_backnumber .backnumber .property {
	color:#666666;
	font-size:10px;
}
#adspecial_ibm_201812.adspecial_type1 .block_backnumber .backnumber .property a{
	margin-left:5px;
}




/* 左側バナー枠CSS設定*/
#adspecial_ibm_201812.adspecial_type1 .block_banner {
	margin-bottom:20px;
	margin-left: 10px;
}
#adspecial_ibm_201812.adspecial_type1 .block_banner .banner img{
	margin:0 auto 10px;
	display:block;
}
#adspecial_ibm_201812.adspecial_type1 .block_banner .banner a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


/* フッタースポンサー枠CSS設定--------------------------------------------------------------------------------*/
#adspecial_ibm_201812.adspecial_type1 .block_sponsored{
	clear: both;
	/*border:1px solid #ccc;*/
	padding:10px 0;
background-color:#222;
color:#fff;
width:100%;
}

#adspecial_ibm_201812.adspecial_type1 .block_sponsored a{
color:#55a3ec;
}





/* フッター責任表示--------------------------------------------------------------------------------*/
#adspecial_ibm_201812.adspecial_type1 .block_sponsored address{
	font-weight: normal;
	font-style: normal;
}

/* フォトグリッド --------------------------------------------------------------------------*/
#adspecial_ibm_201812.adspecial_type1 .article_body div.photo_grid {margin-bottom: 1em;}
#adspecial_ibm_201812.adspecial_type1 .article_body .right {
	margin-left: 1em;
	float: right;
}
#adspecial_ibm_201812.adspecial_type1 .article_body .left {
	margin-left: 1em;
	float: left;
}
#adspecial_ibm_201812.adspecial_type1 .article_body .center table{
	margin: 0 auto;
}
#adspecial_ibm_201812.adspecial_type1 .article_body .photo_grid table {border-collapse: collapse;}
#adspecial_ibm_201812.adspecial_type1 .article_body .photo_grid td {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#adspecial_ibm_201812.adspecial_type1 .article_body .photo {
	padding: 10px;
	background: #FFF none repeat scroll 0%;
	border: 1px solid #CCC;
	margin-right: 15px;
}
#adspecial_ibm_201812.adspecial_type1 .article_body .photo .caption {
	width: 150px;
	margin-top: 10px;
	font-size: 12px;
	line-height: 120%;
}
#adspecial_ibm_201812.adspecial_type1 .article_body .photo .border {border: 1px solid #CCC;}
#adspecial_ibm_201812.adspecial_type1 .article_body .photo .image {position: relative;}
#adspecial_ibm_201812.adspecial_type1 .article_body .photo img.main {margin: 10px;}
#adspecial_ibm_201812.adspecial_type1 .article_body ul {
	margin: 10px 0 0;
	padding: 0 0 0 10px;
}
#adspecial_ibm_201812.adspecial_type1 .article_body .photo .glass {
	z-index: 2;
	position: absolute;
	right: 0;
	bottom: 0;
}



/*201812 add*/


#adspecial_ibm_201812 .adspecial_type1 .article_body #block_story p{
margin:0 !important;
padding:2.5%;
}



#adspecial_ibm_201812 .adspecial_type1 .leaf_content .center{
margin-bottom:0 !important;
padding-bottom:25px !important;
}

#adspecial_ibm_201812 .adspecial_type1 .leaf_content .img-xxxl{
margin:0 auto !important;
padding-bottom:25px !important;
}





/*anime*/


@keyframes show {
0% {
    opacity: 0;/* 透明 */
}
100% {
    opacity: 1;/* 不透明 */
}
}

@keyframes righttoleft {
0% {
    opacity: 0;/* 透明 */
    transform: translateX(80px);/* X軸方向に80px */
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);/* X軸方向に0px */
}
}



@keyframes lefttoright {
0% {
    opacity: 0;/* 透明 */
    transform: translateX(-80px);/* X軸方向に-80px */
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);/* X軸方向に0px */
}
}


.keyword_box{
width:100%;
margin:0 auto;
background-color:#f0f0f0;
/*border-top:1px solid #ccc;
border-bottom:1px solid #ccc;*/
position:relative;
}

.keyword_box:after{
content:"キーワード一覧";
position:absolute;
top:-20px;
left:0;
width:200px;
height:25px;
padding:5px;
text-align:center;
background-color:#fff;
color:#444;
/*border:5px solid #55a3ec;*/
z-index:1000;
}

.keyword_box ul{
margin:0 15px !important;
padding:30px 0 5px 0!important;
}


.keyword_box li{
background:none !important;
display:inline-block !important;
font-size:14px;
transition:0.3s ease;
list-style:none !important;
/*background-color:#fff !important;*/
border-left:2px solid #444;
postision:relative;
margin:5px 15px !important;
padding:5px 10px !important;
color:#444;
display:block;
opacity:0;
}

.keyword_box li:hover{
/*background-color:#999 !important;*/
color:#0b9ad6;
text-decoration:none;
}


.keyword_box li a{
color:#444;
}

.keyword_box li a:hover{
color:#0b9ad6;
text-decoration:none;
}

.keyword_box li.no-link{
border-left:2px solid #ccc;
color:#ccc;
}

/*.keyword_box li.no-link:hover{
background-color:#fff !important;
color:#444;
}*/



.keyword_box li:nth-child(1){
animation: righttoleft 1.0s ease 0.2s forwards;
}

.keyword_box li:nth-child(2){
animation: righttoleft 1.0s ease 0.3s forwards;
}

.keyword_box li:nth-child(3){
animation: righttoleft 1.0s ease 0.4s forwards;
}

.keyword_box li:nth-child(4){
animation: righttoleft 1.0s ease 0.5s forwards;
}

.keyword_box li:nth-child(5){
animation: righttoleft 1.0s ease 0.6s forwards;
}

.keyword_box li:nth-child(6){
animation: righttoleft 1.0s linear 0.7s forwards;
}

.keyword_box li:nth-child(7){
animation: righttoleft 1.0s linear 0.8s forwards;
}

.keyword_box li:nth-child(8){
animation: righttoleft 1.0s linear 0.9s forwards;
}

.keyword_box li:nth-child(9){
animation: righttoleft 1.0s linear 1.0s forwards;
}

.keyword_box li:nth-child(10){
animation: righttoleft 1.0s linear 1.1s forwards;
}

.keyword_box li:nth-child(11){
animation: righttoleft 1.0s linear 1.2s forwards;
}

.keyword_box li:nth-child(12){
animation: righttoleft 1.0s linear 1.3s forwards;
}




.word_inner{
padding:10px 0 10% 0;
background-color:#f0f0f0;
position:relative;
}



.fade {
    opacity : 0;
    transform : translate(0, 30px);
    transition : 0.8s ease;
}

.fade.effect{
    opacity : 1;
    transform : translate(0, 0);
}


/*pagetop*/


.page-top{
position:fixed;
right:0;
bottom:100px;
}

.page-top a{
background:rgba(11,154,214,1);
color:#fff;
width:60px;
height:60px;
line-height:60px;
text-align:center;
transition:0.3s ease;
font-size:11px;
padding:15px;
display:block;
}

.page-top a:hover{
background:rgba(10,10,10,1);
text-decoration:none;
}


.page-top-contents{
position:absolute;
bottom:25px;
right:0;
}

.page-top-contents a{
background:rgba(11,154,214,1);
color:#fff;
width:160px;
height:50px;
line-height:30px;
text-align:center;
transition:0.3s ease;
font-size:12px;
padding:10px 20px;
display:block;
}

.page-top-contents a:hover{
background:rgba(10,10,10,1);
text-decoration:none;
}


.page-top-contents:before{
content:"";
position:absolute;
top:22px;
left: 10px;
width: 4px;
height: 4px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}




/* レスポンシブ --------------------------------------------------------------------------*/

@media screen and (max-width: 800px) {
  #adspecial_ibm_201812.adspecial_type1,
  #adspecial_ibm_201812.adspecial_type1 .frame_col_right_container,
  #adspecial_ibm_201812.adspecial_type1 .frame_col_left_container,
  #adspecial_ibm_201812.adspecial_type1 .frame_col_left,
  #adspecial_ibm_201812.adspecial_type1 .frame_col_right {
  width: auto !important;
  float: none;
  }
  #adspecial_ibm_201812.adspecial_type1 .article_body .left,
  #adspecial_ibm_201812.adspecial_type1 .article_body .right,
  #adspecial_ibm_201812.adspecial_type1 .article_body .center {
    float: none;
    max-width: 100%;
    text-align: center;
  }
  #adspecial_ibm_201812.adspecial_type1 img {
    display: block;
    width: auto !important;
    max-width: 100% !important;
    height: auto;
    margin: 0 auto 10px;
  }

  #adspecial_ibm_201812.adspecial_type1 .block_right_plink {display: none;}


#adspecial_ibm_201812.adspecial_type1 #block_story p{
padding:30px 5% !important;
}



#adspecial_ibm_201812.adspecial_type1 h1.adspecial {
background:#fff url(/extra/ibm_201812/media/35128774/head_title_s.jpg) 10% center no-repeat;
background-size:cover;
}


#adspecial_ibm_201812.adspecial_type1 h2.adspecial{
padding:5% 5% 10%;
}



#adspecial_ibm_201812.adspecial_type1 h1.adspecial span{
position:relative;
top:15%;
display:block;
color:#fff;
font-size:200%;
width:100%;
padding:7% 5%;
/*background:rgba(11,154,214,0.8);*/
font-weight:bold;
text-align:left;
color:#0b9ad6;
}

#adspecial_ibm_201812.adspecial_type1 h1.adspecial span small{
font-size:75%;
}

#adspecial_ibm_201812.adspecial_type1 h1.adspecial span.twelve{
font-size:110%;
background-color:#fcd607;
color:#333;
margin-left:10px;
padding:3px;
display:inline;
z-index:100;
}



.keyword_box:after{
content:"キーワード一覧";
position:absolute;
top:-15px;
left:0;
width:100%;
height:25px;
padding:1.5% 5%;
text-align:center;
background-color:#444;
color:#fff;
}

.keyword_box ul{
padding:35px 0 0 0 !important;
}


#adspecial_ibm_201812.adspecial_type1 h3.adspecial {
padding:15px 10px;
text-align:center;
font-size:180%;
}


/*pagetop*/


.page-top a{
display:none;
}

.page-top a:hover{
display:none;
}



.page-top-contents{
position:absolute;
bottom:10px;
right:0;
}


}


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


#dx,
#cloud,
#micro,
#container,
#kubernetes,
#agile,
#devops,
#hybrid,
#multi,
#baremetal,
#datalake,
#catalog{
background-image:none !important;
}






}

/*#ff0000*/


/* 1column adjust CSS 　以下flat版のみ追記
-----------------------------------------------*/
.adspecial_type1 .frame_col_left{
position:static;
width:970px;
float: none;
}

.adspecial_type1 .frame_col_left_container{
float: none;
position:static;
}

.adspecial_type1 .bottomwp{
	margin: 0 auto;
	text-align: center;
}

#adspecial_ibm_201812.adspecial_type1 h2.adspecial{
	width: auto;
}

.adspecial_type1 .frame_col_left_inner {
	padding: 0;
}

#adspecial_ibm_201812.adspecial_type1 .article_body ul {
	margin:10px 25px;
}