@charset "utf-8";

/* ==============================================================================

  import.css > base.css > sns.css

  *.Browser Reset
  *.Text Decorations
  1.Structure
  2.Header Area
  3.Main Area 3 Column
  4.Main Area 2 Column
  5.Right Area
  6.Left Area
  7.Footer Area

================================================================================= */

/* ==============================================================================

  Browser Reset

================================================================================= */

/* ==============================================================================

  Text Decorations

================================================================================= */

/* ---------------------------------------
  共通：赤字
--------------------------------------- */

span.caution {
  color: #E72B2B !important;
  font-weight: bold !important;
}

/* ---------------------------------------
  共通：スタイルボタン
--------------------------------------- */

a.btn,
input.btn {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  -moz-transition: all 0.1s linear 0s;
  border-radius: 4px 4px 4px 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  padding: 5px 0;
  text-align: center;

  margin: 0;
  font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}

a.btn.red,
input.btn.red {
  background-color: #C43C35; /* red */
  background-image: -moz-linear-gradient(center top , #EE5F5B, #C43C35);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#EE5F5B), to(#C43C35));
  background-repeat: repeat-x;
  color: #fff !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

a.btn.orange,
input.btn.orange {
  background-color: #df751e; /* orange */
  background-image: -moz-linear-gradient(center top , #f5a01a, #df751e);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5a01a), to(#df751e));
  background-repeat: repeat-x;
  color: #fff !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

a.btn.green,
input.btn.green {
  background-color: #57A957; /* green */
  background-image: -moz-linear-gradient(center top , #62C462, #57A957);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#62C462), to(#57A957));
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

a.btn.blue,
input.btn.blue {
  background-color: #0064CD; /* blue */
  background-image: -moz-linear-gradient(center top , #049CDB, #0064CD);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#049CDB), to(#0064CD));
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

a.btn.emerald-green,
input.btn.emerald-green {
  background-color: #339BB9; /* emerald-green */
  background-image: -moz-linear-gradient(center top , #5BC0DE, #339BB9);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5BC0DE), to(#339BB9));
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

a.btn.yellow,
input.btn.yellow {
  background-color: #EEDC94; /* yellow */
  background-image: -moz-linear-gradient(center top , #FCEEC1, #EEDC94);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FCEEC1), to(#EEDC94));
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #404040 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

a.btn.white,
input.btn.white {
  background-color: #E6E6E6; /* white */
  background-image: -moz-linear-gradient(center top , #fff, #fff 25%, #E6E6E6);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#E6E6E6));
  background-repeat: repeat-x;
  border-color: #CCCCCC #CCCCCC #BBBBBB;
  color: #404040 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

a.del-rival-link {
  color: #46A546 !important;
  font-weight: bold;
}

a.del-rival-link:hover {
  color: #C43C35 !important;
  font-weight: bold;
}


/* ==============================================================================

  Structure

================================================================================= */

#wrapper #container #mainColumn .section {
  margin-bottom: 10px
}

#wrapper #container #rightColumn .section,
#wrapper #leftColumn .section {
  margin-bottom: 5px;
}

#container.singleColumn {
  float: none;
  width: 490px;
  margin: 0 auto;
}

#mainColumn.wideRight {
  width: 805px;
}

/* Common */
#mainColumn h5.common {
  display: block;
  padding: 10px 0 5px 1.25em;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 10px;
  background: url("../images/h-ico_orange.gif") no-repeat 0 55%;
  color: #2d2d2d;
}

#wrapper p, #wrapper address, #wrapper th, #wrapper td {
  padding: 3px 0;
  line-height: 1.4em;
}

/* ==============================================================================

  Theme

================================================================================= */

body.FFFFFF {background: #fff;}

body.FFE4ED {background: #FFE4ED;}

body.E7EBF2 {background: #E7EBF2;}

body.C0DEED {background: #C0DEED;}

body.B2DFDA {background: #B2DFDA;}

body.EEEECC {background: #EEEECC;}

body.F7F5F5 {background: #F7F5F5;}

body.FAF3E3 {background: #FAF3E3;}

body.dot-gray1 {background: url("../images/theme/dot-gray1/bg.gif") repeat fixed 0 0 #f2f2f2;}
body.dot-gray1-s {background: url("../images/theme/dot-gray1-s/bg.gif") repeat fixed 0 0 #f2f2f2;}

body.dot-gray2 {background: url("../images/theme/dot-gray2/bg.gif") repeat fixed 0 0 #fff;}
body.dot-gray2-s {background: url("../images/theme/dot-gray2-s/bg.gif") repeat fixed 0 0 #fff;}

body.dot-black {background: url("../images/theme/dot-black/bg.gif") repeat fixed 0 0 #000;}
body.dot-black-s {background: url("../images/theme/dot-black-s/bg.gif") repeat fixed 0 0 #000;}

body.dot-black-x {background: url("../images/theme/dot-black-x/bg.gif") repeat fixed 0 0 #000;}

body.dot-pink {background: url("../images/theme/dot-pink/bg.gif") repeat fixed 0 0 #FF6699;}

body.sakura {background: url("../images/theme/sakura/bg.gif") repeat fixed 0 0 #ffe7ee;}

body.paper-white {background: url("../images/theme/paper-white/bg.gif") repeat fixed 0 0 #fff;}
body.paper-blue {background: url("../images/theme/paper-blue/bg.gif") repeat fixed 0 0 #4789ca;}

body.gingham-red {background: url("../images/theme/gingham-red/bg.gif") repeat fixed 0 0 #f2f2f2;}
body.gingham-blue {background: url("../images/theme/gingham-blue/bg.gif") repeat fixed 0 0 #f2f2f2;}
body.gingham-gray {background: url("../images/theme/gingham-gray/bg.gif") repeat fixed 0 0 #f2f2f2;}

body.mwed {background: url("../images/theme/mwed/bg.gif") repeat fixed 0 0 #fadbe1;}

body.tealife {background: url("../images/theme/tealife/bg.gif") repeat fixed 0 0 #fbcdd5;}

body.green-leaf {background: url("../images/theme/green-leaf/bg.gif") repeat fixed 0 0 #e0ebb3;}

body.border-gray {background: url("../images/theme/border-gray/bg.gif") repeat fixed 0 0 #f7f7f7;}

body.border-pink {background: url("../images/theme/border-pink/bg.gif") repeat fixed 0 0 #f7f7f7;}

#wrapper,
#footer #footerToTop,
#footer #footerAd {
  background: url("../images/wash-white.png") repeat scroll 0 0 transparent;
  padding: 0 5px;
}

#footer {
  margin-top: 0px;
}

#footer #footerAd {
  width: 990px;
  margin: 0 auto;
  text-align: center;
}

/* ==============================================================================

  Header Area

================================================================================= */

#header ul#globalNavi li a {
  display: block;
  padding: 7px 8px 10px 8px;
  color: #fff; /* #D8DFEA */
  text-decoration: none;
}

#header ul#globalNavi li.user a {
  padding: 8px 8px 9px 8px;
}

#header ul#globalNavi li.profileLinks {
  width: 265px;
  height: 37px;
  overflow: hidden;
  padding-left: 10px;
}

#header ul#globalNavi li.profileLinks span.profileImage {
  float: right;
  padding: 0;
  margin-top: 5px;
}

#header ul#globalNavi li.profileLinks a.profileNickname {
  float: right;
  padding: 8px 8px 9px 8px;
}

#header ul#globalNavi li.profileLinks span.membership {
  display: block;
  width: 105px;
  padding: 4px 5px 2px 5px;
  border: 1px solid #0c6acf;
  border-radius: 2px 2px 2px 2px;
  margin-top: 5px;
  margin-left: 5px;
  text-align: center;
  background-color: #328fe7;
  color: #fff;
  font-size: 11px;
}

/* ---------------------------------------
  共通：Dropdown
--------------------------------------- */

#header ul#globalNavi li .menu-dropdown,
#header ul#globalNavi li .dropdown-menu {
  right: 0;
  top: 36px;
  border: 0;
}
ul a.menu:hover,
a.menu:hover,
ul li.open .menu,
li.open .menu,
ul .dropdown-toggle:hover,
.dropdown-toggle:hover,
ul .dropdown.open .dropdown-toggle,
.dropdown.open .dropdown-toggle {
  background: rgba(255, 255, 255, 0.05);
}
ul .menu-dropdown,
.menu-dropdown,
ul .dropdown-menu,
.dropdown-menu {
  background-color: #0a6dd3;
}
ul .menu-dropdown a.menu,
.menu-dropdown a.menu,
ul .dropdown-menu a.menu,
.dropdown-menu a.menu,
ul .menu-dropdown .dropdown-toggle,
.menu-dropdown .dropdown-toggle,
ul .dropdown-menu .dropdown-toggle,
.dropdown-menu .dropdown-toggle {
  color: #fff;
}
ul .menu-dropdown a.menu.open,
.menu-dropdown a.menu.open,
ul .dropdown-menu a.menu.open,
.dropdown-menu a.menu.open,
ul .menu-dropdown .dropdown-toggle.open,
.menu-dropdown .dropdown-toggle.open,
ul .dropdown-menu .dropdown-toggle.open,
.dropdown-menu .dropdown-toggle.open {
  background: #444;
  background: rgba(255, 255, 255, 0.05);
}
#header ul#globalNavi li ul .menu-dropdown li a,
#header ul#globalNavi li .menu-dropdown li a,
#header ul#globalNavi li ul .dropdown-menu li a,
#header ul#globalNavi li .dropdown-menu li a {
  color: #eee;
}
ul .menu-dropdown li a:hover,
.menu-dropdown li a:hover,
ul .dropdown-menu li a:hover,
.dropdown-menu li a:hover {
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
}
ul .menu-dropdown .active a,
.menu-dropdown .active a,
ul .dropdown-menu .active a,
.dropdown-menu .active a {
  color: #fff;
}
ul .menu-dropdown .divider,
.menu-dropdown .divider,
ul .dropdown-menu .divider,
.dropdown-menu .divider {
  background-color: #222;
  border-color: #444;
}
#header ul#globalNavi li ul .menu-dropdown li a,
#header ul#globalNavi li ul .dropdown-menu li a {
  padding: 4px 15px;
}
li.menu, .dropdown {
  position: relative;
}
a.menu:after, .dropdown-toggle:after {
  width: 0;
  height: 0;
  display: inline-block;
  content: "↓";
  text-indent: -99999px;
  vertical-align: top;
  margin-top: 8px;
  margin-left: 4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.menu-dropdown, .dropdown-menu {
  background-color: #fff;
  float: left;
  display: none;
  position: absolute;
  top: 40px;
  z-index: 900;
  min-width: 160px;
  max-width: 220px;
  _width: 160px;
  margin-left: 0;
  margin-right: 0;
  padding: 6px 0;
  zoom: 1;
  border-color: #999;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 0 1px 1px;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
#header ul#globalNavi .menu-dropdown li,
#header ul#globalNavi .dropdown-menu li {
  float: none;
  display: block;
  background-color: none;
}
.menu-dropdown .divider, .dropdown-menu .divider {
  height: 1px;
  margin: 5px 0;
  overflow: hidden;
  background-color: #eee;
  border-bottom: 1px solid #fff;
}
.dropdown-menu a {
  display: block;
  padding: 4px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #808080;
}
.dropdown-menu a.hover {
  background-color: #ddd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
  background-image: -moz-linear-gradient(top, #eee, #ddd);
  background-image: -ms-linear-gradient(top, #eee, #ddd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #ddd));
  background-image: -webkit-linear-gradient(top, #eee, #ddd);
  background-image: -o-linear-gradient(top, #eee, #ddd);
  background-image: linear-gradient(top, #eee, #ddd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#ddd', GradientType=0);
  color: #404040;
  text-decoration: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
}
.open .menu,
.dropdown.open .menu,
.open .dropdown-toggle,
.dropdown.open .dropdown-toggle {
  color: #fff;
  background: #ccc;
  background: rgba(0, 0, 0, 0.3);
}
.open .menu-dropdown,
.dropdown.open .menu-dropdown,
.open .dropdown-menu,
.dropdown.open .dropdown-menu {
  display: block;
}

/* ==============================================================================

  Main Area 3 Column

================================================================================= */

/* ---------------------------------------
  共通：468広告
--------------------------------------- */

#mainColumn .ad468 {
  text-align: center;
  *height: 60px; /* IE6 */
}

/* ---------------------------------------
  共通：ページ送り
--------------------------------------- */

#mainColumn span.controller {
  float: right;
  *margin-top: -1.5em; /* IE6 */
}

/* ---------------------------------------
  共通：カテゴリポップアップ
--------------------------------------- */
#category_popup {background:#fff;}
#category_popup ul {margin: 10px 0;}
#category_popup ul li {border-bottom:1px solid #f2f2f2; padding: 10px;}
#category_popup ul li.stripe{ background-color: #f1f6fa;}
#category_popup ul li label {margin-left: 4px; display:inline-block; width:90%}
#category_popup .popup-submit {padding: 2px 10px;}

/* ---------------------------------------
  TOP：H1
--------------------------------------- */

#mainColumn .siteIdentity {
  text-align: center;
}

/* ---------------------------------------
  TOP：お知らせ
--------------------------------------- */

#mainColumn ul.topics li a {
  background: url("../images/list-mark_orange.gif") no-repeat scroll 0 50% transparent;
  padding-left: 1em;
  font-weight: bold;
}

#mainColumn ul.topics li.strong a {
  color: #E72B2B;
  font-weight: bold;
}

/* ---------------------------------------
  TOP：タブ切り替え
--------------------------------------- */

#mainColumn .tabs.sns {
  background-color: #fff;
  border: 1px solid #F6D7A0;
  color: #000000;
  padding: 10px;
  height: auto;
  *height: 55px; /* IE6 min-height */
}

#mainColumn .tabs.sns.home {
  min-height: 160px;
}

#mainColumn .tabs.sns.graph {
  min-height: 305px;
}

#mainColumn .tabs.sns form input#diary_diary_date {
  border: 1px solid #999;
  color: #333;
  width: 80px;
  padding: 5px;
}

#mainColumn .tabs.sns form input#diary_weight,
#mainColumn .tabs.sns form input#diary_fat {
  border: 1px solid #999;
  color: #333;
  width: 50px;
  padding: 5px;
}

#mainColumn .tabs.sns form label {
  margin-left: 10px;
}

#mainColumn .tabs.sns form span.note {
  padding-top: 10px;
  padding-left: 10px;
  float: left;
}

#mainColumn .tabs.sns form #actionSend {
  margin-top: 5px;
  display: inline;
  float: right;
  text-align: left;
}

#mainColumn .tabs.sns form input.button,
#mainColumn ul.dataList li.data .dataRight ul.dataCommentList li span.commentForm input.button,
#mainColumn form.recipeCommentForm input.button,
#mainColumn form.methodCommentForm input.button,
#mainColumn form.communityCommentForm input.button,
#leftColumn .formBox form input.button {
  background: url("../images/button-bg.gif") repeat-x scroll 0 0px #fff;
  border-color: #CCCCCC #CCCCCC #888888;
  border-radius: 3px 3px 3px 3px;
  border-style: solid;
  border-width: 1px;
  color: #222222;
  display: block;
  padding: 3px 5px;
  text-align: center;
  width: 75px !important;
}

#mainColumn .tabs.sns table {
  width: 100%;
}

#mainColumn .tabs.sns table th {
  width: auto;
}

#mainColumn .tabs.sns table th.gender {
  width: 66px;
  color: #999
}

#mainColumn .tabs.sns table th.active {
  font-weight: bold;
}

/* ---------------------------------------
  TOP：タブサイズ調整 for IE6 IE8
--------------------------------------- */

#mainColumn .tabContainer .tabs .topicsList {
  height: 55px;
}

#mainColumn .tabContainer .tabs .topGraph {
  height: 230px;
}

/* ---------------------------------------
  BOX
--------------------------------------- */

#mainColumn .box.sns {
  background-color: #fff;
  border: 1px solid #F6D7A0;
  color: #000000;
  padding: 10px;
  height: auto;
  *height: 55px; /* IE6 min-height */
}

#mainColumn .box.sns.home {
  min-height: 160px;
}

#mainColumn .box.sns.graph {
  min-height: 305px;
}

#mainColumn .box.sns form input#diary_diary_date {
  border: 1px solid #999;
  color: #333;
  width: 80px;
  padding: 5px;
}

#mainColumn .box.sns form input#diary_weight,
#mainColumn .box.sns form input#diary_fat {
  border: 1px solid #999;
  color: #333;
  width: 50px;
  padding: 5px;
}

#mainColumn .box.sns form label {
  margin-left: 10px;
}

#mainColumn .box.sns form span.note {
  padding-top: 10px;
  padding-left: 10px;
  float: left;
}

#mainColumn .box.sns form #actionSend {
  margin-top: 5px;
  display: inline;
  float: right;
  text-align: left;
}

#mainColumn .box.sns form input.button,
#mainColumn ul.dataList li.data .dataRight ul.dataCommentList li span.commentForm input.button,

#mainColumn .box.sns table {
  width: 100%;
}

