@charset "UTF-8";

.member .essential {
	color: #FF0000;
	font-weight: normal;
	font-size: x-small;
	margin:0 0 0 5px;
}

.member .example{
	font-weight: normal;
	font-size: x-small;
}

.member {
	margin-bottom:20px;
	font- :12px;
}

.member label.bold_label {
	font-size:12px;
	font-weight:bold;
}


.member fieldset .cookie label {
	font-weight:normal;
}

.member p {
	margin:10px 7px 0 7px;
	line-height:1.2em;
}

.member .checkbox {
	margin-right:2px;
}


.member .left {
	float:left;
}

.member .right {
	float:right;
}

.member .center {
	text-align:center;
}

.member .error {
	color:#f00;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}

.member h4 {
	border-bottom:3px double #1e5c99;
	font-size:14px;
	margin:30px 7px 15px 7px;
	color:#333;
}

.member h5 {
	border-bottom:1px solid #666;
	font-size:12px;
	margin:50px 7px 15px 7px;
	color:#333;
}

.col_300 .member h4 {
	margin-top:0px;
	margin-bottom:7px;
	border-bottom:1px solid #666666;
	font-size:10px;
	font-weight:bold;
	padding-bottom:1px;
	padding-right:6px;
	text-align:left;
}

.member .contract pre {
	border:1px solid #CCCCCC;
	font-size:13px;
	height:140px;
	overflow:scroll;
	padding:10px;
	margin-left:7px;
	width:615px;
	margin-top:13px;
}

/* heding */

.member .subnav ul {
	float:right;
	background:transparent url(/media/2006/member/bar_gray.gif) no-repeat scroll left 3px;
}

.member .subnav li,
.member .heading li{
	background:transparent url(/media/2006/member/bar_gray.gif) no-repeat scroll right 3px;
	float:left;
	padding:0pt 6px;
	color:#666666;
}
.member .subnav li {
	font-size:11px;
}

.member .heading {
	background:transparent url(/media/2006/member/zdnet/member_heading.jpg) no-repeat scroll right top;
	height:33px;
	/*margin-bottom:20px;*/
}

*html body .member .heading {/*IE 6*/
	margin-bottom:5px;
}
*+html body .member .heading {/*IE 7*/
	margin-bottom:5px;
}

.member .heading h3 {
	background:none;
	display:block;
	float:left;
	font-size:18px;
	color:#666;
	font-weight:bold;
	padding:6px 10px 0 14px;
	margin:0 0 3px 0;
	height:20px;
	line-height:1.2em;
        border-bottom:none;
}

.member .heading ul {
	float:right;
	margin-top:9px;
}

.member .subnav a,
.member .heading a{
	color:#666666;
	cursor: pointer;
}

.member .caution{
	color:#f00;
	font-size:12px;
	font-weight:bold;
        margin:10px 0 5px 50px;
}

/* fieldset */

.member fieldset .right {
	clear:none;
	//margin-left:50px;
}

.member fieldset {
	padding:10px;
	border:1px solid #CCCCCC;
}

*html body .member fieldset {/*IE6*/
	margin:0 7px 10px 7px;
}
*+html body .member fieldset {/*IE7*/
	margin:0 7px 10px 7px;
}

.member fieldset legend {
	font-size:16px;
	color:#cc0000;
	font-weight:bold;
	padding:0 5px 0 5px;
	line-height: 1.4;
}

.member fieldset select {
	font-size:12px;
}

.member fieldset p {
	font-size:12px;
	font-weight:bold;
	margin-bottom:15px;
	margin-left:0;
}

.member fieldset p span {
	font-size:11px;
	font-weight: normal;
}

.member fieldset.account dt,
.member fieldset.nickname dt,
.member fieldset.profile dt,
.member fieldset.login dt {
	float:left;
	font-size:12px;
	font-weight:bold;
	width:120px;
	margin-bottom:10px;
	margin-top:2px;
}

.member fieldset.login dt {margin-left: 1em;}

*html body .member fieldset dl {/*IE6*/
	margin-top:20px;
	display:block;
}
*+html body .member fieldset dl {/*IE7*/
	margin-top:20px;
	display:block;
}
.member fieldset.profile dt {
	width:80px;
}
.member fieldset dd {
	font-size:11px;
	margin-bottom:13px;
        padding: 2px 0 0 2px;
	overflow:hidden;
	line-height:1.2em;
}


*html body .member fieldset.account dd {/*IE6*/
	margin-left:143px;
}

.member fieldset input.text {
    font-size: 18px;
    height: 25px;
    width: 340px;
    padding: 2px;
}

*+html body .member fieldset.login input.text {/*IE7*/
	position:relative;
	margin-left:-100px;
}

.member fieldset.profile dd.txtshort {
	width:140px;
}

.member fieldset.profile dd input.text {
	width:135px;
}

.member fieldset.profile dd input.txtlong {
	width:290px;
	height:16px;
}

.member fieldset.profile dd input.zip {
	width:50px;
	height:16px;
}

.member fieldset.profile dl {
	padding-bottom:15px;
	/* border-bottom:1px solid #ccc; */
}


.member fieldset.newsletter dt {
	margin-bottom:5px;
}

.member fieldset.profile dl.research {
	border-bottom:none;
	margin-top:13px;
	padding-bottom:0px;
}

.member fieldset.profile .research dt {
	float:none;
	width:100%;
	margin-bottom:5px;
}

.member fieldset.profile .research input {
	margin-bottom:0;
}

.member fieldset.newsletter dd,
.member fieldset.profile .research dd {
	font-size:11px;
	margin-bottom:13px;
	line-height:1.2em;
	margin-left:1.5em;
}

.member fieldset.profile dl dt{
  margin-right: 15px;
}

.member button {
	background:transparent url(/media/2006/member/button.gif) repeat-x scroll right top;
	height:35px;
	border:none;
	border:1px solid #b0b0b0;
	font-weight:bold;
	font-size:14px;
	padding:0 10px 2px 10px;
	margin:10px 0 3px 0;
	color:#333;
}

*html body .member button {/*IE6*/
	padding:3px;
}
*+html body .member button {/*IE7*/
	padding:3px;
}

/*safari
html:\66irst-child .member button {
	padding-top:9px;
	height:24px;
}
*/
.member button:hover {
	background-image:none;
	background-color:#b0b0b0;
	color:#fff;
	cursor: pointer;
}

.member fieldset.nickname button {
	margin-left:20px;
}

.member .button_regist {
	margin-top:5px;
	text-align:center;
}

.member button.long {
	width:195px;
}

.member button.regist {
	background:#1e5c99 url(/media/2006/member/zdnet/button2.gif) repeat-x scroll right top;
	width:220px;
	height: 50px;
	font-size: 18px;
	border:none;
	border:1px solid #003399;
	line-height: 1em;
}

.member button.regist:hover {
	background-image:none;
	background-color:#1e5c99;
	color:#fff;
	cursor: pointer;
}

.member div.agree {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
	text-align:center;
}
.member div.agree label{
	font-size: 120%;
}

.member .itemrow{
        margin-left:200px;
}
.member .itemtitle{
        float      :left;
        font-size  :12px;
        font-weight:bold;
        margin-bottom :10px;
        margin-top :2px;
        width: 120px;
}
.member .itemvalue{
        float        :left;
        margin-bottom:10px;
}
.member .comment{
        font-size: 11px;
        margin-bottom: 13px;
        padding: 2px 0 0 2px;
        overflow: hidden;
        line-height: 1.2em;
        margin-left: 120px;
}

.member .account .itemrow{
        margin-left:0px !important;
}
.member .account .itemtitle{
}
.member .account .itemvalue{
}

.member .regist_comment{font-size:14px; float:left; width:70%}
.member .regist_button{float:right;}


/* private_info */
.member .private_info dl {
	margin: 1em 7px 0 7px;
}

.member .private_info dt {
	font-weight:bold;
}

/* col_300 */

.col_300 .member {
	margin-left:0px;
}

.col_300 .member p {
	font-size:11px;
}

.col_300 .member dl {
	width:270px;
	margin: 10px auto 0;
}

.col_300 .member dd {
	font-size:10px;
}

/* service */

.member .service {
	padding:0 35px 0 35px;
	margin-top:20px;
}

.member .service p {
	font-size:11px;
}

.member .service dt {
	font-weight:bold;
	width:270px;
}

.member .service dt img{
	width:270px;
	height:54px;
	border:1px solid #ccc;
}

.member .service dd {
	line-height:1.2em;
	margin-bottom:18px;
	font-size:11px;
	color:#000;
	width:270px;
}

/* menu */

.member .menu {
	overflow:hidden;
}

.member .menu fieldset,
.member .menu2 fieldset {
	width:275px;
	background:transparent url(/media/2006/member/zdnet/fieldset_bg.gif) repeat-x scroll right bottom;
	height:170px;
	overflow:hidden;
}

*html body .member .menu fieldset {/*IE6*/
	height:190px;
}
*+html body .member .menu fieldset {/*IE7*/
	height:190px;
}

.member .menu2 fieldset {
	height:225px;
}

*html body .member .menu2 fieldset {/*IE6*/
	height:245px;
}
*+html body .member .menu2 fieldset {/*IE7*/
	height:245px;
}

.member .menu fieldset dd,
.member .menu2 fieldset dd{
	text-align:center;
}

.member .menu2 fieldset input.text {
	width:190px;
}

.member .menu2 fieldset dl.login dt {
	font-weight:bold;
	padding-left:40px;
	margin-bottom:5px;
}

/* login */

.member fieldset.login,
.member fieldset.join {
	background:transparent url(/media/2006/member/zdnet/fieldset_bg.gif) repeat-x scroll right bottom;
}

.member fieldset.login .cookie {
	font-size:11px;
	text-align:center;
}

.member fieldset.login .login_button {
	text-align:right;
	margin-top:5px;
}

.member fieldset.login .login_button span{
	margin-right:5px;
	font-size:11px;
}

.member fieldset.login dl {
	margin-left:250px;
}

.member fieldset.join dd {
	text-align:center;
	margin-top:10px;
}

#dialog .member a.regist {
display: inline;
padding: 10px 35px;
margin: 20px auto;
color: #ffffff;
font-size: 14px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #006dcc;
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-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.member fieldset.join p {
margin-top: 20px !important;
font-weight: normal;
}

#dialog {
width: 90%;
}

