@charset "utf-8"; 
/*
 * This Stylesheet was based on Yahoo! UI Library's Reset and Fonts CSS.
 * Copyright (c) 2006, Yahoo! Inc. All rights reserved.
 * http://developer.yahoo.com/yui/reset/
 * http://developer.yahoo.com/yui/fonts/
 * http://developer.yahoo.net/yui/license.txt
*/

html {
  color: #333;
  background: #fff7f9;
}

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;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

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;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 113%;
  font-weight: bold;
}

fieldset {
  border: none;
}

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

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

button {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}

body {
  color: #333;
  font: 13px/1.231 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', sans-serif;
  *font-size: small;
  *font: x-small;
}

table {
  font-size: inherit;
  font: 100%;
}

table th {
  text-align: left;
}

/* @group 要素ごとのスタイル */
/* テキスト・リンクカラー */
a,
a:link {
  color: #2398de;
  text-decoration: none;
}

a:visited {
  color: #197795;
}

a:hover {
  color: #28afff;
  text-decoration: none;
}

a:active {
  color: #2398de;
  font-weight: bold;
  text-decoration: underline;
}

p, ul, ol,
ul li,
ol li,
table,
table th,
table td {
  font-size: 100%;
}

p {
  line-height: 1.31;
}

dt,
dd {
  *font-size: 93%;  /* for Win IE */
}

li {
  line-height: 1.31;
  font-size: 93%;
}

/* 行頭ポイント付きリスト */
ul.pt,
ol.pt {
  margin-left: 2em;
}

ul.pt li,
ol.pt li {
  padding: 0 0 0.4em 1.8em;
  position: relative;
}

ul.pt ul,
ol.pt ul,
ul.pt ol,
ol.pt ol {
  margin-top: 0.3em;
}

/* ポイントなしリスト */
ul.plain li {
  padding: 0;
  background: none;
}

/* 番号付きリスト */
ol.num {
  margin: 0 0 1em 3.5em;
}

ol.num li {
  list-style-type: decimal;
}

table th,
table td {
  
}

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

em, strong {
  font-weight: bold;
}

.skip {
  display: none;
}

/* @end 要素ごとのスタイル */

/* @group floating-clear */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac Hack \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* @end floating-clear */

/* @group 共通部品 */
/* 角丸矩形 */
.round {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

/* 横並びナビゲーション */
ul.nav.clearfix li {
  float: left;
}

ul.nav.clearfix li a {
  display: block;
}

/* @end */

/* @group ワイヤーフレームレイアウト */
body {
  background: #fff7f9 url(../img/bg.png) repeat-x center top;
  text-align: center;
}

/* 全てを囲むボックス #doc */
#doc {
  margin: 0 auto;
  position: relative;
  width: 990px;
  line-height: 1.51;
}

/* @group ヘッダ #header */
#header {
  position: relative;
  width: 990px;
  text-align: left;
}

/* ロゴ */
#header .logo {
  margin: 28px 0 10px 0;
  padding: 0;
  position: relative;
  float: left;
  width: 181px;
  height: 60px;
  z-index: 40;
}

#header .box {
  position: relative;
  float: right;
  width: 524px;
}

/* powered */
p.powered {
  margin: 8px 0 9px 0;
  color: #666;
  text-align: right;
}

p.powered a,
p.powered img {
  vertical-align: text-top;
}

/* @group 検索 #search */
#search {
  margin: 0 0 10px 0;
  position: relative;
  width: 524px;
  height: 50px;
  background: url(../img/header/search/search_bg.png) no-repeat right top;
}

#search * {
  vertical-align: middle;
}

#search div.search {
  padding: 12px 10px 4px 14px;
}

#search select,
#search label,
#search input.text {
  margin-right: 7px;
}

#search select {
  width: 125px;
  font-size: 93%;
}

#search option {
  padding: 0.1em 1em 0.1em 0.2em;
}

#search input.text {
  margin: 0 8px 0 0;
  padding: 0.2em;
  border: 3px solid #bf3078;
  width: 220px;
  color: #555;
  background: #fff;
}

#search input.submit {
  cursor: pointer;
}
/* @end 検索 #search */

/* @end ヘッダ #header */

/* @group グローバルナビゲーション #nav */
#nav {
  margin: 0 0 10px 0;
  position: relative;
  width: 990px;
  background: #fff url(../img/nav/nav_top.png) no-repeat left top;
}

#nav h2 {
  display: none;
}