#mainColumn .box.sns table th {
  width: auto;
}

#mainColumn .box.sns table th.gender {
  width: 66px;
  color: #999
}

#mainColumn .box.sns table th.active {
  font-weight: bold;
}

/* ---------------------------------------
  一覧：リスト
--------------------------------------- */

#mainColumn h3.dataListHeader {
  color: #999;
  font-size: 92.4%;
}

#mainColumn ul.dataList li,
#mainColumn ul.dataList.thumbs li.more {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: #e9e9e9 1px solid;
}

#mainColumn ul.dataList.comment li {
  padding-top: 5px;
  padding-bottom: 0px;
  margin-bottom: 5px;
  position: relative; /* need for time to right side */
}

#mainColumn ul.dataList.comment li.unread {
  margin-bottom: 0;
  padding-bottom: 5px;
  background: #ffeeee;
}

#mainColumn ul.dataList li.data .dataLeft {
  width: 50px;
  margin-right: 10px;
  float: left;
}

#mainColumn ul.dataList li.data .dataRight {
  width: 428px;
  float: left;
  position: relative; /* need for time to right side */
}

#mainColumn ul.dataList li.data .dataRightWide {
  width: 490px;
  float: left;
  position: relative; /* need for time to right side */
}

#mainColumn ul.dataList li.data .dataRightFull {
  width: 100%;
  float: left;
  position: relative; /* need for time to right side */
}

