@charset "utf-8";
/*
 * This Stylesheet was based on Yahoo! UI Library's Reset and Fonts CSS.
 * http://developer.yahoo.com/yui/reset/
 * http://developer.yahoo.com/yui/fonts/
 * http://developer.yahoo.net/yui/license.txt
*/
/* @group 要素ごとのスタイル */
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;
}

body {
  color: #333;
  background: #fff url(/images/common/bg.png) repeat-x top;
  font: 13px/1.231 Meiryo, 'メイリオ', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', sans-serif;
  *font-size: small;
  *font: x-small;
  text-align: center;
  min-width: 950px;
}

body.consultation {
  background: url(/images/common/category/consultation_bg.png) repeat-x top;
}

body.knowhow {
  background: url(/images/common/category/knowhow_bg.png) repeat-x top;
}

body.tweet {
  background: url(/images/common/category/tweet_bg.png) repeat-x top;
}


html:not(:target) body {
  font: 13px/1.231 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', sans-serif;
  *font: 13px/1.231 'メイリオ', Meiryo, sans-serif;
}


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

table th {
  text-align: left;
}

td.title {
  width: 110px;
}

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

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 #b9b9b9;
  line-height: 1.35;
  color: #222;
  background: #fff url(/images/common/form_bg.png) repeat-x top;
  font-size: 100%;
  font-family: 'Lucida Grande', Verdana, Arial,'Hiragino Kaku Gothic Pro', sans-serif;
  *font-family: Verdana, メイリオ, Meiryo, 'ＭＳ ゴシック', sans-serif;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

input.text {
  _height: 1.55em;  /* for Win IE6 */
}

input.email,
input.password,
input.num {
  ime-mode: inactive;
}

input.submit {
  line-height: 1;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

input.button {
  padding: 0 2px;
  vertical-align: middle;
  *vertical-align: top;
  font-size: 12px;
  *font-size: 74%;
  cursor: pointer;
}

textarea {
  margin-bottom: 5px;
  line-height: 1.21;
  overflow: auto;
}

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

select {
  cursor: pointer;
}

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

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

p {
  line-height: 1.51;
}

dt {

}

li {
  line-height: 1.31;
}

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 {
  text-decoration: line-through;
}

/* 見出し */
/*
h1 {
  font-size: 100%;
	display: inline;
  font-weight: normal;
}
h2 {
  font-size: 135%;
  font-weight: bold;
}

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

/* リンクカラー */
a,
a:link {
  color: #005690;
}

a:visited {
  color: #663399;
}

a:hover,
a:active {
  color: #289FC2;
}

hr {
  clear: both;
  height: 0;
  border: none;
  color: #FFFFFF;
}

hr.s20 {
  margin-top: 20px;
}

hr.s10 {
  margin-top: 10px;
}

hr.s5 {
  margin-top: 5px;
}

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

/* @group 共通 */
.error {
  color: #f00;
}

.alert a {
  color: #f00;
  font-weight: bold;
}

.disabled {
  color: #d0d0d0;
}

.success {
  color: #00f;
}

.hidden {
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.more {
  padding-bottom: 20px;
  text-align: right;
}

.next-navi {
  padding-bottom: 5px;
}

#sub .more {
  padding-bottom: 0!important;
}

p.more {
  font-size: 93%;
}

.more a {
  padding-left: 16px;
  background: url(/images/common/arrow.png) no-repeat 0 3px;
}

.next-navi a {
  padding-left: 16px;
  background: url(/images/common/arrow.png) no-repeat 0 3px;
}

.imgleft {
  margin: 0 15px 15px 0;
  float: left;
}

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

ul.pt li {
  margin-bottom: 5px;
  padding-left: 22px;
  background: url(/images/common/pt.png) no-repeat 7px 8px;
}

ul.lead {
  margin-bottom: 20px;
}

.male,
.female {
  position: relative;
}

/* @group ロールオーバーボタン */
.button a,
button span {
  display: inline-block;
  text-decoration: none!important;
}

.button a:hover,
button span:hover {
  background-image: none!important;
}

.button a span,
.button a strong,
button span {
  visibility: hidden!important;
}

/* @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 */

/* @end 共通 */

/* @group レイアウト */
/* 全てを囲むボックス #doc */
#doc {
  margin: 0 auto;
  position: relative;
  width: 910px;
  line-height: 1.51;
  text-align: left;
  _overflow: hidden;
}

/* @group ヘッダ #header */
#header {
  height: 96px;
  background: url(/images/common/header_bg.png) no-repeat center top;
  text-align: center;
}

#header .inner {
  margin: 0 auto;
  width: 950px;
  text-align: left;
  position: relative;
}

#site-title {
  float: left;
  width: 435px;
}

/* ロゴ */
#site-title div.logo,
#site-title p.logo {
  margin: 0;
  padding-top: 10px;
  float: left;
  width: 118px;
}

/* タグライン */
#site-title p.tagline {
  margin: 0;
  padding-top: 33px;
  float: left;
  width: 317px;
}

/* ユーティリティエリア */
#utility {
  float: left;
  width: 495px;
}

#utility ul.nav {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: right;
  height:18px;
}

#utility ul.nav li {
  padding-left: 20px;
  display: inline;
  background: url(/images/common/pt.png) no-repeat 8px 5px;
  font-size: 85%;
}

#utility ul.nav li {
  display:block;
  float:right;
}

#utility ul.nav li.news,
#utility ul.nav li.user {
  padding-left: 0;
  background-image: none;
}

/* @group マイメニュー #mymenu */
#mymenu {
  margin-left: 345px;
  margin-bottom: 7px;
  width: 149px;
  height: 49px;
  position: relative;
}

#mymenu li {
  width: 69px;
  height: 49px;
}

#mymenu li a {
  width: 69px;
  height: 49px;
}

/* クリップ記事 */
#mymenu .clip {
  position: absolute;
  top: 0;
  left: 0;
  background: url(/images/common/buttons.png) no-repeat -69px -163px;
}

#mymenu .clip a {
  background: url(/images/common/buttons.png) no-repeat 0 -163px;
}

/* マイページ */
#mymenu .mypage {
  position: absolute;
  top: 0;
  right: 0;
  background: url(/images/common/buttons.png) no-repeat -69px -212px;
}

#mymenu .mypage a {
  background: url(/images/common/buttons.png) no-repeat 0 -212px;
}

/* @end マイメニュー #mymenu */

/* @end ヘッダ #header */

/* @group メニュー #menu */
#menu {
  position: relative;
  height: 32px;
}

#menu li {
  margin-right: 12px;
  width: 112px;
  height: 32px;
  float: left;
}

#menu li a {
  display: block;
  width: 112px;
  height: 32px;
}

#menu1 {
  background: url(/images/common/menu.png) no-repeat -112px 0;
}