#dialog .main_l_headline {
    border-bottom: 2px solid #8C0000;
    color: #8C0000;
    font-weight: bold;
    margin: 0 0 10px;
    text-align: left;
    width: 100%;
}


#dialog .main_l_headline h2 {
background: none !important;
margin: 0;
padding: 0;
font-size: 1.3em;
}

/*
#dialog .member a.regist {
    color: #0066A0;
    cursor: pointer;
    text-decoration: none;
    background: none;
    display: inline;
    border: none;
    font-size: 100%;
}
*/

/* mail_send */

.member .mail_send {
	margin: 0pt 7px;
	padding: 40px 10px 40px 50px;
	background: #fef5d3 url(/media/2006/member/mail_bg.gif) no-repeat scroll 470px 60%;
	font-weight: bold;
}

/* massage */

.member .normal_msg {
	background:transparent url(/media/2006/member/zdnet/fieldset_bg.gif) repeat-x 	scroll right bottom;
	border:3px double #fc0;
	color:#4b4b4b;
	font-size:14px;
	font-weight:bold;
	line-height:1.4em;
	margin:0pt 7px 20px;
	padding:15px;
}

.member .error_msg {
	background-color:#FDDFCA;
	border:3px double #cc0000;
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
	margin:0pt 7px 20px;
	padding:15px;
}

/* SSL_switch */

.member .ssl_switch {
	margin-bottom:20px;
	margin-top:3px;
	overflow:hidden;
}

.member .ssl_switch ul{
	float:right;
}

.member .ssl_switch li{
	float:left;
	padding:0 6px 0 0;
	color:#666666;
	font-size:14px;
	margin-left:5px;
}

.member .ssl_switch img {
	vertical-align:top;
}

/* review member */

.member.rev_prof fieldset p {
	font-weight:normal;
}

.member.rev_prof .heading {
	margin-bottom:10px;
}

.member.rev_prof .sub_head
	font-weight:bold;
	margin-bottom:2px;
}

*html body .member.rev_prof .box_mem_icon {
	margin-bottom:10px;
}
*+html body .member.rev_prof .box_mem_icon {
	margin-bottom:10px;
}

.member.rev_prof .member_icon .item {
	border:1px solid #EEEEEE;
	float:left;
	margin:0pt 20px 10px 0pt;
	padding-left:5px;
	overflow:hidden;
}

.member.rev_prof .member_icon .item img {
	vertical-align:middle;
}

.member.rev_prof .member_icon,
.member.rev_prof .mem_site,
.member.rev_prof .prof_txt {
	margin-bottom:20px;
}

.member.rev_prof .member_ac .member_name {
	margin-bottom:20px;
	margin-top:10px;
}

.member.rev_prof .member_ac span.mem_name {
	font-size:18px;
	font-weight:bold;
}

/* My Page */

.member.rev .member_profile {
	margin-bottom:20px;
}

.member.rev .member_profile .member_name {
	font-weight: bold;
}
.member.rev .member_profile .member_icon {
	vertical-align: middle;
}
.member.rev .member_profile .comment {
	font-size:12px;
	line-height:1.3em;

	padding: 10px;
	border: 1px solid #ccc;
	margin: 1em 0 0.5em 0;
}

.member.rev div.favorite {
	margin: 0px 0px 20px 0px;
}

.member.rev .favorite .label {
	font-size: 16px;
	width: 600px;
	border-bottom: 1px solid #aaa;
	margin: 0px 0px 10px 0px;
	background:none;
	color:#000;
	height:auto;
	padding-left:0px;
}

.member.rev .favorite table {
	clear: both;
	border-collapse: collapse;
	empty-cells: show;
	margin-bottom: 10px;
}
.member.rev .favorite td.item {
	width: 170px;
	vertical-align: top;
	padding: 5px;
	border: 1px solid #ccc;
}
.member.rev .favorite td.c1 {
	background: #f5f5f5;
}
.member.rev .favorite td.navi {
	background: #fed;
}
.member.rev .favorite td.spc {
	width: 10px;
}

