@charset "UTF-8";

/*---------------------------------------------------
					whitepaper.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
---------------------------------------------------*/

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

.wp_headline_slide h1{
	background: url("/media/z/2011/bg_h2_main_sp.gif") repeat-x scroll 0 8px transparent;
	margin-bottom: 10px;
}

.wp_headline_slide h1 span {
    background-color: #152941;
    padding-right: 5px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    position: static;
}

.wp_headline_slide h2{
    font-weight: bold;
    margin-bottom:10px;
    font-size: 18px;
}

.wp_headline_slide h2 a{
    color: #FFFFFF;
}


.wp_headline_slide h3{
    font-weight: bold;
    margin-bottom:10px;
    font-size: 18px;
}

.wp_headline_slide h3 a{
    color: #FFFFFF;
}

.wp_headline_slide p.date{
    color: #FFFFFF;
}

/** slider content -------------------------------**/
#wp_slider_main_img{
  float: right;
  margin-left: 5px;
  height: 285px
}

#wp_slider{
  color: #fff;
}

#wp_slider_title{
  margin-bottom: 15px;
  min-height:170px;
  _height: 170px;
}

#wp_thumbs li{
  float: left;
}

#wp_thumbs li img{
  width: 75px;
  height: 100px;
  margin-right: 7px;
}

#wp_thumbs .waiting{
  opacity:0.4;
  filter:alpha(opacity=40);
}

#wp_slider_title p{
  color: #B0CFFF;
}

#wp_slider_title p.date{
  color: #FFFFFF;
}

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

.main_sp h2{
	border-bottom: 1px solid #666666;
	background: none;
}

.main_sp h2 span {
    color: #FF9900;
    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: 5px;
	margin-right: 10px\9;
	padding: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .main_sp .tieup img  { margin-right: 10px; }
}

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

.main_sp .tieup h3{
	margin-bottom:5px;
	letter-spacing: 0.03em;
}

.main_sp .tieup p{
	font-size: 12px;
	letter-spacing: 0.04em;
	color: #B0CFFF;
}



/*dir_tab
---------------------------------------------------*/
.dir_tab h2{
	background: none;
	padding-bottom: 0;
}

.dir_tab ul{
	height: 18px;
	width: 420px;
}

.dir_tab li, .dir_tab a {
    background: url('/media/z/2011/bg_tab_dir.gif') no-repeat left top;
    display: block;
    float: left;
    height: 18px;
    overflow: hidden;
    text-indent: -9999px;
    width: 84px;
}

/* a */
.dir01 a{
	background-position: 0 -18px;
}

.dir02 a{
	background-position: -84px -18px;
}

.dir03 a{
	background-position: -168px -18px;
}

.dir04 a{
	background-position: -252px -18px;
}

.dir05 a{
	background-position: -336px -18px;
}

/* a:hover */
.dir01 a:hover{
	background-position: 0 -54px;
}

.dir02 a:hover{
	background-position: -84px -54px;
}

.dir03 a:hover{
	background-position: -168px -54px;
}

.dir04 a:hover{
	background-position: -252px -54px;
}

.dir05 a:hover{
	background-position: -336px -54px;
}

/* strong a */
.dir01 strong a{
	background-position: 0 0;
}

.dir02 a strong{
	background-position: -84px 0;
}

.dir03 a strong{
	background-position: -168px 0;
}

.dir04 a strong{
	background-position: -252px 0;
}

.dir05 a strong{
	background-position: -336px 0;
}

/* strong a:hover */
.dir01 strong a:hover{
	background-position: 0 -36px;
}

.dir02 strong a:hover{
	background-position: -84px -36px;
}

.dir03 strong a:hover{
	background-position: -168px -36px;
}

.dir04 strong a:hover{
	background-position: -252px -36px;
}

.dir05 strong a:hover{
	background-position: -336px -36px;
}




/*dir_cont
---------------------------------------------------*/
.dir_cont{
	margin-bottom: 15px;
	overflow: hidden;
}

.dir_cont ul{
	margin-bottom: -1px;
	_margin-bottom: -3px;
}

.dir_cont li{
	font-size: 14px;
	border-bottom: 1px dotted #CCCCCC;
	margin-top: 10px;
	margin-bottom: 0;
	_margin-bottom: -5px;
}

.dir_cont li h3{
	font-weight: bold;
}