#nav ul {
  margin: 0!important;
  padding: 0 10px;
  background: transparent url(../img/nav/nav_bottom.png) no-repeat left bottom;
}

#nav ul li {
  margin: 0!important;
  float: left;
  height: 33px;
}

#nav ul li a {
  padding: 0 1em 0 2em;
  display: block;
  height: 33px!important;
  line-height: 2.2;
  color: #300;
  background: #fff url(../img/icon/circle_pk.png) no-repeat 7px 10px;
  font-weight: bold;
  font-size: 116%;
  text-decoration: none;
}

*html #nav ul li,
*html #nav ul li a {
  display: inline;  /* for Win IE */
}

#nav ul li a:hover {
  background: #fbf3fb url(../img/icon/circle_pk.png) no-repeat 7px 10px;
}

/* @end グローバルナビゲーション #nav */

/* @group コンテンツ #contents */
#contents {
  text-align: left;
}

#main {
  float: left;
  width: 680px;
}

#main .main {
  float: right;
  width: 495px;
}

#main .sub {
  float: left;
  width: 175px;
}

#contents #sub {
  float: right;
  width: 300px;
}

/* @end コンテンツ #contents */

/* @group フッタ #footer */
#footer {
  margin: 0 0 10px 0;
  position: relative;
  width: 990px;
  background: #fff url(../img/footer/footer_top.png) no-repeat left top;
  text-align: center!important;
}

#footer dl dt {
  display: none;
}

#footer dl {
  margin: 0 auto;
  padding: 8px 10px 5px 10px;
  background: transparent url(../img/footer/footer_bottom.png) no-repeat left bottom;
  text-align: center!important;
}

#footer ul li {
  margin: 0 10px 0 0!important;
  display: inline;
  font-size: 93%;
}

#footer address {
  display: inline;
}

/* @end フッタ #footer */

/* @end ワイヤーフレームレイアウト */

/* @group 共通部品 */
/* セクション */
.section-lv2 {
  margin: 0 0 10px 0;
}

/* もっと見る */
.more {
  padding: 12px 10px 7px 0;
  font-size: 93%;
  text-align: right;
}

.more a {
  padding-left: 14px;
  background: url(../img/icon/arrow_or.png) no-repeat 0 1px;
}
#main .main .round .bottom,
#main .main .round .more {
  padding: 12px 10px 7px 0;
  background: url(../img/main/round1_bottom.png) no-repeat left bottom;
}

#main .sub .round .bottom,
#main .sub .round .more {
  padding: 12px 10px 7px 0;
  background: url(../img/leftside/round_bottom.png) no-repeat left bottom;
}

#sub .round .bottom,
#sub .round .more {
  padding: 6px 10px 7px 0;
  background: url(../img/rightside/round_bottom.png) no-repeat left bottom;
}

#main .round2 .bottom,
#main .round2 .more {
  padding: 12px 10px 7px 0;
  background: url(../img/main/round2_bottom.png) no-repeat left bottom;
}

.bnr {
  margin: 0 0 10px 0;
}

/* ランキングリスト ol.ranking */
ol.ranking li {
  padding: 0 0 4px 40px;
  word-break: break-all;
}

ol.ranking li.r1 {
  background: url(../img/num/1.png) no-repeat 15px 4px;
}

ol.ranking li.r2 {
  background: url(../img/num/2.png) no-repeat 15px 4px;
}

ol.ranking li.r3 {
  background: url(../img/num/3.png) no-repeat 15px 4px;
}

ol.ranking li.r4 {
  background: url(../img/num/4.png) no-repeat 15px 4px;
}

ol.ranking li.r5 {
  background: url(../img/num/5.png) no-repeat 15px 4px;
}

ol.ranking li.r6 {
  background: url(../img/num/6.png) no-repeat 15px 4px;
}

ol.ranking li.r7 {
  background: url(../img/num/7.png) no-repeat 15px 4px;
}

ol.ranking li.r8 {
  background: url(../img/num/8.png) no-repeat 15px 4px;
}

ol.ranking li.r9 {
  background: url(../img/num/9.png) no-repeat 15px 4px;
}

