@charset "UTF-8";


/*---------------------------------------------------
		channneltop.css
---------------------------------------------------*/
/*logo
---------------------------------------------------*/
#header .logo{
	text-indent: -9999px;
	width: 201px;
	height: 74px;
	padding: 15px 0 15px 30px;
	float: left;
    _display: inline;
}

#header .logo a{
	display: block;
	width: 201px;
	height: 74px;
	background: url('/media/z/2011/logo_zdnet.png') 0 0 no-repeat;
	overflow: hidden;
}

html>#header .logo a{/* IE6以外に適用 IE7も含む */
	background-image:url('/media/z/2011/logo_zdnet.png');
	cursor: pointer;
}

*html #header .logo a{/* IE6以下に適用 */
	width: 203px;
	height: 76px;
	background-image:url('/media/z/2011/logo_zdnet.gif');
}

/*---------------------------------------------------
content_l
---------------------------------------------------*/

/*h1
---------------------------------------------------*/
h1.channel_header{
	background: none;
	margin-top: -15px;
	padding-bottom: 0;
}

h1.channel_header span{
	display: block;
	text-indent: -9999px;
}



/*h1.ttl-setting
---------------------------------------------------*/
h1.ttl_cloud{
	width: 640px;
	height: 70px;
	background: url('/media/z/2011/ttl_cloud.jpg') no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 10px;
}

h1.ttl_specialcoverage{
	width: 640px;
	height: 70px;
	background: url('/media/z/2011/ttl_specialcoverage01.jpg') no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 10px;
}

h1.ttl_virtualization{
	width: 640px;
	height: 70px;
	background: url('/media/z/2011/ttl_virtualization.jpg') no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 10px;
}

h1.ttl_security{
	width: 640px;
	height: 70px;
	background: url('/media/z/2011/ttl_security.jpg') no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 10px;
}

h1.ttl_whitepaper{
	width: 640px;
	height: 70px;
	background: url('/media/z/2011/ttl_whitepaper.jpg') no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 10px;
}

h1.ttl_companies{
	width: 640px;
	height: 70px;
	background: url('/media/z/2011/ttl_companies.jpg') no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 10px;
}

h1.ttl_business-application{
	width: 640px;
	height: 70px;
	background: url('/media/z/2011/ttl_business-application.jpg') no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 10px;
}

h1.ttl_datacenter{
	width: 640px;
	height: 70px;
	background: url('/media/z/2011/ttl_datacenter.jpg') no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 10px;
}

h1.ttl_development{
	width: 640px;
	height: 70px;
	background: url('/media/z/2011/ttl_development.jpg') no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 10px;
}

h1.ttl_it-management{
	width: 640px;
	height: 70px;
	background: url('/media/z/2011/ttl_it-management.jpg') no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 10px;
}

h1.ttl_communication{
	width: 640px;
	height: 70px;
	background: url('/media/z/2011/ttl_communication.jpg') no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 10px;
}

h1.ttl_cio{
	width: 640px;
	height: 70px;
	background: url('/media/z/2011/ttl_cio.jpg') no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 10px;
}

h1.ttl_web{
	width: 640px;
	height: 70px;
	background: url('/media/z/2011/ttl_web.jpg') no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 10px;
}

h1.ttl_mobile{
	width: 640px;
	height: 70px;
	background: url('/media/z/2011/ttl_mobile.jpg') no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 10px;
}

h1.ttl_os{
	width: 640px;
	height: 70px;
	background: url('/media/z/2011/ttl_os.jpg') no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 10px;
}

h1.ttl_event_info{
	width: 640px;
	height: 70px;
	background: url('/media/z/2011/ttl_event_info.jpg') no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 10px;
}

h1.ttl_release{
	width: 640px;
	height: 70px;
	background: url('/media/z/2011/ttl_release.jpg') no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 10px;
}



/*main_sp
---------------------------------------------------*/
.main_sp{
	margin-bottom: 15px;
	padding: 10px 10px 0;
	background: url('/media/z/2011/bg_channeltop_sp.gif') repeat-y 0 0;
	overflow: hidden;
}