.dir_cont li p.company{
	font-weight: normal;
	color: #666666;
	font-size: 12px;
	float: left;
}

.dir_cont li img{
	float: right;
	border: 1px solid #CCCCCC;
	margin: 0 0 10px 5px;
	padding: 0;
}




/*main_headline
---------------------------------------------------*/

ul.main_headline{
	margin-bottom: 15px;
}

ul.main_headline h3{
	font-size: 14px;
}

p.campany{
	font-size: 12px;
	color: #666666;
}



/*wp_dl
---------------------------------------------------*/
.wp_dl{
	margin-bottom: 15px;
}

.wp_dl .ranking li{
	font-size: 14px;
	border-bottom: 1px dotted #CCCCCC;
	margin-top: 10px;
	margin-bottom: 0;
}

.wp_dl .ranking li h3{
	font-weight: bold;
}

.wp_dl .ranking li p.company{
	font-weight: normal;
	color: #666666;
	font-size: 12px;
	float: left;
}

.wp_dl .ranking li img{
	float: right;
	border: 1px solid #CCCCCC;
	margin: 0 0 10px 5px;
	padding: 0;
}

p.ico_pdf,
p.ico_slide,
p.ico_webcast{
	width: 81px;
	height: 15px;
	margin-left: 5px;
	text-indent: -9999px;
	display: block;
	float: left;
}

p.ico_slide{
	background: url('/media/z/2011/ico_wp_slide.gif') no-repeat 0 0;
}

p.ico_webcast{
	background: url('/media/z/2011/ico_wp_webcast.gif') no-repeat 0 0;
}





/*ranking_tab
---------------------------------------------------*/
.ranking_tab h2{
	background: none;
	padding-bottom: 0;
}

.ranking_tab ul{
	height: 18px;
	width: 420px;
}

.ranking_tab li,
.ranking_tab a {
    background: url('/media/z/2011/bg_tab_ranking.gif') no-repeat left top;
    display: block;
    float: left;
    height: 18px;
    overflow: hidden;
    text-indent: -9999px;
    width: 70px;
}
/* a */
.ranking01 a{
	background-position: 0 -18px;
}

.ranking02 a{
	background-position: -70px -18px;
}

.ranking03 a{
	background-position: -140px -18px;
}

.ranking04 a{
	background-position: -210px -18px;
}

.ranking05 a{
	background-position: -280px -18px;
}

.ranking06 a{
	background-position: -350px -18px;
}

/* a:hover */
.ranking01 a:hover{
	background-position: 0 -54px;
}

.ranking02 a:hover{
	background-position: -70px -54px;
}

.ranking03 a:hover{
	background-position: -140px -54px;
}

.ranking04 a:hover{
	background-position: -210px -54px;
}

.ranking05 a:hover{
	background-position: -280px -54px;
}

.ranking06 a:hover{
	background-position: -350px -54px;
}

/* strong a */
.ranking01 strong a{
	background-position: 0 0;
}

.ranking02 a strong{
	background-position: -70px 0;
}

.ranking03 a strong{
	background-position: -140px 0;
}

.ranking04 a strong{
	background-position: -210px 0;
}

.ranking05 a strong{
	background-position: -280px 0;
}

.ranking06 a strong{
	background-position: -350px 0;
}

/* strong a:hover */
.ranking01 strong a:hover{
	background-position: 0 -36px;
}

.ranking02 a strong:hover{
	background-position: -70px -36px;
}

.ranking03 a strong:hover{
	background-position: -140px -36px;
}

.ranking04 a strong:hover{
	background-position: -210px -36px;
}

.ranking05 a strong:hover{
	background-position: -280px -36px;
}

.ranking06 a strong:hover{
	background-position: -350px -36px;
}


/*ranking_cont
---------------------------------------------------*/
.ranking_cont{
	border: 1px solid #666666;
	border-top: none;
	padding: 5px 10px 0 10px;
	margin-bottom: 15px;
	overflow: hidden;
}

.ranking_cont ul{
	margin-bottom: -1px;
	_margin-bottom: -3px;
}

.ranking_cont li{
	font-size: 14px;
	border-bottom: 1px dotted #CCCCCC;
	margin-top: 10px;
	margin-bottom: 0;
	_margin-bottom: -5px;
}

.ranking_cont li h3{
	font-weight: bold;
	padding-bottom: 5px;
}

.ranking_cont .ranking{
	margin-bottom: 0;
}