#mainColumn ul.dataList li.data .dataRight h4 {
  color: gray;
  font-weight: normal;
}

#mainColumn ul.dataList li.data .dataRight h4 a {
  font-weight: bold;
}

#mainColumn ul.dataList li.data .dataRight ul.dataThumbs {
  width: 100%;
  padding: 3px 0;
}

#mainColumn ul.dataList li.data .dataRight ul.dataThumbs.detail {
  padding: 0;
}

#mainColumn ul.dataList li.data .dataRight ul.dataThumbs li,
#mainColumn ul.dataList.thumbs li{
  float: left;
  border: none;
  padding: 0;
  margin: 0;
}

#mainColumn ul.dataList.thumbs.labo li{
  width: 97px;
}

#mainColumn ul.dataList li.data .dataRight ul.dataThumbs li img,
#mainColumn ul.dataList.thumbs li img {
  border: 1px solid #e9e9e9;
  padding: 3px;
  margin-bottom: 4px;
  margin-right: 4px;
  background-color: #fff;
}

#mainColumn ul.dataList li.data .dataRight ul.dataThumbs li a:hover img,
#mainColumn ul.dataList li.data .dataRight ul.dataThumbs li:hover img,
#mainColumn ul.dataList.thumbs li a:hover img {
  border: 1px solid #3366cc;
  padding: 3px;
  margin-bottom: 4px;
  margin-right: 4px;
}

#mainColumn ul.dataList li.data .dataRight span,
#mainColumn ul.dataList li.data .dataRightWide span {
  color: #999;
}

#mainColumn ul.dataList li.more,
#mainColumn ul.dataList.thumbs li.more {
  text-align: right;
  width: 100%;
}

#mainColumn ul.dataList li.data span.time {
  color: #999;
  float: right;
  *margin-top: -1.5em; /* IE6 */
}

#mainColumn ul.dataList li.data .dataRight ul.dataCommentList {
  margin-top: 5px;
  font-size: 90%;
}

#mainColumn ul.dataList li.data .dataRight ul.dataCommentList li {
  margin: 0;padding: 0;border: none; background: #f1f6fa;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #E4EDF5;
}

#mainColumn ul.dataList li.data .dataRight ul.dataCommentList li.publisher {
  background: #fff;
}

#mainColumn ul.dataList li.data .dataRight ul.dataCommentList li.commentTop {
  background: url(../images/comment-tri-ico.gif) no-repeat left;
  *background: none;
  height: 5px;
  *height: 0;
  border: none;
}

#mainColumn ul.dataList li.data .dataRight ul.dataCommentList li.commentMore {
  background: #f1f6fa url(../images/comment-ico.gif) no-repeat 5px;
  border-top: none;
  padding: 5px;
}

#mainColumn ul.dataList li.data .dataRight ul.dataCommentList li.commentMore a{
  padding-left: 20px;
}

#mainColumn ul.dataList li.data .dataRight ul.dataCommentList li.commentMore span {
  padding-left: 20px;
  margin: 0;
}

#mainColumn ul.dataList li.data .dataRight ul.dataCommentList li img {
  float: left;
  padding: 5px;
}