#menu1 a {
  background: url(/images/common/menu.png) no-repeat 0 0;
}

body.top #menu1 a {
  background: url(/images/common/menu.png) no-repeat -224px 0;
}

#menu2 {
  background: url(/images/common/menu.png) no-repeat -112px -32px;
}

#menu2 a {
  background: url(/images/common/menu.png) no-repeat 0 -32px;
}

body.consultation #menu2 a {
  background: url(/images/common/menu.png) no-repeat -224px -32px;
}

#menu3 {
  background: url(/images/common/menu.png) no-repeat -112px -64px;
}

#menu3 a {
  background: url(/images/common/menu.png) no-repeat 0 -64px;
}

body.knowhow #menu3 a {
  background: url(/images/common/menu.png) no-repeat -224px -64px;
}

#menu4 {
  background: url(/images/common/menu.png) no-repeat -112px -96px;
}

#menu4 a {
  background: url(/images/common/menu.png) no-repeat 0 -96px;
}

body.tweet #menu4 a {
  background: url(/images/common/menu.png) no-repeat -224px -96px;
}

#menu5 {
  background: url(/images/common/menu.png) no-repeat -112px -128px;
}

#menu5 a {
  background: url(/images/common/menu.png) no-repeat 0 -128px;
}

body.spot #menu5 a {
  background: url(/images/common/menu.png) no-repeat -224px -128px;
}

body.spot #menu5 a:hover {
  background: url(/images/common/menu.png) no-repeat -224px -128px!important;
}

#menu6 {
  background: url(/images/common/menu.png) no-repeat -112px -160px;
}

#menu6 a {
  background: url(/images/common/menu.png) no-repeat 0 -160px;
}

body.blog #menu6 a {
  background: url(/images/common/menu.png) no-repeat -224px -160px;
}

body.blog #menu6 a:hover {
  background: url(/images/common/menu.png) no-repeat -224px -160px!important;
}

#menu li a:hover {
  background-image: none!important;
}

body.top #menu1 a:hover {
  background: url(/images/common/menu.png) no-repeat -224px 0!important;
}

body.consultation #menu2 a:hover {
  background: url(/images/common/menu.png) no-repeat -224px -32px!important;
}

body.knowhow #menu3 a:hover {
  background: url(/images/common/menu.png) no-repeat -224px -64px!important;
}

body.tweet #menu4 a:hover {
  background: url(/images/common/menu.png) no-repeat -224px -96px!important;
}

#menu li a strong {
  display: block;
  visibility: hidden;
  text-decoration: none;
}

/* @group 検索フォーム #search */

#search {
  position: absolute;
  top: -3px;
  _top: 0;
  right: 0;
  z-index: 100;
  width: 300px;
  _width: 292px;
  height: 30px;
}

#search div {
  float: left;
  width: 230px;
  _width: 210px;
  height: 25px;
  background: url(/images/common/search_bg.png) no-repeat 0 0;
}

#search input.text {
  padding: 3px 5px 2px 25px;
  border: none;
  width: 190px;
  _width: 220px;
  height: 21px;
  background: transparent;
}

#search button {
  width: 69px;
  height: 27px;
  background: url(/images/common/buttons.png) no-repeat 0 -261px;
}

#search button:hover {
  background: url(/images/common/buttons.png) no-repeat -69px -261px;
}

/* @end 検索フォーム #search */

/* @end メニュー #menu */

/* @group コンテンツ #contents */
#contents {
  margin: 0 auto;
  padding-top: 24px;
  padding-bottom: 30px;
  width: 910px;
  position: relative;
}

#one {
  float: left;
  width: 900px;
}

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

#sub {
  float: right;
  width: 333px;
}

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

/* @group フッタ #footer */
#footer {
  margin: 0;
  padding: 20px 0 20px 0;
  clear: both;
  color: #333;
  background: #f3f3f3 url(/images/common/footer_bg.png) repeat-x top;
}

#footer div.inner {
  margin: 0 auto;
  width: 910px;
  text-align: left;
  position: relative;
}

#footer div.return {
  position: absolute;
  top: -47px;
  right: 0;
  width: 69px;
  height: 51px;
  background: url(/images/common/return.png) no-repeat right top;
  z-index: 10;
}

#footer div.return a {
  display: block;
  width: 69px;
  height: 51px;
  background: url(/images/common/return.png) no-repeat left top;
  text-indent: -100000em;
}

#footer .return a:hover {
  background-image: none;
}

#footer ul {
  padding-bottom: 20px;
}

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

#footer ul li a {
  color: #666;
}

#copyright .logo {
  margin-bottom: 10px;
  float: left;
  width: 82px;
}

#copyright .logo a {
  text-decoration: none;
}

#copyright p {
  margin-bottom: 10px;
  margin-left: 82px;
  padding-top: 5px;
  font-size: 93%;
}

address {
  clear: both;
  display: block;
  color: #666;
  font-size: 85%;
}

/* @end フッタ #footer */

/* @end レイアウト */

/* @group モジュール・パーツ */
/* 配下ページのh1見出しまわり */
.page-title {
  padding-bottom: 20px;
  position: relative;
}

.page-title h1 {
  font-size: 153.9%;
}

.page-title img {
  margin-right: 8px;
  line-height: 1;
}

/* メインカラムのコンテンツ枠 */
#main .talk-list,
#main .talk-entry,
#main .document ,
#one .document {
  margin-right: 10px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

/* @group ドキュメント #main .document */
#main .document,
#one .document {
  padding: 15px 15px;
}

.document h2 {
  margin-bottom: 15px;
  padding: 0 0 5px 0;
  font-size: 131%;
  font-weight: bold;
  background: url(/images/common/dot.png) repeat-x bottom;
}

.document h3 {
  margin: 0 0 8px 0;
  padding: 0 0 0 18px;
  font-size: 113%;
  font-weight: normal;
  background: url(/images/common/comment.png) no-repeat 0 5px;
}

.document p {
  margin-bottom: 1em;
  line-height: 1.65;
}

.document p.body {
  margin-bottom: 3.5em;
  line-height: 1.65;
  margin-left: 1em;
}

.document ul.pt li {
  padding-bottom: 5px;
  background: url(/images/common/pt.png) no-repeat 8px 5px;
}

/* @end ドキュメントページ #main .document */

/* ラブ数値表示 */
strong.love {
  margin: 0 3px;
  padding: 0 3px 0 18px;
  background: #FFF1FF url(/images/common/love_bg.png) no-repeat 3px 3px;
}

/* アイコン付き名前表示 */
.author img,
.author span.name {
  margin-right: 0.6em;
  vertical-align: middle;
}

/* 性別アイコン */
img.sex {
  vertical-align: middle;
}

/* @group ソート dl.sort */
dl.sort {
  margin-bottom: 8px;
  margin-left: 15px;
}

