/* 全テンプレート */

body {margin:0;}

img {border: 0;}

#point {background: url("http://www.dti-ranker.com/images/member/red.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:#FFCCFF; 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: #000000; font-size: 12px; line-height:140%;}
span.shadow_dti a:visited {color: #000000; font-size: 12px; line-height:140%;}
span.shadow_dti a:hover {color: #000000; font-size: 12px; background-color: #FFCCFF; text-decoration:none; line-height:140%;}
span.shadow_dti a:active {color: #000000; font-size: 12px; background-color: #FFCCFF; text-decoration:none; line-height:140%;}

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

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

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

td.default_03 {border-bottom:solid #FFE6F2 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: #FF9FCF;}
span.default_info a:visited {color: #FF9FCF;}
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: #FF1C8D; text-decoration:none; line-height:140%;}
span.default_dti a:active {color: #FFFFFF; font-size: 12px; background-color: #FF1C8D; 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: #FF1C8D; text-decoration:none; line-height:140%;}
span.sdefault_dti a:active {color: #FFFFFF; font-size: 10px; background-color: #FF1C8D; 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:#FF0000;}

td.hyogumi_03 {background-color:#FF0000; 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;}
span.hyogumi_info a:visited {color: #6666FF;}
span.hyogumi_info a:hover {color: #FF3300; border-bottom: double 3px #FF3300; text-decoration:none;}
span.hyogumi_info a:active {color: #FF3300; border-bottom: double 3px #FF3300; text-decoration:none;}

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

/* pastel_dot */

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

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

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

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

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

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

/* multi-shadow */

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

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

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

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

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

/* pastel_simple */

table.pastelsimple {background-color:#FFE6F0; 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: #FF3366; text-decoration:none; line-height:140%;}
span.pastelsimple_dti a:active {color: #FFFFFF; font-size: 12px; background-color: #FF3366; 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: #FF3366; text-decoration:none; line-height:140%;}
span.spastelsimple_dti a:active {color: #FFFFFF; font-size: 10px; background-color: #FF3366; text-decoration:none; line-height:140%;}

/* pearlline */

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

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

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

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

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

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

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