.member.rev .favorite .thumb {
	float: left;
	margin-right: 5px;
	border:1px solid #ccc;
}
.member.rev .favorite .product_name {
	font-weight: bold;
}
.member.rev .favorite .model_name {
}
.member.rev .member_profile .favorite .comment {
	font-size: 12px;
	border: none;
	margin: 5px 0 0 0;
	padding: 0;
}
.member.rev .favorite .date {
	text-align: right;
}
.member.rev .favorite .edit {
	text-align: right;
}

.member.rev div.main_member_review {
	margin: 0px 0px 20px 0px;
}

.member.rev .main_member_review .label {
	font-size: 16px;
	width: 600px;
	border-bottom: 1px solid #aaa;
	margin: 0px 0px 10px 0px;
	background:none;
	color:#000;
	height:auto;
	padding-left:0px;
}

.member.rev .main_member_review table {
	clear: both;
	border-collapse: collapse;
	empty-cells: show;
	margin-bottom: 10px;
}
.member.rev .main_member_review td.item {
	width: 170px;
	vertical-align: top;
	padding: 5px;
	border: 1px solid #ccc;
}
.member.rev .main_member_review td.c1 {
	background: #f5f5f5;
}
.member.rev .main_member_review td.navi {
	background: #fed;
}
.member.rev .main_member_review td.spc {
	width: 10px;
}

.member.rev .main_member_review .thumb {
	float: left;
	margin-right: 5px;
	border: 1px solid #ccc;
}
.member.rev .main_member_review .product_name {
	font-weight: bold;
}
.member.rev .main_member_review .model_name {
}
.member.rev .member_profile .main_member_review .comment {
	font-size: 12px;
	border: none;
	margin: 5px 0 0 0;
	padding: 0;
}
.member.rev .main_member_review .date {
	text-align: right;
}

.member.rev a.rev_icon_write {
	background:transparent url(/media/2007/review/icon_pen.gif) no-repeat scroll left center;
	display:inline;
	padding:2px 0px 2px 20px;
}

.member.rev a.rev_icon_book {
	background:transparent url(/media/2007/review/rev_icon_book.gif) no-repeat scroll left center;
	display:inline;
	padding:2px 0px 2px 20px;
}

.member.rev a.rev_icon_batsu {
	background:transparent url(/media/2007/review/rev_icon_batsu.gif) no-repeat scroll left center;
	display:inline;
	padding:2px 0px 2px 20px;
}

.member.rev fieldset dt {
	width:auto;
}

.member.rev fieldset dd {
	font-size:14px;
	line-height:1.2em;
	margin-bottom:0;
}

.member.rev .date {
	text-align:right;
	color:#999999;
	font-size:10px;
	letter-spacing:0.05em;
	line-height:1.1em;
}
.member.rev_prof fieldset p {
	font-weight:normal;
}

.member.rev_prof .heading {
	margin-bottom:10px;
}

.member.rev_prof .sub_head {
	font-weight:bold;
	margin-bottom:2px;
}

*html body .member.rev_prof .box_mem_icon {
	margin-bottom:10px;
}
*+html body .member.rev_prof .box_mem_icon {
	margin-bottom:10px;
}

.member.rev_prof .member_icon .item {
	border:1px solid #EEEEEE;
	float:left;
	margin:0pt 20px 10px 0pt;
	padding-left:5px;
	overflow:hidden;
}

.member.rev_prof .member_icon .item img {
	vertical-align:middle;
}

.member.rev_prof .member_icon,
.member.rev_prof .mem_site,
.member.rev_prof .prof_txt {
	margin-bottom:20px;
}

.member.rev_prof .member_ac .member_name {
	margin-bottom:20px;
}

.member.rev_prof .member_ac span.mem_name {
	font-size:18px;
	font-weight:bold;
}

/* My Page */

.member.rev .member_profile {
	margin-bottom:20px;
}

.member.rev .member_profile .member_name {
	font-weight: bold;
}
.member.rev .member_profile .member_icon {
	vertical-align: middle;
}
.member.rev .member_profile .comment {
	font-size:12px;
	line-height:1.3em;

	padding: 10px;
	border: 1px solid #ccc;
	margin: 1em 0 0.5em 0;
}

.member.rev div.favorite {
	margin: 0px 0px 20px 0px;
}

.member.rev .favorite .label {
	font-size: 16px;
	width: 570px;
	border-bottom: 1px solid #aaa;
	margin: 0px 0px 10px 0px;
}

.member.rev .favorite table {
	clear: both;
	border-collapse: collapse;
	empty-cells: show;
	margin-bottom: 10px;
}
.member.rev .favorite td.item {
	width: 170px;
	vertical-align: top;
	padding: 5px;
	border: 1px solid #ccc;
}
.member.rev .favorite td.c1 {
	background: #f5f5f5;
}
.member.rev .favorite td.navi {
	background: #fed;
}
.member.rev .favorite td.spc {
	width: 10px;
}
*+html body .member.rev .main_member_review td.item dl,
*+html body .member.rev .favorite td.item dl {/* IE7 */
	margin-top:0;
}
*html body .member.rev .main_member_review td.item dl,
*html body .member.rev .favorite td.item dl {/* IE6 */
	margin-top:0;
}
*html body .member.rev .main_member_review td.item dt,
*html body .member.rev .favorite td.item dt {/* IE6 */
	margin-right:0;
	width:50px;
	height:50px;
}
*html body .member.rev .main_member_review td.item dd,
*html body .member.rev .favorite td.item dd {/* IE6 */
	margin-left:0;
}

.member.rev .favorite .thumb {
	float: left;
	margin-right: 5px;
	border:1px solid #ccc;
}
.member.rev .favorite .product_name {
	font-weight: bold;
}
.member.rev .favorite .model_name {
}
.member.rev .favorite .comment {
	font-size: 12px;
}
.member.rev .favorite .date {
	text-align: right;
}
.member.rev .favorite .edit {
	text-align: right;
}

.member.rev div.main_member_review {
	margin: 0px 0px 20px 0px;
}

.member.rev .main_member_review .label {
	font-size: 16px;
	width: 600px;
	border-bottom: 1px solid #aaa;
	margin: 0px 0px 10px 0px;
}

.member.rev .main_member_review table {
	clear: both;
	border-collapse: collapse;
	empty-cells: show;
	margin-bottom: 10px;
}
.member.rev .main_member_review td.item {
	width: 170px;
	vertical-align: top;
	padding: 5px;
	border: 1px solid #ccc;
}
.member.rev .main_member_review td.c1 {
	background: #f5f5f5;
}
.member.rev .main_member_review td.navi {
	background: #fed;
}
.member.rev .main_member_review td.spc {
	width: 10px;
}

.member.rev .main_member_review .thumb {
	float: left;
	margin-right: 5px;
	border: 1px solid #ccc;
}
.member.rev .main_member_review .product_name {
	font-weight: bold;
}
.member.rev .main_member_review .model_name {
}
.member.rev .main_member_review .comment {
	font-size: 12px;
}
.member.rev .main_member_review .date {
	text-align: right;
}

.member.rev a.rev_icon_write {
	background:transparent url(/media/2007/review/icon_pen.gif) no-repeat scroll left center;
	display:inline;
	padding:2px 0px 2px 20px;
}

.member.rev a.rev_icon_book {
	background:transparent url(/media/2007/review/rev_icon_book.gif) no-repeat scroll left center;
	display:inline;
	padding:2px 0px 2px 20px;
}