ol.ranking li.r10 {
  background: url(../img/num/10.png) no-repeat 14px 4px;
}
ol.ranking li.r11 {
  background: url(../img/num/11.png) no-repeat 14px 4px;
}ol.ranking li.r12 {
  background: url(../img/num/12.png) no-repeat 14px 4px;
}ol.ranking li.r13 {
  background: url(../img/num/13.png) no-repeat 14px 4px;
}ol.ranking li.r14 {
  background: url(../img/num/14.png) no-repeat 14px 4px;
}ol.ranking li.r15 {
  background: url(../img/num/15.png) no-repeat 14px 4px;
}ol.ranking li.r16 {
  background: url(../img/num/16.png) no-repeat 14px 4px;
}ol.ranking li.r17 {
  background: url(../img/num/17.png) no-repeat 14px 4px;
}ol.ranking li.r18 {
  background: url(../img/num/18.png) no-repeat 14px 4px;
}ol.ranking li.r19 {
  background: url(../img/num/19.png) no-repeat 14px 4px;
}ol.ranking li.r20 {
  background: url(../img/num/20.png) no-repeat 14px 4px;
}
/* ページ分割 .pager */
.pager {
  margin: 10px 0;
  padding: 10px;
  background: #fff;
  text-align: center;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.pager ul li {
  margin: 0 3px 0 0;
  display: inline;
}

.pager ul li.prev {
  margin: 0 10px 0 0;
}

.pager ul li.next {
  margin: 0 0 0 10px;
}

.pager ul li a {
  border: none;
  padding: 2px 7px;
  display: inline;
  color: #b36!important;
  background: #ffe6f2;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.pager ul li a:hover {
  color: #fff!important;
  background: #b36;
  text-decoration: none;
}

/* @end 共通部品 */

/* @group トップページ */
/* キャッチコピー #catch */
#catch ul.nav {
  padding: 0 0 0 17px;
  height: 56px;
  background: url(../img/main/catch/catch3.png) no-repeat left top;
}

#catch ul.nav li {
  width: 208px;
  height: 42px;
}

#catch ul.nav li.nav1 {
  margin: 0 45px 0 0;
}

#catch ul.nav li a {
  display: block;
  width: 208px;
  height: 42px;
  text-decoration: none!important;
}

#catch ul.nav li.nav1 a {
  background: url(../img/main/catch/btn1.png) no-repeat;
}

#catch ul.nav li.nav2 a {
  background: url(../img/main/catch/btn2.png) no-repeat;
}

#catch ul.nav li a:hover {
  background: none!important;
}

#catch ul.nav li a em {
  visibility: hidden;
}

/* 注目のコミュニティ #hot-community */
/* @group コミュニティリスト ul.community */
div.community ul.community {
  padding: 10px 10px 0 14px;
  background: #fff;
}

ul.community div.icon {
  margin: 0 14px 10px 0;
  padding: 4px 0 0 0;
  float: left;
  width: 50px;
  height: 49px;
  _height: 49px;  /* for Win IE6 */
  text-align: center;
}

ul.community div.icon a {
  margin: 0 0 0 4px;
  *margin: 0;  /* for Win IE */
  padding: 4px 0;
  display: block;
  width: 81px;
  background: #fff;
}
ul.community ul.summary {
  float: left;
  width: 365px;
  position: relative;
}

ul.community ul.summary li.name {
  padding: 0 0 5px 0;
  width: 275px;
  font-size: 123.1%;
}

ul.community ul.summary li.author {
  padding: 0 0 4px 16px;
  width: 230px;
  background: url(../img/icon/person.png) no-repeat 0 1px;
  font-size: 93%;
}

ul.community ul.summary li.description {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 93%;
}

ul.community ul.summary li.comment ul.comment {
  _margin: -10px 0 0 0;  /* for Win IE6 */
  padding: 0;
  position: relative;
}

ul.community ul.summary li.comment ul.comment li {
  padding: 0 0 1px 16px;
  position: relative;
  background: url(../img/icon/comment.png) no-repeat 0 2px;
  font-size: 93%;
  color: #999;
}

ul.community ul.summary li.join {
  position: absolute;
  right: 0;
  top: 0;
  width: 82px;
  height: 27px;
}

ul.community ul.summary li.join {
  position: absolute;
  right: 0;
  top: 0;
  width: 82px;
  height: 27px;
}
/* @end コミュニティリスト */


/* 中央カラム内段組み部分のボックス */
#main div.clearfix.box {
  margin: 0 0 10px 0;
}

/* メンバー数ランキング #member-ranking */
#member-ranking {
  margin: 0 11px 0 0;
  float: left;
  width: 242px;
}

