/* 全テンプレート */

body {margin:0;}

img {border: 0;}

#point {background: url("http://www.dti-ranker.com/images/member/blue.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 #000000; background-color:#6699FF; font-size:12px;}

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

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

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

span.sshadow_dti a:link {color: #6666FF; font-size: 10px; line-height:140%;}
span.sshadow_dti a:visited {color: #6666FF; font-size: 10px; line-height:140%;}
span.sshadow_dti a:hover {color: #000000; font-size: 10px; background-color: #6699FF; text-decoration:none; line-height:140%;}
span.sshadow_dti a:active {color: #000000; font-size: 10px; background-color: #6699FF; 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:#D5EAFF; font-size:11px;  text-align:center;}

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

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

td.default_03 {border-bottom:solid #D5EAFF 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: #6AB5FF;}
span.default_info a:visited {color: #6AB5FF;}
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: #FFFFFF; font-size: 12px; background-color: #0079F2; text-decoration:none; line-height:140%;}
span.default_dti a:active {color: #FFFFFF; font-size: 12px; background-color: #0079F2; 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: #FFFFFF; font-size: 10px; background-color: #0079F2; text-decoration:none; line-height:140%;}
span.sdefault_dti a:active {color: #FFFFFF; font-size: 10px; background-color: #0079F2; 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:#3366CC;}

td.hyogumi_03 {background-color:#3366CC; 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: #6666FF; line-height:220%;}
span.hyogumi_info a:visited {color: #6666FF; line-height:220%;}
span.hyogumi_info a:hover {color: #FF0033; border-bottom: double 3px #FF0033; text-decoration:none; line-height:220%;}
span.hyogumi_info a:active {color: #FF0033; border-bottom: double 3px #FF0033; 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: #3366CC; text-decoration:none; line-height:140%;}
span.hyougumi_dti a:active {color: #FFFFFF; font-size: 12px; background-color: #3366CC; 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: #3366CC; text-decoration:none; line-height:140%;}
span.shyougumi_dti a:active {color: #FFFFFF; font-size: 10px; background-color: #3366CC; text-decoration:none; line-height:140%;}

/* pastel_dot */

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

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

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

td.dot_02 {background-color:#D5EAFF; border-bottom:2px dashed #0066CC;}

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

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

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: #0066CC; text-decoration:none; line-height:140%;}
span.dot_dti a:active {color: #FFFFFF; font-size: 12px; background-color: #0066CC; 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: #0066CC; text-decoration:none; line-height:140%;}
span.sdot_dti a:active {color: #FFFFFF; font-size: 10px; background-color: #0066CC; text-decoration:none; line-height:140%;}

/* multi-shadow */

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

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

td.multishadow_02 {background-color:#91C8FF;}

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

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

span.smultishadow_dti a:link {color: #6666FF; font-size: 12px; line-height:140%;}
span.smultishadow_dti a:visited {color: #6666FF; font-size: 12px; line-height:140%;}
span.smultishadow_dti a:hover {color: #FFFFFF; font-size: 12px; background-color: #0066CC; text-decoration:none; line-height:140%;}
span.smultishadow_dti a:active {color: #FFFFFF; font-size: 12px; background-color: #0066CC; text-decoration:none; line-height:140%;}

/* pastel_simple */

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

td.pastelsimple {text-align:center;}

span.pastelsimple_info a:link {color: #0066FF;}
span.pastelsimple_info a:visited {color: #0066FF;}
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: #0066FF; text-decoration:none; line-height:140%;}
span.pastelsimple_dti a:active {color: #FFFFFF; font-size: 12px; background-color: #0066FF; 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: #0066FF; text-decoration:none; line-height:140%;}
span.spastelsimple_dti a:active {color: #FFFFFF; font-size: 10px; background-color: #0066FF; text-decoration:none; line-height:140%;}

/* pearlline */

table.pearlline_01 {background-color:#0066FF; 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/blue01.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: #0066FF; text-decoration:none; line-height:140%;}
span.pearlline_dti a:active {color: #FFFFFF; font-size: 12px; background-color: #0066FF; 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: #0066FF; text-decoration:none; line-height:140%;}
span.spearlline_dti a:active {color: #FFFFFF; font-size: 10px; background-color: #0066FF; 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:#0099FF; 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: #0099FF; font-size: 11px; background-color: #FFFFFF; text-decoration:none; line-height:140%;}
span.pointcolor_dti a:active {color: #0099FF; font-size: 11px; 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: #0099FF; text-decoration:none; line-height:140%;}
span.pointcolor_black a:active {color: #FFFFFF; font-size: 11px; background-color: #0099FF; 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:#8BC6E2; text-align:center;}

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

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

td.simplecomment_05 {background-color:#8BC6E2; 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:#003399; border:3px double #003399; font-size:12px;}

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

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

td.simpleline_03 {background-color:#CCEAFF; 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:#0099FF; 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: #0099FF; text-decoration:none; line-height:140%;}
span.tripleborder_dti a:active {color: #FFFFFF; font-size: 12px; background-color: #0099FF; 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: #0099FF; text-decoration:none; line-height:140%;}
span.stripleborder_dti a:active {color: #FFFFFF; font-size: 10px; background-color: #0099FF; text-decoration:none; line-height:140%;}