.member.rev a.rev_icon_batsu {
	background:transparent url(/media/2007/review/rev_icon_batsu.gif) no-repeat scroll left center;
	display:inline;
	padding:2px 0px 2px 20px;
}

.member.rev fieldset dt {
	width:auto;
}

.member.rev fieldset dd {
	font-size:14px;
	line-height:1.2em;
	margin-bottom:0;
	overflow:visible;
}

.member.rev .date {
	text-align:right;
	color:#999999;
	font-size:10px;
	letter-spacing:0.05em;
	line-height:1.1em;
}



/* profile - member detail */
.member .member_detail {
	position: relative;
	margin: 0 10px 15px 10px;
	}
.member .member_detail img {
	display: block;
	position: absolute;
	border: 1px solid #ccc;
	}
.member .member_detail dl {
	display: block;
	margin: 10px 0 0 80px;
	}
.member .member_detail dl dt {
	font-size: 18px;
	line-height: 1.2em;
	font-weight: bold;
	color: #666;
	}
.member .member_detail dl dd {
	clear: left;
	margin: 0 0 5px 0;
	}
.member .member_detail dl dd span {
	display: block;
	float: left;
	margin: 5px 1em 0 0;
	border: 1px solid #ccc;
	padding: 1px 0.5em 1px 0;
	background: #eee;
	text-indent: 0.5em;
	font-size: 10px;
	line-height: 1.2em;
	}
.member .member_detail dl dd em {
	padding: 0 0.2em 0 0;
	font-weight: bold;
	}
.member .member_detail dl dd ul li {
	display: inline;
	padding: 0 1em 0 0;
	}


/* profile - blog data */

.member fieldset.blognetwork dl dt {
	position: relative;
	_height: 14px;
	margin-bottom: 3px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 3px;
	font-size: 14px;
	font-weight: bold;
	}
.member fieldset.blognetwork dl dt .blog_feed a {
	display: block;
	position: absolute;
	overflow: hidden;
	width: 12px;
	right: 1px;
	bottom: 3px;
	background: transparent url(/media/c/2006/img/feedicon_small.gif) no-repeat scroll left top;
	height: 12px;
	font-size: 1px;
	line-height: 1.2em;
	text-decoration: none;
	text-indent: -1000px;
	}
	*html .member fieldset.blognetwork dl dt .blog_feed a {
		right: 6px;
		}
.member fieldset.blognetwork dl dt .blog_feed a:hover,
.member fieldset.blognetwork dl dt .blog_feed a:active {
	background-position:left bottom;
	}
.member fieldset.blognetwork dl dd {
	margin: 0 0 5px 1em;
	background: url(/media/c/2006/img/relate_marker.gif) 0 0.2em no-repeat;
	padding: 0 0 0 12px;
	font-size: 12px;
	}
.member fieldset.blognetwork dl dd span {
	padding: 0 0 0 1em;
	font-weight: normal;
	color: #666;
	}
.member fieldset.blognetwork dl dd.blog_info {
	margin: 0 0 3px 0;
	background: none;
	padding: 0;
	text-align: right;
	font-size: 11px;
	}


/* profile - recent activity */

.member fieldset.recent_activity h4 {
	margin: 0 0 5px 0;
	}

*html body .member fieldset.recent_activity dl {/*IE6*/
	margin-top:0;
}
*+html body .member fieldset.recent_activity dl {/*IE7*/
	margin-top:0;
}

.member fieldset.recent_activity dl dt {
	/*background:#EEEEEE none repeat scroll 0%;*/
	border:1px solid #CCCCCC;
	font-size:12px;
	line-height:1.2em;
	margin-bottom:0.3em;
	padding:1px 0.3em;
	text-align:center;
	vertical-align:top;
	width:100px;
	}
.member fieldset.recent_activity dl dt.blog_cmt{
	background:#EEEEEE none repeat scroll 0%;
}
.member fieldset.recent_activity dl dt.blog_udt{
	background:#FFF0FF none repeat scroll 0%;
}
.member fieldset.recent_activity dl dt.panel_cmt{
	background:#E6F0FF none repeat scroll 0%;
}
.member fieldset.recent_activity dl dd {
	display: block;
	margin: -1.6em 0 10px 10.5em;
	font-size: 12px;
	}
.member fieldset.recent_activity p.go_archive {
	text-align: right;
	margin: 0;
	}
.member fieldset.recent_activity p.go_archive a {
	padding-left: 10px;
	background: url(/media/c/2006/img/relate_marker.gif) 0 0.2em no-repeat;
	}

.member fieldset.recent_activity p.go_archive {
	text-align: right;
	margin: 0;
	}
.member fieldset.recent_activity p.go_archive a {
	padding-left: 10px;
	background: url(/media/c/2006/img/relate_marker.gif) 0 0.2em no-repeat;
	}



/* zdnet additional Style */

.member button.regist {
	color:#fff;
}

.member .navi_breadcrum {
	background:#EEEEEE url(/media/2006/member/zdnet/icon_breadcrum.gif) no-repeat scroll 1px 4px;
	border-bottom:1px solid #AAAAAA;
	border-top:1px solid #AAAAAA;
	color:black;
	font-size:10px;
	margin:0pt 0pt 10px;
	padding:2px 0pt 3px 18px;
	position:relative;
	z-index:10;
}

.member .navi_breadcrum a {
	font-weight:bold;
}



/* tablebase style */

.member table.membertable {
	width: 98%;
	border: none;
	border-collapse:collapse;
}
.member table.membertable th {
	padding: 10px 10px;
	border-bottom: 1px solid #ffffff;
	text-align: left;
	width: 100px;
	background: #dddddd;
	font-weight: normal;
	vertical-align: top;
	font-size:12px;
	line-height:1.5em;
}
.member table.membertable th span.notify{
	display :block;
	font-size: 10px;
	color: #900;
	font-weight: bold;
}
.member table.membertable th label{
	font-weight: normal;
}
.member table.membertable td {
	border-bottom: 1px solid #ffffff;
	text-align: left;
	background: #f0f0f0;
	vertical-align: top;
	font-size:12px;
	line-height:1.5em;
	padding: 10px 10px;
}
.member table.membertable td span.bold{
	font-weight: bold;
}
.member table.membertable input,
.member table.membertable select,
.member table.membertable textarea{
	margin-left:0;
	padding:3px;
}
.member table.membertable input.textform,
.member table.membertable select,
.member table.membertable textarea {
	border:1px solid #ddd;
	width:320px;
	font:normal 12px/14px Tahoma;
	/*display :block;*/
	}
.member table.membertable textarea{ width: 98%; }
.member table.membertable ul{
	margin: 0;
}

.member table.membertable li{
	list-style: none;
	padding-left: 0;
	margin-right: 10px;
}
* html .member table.membertable li{ white-space: nowrap; }
*:first-child+html .member table.membertable li{ white-space: nowrap; }

.member table.membertable input:focus,
.member table.membertable select:focus,
.member table.membertable textarea:focus {
	border: 1px solid #f90;
}
.member table.membertable tr.segment td{
	background: #fff;
	padding: 10px 0;
}
.member table.membertable label{
	font-weight: normal;
}