dl.sort dt,
dl.sort dd,
dl.sort ul,
dl.sort li {
  display: inline-block;
  *display: inline;
  font-size: 93%;
}

dl.sort li {
  margin-right: 10px;
  padding-left: 15px;
  background: url(/images/common/switch.png) no-repeat 0 3px;
  font-size: 100%;
}

dl.sort li.current {
  font-weight: bold;
  background: url(/images/common/switch_on.png) no-repeat 0 3px;
}

dl.sort li:hover {
  background: url(/images/common/switch_on.png) no-repeat 0 3px;
}

/* @end ソート dl.sort */

/* @group ページ繰りナビゲーション .pager */
ul.pager {
  margin-bottom: 5px;
  padding-bottom: 15px;
  text-align: right;
}

ul.pager li {
  display: inline;
  line-height: 1;
  font-family: 'Century Gothic', Arial, sans-serif;
}

ul.pager li strong {
  padding: 0.25em 0.48em;
  display: inline-block;
  color: #fff;
  background-color: #40ac99;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
}

ul.pager li a {
  padding: 0.25em 0.48em;
  display: inline-block;
  text-decoration: none;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
}

ul.pager li a:link,
ul.pager li a:visited {
  color: #196053;
  background-color: #f0f0f0;
}

ul.pager li a:hover,
ul.pager li a:active {
  color: #196053;
  background-color: #e0f3ec;
}

ul.pager li.nushi {
  margin-left: 10px;
  font-size: 93%;
  text-align: right;
}

ul.pager li.all {
  margin-left: 40px;
  font-size: 93%;
  text-align: right;
}

ul.pager li.nushi a,
ul.pager li.nushi a:link,
ul.pager li.all a,
ul.pager li.all a:link {
  color: #005690;
  background: none;
  text-decoration: underline;
}

ul.pager li.nushi a:visited,
ul.pager li.all a:visited {
  color: #663399;
}

ul.pager li.nushi a:hover,
ul.pager li.nushi a:active,
ul.pager li.all a:hover,
ul.pager li.all a:active {
  color: #289FC2;
}

/* @end ページ繰りナビゲーション .pager */

/* @group トーク一覧 .result */
ul.result {
  padding-bottom: 15px;
}

ul.result li.item {
  padding: 12px 10px 15px;
  background: url(/images/common/dot.png) repeat-x bottom;
}

ul.result li.last {
  background-image: none;
}

ul.result dt {
  padding-bottom: 10px;
  line-height: 1.34;
  font-size: 116%;
  font-weight: bold;
}

ul.result a.category , span.category {
  margin-top: 3px;
  margin-right: 15px;
  float: left;
  width: 48px;
  font-size: 85%;
  font-weight: normal;
}

ul.result dt em {
  margin-left: 63px;
  display: block;
  font-weight: bold;
}

ul.result dd {
  margin-left: 63px;
}

ul.result dd li {
  display: inline-block;
  *display: inline;
}

ul.utility li.reply,
ul.meta li.reply,
ul.meta li.love,
ul.meta li.view,
ul.meta li.clip {
  margin-right: 10px;
  padding-left: 20px;
}

ul.meta li em {
  font-weight: bold;
}

ul.meta li.reply,
ul.utility li.reply {
  background: url(/images/common/reply.png) no-repeat 0 1px;
}

ul.meta li.reply:hover,
ul.utility li.reply:hover {
  background: url(/images/common/reply_on.png) no-repeat 0 1px;
}

ul.meta li.love {
  background: url(/images/common/heart.png) no-repeat 0 3px;
}

ul.meta li.love:hover {
  background: url(/images/common/heart_on.png) no-repeat 0 3px;
}

ul.meta li.clip {
  background: url(/images/common/clip.png) no-repeat 0 1px;
}

ul.meta li.clip:hover {
  background: url(/images/common/clip_on.png) no-repeat 0 1px;
}

li.datetime {
  margin-right: 15px;
  font-family: Georgia;
  font-size: 93%;
  position: relative;
}

.snipet {
  margin-top: 10px;
  font-size: 93%;
}

/* @end トーク一覧 .result */

/* @group ラブるボタン .love-button */
.love-button {
  width: 76px;
  height: 25px;
  background: url(/images/common/buttons.png) no-repeat -214px -188px;
}

.love-button a {
  width: 76px;
  height: 25px;
  background: url(/images/common/buttons.png) no-repeat -138px -188px;
}

.love-button a:hover {
  background-image: none;
}

.love-button span.done {
	display:block;
  width: 76px;
  height: 25px;
  background: url(/images/common/buttons.png) no-repeat -290px -188px;
}

/* @end ラブるボタン .love-button */

/* @group クリップするボタン .clip-button */
.clip-button {
  width: 83px;
  height: 25px;
  background: url(/images/common/buttons.png) no-repeat -221px -213px;
}

.clip-button a {
  width: 83px;
  height: 25px;
  background: url(/images/common/buttons.png) no-repeat -138px -213px;
}

.clip-button a:hover {
  background-image: none;
}

/* @end クリップするボタン .clip-button */

/* @group 削除投票ボタン .vote-down-button */
.vote-down-button {
	margin-top: 1px;
  width: 22px;
  height: 22px;
  background: url(/images/common/vote_down_on.png) no-repeat 0 0;
}

.vote-down-button a {
  width: 22px;
  height: 22px;
  background: url(/images/common/vote_down.png) no-repeat 0 0;
}

.vote-down-button a:hover {
  background-image: none;
}

/* @end 除投票ボタン .vote-down-button */

/* @group Twitterに投稿ボタン .tweet-button */
.tweet-button {
  width: 121px;
  height: 25px;
  background: url(/images/common/buttons.png) no-repeat -259px -238px;
}

.tweet-button a {
  width: 121px;
  height: 25px;
  background: url(/images/common/buttons.png) no-repeat -138px -238px;
}

.tweet-button a:hover {
  background-image: none;
}

/* @end Twitterに投稿ボタン .tweet-button */

/* @group ブログに投稿ボタン .blog-button */
.blog-button {
  width: 109px;
  height: 25px;
  background: url(/images/common/buttons.png) no-repeat -247px -263px;
}

.blog-button a {
  width: 109px;
  height: 25px;
  background: url(/images/common/buttons.png) no-repeat -138px -263px;
}

.blog-button a:hover {
  background-image: none;
}

/* @end ブログに投稿ボタン .tweet-button */

/* @group 編集するボタン .edit-button */
.edit-button {
  width: 64px;
  height: 25px;
  background: url(/images/common/buttons.png) no-repeat -202px -163px;
}

.edit-button a {
  width: 64px;
  height: 25px;
  background: url(/images/common/buttons.png) no-repeat -138px -163px;
}

.edit-button a:hover {
  background-image: none;
}