/*---------------------------------------------------
left_column
---------------------------------------------------*/
/*link_list
---------------------------------------------------*/
/*
.left_column .link_list li.on{
	list-style-image: none;
	margin-left: 0;
	padding: 5px 0 0 20px;
	background: #F0F0EE url('/media/z/2011/arrow_gray.gif') no-repeat 5px 8px;
}

.left_column .link_list li.on dl{
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	overflow: hidden;
}

.left_column .link_list li.on dl dd{
	background: url('/media/z/2011/arrow_gray.gif') no-repeat 5px 8px;
	padding: 4px 3px 3px 18px;
	font-size: 12px;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: -1px;
}

.left_column .link_list li.on dl dd a{
	display: block;
}

.left_column .link_list li.on dl dd:hover{
	background-color: #1A344F;
}

.left_column .link_list li.on dl dd:hover a{
	color: #FFFFFF;
}

.left_column .link_list li.on dl dd.on{
	background-color: #1A344F;
}

.left_column .link_list li.on dl dd.on a{
	color: #FFFFFF;
	display: block;
}

.left_column .link_list li.on dl dd.on a:hover{
	color: #FFFFFF;
	text-decoration: undeline;
	background-color: #1A344F;
}
*/

/*link_list
---------------------------------------------------*/
.left_column .link_list li.on{
	list-style-image: none;
	margin-left: 0;
	padding: 5px 0 0 20px;
	background: #F0F0EE url('/media/z/2011/arrow_gray.gif') no-repeat 5px 8px;
	font-weight: bold;
}

.left_column .link_list li.on ul{
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	overflow: hidden;
	font-weight: normal;
}

.left_column .link_list li.on ul li{
	font-size: 12px;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: -1px;
	list-style-image: none;
	margin-left: 0;
}

.left_column .link_list li.on ul li a{
	display: block;
	background: url('/media/z/2011/arrow_gray.gif') no-repeat 5px 8px;
	padding: 4px 3px 3px 18px;
}

.left_column .link_list li.on ul li a:hover{
	background-color: #1A344F;
	color: #FFFFFF;
}