.member_profile_table tbody tr td{
  text-align: left;
  padding: 0 20px 0 0;
  font-size: 13px;
  line-height: 1.3;
  _line-height: 1.0;
}

.member_profile_table tbody tr td input{
  margin-right: 3px;
  _margin-right: 0;
}

.member .heading{
	background: url(/media/2006/member/zdnet/member_heading_bg_repeat.gif) repeat-x;
	border: 1px solid #cbcbcb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	height: 30px;
}
.member fieldset{
	margin-top: 15px;
}
.member .menu2 fieldset{
	width: 90%;
	height: auto! important;
	float: none;
}

.member dt, .member dd{
	margin: 0;
}

.member .menu2 fieldset input.text{
	width: 70%;
}
.member .menu2 fieldset dl.login dt{
	width: 10em;
}
.member h4{
	display: block;
	border-bottom:3px double #1E5C99;
	color:#333333;
	font-size:14px;
	margin:30px 7px 15px;
	font-weight:bold;
	letter-spacing:0.1em;
	margin-bottom:5px;
	padding-bottom:5px;
}

.member .service dt,
.member .service dd{
	width: auto;
}

.member .service{
	padding: 0 10px;
}
.member .mail_send {
	background:#FEF5D3 url(/media/2006/member/mail_bg.gif) no-repeat scroll right 60%;
	padding:40px 100px 40px 20px;
}
.member .contract pre{
	width: auto;
	max-width: 640px;
}

/*regist
-------------------------------------------------*/
.member a.regist{
    background: url('/media/2006/member/zdnet/button2.gif') repeat-x scroll right top #0F4F9D;
    border: 1px solid #003399;
    font-size: 18px;
    height: 35px;
    line-height: 1em;
    width: 220px;
    display: block;
    font-weight: bold;
    margin: 0;
    padding-top: 15px;
    color: #FFFFFF;
}

.member a.regist:hover{
    color: #FFFFFF;
}


/*dd.right
-------------------------------------------------*/
.member fieldset.join dd.right{
    margin: 0 0 0 20px;
}


/*dt p span
-------------------------------------------------*/
.member fieldset.join dt p{
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 7px;
}

.member fieldset.join dt span{
  font-size: 12px;
}


/*private_info p
-------------------------------------------------*/
.private_info p,
.private_info dt,
.private_info dd{
  font-size: 12px;
  line-height: 1.3;
}