/* @end 編集するボタン .edit-button */

/* @group 追記するボタン .add-button */
.add-button {
  width: 64px;
  height: 25px;
  background: url(/images/common/buttons.png) no-repeat -203px -405px;
}

.add-button a {
  width: 64px;
  height: 25px;
  background: url(/images/common/buttons.png) no-repeat -139px -405px;
}

.delete-button {
  width: 64px;
  height: 25px;
  background: url(/images/common/buttons.png) no-repeat -64px -431px;
}

.delete-button a {
  width: 64px;
  height: 25px;
  background: url(/images/common/buttons.png) no-repeat 0 -431px;
}

.edit-button a:hover {
  background-image: none;
}

/* @end 追記するボタン .add-button */

/* @group 返信一覧 .reply */
ul.reply {
  padding-bottom: 15px;
}

ul.reply li.item {
  padding: 10px 10px 11px;
  background: url(/images/common/dot.png) repeat-x bottom;
  position: relative;
}

ul.reply dt {
  margin-bottom: 5px;
  padding-left: 20px;
  font-size: 108%;
  font-weight: bold;
  background: url(/images/common/comment.png) no-repeat 0 5px;
  position: relative;
}

ul.reply ul.meta {
  text-align: right;
}

ul.reply ul.meta li {
  display: inline-block;
  *display: inline;
  text-align: right;
}

ul.reply ul.meta li.entry {
  padding-left: 18px;
  background: url(/images/common/reply.png) no-repeat 0 1px;
}

ul.reply li.entry a {
  font-weight: normal;
}

/* カテゴリー表示：サイドバーの人気一覧と共通 */
.entry em.consultation,
.entry li.consultation {
  padding-left: 27px;
  background: url(/images/common/category/consultation_s.png) no-repeat 0 3px;
}

.entry em.knowhow,
.entry li.knowhow {
  padding-left: 40px;
  background: url(/images/common/category/knowhow_s.png) no-repeat 0 3px;
}

.entry em.tweet,
.entry li.tweet {
  padding-left: 32px;
  background: url(/images/common/category/tweet_s.png) no-repeat 0 3px;
}

.entry em.all,
.entry li.all {
  padding-left: 40px;
  background: url(/images/common/category/all_s.png) no-repeat 0 3px;
}

.entry em.m,
.entry li.m {
  padding-left: 40px;
  background: url(/images/common/category/m_s.png) no-repeat 0 3px;
}

.entry em.m10,
.entry li.m10 {
  padding-left: 40px;
  background: url(/images/common/category/m10_s.png) no-repeat 0 3px;
}

.entry em.m20,
.entry li.m20 {
  padding-left: 40px;
  background: url(/images/common/category/m20_s.png) no-repeat 0 3px;
}

.entry em.m25,
.entry li.m25 {
  padding-left: 40px;
  background: url(/images/common/category/m25_s.png) no-repeat 0 3px;
}

.entry em.m30,
.entry li.m30 {
  padding-left: 40px;
  background: url(/images/common/category/m30_s.png) no-repeat 0 3px;
}

.entry em.m40,
.entry li.m40 {
  padding-left: 40px;
  background: url(/images/common/category/m40_s.png) no-repeat 0 3px;
}

.entry em.f,
.entry li.f {
  padding-left: 40px;
  background: url(/images/common/category/f_s.png) no-repeat 0 3px;
}

.entry em.f10,
.entry li.f10 {
  padding-left: 40px;
  background: url(/images/common/category/f10_s.png) no-repeat 0 3px;
}

.entry em.f20,
.entry li.f20 {
  padding-left: 40px;
  background: url(/images/common/category/f20_s.png) no-repeat 0 3px;
}

.entry em.f25,
.entry li.f25 {
  padding-left: 40px;
  background: url(/images/common/category/f25_s.png) no-repeat 0 3px;
}

.entry em.f30,
.entry li.f30 {
  padding-left: 40px;
  background: url(/images/common/category/f30_s.png) no-repeat 0 3px;
}

.entry span.reply {
  margin-left: 10px;
  padding-left: 12px;
  background: url(/images/common/reply_s.png) no-repeat 0 2px;
  color: #999;
}

#sub ul.entry a {
  font-size: 108%;
}

/* @end 返信一覧 .reply */
/* 通報するリンク .report */
p.report,
p.report a {
  margin-bottom: 0;
  color: #999;
  text-align: right;
  font-size: 83%;
  width: 557px;
}

/* @group フォーム */
form table {
  margin-bottom: 15px;
}

form table tr:hover {
  background: #ffffef;
}

form table tr.none:hover {
  background: #ffffff;
}

form table th {
  padding: 6px 7px;
  vertical-align: top;
  text-align: right;
}

form table td {
  padding: 6px 7px;
  vertical-align: top;
}

.note {
  color: #666;
  font-size: 93%;
}

/* @end フォーム */

/* @group サイドバーのパーツ */
#sub .section-lv2 {
  margin-bottom: 13px;
  background: url(/images/common/sub/section_bg.png) repeat-y left;
}

#sub .twitter {
  margin-bottom: 13px;
}

#sub .section-lv2 .contents {
  padding: 10px 13px;
  position: relative;
  background: url(/images/common/sub/section_bottom.png) no-repeat left bottom;
}

#sub .section-lv2 p,
#sub .section-lv2 ul {
  padding-bottom: 0.5em;
  font-size: 93%;
}

#sub .section-lv2 li {
  padding-bottom: 0.5em;
}

#sub .section-lv2 li.title {
  background: url(/images/common/dot.png) repeat-x bottom;
  margin: 10px 0 10px 0;
}

#sub .section-lv2 li.menu {
  margin-left: 0.5em;
}


#sub ul.tags li {
  margin-right: 1em;
  display: inline;
  line-height: 1.7;
}

#sub .util {
  margin-bottom: 13px;
  background: url(/images/common/sub/section_bg.png) repeat-y left;
}

#sub .util .contents {
  padding: 0 13px  10px 13px;
  position: relative;
  background: url(/images/common/sub/section_bottom.png) no-repeat left bottom;
}


/* @group 恋部に参加する #join */
#sub #join {
  width: 333px;
  height: 131px;
  background: url(/images/common/sub/join_bg.png) no-repeat 0 0;
}

#join .clearfix {
  padding: 6px 11px 0 13px;
  position: relative;
}

#join .register {
  width: 152px;
  height: 67px;
  background: url(/images/common/buttons.png) no-repeat -152px -65px;
}

#join .register a {
  width: 152px;
  height: 67px;
  background: url(/images/common/buttons.png) no-repeat 0 -65px;
}

#join .login {
  position: absolute;
  top: 6px;
  right: 11px;
  width: 152px;
  height: 31px;
  background: url(/images/common/buttons.png) no-repeat -152px -34px;
}