#mainColumn ul.dataList li.data .dataRight ul.dataCommentList li img.emoji {
  float: none;
  padding: 0;
}

#mainColumn ul.dataList li.data .dataRight ul.dataCommentList li span {
  display: block;
  width: 388px;
  margin-left: 40px;
}

#mainColumn ul.dataList li.data .dataRight ul.dataCommentList li span.commentUpper {
  margin-top: 5px;
  color: #2d2d2d;
}

#mainColumn ul.dataList li.data .dataRight ul.dataCommentList li span.commentUpper.oneClick {
  color: gray;
}

#mainColumn ul.dataList li.data .dataRight ul.dataCommentList li span.commentUnder {
  padding-top: 3px;
  padding-bottom: 5px;
}

#mainColumn ul.dataList li.data .dataRight ul.dataCommentList li span.commentNologin {
  padding: 5px 0;
  margin-left: 5px;
}

#mainColumn ul.dataList li.data .dataRight ul.dataCommentList li span a.userName {
  font-weight: bold;
  margin-right: 5px;
}

#mainColumn ul.dataList li.data .dataRight ul.dataCommentList li span.commentForm {
  margin-top: 4px;
  margin-bottom: 5px;
}

#mainColumn ul.dataList li.data .dataRight ul.dataCommentList li span.commentForm textarea {
  width: 375px;
  margin-bottom: 5px;
}

#mainColumn ul.dataList li.data .dataRight span#reply-to {
  margin: 0;
  padding: 5px 0;
}

#mainColumn ul.dataList li.data .dataRight span#reply-to span{
  padding: 5px 0;
  margin: 0;
}

#mainColumn ul.dataList li.data .dataRight span#reply-to li {
  padding-top: 0;
  margin-bottom: 0;
  border: none;
}

#mainColumn ul.dataList li.mwed {
  background-image: url("../images/mwed/community-top.gif");
}

#mainColumn ul.dataList li.tealife {
  background-image: url("../images/tealife/community-top.gif");
}

#mainColumn ul.dataList li.green-leaf {
  background-image: url("../images/green-leaf/community-top.gif");
}

#mainColumn ul.dataList li.border-gray {
  background-image: url("../images/border-gray/community-top.gif");
}

#mainColumn ul.dataList li.border-pink {
  background-image: url("../images/border-pink/community-top.gif");
}

#mainColumn ul.dataList li.themeImage {
  margin-right: 4px;
  margin-bottom: 4px;
  width: 108px;
}

#mainColumn ul.dataList li.themeImage span {
  height: 30px;
  font-size: 10px;
}

/* ---------------------------------------
  一覧：引用モジュール 共通
--------------------------------------- */

#mainColumn ul.dataList li.data .dataRight ul.dataThumbs li.text {
  margin-left: 5px;
}

#mainColumn ul.dataList li.data .dataRight ul.dataThumbs li.text img.emoji {
  border: none;
  padding: 0;
  margin: 0;
}

#mainColumn ul.dataList li.data .dataRight ul.dataThumbs li.text h5.title {
  margin-bottom: 5px;
  font-weight: bold;
}

#mainColumn ul.dataList li.data .dataRight ul.dataThumbs li.text.quote {
  color: gray;
}

/* ---------------------------------------
  一覧：引用モジュール レシピ
--------------------------------------- */

#mainColumn ul.dataList li.data .dataRight ul.dataThumbs li.text.recipe {
  width: 280px;
}

/* ---------------------------------------
  一覧：引用モジュール コミュ
--------------------------------------- */

#mainColumn ul.dataList li.data .dataRight ul.dataThumbs li.text.community {
  width: 360px;
}

/* ---------------------------------------
  一覧：引用モジュール 体験記、QA
--------------------------------------- */

#mainColumn ul.dataList li.data .dataRight ul.dataThumbs li.text.method,
#mainColumn ul.dataList li.data .dataRight ul.dataThumbs li.text.question {
  padding-left: 10px;
  border-left: 2px solid #ccc;
  margin-left: 0;
}

/* ---------------------------------------
  一覧：ユーザー
--------------------------------------- */

#mainColumn ul.dataList li.data .dataRight h4 span.label,
#mainColumn h1 span.label {
  float: right;
  *margin-top: -1.2em; /* IE6 */
  background-color: #BFBFBF;
  border-radius: 3px 3px 3px 3px;
  color: #FFFFFF;
  font-size: 9.75px;
  font-weight: bold;
  padding: 1px 3px 2px;
  text-transform: uppercase;
  white-space: nowrap;
  display: block;
}

#mainColumn ul.dataList li.data .dataRight h4 span.label.green,
#mainColumn h1 span.label.green {
  background-color: #46A546;
}

#mainColumn ul.dataList li.data .dataRight h4 span.label.red,
#mainColumn h1 span.label.red {
  background-color: #C43C35;
}

#mainColumn ul.dataList li.data .dataRight h4 span.label.blue,
#mainColumn h1 span.label.blue {
  background-color: #62CFFC;
}

#mainColumn ul.dataList li.data .dataRight h4 span.label.yellow,
#mainColumn h1 span.label.yellow {
  background-color: #F89406;
}

/* ---------------------------------------
  一覧：表組み 日記一括入力など
--------------------------------------- */

table.stats {
  border: 1px #dddddd solid;
  border-collapse: collapse;
  border-spacing: 0;
}

table.stats th {
  padding: 5px !important;
  border-bottom: #dddddd solid;
  border-width: 0 0 1px 1px;
  background: #fff;
  font-weight: bold;
  line-height: 120%;
  text-align: center;
  vertical-align: middle;
}

table.stats tr {
  height: 35px;
}

table.stats td {
  padding: 5px !important;
  border: 1px #dddddd solid;
  border-width: 0 0 1px 1px;
  vertical-align: middle;
}

table.stats td input {
  border: 1px solid #dddddd;
  padding: 5px;
  vertical-align: middle;
}

table.stats td input.typeText {
  width: 50px;
}

/* ---------------------------------------
  詳細：日記
--------------------------------------- */

#mainColumn span.prev a {
  float: left;
  text-align: left;
  width: 50%;
}

#mainColumn span.next a {
  float: right;
  text-align: right;
  width: 50%;
}

#mainColumn p.nav {
  text-align: right;
}

/* ---------------------------------------
  詳細：食事運動
--------------------------------------- */

#mainColumn #foodExercise {
  margin:5px 0;
}

#mainColumn #foodExercise h3 {
  margin-top:-1px;
}

#mainColumn #foodExercise dl.foodExerciseData dt {
  padding:5px 0 0 5px;
}

#mainColumn #foodExercise dl.foodExerciseData dd {
  padding:0 0 5px 5px;
  color:#999999;
  border-bottom:1px solid #e9e9e9;
}

#mainColumn #foodExercise p {
  text-align:right;
}

/* ---------------------------------------
  詳細：レシピ
--------------------------------------- */

#mainColumn .recipeH1 {
  color: #492320;
  background: #eeeecc;
  padding: 10px;
}

#mainColumn .recipeContainer {
  width: 490px;
}

#mainColumn .recipeContainer .recipePhoto {
  float: left;
  width: 240px;
  margin-right: 10px;
  margin-bottom: 10px;
}