.left_column .link_list li.on ul li.on{
	background-color: #1A344F;
	background-image: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.left_column .link_list li.on ul li.on a{
	padding: 5px 0 0 20px;
	background: #1A344F url('/media/z/2011/arrow_gray.gif') no-repeat 5px 8px;
	color: #FFFFFF;
	display: block;
}

.left_column .link_list li.on ul li.on a:hover{
	color: #FFFFFF;
	text-decoration: undeline;
	background-color: #1A344F;
}

/*---------------------------------------------------
content_r
---------------------------------------------------*/
/*link_list
---------------------------------------------------*/
.content_r .link_list{
	margin-top: -10px;
	_margin-top: 10px;
	margin-bottom: 15px;
	overflow: hidden;
}

.content_r .link_list ul{
	margin-bottom: -1px;
}

.content_r .link_list li{
	border-bottom: 1px dotted #CCCCCC;
	margin: 10px 0 0;
	padding-left: 15px;
	padding-bottom: 5px;
	background: url('/media/z/2011/arrow_gray.gif') no-repeat 0 3px;
	_margin-bottom: -1px;
}


/*zd_tieup
---------------------------------------------------*/
.zd_tieup{
	background: url('/media/z/2011/bg_zd_tieup.gif') repeat-y 0 0;
	border: 1px solid #D8D7D7;
	padding: 10px 10px 0;
	margin-bottom: 15px;
	overflow: hidden;
}

.zd_tieup h2{
	background: none;
	padding-bottom: 0;
}

.zd_tieup ul.tieup{
	margin-bottom: -1px;
}

.zd_tieup ul.tieup li{
	border-bottom: 1px dotted #CCCCCC;
	margin: 10px 0 0;
	padding-bottom: 5px;
	_margin-bottom: -1px;
}

.zd_tieup ul.tieup img{
	margin: 0 5px 5px 0;
}



/*---------------------------------------------------
login_index
---------------------------------------------------*/

/*form_cont
---------------------------------------------------*/


.form_cont fieldset{
	border-top: 1px solid #CCCCCC;
}

.form_cont h2{
	background: none;
	padding-bottom:0;
}

.form_cont fieldset legend {
        margin-bottom: 20px;
	padding: 0 5px;
	font-size: 16px;
	line-height: 2.0;
        text-align: center;
}
.form_cont p {text-align: center;}
.form_cont p a {font-size: 12px;}
.form_cont dl{margin: 20px 100px;}

.form_cont dt{font-size: 12px; color: #b00b00;}

.form_cont dd input{
width: 100%;
margin-bottom: 15px;
padding: 10px;
font-size: 16px;
background-color: #f7f7f7;
border: 1px solid #cccccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}


.form_cont .btn-red {
  display: block;
  width: 100%;
  padding: 10px;
  font-weight: bold;
  line-height: 1.5;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  font-size: 17.5px;
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border: 1px solid #bd362f;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.form_cont a.btn-red:hover {background: #bd362f;}

.form_cont .register {
margin-top: 30px;
padding: 30px 0;
border-top: 1px dotted #cccccc;
}
.form_cont .register dt {
margin-bottom: 15px;
color: #252525;
text-align: center;
font-size: 14px;
}


.form_cont .btn-blue {
  display: block;
  width: 100%;
  padding: 10px;
  font-weight: bold;
  line-height: 1.5;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  font-size: 17.5px;
  background-color: #0088cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border: 1px solid #0044cc;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.form_cont a.btn-blue:hover {background: #0044cc;}


*+ html .form_cont button{
	padding: 3px;
}

html:first-child .form_cont button{
	height: 24px;
	padding-top: 9px;
}

.form_cont button:hover{
	background-color: #B0B0B0;
	background-image: none;
	color: #FFFFFF;
	cursor: pointer;
}


/*---------------------------------------------------
leaf_content
---------------------------------------------------*/
.leaf_content{
	margin-bottom: 20px;
}

h1.leaftitle{
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	background: none;
	line-height: 1.2;
	margin-bottom: 5px;
	padding-bottom: 0;
}

p.cont_title {
    background: url("/media/z/2011/bg_h2_underline.gif") repeat-x scroll 0 bottom transparent;
    color: #961515;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
    padding-bottom: 7px;
    position: relative;
}



/*leaf_content
---------------------------------------------------*/
.leaf_content p.ico_pdf,
.leaf_content p.ico_slide,
.leaf_content p.ico_webcast{
	width: 124px;
	height: 19px;
	margin-left: 0;
	text-indent: -9999px;
	display: block;
	float: left;
	margin-bottom: 10px;
}

.leaf_content p.ico_pdf{
	background: url('/media/z/2011/ico_wp_pdf_l.gif') no-repeat 0 0;
}

.leaf_content p.ico_slide{
	background: url('/media/z/2011/ico_wp_slide_l.gif') no-repeat 0 0;
}


.leaf_content p.ico_webcast {
    background: url('/media/z/2011/ico_wp_webcast_l.gif') no-repeat 0 0;
}

.leaf_content .article p{
    font-size: 16px;
    line-height: 1.8;
}



/*sns
---------------------------------------------------*/
.leaf_content .sns{
	text-align: right;
	width: 200px;
	float: right;
	margin-bottom: 10px;
}



/*p.company
---------------------------------------------------*/

.leaf_content p.company a{
	font-weight: bold;
}



/*article p
---------------------------------------------------*/
.leaf_content .article p{
	margin: 20px 0;
}



/*p.pagelink
---------------------------------------------------*/
.leaf_content p.pagelink a{
	display: block;
	font-weight: bold;
	padding: 4px;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	margin-bottom: 5px;
	width: 192px;
	text-align: center;
	float: right;
}


/*article
---------------------------------------------------*/
.leaf_content .article{
	margin-bottom: 20px;
}

/*wp_img
---------------------------------------------------*/
.wp_img{
	width: 202px;
	margin-left: 15px;
	float: right;
}

.wp_img img{
	border: 1px solid #CCCCCC;
}

.wp_img p.caption{
	font-size: 11px;
	margin: 5px 0;
}



/*form_wrap
---------------------------------------------------*/
.form_wrap{
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	padding: 10px 10px 0 10px;
	margin-bottom: -3px;
	overflow: hidden;
}

.form_wrap h3{
	border: 1px solid #CCCCCC;
	background-color: #999999;
	color: #FFFFFF;
	padding: 5px;
	font-weight: bold;
	letter-spacing: 0.04em;
	margin-bottom: 15px;
}

.form_wrap h4{
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0;
        word-break: break-all;
}

.form_wrap h4 span{
	color: #CC0000;
	font-weight: bold;
}
.form_alert {
margin-top: 10px;
border: 1px solid #EED3D7 !important;
background-color: #F2DEDE !important;
}


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

.permission_wrap p.btn_wpdl{
	text-indent: -9999px;
	width: 424px;
	height: 47px;
	margin-left: 100px;
}

.permission_wrap p.btn_wpdl a{
	display: block;
	background: url('/media/z/2011/btn_wpdl.gif') no-repeat transparent;
	width: 424px;
	height: 47px;
	overflow: hidden;
}

.permission_wrap p.btn_wpdl a:hover{
	background-position: 0 -47px;
}

/*btn_wrap
---------------------------------------------------*/
.btn_wrap{
	width: 530px;
	margin-left: 47px;
	margin-bottom: 15px;
}

.form_wrap .btn_wrap p.btn_login{
	float: left;
}

.form_wrap .btn_wrap p.btn_cnetid{
	float: right;
}



/*btn_login
---------------------------------------------------*/
.form_wrap p.btn_login{
	text-indent: -9999px;
	width: 230px;
	height: 35px;
}

.form_wrap p.btn_login a{
	display: block;
    background: url('/media/z/2011/btn_login.gif') no-repeat transparent;
	width: 230px;
	height: 35px;
	overflow: hidden;
}



/*btn_cnetid
---------------------------------------------------*/
.form_wrap p.btn_cnetid{
	text-indent: -9999px;
	width: 230px;
	height: 35px;
}

.form_wrap p.btn_cnetid a{
	display: block;
    background: url('/media/z/2011/btn_cnetid.gif') no-repeat transparent;
	width: 230px;
	height: 35px;
	overflow: hidden;
}



/*btn_wpdl
---------------------------------------------------*/
.form_wrap p.btn_wpdl{
	text-indent: -9999px;
	width: 230px;
	height: 35px;
	margin-left: 190px;
}

.form_wrap p.btn_wpdl a{
	display: block;
    background: url('/media/z/2011/btn_wpdl.gif') no-repeat transparent;
	width: 230px;
	height: 35px;
	overflow: hidden;
}



/*btn_wpdl02
---------------------------------------------------*/
p.btn_wpdl02{
	text-indent: -9999px;
	width: 424px;
	height: 47px;
	margin-left: 100px;
}

p.btn_wpdl02 a{
	display: block;
    background: url('/media/z/2011/btn_wpdl02.gif') no-repeat transparent;
	width: 424px;
	height: 47px;
	overflow: hidden;
}

p.btn_wpdl02 a:hover{
	background-position: 0 -47px;
}


/*btn_wpdl03
---------------------------------------------------*/
p.btn_wpdl03{
	text-indent: -9999px;
	width: 424px;
	height: 47px;
	margin-left: 100px;
}

p.btn_wpdl03 a{
display: block;
background: url('/media/z/2011/btn_wpdl03.gif') no-repeat transparent;
width: 424px;
height: 47px;
overflow: hidden;
zoom: 1;
}

p.btn_wpdl03 a:hover{
opacity: 0.6;
filter: alpha(opacity=70);        /* ie 6 7 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
}



/*btn_wcplay
---------------------------------------------------*/
p.btn_wcplay{
	text-indent: -9999px;
	width: 424px;
	height: 47px;
	margin-left: 100px;
}

p.btn_wcplay a{
	display: block;
    background: url('/media/z/2011/btn_wcplay.gif') no-repeat transparent;
	width: 424px;
	height: 47px;
	overflow: hidden;
}

p.btn_wcplay a:hover{
	background-position: 0 -47px;
}
/*btn_browse
---------------------------------------------------*/
.form_wrap p.btn_browse{
	text-indent: -9999px;
	width: 230px;
	height: 35px;
	margin-left: 190px;
}

.form_wrap p.btn_browse a{
	display: block;
    background: url('/media/z/2011/btn_browse.gif') no-repeat transparent;
	width: 230px;
	height: 35px;
	overflow: hidden;
}



/*btn_profile
---------------------------------------------------*/
.form_wrap p.btn_profile{
	text-indent: -9999px;
	width: 230px;
	height: 35px;
}

.form_wrap p.btn_profile a{
	display: block;
	background: url('/media/z/2011/btn_profile.gif') no-repeat transparent;
	width: 230px;
	height: 35px;
	overflow: hidden;
}

.form_wrap p.btn_profile2{
	text-indent: -9999px;
	width: 230px;
	height: 35px;
}

.form_wrap p.btn_profile2 a{
	display: block;
	background: url('/media/z/2011/btn_profile_2.gif') no-repeat transparent;
	width: 230px;
	height: 35px;
	overflow: hidden;
}


/*p.login_info/p.wpdl_info
---------------------------------------------------*/
p.login_info,
p.wpdl_info{
	font-size: 11px;
}


p.wpdl_info{
	margin-bottom: 15px;
}

p.login_info span{
	color: #CC0000;
	font-weight: bold;
}

p.wpdl_info span{
	font-weight: bold;
}



/*list .login_info
---------------------------------------------------*/
.permission_wrap ul {margin: -10px 0 20px 20px;}
.permission_wrap li {
margin-bottom: 5px;
list-style: disc;
font-size: 11px;
}


/*form_q
---------------------------------------------------*/
.form_q{
	 border-bottom: 1px dotted #CCCCCC;
	 padding: 0 25px 15px 25px;
	 margin-bottom: -1px;
}

.form_q input{
	margin-right: 5px;
	margin-bottom: 6px;
	_margin-bottom: 0; /* for IE6 */
}





/*---------------------------------------------------
download
---------------------------------------------------*/
.wp_download{
	margin: 20px 0;
}

.wp_download h2 {
    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;
    position: static;
}

.wp_download h2 span{
	position: static;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}

.wp_download h2.notify{
	background: none;
	padding: 0;
}

.wp_download ul.main_headline h3{
	font-size: 16px;
}

/*btn_wpdl
---------------------------------------------------*/
.wp_download p.btn_wpdl{
	text-indent: -9999px;
	width: 424px;
	height: 47px;
	margin: 20px 0;
	margin-left: 100px;
}

.wp_download p.btn_wpdl a{
	display: block;
    background: url('/media/z/2011/btn_wpdl.gif') no-repeat transparent;
	width: 424px;
	height: 47px;
	overflow: hidden;
}

a.wp_dl_start_button,a.wp_dl_webcast_start_button,a.wp_dl_button,.download_button_red {
background: transparent url(/media/z/2008/img/base/paper/dl_button.gif) repeat-x;
border: none;
color: white;
font-size: 14px;
font-weight: bold;
height: 35px;
margin: 10px 0 3px;
padding: 0;
display: table-cell;
vertical-align: middle;
text-align: center;
width: 195px;
}

a.wp_dl_webcast_start_button {background: transparent url(/media/z/2008/img/base/paper/play_button.gif) repeat-x;}
a.wp_dl_button,.download_button_red {
height: auto;
line-height: 2.5;
background: #f75841;
background: -moz-linear-gradient(top,  #f75841 0%, #d02c12 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f75841), color-stop(100%,#d02c12));
background: -webkit-linear-gradient(top,  #f75841 0%,#d02c12 100%);
background: -o-linear-gradient(top,  #f75841 0%,#d02c12 100%);
background: -ms-linear-gradient(top,  #f75841 0%,#d02c12 100%);
background: linear-gradient(to bottom,  #f75841 0%,#d02c12 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f75841', endColorstr='#d02c12',GradientType=0 );
}
a.wp_dl_button:hover,.download_button_red:hover {
color: #ffffff;
text-decoration: none;
background: #d02c12;
background: -moz-linear-gradient(top,  #d02c12 91%, #f75841 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(91%,#d02c12), color-stop(100%,#f75841));
background: -webkit-linear-gradient(top,  #d02c12 91%,#f75841 100%);
background: -o-linear-gradient(top,  #d02c12 91%,#f75841 100%);
background: -ms-linear-gradient(top,  #d02c12 91%,#f75841 100%);
background: linear-gradient(to bottom,  #d02c12 91%,#f75841 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d02c12', endColorstr='#f75841',GradientType=0 );
}
.download_button_red {
display:block;
width: 400px;
margin: 10px auto 3px;
line-height: 3.0;
}


/*wp_search_box
---------------------------------------------------*/
.wp_searchbox {
float: right;
background-color: #DDE4E9;
padding: 2px 5px;
}

.wp_searchbox input {
font-size: 12px;
padding: 2px;
}
.wp_searchbox input[type="text"] {
width: 200px;
}