#join .login a {
  width: 152px;
  height: 31px;
  background: url(/images/common/buttons.png) no-repeat 0 -34px;
}

#join .twitter-login {
  position: absolute;
  top: 42px;
  right: 11px;
  width: 152px;
  height: 31px;
  background: url(/images/common/buttons.png) no-repeat -152px -132px;
}

#join .twitter-login a {
  width: 152px;
  height: 31px;
  background: url(/images/common/buttons.png) no-repeat 0 -132px;
}

/* @end 恋部に参加する #join */

/* @end サイドバーのパーツ */

/* @end モジュール・パーツ */

/* @group トップページ body.top */
#post {
  margin-bottom: 25px;
  background: transparent url(/images/top/post_bg.png) no-repeat 0 0;
  width: 557px;
  background-color: #F4FBF8;
  /* height: 334px; */
}

#post form#talk {
  padding: 15px 20px 18px;
  position: relative;
  background: transparent url(/images/top/post_bg_bottom.png) no-repeat left bottom;
}
.talktype {
  padding-bottom: 10px;
}

.talktype li {
  margin-bottom: 12px;
}
.talktype li em {
  padding: 0 5px;
  font-size: 123.1%;
  font-weight: bold;
}

.talktype span {
  font-size: 93%;
}

.talkhaschoice {
  padding-bottom: 10px;
}

.talkhaschoice li {
  margin-bottom: 12px;
}
.talkhaschoice li em {
  padding: 0 5px;
  font-size: 123.1%;
  font-weight: bold;
}

.talkhaschoice span {
  font-size: 83%;
}

#post textarea {
  margin-bottom: 10px;
  padding: 5px;
  width: 500px;
  height: 118px;
  font-size: 108%;
}

#post .submit button {
  margin-right: 18px;
  background: url(/images/common/buttons.png) no-repeat 0 0;
  width: 139px;
  height: 34px;
}

#post .submit button:hover {
  background: url(/images/common/buttons.png) no-repeat -139px 0;
}

#post form .help {
  position: absolute;
  bottom: 26px;
  _bottom: 95px;
  right: 25px;
  font-size: 93%;
  width: 200px;
  text-align: right;
}

/* @end トップページ body.top */

/* @group トーク個別ページ .talk-entry */
#main .talk-entry {
  padding: 15px;
}

.talk-entry h1 {
  margin-bottom: 10px;
  font-size: 146.5%;
  font-weight: bold;
}

.talk-entry h1 span.category {
  margin-right: 10px;
  padding-top: 5px;
  float: left;
  display: block;
  font-size: 93%;
  font-weight: normal;
}

.talk-entry h1 a {
  font-weight: bold;
}

.talk-entry h1 span.target {
  margin-left: 10px;
  font-size: 65%;
  font-weight: normal;
}

.talk-entry ul.utility {
  margin-bottom: 13px;
  padding: 2px 5px 10px 5px;
  background: url(/images/common/dot.png) repeat-x bottom;
  text-align: right;
  height: 25px;
}

.talk-entry ul.utility li {
  margin-left: 10px;
  display: block;
  float:right;
  font-size: 93%;
}


.talk-entry li.love-disp {
  margin-top: 2px;
}

.talk-entry li.reply,
.talk-entry li.view {
  margin-top: 4px;
}



.talk-entry li.love-disp strong {
  padding-top: 15px;
  padding: 2px 4px 2px 20px;
  background: #FFF1FF url(/images/common/love_bg.png) no-repeat 4px 6px;
  font-size: 116%;
}

.talk-entry li.love-disp strong span {
  margin-left: 4px;
  font-weight: normal;
  font-size: 73%;
}

.reply-list ul.utility {
  margin-bottom: 13px;
  padding: 2px 5px 10px 5px;
  text-align: right;
  height: 25px;
}

.reply-list ul.utility li {
  margin-left: 10px;
  display: block;
  float:right;
  font-size: 93%;
}

.reply-list ul.utility li.love-disp {
  margin-top: 2px;
  float: left;
}

.reply-list ul.utility li.love-disp strong {
  padding-top: 15px;
  padding: 2px 4px 2px 20px;
  background: #FFF1FF url(/images/common/love_bg.png) no-repeat 4px 6px;
  font-size: 116%;
}

.reply-list ul.utility li.love-disp strong span {
  margin-left: 4px;
  font-weight: normal;
  font-size: 73%;
}

.consultation-body {
  margin-bottom: 4px;
  padding-bottom: 10px;
  background: url(/images/common/dot.png) repeat-x bottom;
}

.consultation-body p {
  margin-bottom: 0.7em;
  line-height: 1.6;
  font-size: 108%;
}

.talk-entry ul.action {
  margin-bottom: 10px;
  padding-top: 10px;
  text-align: center;
}

.talk-entry ul.action li.reply,
form.comment .button {
  display: inline-block;
  *display: inline;
  width: 182px;
  height: 35px;
  background: url(/images/common/buttons.png) no-repeat -182px -288px;
}

.talk-entry ul.action li.reply a,
form.comment .button button {
  display: inline-block;
  *display: inline;
  width: 182px;
  height: 35px;
  background: url(/images/common/buttons.png) no-repeat 0 -288px;
}

.talk-entry ul.action li.seien ,
form.seien .button {
  display: inline-block;
  *display: inline;
  width: 182px;
  height: 35px;
  background: url(/images/common/buttons.png) no-repeat -182px -455px;
}

.talk-entry ul.action li.seien a,
form.seien .button button{
  display: inline-block;
  *display: inline;
  width: 182px;
  height: 35px;
  background: url(/images/common/buttons.png) no-repeat 0 -455px;
}

.talk-entry ul.action li.choice ,
form.choice .button {
  display: inline-block;
  *display: inline;
  width: 182px;
  height: 35px;
  background: url(/images/common/buttons.png) no-repeat -182px -490px;
}

.talk-entry ul.action li.choice a,
form.choice .button button{
  display: inline-block;
  *display: inline;
  width: 182px;
  height: 35px;
  background: url(/images/common/buttons.png) no-repeat 0 -490px;
}

.talk-entry ul.tags {
  margin-bottom: 6px;
  padding-bottom: 8px;
  background: url(/images/common/dot.png) repeat-x bottom;
}

.talk-entry ul.tags li {
  margin-right: 8px;
  padding-left: 12px;
  display: inline;
  background: url(/images/common/tag.png) no-repeat 0 4px;
  font-size: 93%;
}


.talk-entry ul.tags li:hover {
  background: url(/images/common/tag_on.png) no-repeat 0 4px;
}


.talk-entry ul.related-talk {
  margin-bottom: 6px;
  padding-bottom: 8px;
  background: url(/images/common/dot.png) repeat-x bottom;
}
	
.talk-entry ul.related-talk li {
  margin: 10px 0;
}
	