#mainColumn .recipeContainer .recipeData {
  float: left;
  width: 240px;
  margin-bottom: 10px;
}

#mainColumn .recipeContainer .recipeData p {
  padding-top: 0;
}

#mainColumn .recipeContainer .recipeData h3 {
  padding: 10px 0 5px 0;
  color: #E0D7C1;
}

#mainColumn .recipeFlow {
  float: left;
  width: 160px;
  margin-right: 3px;
  *margin-right: 2px; /* IE6 */
  margin-bottom: 5px;
}

#mainColumn .recipeFlow h3,
#mainColumn .recipeOthers h3 {
  color: #E0D7C1;
}

#mainColumn .recipeOthers {
  margin-top: 10px;
}

#mainColumn .recipeOthers span {
  margin-right: 10px;
}

#mainColumn h3.recipeCommentHeader {
  color: #492320;
  background: #eeeecc;
  padding: 5px;
  margin-bottom: 5px;
}

/* ---------------------------------------
  詳細：食品カロリー
--------------------------------------- */

dl.macronutrient {
    padding: 1em 0;
}

dl.macronutrient dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 7.5em;
  color: #000;
}

dl.macronutrient dd {
  margin-bottom: 0.8em;
  margin-left: 7.5em;
}

/* ---------------------------------------
  詳細：体験記
--------------------------------------- */

#mainColumn span.caution.methodScore {
  font-size: 16px;
}

#mainColumn ul.methodUserList {
  width: 100%;
}

#mainColumn ul.methodUserList li {
  float: left;
  padding: 1px;
}

#mainColumn a.btn {
  width: 117px;
}

#mainColumn input.btn {
  min-width: 117px;
}

#mainColumn ul.dataList li.data .dataRight h4 span.commentStatus {
  float: right;
  *margin-top: -1.3em; /* IE6 */
}

/* ---------------------------------------
  詳細：コミュニティ
--------------------------------------- */

#mainColumn p.center {
  text-align: center;
}

#mainColumn a.btn.community {
  width: 240px;
}

/* ---------------------------------------
  詳細：プロフィール
--------------------------------------- */

#mainColumn .chart {
  text-align: center;
  padding-top: 10px;
}

#mainColumn .chart .navSwf {
  font-size: 11px;
  margin-bottom: 5px;
}

#mainColumn .chartProfile {
  border: 1px solid #e9e9e9;
}

#mainColumn h3.profileHeader {
  background: #f2f2f2;
  font-size: 11px;
  border-top: 1px solid #e9e9e9;
  padding: 4px 5px 5px;
}

#mainColumn h3.profileHeader span {
  float: right;
  *margin-top: -2em; /* IE6 */
  *margin-right: 5px; /* IE6 */
}

#mainColumn h3.profileHeader.left span {
  float: left;
}

#mainColumn table.profile {
  width: 100%;
  background-color: #fff !important;
  border-collapse: collapse;
  border-spacing: 0;
}

#mainColumn table.profile tr th,
#mainColumn table.profile tr td {
  border-bottom: 1px solid #e9e9e9;
  padding: 10px 5px;
}
#mainColumn table.profile tr td {
  padding-left: 11px;
}

#mainColumn table.profile tr th {
  width: 110px;
  text-align: left;
  font-weight: bold;
  color: #999;
}

#mainColumn table.profile span.note {
  font-size: 11px;
  color: #999;
}

.mainHeader h3.profileHeader {
  background: #f2f2f2;
  font-size: 11px;
  border-top: 1px solid #e9e9e9;
  padding: 4px 5px 5px;
}

.mainHeader h3.profileHeader span {
  float: right;
  *margin-top: -2em; /* IE6 */
  *margin-right: 5px; /* IE6 */
}

/* ---------------------------------------
  詳細：2カラムヘッダー
--------------------------------------- */

#mainHeader {
  width: 805px;
  background: none repeat scroll 0 0 #ffffff;
  padding: 10px;
  margin-top: 45px;
  margin-bottom: -40px;
}

#mainHeader h3.profileHeader {
  background: #f2f2f2;
  font-size: 11px;
  border-top: 1px solid #e9e9e9;
  padding: 4px 5px 5px;
}

#mainHeader h3.profileHeader span {
  float: right;
  *margin-top: -2em; /* IE6 */
  *margin-right: 5px; /* IE6 */
}

#mainHeader h3.profileHeader.left span {
  float: left;
}

#mainHeader table.profile {
  width: 100%;
  background-color: #fff !important;
  border-collapse: collapse;
  border-spacing: 0;
}

#mainHeader table.profile tr th,
#mainHeader table.profile tr td {
  border-bottom: 1px solid #e9e9e9;
  padding: 10px 5px;
}

#mainHeader table.profile tr th {
  width: 110px;
  text-align: left;
  font-weight: bold;
  color: #999;
}

#mainHeader table.profile span.note {
  font-size: 11px;
  color: #999;
}

.mainHeader h3.profileHeader {
  background: #f2f2f2;
  font-size: 11px;
  border-top: 1px solid #e9e9e9;
  padding: 4px 5px 5px;
}

.mainHeader h3.profileHeader span {
  float: right;
  *margin-top: -2em; /* IE6 */
  *margin-right: 5px; /* IE6 */
}

/* ---------------------------------------
  フォーム：全体
--------------------------------------- */

#mainColumn form {
  display: inline;
}

#mainColumn form table.form {
  background-color: #F1F6FA !important;
  border-collapse: collapse;
  border-spacing: 0;
  width: 490px;
}

#mainColumn form table.form tr th,
#mainColumn form table.form tr td {
  border-bottom: 2px solid #fff;
  padding: 10px;
}

#mainColumn form table.form tr th {
  width: 110px;
  text-align: right;
}

#mainColumn form table.form tr td input,
#mainColumn form table.form tr td select,
#mainColumn form table.form tr td textarea {
  padding: 2px;
  vertical-align: middle;
}

#mainColumn form table.form tr td .errorMsg {
  color: #FF2222;
  font-weight: bold;
}

#mainColumn form table.form tr td .title {
  width: 98%;
  font-weight: bold;
}

#mainColumn form table.form tr th .title {
  font-weight: bold;
}

#mainColumn form table.form tr td .title span {
  font-weight: normal;
  color: #999;
}

#mainColumn form table.form tr td .subTitle {
  width: 98%;
  padding-top: 10px;
  padding-bottom: 3px;

}

#mainColumn form table.form span.note {
  font-size: 11px;
  color: #999;
}

#mainColumn form p.submit {
  text-align: center;
  margin-top: 15px;
}

#mainColumn form .error_list {
  color: #FF2222;
  font-weight: bold;
}

#mainColumn form em.formerror {
  display: block;
  margin-bottom: 3px;
  color: red;
  font-weight: bold;
  font-style: normal;
}

/* ---------------------------------------
  フォーム：プロフィール
--------------------------------------- */

#mainColumn form table.form tr td #registry_email,
#mainColumn form table.form tr td #user_name,
#mainColumn form table.form tr td #user_nickname,
#mainColumn form table.form tr td #user_target_text,
#mainColumn form table.form tr td #user_password,
#mainColumn form table.form tr td #user_password2,
#mainColumn form table.form tr td #user_captcha {
  width: 330px;
}