.main_sp h2{
	background: url("/media/z/2011/bg_h2_main_sp.gif") repeat-x scroll 0 8px transparent;
}

.main_sp h2 span {
    background-color: #152941;
    padding-right: 5px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    position: static;
}
.main_sp .tieup {
	margin-bottom: -1px;
}

.main_sp .tieup li {
	margin: 10px 0 0 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #1E3D5B;
}

.main_sp .tieup img{
	margin-right: 10px;
    padding: 0;
}

.main_sp .tieup h3,
.main_sp .tieup p,
.main_sp .tieup a{
	color: #FFFFFF;
    font-size: 14px;
}


.sp_main_column h3 {
    font-weight: bold;
}


/*profile08
---------------------------------------------------*/
.profile08 {
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	display: block;
	margin: 0 0 20px;
	padding: 15px 10px;
}

.profile08 .name08{
	font-weight: bold;
}

.profile08 p{
	font-size: 14px;
	margin-bottom: 5px;
        letter-spacing: 0.05em;
        line-height: 1.8;
}

.profile08 p a {
	border-bottom: 1px dotted #1E5B7E;
	color: #1E5B7E;
	text-decoration: none;
}

/*descreption
---------------------------------------------------*/
.sp_desc p {
        border: 1px solid #cccccc;
        padding: 10px;
}

/*list
---------------------------------------------------*/
.list_blue li {
    background: url("/media/z/2011/list_zd.gif") no-repeat scroll 0 3px transparent;
    line-height: 1.5em;
    list-style-image: none;
    margin: 10px 0;
    overflow: hidden;
    padding: 0 0 0 20px;
}

/* sp改修201307 追記*/
/*wp
---------------------------------------------------*/
/*.recommend_list ul.list_box li {
width: 125px;
text-align: center;
margin: 0 0 20px 18px;
float: left;
_margin-top: 3px;
_display: inline;
}
.recommend_list ul.list_box li span {
display: block;
height: 97px;
width: 75px;
text-align: center;
margin: 0 auto;
overflow: hidden;
border: 1px solid #CCCCCC;
}
.recommend_list ul.list_box li img {
width: 73px;
}
.recommend_list ul.list_box li h3 {
font-size: 10px;
font-weight: bold;
text-align: left;
}*/

.recommend {
margin-bottom: 20px;
}

.recommend_list ul.list_box li span{
	display: block;
	text-align: center;
	margin: 0 auto;
height: 60px;
width: 80px;
float:left;
margin-right: 10px;
	overflow: hidden;
	border: 1px solid #CCCCCC;
background-size:cover;
}

/*
.recommend_list ul.list_box li img{
	width: 73px;
}
*/
.recommend_list ul.list_box li h3{
font-size: 12px;
	font-weight: bold;
	text-align: left;
}
.recommend_list ul.list_box li{
width: 300px;
margin: 10px;
	float: left;
	_margin-top: 3px;
	_display: inline;
}

.recommend_wp_keyword {
margin-top: -20px;
clear: both;
}
.recommend_wp_keyword li {
display: block;
float: left;
width: auto;
margin: 0 10px 5px 0;
clear: none;
}
.recommend_wp_keyword li span {
width: auto;
height: auto;
background-color: #E4E9EC;
font-weight: bold;
padding: 0 5px;
font-size: 11px;
border: none;
}
.recommend_wp_keyword li a {
font-weight: normal;
color: #252525;
font-size: 11px;
}



/*main
---------------------------------------------------*/
.sp_lead {
margin: 10px 0;
}
.main_sp_w {
background: #14293E url("/media/z/2011/bg_channeltop_sp.gif") repeat-y scroll right 0;
padding-bottom: 20px;
}

.main_sp_w h2 {
    background: url("/media/z/2011/bg_h2_main_sp.gif") repeat-x scroll 0 18px transparent;
}
p.date {
font-size: 12px !important;
}
/*list
---------------------------------------------------*/
.list_arrow li {
background: url("/media/z/2011/arrow_gray.gif") no-repeat scroll 0 5px transparent;
list-style-image: none;
margin: 0 0 15px;
padding: 0 0 5px 20px;
}