.talk-entry ul.related-talk li.title {
  font-weight: bold;
}

.posted {
  text-align: right;
}

.posted li {
  margin-top: 4px;
  display: inline-block;
  *display: inline;
}

.posted li.edit-button {
  margin: 0;
}


.talk-entry ul.meta {
  text-align: right;
}

.talk-entry ul.meta li {
  margin-left: 10px;
  display: inline;
}

/* @group コメントフォーム form.comment */
form.comment p.caption {
  margin-bottom: 15px;
}

#comment-name {
  width: 240px;
}

#comment-body {
  width: 400px;
  _width: 430px;
  height: 80px;
  _height: 70px;
}

ul.upload-image {
  margin-bottom: 5px;
}

ul.upload-image li {
  margin-right: 20px;
  display: inline-block;
  *display: inline;
}

#comment-submit {
  width: 182px;
  height: 35px;
  background: url(/images/common/buttons.png) no-repeat -182px -288px;
}

#comment-submit button {
  display: block;
  background: url(/images/common/buttons.png) no-repeat 0 -288px;
}

#comment-submit button:hover {
  background-image: none;
}

#choice-submit {
  width: 182px;
  height: 35px;
  background: url(/images/common/buttons.png) no-repeat -182px -490px;
}

#choice-submit button {
  display: block;
  background: url(/images/common/buttons.png) no-repeat 0 -490px;
}

#choice-submit button:hover {
  background-image: none;
}

/* @end コメントフォーム form.comment */

/* @group 個別ページの返信 #reply-list */
#reply-list h2 {
  margin-bottom: 10px;
}

#reply-list .title {
  position: relative;
}

#reply-list .title .count {
  position: absolute;
  right: 15px;
  top: 8px;
  text-align: right;
  font-size: 85%;
  z-index: 5;
}

#reply-list {
  width: 557px;
}
.reply-list {
  margin-bottom: 20px;
}

.reply-list li.item {
  padding: 8px 15px;
  position: relative;
  background: #FaFeFc url(/images/common/dot.png) repeat-x bottom;
}

.reply-list li.even {
  background: #fff url(/images/common/dot.png) repeat-x bottom;
}

.reply-list dt {
  margin-bottom: 6px;
  margin-right: 90px;
  font-size: 108%;
}

.reply-list p {
  margin-bottom: 4px;
  line-height: 1.5;
}

.reply-list p.origin span {
  margin-left: 3px;
  color: #999;
  font-size: 85%;
}

.reply-list dt .num {
  margin-right: 5px;
  font-size: 116%;
  font-family: Georgia;
}

.reply-list dt img,
.reply-list dt a {
  margin-right: 3px;
}

.reply-list dt img.sex {
  margin-right: 15px;
}

.reply-list dt strong.love {
  font-size: 93%;
  vertical-align: bottom;
}

.reply-list dt strong.love span{
  font-size: 80%;
  font-weight: normal;
}

.reply-list .extra {
  padding-bottom: 10px;
}

.reply-list ul.action {
  float: left;
  width: 370px;
}

.reply-list ul.action li.reply {
  padding-left: 18px;
  margin-right: 8px;
  background: url(/images/common/reply.png) no-repeat 0 2px;
  font-weight: bold;
  display: inline;
}

.reply-list ul.action li.reply:hover {
  background: url(/images/common/reply_on.png) no-repeat 0 2px;
}

.reply-list ul.action li.delete {
  padding-left: 18px;
  margin-right: 8px;
  background: url(/images/common/trash.png) no-repeat 0 2px;
  font-weight: bold;
  display: inline;
}

.reply-list ul.action li.delete:hover {
  background: url(/images/common/trash_on.png) no-repeat 0 2px;
}

.reply-list p.datetime {
  font-family: Georgia;
  float: right;
  width: 140px;
  text-align: right;
  font-size: 93%;
}

.reply-list .vote {
  position: absolute;
  top: 8px;
  right: 8px;
}

/* @end 個別ページの返信 #reply-list */

/* @group 友達に教える #page-info */
#page-info {
	width: 557px;
  padding: 14px 0;
  background: url(/images/common/dot.png) repeat-x top;
}

#page-info dt {
  margin-bottom: 4px;
  font-weight: bold;
}

#page-info ul li {
  margin-right: 20px;
  display: block;
  float:left;
}

/* @end 友達に教える #page-info */

/* @end トーク個別ページ .talk-entry */

/* @group プロフィール・マイページ */
.profile-title h2 {
  width: 570px;
}

.profile-title h2 a {
  color: #333;
  text-decoration: none;
}

.profile-title .utility {
  position: absolute;
  right: 0;
  top: 1px;
  text-align: right;
}

.profile-title .utility li {
  margin-left: 13px;
  display: inline;
  text-align: right;
}

#profile .icon {
  margin: 0 15px 10px 0;
  float: left;
  width: 80px;
}

dl.profile {
  margin-left: 95px;
}

dl.profile dt {
  margin-bottom: 4px;
  font-size: 116%;
  font-weight: bold;
}

dl.profile dt a {
  margin-right: 5px;
}

dl.profile dt img {
  vertical-align: middle;
}

dl.profile dt .age {
  font-size: 12px;
  font-weight: normal;
}

dl.profile li {
  font-size: 108%;
  line-height: 1.2;
}

dl.profile li.url {
  margin-bottom: 2px;
  font-size: 93%;
}

dl.profile li.url span {
  margin-right: 6px;
}

dl.profile li.love strong {
  margin: 0;
  background: #FFF1FF url(/images/common/love_bg.png) no-repeat 3px 4px;
  font-size: 116%;
}

dl.profile li.love strong span {
  margin-left: 4px;
  font-weight: normal;
  font-size: 73%;
}

dl.profile li.level strong {
  margin: 0;
  padding: 0 4px;
  background: #ffffef;
  font-size: 116%;
}

dl.profile li.level strong span {
  margin-right: 4px;
  font-weight: normal;
  font-size: 73%;
}

#profile .data {
  padding-top: 13px;
  background: url(/images/common/dot.png) repeat-x top;
}

#profile p.date {
  padding-top: 12px;
  background: url(/images/common/dot.png) repeat-x top;
  position: relative;
  font-size: 85%;
  text-align: right;
}
/* @end プロフィール・マイページ */



/* @group オーバーレイ（thickbox） */
#TB_window {

}

#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}

/* オーバーレイ全体枠 */
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* オーバーレイ for Mac Fx */
.TB_overlayMacFFBGHack {
  background: url(/images/common/macFFBgHack.png) repeat;
}

/* オーバーレイ */
.TB_overlayBG {
  background-color: #C3E7EB;
  filter: alpha(opacity=42);
  -moz-opacity: 0.42;
  opacity: 0.42;
}