#mainColumn form table.form tr td #user_birth_year,
#mainColumn form table.form tr td #user_birth_month,
#mainColumn form table.form tr td #user_birth_day,
#mainColumn form table.form tr td #user_tall,
#mainColumn form table.form tr td #user_start_weight,
#mainColumn form table.form tr td #user_start_year,
#mainColumn form table.form tr td #user_start_month,
#mainColumn form table.form tr td #user_start_day,
#mainColumn form table.form tr td #user_target_weight,
#mainColumn form table.form tr td #user_target_year,
#mainColumn form table.form tr td #user_target_month,
#mainColumn form table.form tr td #user_target_day,
#mainColumn form table.form tr td #user_start_fat,
#mainColumn form table.form tr td #user_target_fat {
  width: 75px;
}

/* ---------------------------------------
  フォーム：テーマ
--------------------------------------- */
#mainColumn form table.form tr td .theme {
padding-bottom: 5px;

}

#mainColumn form table.form tr td .toc {
  background: none repeat scroll 0 0 #fff;
  display: block !important;
  overflow: auto;
  font-size: 11px;
  height: 140px;
}

/* ---------------------------------------
  フォーム：日記
--------------------------------------- */

#mainColumn form table.form tr td #diary_title,
#mainColumn form table.form tr td #diary_text {
  width: 450px;
  display: block;
}

#mainColumn form table.form tr td #diary_diary_date,
#mainColumn form table.form tr td #diary_weight,
#mainColumn form table.form tr td #diary_fat,
#mainColumn form table.form tr td #diary_kcal {
  width: 75px;
}

#mainColumn form table.form tr td .diary-image-box {
  float: left;
  margin: 5px 5px 0 0;
}

#mainColumn form table.form tr td #selected-methods {
  width: 95%;
}

#mainColumn form table.form tr td #selected-methods span {
  float: left;
  white-space: nowrap;
  margin-right: 1em;
}

#mainColumn form table.form tr td .meal-data a {
  display: inline-block;
  padding-right: 5px;
}

#mainColumn form.commonForm table.form {
  width: 100%;
  margin-bottom:10px;
}

#mainColumn form#meals-form table.form {
  width: 100%;
  margin-bottom:10px;
}

#mainColumn form#meals-form table.form #diary_meal_food_name {
  width: 550px;
}

#mainColumn form#meals-form table.form #diary_meal_food_brand {
  width: 550px;
}
/* ---------------------------------------
  フォーム：一括入力
--------------------------------------- */

#mainColumn form table.form tr td .weight,
#mainColumn form table.form tr td .fat{
  width: 70px;
}

/* ---------------------------------------
  フォーム：ログイン
--------------------------------------- */

#mainColumn form table.form tr td #login_name,
#mainColumn form table.form tr td #login_password {
  width: 450px;
}

/* ---------------------------------------
  フォーム：再チェック
--------------------------------------- */

#mainColumn form table.form tr td #recheck_email {
    width: 450px;
}

/* ---------------------------------------
  フォーム：パスワードリマインダ
--------------------------------------- */
#mainColumn form table.form tr td #reminder_email {
  width: 450px;
}

/* ---------------------------------------
  フォーム：レシピ
--------------------------------------- */
#mainColumn form#add-recipe #recipe_title{border:1px solid #ccc; padding:3px; width:460px;}
#mainColumn form#add-recipe #recipe_message{border:1px solid #ccc; padding:3px; width:230px; height:60px;}
#mainColumn form#add-recipe #recipe_ingredient{border:1px solid #ccc; padding:3px; width:230px; height:100px;}
#mainColumn form#add-recipe .recipe-flow-text{border:1px solid #ccc; padding:3px; width:152px; height:85px;}
#mainColumn form#add-recipe #recipe_other_text{border:1px solid #ccc; padding:3px; width:480px; height:70px;}

#mainColumn form#add-recipe .recipe-head {
  font-size: 13px;
}

#mainColumn form#add-recipe input.tipped,
#mainColumn form#add-recipe textarea.tipped {color: #bbbbbb;}

#mainColumn form#add-recipe .recipe-image-del {display: none; }

/* ---------------------------------------
  フォーム：レシピ コメント
--------------------------------------- */

#mainColumn form.recipeCommentForm textarea {
  width: 100%;
  *width: 420px; /* IE6 */
  margin-bottom: 5px;
}

/* ---------------------------------------
  フォーム：体験記
--------------------------------------- */
#mainColumn form table.form tr td #method_request_title,
#mainColumn form table.form tr td #method_request_text {
  width: 450px;
}

#mainColumn form table.form tr td #selected-categorys {
  width: 95%;
}

#mainColumn form table.form tr td #selected-categorys span {
  float: left;
  white-space: nowrap;
  margin-right: 1em;
}

/* ---------------------------------------
  フォーム：体験記 コメント
--------------------------------------- */

#mainColumn form.methodCommentForm textarea {
  width: 100%;
  *width: 420px; /* IE6 */
  margin-bottom: 5px;
}

/* ---------------------------------------
  フォーム：コミュニティ
--------------------------------------- */

#mainColumn form table.form tr td #community_title,
#mainColumn form table.form tr td #community_text {
  width: 450px;
}

#mainColumn form table.form tr td .community-image-box {
  float: left;
  margin: 5px 5px 0 0;
}

#mainColumn form table.form tr td #selected-categorys {
  width: 95%;
}

#mainColumn form table.form tr td #selected-categorys span {
  float: left;
  white-space: nowrap;
  margin-right: 1em;
}

/* ---------------------------------------
  フォーム：コミュニティ コメント
--------------------------------------- */

#mainColumn form.communityCommentForm textarea {
  width: 100%;
  *width: 420px; /* IE6 */
  margin-bottom: 5px;
}


/* ---------------------------------------
  フォーム：QA
--------------------------------------- */
#mainColumn form table.form tr td #question_title,
#mainColumn form table.form tr td #question_text {
  width: 450px;
}

/* ---------------------------------------
  フォーム：Profile QA
--------------------------------------- */
#mainColumn form table.form tr td #pf_question_title,
#mainColumn form table.form tr td #pf_question_text {
  width: 450px;
}


/* ---------------------------------------
  フォーム：通報
--------------------------------------- */
#mainColumn form table.form tr td #report_text {
  width: 450px;
  display: block;
}


/* ==============================================================================

  Right Area

================================================================================= */

/* ---------------------------------------
  フォーム：FAQ
--------------------------------------- */

#rightColumn .section ul.faqList li {
  background: url("../images/list-mark_orange.gif") no-repeat 0 50%;
  margin: 0.25em 0 0.25em 1.25em;
  padding-left: 1.25em;
}

/* ---------------------------------------
  プロフィール：共通
--------------------------------------- */

#rightColumn .profileRightContent {
  border-bottom: 1px solid #e9e9e9;
  *padding-bottom: 10px; /* IE6 */
  margin-top: 10px;
  height: 100%;
}

#rightColumn .profileRightContent h5 {
  margin-left: 5px;
  padding-bottom: 5px;
}

#rightColumn .profileRightContent h5 img{
  margin-right: 5px;
  vertical-align: middle;
}

/* ---------------------------------------
  プロフィール：stats
--------------------------------------- */

