#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_hybridit {
margin-left: -5px;
padding-top: 0;
}
#adspecial_ibm_hybridit.adspecial_type1 .frame_col_left_container {
	background: #ffffff;
}
#adspecial_ibm_hybridit.adspecial_type1 .frame_col_right_container {
	background: #ffffff;
}


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

#adspecial_ibm_hybridit.adspecial_type1 h1.adspecial {
	background:#FFFFFF no-repeat scroll 50% 0;
	height:200px;
	margin:0;
	text-indent:-99999px;
}
#adspecial_ibm_hybridit.adspecial_type1 h2.adspecial {
	background:#FFFFFF url(/storage/2011/02/21/2998470c99f7ccc52e0d4769c23ac74c/left_h2.jpg) no-repeat scroll 0;
	height: 180px;
	width: 640px;
	zoom:1;
	text-indent: -9999px;
	margin-top:0px;
	margin-left:-10px;
}
#adspecial_ibm_hybridit.adspecial_type1 h2.adspecial .auther{
	font-size:12px;
	font-weight:normal;
}
#adspecial_ibm_hybridit.adspecial_type1 h3.adspecial {
	color:#000;
	margin: 20px 0 20px;
        background-color: #f5f5f5;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
	padding:5px 10px 5px 20px;
	font-size:16px;
	height:auto;
	zoom:1;
}
#adspecial_ibm_hybridit.adspecial_type1 h4.adspecial {
	color:#000;
	margin: 20px 0 10px;
	background:url(/extra/ibm_hybridit/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_hybridit.adspecial_type1 h5.adspecial {
	padding:3px 5px 3px 0;
        border-bottom: 1px solid #cccccc;
	font-size:16px;
	color:#666;
	font-weight:bold;
	height:auto;
	margin-bottom:10px;
	zoom:1;
	text-shadow:none;
}




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

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

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

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

#adspecial_ibm_hybridit.adspecial_type1 .frame_col_left #block_story.article_body {
	margin-top:0;
}




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

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



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




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


/* フッタースポンサー枠CSS設定--------------------------------------------------------------------------------*/
#adspecial_ibm_hybridit.adspecial_type1 .block_sponsored{
	clear: both;
	border:1px solid #ccc;
	padding:5px 10px;
}






/* 右側PageLink CSS設定-------------------------------------------------------------------------------- */

#adspecial_ibm_hybridit.adspecial_type1 .block_right_plink{
	margin-bottom:20px;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_plink ul li {
	width: 300px;
	padding-bottom:0px;
	height:70px;
	margin-bottom: 5px;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_plink ul li a {
	display:block;
	height:70px;
	margin-bottom:5px;
	overflow:hidden;
	text-indent:-9999px;
	width:300px;
	background-repeat: no-repeat;
}

#adspecial_ibm_hybridit.adspecial_type1 .block_right_plink ul li.plink1 a{
	background-position: 0 0;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_plink ul li.plink1 a:hover,
#adspecial_ibm_hybridit.adspecial_type1 .block_right_plink ul#on1 li.plink1 a {
	background-position: -300px 0;
}

#adspecial_ibm_hybridit.adspecial_type1 .block_right_plink ul li.plink2 a{
	background-position: 0 -70px;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_plink ul li.plink2 a:hover,
#adspecial_ibm_hybridit.adspecial_type1 .block_right_plink ul#on2 li.plink2 a {
	background-position: -300px -70px;
}


#adspecial_ibm_hybridit.adspecial_type1 .block_right_plink ul li.plink3 a{
	background-position: 0 -140px;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_plink ul li.plink3 a:hover,
#adspecial_ibm_hybridit.adspecial_type1 .block_right_plink ul#on3 li.plink3 a {
	background-position: -300px -140px;
}


#adspecial_ibm_hybridit.adspecial_type1 .block_right_plink ul li.plink4 a{
	background-position: 0 -210px;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_plink ul li.plink4 a:hover,
#adspecial_ibm_hybridit.adspecial_type1 .block_right_plink ul#on4 li.plink4 a {
	background-position: -300px -210px;
}