/* オーバーレイ for Win IE6 */
* html #TB_overlay {
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/* ウインドウ枠 */
#TB_window {
  border: 2px solid #40ac99;
  position: fixed;
  top: 40%;
  left: 50%;
  display: none;
  background: #ffffff;
  text-align: left;
  z-index: 102;
  box-shadow: 0.2em 0.25em 1em #addbd8;
  -webkit-box-shadow: 0.2em 0.25em 1em #addbd8;
  -moz-box-shadow: 0.2em 0.25em 1em #addbd8;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

/* ウインドウ枠 for Win IE6 */
* html #TB_window {
  position: absolute;
  margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
  display: block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}

#TB_caption {
  float: left;
}

#TB_closeWindow {
  padding: 0 25px 10px 0;
  float: right;
}

/* ポップアップウインドウのタイトル */
#TB_title {
  margin-bottom: 10px;
  background: url(/images/common/dot.png) repeat-x bottom;
  position: relative;
  height: 36px;
}

/* close or Esc Key */
#TB_closeAjaxWindow {
  padding: 8px 10px 5px 0;
  float: right;
}

/* 見出し */
#TB_ajaxWindowTitle {
  padding: 8px 0 8px 50px;
  float: left;
  background: url(/images/common/icon.png) no-repeat 10px 5px;
  font-weight: bold;
  font-size: 131%;
}

/* ポップアップウインドウのコンテンツ部分 */
#TB_ajaxContent {
  padding: 10px 17px 17px 17px;
  clear: both;
  overflow: auto;
  text-align: left;
}

#TB_ajaxContent div.primary form {
  margin-bottom: 10px;
  padding: 15px 15px 5px;
  _padding: 15px 0 5px 10px;
  background: #f4f4f4;
}

#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}
/* @end オーバーレイ（thickbox） */



.add-hidden{display:none;}
.add-right{text-align:right;}
.error_list{color:#ff0000;}
label.error{display:block;color:#ff0000;}

label.checked{
	display:inline;
	padding-left: 20px;
  background: url(/images/common/approve.gif) no-repeat 0 0;
}

#love-new span.love{
	font-weight: bold;
	margin: 0 0 0 45px;
	padding: 0;
}

#love-new img.m-img{
	margin: 6px 0 0 0;
}

#love-new img.loveri{
  margin: 0 2px 3px 2px;
}

#love-new img.sex{
  vertical-align: middle;
  margin: 0 0 3px 2px;
}
#love-new span.str{
  vertical-align: middle;
}


form#talk span.img-upload,
form#talk span.img-upload a{
  display: inline-block;
  *display: inline;
  width: 90px;
  height: 23px;
  background: url(/images/common/buttons.png) no-repeat -91px -323px;
}

form#talk span.img-upload:hover,
form#talk span.img-upload a:hover{
  background: url(/images/common/buttons.png) no-repeat 0 -323px;
}


form#talk span.d-setting,
form#talk span.d-setting a{
  display: inline-block;
  *display: inline;
  width: 63px;
  height: 23px;
  background: url(/images/common/buttons.png) no-repeat -182px -323px;
}

form#talk span.d-setting:hover,
form#talk span.d-setting a:hover{
  background: url(/images/common/buttons.png) no-repeat -246px -323px;
}

form#talk table{
  width: 100%;
  margin: 10px 0 0 0;
}

form#talk table td.title{
  width: 90px;
}

form#talk div.submit{
  margin-top: 10px;
}

table#d-setting {
  width: 100%;
}

table#d-setting td.title{
  width: 120px;
}

.float-image{
	float: left;
	margin:0 8px 8px 0;
}

.submit-button {
	font-size: 120%;
}

#link-list{
	margin: 50px 0 65px 0;
}

#link-list li{
	padding: 10px;
  background: url(/images/common/dot.png) repeat-x bottom;
}

#link-list p,
#link-list img{
  margin: 5px 0 0 0;
}

#link-list div {
	margin-right: 25px;
  float: left;
  width: 47%;
}


.love-meter img{
  vertical-align: middle;
  margin: 0 5px 3px 2px;
}


form#member button {
	margin-left: 6px;
  margin-right: 18px;
  background: url(/images/common/buttons.png) no-repeat 0 -347px;
  width: 139px;
  height: 34px;
}

form#member button:hover {
  background: url(/images/common/buttons.png) no-repeat -139px -347px;
}

form#login button {
  background: url(/images/common/buttons.png) no-repeat -1px -404px;
  width: 69px;
  height: 26px;
}

form#login button:hover {
  background: url(/images/common/buttons.png) no-repeat -70px -404px;
}


button.yes {
	margin-left: 6px;
  background: url(/images/common/buttons.png) no-repeat 0 -380px;
  width: 63px;
  height: 23px;
}

button.yes:hover {
  background: url(/images/common/buttons.png) no-repeat -64px -380px;
}

button.no {
	margin-left: 6px;
  background: url(/images/common/buttons.png) no-repeat -128px -380px;
  width: 63px;
  height: 23px;
}

button.no:hover {
  background: url(/images/common/buttons.png) no-repeat -192px -380px;
}

div.yn-confirm{
	margin-top:10px;
  padding-top:10px;
	text-align: right;
}

/*Sliding*/
ul#sliding {
  padding: 0 8px 8px 8px;
  margin-bottom: 15px;
  list-style: none;
  float: left;
  clear: left;
  width: 507px;
  background: url(/images/common/dot.png) repeat-x bottom;
}

ul#sliding li {
  float: left;
  display: inline; /*For ignore double margin in IE6*/
  margin-right: 8px;
  font-size: 93%;
}

ul#sliding li a {
  text-decoration: none;
  float:left;
  color: #333;
  cursor: pointer;
  text-shadow: 2px 2px 1px #dddddd;
}

ul#sliding li a span {
  margin: 0 5px 0 -5px;
  padding: 4px 0px 5px 5px;
  position: relative; /*To fix IE6 problem (not displaying)*/
  float:left;
}


ul#sliding li a.current, ul#sliding li a:hover  {
  color: #576d07;
  background: url(/images/sliding/green.png) no-repeat top right;
}

ul#sliding li a.current span, ul#sliding li a:hover span {
  background: url(/images/sliding/green.png) no-repeat top left;
}

ul#message-box{
	margin-bottom: 15px;
}

ul#message-box li{
	padding: 5px 10px 15px 10px;
  background: url(/images/common/dot.png) repeat-x bottom;
}


ul#message-box li.s1,
ul#message-box li.s2	{
  background-color: #fafafa;
}


ul#message-box .reply-done {
  padding-left: 17px;
  background: url(/images/common/reply.png) no-repeat 0 3px;
}

ul#message-box .title {
  font-size: 113%;
  line-height: 2em;
}

ul#message-box .note {
  color: #666;
  font-size: 93%;
  font-family: Georgia;
}