#rightColumn .profileRightContent ul.userStatsList {
  margin-top: 10px;
  margin-left: 5px;
  margin-bottom: 10px;
}

#rightColumn .profileRightContent ul.userStatsList li {
  float: left;
  padding: 0 5px !important;
  border-right: 1px solid #e9e9e9;
  margin-left: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background: none !important;
}

#rightColumn .profileRightContent ul.userStatsList li.last {
  border-right: none;
}

#rightColumn .profileRightContent ul.userStatsList li a.userStats {
  display: block;
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
}

#rightColumn .profileRightContent ul.userStatsList li span {
  display: block;
  font-size: 11px;
  font-weight: normal;
  padding: 3px 0;
  color: #2d2d2d;
}

/* ---------------------------------------
  プロフィール：最新フォト
--------------------------------------- */

#rightColumn .profileRightContent ul.dataList {
  margin-left: 5px;
  margin-bottom: 10px;
}

#rightColumn .profileRightContent ul.dataList li {
  float: left;
  background: none !important;
  margin: 0;
  padding: 0;
}

#rightColumn .profileRightContent ul.dataList li img {
  border: 1px solid #e9e9e9;
  padding: 3px;
  margin-bottom: 4px;
  margin-right: 4px;
}

#rightColumn .profileRightContent ul.dataList li a:hover img {
  border: 1px solid #3366cc;
  padding: 3px;
  margin-bottom: 4px;
  margin-right: 4px;
}

/* ---------------------------------------
  プロフィール：ライバル
--------------------------------------- */

#rightColumn .profileRightContent ul.rivalList {
  margin-left: 5px;
  margin-bottom: 10px;
}

#rightColumn .profileRightContent ul.rivalList li {
  float: left;
  padding: 1px;
  margin: 0;
  background: none;
}

/* ---------------------------------------
  共通：データリスト
--------------------------------------- */

#rightColumn .profileRightContent table.dataList {
  margin-left: 5px;
  margin-bottom: 10px;
}

#rightColumn .profileRightContent table.dataList td.thumbs {
  padding-bottom: 3px;
  padding-right: 5px;
}

#rightColumn .profileRightContent table.dataList td.thumbs img {
  border: 1px solid #e9e9e9;
  padding: 3px;
  width: 50px;
}

#rightColumn .profileRightContent table.dataList td.thumbs img a:hover {
  border: 1px solid #3366cc;
}

#rightColumn .profileRightContent table.dataList td a.userName {
  font-weight: bold;
}


/* ==============================================================================

  Left Area

================================================================================= */

/* ---------------------------------------
  共通：左カラムボタン
--------------------------------------- */

#leftColumn a.btn.left {
  width: 158px;
  border-radius: 0;
}

/* ---------------------------------------
  共通：左カラム検索
--------------------------------------- */

#leftColumn .formBox {
  padding: 10px;
  background: #fff;
  font-size: 12px;
}

#leftColumn .formBox form span.title {
  color: #999;
  display: block;
  font-weight: bold;
  padding-top: 2px;
}

#leftColumn .formBox form input#search_tall,
#leftColumn .formBox form input#search_current_weight,
#leftColumn .formBox form input#search_target_weight,
#leftColumn .formBox form input#search_target_fat {
  width: 100px;
}

#leftColumn .formBox form input#search_nickname,
#leftColumn .formBox form input#search_text {
  width: 135px;
}

#leftColumn .formBox form input#search_start_tall,
#leftColumn .formBox form input#search_end_tall,
#leftColumn .formBox form input#search_start_weight,
#leftColumn .formBox form input#search_end_weight,
#leftColumn .formBox form input#search_start_fat,
#leftColumn .formBox form input#search_end_fat {
  width: 40px;
}

#leftColumn .formBox form input#sendButton {
  margin-top: 10px;
}

#leftColumn .formBox form input#left-mail-box-form-input-mail {
  margin: 5px 0;
}

/* ---------------------------------------
  TOP：プロフィール
--------------------------------------- */

#leftColumn #profileBox {
  background: #fff;
}

#leftColumn #profileBox .profileHref {
  display: inline-block;
  width: 160px;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  padding: 5px 0;
}

/* ---------------------------------------
  TOP：ユーザーメニュー
--------------------------------------- */

#leftColumn ul.userMenu li.title {
  background-color: #fff;
  font-weight: bold;
  display: block;
  padding: 0.4em 0 0.4em 0.5em;
  color: #999;
}

#leftColumn ul.userMenu li {
  display: block;
  padding-left: 2.5em;
  border-left: none;
  margin: 1px 0;
}

#leftColumn ul.userMenu li a {
  padding-left: 0.2em;
  font-size: 0.9em;
}

#leftColumn ul.userMenu li a:hover {
  background: #fff;
  color: #000;
}