.round2 ol {
  padding: 10px 0 0 0;
  background: #fff;
  line-height: 1;
  font-size: 93%;
}

.round2 ol span.icon {
  margin: 0 10px 0 0;
  display: block;
  float: left;
  background: #f2f2f2;
  text-align: center;
}

.round2 ol span.icon a {
  padding: 3px;
  display: block;
}

.round2 ol span.name,
.round2 ol span.count {
  display: block;
}

ol.ranking li {
  padding: 0 0 4px 40px;
  word-break: break-all;
}

.round2 ol.ranking li.r1 {
  background: url(../img/num/1.png) no-repeat 15px 10px;
}

.round2 ol.ranking li.r2 {
  background: url(../img/num/2.png) no-repeat 15px 10px;
}

.round2 ol.ranking li.r3 {
  background: url(../img/num/3.png) no-repeat 15px 10px;
}

.round2 ol.ranking li.r4 {
  background: url(../img/num/4.png) no-repeat 15px 10px;
}

.round2 ol.ranking li.r5 {
  background: url(../img/num/5.png) no-repeat 15px 10px;
}

.round2 ol.ranking li.r6 {
  background: url(../img/num/6.png) no-repeat 15px 10px;
}

.round2 ol.ranking li.r7 {
  background: url(../img/num/7.png) no-repeat 15px 10px;
}

.round2 ol.ranking li.r8 {
  background: url(../img/num/8.png) no-repeat 15px 10px;
}

.round2 ol.ranking li.r9 {
  background: url(../img/num/9.png) no-repeat 15px 10px;
}

.round2 ol.ranking li.r10 {
  background: url(../img/num/10.png) no-repeat 14px 10px;
}

/* つぶやき数ランキング #twit-ranking */
#twit-ranking {
  margin: 0;
  float: left;
  width: 242px;
}

/* コミュニティのつくりかた #howtomake */
#howtomake ol {
  padding: 10px 0 0 10px;
  background: #fff url(../img/rightside/line.png) no-repeat 10px 8px;
}

#howtomake ol li {
  margin: 0;
  padding: 0 8px 3px 0;
  background: url(../img/rightside/line.png) no-repeat bottom left;
}

#howtomake ol li .step {
  margin: 0 10px 0 0;
  padding: 8px 0 0 0;
  display: block;
  float: left;
  width: 28px;
  text-align: right;
}

#howtomake ol li span.text {
  padding: 8px 0 2px 0;
  display: block;
  float: left;
  width: 140px;
  line-height: 1.25;
}

#howtomake ol li span.image {
  padding: 2px 0 0 0;
  display: block;
  float: right;
  width: 90px;
}

#howtomake .more {
  padding-top: 4px;
  *padding-top: 0;  /* for Win IE */
  background: url(../img/rightside/round_bottom.png) no-repeat bottom left;
}

/* カテゴリ */

#category ul {
  padding: 10px 10px 0 14px;
  background: #fff;
}

#category ul li {
  padding: 0 0 7px 19px;
  line-height: 1.2;
  background: url(../img/icon/folder.png) no-repeat 0 1px;
  word-break: break-all;
}

#category ul li ul.second {
  margin: 0 0 -6px 0;
  padding: 8px 0 0 0;
}

#category .more {
  background: url(../img/leftside/round_bottom.png) no-repeat left bottom;
}

/* 人気のつぶやきワード #hotword */
#hotword ol {
  padding: 10px 0 0 0;
  background: #ffffe6;
}

#hotword ol a {
  padding-left: 12px;
  color: #bf3078;
  font-weight: bold;
  font-size: 116%;
}

#hotword ol li.top3 a {
  font-size: 131%;
}

#main .sub #hotword .more {
  background: url(../img/leftside/round_bottom_yellow.png) no-repeat left bottom;
}

/* @end */

/* @group コミュニティ一覧 */
ul.community.list {
  margin: 0;
  padding: 0!important;
}

ul.community.list li {
  padding: 10px 10px 0 12px;
  *padding: 10px 10px 10px 12px; /* for Win IE6 */
  background: url(../img/dot.png) repeat-x bottom;
}

ul.community.list li:hover {
  background: #f7f7f7 url(../img/dot.png) repeat-x bottom;
}

ul.community.list li ul li.name,
ul.community.list li ul li.description,
ul.community.list li ul li.join {
  background: none!important;
}

div.community.round .bottom {
  margin: 0;
  padding: 0;
  height: 1px;
}

/* @end */