@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
  line-height: 1.41;
  word-break: break-all;
}

body {
  color: #333;
  background-color: #fff;
  font: 13px/1.231 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'a~??a~??a~?^(a)a~?^(a)', sans-serif;
  *font-size: small; 
  *font: x-small; 
  text-align: center;
}

body{
  background: #fdeea9;
}


html:not(:target) body {
  font: 13px/1.231 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'a~??a~??a~?^(a)a~?^(a)', sans-serif;
  *font: 13px/1.231 'a~??a~??a~?^(a)a~?^(a)', Meiryo, sans-serif;
}

h2.red {
  color: #FF0000;
  font-weight:bold;
}

span.red {
  color: #FF0000;
  font-weight:bold;
}

span.black {
  color: #000000;
  font-weight:bold;
}

span.small {
  color: #000000;
  font-size: 50%;
}

span.blue {
  color: #0000FF;
  font-weight:bold;
}

span.green {
  color: #008000;
  font-weight:bold;
}

span.orange {
  color: #FFA500;
  font-weight:bold;
}

span.pink {
  color: #FF69B4;
  font-weight:bold;
}

span.silver {
  color: #808080;
  font-weight:bold;
}

span.brown {
  color: #663300;
  font-weight:bold;
}

span.white {
  color: #FFFAFA;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  background:#fff;
}

table th {
  text-align: center;
}

th.title {
  font-weight:bold;
  border:solid;
}

th.b_b {
  background: #00BFFF;
}

table td.allcheck {
  background: #FFEFD5;
}

th.blue {
  background: #0000FF;
}

th.green {
  background: #008000;
}

th.orange {
  background: #FFA500;
}

th.red {
  background: #FF0000;
}

img {
  border: none;
  vertical-align: bottom;
}

address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
  position: relative;
}

fieldset {
  border: none;
}


form input,select,textarea{
margin: 0 5px;
}

form p.user{
margin: 0 10px;
float:left;
}

input,textarea,select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input,textarea,select {
  *font-size: 100%; 
}

input.text,
textarea {
  padding: 1px 2px 2px;
  border: 1px solid #3D2F17;
  line-height: 1.45;
  color: #222;
  min-height: 18px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #fff url(images/form_bg.jpg) repeat-x top;
  font-size: 100%;
  font-family: 'Lucida Grande', Verdana, Arial,'Hiragino Kaku Gothic Pro', sans-serif;
  *font-family: Verdana, a~??a~??a~?^(a)a~?^(a), Meiryo, 'i"1/4?i"1/4^(3) a~?qka~??a~??a~??', sans-serif; /* IE7a"?\a"?? */
}

input.text:focus,
textarea:focus {
  color: #000;
  background: #fff;
}

p, ul, ol,
ul li,
ol li,
table,
table th,
table td {
  
  font-size: 90%;
  padding:5px;
}

table.rate th,
table.rate td {
  white-space: nowrap;
  font-size: 80%;
}

table.user th,
table.user td {
  font-size: 80%;
}

table td ul,
table td ul li,
dl dd ul,
dl dd ul li {
  font-size: 100%;
}

strong,
b {
  font-weight: bold;
}

u {
  text-decoration: underline;
}

del {
  color: #666;
  text-decoration: line-through;
}

ins {
  background: #fffff0;
  text-decoration: none;
}

del:after {
  content: "(Delete:" attr(datetime) ")";
}

del:after,
ins:after {
  margin-left: 5px;
  color: #999;
  font-size: 85%;
}

h1, h2, h3, h4, h5, h6 {
  position: relative;
  color: #3D2F17;
  font-weight: bold;
}

a,
a:link {
  color: #006699;
  color: #15227c;
  color: #15579B;
  color: #126F98;
}

a:visited {
  color: #15227c;
  color: #485C73;
  color: #0A3B6A;
}

a:hover,
a:active {
  color: #0093e3;
  color: #1475D2;
}

a:active {
  text-shadow: -1px -1px 2px #ccc;
}

ul.inline li {
  margin-right: 15px;
  display: inline;
}

.section-lv1,
.section-lv2{
  position: relative;
}

.clearfix,
.inner,
.nav,
.recent li {
  /zoom: 1;
}

.clearfix:after,
.inner:after,
.nav:after,
.recent li:after {
  content: '';
  display: block;
  clear: both;
}

.category-menu .section-lv2 {
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}

.category-menu h2 {
  padding: 4px 7px;
}

.category-menu .ad {
  margin: 0 13px;
}

ul.category li {
  font-size: 90%;
}