#leftColumn ul.userMenu li.home {
  background: url("../images/home-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.profile {
  background: url("../images/profile-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.diary {
  background: url("../images/diary-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.message {
  background: url("../images/message-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.rival {
  background: url("../images/rival-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.classmate {
  background: url("../images/classmate-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.similar {
  background: url("../images/similar-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.search {
  background: url("../images/search-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.community {
  background: url("../images/community-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.list {
  background: url("../images/list-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.recipe {
  background: url("../images/recipe-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.history {
  background: url("../images/history-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.photos {
  background: url("../images/photos-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.message-add {
  background: url("../images/message-add-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.add-rival-btn {
  background: url("../images/rival-add-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.del-rival-btn {
  background: url("../images/rival-del-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.archive {
  background: url("../images/archive-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.diaries {
  background: url("../images/list-mark_yellow.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.config {
  background: url("../images/config-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.regist {
  background: url("../images/regist-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.login {
  background: url("../images/login-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.info {
  background: url("../images/info-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.faq {
  background: url("../images/faq-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.ipod {
  background: url("../images/ipod-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.phone {
  background: url("../images/phone-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.ameblo {
  background: url("../images/ameblo-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.twitter {
  background: url("../images/twitter-ico.gif") no-repeat 7% 50% #fff;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  #leftColumn ul.userMenu li.twitter { padding-bottom: 5px; }
}

#leftColumn ul.userMenu li.fb {
  background: url("../images/fb-ico.gif") no-repeat 8% 50% #fff;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  #leftColumn ul.userMenu li.fb { padding-bottom: 5px; }
}

#leftColumn ul.userMenu li.dciphone {
  background: url("../images/dciphone-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.ranking {
  background: url("../images/ranking-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.dc {
  background: url("../images/dc-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.tree {
  background: url("../images/tree-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.tree-end {
  background: url("../images/tree-end-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.nav {
  background: url("../images/nav-ico.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.nav.orange {
  background: url("../images/list-mark_orange.gif") no-repeat 8% 50% #fff;
}

#leftColumn ul.userMenu li.qr { padding: 0;}
#leftColumn ul.userMenu li.qr a { padding: 0;}

#leftColumn ul.userMenu li.blogparts { padding: 0;}
#leftColumn ul.userMenu li.blogparts a { padding: 0;}

/* ---------------------------------------
  jQuery UI
--------------------------------------- */

.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item {
   margin: 0;
   padding: 0;
   width: 100%;
   margin: 0;
}
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a {
  padding: 2px 1px;
  vertical-align: middle;
  text-decoration: none;
  margin: 0;
  font: -webkit-small-control;
  font-size: 92.4%;
  line-height: 1.5;
  color: initial;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: block;
  text-align: -webkit-auto;
  line-height: 1.5;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  background: #f3f3f3;
  border: none;
  padding: 2px 1px;
  margin: 0;
}
.ui-menu .ui-menu-item a .note{
  color: #999;
}
/* Component containers
----------------------------------*/
.ui-widget {
  font-size: 100%;
  font-family: Verdana, Helvetica, sans-serif;
}
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url() 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url() 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }


/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }

.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
}

/* ---------------------------------------
  Developers
--------------------------------------- */
pre {
  background: #eeeeee;
  padding: 10px;
  margin-bottom: 10px;
}

/* ---------------------------------------
  gallery
--------------------------------------- */
#wrapper-loader {
  position: relative;
  margin: 0 auto;
  width: 988px;
  height: 154px;
  margin-top: 40px;
  background: url('/images/loader.gif') center 40px no-repeat;
}

#gallery {
    margin-top: 40px;
}
#gallery .item {
background-color: #ffffff;
box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
font-size: 11px;
padding: 15px 15px 0;
position: absolute;
width: 202px;
margin: 7.5px;
}

#gallery .item .images {
    position: relative;
}
#gallery .item a {
    font-weight: bold;
    outline: medium none;
}
#gallery .imgLink {
    background-color: #FFFFFF;
    display: block;
}
#gallery .imgLink img {
    display: block;
    margin: 0 auto;
}
#gallery .item .imgLink {
    position: relative;
}
#gallery .item .imgLink img {
    max-width: 202px;
    opacity: 1;
}
#gallery .item .description {
    margin: 10px 0 5px;
    overflow: hidden;
    word-wrap: break-word;
    width: 202px;
}
#gallery .item .description.labo {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 10px;
}
#gallery p {
    width: 166px;
    padding: 0 !important;
    overflow: hidden;
    word-wrap: break-word;
    margin: 0 0 0.8em;
}

#gallery .lightColor, .lightColor a {
    color: #8C7E7E;
}
#gallery .convo {
    background-color: #F2F0F0;
    margin: 0 -15px;
    padding: 10px 15px;
}
#gallery .attribution {
    color: #AD9C9C;
    margin-top: 10px;
}
#gallery .comments {
    border-top: 1px solid #D9D4D4;
    margin: 0 -15px;
    padding: 0 15px;
}
#gallery .colormuted, .colormuted a {
    color: #524D4D;
}
#gallery .comments .comment:last-child {
    border-bottom-width: 0;
}
#gallery .comments .comment {
    border-bottom: 1px solid #D9D4D4;
    border-top: 1px solid #FCFAFA;
    overflow: hidden;
}
#gallery .write {
    border-top: 1px solid #D9D4D4;
    box-shadow: 0 1px #FCFAFA inset;
}
#gallery .convo .imgLink {
    float: left;
    margin-right: 6px;
    width: 30px;
}

#gallery .convo .imgLink img {
    height: 30px;
    width: 30px;
}
#gallery .write form {
    position: relative;
}
#gallery .write textarea {
    border: 1px solid #CCCCCC;
    font-size: 11px;
    height: 21px;
    padding: 4px 3px 3px;
    width: 158px;
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.75) inset;
    color: #8C7E7E;
    line-height: 1em;
    font-family: inherit;
    font-weight: inherit;
    outline: medium none;
    resize: none;
}
#gallery .write .btn {
    clear: both;
    float: right;
    /* margin-top: 6px; */
    font-family: "helvetica neue",arial,sans-serif;
}
#gallery .write .btn { /* bootstrap */
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
    padding: 5px;
    text-align: center;
    transition: all 0.1s linear 0s;
}
#gallery .write .btn.white { /* bootstrap */
    background-color: #E6E6E6;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #FFFFFF 25%, #E6E6E6);
    background-repeat: repeat-x;
    border-color: #CCCCCC #CCCCCC #BBBBBB;
    color: #404040 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
.gallery.pagination {
    padding: 20px 0;
    width: 100%;
}
.gallery.pagination.pagination-centered {
    text-align: center;
}
.gallery.pagination ul {
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0;
}
.gallery.pagination ul > li {
    display: inline;
    line-height: 20px;
}
.gallery.pagination ul > li:first-child > a, .gallery.pagination ul > li:first-child > span {
    border-bottom-left-radius: 4px;
    border-left-width: 1px;
    border-top-left-radius: 4px;
}
.gallery.pagination ul > li:last-child > a, .gallery.pagination ul > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.gallery.pagination ul > .disabled > span, .gallery.pagination ul > .disabled > a, .gallery.pagination ul > .disabled > a:hover {
    background-color: #f5f5f5;
    color: #999999 !important;
    cursor: default;
    text-decoration: none !important;
}
.gallery.pagination ul > .active > a, .gallery.pagination ul > .active > span {
    color: #999999 !important;
    cursor: default;
    text-decoration: none !important;
}
.gallery.pagination ul > li > a:hover, .gallery.pagination ul > .active > a, .gallery.pagination ul > .active > span {
    background-color: #F5F5F5;
}
.gallery.pagination ul > li > a, .gallery.pagination ul > li > span {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    line-height: 20px;
    padding: 4px 12px;
    text-decoration: none;
}


/* ---------------------------------------
  profile
--------------------------------------- */
.profileQuestionTitle {
  background: url('/images/profile/bg_q_04.gif') left top no-repeat;
  padding-left: 28px;
  line-height: 24px;
}

.profileQuestionDetailTitle {
  background: url('/images/profile/bg_q_08.gif') left top no-repeat;
  padding-left: 58px;
  line-height: 54px;
  border-bottom: 1px dotted #eeeeee;
}

/** questionSection **/
p.profileUser {
  padding-top: 10px;
  text-align: left;
}

p.profileUser span {
  padding: 2px 0px 2px 16px;
  background: url('/images/profile/bg_user.gif') no-repeat left center;
  font-weight: bold;
}


/* ---------------------------------------
  プロフィール画像
--------------------------------------- */
.avatar,
.avatar img,
.dataLeft img {
  border-radius: 5px;
}


/* ---------------------------------------
  ラボ
--------------------------------------- */
.laboListLink {
  height: 200px;
}
.laboListTitle {
  display: block;
  padding: 4px 2px 2px;
  font-size: 11px;
}


/* ---------------------------------------
  詳細ページを3カラムから2カラムに変更
--------------------------------------- */
/* Structure */
#mainColumn.wide.snsDetail {
  padding: 10px 25px;
}
/* Common H3 */
#mainColumn.wide.snsDetail h3 {
  border-left: 0;
  border-bottom: 0;
  margin-bottom: 0;
}
/* Common H4 */
#mainColumn.wide.snsDetail h4 {
  background: none;
  padding: 0;
  border-bottom: 0;
  margin-bottom: 0;
}
#mainColumn.wide.snsDetail ul.dataList li.data .dataRight {
  width: 563px;
}
#mainColumn.wide.snsDetail .adMainDoubleRectangle {
  margin-bottom: 25px;
  width: 625px;
}
#mainColumn.wide.snsDetail .adMainDoubleRectangle span.left {
  float: left;
}
#mainColumn.wide.snsDetail .adMainDoubleRectangle span.right {
  float: right;
}