/*mypage btn
-------------------------------------------------*/
.member button.totoppage_btn,.member button.toprepage_btn {
background: #3A3A3D;
background: -moz-linear-gradient(top, #5B5B5E, #3A3A3D);
background: -webkit-gradient(linear, left top, left bottom, from(#5B5B5E),to(#3A3A3D));
border: 1px solid #555555;
color: #E9E9E9;
box-shadow: none;
margin: 10px 20px;
padding: 10px;
text-align: center;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
height: auto;
}

.member button.totoppage_btn:hover {
cursor: pointer;
background: #616161;
background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4B4B4B));
background: -moz-linear-gradient(top, #757575, #4B4B4B);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}


.member button.toprepage_btn {
background: #790000;
background: -webkit-gradient(linear, left top, left bottom, from(#AC6161),to(#790000));
background: -moz-linear-gradient(top, #AC6161, #790000);
border: 1px solid #790000;
color: #E9E9E9;
}


.member button.toprepage_btn:hover {
cursor: pointer;
background: #790000;
background: -webkit-gradient(linear, left top, left bottom, from(#790000), to(#AC6161));
background: -moz-linear-gradient(top, #790000, #AC6161);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#790000', endColorstr='#AC6161');
}



/*general-setting
-------------------------------------------------*/
.txt12{
  font-size: 12px;
  line-height: 1.3;
}

.block20{
  margin-bottom: 20px;
}

.block10{
  margin-bottom: 10px;
}



/*---------------------------------------------------
cnet_id
-------------------------------------------------*/
.guide{
	padding: 10px 10px 0;
}

.guide h1{
	width: 960px;
	height: 100px;
	text-indent: -9999px;
	background: url('/media/z/2011/guide/h1_membership_guide.jpg') no-repeat 0 0;
	margin-bottom: 15px;
}

p.lead{
	margin: 10px 75px 20px;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5;
}

.membership_guide h2{
	padding: 0;
}

h2.about{
	width: 850px;
	height: 37px;
	text-indent: -9999px;
	background: url('/media/z/2011/guide/h2_membership_guide.jpg') no-repeat 0 0;
	margin: 0 0 10px 55px;
	padding: 0;
}

h2.point{
	width: 377px;
	height: 37px;
	text-indent: -9999px;
	background: url('/media/z/2011/guide/h2_membership_guide02.jpg') no-repeat 0 0;
	margin-left: 55px;
}

h3.point01{
	width: 800px;
	height: 49px;
	text-indent: -9999px;
	background: url('/media/z/2011/guide/h3_membership_guide01.jpg') no-repeat 0 0;
	margin-left: 80px;
}

h3.point02{
	width: 800px;
	height: 49px;
	text-indent: -9999px;
	background: url('/media/z/2011/guide/h3_membership_guide02.jpg') no-repeat 0 0;
	margin-left: 80px;
}

h3.point03{
	width: 800px;
	height: 49px;
	text-indent: -9999px;
	background: url('/media/z/2011/guide/h3_membership_guide03.jpg') no-repeat 0 0;
	margin-left: 80px;
}

h3.point04{
	width: 800px;
	height: 49px;
	text-indent: -9999px;
	background: url('/media/z/2011/guide/h3_membership_guide04.jpg') no-repeat 0 0;
	margin-left: 80px;
}

h3.point05{
	width: 800px;
	height: 49px;
	text-indent: -9999px;
	background: url('/media/z/2011/guide/h3_membership_guide05.jpg') no-repeat 0 0;
	margin-left: 80px;
}

.t_center{
	text-align: center;
	margin-bottom: 20px;
}

.t_center a{
	text-decoration: underline;
}

.point_box{
	width: 728px;
	border-top: none;
	margin-left: 80px;
	margin-bottom: 20px;
	padding: 15px 35px;
}

.point_box p{
	width: 400px;
	float: left;
}

.point_box img{
	float: right;
	text-align: center;
}

.notice{
	border: 1px solid #CCCCCC;
	width: 850px;
	background-color: #EDEDED;
	margin: 0 0 20px 55px;
}


.notice h2{
	width: 850px;
	height: 46px;
	text-indent: -9999px;
	background: url('/media/z/2011/guide/h2_membership_guide03.jpg') no-repeat 0 0;
	margin: 0;
	padding: 0;
}

.notice img.align_r{
	margin-right: 50px;
}
.notice p{
	padding: 10px;
	text-align: center;
}

p.btn a{
	width: 320px;
	height: 53px;
	display: block;
	text-indent: -9999px;
	background: url('/media/z/2011/guide/btn_membership_guide.gif') no-repeat 0 0;
	margin-left: 320px;
	margin-bottom: 10px;
	overflow: hidden;
}

p.btn a:hover{
	background-position: 0 -53px;
}



.footer_sitelink {
  margin: 0 30px 10px 30px;
  color: #FFFFFF;
}

/* -----------------------------------------------------------------------
  CNET_ID Guide
--------------------------------------------------------------------------*/
.box_y {
clear: both;
border: 1px solid #b3ddff;
background: #eaf6ff;
filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#eaf6ff,EndColorStr=#ffffff);
background: -moz-linear-gradient(top, #d7edff, #eaf6ff 15%, white);
background: -webkit-gradient(linear, left top, left bottom, from(#d7edff),color-stop(0.15,#eaf6ff),to(white));
-moz-box-shadow: 0px 0px 3px #ccc;
-webkit-box-shadow: 0px 0px 3px #ccc;
padding: 20px;
margin: 10px;
}

.box_y h2 {
font-size: 120%;
font-weight: bold;
margin-bottom: 20px;
border-bottom: 1px dotted #EBB200;
line-height: 1.5;
}

.cnet_id_guide {
padding-bottom: 20px;
}

.cnet_id_guide .area_cnetpoint{
margin: 0 50px 20px;
padding-top: 20px;
border-bottom: 1px solid #cccccc;
}

.cnet_id_guide .box_point {
margin: 10px 0;
padding: 10px 0;
border-top: 1px solid #cccccc;
}
.cnet_id_guide .box_point h3 {font-weight: bold;}
.cnet_id_guide .box_point h3 img { vertical-align: middle;}

.cnet_id_guide .lead {
margin-bottom: 20px;
font-size: 120%;
font-weight: bold;
}

.cnet_id_guide .notice {
font-size: 85%;
font-weight: normal;
}

.cnet_id_guide .txt_new {
margin-right: 10px;
padding: 2px 5px;
background-color: #A80902;
color: #ffffff;
font-weight: bold;
}

.cnet_id_guide .txt_red {color: #ff0000;}
.cnet_id_guide .txt_green {color: green;}

.cnet_id_guide .center { text-align: center; }


.cnet_id_guide .nav_point li {float: left; margin-right: 15px; padding-right: 15px; border-right: 1px solid #cccccc;}
.cnet_id_guide .nav_point li img {width: 30px;}
.cnet_id_guide .box_point h3 {
margin-bottom: 10px;
font-size: 120%;
}
.cnet_id_guide .box_point h4 {margin: 10px 0; font-weight: bold;}
.cnet_id_guide dt {
margin-bottom: 5px;
padding: 5px;
background-color: #efefef;
font-weight: bold;
}
.cnet_id_guide dd {
margin-bottom: 20px;
padding: 5px;
}

.viewmore, .viewmore_close {
float: none;
background-image: none;
background-color: #efefef;
padding: 5px 10px;
cursor: pointer;
}

.viewmore:before {content: "+　";color: #ffb400;font-weight: bold;}
.viewmore_close:before {content: "- 　";color: #ffb400;font-weight: bold;}

.box_mail_lineup {margin-top: 10px;}
.mail_lineup {margin: 10px 0 0 3em;}


.btn {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-weight: bold;
font-size: 16px;
line-height: 20px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #cccccc;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-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);
}

.btn-red {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
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-color: #bd362f #bd362f #802420;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-large {
padding: 11px 19px;
font-size: 17.5px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.btn-red:hover {
color: #ffffff;
text-decoration: none;
background: #bd362f;
}

.text-center {
  text-align: center;
  padding-top: 15px;
}

/*---------------------------------------------------------
 Membership Form
 ----------------------------------------------------------*/
h5 {
clear: both;
font-weight: bold;
margin: 10px 0 0;
}

.resister_flow {
padding: 10px 5px;
margin: 0 0 10px 0px;
border: 1px solid #cccccc;
}

.resister_flow li {
display: inline;
padding: 5px 20px 5px 12px;
background: url(/media/c/2012/images/icon/icon_redarrow.gif) no-repeat center left;
}

.resister_flow li.none {
background: none;
padding: 5px 20px 5px 5px;
}

.resister_flow li.on {
font-weight: bold;
background-color: #fff6d1;
}


.form_table {
width: 100%;
margin: 10px 0;
}

.form_table th {
//width: 291px;
width:25%;
padding: 5px;
font-weight: bold;
background-color: #cccccc;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}

.form_table td {
  padding: 5px;
  background-color: #efefef;
  border-bottom: 1px solid #ffffff;
  //width:291px;
  width:auto;
}

.form_table .req {
padding: 3px;
margin: 5px;
color: #ffffff;
font-size: 80%;
background-color: #8c0000;
}


.form_table input {
width: 90%;
padding: 5px;
}
.form_table option {
width: 90%;
padding: 3px 5px;
}
.form_table input.radio {
width: 1em;
padding: 5px;
}
.form_table .short input {
width: 60%;
padding: 5px;
}
.form_table .short select {
width: 60%;
}
.form_table .notice {
font-size: 80%;
}

.form_table .input_block {
  //width: 320px;
  width: 50%;
  float:left;
}

.form_table .input_block2 {
  //width: 300px;
  width: 45%;
  float:left;
  line-height: 1.5em;
}

.form_table .input_block_wide {
  //width: 620px;
  width:100%;
  line-height: 1.5em;
}

.form_table .notice_block {
  width: 45%;
  font-size: 80%;
  margin-left:10px;
  float:left;
}

.form_table .easy_input td {padding: 15px; background-color: #FFF6D1;}
.form_table .easy_input td .input_block {width: 30%; float: right;}
.form_table .easy_input td .input_block button {width: 100%;}
.form_table .easy_input td p {width: 67%; float: left; margin: 0;}


.list_mail {
    //width: 640px;
    width:90%;
}

.list_mail li {
    float: left;
    height: 1.3em;
    margin-top: 3px;
//    overflow: hidden;
    width: 210px;
}

.list_member {
  width:90%;
  margin: 5px;
}

.list_member li{
  float:left;
  height:1.3em;

  margin-bottom:5px;
  width:210px;
  list-style-type:none;
}






.member .contract pre {
max-width: 930px !important;
//width: 930px !important;
overflow: auto !important;
}


/*---------------------------------------------------
ZDNet mypage style
---------------------------------------------------*/
#main {
  background: none repeat scroll 0 0 #FFFFFF;
  padding: 10px;
}
#contents_r {
  float: right;
  margin-right: 10px;
  width: 300px;
}
#contents_l {
  float: left;
  margin: 0 10px 0 10px;
  width: 650px;
}

/*h2
---------------------------------------------------*/
h2.t_category {
clear: both;
margin: 20px 0 10px;
padding: 5px 0 5px 20px;
background: #3A3A3D;
background: -moz-linear-gradient(top, #5B5B5E, #3A3A3D);
background: -webkit-gradient(linear, left top, left bottom, from(#5B5B5E),to(#3A3A3D));
border-top: 1px solid #3C3C3E;
border-right: 1px solid #3C3C3E;
border-left: 1px solid #3C3C3E;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-moz-box-shadow: inset 0px 1px 0px #999999;
-webkit-box-shadow: inset 0px 1px 0px #999999;
box-shadow: inset 0px 1px 0px #999999;
color: white;
-moz-text-shadow: 0 -1px 0 #000;
-webkit-text-shadow: 0 -1px 0 #000;
text-shadow: 0 -1px 0 black;
outline-width: 0;
outline-style: none;
outline-color: invert;
}

#contents_l h3 {
    color: #111111;
    font-size: 100%;
    font-weight: bold;
    margin: 1em 0 0.8em;
    padding-left: 0;
}

/* --------------------------
 Mypage
____________________________ */
.frame_col_left h2.t_category{margin-top: 0;}

.section { margin-bottom: 35px; padding-bottom: 10px; }
.section .article_ladder img{ background: #fff; float: left; padding: 2px; border: 1px solid #bbb; margin-right: 10px; }
.section h2{ color: #39434C; font-weight: bold; font-size: 1.6em; line-height: 1.6em; padding-bottom: 7px; margin-bottom: 10px; border-bottom: 3px solid #8C0000; background: none;}
.section h2 img{ vertical-align: middle; margin-right: 10px; }
.section h3 img{ margin-right: 15px; vertical-align: middle; }

.box_gray {
    background-color: #F5F5F5;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 2px #CCCCCC inset;
    clear: both;
    margin: 0 0 20px;
    padding-bottom: 10px;
}
.btn_navi {  text-align: left;}
.btn_navi li {
display: inline;
background: #FFECA8;
filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#F9F7F0,EndColorStr=#ffeca8);
background: -moz-linear-gradient(top, #F9F7F0, #FFECA8);
background: -webkit-gradient(linear, left top, left bottom, from(#F9F7F0),to(#FFECA8));
border: 1px solid #FFECA8;
-moz-box-shadow: inset 0px 1px 0px #ffeca8;
-webkit-box-shadow: inset 0px 1px 0px #ffeca8;
box-shadow: inset 0px 1px 0px #ffeca8;
padding: 3px 10px;
}
.btn_navi li a{color: #333 }


.login_btn{
margin: 10px 40px;
padding: 10px;
text-align: center;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#login_btns{background: #f5f5f5; border: 1px solid #E4E4E4; padding: 10px 0;}
.login_btn{-moz-box-shadow: 0px 1px 0 #000;
-webkit-box-shadow: 0px 1px 0 #000;
box-shadow: 0px 1px 0 #000;}
.login_btn a{ color: #fff; }
.login_btn a:hover{ text-decoration: none }

.black {
background: black;
background: -webkit-gradient(linear, left top, left bottom, from(black), to(#444));
background: -moz-linear-gradient(top, black, #444);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
    border: 1px solid #333333;
    color: #D7D7D7;
}

.black:hover {
background: black;
background: -webkit-gradient(linear, left top, left bottom, from(#444), to(black));
background: -moz-linear-gradient(top, #444, black);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}

.gray {
background: #3A3A3D;
background: -moz-linear-gradient(top, #5B5B5E, #3A3A3D);
background: -webkit-gradient(linear, left top, left bottom, from(#5B5B5E),to(#3A3A3D));
    border: 1px solid #555555;
    color: #E9E9E9;
}
.gray:hover {
background: #616161;
background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4B4B4B));
background: -moz-linear-gradient(top, #757575, #4B4B4B);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}

#newsletter_list { margin: 0 0 20px 0; }
#newsletter_list li{ line-height: 25px; border-bottom: 1px dotted #ccc; padding: 5px 0; font-weight: bold; }
#newsletter_list .status{ text-align: right; float: right; width: 150px; font-weight: normal }

#wp_list .article_ladder,#atode_list .article_ladder{
padding: 10px;
margin-top: 1px;
filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#eeeeee,EndColorStr=#e3e3e3);
background: -moz-linear-gradient(top, #eeeeee, #eeeeee 80%, #e3e3e3);
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee),color-stop(0.80,#eeeeee),to(#e3e3e3));
border-bottom: 1px solid #fff;
-moz-box-shadow: 0px 1px 0 #ccc;
-webkit-box-shadow: 0px 1px 0 #ccc;
box-shadow: 0px 1px 0 #ccc;
}

#atode_list_title{ color: #39434C !important}
#atode_list li{ margin: 0 }
#atode_list h3{ margin: 0 !important; }
#atode_list .news_type{ color: #999999; font-size: 0.85em; height:0.85em; line-height: 0.85em; font-style: italic; margin-bottom: 10px;}
#atode_list .summary{ margin-bottom: 15px; }

.notice_box{ padding: 10px 0; text-align: center; border: 1px solid #D6D6D6; background-color: #eaf7ff; }
.notice_box a{ color: #1E5B7E; font-weight: bold }

#mypage_navi{ border: none }
#mypage_navi ul{margin: 0 10px;}
#mypage_navi li{padding: 5px 0; margin-left: 5px; border-bottom: 1px dotted #ccc; list-style-type: none;}
#mypage_navi li.last{border:none}

#wp_list li{list-style-type: none;}
.list_arrow_k {margin:0px;}
.list_arrow_k li{list-style-type: none;}

.btn_mini_area { width: 325px; clear:both; float:right; text-align: right; }
.btn_mini_area li{ float: right; display: block; margin: 0 0 0 10px !important;
padding: 0 10px 0 0; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}

.btn_mini_area a{
height: 20px; display: block;
color: #fff; font-weight: normal; font-size: 0.9em;
vertical-align: top;
padding-left: 28px;
}
.btn_mini_area a.adobe { background: url(/media/c/2012/images/atode/ato_sprite.png) no-repeat 0 -140px; }
.btn_mini_area a.epub { background: url(/media/c/2012/images/atode/ato_sprite.png) no-repeat 0 -160px; }
.btn_mini_area a.print { background: url(/media/c/2012/images/atode/ato_sprite.png) no-repeat 0 -20px;}
.btn_mini_area a.delete { background: url(/media/c/2012/images/icon/icon_delete.gif) no-repeat left 50%; }

.btn_mini_area a:hover{text-decoration: none}

.btn_mini_area li.gray{
background: #ccc;
filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#e2e2e2,EndColorStr=#a2a2a2);
background: -moz-linear-gradient(top, #e2e2e2, #a2a2a2);
background: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2),to(#a2a2a2));
border: 1px solid #666666;
-moz-box-shadow: inset 0px 1px 0px #ffffff;
-webkit-box-shadow: inset 0px 1px 0px #ffffff;
box-shadow: inset 0px 1px 0px #ffffff;
-moz-text-shadow: 0 -1px 0 #cccccc;
-webkit-text-shadow: 0 -1px 0 #cccccc;
text-shadow: 0 -1px 0 #cccccc;
}
.btn_mini_area li.gray a{ color: #333; }
.btn_mini_area li.gray:hover{
background: #ddd;
filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#e2e2e2,EndColorStr=#cccccc);
background: -moz-linear-gradient(top, #e2e2e2, #cccccc);
background: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2),to(#cccccc));
border: 1px solid #000;
}

.btn_mini_area li.black{
background: #3a3a3d;
filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#666666,EndColorStr=#333333);
background: -moz-linear-gradient(top, #666666, #333333);
background: -webkit-gradient(linear, left top, left bottom, from(#666666),to(#333333));
border: 1px solid #333333;
-moz-box-shadow: inset 0px 1px 0px #999999;
-webkit-box-shadow: inset 0px 1px 0px #999999;
box-shadow: inset 0px 1px 0px #999999;
-moz-text-shadow: 0 -1px 0 #333;
-webkit-text-shadow: 0 -1px 0 #333;
text-shadow: 0 -1px 0 #333;
}
.btn_mini_area li.black:hover{ background: #666; }

#mypage-header{ margin: 0 10px;}
#mypage-header a{ color: #fff }

#wrapper{
// padding-top: 15px;
// margin: 0 20px;
 background-color: #ffffff;
}
.mypage{
  padding-top:10px;
}

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

.member .resign_field{
  width:55%;
  margin-left:auto;
  margin-right:auto;

}

.member .resign_info {
  width:60%;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}
.resign_info ul {
  text-align:left;
}

.resign_info li {
  line-height: 2em;
  list-style-type:none;
}

.resign_info textarea {
  width: 250px;
  height: 10em;
  line-height: 1em;
}

#field_blog_bio {
  width: 300px;
  height: 12em;
  line-height: 1em;
}

/*-------------------------------------------------------------------------
 PAGINATION
 --------------------------------------------------------------------------*/
/*#pagination { font-size: 14px; margin-bottom: 20px; position: relative; }
#pagination ul { position: relative; left: 50%; float: left; background: none; }
#pagination li { height: 22px; line-height: 16px; float: left; margin: 0 3px !important; padding: 0; text-align: center; position: relative; left: -50%; background: none; border: none; list-style: none}
#pagination li a { border: 1px solid #CCC; display: block; padding: 2px 5px; font-weight: bold; text-decoration: none; color: black; }
#pagination li.thispage { border: none; background: transparent;}
#pagination li.thispage a { border: 1px solid #CCC; color: black; display: block; font-weight: bold; padding: 2px 5px; text-decoration: none; background-color: #A4AEB7; }
#pagination .pre, #pagination .next { border: none; }
#pagination .pre a, #pagination .next a { padding: 0; border: none; }*/



/*pagination cnet_id add201708*/

#pagination {
/*clear: both;*/
font-size: 14px;
margin-top:15px;
margin-bottom: 20px;
position: static;
width: 100%;
text-align: center;
}

#pagination ul {
position: static;
/*left:0;*/
float:none;
background: none;
display: inline-block;
margin: 0 auto !important;
/*width: 100%;*/
text-align: center;
}

#pagination li {
height: 22px;
line-height: 16px;
float: left;
margin: 0 3px !important;
padding: 0;
text-align: center;
position:static;
background: none;
border: none;
list-style: none;
}
#pagination li a {
border: 1px solid #CCC;
display: block;
padding: 5px;
font-weight: bold;
text-decoration: none;
color: black;
background-color:#fff;
}
#pagination li.thispage {
height: auto;
border: 1px solid #151515;
color: #fff;
display: block;
font-weight: bold;
padding: 5px;
text-decoration: none;
background-color: #151515;
}
#pagination li.thispage a {
border: 1px solid #CCC;
color: black;
display: block;
font-weight: bold;
padding: 2px 5px;
text-decoration: none;
background-color: #A4AEB7;
}
#pagination .pre, #pagination .next { border: none; }
#pagination .pre a, #pagination .next a {
background:#909090;
padding: 6px 15px;
border: none;
color:#fff;
position:relative;
}
#pagination .pre a, #pagination .next a::after{
  content: "";
  position: absolute;
  top: 0;
  right: -9px;
  border-left: 14px solid #909090;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  transform-origin: right top;
  transform: scaleX(.7);
}




/*-------------------------------------------------------------------------------------------------
 Responsible
 ------------------------------------------------------------------------------------------------*/
select {width:80px}
input[type=radio],input[type=checkbox]{ margin:0px; position:relative; top:-1px;}



@media (max-width: 480px) {

  #wrapper{
    margin: 0px;
  }

  .form_table th{min-width:50px}
  .form_table .input_block {
    width: 100%;
    float: none;
  }
  .form_table .input_block2 {
    margin-top:5px;
    width: 100%;
    float:none;
  }
  .form_table .input_block_wide {
    width: 100%;
  }
  .form_table .notice_block {
    width: 98%;
    float: none;
  }
  .form_table .easy_input td p,
  .form_table .easy_input td .input_block {width: auto; float: none;}
  .list_member{
    width: 90%;
  }
  .list_member li{
    width:100%;
  }
  .member .itemtitle{
    float:none;
  }
  .member .itemrow{
    float:none;
    margin-left: 0px;
  }
  .member .comment{
    margin-left : 0px;

  }
  .member fieldset input.text{
    width:90%
  }
  .member .regist_comment{
    float:none;
    width:100%;
  }
  .member .regist_button{
    float:none;
    text-align:center;
  }
  #contents_r {
    float: none;
    margin-left: 10px;
    width: auto;
  }
  #contents_l {
    float: none;
    margin: 0px 10px;
    width: auto;
  }
  #wp_list{
    margin:0px 10px 10px 10px;
  }
  .member .resign_field {
    width: auto;
  }
  .member .resign_info {
    width: auto;
  }
  #field_blog_bio{
    width:93%;
  }
  .member .caution{
    margin-left:0px;
  }
}





@media (min-width: 481px) and (max-width: 767px) {

  .form_table .input_block {
    width: 100%;
    float: none;
  }
  .form_table .input_block2 {
    margin-top:5px;
    width: 100%;
    float:none;
  }
  .form_table .input_block_wide {
    width: 100%;
  }
  .form_table .notice_block {
    width: 98%;
    float: none;
  }
  .list_mail{
    width: 90%;
  }
  .list_mail li{
    width:100%;
  }
  .list_member{
    width: 90%;
  }
  .list_member li{
    width:100%;
  }

  .member .itemrow{
    margin-left: 75px;
  }

  .member fieldset input.text{
    width:60%
  }
  .member .regist_comment{
    width:47%
  }
  #contents_r {
    float: none;
    margin-left: 10px;
    width: auto;
  }
  #contents_l {
    float: none;
    margin: 0px 10px;
    width: auto;
  }
  #wp_list{
    margin:0px 10px 10px 10px;
  }

  #thankyou h2{
	text-align: left;
	display: block;
	color:#8c0000;
	font-weight:bold;
	padding-bottom:2px;
	margin:10px;
	width:100%;
        background:none;
  }

  #thankyou p{
	text-align: left;
	display: block;
	color:#8c0000;
	font-weight:bold;
	padding-bottom:2px;
	margin:10px;
	width:100%;
        background:none;
  }
  #thankyou .logo{
    width:auto;
  }
  #thankyou zdnet{
    float:none;
  }
  .member .resign_field {
    width: 90%;
  }
  .member .resign_info {
    width: 70%;
  }
  .member .caution{
    margin-left:0px;
  }
}



@media (min-width: 768px) and (max-width: 979px) {
  .member .itemrow{
    margin-left: 150px;
  }
  .member .regist_comment{
    width:60%;
  }
  #contents_r {
    float: none;
    margin-left: 10px;
    width: auto;
  }
  #contents_l {
    float: none;
    margin: 0px 10px;
    width: auto;
  }
  #wp_list{
    margin:0px 10px 10px 10px;
  }
  .member .resign_field {
    width: 65%;
  }
  .member .caution{
    margin-left:0px;
  }
}





@media (max-width: 800px) {
  .member fieldset {border: none;}
  .member fieldset.login,
  .member fieldset.join {
    background: none;
  }
  .member fieldset.login dt {
    width: auto;
    float: none;
    margin-left: 0;
  }
  .member fieldset input.text {
    width: 100% !important;
    height: auto;
    padding: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid #ccc;
  }
}