/* 全テンプレート */

body {margin:0;}

img {border: 0;}

#point {background: url("http://www.dti-ranker.com/images/member/mono.gif") no-repeat; margin: 0; text-align: absbottom; height: 15px;}

.rec {color: #FF0000; font-size: 10px; padding-left: 8px;}

.size10 {font-size:10px; padding-left: 8px;}

.size12 {font-size:12px;}

.position {text-align:center;}

/* 1px-shadow */

table.shadow {border:1px solid #FFFFFF; background-color:#000000; font-size:12px; color: #FFFFFF;}

td.shadow {border-bottom:1px #000000 solid;border-right:1px #000000 solid; background-color:#333333;}

span.shadow_info a:link {color: #CCCCCC;}
span.shadow_info a:visited {color: #CCCCCC;}
span.shadow_info a:hover {color: #FF3300;}
span.shadow_info a:active {color: #FF3300;}

span.shadow_dti a:link {color: #CCCCCC; font-size: 12px; line-height:140%;}
span.shadow_dti a:visited {color: #CCCCCC; font-size: 12px; line-height:140%;}
span.shadow_dti a:hover {color: #000000; font-size: 12px; background-color: #CCCCCC; text-decoration:none; line-height:140%;}
span.shadow_dti a:active {color: #000000; font-size: 12px; background-color: #CCCCCC; text-decoration:none; line-height:140%;}

span.sshadow_dti a:link {color: #CCCCCC; font-size: 10px; line-height:140%;}
span.sshadow_dti a:visited {color: #CCCCCC; font-size: 10px; line-height:140%;}
span.sshadow_dti a:hover {color: #000000; font-size: 10px; background-color: #CCCCCC; text-decoration:none; line-height:140%;}
span.sshadow_dti a:active {color: #000000; font-size: 10px; background-color: #CCCCCC; text-decoration:none; line-height:140%;}

/* default */

table.default_01 {background-color:#000000; font-size:12px;}

table.default_02 {background-color:#000000; border:1px solid #D5EAFF; text-align:center;}

table.default_03 {color:#787878; font-size:11px;  text-align:center;}

td.default_01 {border-bottom:solid #EEEEEE 4px; color:#EEEEEE;}

td.default_02 {border-bottom:solid #AEAEAE 4px; text-align:left;}

td.default_03 {border-bottom:solid #787878 4px; text-align:center;}

td.default_04 {background-color:#CCCCCC; text-align:left;}

td.default_05 {text-align:right;}

.white {color:#FFFFFF; font-size: 10px; padding-left: 8px;}

span.default_info a:link {color: #AEAEAE;}
span.default_info a:visited {color: #AEAEAE;}
span.default_info a:hover {color: #FF0033;}
span.default_info a:active {color: #FF0033;}

span.default_dti a:link {color: #FFFFFF; font-size: 12px; line-height:140%;}
span.default_dti a:visited {color: #FFFFFF; font-size: 12px; line-height:140%;}
span.default_dti a:hover {color: #000000; font-size: 12px; background-color: #EEEEEE; text-decoration:none; line-height:140%;}
span.default_dti a:active {color: #000000; font-size: 12px; background-color: #EEEEEE; text-decoration:none; line-height:140%;}

span.sdefault_dti a:link {color: #FFFFFF; font-size: 10px; line-height:140%;}
span.sdefault_dti a:visited {color: #FFFFFF; font-size: 10px; line-height:140%;}
span.sdefault_dti a:hover {color: #000000; font-size: 10px; background-color: #EEEEEE; text-decoration:none; line-height:140%;}
span.sdefault_dti a:active {color: #000000; font-size: 10px; background-color: #EEEEEE; text-decoration:none; line-height:140%;}

/* hyogumi */

table.hyogumi_01 {background-color:#FFFFFF; font-size:12px;}

table.hyogumi_02 {font-size:10px; text-align:center;}

td.hyogumi_01 {border:1px solid #000000;}

td.hyogumi_02 {border:1px solid #000000; background-color:#000000;}

td.hyogumi_03 {background-color:#666666; color:#FFFFFF; line-height:200%; width: 32px}

td.hyogumi_04 {color:#000000; line-height:200%; width: 50%;}

.hyogumi_rank {color:#FFFFFF; font-weight: bold;}

span.hyogumi_info a:link {color: #0000FF; line-height:220%;}
span.hyogumi_info a:visited {color: #0000FF; line-height:220%;}
span.hyogumi_info a:hover {color: #FF3300; border-bottom: double 3px #FF3300; text-decoration:none; line-height:220%;}
span.hyogumi_info a:active {color: #FF3300; border-bottom: double 3px #FF3300; text-decoration:none; line-height:220%;}

span.hyougumi_dti a:link {color: #000000; font-size: 12px; line-height:140%;}
span.hyougumi_dti a:visited {color: #000000; font-size: 12px; line-height:140%;}
span.hyougumi_dti a:hover {color: #FFFFFF; font-size: 12px; background-color: #000000; text-decoration:none; line-height:140%;}
span.hyougumi_dti a:active {color: #FFFFFF; font-size: 12px; background-color: #000000; text-decoration:none; line-height:140%;}

span.shyougumi_dti a:link {color: #000000; font-size: 10px; line-height:140%;}
span.shyougumi_dti a:visited {color: #000000; font-size: 10px; line-height:140%;}
span.shyougumi_dti a:hover {color: #FFFFFF; font-size: 10px; background-color: #000000; text-decoration:none; line-height:140%;}
span.shyougumi_dti a:active {color: #FFFFFF; font-size: 10px; background-color: #000000; text-decoration:none; line-height:140%;}

/* pastel_dot */

table.dot_01 {background-color:#FFFFFF; border-top:2px dashed #000000; border-left:2px dashed #000000; border-right:2px dashed #000000; font-size:12px}

table.dot_02 {background-color:#FFFFFF; border:0px; font-size:11px}

td.dot_01 {border-bottom:2px dashed #000000;}

td.dot_02 {background-color:#E8E8E8; border-bottom:2px dashed #000000;}

td.dot_03 {background-color:#E8E8E8;}

span.dot_info a:link {color: #0000FF; text-decoration:none;}
span.dot_info a:visited {color: #0000FF; text-decoration:none;}
span.dot_info a:hover {color: #FF3300;}
span.dot_info a:active {color: #FF3300;}

span.dot_dti a:link {color: #000000; font-size: 12px; line-height:140%;}
span.dot_dti a:visited {color: #000000; font-size: 12px; line-height:140%;}
span.dot_dti a:hover {color: #FFFFFF; font-size: 12px; background-color: #000000; text-decoration:none; line-height:140%;}
span.dot_dti a:active {color: #FFFFFF; font-size: 12px; background-color: #000000; text-decoration:none; line-height:140%;}

span.sdot_dti a:link {color: #000000; font-size: 10px; line-height:140%;}
span.sdot_dti a:visited {color: #000000; font-size: 10px; line-height:140%;}
span.sdot_dti a:hover {color: #FFFFFF; font-size: 10px; background-color: #000000; text-decoration:none; line-height:140%;}
span.sdot_dti a:active {color: #FFFFFF; font-size: 10px; background-color: #000000; text-decoration:none; line-height:140%;}


/* multi-shadow */

table.multishadow {background-color:#666666; bordercolorlight:#666666; bordercolordark:#bebebe; font-size:12px;}

td.multishadow_01 {background-color:#FFFFFF;}

td.multishadow_02 {background-color:#EEEEEE;}

span.multishadow_info a:link {color: #000000;}
span.multishadow_info a:visited {color: #000000;}
span.multishadow_info a:hover {color: #FF3300; border-bottom: double 3px #FF3300; text-decoration:none;}
span.multishadow_info a:active {color: #FF3300; border-bottom: double 3px #FF3300; text-decoration:none;}

span.multishadow_dti a:link {color: #000000; font-size: 12px; line-height:140%;}
span.multishadow_dti a:visited {color: #000000; font-size: 12px; line-height:140%;}
span.multishadow_dti a:hover {color: #FFFFFF; font-size: 12px; background-color: #666666; text-decoration:none; line-height:140%;}
span.multishadow_dti a:active {color: #FFFFFF; font-size: 12px; background-color: #666666; text-decoration:none; line-height:140%;}

span.smultishadow_dti a:link {color: #000000; font-size: 10px; line-height:140%;}
span.smultishadow_dti a:visited {color: #000000; font-size: 10px; line-height:140%;}
span.smultishadow_dti a:hover {color: #FFFFFF; font-size: 10px; background-color: #666666; text-decoration:none; line-height:140%;}
span.smultishadow_dti a:active {color: #FFFFFF; font-size: 10px; background-color: #666666; text-decoration:none; line-height:140%;}

/* pastel_simple */

table.pastelsimple {background-color:#E8E8E8; font-size:12px;}

td.pastelsimple {text-align:center;}

span.pastelsimple_info a:link {color: #6666FF;}
span.pastelsimple_info a:visited {color: #6666FF;}
span.pastelsimple_info a:hover {color: #FF0033;}
span.pastelsimple_info a:active {color: #FF0033;}

span.pastelsimple_dti a:link {color: #000000; font-size: 12px; line-height:140%;}
span.pastelsimple_dti a:visited {color: #000000; font-size: 12px; line-height:140%;}
span.pastelsimple_dti a:hover {color: #FFFFFF; font-size: 12px; background-color: #333333; text-decoration:none; line-height:140%;}
span.pastelsimple_dti a:active {color: #FFFFFF; font-size: 12px; background-color: #333333; text-decoration:none; line-height:140%;}

span.spastelsimple_dti a:link {color: #000000; font-size: 10px; line-height:140%;}
span.spastelsimple_dti a:visited {color: #000000; font-size: 10px; line-height:140%;}
span.spastelsimple_dti a:hover {color: #FFFFFF; font-size: 10px; background-color: #333333; text-decoration:none; line-height:140%;}
span.spastelsimple_dti a:active {color: #FFFFFF; font-size: 10px; background-color: #333333; text-decoration:none; line-height:140%;}

/* pearlline */

table.pearlline_01 {background-color:#888888; font-size:12px;}

table.pearlline_02 {width:100%; background-color:#FFFFFF; border:none; font-size:12px;}

td.pearlline_01 {background-color:#FFFFFF;}

td.pearlline_02 {background-image: url(http://www.dti-ranker.com/images/member/layoutdesign/mono01.gif); background-repeat: repeat-x; height:11px;}

span.pearlline_info a:link {color: #6666FF; line-height:220%;}
span.pearlline_info a:visited {color: #6666FF; line-height:220%;}
span.pearlline_info a:hover {color: #FF0033; border-bottom: double 3px #FF0033; text-decoration:none; line-height:220%;}
span.pearlline_info a:active {color: #FF0033; border-bottom: double 3px #FF0033; text-decoration:none; line-height:220%;}

span.pearlline_dti a:link {color: #000000; font-size: 12px; line-height:140%;}
span.pearlline_dti a:visited {color: #000000; font-size: 12px; line-height:140%;}
span.pearlline_dti a:hover {color: #FFFFFF; font-size: 12px; background-color: #888888; text-decoration:none; line-height:140%;}
span.pearlline_dti a:active {color: #FFFFFF; font-size: 12px; background-color: #888888; text-decoration:none; line-height:140%;}

span.spearlline_dti a:link {color: #000000; font-size: 10px; line-height:140%;}
span.spearlline_dti a:visited {color: #000000; font-size: 10px; line-height:140%;}
span.spearlline_dti a:hover {color: #FFFFFF; font-size: 10px; background-color: #888888; text-decoration:none; line-height:140%;}
span.spearlline_dti a:active {color: #FFFFFF; font-size: 10px; background-color: #888888; text-decoration:none; line-height:140%;}

/* pointcolor */

table.pointcolor {bordercolorlight:#000000; bordercolordark:#FFFFFF; font-size:11px;}

tr.pointcolor_01 {background-color:#FFFFFF;}

td.pointcolor_02 {background-color:#000000; color:#FFFFFF}

span.pointcolor_info a:link {color: #6666FF; line-height:140%;}
span.pointcolor_info a:visited {color: #6666FF; line-height:140%;}
span.pointcolor_info a:hover {color: #FF0033; border-bottom: double 3px #FF0033; text-decoration:none; line-height:140%;}
span.pointcolor_info a:active {color: #FF0033; border-bottom: double 3px #FF0033; text-decoration:none; line-height:140%;}

span.pointcolor_dti a:link {color: #FFFFFF; font-size: 11px; line-height:140%;}
span.pointcolor_dti a:visited {color: #FFFFFF; font-size: 11px; line-height:140%;}
span.pointcolor_dti a:hover {color: #000000; font-size: 11px; background-color: #FFFFFF; text-decoration:none; line-height:140%;}
span.pointcolor_dti a:active {color: #000000; font-size: 11px; background-color: #FFFFFF; text-decoration:none; line-height:140%;}

span.spointcolor_dti a:link {color: #FFFFFF; font-size: 10px; line-height:140%;}
span.spointcolor_dti a:visited {color: #FFFFFF; font-size: 10px; line-height:140%;}
span.spointcolor_dti a:hover {color: #000000; font-size: 10px; background-color: #FFFFFF; text-decoration:none; line-height:140%;}
span.spointcolor_dti a:active {color: #000000; font-size: 10px; background-color: #FFFFFF; text-decoration:none; line-height:140%;}

span.pointcolor_black a:link {color: #000000; font-size: 11px; line-height:140%;}
span.pointcolor_black a:visited {color: #000000; font-size: 11px; line-height:140%;}
span.pointcolor_black a:hover {color: #FFFFFF; font-size: 11px; background-color: #000000; text-decoration:none; line-height:140%;}
span.pointcolor_black a:active {color: #FFFFFF; font-size: 11px; background-color: #000000; text-decoration:none; line-height:140%;}

/* simple_comment */

table.simplecomment {background-color:#FFFFFF; font-size:11px;}

td.simplecomment_01 {background-color:#FFFFFF;}

td.simplecomment_02 {background-color:#CCCCCC; text-align:center;}

td.simplecomment_03 {border:3px double #CCCCCC; text-align:left;}

td.simplecomment_04 {border:1px solid #CCCCCC; text-align:left;}

td.simplecomment_05 {background-color:#CCCCCC; text-align:right;}

span.simplecomment_info a:link {color: #6666FF;}
span.simplecomment_info a:visited {color: #6666FF;}
span.simplecomment_info a:hover {color: #FF0033;}
span.simplecomment_info a:active {color: #FF0033;}

span.simplecomment_dti a:link {color: #000000; font-size: 11px; line-height:140%;}
span.simplecomment_dti a:visited {color: #000000; font-size: 11px; line-height:140%;}
span.simplecomment_dti a:hover {color: #FF0033; font-size: 11px; line-height:140%;}
span.simplecomment_dti a:active {color: #FF0033; font-size: 11px; line-height:140%;}

span.simplecomment_black a:link {color: #000000; font-size: 11px; line-height:140%;}
span.simplecomment_black a:visited {color: #000000; font-size: 11px; line-height:140%;}
span.simplecomment_black a:hover {color: #FF0033; font-size: 11px; line-height:140%;}
span.simplecomment_black a:active {color: #FF0033; font-size: 11px; line-height:140%;}

/* simpleline */

table.simpleline {background-color:#000000; border:3px double #000000; font-size:12px;}

td.simpleline_01 {background-color:#FFFFFF; border:3px white double;}

td.simpleline_02 {background-color:#FFFFFF; border:3px white double; text-align:center;}

td.simpleline_03 {background-color:#FFFFFF; border:3px white double; text-align:right; font-size:10px; line-height:150%;}

span.simpleline_info a:link {color: #6666FF;}
span.simpleline_info a:visited {color: #6666FF;}
span.simpleline_info a:hover {color: #FF0033;}
span.simpleline_info a:active {color: #FF0033;}

span.simpleline_dti a:link {color: #000000; font-size: 12px; line-height:140%;}
span.simpleline_dti a:visited {color: #000000; font-size: 12px; line-height:140%;}
span.simpleline_dti a:hover {color: #FF0033; font-size: 12px; line-height:140%;}
span.simpleline_dti a:active {color: #FF0033; font-size: 12px; line-height:140%;}

span.ssimpleline_dti a:link {color: #000000; font-size: 10px; line-height:140%;}
span.ssimpleline_dti a:visited {color: #000000; font-size: 10px; line-height:140%;}
span.ssimpleline_dti a:hover {color: #FF0033; font-size: 10px; line-height:140%;}
span.ssimpleline_dti a:active {color: #FF0033; font-size: 10px; line-height:140%;}

/* tripleborder */

table.tripleborder_01 {background-color:#000000; font-size:12px; text-align:left;}

table.tripleborder_02 {border:0px; background-color:#FFFFFF; font-size:11px; text-align:left;}

td.tripleborder_01 {background-color:#999999; height:2px;}

td.tripleborder_02 {background-color:#FFFFFF; height:2px;}

td.tripleborder_03 {background-color:#FFFFFF; text-align:right;}

span.tripleborder_info a:link {color: #6666FF;}
span.tripleborder_info a:visited {color: #6666FF;}
span.tripleborder_info a:hover {color: #FF0033;}
span.tripleborder_info a:active {color: #FF0033;}

span.tripleborder_dti a:link {color: #000000; font-size: 12px; line-height:140%;}
span.tripleborder_dti a:visited {color: #000000; font-size: 12px; line-height:140%;}
span.tripleborder_dti a:hover {color: #FFFFFF; font-size: 12px; background-color: #999999; text-decoration:none; line-height:140%;}
span.tripleborder_dti a:active {color: #FFFFFF; font-size: 12px; background-color: #999999; text-decoration:none; line-height:140%;}

span.stripleborder_dti a:link {color: #000000; font-size: 10px; line-height:140%;}
span.stripleborder_dti a:visited {color: #000000; font-size: 10px; line-height:140%;}
span.stripleborder_dti a:hover {color: #FFFFFF; font-size: 10px; background-color: #999999; text-decoration:none; line-height:140%;}
span.stripleborder_dti a:active {color: #FFFFFF; font-size: 10px; background-color: #999999; text-decoration:none; line-height:140%;}