ul#message-box a.reply {
  font-size: 80%;
  margin-left: 25px;
  padding-left: 18px;
  background: url(/images/common/reply.png) no-repeat 0 0;
}

ul#message-box a.reply:hover {
  background: url(/images/common/reply_on.png) no-repeat 0 0;
}

ul#message-box a.delete {
  font-size: 80%;
  margin-left: 5px;
  padding-left: 18px;
  background: url(/images/common/trash.png) no-repeat 0 0;
}

ul#message-box a.delete:hover {
  background: url(/images/common/trash_on.png) no-repeat 0 0;
}

ul#message-box .body {
	margin-top: 10px;
  padding: 10px 10px;
  background: url(/images/common/dot.png) repeat-x top;
  background-color: #ffffff;
}

#love-meter li {
  float: left;
  margin: 7px 12px 10px 8px;
}

#love-meter .meter {
  font-size: 80%;
}

#love-meter .meter b {
  font-size: 130%;
}

.loveri a {
	width: 90%;
	display:block;
	line-height: 1.5em;
  padding-left: 18px;
  color: #005690;
  background: url(/images/common/heart.png) no-repeat 0 3px;
}

.loveri a:hover {
  color: #289FC2;
  background: url(/images/common/heart_on.png) no-repeat 0 3px;
  background-color: #ffffef;
}

.imglist {
  padding: 5px;
}

#login_mail, #login_pass {
  width: 180px;
}



#talk-body h2 {
  margin-bottom: 15px;
  padding: 0 0 5px 40px;
  font-size: 131%;
  font-weight: bold;
  background: url(/images/common/icon.png) no-repeat 0 0;
}

#talk-body h3 {
  margin: 0 0 8px 0;
  padding: 0 0 0 18px;
  font-size: 113%;
  font-weight: normal;
  background: url(/images/common/comment.png) no-repeat 5px 8px;
}

#talk-body ul {
  padding-left:10px;
}

#talk-body ul li {
  list-style: none;
  padding: 0 0 5px 20px ;
  background: url(/images/common/pt.png) no-repeat 8px 5px;
}

#talk-body blockquote {
  padding-left: 15px;
  border-left: 5px solid #cccccc;
  margin-left: 25px;
}

.info {
  margin-bottom: 35px;
  width: 557px;
  font-size: 113%;
  text-align: right;
}

form#tag-add {
  display: inline;
}

#tag-add button {
  width: 64px;
  height: 23px;
  vertical-align: middle;
  background: url(/images/common/buttons.png) no-repeat -256px -380px;
}

#tag-add button:hover {
  background: url(/images/common/buttons.png) no-repeat -320px -380px;
}


.senpai-list{
  margin: 0 0 5px 0;
}

.senpai-list li{
  padding: 0;
  margin-bottom: 10px;
  background: url(/images/common/dot.png) repeat-x bottom;
}


.senpai-list div {
  float: left;
  width: 33%;
}

.senpai-list .sex {
  vertical-align: middle;
  padding-left: 2px;
}


.senpai-main-list{
  margin: 0 0 5px 0;
}

.senpai-main-list li{
  padding: 0 0 20px 0;
  margin-bottom: 20px;
  background: url(/images/common/dot.png) repeat-x bottom;
}


.senpai-main-list div {
  float: left;
  width: 20%;
}

.senpai-main-list .sex {
  vertical-align: middle;
  padding-left: 2px;
}

.h2-bg {
  width: 333px;
  height: 35px;
  vertical-align: middle;
  background: url(/images/common/sub/h2_bg.png) no-repeat 0 0;
  padding: 6px 0 0 40px;
  font-size: 14px;
  color: #666666;
}


#category{
  margin: 0 0 30px 0;
}

#category h3{
  font-size: 14px;
  line-height: 2.5em;
}

#category h3 img{
  vertical-align: middle;
}

#category div{
  margin: 5px 0 0 10px;
}

#category ul.links{
  margin: 0 0 5px 20px;
}

#category li{
  padding-right: 15px;
  display: inline;
  line-height: 2em;
}

#category li.dot{
  line-height: 1.5em;
  padding: 10px;
  margin: 0;
  background: url(/images/common/dot.png) repeat-x bottom;
  display: block;
}


#category-side {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

#category-side ul{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

#category-side li{
  padding-bottom: 0 !important;
  margin-bottom: 5px !important;
}

#category-side h3 {
  font-size: 12px;
}

#category-side h3 img{
  vertical-align: middle;
}

#category-side div{
  margin: 5px 0 0 0;
}

#category-side ul.links{
  margin: 5px 0 0 20px;
}

#category-side li.dot{
  background: url(/images/common/dot.png) repeat-x bottom;
  padding-bottom: 10px !important;
  margin-bottom: 5px !important;
}

#pan{
  margin: 0 0 15px 0;
}

#pan2{
  margin: 0px 0 10px 0;
  width: 400px;
  z-index: 0;
}

#sub .adpart {
  margin-bottom: 13px;
  text-align: center;
}

#main .adpart {
  margin-bottom: 13px;
}

.adpart-cb {
  margin-bottom: 13px;
}

#agesex-disp {
  font-size: 16px;
  background: url(/images/common/sub/select_bg.png) no-repeat top left;
  display: block;
  height: 31px;
  width:330px;
}

#agesex-disp span {
  background: url(/images/common/sub/select_bg_r.png) no-repeat right top;
  display: block;
  height: 31px;
  width:100%;
  padding: 5px 0 0 8px;
}

#agesex-disp {
  color: #333333;
  text-decoration: none;
}

#talk-choices {
  color: #666666;
	margin: 15px 0;
  text-align: center;
  line-height: 2em;
}

#talk-choices img {
  margin-right: 5px;
}

#talk-choices span {
  font-size: 200%;
}

#talk-choices div {
  margin-top: 10px;
}



#talk-choices span.y {
  display: inline-block;
  *display: inline;
  width: 50px;
  height: 50px;
  background: url(/images/common/choice/y_on.png) no-repeat;
}

#talk-choices span.y a {
  display: inline-block;
  *display: inline;
  width: 50px;
  height: 50px;
  background: url(/images/common/choice/y.png) no-repeat;
}

#talk-choices span.n {
  display: inline-block;
  *display: inline;
  width: 50px;
  height: 50px;
  background: url(/images/common/choice/n_on.png) no-repeat;
}

#talk-choices span.n a {
  display: inline-block;
  *display: inline;
  width: 50px;
  height: 50px;
  background: url(/images/common/choice/n.png) no-repeat;
}


#choice-list li {
  display: inline;
  margin-right: 10px;
}
#choice-list input {
  margin-bottom: 20px;
}

#ask-disp {
	padding-bottom: 20px;
	margin-bottom: 20px;
  background: url(/images/common/dot.png) repeat-x bottom;
}