#adspecial_ibm_hybridit.adspecial_type1 .block_right_plink ul li.plink5 a{
	background-position: 0 -280px;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_plink ul li.plink5 a:hover,
#adspecial_ibm_hybridit.adspecial_type1 .block_right_plink ul#on5 li.plink5 a {
	background-position: -300px -280px;
}




/* 右側バックナンバーCSS設定--------------------------------------------------------------------------------*/

/*リストマーク付きバージョン*/

#adspecial_ibm_hybridit.adspecial_type1 .block_right_backnumber {
	margin-bottom:20px;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_backnumber ul{
	margin-top:10px;
	margin-bottom:20px;
}

#adspecial_ibm_hybridit.adspecial_type1 .block_right_backnumber ul  li{
	background:url(/extra/ibm_hybridit/media/right_list_backnumber.gif) no-repeat 2px 4px;
	padding-left:16px;
	margin-bottom:7px;
	line-height:1.2em;
	font-size: 12px;
}


/*画像付きバージョン*/

#adspecial_ibm_hybridit.adspecial_type1 .block_right_backnumber {
	margin-bottom:20px;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_backnumber .backnumber {
	margin-bottom:10px;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_backnumber .backnumber a img {
	margin:0 10px 10px 5px;
	float:left;
	vertical-align:top;
	border:1px solid #999;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_backnumber .backnumber a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_backnumber .backnumber a h6.title {
	border-bottom:none;
	font-size:12px;
	display:inline;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_backnumber .backnumber p {
	margin-top:3px;
	font-size:12px;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_backnumber .backnumber a:hover h6.title {
	text-decoration:underline;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_backnumber .backnumber .property {
	color:#666666;
	font-size:10px;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_backnumber .backnumber .property a{
	margin-left:5px;
}





/* 右側インフォメーションCSS設定--------------------------------------------------------------------------------*/
#adspecial_ibm_hybridit.adspecial_type1 .block_right_info{
	margin-bottom:20px;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_info .info{
	margin-bottom:20px;
        padding-bottom: 20px;
        border-bottom: 1px dotted #cccccc;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_info .info a img{
	margin:0 auto 5px auto;
	display:block;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_info .info a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_info .info a .txt,#adspecial_ibm_hybridit.adspecial_type1 .block_right_info .info .txt{
	font-size:12px;
	margin: 10px 0 5px;
	display:block;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_info .info a:hover .txt{
	text-decoration:underline;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_info .info p{
	font-size:12px;
}


/* 右側ホワイトペーパーCSS設定--------------------------------------------------------------------------------*/
#adspecial_ibm_hybridit.adspecial_type1 .block_right_wp {
	margin-bottom:20px;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_wp .wp {
	margin-bottom:10px;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_wp .wp a img {
	vertical-align:top;
	border:1px solid #999;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_wp .wp a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
* html #adspecial_ibm_hybridit.adspecial_type1 .block_right_wp .wp a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_wp .wp a h6.title {
	border-bottom:none;
	font-size:12px;
	display:inline;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_wp .wp p {
	margin-top:3px;
	font-size: 12px;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_wp .wp a:hover h6.title {
	text-decoration:underline;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_wp .wp .property {
	color:#666666;
	font-size:10px;
}
#adspecial_ibm_hybridit.adspecial_type1 .block_right_wp .wp .property a{
	margin-left:5px;
}



/* 右側関連記事CSS設定--------------------------------------------------------------------------------*/
#adspecial_ibm_hybridit.adspecial_type1 .block_right_related ul {
	margin-top:10px;
	margin-bottom:20px;
}

#adspecial_ibm_hybridit.adspecial_type1 .block_right_related ul li{
	background:url(/extra/ibm_hybridit/media/right_list_related.gif) no-repeat 2px 4px;
	padding-left:16px;
	margin-bottom:7px;
	line-height:1.2em;
	font-size: 12px;
}

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

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

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


.section span.line {background-color: #0081CF; width: 50px;}
.section h2 {color: #0081CF;}


.section .list_news li {
padding: 10px 0;
border-bottom: 1px dotted #cccccc;
overflow: hidden;
}
.section .list_news li img {
float: left;
margin: 0 15px 0 0;
}



.list_category li {
position: relative;
display: inline;
border: none;
}
.list_category li a {
display: block;
float: left;
width: 30%;
margin: 5px 1.6%;
padding: 15px 0;
background-color: #cccccc;
color: #ffffff;
font-weight: bold;
text-align: center;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
overflow: hidden;
box-shadow: 0 1px 2px #666666;
-moz-box-shadow: 0 1px 2px #666666;
-webkit-box-shadow: 0 1px 2px #666666;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.list_category li.systems a {background: #106174;}
.list_category li.resiliency a {background: #393d86;}
.list_category li.mobility a {background: #9d4434;}
.list_category li.cloud a {background: #00619b;}
.list_category li.networking a {background: #5e9718;}
.list_category li.security a {background: #dcb701;}

.list_category li a span {position: relative; z-index: 3;}

.list_category li a:before {
content: '';
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 30px 50px 0;
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.list_category li.systems a:before {background: #3695AB;}
.list_category li.resiliency a:before {background: #53568D;}
.list_category li.mobility a:before {background: #BD6454;}
.list_category li.cloud a:before {background: #0081CF;}
.list_category li.networking a:before {background: #88C53C;}
.list_category li.security a:before {background: #E8C828;}

.list_category li a:hover {text-decoration: none;}

.list_category li a:hover:before {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}

.tolist {
padding-top: 15px;
text-align: right;
}
.tolist a {
padding: 5px 20px;
background-color: #efefef;
-webkit-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.tolist a:hover {
background-color: #0081CF;
color: #ffffff;
text-decoration: none;
}

#lean_overlay{
  position: fixed; z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
#divsystems,#divsecurity,#divresiliency,#divmobility,#divcloud,#divnetworking {
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
  width: 300px;
  line-height: 1.8;
 }

#divsystems h3 { background-color: #3695AB; padding: 5px 10px; margin-bottom: 20px; color: #ffffff;}
#divresiliency  h3 { background-color: #53568D; padding: 5px 10px; margin-bottom: 20px; color: #ffffff;}
#divmobility  h3 { background-color: #BD6454; padding: 5px 10px; margin-bottom: 20px; color: #ffffff;}
#divcloud  h3 { background-color: #0081CF; padding: 5px 10px; margin-bottom: 20px; color: #ffffff;}
#divnetworking  h3 { background-color: #88C53C; padding: 5px 10px; margin-bottom: 20px; color: #ffffff;}
#divsecurity h3 { background-color: #E8C828; padding: 5px 10px; margin-bottom: 20px; color: #ffffff;}



.section li:nth-child(odd) {clear: both;}

.list_news span {
padding: 0 10px;
color: #ffffff;
font-size: 85%;
}
.list_news span.badge_systems {background: #3695AB;}
.list_news span.badge_resiliency {background: #53568D;}
.list_news span.badge_mobility {background: #BD6454;}
.list_news span.badge_cloud {background: #0081CF;}
.list_news span.badge_networking {background: #88C53C;}
.list_news span.badge_security {background: #E8C828;}
.list_news span.badge_techsupport {background: #00B1DD;}


.list_news a {
display: block;
padding-top: 5px;
}




.section dt {
/*width: 210px;*/
clear: both;
width: 540px;
float: right;
font-size: 14px;
*height: 60px;
*margin-bottom: 15px;
}

.section dd {
float: left;
width: 80px;
height: 60px;
margin: 0 15px 15px 0;
overflow: hidden;
border: 1px solid #cccccc;
*height: 60px;
}
.section dd img {
width: 80px;
}


.section .col2 {
clear: both;
margin: 0 0 20px;
}




.section .systems h3,
.section .security h3,
.section .resiliency h3,
.section .mobility h3,
.section .cloud h3,
.section .networking h3,
.section .techsupport h3 {
margin-bottom: 10px;
padding: 5px;
color: #ffffff;
background-color: #3695AB;
}
.section .security h3 {background-color: #E8C828;}
.section .resiliency h3 {background-color: #53568D;}
.section .mobility h3 {background-color: #BD6454;}
.section .cloud h3 {background-color: #0081CF;}
.section .networking h3 {background-color: #88C53C;}
.section .techsupport h3 {background-color: #00B1DD;}




.notice {font-size: 12px !important; color: #999999;}
.txt_c {text-align: center;}
.clear {clear: both;}

.mgt10 {margin-top: 10px;}







/* 201507 改修追加分CSS */

#adspecial_ibm_hybridit.adspecial_type1 .block_right_wp .wp {margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px dotted #cccccc;}



.adspecial_type1 .frame_col_left_inner {padding: 0;}

.row {clear: both; padding: 8px 0; overflow: hidden;}
.row > div:last-child {margin-right: 0;}
.col600,
.col400,
.col300,
.col200 {
float: left;
margin: 0 6px;
padding-bottom: 15px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 3px #999999;
-webkit-box-shadow: 0 0 3px #999999;
box-shadow: 0 0 3px #999999;
}

.col600 {width: 635px;}
.col400 {width: 420px; min-height: 270px;}
.col300 {width: 311px; min-height: 200px;}
.col200 {width: 203px; min-height: 270px;}

.col600 .col200 {width: 199px;}


.col600 h2,
.col400 h2,
.col300 h2,
.col200 h2 {
margin: 0 0 15px;
padding: 5px 10px;
background-color: #0081CF;
color: #ffffff;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
font-weight: normal;
font-size: 14px;
}


h2.t_middle {margin: 10px 0; font-size: 16px; background: none; color: #0081CF;}

.col600 h3 {margin: 10px 15px; font-size: 16px;}
.col600 p,
.col400 p,
.col300 p,
.col200 p {margin: 0 15px;}

.col600 p.time,
.col400 p.time,
.col300 p.time,
.col200 p.time {color: #999999; font-size: 12px;}

.col600 .mg,
.col400 .mg,
.col300 .mg,
.col200 .mg {margin: -15px 0 15px;}

.img_area {
width: 100%;
height: 150px;
overflow: hidden;
vertical-align: middle;
text-align: center;
}

a .img_area img {
width: 130%;
 -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
  
a:hover .img_area img {
  width: 100%;
}
a:hover p {text-decoration: underline;}


.float_r {float: right;}

.search_list {float: left; width: 200px;}
#contents_search_category {margin: 15px;}
.search_list li {
padding: 10px 0 10px 10px;
border-bottom: 1px dotted #cccccc;
}
.search_list li.all {border-left: 5px solid #0081CF;}
.search_list li.systems {border-left: 5px solid #3695AB;}
.search_list li.resiliency {border-left: 5px solid #53568D;}
.search_list li.mobility {border-left: 5px solid #BD6454;}
.search_list li.network {border-left: 5px solid #88C53C;}
.search_list li.security {border-left: 5px solid #E8C828;}
.search_list li.cloud {border-left: 5px solid #0081CF;}
.search_list li.support {border-left: 5px solid #00B1DD;}


.search_list li.all:hover {background-color: #0081CF; color: #ffffff;}
.search_list li.systems:hover {background-color: #3695AB; color: #ffffff;}
.search_list li.resiliency:hover {background-color: #53568D; color: #ffffff;}
.search_list li.mobility:hover {background-color: #BD6454; color: #ffffff;}
.search_list li.network:hover {background-color: #88C53C; color: #ffffff;}
.search_list li.security:hover {background-color: #E8C828; color: #ffffff;}
.search_list li.cloud:hover {background-color: #0081CF; color: #ffffff;}
.search_list li.support:hover {background-color: #00B1DD; color: #ffffff;}



.search_contents {margin: 15px 0;}
.search_contents .list_news li {clear: both; padding: 15px; border-bottom: 1px dotted #cccccc; overflow: hidden;}
.search_contents .list_news img {float: left; margin: 0 10px 10px 0;}



.list_movie li {
clear: both;
overflow: hidden;
margin-bottom: 10px;
padding: 10px;
border-bottom: 1px dotted #ccc;
}
.list_movie li iframe {
float: left;
margin-right: 15px;
}