/* 全テンプレート */

body {margin:0;}

img {border: 0;}

#point {background: url("http://www.dti-ranker.com/images/member/yellow.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:#FFFF99; 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: #FFFF99; text-decoration:none; line-height:140%;}
span.shadow_dti a:active {color: #000000; font-size: 12px; background-color: #FFFF99; 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: #FFFF99; text-decoration:none; line-height:140%;}
span.sshadow_dti a:active {color: #000000; font-size: 10px; background-color: #FFFF99; 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:#FFF5C1; font-size:11px;  text-align:center;}

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

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

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

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

/* pastel_dot */

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

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

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

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

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

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: #333333; font-size: 12px; line-height:140%;}
span.dot_dti a:visited {color: #333333; font-size: 12px; line-height:140%;}
span.dot_dti a:hover {color: #000000; font-size: 12px; background-color: #FFFF66; text-decoration:none; line-height:140%;}
span.dot_dti a:active {color: #000000; font-size: 12px; background-color: #FFFF66; text-decoration:none; line-height:140%;}

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

/* multi-shadow */

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

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

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

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

/* pastel_simple */

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

/* pearlline */

table.pearlline_01 {background-color:#FFC000; 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/yellow01.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: #000000; font-size: 12px; background-color: #FFC000; text-decoration:none; line-height:140%;}
span.pearlline_dti a:active {color: #000000; font-size: 12px; background-color: #FFC000; 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: #000000; font-size: 10px; background-color: #FFC000; text-decoration:none; line-height:140%;}
span.spearlline_dti a:active {color: #000000; font-size: 10px; background-color: #FFC000; 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:#FFCC00;}

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: #000000; font-size: 11px; line-height:140%;}
span.pointcolor_dti a:visited {color: #000000; font-size: 11px; line-height:140%;}
span.pointcolor_dti a:hover {color: #000000; font-size: 11px; background-color: #FFFF66; text-decoration:none; line-height:140%;}
span.pointcolor_dti a:active {color: #000000; font-size: 11px; background-color: #FFFF66; 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: #000000; font-size: 11px; background-color: #FFFF66; text-decoration:none; line-height:140%;}
span.pointcolor_black a:active {color: #000000; font-size: 11px; background-color: #FFFF66; 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:#FFEC9D; text-align:center;}

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

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

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

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

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

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