ul.category li a {
  padding: 3px 9px 3px 10px;
  display: block;
  color: #39250B;
  background: url(images/arrow/blue.png) no-repeat 8px center;
  font-weight: bold;
  text-decoration: none;
}

.category-menu .top,
div.tops {
  border-color: #e53;
}

ul.category-top li a:hover {
  background-color: #ECF8FE;
}

ul.category li ul li a {
  padding-left: 35px;
  background-position: 20px center;
}

.col4 {
  margin-right: 20px;
  float: left;
  width: 212px;
}

.category-menu .statu,
div.status {
  border-color: #05c;
}

ul.category-statu li a:hover {
  background-color: #ECF8FE;
}

.category-menu .ranking,
div.ranking {
  border-color: #9400D3;
}

ul.category-ranking li a:hover {
  background-color: #ECF8FE;
}

.category-menu .edit,
div.edits {
  border-color: #A52A2A;
}

ul.category-edit li a:hover {
  background-color: #ECF8FE;
}

.category-menu .data,
div.datas {
  border-color: #4c6;
}

ul.category-data li a:hover {
  background-color: #ECF8FE;
}

.category-menu .rival,
div.rivals {
  border-color: #ec5;
}

ul.category-rival li a:hover {
  background-color: #ECF8FE;
}

.category-menu .other,
div.others {
  border-color: #001;
}

ul.category-other li a:hover {
  background-color: #ECF8FE;
}

.category-menu .technique,
div.techniques {
  border-color: #FFA9A9;
}

h1 {
  margin-bottom: 20px;
  font-size: 161.6%;
}

.section-lv2 {
  padding-bottom: 5px;
}

.sub .section-lv2 {
  margin-bottom: 15px;
}

.section-lv2.first {
  padding-top: 15px;
}

h2 {
  padding: 0;
  font-size: 123.1%;
}

body {
  background: #fff url(/img/other/wallpaper.gif);
}

.page {
  margin: 0 auto;
  background-color: #fff;
  background-image: none;
  width: 996px;
}

.page-header {
  text-align: center;
  border-bottom:1px solid #333;
  padding:-1px 0 10px 0;
}

.page-header .inner {
  margin: 0 auto;
  padding: 17px 17px 0 17px;
  position: relative;
  width: 966px;
  _width: 1000px;
  background: #fff;
  text-align: left;
}

.page-header .logo a:hover,
.page-header .logo2 a:hover {
  background-position: 0 -45px;
}

.contents {
  text-align: center;
}

.contents .inner {
  margin: 0 auto;
  padding: 13px 20px 30px 20px;
  position: relative;
  width: 960px;
  _width: 1000px;
  background: #fff;
  text-align: left;
}

body#top .contents .inner {
  padding-top: 15px;
}

.category-menu {
  float: left;
  width: 186px;
}

.main {
  float: left;
  width: 646px;
  _overflow-x: hidden;  /* IE6 */
}

body#top .main,
body.result .main {
  float: right;
  width: 759px;
}

.feature {
  float: left;
  width: 660px;
  margin-left:25px;
}

.col3-main h2,.col4-main h2,.col5-main h2,.col6-main h2,.col7-main h2{
border-left:solid 4px #333;
border-bottom:solid 1px #333;
padding:5px;
margin:5px 0;
}

.col3-main h3,.col4-main h3,.col5-main h3,.col6-main h3,.col7-main h3{
border-left:solid 4px #FFD700;
padding:3px;
margin:10px 0;
clear:both;
}

.col3-main {
margin:10px;
}

.col4-main table td{
width:200px;
}

.col5-main table td{
width:45px;
}


.col6-main table td{
width:100px;
}


div.table_left{
float:left;
margin-bottom:15px;
clear:both;
}

div.table_right{
float:left;
margin-left:20px;
margin-bottom:15px;
}

.col5-main .feature,.col6-main .feature,.col7-main .feature {
  float: left;
  width: 750px;
  margin-left:20px;
}

hr {
clear:both;
}

p.center {
  text-align: center;
}


/* ========== フッター（#footer） ========== */

div#footer_r{
  width: 966px;
  _width: 1000px;
  margin: 0 auto;
  padding: 13px 20px 30px 20px;
  position: relative;}

div#footer_r p.pageright{
margin:5px 0;
float:right;
text-align:left;
}

div#footer{
border-top:1px solid #999;
padding:25px 0 10px;
margin:-10px 10px 0;
clear:both;
}

div#footer p{
text-align:center;color:#666;line-height:1.35;
}