/* Page Catch Copy */



h1.catch {
  padding:0;
  margin:0;
  font-size:80%;
  font-weight:normal;
  color:#333333;
  position:absolute; 
    text-align:right;
	top: 50px;
	right: 10px;
    z-index:10000;
}

.copy {
  color:#333333;
  font-weight:normal;
  font-size:80%;
  padding:0;
  position:absolute; 
    text-align:right;
	top: 50px;
	right: 10px;
    z-index:10000;
}

/*--ヘッダー関連--*/
.htp{
  padding-top: 5px;
  text-align: right;
  font-size: 12px;
  white-space: nowrap;
}
.htp span{
  font-size: 12px;
  color: #999999;
}

.htp a, .htp a:visited{
  font-size: 12px;
  color: #003366;
}

.htp a img{
  vertical-align: middle;
}

.hgb{
  width: 100%;
  /* min-width:770px; */
  margin-bottom: 3em;
}

.hl {
/*  float: left; */
/*  padding-top: 7px;
  padding-right: 5px;
  padding-left: 5px;
  white-space: nowrap;
*/
/*  width:170px; */
}

/* プルダウンメニュー */
.hr {
  margin-top: 22px;
  float: right;
  white-space: nowrap;
  width:580px;
}

.gnav {
  list-style: none;
  margin: 0px;
  padding: 0px;
  white-space: nowrap;
}

.gnav li.normal {
  float: left;
  font-size: 12px;
  height: 23px;
  /* line-height: 12px; */
  position: relative;
  z-index: 90;
  width: 90px;
  text-align: center;
  margin-right: 3px;
  border-left: 1px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
}
/*
.gnav li.no-menu-li {
  padding-top: 3px;
}
*/
.gnav li span {
  padding-top: 3px;
  display: block;
  white-space: nowrap;
  cursor: pointer
}

/* IE FireFox */
.gnav li > span{
  padding-top:0;
  line-height: 23px;
}

/* オンマウス時 */
.gnav-act{
  float: left;
  font-size: 12px;
  height: 23px;
  position: relative;
  width: 90px;
  text-align: center;
  margin-right: 3px;
  border-left: 1px solid #CCCCCC;
  border-right: 2px solid #999999;
  border-top: 1px solid #CCCCCC;
  z-index: 90;
}

/* 選択済みメニュー */
.act-menu-li{
  float: left;
  font-size: 12px;
  height: 23px;
  position: relative;
  z-index: 90;
  width: 90px;
  text-align: center;
  margin-right: 3px;
  border-left: 1px solid #CCCCCC;
  border-right: 2px solid #999999;
  border-top: 1px solid #CCCCCC;
}
.act-menu-li span{
  text-decoration: underline;
  font-weight: bold;
}
.act-no-menu-li{
/*
  padding-top: 3px;
  background-image: url('/img/gmenu/g-act-back.jpg');
  border-left: 1px solid #CCCCCC;
  border-right: 2px solid #999999;
  border-top: 1px solid #CCCCCC;
*/
}
.act-no-menu-li span{
  text-decoration: underline;
  font-weight: bold;
}

/* ▼画像 */
.gnav li a img.pull {
  vertical-align: middle;
  margin-left: 2px;
  z-index: 95;
}

.gnav li a img.icon {
  padding: 0px;
  margin-right: 2px;
  vertical-align: middle;
}


/* 大メニューリンク */
.gnav li a {
  padding-top: 2px;
  width: 90px;
  height: 21px;
  display: block;
  text-decoration: none;
  color: #003366;
}

/* IE FireFox */
.gnav li span > a{
  padding-top:0px;
  line-height: 23px;
}

.gnav li a:hover {
  background: none;
  color: #003366;
  text-decoration: underline;
}

/* 小メニュー */
.gnav li div {
  left: 0px;
  display: none;
  position: absolute;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 2px solid #999999;
  border-bottom: 2px solid #999999;
  width: 150px;
  z-index: 92;
  background-color: white;
  text-align: center;
  font-weight: normal;
  text-decoration: none;
}

/* 小メニューリンク */
.gnav li div a {
  display: block;
  margin: 3px;
  padding: 3px;
  font-size: 14px;
  text-align: left;
  text-decoration: none;
  color: #003366;
  height: 23px;
  line-height: 23px;
  width: 90%;
  border-bottom: 1px dotted #CCCCCC;
}

.gnav li div a img {
  margin-right: 3px;
  margin-bottom: 2px;
  vertical-align: middle;
}

.gnav li div a.bottom-link{
  border-bottom: none;
}

.gnav li div a.bottom-link img{
  margin-right: 3px;
  margin-bottom: 2px;
  vertical-align: middle;
}

.gnav li div a.g-sep{
  border-bottom: 1px solid #666666;
}

.gnav li div a.g-sep img{
  margin-right: 3px;
  margin-bottom: 2px;
  vertical-align: middle;
}

/*
.gnav li div a:hover {
  color: #FFFFFF;
  background-color: #335599;
  text-decoration: none;
}

*/

.gnav li div img{
  text-align: center;
  margin: 0px;
  padding: 0px;
}




.hlb{
  margin-top: 8px;
  background-image: url('/img/gmenu/lnav-back.jpg');
  height: 37px;
}

.hlb-l{
  background-image: url('/img/gmenu/lnav-l.jpg');
  float: left;
  width: 10px;
  height: 37px;
}

.hlb-m{
  float: left;
}

.hlb-m a{
  font-size: 80%;
  color: #003366;
  text-decoration: none;
  padding-left: 15px;
  padding-right: 15px;
}

.hlb-m a:visited{
  color: #003366;
}

.hlb-m a:hover{
  color: #003366;
  text-decoration: underline;
}

.hlb-m img{
  vertical-align: middle;
}

.hlb-r{
  background-image: url('/img/gmenu/lnav-r.jpg');
  float: right;
  width: 10px;
  height: 37px;
}

/* ノート以外のグローバルメニュー下線 */
.gline {
  background-image: url('/note/img/head/nhtl-back.jpg');
  background-repeat: repeat-x;
  width: 100%;
  height: 10px;
  overflow: hidden;
  clear: both;
}

.imgnum-inact{
  font-weight: normal;
  color: #666666;
  background-image: url('/note/img/numback.gif');
  font-size: 12px;
  cursor: pointer;
  width: 19px;
  height: 19px;
  float: left;
  line-height: 19px;
  padding-top: 1px;
  padding-left: 1px;
  text-align: center;
}
.imgnum-act{
  font-weight: normal;
  color: #FFFFFF;
  background-image: url('/note/img/numback_on.gif');
  font-size: 12px;
  cursor: pointer;
  width: 19px;
  height: 19px;
  float: left;
  line-height: 19px;
  padding-top: 1px;
  padding-left: 1px;
  text-align: center;
}





/*--共通フッターー-*/
.footer {
  background-image:   url('/img/gmenu/foot-line.gif');
  background-repeat: repeat-x;
  font-size:80%;
  padding:15px 7px;
  margin-top:50px;
}
.footer b {
   padding-right:7px;
}
.footer a {
   padding-left:5px;
   padding-right:5px;
}
.fol {
  float:left;
  border-left:5px solid #CC0000;
  padding-left:7px;
}
.for {
  float:right;
  border-left:5px solid #CC0000;
  padding-left:7px;
}
.foot-copy {
  clear:both;
  font-size:80%;
  line-height:1.3;
  text-align:center;
  padding-top:10px;
}


/*--ページ分割版--*/
/*大枠テーブル普通【190(10)－100%－(10)190】*/
/*大枠テーブル小　【160(10)－100%－(10)160】*/

/*左(右余白）*/
.base-l {
  max-width:190px;
  min-width:140px;
  vertical-align:top;
  padding-right:10px;
}
.base-ls {
  width:160px;
  vertical-align:top;
  padding-right:10px;
}

/*メイン*/
.base-m {
  width:auto;
  vertical-align:top;
}

/*右（左余白）*/
.base-r {
  width:190px;
  vertical-align:top;
  padding-left:10px;
}
.base-rs {
  width:160px;
  vertical-align:top;
  padding-left:10px;
}





/*--パンくずリスト--*/
.navilink {
   color:#666666;
   padding:3px 10px 10px 10px;
   margin-bottom:20px;
}
.navilink a {
   font-size:12px;
   color:#335599;
}
.navilink strong {
   font-size:12px;
}
.navilink h1 {
   display:inline;
   margin:0;
   font-size:12px;
}
.meal-navi{
   color:#666666;
   padding:3px 10px 10px 10px;
}
.meal-navi a {
   font-size:12px;
   color:#335599;
}
.meal-navi strong {
   font-size:12px;
}
.meal-navi h1 {
   display:inline;
   margin:0;
   font-size:12px;
}
/*--ページめくり--*/
.page {
     font-size:13px;
   text-align:center;
}
.page a {
     padding-left:4px;
     padding-right:4px;
}
.page b {
     padding-left:4px;
     padding-right:4px;
}




/*--共通使用・タイトル--*/
h2.ti {
    margin:0 0 3px 5px;
  padding:0;
  border-left:8px solid #CC0000;
  padding-left:10px;
  font-size:130%;
}
h2.ti2 {
    margin:0 0 3px 5px;
  padding:0;
  border-left:8px solid #CC0000;
  padding-left:10px;
  font-size:100%;
}

/*--共通使用・ボーダー--*/
div.line {
   background-image:   url(/img/h2line.gif);
   background-repeat: repeat-x;
   height:5px;
   margin-top:2px;
   margin-bottom:7px;
}

/*--共通使用・コメント--*/
div.com {
    font-size:13px;
  line-height:1.4;
  padding:2px 10px 5px 10px;
}
div.com span {
    color:#CC0000;
}
div.com b {
    color:#333333;
}

div.com p {
    padding:5px 10px;
  margin:0;
}
/*--共通使用・テーブル--*/
.ta1 {
    border:1px solid #F3F3F3;
  margin:30px 20px;
}
.ta1 th {
    font-size:100%;
  color:#666666;
  text-align:left;
  padding:5px;
  background-color:#F6F6F6;
}
.ta1 td { 
    font-size:13px;
  line-height:150%;
  padding:10px 10px 10px 20px;
  vertical-align:top;
}

.ta2 {
  margin:10px 20px;
}
.ta2 th {
  font-size:14px;
  line-height:1.4;
  color:#666666;
  text-align:left;
  padding:5px;
  background-color:#F6F6F6;
  border-left:7px solid #CCCCCC;
}
.ta2 td { 
    font-size:14px;
  line-height:1.3;
  padding:5px 1px 5px 20px;
  vertical-align:top;
}
.ta2 td b {
    color:#FF0000;
  font-weight:normal;
  margin-left:5px;
}
.ta2 td div {
    color:#FF3333;
  padding:3px 10px;
}
.ta2 td span {
    color:#666666;
}
.ta2 td ul {
   padding:5px;
   margin:1px 5px 10px 30px;
}
.ta2 td li {
   display:inline;
   padding-right:0.8em;
   line-height:1.4em;
}




.ta3 {
  border-collapse:collapse;
  border:1px solid #CCCCCC;
}
.ta3 th {
    font-size:13px;
  font-weight:normal;
  background-color:#E6E6E6;
  border:1px solid #CCCCCC;
  padding:8px 5px;
}
.ta3 th span {
    color:#CC0000;
}
.ta3 td {
    font-size:13px;
  line-height:150%;
  color:#333333;
  border:1px solid #CCCCCC;
  padding:8px 15px;
}
.ta3 td span {
    color:#FF6633;
  font-size:13px;
}

.ta4 {
}
.ta4 th {
    font-size:13px;
  padding:8px;
}
.ta4 td {
    font-size:12px;
  padding:10px 20px;
  line-height:150%;
  background-color:#F6F6F6;
  border:1px solid #CCCCCC;
}

/*=============--共通トップページ関連--======================*/
/*--トップページ大枠テーブル--*/
.top-l {
  vertical-align:top;
  width:555px;
    padding-right:20px;
}
.top-r {
  vertical-align:top;
  width:245px;
  padding-top:23px;
}



/*=============--共通トップページ関連--======================*/

/*--検索関連--*/
.top-sear {
   background-image:   url(/img/top/search.jpg);
   background-repeat: no-repeat;
   /*width:535px;*/
   height:38px;
   padding-top:8px;
   padding-left:70px;
}
.top-sear input {
   vertical-align:middle;
}
.top-sear select {
   vertical-align:middle;
   font-size:80%;
   color:#666666;
}

/*=============--共通トップページ関連--======================*/
/*--特集関連--*/
.top-spe {
   background-image:   url(/img/top/spe-back.jpg);
   background-repeat: no-repeat;
   border:1px solid #CCCCCC;
}
.top-spe td {
   padding:5px 10px;
   font-size:12px;
   line-height:1.3;
}
.top-spe td div {
   width:370px;
   padding-left:15px;
}



/*=============--共通トップページ関連--======================*/

/*=============--共通トップページ関連--======================*/
/*--コンテンツ関連（健康診断）--*/
.in-check {
   border-left:1px solid #CCCCCC;
   border-right:1px solid #CCCCCC;
   margin-top:10px;
}
.in-check td.in-ch-new {
   padding:5px 3px 5px 10px;
   vertical-align:top;
   font-size:13px;
}
.in-check td.in-ch-new img {
   border:1px solid #666666;
}
.in-check td {
   font-size:12px;
   line-height:150%;
   vertical-align:top;
   padding:5px 5px 5px 0px;
}
.in-check td strong {
   font-size:16px;
}
.in-check td b {
   font-size:14px;
}
.in-check td a {
   padding-right:8px;
}
.in-check td img {
   margin-right:2px;
}

/*=============--共通トップページ関連--======================*/
/*--コンテンツ関連（脳トレ）--*/
.in-tra {
   background-image:   url(/img/top/in-tra-back.gif);
   background-repeat: no-repeat;
   margin-top:10px;
}
.in-tra th {
   font-size:12px;
   font-weight:normal;
   line-height:1.4;
   text-align:left;
   padding:78px 10px 5px 110px;
}
.in-tra td.c {
   font-size:11px;
   vertical-align:top;
   text-align:center;
   padding:7px 5px;
}
.in-tra td.c img {
   border:1px solid #333333;
   margin-bottom:5px;
}
.in-tra td.r {
   vertical-align:bottom;
   text-align:right;
   padding-right:15px;
   padding-bottom:7px;
}

/*=============--共通トップページ関連--======================*/
/*--コンテンツ関連（記録ノート）--*/
.in-note {
   border-left:1px solid #CCCCCC;
   border-right:1px solid #CCCCCC;
   margin-top:15px;
}
.in-note td {
   text-align:center;
   font-size:12px;
   padding-top:8px;
   padding-bottom:4px;
   vertical-align:bottom;
}

/*=============--共通トップページ関連--======================*/
/*--コンテンツ関連（Q&A）--*/
.in-qa {
   border-left:1px solid #CCCCCC;
   border-right:1px solid #CCCCCC;
   margin-top:15px;
}
.in-qa td{
  font-size:12px;
  line-height:1.3;
  padding:5px 7px;
}
.in-qa td span.ex {
   color:#FF9900;

}
.in-qa td span.no {
   color:#FFCC99;
}
.in-qa td img{
   vertical-align:middle;
   margin-right:7px;
}

/*--診断結果ページ差込用--*/
.in-qa-res {
    margin:5px;
}
.in-qa-res th {
  font-size:12px;
  font-weight:normal;
  padding:5px 7px;
  background-color:#F6F6F6;
  color:#666666;
  white-space:nowrap;
}
.in-qa-res td {
  font-size:12px;
  line-height:1.3;
  padding:5px 7px;
}
.in-qa-res td span.kai1 {
    color:#CC0000;
  font-weight:bold;
  white-space:nowrap;
}
.in-qa-res td span.kai2 {
    color:#666666;
  white-space:nowrap;
}
.in-qa-res td span.ex {
   color:#FF9900;

}
.in-qa-res td span.no {
   color:#FFCC99;
}
.in-qa-res td img{
   vertical-align:middle;
   margin-right:7px;
}

.in-qa-go-list {
    text-align:right;
  font-size:12px;
  padding:5px;
  margin-bottom:15px;
}

/*=============--共通トップページ関連--======================*/
/*--コンテンツ関連（辞典）--*/
.in-dic {
   border-left:1px solid #CCCCCC;
   border-right:1px solid #CCCCCC;
   margin-top:15px;
}
.in-dic td {
   font-size:12px;
   padding:7px 5px 7px 10px;
}
.in-dic td img {
   vertical-align:middle;
   margin-right:7px;
}
.in-dic td ol{
   margin:1px 1px 1px 10px;
   padding:2px 1px 1px 10px;
}
.in-dic td li {
   line-height:180%;
}


/*=============--共通トップページ関連--======================*/
/*--コンテンツ関連（共通）--*/
th.in-ti {
     border-top:1px solid #CCCCCC;
     background-image:   url(/note/img/right/rank-t.jpg);
     background-repeat: repeat-x;
   height:30px;
   text-align:left;
   padding-left:5px;
   vertical-align: middle;
}
th.in-ti h1 {
   height: 30px;
   line-height:30px;
   font-size:12px;
   font-weight:normal;
   margin:0;
   display:inline;
   float:left;
}
th.in-ti h1 a {
   color:#000000;
   padding-left:1px;
   margin-left:1px;
   line-height:30px;
   display: -moz-inline-box; /* firefox2 対応 */
   display: inline-block;
   /display:inline;
   /zoom:1;
}
th.in-ti h1 img {
   vertical-align:middle;
   margin-right:2px;
}
th.in-ti h1 span {
   color:#0000FF;
   font-size:13px;
   padding-left:5px;
}
th.in-ti h2 {
   line-height:30px;
   float:right;
   font-size:12px;
   font-weight:normal;
   color:#333333;
   text-align:right;
   padding-right:10px;
   margin:0;
   display:inline;
}

td.go-list {
   font-size:12px;
   text-align:right;
   padding:6px 10px;
   margin:0;
   border-bottom:1px solid #CCCCCC;
}
td.go-list img{
   vertical-align:middle;
   margin-right:5px;
}


/*--=======トップページ大枠テーブル・右(共通トップ・診断トップ）=======--*/
/*--トップページ大枠テーブル・右--*/
/*診断トップ用*/
.r-top {
   background-image:   url(/sindan/img/r-top.gif);
   background-repeat: no-repeat;
   font-size:12px;
   font-weight:bold;
   color:#FFFFFF;
   width:176px;
   height:26px;
   text-indent:23px;
   line-height:26px;
}

.r-top-mm {
   margin-bottom:15px;
}
.r-top-mm td {
   border-top:1px dashed #CCCCCC;
   font-size:12px;
   color:#333333;
   line-height:1.5;
   padding:5px 1px 5px 3px;
   vertical-align:middle;
}

th.r-top-m {
   background-image:   url(/img/top/r-top-m.jpg);
   background-repeat: no-repeat;
   font-size:12px;
   font-weight:normal;
   text-align:left;
   color:#FFFFFF;
   height:29px;
   padding-left:20px;
}
th.r-top-m a {
   color:#FFFFFF;
}


/*--トップページ大枠テーブル・右・--*/
/*共通トップ・ログイン入り口*/
.r-welcome {
   border:1px solid #CCCCCC;
   background-color:#E8E8E8;
}
.r-welcome th {
   padding:7px;
   font-size:12px;
   font-weight:normal;
}
.r-welcome th div {
   display:inline;
   margin:5px;
}
.r-welcome td {
   padding:4px;
   font-size:12px;
   text-align:center;
}
.r-welcome td img  {
   margin:5px;
}

/*--トップページ大枠テーブル・右--*/
/*共通トップ・マイページ、ログイン関連用*/
.r-my {
   border:1px solid #CCCCCC;
   background-color:#E8E8E8;
}
.r-my th {
   font-size:12px;
   font-weight:normal;
   padding-top:5px;
   padding-bottom:5px;
}
.r-my th div {
   display:inline;
   margin:4px;
}
.r-my td {
   padding:5px 10px;
}
.r-my td div {
   border:1px solid #CCCCCC;
   background-color:#FFFFFF;
   margin-bottom:5px;
   padding:1px;
   font-size:12px;
}
.r-my td div img {
   vertical-align:middle;
   margin-right:5px;
}
.r-my td.r-my-go {
   text-align:right;
   padding-top:5px;
   padding-right:10px;
   padding-bottom:7px;
   font-size:12px;
}
.r-my td.r-my-go img {
   vertical-align:middle;
   margin-right:7px;
}

.r-my-next {
   text-align:right;
   padding-top:5px;
   padding-bottom:7px;
}
.r-my-next img {
   vertical-align:middle;
   margin-right:7px;
}





/*--トップページ大枠テーブル・右・トピックス--*/
.r-topi td {
   font-size:12px;
   line-height:1.3;
   padding:5px;
   color:#666666;
   border-left:1px solid #CCCCCC;
   border-bottom:1px solid #CCCCCC;
   border-right:1px solid #CCCCCC;
}
.r-topi td p {
   margin:0 0 8px 0;
   padding:0;
}





/*--マイページ関連--*/
.my-top th {
   vertical-align:top;
   padding-right:20px;
   text-align:left;
   width:50%;
}
.my-top td {
   font-size:12px;
   padding:10px 50px 10px 20px;
   vertical-align:top;
   line-height:1.7;
}
.my-top td h1 {
   font-size:100%;
   margin:5px 0;
   padding-left:8px;
   border-left:3px solid #CC0000;
   line-height:1.3;
}
.my-top td b {
   font-size:16px;
   font-weight:normal;
}
.my-top td span {
   color:#8888FF;
}
div.my-serv {
   padding:7px 10px;
}
div.my-serv img {
   vertical-align:middle;
   margin-right:8px;
}
.my-list {
   border-bottom:1px dashed #CCCCCC;
   margin-bottom:18px;
}
.my-list th {
   font-size:12px;
   padding-left:3px;
   padding-right:3px;
   padding-top:10px;
   padding-bottom:7px;
   text-align:left;
}
.my-list th img {
   vertical-align:middle;
   margin-right:7px;
}
.my-list th a {
   font-weight:normal;
   padding-left:15px;
}
.my-list th.un {
   border-top:1px dashed #CCCCCC;
}
.my-list td {
   font-size:12px;
   color:#666666;
   padding:7px 15px;
}
.my-list td a {
   text-decoration:none;
}
.my-list td span.kai1{
    color:#CC0000;
  white-space:nowrap;
}
.my-list td span.kai2 {
    color:#666666;
  white-space:nowrap;
}
.my-list td span.ex {
   color:#FF9900;
}
.my-list td span.no {
   color:#FFCC99;
}
/*--マイページ関連(マイＱ＆Ａトップ）--*/
.my-top-qa td {
   vertical-align:top;
}
.my-top-qa td h1{
   margin:0 0 4px 0;
   font-size:100%;
   background-color:#E3E3E3;
   border-left:9px solid #CC0000;
   padding:3px 12px;
}
.my-top-qa td h1 a{
   font-weight:normal;
   font-size:12px;
}

.my-qa th {
    font-size:100%;
  font-weight:normal;
  text-align:right;
    border-bottom:1px dashed #CCCCCC;
  padding:10px 30px;    
}
.my-qa td {
    font-size:100%;
    border-bottom:1px dashed #CCCCCC;
  padding:10px 30px;    
}
.go-qa {
    font-size:12px;
  text-align:right;
  padding:10px 15px;
  margin-bottom:15px;
}
.go-qa a {
    color:#000099;
}
.qa-profile {
   vertical-align:middle;
   text-align:left;
   font-size:12px;
   color:#666666;
   vertical-align:top;
   line-height:2;
}
.qa-profile b {
   color:#CC0000;
}


/*--トピックス--*/
dl.topi {
    margin:10px 50px;
}
dl.topi dt {
  font-size:100%;
  color:#000099;
  margin-bottom:1px;
}
dl.topi dd {
    font-size:13px;
  line-height:150%;
  margin-bottom:8px;
  margin-left:10px;
}





/*--差込finpage用--*/
.finpage {
  text-align:center;
  margin-top:120px;
}
.finpage-l {
    padding:20px 2px 5px 20px;
  text-align:left;
  font-size:13px;
  line-height:1.6;
  width:760px;
  margin:auto;
  color:#666666;
}
.finpage-r {
    padding:5px 2px 20px 20px;
  text-align:right;
  font-size:12px;
  line-height:1.3;
  width:760px;
  margin:auto;
}
.finpage-r img {
  margin-bottom:5px;
}


/*--TODO用--*/
.todo{
  font-size:13px;
  color:#FF0000;
}

.info-back{
  height:89px;
  background-image:url('/img/info-back.gif');
  background-repeat:repeat-x;
}

.kantan-title-left{
  width:13px;
  background-image:url('/img/kantan-left.jpg');
  background-repeat:no-repeat;
}
.kantan-title-right{
  background-image:url('/img/kantan-right.jpg');
  background-repeat:no-repeat;
}
.kantan-title-mid{
  line-height:40px;
  background-image:url('/img/kantan-repeat.jpg');
  background-repeat:repeat-x;
}

.kantan-form{
  background-color:#F8FCF8;
   font-size:12px;
   padding:8px 8px 8px 8px;
   color:#666666;
   text-align:left;
}

.kantan-form th{
  line-height:3em;
  font-weight:normal;
  color:#000000;
  border-right:1px solid #CCCCCC;
}
.kantan-form td{
  padding-left:5px;
  
}
.kantan-form span{
  color:#FF6666;
}
.kantan-form div{
  padding-left:5px;;
  line-height:2em;
  background-color:#E0ECF8;
}

.mo-ta {
  margin:10px 20px;
}
.mo-ta th {
  font-size:13px;
  line-height:1.4;
  color:#666666;
  text-align:left;
  padding:5px;
  background-color:#F6F6F6;
  border-left:7px solid #CCCCCC;
}
.mo-ta td { 
    font-size:13px;
  line-height:1.3;
  padding:5px 1px 5px 20px;
  vertical-align:top;
}
.mo-rule{
  background-color:#FAFFFF;
  font-size:13px;
  margin:5px;
  padding:5px;
  border:#666666 1px solid;
}
.mo-rule li{
  margin-bottom:5px;
}
.mo-list li{
  line-height:2em;
}
.mo-list li span{
  color:#CC0000;
}
.mo-caution{
  margin-left:50px;
  color: #999966;
}
.mo-div {
  margin-left:50px;
}
.mo-ad{
  text-align:center;
  width:140px;
  border:#666666 1px solid;
  margin:20px;
  padding:2px;
}
.mo-waku-ad a{
  border:#666666 1px solid;
  margin:5px;
  padding:5px;
}
input.text_m{
  width : 300px;
}

input.text-sm{
  width : 240px;
}





/*--トップページ検索フォーム--*/
.twaku-select {
  text-align:right;
  margin:0 0px 3px 0;
  font-size:12px;
  color:#666666;
  padding-right:10px;
}
.twaku-select input {
  vertical-align:middle;
  color:#AAAAFF;
}
.twaku-select select {
  vertical-align:middle;
}
.twaku-select img {
  vertical-align:middle;
}

/*--トップページ検索フォーム--*/
.twaku-select2 {
	text-align: left;
  margin:0 0px 3px 0;
  font-size:12px;
  color:#666666;
  padding-right:10px;
}
.twaku-select2 input {
  vertical-align:middle;
  color:#AAAAFF;
}
.twaku-select2 select {
  vertical-align:middle;
}
.twaku-select2 img {
  vertical-align:middle;
}

/*--コンテンツメインタイトル--*/
.kmr-ti {
  background-image:url(/img/twaku/kmr-ti-back.jpg);
  margin:0;
  font-size:16px;
  color:#335599;
  padding:13px 15px 7px 15px;
  border-right:1px solid #CCCCCC;
}
.kmr-sub {
  margin:5px;
  font-size:13px;
}

.kmr-ti span.maker {
  font-size: 12px;
}

.kmr-ti span.dougi {
  font-size: 10px;
  color: #999999;
}

.com-ti {
  background-image:url(/img/twaku/kmr-ti-back.jpg);
  margin:0;
  font-size:14px;
  color:#000000;
  padding:13px 15px 7px 15px;
  border-right:1px solid #CCCCCC;
}

.com-ti span {
  font-size: 10px;
  color: #666666;
}

.com-ti span.maker {
  font-size: 10px;
  color: #666666;
}

/* GOアイコン */
img.ic-go {
  width: 12px;
  height: 12px;
  margin-right: 3px;
  vertical-align: middle;
  border: none;
}

/* MOREアイコン */
img.ic-more {
  width: 18px;
  height: 18px;
  margin-right: 3px;
  vertical-align: middle;
  border: none;
}

/* ？アイコン */
img.ic-help {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  border: none;
  cursor: pointer;
  border-bottom: 1px dotted #335599;
}

/* 赤×アイコン */
img.ic-cl-red {
  padding-bottom: 2px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  border: none;
  cursor: pointer;
}

/* 追加アイコン */
img.ic-add {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  border: none;
  padding-bottom: 2px;
  margin-right: 3px;
}

/* 下書きスタイル */
span.tmpdoc {
  color: #C0C0C0;
}

/* お気に入りに追加 */
div#fav-add {
  width: 120px;
  height: 20px;
}

div#fav-add a {
  color: #000000;
  text-decoration: none;
}

div#fav-add a:hover {
  color: #CC0000;
  text-decoration: none;
}

div#fav-add a p {
  font-size: 12px;
  margin: 0px;
  padding-left: 22px;
  text-align: left;
  line-height: 20px;
  background-image: url('/img/btn_bm.gif');
}

img.mark {
  margin-right: 3px;
}

div#path {
  margin-bottom:15px;
  padding-left:5px;
  font-size:12px;
  color:#555555;
/*  white-space:nowrap; */
}
div#path a {
  padding-left:2px;
  padding-right:7px;
}
div#path strong {
  padding-left:2px;
  padding-right:7px;
  font-weight:normal;
}

.templete-tbl{
	font-size: 12px;
	line-height:16px;
}
.templete-tbl td{
	vertical-align:top;
	width:150px;
}
/*=====--NOTEヘッダー--=====*/
/*--グローバルメニュー-
.nhg {
    width:100%;
	height:40px;
	margin:0;
	white-space:nowrap;
	min-width:620px;
}
.nhgl {
    display:inline;
	float:left;
	height:40px;
}
.nhgr {
    display:inline;
	float:right;
	text-align:right;
	height:40px;
}
*/
/*--タイトルメニュー-*/
div.nhtl {
	font-size:70%;
	white-space:nowrap;
/*  background-image: url('/note/img/head/nhtl-back.jpg');*/
	width: 100%;
	height: 27px;
}
div.nhtl img {
	vertical-align:middle;
/*  margin-top : 3px; */
  margin-right:4px;
}
div.nhtr {
	display:inline;
	float:right;
	text-align:right;
	line-height:22px;
	padding-right:10px;
	font-size:70%;
	white-space:nowrap;
}
.nht-t {
    width:100%;
/*
  background-image:   url(/note/img/head/nht-t-back.jpg);
    background-repeat: no-repeat;

  background-image:   url(/note/img/head/nht-back.jpg);
    background-repeat: repeat-x;
	height:15px;
*/
  margin:0;
    color:#335599;
}
.nht-t a {
	/*padding-left:40px;
	line-height:24px;*/
	font-weight:bold;
}
.nht-t img {
    vertical-align:middle;
}

.nht-m {
	width:100%;
/*
  background-image:   url(/note/img/head/nht-m-back.jpg);
    background-repeat: no-repeat;
  background-image:   url(/note/img/head/nht-back.jpg);
    background-repeat: repeat-x;
  height:12px;
*/
	margin:0;
	color:#335599;
}
.nht-m a {
/*
	padding-left:40px;
	line-height:24px;
*/
	font-weight:bold;
}
.nht-m b {
/*
	padding-left:40px;
	line-height:24px;
*/
}
.nht-m img {
    vertical-align:middle;
}
.nht-c {
	width:100%;
/*
  background-image:   url(/note/img/head/nht-c-back.jpg);
	background-repeat: no-repeat;
  background-image:   url(/note/img/head/nht-back.jpg);
	background-repeat: repeat-x;
  height:12px;
*/
	margin:0;
	color:#335599;
}
.nht-c a {
/*
	padding-left:40px;
	line-height:24px;
*/
	font-weight:bold;
}
.nht-c b {
/*
	padding-left:40px;
	line-height:24px;
*/
}
.nht-c img {
    vertical-align:middle;
}

.nht-r {
	width:100%;
/*
  background-image:   url(/note/img/head/nht-r-back.jpg);
	background-repeat: no-repeat;
  background-image:   url(/note/img/head/nht-back.jpg);
	background-repeat: repeat-x;
*/
	height:12px;
	margin:0;
	color:#335599;
}
.nht-r a {
/*
	padding-left:40px;
	line-height:24px;
*/
	font-weight:bold;
}
.nht-r b {
/*
	padding-left:40px;
	line-height:24px;
*/
}
.nht-r img {
    vertical-align:middle;
}

.nht-n {
	width:100%;
/*
  background-image:   url(/note/img/head/nht-n-back.jpg);
	background-repeat: no-repeat;
  background-image:   url(/note/img/head/nht-back.jpg);
	background-repeat: repeat-x;
*/
	height:12px;
	margin:0;
	color:#335599;
}
.nht-n a {
	/*padding-left:40px;
	line-height:24px;*/
	font-weight:bold;
}
.nht-n b {
/*
	padding-left:40px;
	line-height:24px;
*/
}
.nht-n img {
	vertical-align:middle;
}

/*--ローカルメニュー-*/
.nhl {
  background-image: url(/note/img/head/nhl-t-back.jpg);
	background-repeat: repeat-x;
	width: 100%;
	overflow: hidden;
	min-width: 800px;
	clear: both;
}

.nhl-m-bk{
  background-image: url(/note/img/head/nhl-m-back.jpg); 
}

.nhl-c-bk{
  background-image: url(/note/img/head/nhl-c-back.jpg); 
}


/* マイ系タブ用 */
.nhl-t {
  background-image: url(/note/img/head/nhl-t-back.jpg);
	height:31px;
	margin:0;
	float: left;
	overflow: hidden;
}

.nhl-t a {
	overflow: hidden;
  background:transparent url('/note/img/head/nhl-t-tab.jpg') no-repeat;
	background-position: 0px 0px;
	display: block;
	width: 114px;
	height: 31px;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	float: left;
	text-align: center;
	line-height: 31px;
}

.nhl-t a:hover{
	background-position: 0px -33px;
	color: #FFFFFF;
	text-decoration: none;
}

/* マイタブ選択済み */
a.nhl-t-act {
  background:transparent url('/note/img/head/nhl-t-tab.jpg') no-repeat;
	background-position: 0px -33px;
	color: #FFFFFF;
}

.nhr-t {
	overflow: hidden;
  background-image: url(/note/img/head/nhl-t-back.jpg);
	height:31px;
	margin:0;
}

.nhr-t img{
	overflow: hidden;
	float: left;
}

.nhr-t a{
	display: block;
	overflow: hidden;
	height: 31px;
  background:transparent url('/note/img/head/nhl-t-text-back.jpg') repeat-x;
	background-position: 0px 0px;
	color: #000000;
	text-decoration: underline;
	font-size: 12px;
	float: left;
	line-height: 31px;
	text-align: center;
}

.nhr-t a:hover{
	background-position: 0px -33px;
	color: #FFFFFF;
	text-decoration: underline;
}

.nhr-t-msg {
	width: 57px;
}

.nhr-t-asi {
	width: 39px;
}

.nhr-t-prof {
	width: 69px;
}

/* マイテキスト選択済み */
a.nhr-t-act {
  background:transparent url('/note/img/head/nhl-t-text-back.jpg') repeat-x;
	background-position: 0px -33px;
	color: #FFFFFF;
}


/*** メンバー系タブ用 ***/
.nhl-m {
  background-image: url(/note/img/head/nhl-m-back.jpg);
	height:31px;
	margin:0;
	float: left;
	overflow: hidden;
}

.nhl-m a {
	overflow: hidden;
  background:transparent url('/note/img/head/nhl-m-tab.jpg') no-repeat;
	background-position: 0px 0px;
	display: block;
	width: 114px;
	height: 31px;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	float: left;
	text-align: center;
	line-height: 31px;
}

.nhl-m a:hover{
  background:transparent url('/note/img/head/nhl-m-tab.jpg') no-repeat;
	background-position: 0px -33px;
	color: #FFFFFF;
	text-decoration: none;
}

/* メンバータブ選択済み */
a.nhl-m-act {
  background:transparent url('/note/img/head/nhl-m-tab.jpg') no-repeat;
	background-position: 0px -33px;
	color: #FFFFFF;
}

.nhr-m {
	overflow: hidden;
  background-image: url(/note/img/head/nhl-m-back.jpg);
	height:31px;
	margin:0;
}

.nhr-m img{
	overflow: hidden;
	float: left;
}

.nhr-m a{
	display: block;
	overflow: hidden;
	height: 31px;
  background:transparent url('/note/img/head/nhl-m-text-back.jpg') repeat-x;
	background-position: 0px 0px;
	color: #000000;
	text-decoration: underline;
	font-size: 12px;
	float: left;
	line-height: 31px;
	text-align: center;
}

.nhr-m a:hover{
	background-position: 0px -33px;
	color: #FFFFFF;
	text-decoration: underline;
}

.nhr-m-msg {
	width: 86px;
}

.nhr-m-mem {
	width: 103px;
}

.nhr-m-wtc {
	width: 108px;
}

/* メンバーテキスト選択済み */
a.nhr-m-act {
  background:transparent url('/note/img/head/nhl-m-text-back.jpg') repeat-x;
	background-position: 0px -33px;
	color: #FFFFFF;
}

/* サークル系タブ用 */
.nhl-c {
  background-image: url(/note/img/head/nhl-c-back.jpg);
	height:31px;
	margin:0;
	float: left;
	overflow: hidden;
}

.nhl-c a {
	overflow: hidden;
  background:transparent url('/note/img/head/nhl-c-tab.jpg') no-repeat;
	background-position: 0px 0px;
	display: block;
	width: 114px;
	height: 31px;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	float: left;
	text-align: center;
	line-height: 31px;
}

.nhl-c a:hover{
	background-position: 0px -33px;
	color: #FFFFFF;
	text-decoration: none;
}

/* サークルタブ選択済み */
a.nhl-c-act {
  background:transparent url('/note/img/head/nhl-c-tab.jpg') no-repeat;
	background-position: 0px -33px;
	color: #FFFFFF;
}

.nhr-c {
	overflow: hidden;
  background-image: url(/note/img/head/nhl-c-back.jpg);
	height:31px;
	margin:0;
}

.nhr-c img{
	overflow: hidden;
	float: left;
}

.nhr-c a{
	display: block;
	overflow: hidden;
	height: 31px;
  background:transparent url('/note/img/head/nhl-c-text-back.jpg') repeat-x;
	background-position: 0px 0px;
	color: #000000;
	text-decoration: underline;
	font-size: 12px;
	float: left;
	line-height: 31px;
	text-align: center;
}

.nhr-c a:hover{
	background-position: 0px -33px;
	color: #FFFFFF;
	text-decoration: underline;
}
.nhr-c-mem {
	width: 110px;
}
.nhr-c-fri {
	width: 81px;
}

/* サークルテキスト選択済み */
a.nhr-c-act {
  background:transparent url('/note/img/head/nhl-c-text-back.jpg') repeat-x;
	background-position: 0px -33px;
	color: #FFFFFF;
}

img.sub-menu {
	width: 18px;
	height: 18px;
	margin-top: 6px;
	margin-right: 2px;
}/*===========--NOTE関連CSS--=================*/


/*--LINK--*/
a{
  color: #335599;
}
a:visited {
}
a:hover {
  color: #990000;
  text-decoration: underline;
}
a:active {
}


/*=========--枠組--============*/
div#container {
    width:100%;
}
div#head{
     width:100%;
   margin-bottom:5px;
}


/*--2分割(800(20)/180)版--*/
.wrap-l {
   vertical-align:top;
   width:100%;
}
.wrap-r {
  padding-left:10px;
  width:190px;
  vertical-align:top;
}


/*=====--NOTE上部--=====*/
/*--パンくず--*/
div#path {
   margin-bottom:15px;
   padding-left:5px;
   font-size:12px;
   color:#555555;
   white-space:normal;
   word-break:break-all;
   
}
div#path a {
     padding-left:2px;
   padding-right:7px;
}
div#path strong {
     padding-left:2px;
   padding-right:7px;
   font-weight:normal;
}



/*=====--枠組3分割(180/-/180)・真中【content内】--=====*/
/*--aパターン・マイトップお知らせ-*/
.wk-a {
     background-image:   url(/note/img/wk-a_t.jpg);
     background-repeat: repeat-x;
   padding:5px 5px 1px 5px;
   font-size:80%;
}
.wk-a img {
     vertical-align:middle;
}
.wk-a a {
     color:#CC0000;
}
.wk-a a:hover {
     color:#335599;
}
.wk-a a.info {
     color:#000000;
}
.wk-a a.info:hover {
     color:#000000;
     color:#335599;
}
.wk-a-b {
     background-image:   url(/note/img/wk-a_b.jpg);
     background-repeat: repeat-x;
   text-align:right;
   padding-bottom:10px;
   padding-right:10px;
}


.wk-b-ti {
     background-image:   url(/note/img/w-b-ti.jpg);
     background-repeat: repeat-x;
   font-size:14px;
   font-weight:bold;
   padding-left:20px;
   height:35px;
   line-height:36px;
   border-top:1px solid #CECFCE;
   border-right:1px solid #E0E0E0;
   border-left:1px solid #E0E0E0;
}
.wk-b-ti span {
     font-size:90%;
   padding-left:8px;
   color:#333333;
   font-weight:normal;
}
.wk-b-ti h1 {
   font-size:14px;
   margin:0;
   padding:0;
   line-height:35px;
}
.wk-b-ti h1 span {
     font-size:90%;
   padding-left:8px;
   color:#333333;
   font-weight:normal;
}
.wk-b-ti h2 {
   font-size:14px;
   margin:0;
   padding:0;
   line-height:35px;
}
.wk-b-ti h2 span {
     font-size:90%;
   padding-left:8px;
   color:#333333;
   font-weight:normal;
}
.wk-new {
     background-image:   url(/note/img/wl-new.gif);
     background-repeat: no-repeat;
   padding-top:16px;
   padding-left:45px;
   height:23px;
}

/*--bパターン-*/
.wk-b {
     border-right:15px solid #E0E0E0;
     border-left:15px solid #E0E0E0;
     border-bottom:15px solid #E0E0E0;
}
.wk-b th {
     padding:0 15px 0 15px;
}
.wk-b th.h {
     background-image:   url(/note/img/wk-b_h.gif);
     background-repeat: repeat-x;
   height:12px;
   font-size:12px;
}
.wk-b th.h-a {
     background-image:   url(/note/img/wk-b_h-b.gif);
     background-repeat: no-repeat;
   height:33px;
   text-align:left;
   font-size:12px;
   vertical-align:top;
   line-height:19px;
   padding-left:30px;
   padding-top:10px;
}
.wk-b th.h-b {
     background-image:   url(/note/img/wk-b_h-b.gif);
     background-repeat: no-repeat;
   height:33px;
   border-top:1px dashed #EFEFEF;
   text-align:left;
   font-size:12px;
   vertical-align:top;
   line-height:19px;
   padding-left:30px;
   padding-top:10px;
}
.wk-b th.h-c {
     background-image:   url(/note/img/wk-b_h-b.gif);
     background-repeat: no-repeat;
   height:33px;
   text-align:left;
   font-size:12px;
   vertical-align:top;
   line-height:19px;
   padding-left:30px;
   padding-top:10px;
}
.wk-b td {
     padding:7px 15px;
}
.wk-b td.comm {
     font-size:80%;
   color:#444444;
   line-height:1.4;
   padding:8px 30px;
}
.wk-b td span {
   color:#FF6666;
}

.wk-b2 th {
     width:80px;
     text-align:left;
   vertical-align:top;
     font-size:80%;
   font-weight:normal;
   color:#996633;
     padding:5px 7px;
}
.wk-b2 td {
   vertical-align:top;
     font-size:80%;
   line-height:1.3;
     padding:3px 5px 3px 5px;
}
.wk-b2 td img {
     vertical-align:middle;
}
.wk-b2 td span {
   color:#666666;
}



/*=====--枠組2分割(800(20)/180)・左側【warp-left内】--=====*/
/*--bパターンtitle-*/
.wl-b-ti {
     background-image:   url(/note/img/w-b-ti.jpg);
     background-repeat: repeat-x;
   font-size:14px;
   font-weight:bold;
   padding-left:20px;
   height:35px;
   line-height:36px;
   border-top:1px solid #CECFCE;
   border-left:1px solid #E0E0E0;
   border-right:1px solid #E0E0E0;
}
.wl-b-ti h1 {
   font-size:14px;
   margin:0;
   padding:0;
   line-height:35px;
}
.wl-b-ti h2 {
   font-size:14px;
   margin:0;
   padding:0;
   line-height:35px;
}
/*--bパターン-*/
.wl-b {
     border-right:15px solid #E0E0E0;
     border-left:15px solid #E0E0E0;
     border-bottom:15px solid #E0E0E0;
}
.wl-b th {
     padding:0 15px 0 15px;
}
.wl-b th.h-a {
     background-image:   url(/note/img/wl-b_h-a.gif);
     background-repeat: no-repeat;
   height:23px;
   text-align:left;
   font-size:12px;
   vertical-align:top;
   line-height:19px;
   padding-left:30px;
}
.wl-b th.h-b {
     background-image:   url(/note/img/wl-b_h-b.gif);
     background-repeat: no-repeat;
   height:33px;
   text-align:left;
   font-size:12px;
   vertical-align:top;
   line-height:19px;
   padding-left:30px;
   padding-top:10px;
   border-top:1px dashed #EFEFEF;
}
.wl-b th.h-c {
     background-image:   url(/note/img/wl-b_h-c.gif);
     background-repeat: no-repeat;
   height:23px;
   text-align:left;
   font-size:12px;
   vertical-align:top;
   line-height:19px;
   padding-left:30px;
}
.wl-b td {
     padding:7px 20px;
}
.wl-b td.non {
     padding-left:15px;
     padding-right:15px;
}


.wl-b td.comm {
     font-size:80%;
   color:#444444;
   line-height:1.4;
}
.wl-b td.comm span {
   color:#FF6666;
}


.wl-b2 th {
     text-align:left;
   vertical-align:middle;
     font-size:80%;
   font-weight:normal;
   color:#666666;
     padding:4px 3px;
}
.wl-b2 td {
     width:auto;
   color:#444444;
   vertical-align:top;
     font-size:80%;
     padding:2px 3px;
   line-height:1.3;
}
.wl-b2 td span {
     color:#888888;
   padding-left:15px;
}



.wl-yk-list th {
     font-size:80%;
   font-weight:normal;
     background-color:#F0F0F0;
   color:#666666;
     padding:2px;
   border-bottom:1px dashed #999999;
}
.wl-yk-list td {
     font-size:80%;
     padding:2px;
   text-align:center;
}

/*--フォーム-*/
.w-form  {
     border-collapse:collapse;
   border-top:1px solid #E7E3E7;
}
.w-form th {
     background-color:#E7E3E7;
   font-size:80%;
   font-weight:normal;
   padding:8px 8px 8px 8px;
   color:#666666;
   text-align:left;
   border-top:1px solid #FFFFFF;
   vertical-align:top;
}
.w-form th span {
     color:#CC0000;
}
.w-form td {
   font-size:80%;
   padding:8px 2px 8px 10px;
   border-top:1px solid #E7E3E7;
}
.w-form td span {
   color:#FF6666;
}

.kokai {
   color:#FF6600;
   text-align:right;
}



/*--脳トレグラフページの脳トレ誘導-*/
td.non table.tra {
     background-image:   url(/note/img/training/tra-back.gif);
     background-repeat: repeat;
}
td.non table.tra td  {
   font-size:80%;
   white-space:nowrap;
   padding:8px 2px;
}
td.non table.tra td a {
     background-color:#FFFFFF;
   padding:4px 10px;
   margin-right:7px;
   margin-left:7px;
}
td.non table.tra td img {
     vertical-align:middle;
}

/*--画像つき一覧-*/
/*--横3枚-*/
.p-re3 td {
     text-align:center;
   padding-top:8px;
   padding-bottom:12px;
   width:33%;
   font-size:80%;
}

/*--横4枚-*/
.p-re4 td {
     text-align:center;
   padding-top:8px;
   padding-bottom:12px;
   padding-left:1px;
   padding-right:1px;
   width:25%;
   line-height:1.4;
   font-size:80%;
   vertical-align:top;
}
.p-re4 td img {
    margin-top:3px;
}
/*--横5枚-*/
.p-re5 td {
     text-align:center;
   padding-top:8px;
   padding-bottom:12px;
   padding-left:1px;
   padding-right:1px;
   width:20%;
   line-height:1.4;
   font-size:80%;
   vertical-align:top;
}

/*--グラフ追加リンクスタイル-*/
a.a-add {
    border:1px solid #CCCCCC;
  background-color:#EFEFEF;
  line-height:5;
  padding:25px 10px;
}
/*--リンクボタンスタイル-*/
a.btn {
    border:1px solid #CCCCCC;
  background-color:#E8E8E8;
  line-height:2;
  padding:6px 8px;
}

/*--フォーム横並びスタイル-*/
.yk {
    display:inline;
  padding:2px;
  margin:5px;
}

/*--th色付きテーブル-*/
.w-ta {
     border-collapse:collapse;
}
.w-ta th {
   font-size:75%;
   font-weight:normal;
   padding:5px 5px 5px 5px;
   color:#666666;
   vertical-align:top;
   text-align:left;
}
.w-ta td {
   font-size:80%;
   padding:5px 2px 5px 10px;
   vertical-align:top;
}



/*--グラフ月切替-*/
.graph-next {
     border-bottom:1px solid #000000;
   margin:0 auto 20px auto;
}
.graph-next th {
     padding:5px;
   font-size:80%;
}
.graph-next td {
     padding:5px;
   font-size:80%;
}

.graph-next2 {
  border-bottom: 1px solid #000000;
  margin-left: 15px;
  margin-bottom: 20px;
}
.graph-next2 th {
     padding:5px;
   font-size:80%;
}
.graph-next2 td {
     padding:5px;
   font-size:80%;
}

/*--グラフ-*/
.graph-ti {
     background-image:   url(/note/img/yaji-red.jpg);
     background-repeat: no-repeat;
   font-size:90%;
   font-weight:bold;
   padding-left:17px;
   margin:3px 0;
}

/*--サークルトップページ(グラフ箇所）-*/
.graph {
     background-color:#E1E1E1;
   width:500px;
   font-size:90%;
   font-weight:bold;
   text-align:center;
   padding:4px;
}
.graph-pic {
   width:500px;
   margin-top:2px;
}
.graph-data {
   width:500px;
   font-size:80%;
   line-height:1.3;
   color:#666666;
   text-align:left;
}

/*--集計データ表-*/
h3.syuk-tit {
     font-size:80%;
   margin:0 0 0 10px;
   line-height:1.2;
   color:#666666;
   font-weight:normal;
}
.syukei {
    border-collapse:collapse;
    border:1px solid #CCCCCC;
}
.syukei th {
     background-color:#EEEEEE;
     border:1px solid #CCCCCC;
   font-size:80%;
   font-weight:normal;
   text-align:left;
   padding:8px 10px;
}
.syukei td {
     border:1px solid #CCCCCC;
   font-size:80%;
   padding:8px 10px;
}

.syukei td span.green {
  color: #006600;
  padding-left: 0px;
}
.syukei td img {
     vertical-align:middle;
   margin-right:10px;
}
.syukei td span {
     color:#999999;
   padding-left:10px;
}
.syukei td span.syk-up {
     color:#990000;
   padding-left:10px;
}
.syukei td span.syk-dwn {
     color:#000066;
   padding-left:10px;
}
.syukei td span.syk-yoko {
     color:#666666;
   padding-left:10px;
}
.syukei td.syk-6 {
     background-color:#E8E8FF;
}
.syukei td.syk-0 {
     background-color:#FFDDDD;
}
.syukei td.today {
     background-color:#FFCCFF;
}
.syukei tr.now {
     background-color:#E8E8E8;
}
.syukei td a.syk-non {
     background-color:#E6E6E6;
   padding:2px 3px;
     color:#666666;
   font-size:90%;
   margin-left:20px;
}



.syukei-change {
     font-size:80%;
   text-align:right;
   padding:5px;
}


/*--グラフ合計データ-*/
.sum {
     border-collapse:collapse;
     border:1px solid #CCCCCC;
   margin-left:20px;
}
.sum th {
     background-color:#EEEEEE;
     border-top:1px solid #CCCCCC;
     border-bottom:1px solid #CCCCCC;
     border-left:1px solid #CCCCCC;
   font-size:80%;
   font-weight:normal;
   text-align:left;
   padding:7px 10px;
}
.sum td {
   font-size:80%;
   padding:7px 10px;
     border-top:1px solid #CCCCCC;
     border-bottom:1px solid #CCCCCC;
     border-right:1px solid #CCCCCC;
   text-align:left;
}
.sum td span {
     color:#666666;
   padding-left:7px;
}
.sum td img {
     vertical-align:middle;
   margin-right:5px;
}

/*--矢印タイトル--*/
.yaji-ti {
   font-size:80%;
   font-weight:bold;
   padding:3px;
   height:20px;
   margin:5px 20px 5px 10px;
   border-bottom:1px solid #000000;
}
.yaji-ti img {
     vertical-align:middle;
   margin-right:5px;
}



/*--日記一覧パターン-*/
.d-list {
     border:1px solid #E1E1E1;
   margin-top:10px;
   margin-bottom:10px;
}
.d-list th.a {
  background-color:#F0F0F0;
  text-align:left;
  padding:4px 0 4px 10px;
  font-size:90%;
}

.d-list th.a span.green {
  font-size: 12px;
  font-weight: normal;
  color: #006600;
}

.d-list th.a h2 {
  font-size:100%;
  margin:0;
  padding:0;
}
.d-list th.b {
     background-color:#F0F0F0;
   font-size:70%;
   color:#666666;
   font-weight:normal;
   text-align:right;
   padding-right:10px;
}
.d-list th.b img {
     vertical-align:middle;
}
.d-list td {
     font-size:80%;
   color:#444444;
   line-height:1.4;
   padding:10px 10px 3px 10px;
}
.d-list td img {
     margin-right:18px;
   margin-bottom:8px;
}
.d-list td.c {
  padding:2px 15px 10px 5px;
  text-align:right;
  line-height:2;
}
.d-list td.c img {
     margin-right:3px;
   margin-left:15px;
   margin-bottom:auto;
   vertical-align:middle;
}
.d-list td.c strong {
     color:#FF9933;
}

/*--日記詳細パターン-*/
.d-det th.a {
  background-image:   url(/note/img/d-det_h-a.gif);
  background-repeat: no-repeat;
  height:40px;
  text-align:left;
}
.d-det th.a h1.d-ti {
  font-size:100%;
  color:#555555;
  padding:0 0 0 40px;
  margin:0;
}
.d-det th.a h2.d-ti {
     font-size:100%;
   color:#555555;
   padding:0 0 0 40px;
   margin:0;
}
.d-det th.b {
     font-size:80%;
   font-weight:normal;
   text-align:right;
   padding-right:10px;
}
.d-det th.b img {
     vertical-align:middle;
   margin-left:5px;
}
.d-det td.c {
  background-image:   url(/note/img/d-det_h-c.gif);
  background-repeat: repeat-x;
  text-align:right;
  padding:10px 15px;
  font-size: 11px;
}
.d-det td.c h2.d-cate {
     font-size:70%;
   margin:0;
   padding:0;
   color:#FF9900;
}
.d-det td.c h2.d-cate a {
  padding-left:6px;
  padding-right:2px;
}
.d-det td.c h2.d-cate img {
     vertical-align:middle;
}
.d-det td.d {
  padding:3px 10px 3px 10px;
  font-size:80%;
  line-height:1.4;
}

.d-det td.d img {
     margin-right:10px;
   margin-bottom:10px;
}
.d-det td.d ol {
     margin-top:1px;
   margin-bottom:3px;
}

.d-det td.e {
   font-size:80%;
   color:#444444;
   text-align:right;
   padding:5px 10px 8px 1px;
   line-height:1.6;
}
.d-det td.e a {
     /*text-decoration:none;*/
   padding-right:4px;
   padding-left:4px;
}
.d-det td.e img {
     vertical-align:middle;
}
.d-det td.f {
   font-size:80%;
   text-align:right;
   padding:4px 10px 4px 1px;
}
.d-det-ti {
     background-image:   url(/note/img/wl-b_h-b.gif);
     background-repeat: no-repeat;
   font-size:12px;
   font-weight:bold;
   height:33px;
   line-height:19px;
   padding-left:28px;
   padding-top:10px;
   border-top:1px dashed #EFEFEF;
}

/*--記録ノートへのコメント--*/
.comment {
     margin-left:20px;
   border:1px solid #EFEFEF;
}
.comment th {
     background-color:#F0F0F0;
   font-size:80%;
   color:#666666;
   font-weight:normal;
   padding:4px 10px;
}
.comment th img {
     vertical-align:middle;
   margin-left:5px;
}
.comment td {
   font-size:80%;
   line-height:1.3;
   padding:10px 15px 20px 15px;
}

/*--トラックバック--*/
.tracurl {
   font-size:80%;
   margin-top:10px;
   text-align:right;
}
.trac {
     margin-top:5px;
   border-collapse:collapse;
}
.trac th {
     background-color:#999999;
   font-size:80%;
   color:#FFFFFF;
   font-weight:normal;
   text-align:left;
   padding:2px 5px;
}
.trac td {
     font-size:80%;
   color:#666666;
   padding:7px 15px;
   border-bottom:1px solid #CCCCCC;
   border-right:1px solid #CCCCCC;
   border-left:1px solid #CCCCCC;
}
.trac td div {
     padding:2px;
   text-align:right;
}
.trac td div img {
     vertical-align:middle;
}
.trac td p {
     padding:7px 5px 7px 20px;
   margin:1px;
}
u {
    color:#999900;
  text-decoration:none;
}

/*--文章--*/
div.bun {
  font-size:80%;
  color:#000000;
  line-height:1.2;
}
div.bun span {
  color:#FF6666;
}
div.bun-s {
  font-size:70%;
  color:#000000;
  line-height:1.2;
}
div.bun-s span {
  color:#FF6666;
}
div.bun-link {
  border:1px solid #CCCCCC;
  width:400px;
  background-color:#EEEEEE;
  font-size:80%;
  color:#000000;
  line-height:3em;;
}
/*--マイページ：人から見たページのURL--*/
.some-url {
   background-color:#EFEFEF;
   border:1px solid #EFEFEF;
   width:380px;
   color:#335599;
   text-align:right;
}
/*--マイトップ：データなし--*/
div.nodata {
     font-size:80%;
   color:#335599;
   line-height:1.3;
   text-align:center;
   margin:10px auto;
}
div.nodata-link {
   background-image:   url(/note/img/nodata-back.gif);
   background-repeat: repeat;
   padding:5px 10px;
   border:1px solid #CECFCE;
   width:250px;
   margin:7px auto 2px auto;
}




/*--記録項目-*/
.glay {
     background-color:#E1E1E1;
   padding:5px 10px;
     font-size:80%;
}
.kiroku th {
     font-size:80%;
   font-weight:normal;
     width:100px;
   padding:8px 0;
}

h1.rev-ti {
     font-size:90%;
   margin:10px 0 5px 10px;
   padding:0;
}
h2.rev-ti {
     font-size:90%;
   margin:10px 0 5px 10px;
   padding:0;
}

/*--記録設定-*/
.kiroku-set {
   border-collapse:collapse;
}
.kiroku-set th {
     background-color:#E1E1E1;
   border:1px solid #CCCCCC;
   font-size:80%;
   font-weight:normal;
   text-align:left;
   padding:7px 2px 7px 13px;
}
.kiroku-set td {
   border:1px solid #CCCCCC;
   font-size:80%;
   line-height:1.3;
   padding:7px 2px 7px 13px;
}
.kiroku-set td a.sanka {
     color:#000000;
}
.kiroku-set td span {
     color:#FF6666;
}

/*--検索結果一覧-*/
h1.list-ti  {
     font-size:90%;
   color:#666666;
   margin:20px 5px 5px 5px;
   padding:0;
}
h2.list-ti  {
     font-size:90%;
   color:#666666;
   margin:20px 5px 5px 5px;
   padding:0;
}
.wl-list {
   margin-bottom:8px;
}
.wl-list th {
     border-top:1px solid #CCCCCC;
     background-color:#F0F0F0;
     text-align:left;
   font-weight:normal;
   font-size:80%;
   color:#555555;
   padding:5px 10px;
}
.wl-list th a {
     font-size:120%;
   font-weight:bold;
}
.wl-list th h2 {
   margin:0;
   padding:0;
   font-size:100%;
}
.wl-list th h3 {
   margin:0;
   padding:0;
   font-size:100%;
}
.wl-list th strong {
   color:#FF9900;
}
.wl-list th.next {
     border-top:1px solid #CCCCCC;
     background-color:#F0F0F0;
   color:#335599;
   font-size:90%;
   padding:5px 10px;
   text-align:left;
}
.wl-list th.next img {
     vertical-align:middle;
   margin-right:8px;
}
.wl-list td {
     font-size:80%;
   line-height:1.3;
   padding:10px;
   vertical-align:top;
}
.wl-list td span {
   color:#666666;
}
.wl-list td img {
     vertical-align:middle;
   margin-right:4px;
}
.wl-list td hr {
  border-top:1px dashed #999999;
  border-bottom:1px solid #FFFFFF;
}
.wl-list td h2.rev-nm {
     margin:2px 0;
   padding:0;
   font-size:100%;
   font-weight:normal;
}
.wl-list td h3.rev-com {
     margin:2px 0;
   padding:0;
   font-size:100%;
   font-weight:normal;
}

/*--参加サークル一覧-*/
.sanka {
     margin-right:10px;
   margin-bottom:15px;
}
.sanka td {
     text-align:center;
   color:#444444;
   vertical-align:top;
     font-size:80%;
     padding:2px;
   line-height:1.5;
   width:auto;
}



/*--並び替え-*/
.narabi {
  font-size:80%;
  text-align:right;
}
.narabi a {
      padding-right:10px;
}
.narabi a:hover {
  background-color:#DDFFFF;
  color:#0099FF;
}
.narabi b {
      padding-right:10px;
      font-weight:normal;
      color:#999999;
}
.narabi img {
     vertical-align:middle;
   margin-left:5px;
   margin-right:5px;
}




/*--スレッド-*/
.thre td {
     font-size:80%;
     padding:3px 7px 5px 7px;
}
.thre td img {
     vertical-align:middle;
   margin-right:5px;
}
h2.thre-ti {
     font-size:90%;
   margin:10px 0 2px 10px;
   padding-left:7px;
   border-left:7px solid #CC0000;
}
.thre-det {
     margin:10px;
}
.thre-det th {
     background-color:#F0F0F0;
   font-size:75%;
   font-weight:normal;
   color:#666666;
   padding:4px 10px;
   text-align:left;
}
.thre-det th.data {
   text-align:right;
}
.thre-det td {
     font-size:80%;
   line-height:1.4;
   padding:5px 15px;
}


/*--お薦めの記録-*/
.k-osusume {

}
.k-osusume th {
     text-align:left;
   padding:10px 10px;
   border-bottom:1px solid #CCCCCC;
}
.k-osusume th h2 {
     background-image:   url(/note/img/k-mark.gif);
     background-repeat: no-repeat;
   margin:0;
   padding:0 0 0 50px;
   font-size:120%;
}
.k-osusume th.hito {
     font-size:80%;
   font-weight:normal;
   text-align:right;
   padding:10px 10px;
   border-bottom:1px solid #CCCCCC;
}
.k-osusume th.hito b {
     color:#FF3300;
   font-size:120%;
}
.k-osusume td {
    font-size:80%;
  color:#444444;
  line-height:1.4;
  padding:10px;
  vertical-align:top;
}
.k-osusume td h3 {
    font-size:120%;
  margin:5px 0;
  padding:0;
}
.k-osusume td span {
     color:#FF3300;
}

/*--記録グラフ一覧-*/
.kiroku-list th {
     background-color:#EEEEEE;
   border:1px solid #CCCCCC;
   font-size:75%;
   color:#666666;
   padding:5px;
   font-weight:normal;
}
.kiroku-list td {
     border-bottom:1px dashed #999999;
   padding:7px 7px 7px 15px;
   font-size:80%
}
.kiroku-list td a {
     font-size:140%;
   text-decoration:none;
   padding-left:7px;
   font-weight:bold;
}
.kiroku-list td b {
     font-size:200%;
}
.kiroku-list td span {
     font-size:130%;
   font-weight:bold;
}
.kiroku-list td img {
     vertical-align:middle;
   margin-right:9px;
}


/*--ログインフォーム・差込版-*/
.in-login {
     margin:10px auto;
   border-collapse:collapse;
   border:3px solid #E7E3E7;
}
.in-login th {
     background-color:#E7E3E7;
   padding:5px 7px;
     font-size:80%;
     text-align:left;
   font-weight:normal;
}
.in-login td {
     width:auto;
   color:#444444;
   vertical-align:top;
     font-size:80%;
     padding:5px 10px 30px 10px;
   line-height:1.5;
}
.in-login td span {
     color:#666666;
   font-size:90%;
   padding-left:5px;
}
.in-login td div {
     margin-top:10px;
}


/*--ヘルプコンテンツ用-*/
td.n-help ul {
     margin:8px 0 20px 15px;
   padding:0;
}
td.n-help ul li {
     list-style-image:   url(/note/img/go.gif);
   padding-left:3px;
   font-size:80%;
   padding-bottom:7px;
}
td.n-help h2 {
     font-size:90%;
   font-weight:normal;
   color:#666666;
   margin:0;
   padding:3px 0;
}
td.n-help h3 {
     font-size:90%;
   border-left:5px solid #CCCCCC;
   padding-left:6px;
   line-height:1.3;
   margin:30px 0 5px 0;
}
td.n-help p {
     font-size:80%;
   margin:4px 10px;
   padding:0;
   line-height:1.4;
   color:#333333;
}
td.n-help p a  {
     padding-left:3px;
     padding-right:3px;
}
td.n-help p b {
     color:FF3300;
}
td.n-help div.n-hp-left {
     display:inline;
   float:left;
   margin-right:50px;
}
td.n-help div.n-hp-right {
     display:inline;
}
td.n-help table td {
     padding:3px;
   vertical-align:top;
}

/*=====--枠組3分割(180/-/180)・左【navi内】--=====*/
.nv-ti {
     background-image:   url(/note/img/right/rank-t.jpg);
     background-repeat: no-repeat;
   height:29px;
   padding-left:10px;
   font-size:80%;
   font-weight:bold;
   text-align:left;
   line-height:29px;
   border-top:1px solid #E1E1E1;
   border-left:1px solid #E1E1E1;
   border-right:1px solid #E1E1E1;
   max-width:170px;
   min-width:140px;
}
.nv-ti2 {
     background-image:   url(/note/img/nv-ti2.jpg);
     background-repeat: no-repeat;
   height:29px;
   padding-left:30px;
   font-size:80%;
   font-weight:bold;
   text-align:left;
   line-height:29px;
   border-top:1px solid #E1E1E1;
   border-left:1px solid #E1E1E1;
   border-right:1px solid #E1E1E1;
   max-width:150px;
   min-width:100px;
}


/*--プロフィール-*/
.nv-prf {
     border-collapse:collapse;
     border-left:1px solid #E1E1E1;
     border-right:1px solid #E1E1E1;
     border-bottom:1px solid #E1E1E1;
   margin-bottom:10px;
}
.nv-prf th {
     padding:9px 1px;
}
.nv-prf td {
     font-size:80%;
   color:#333333;
   line-height:1.2;
     padding:1px 5px 5px 5px;
     vertical-align:top;
     border-right:1px solid #E1E1E1;
}
.nv-prf td b {
     font-size:120%;
}
.nv-prf td img {
     vertical-align:middle;
}

div.nv-kiroku {
     text-align:right;
   margin:10px 3px 10px 3px;
   font-size:80%;
}
div.nv-kiroku img {
    vertical-align:middle;
  margin-bottom:5px;
}
/*--aパターンー-*/
.nv-ta {
     border-collapse:collapse;
     border-right:1px solid #CCCCCC;
     border-left:1px solid #CCCCCC;
     border-bottom:1px solid #CCCCCC;
}
.nv-ta th {
     background-color:#E1E1E1;
     border-right:1px solid #EEEEEE;
     border-left:1px solid #CCCCCC;
     border-bottom:1px solid #CCCCCC;
   font-size:80%;
   font-weight:normal;
   color:#333333;
   text-align:center;
     padding:3px;
   width:50%;
}
.nv-ta th a {
    text-decoration:none;
}
.nv-ta td {
     font-size:80%;
   color:#333333;
   line-height:1.5;
     padding:3px 5px;
     border-right:1px solid #EEEEEE;
}
.nv-ta td img {
     vertical-align:middle;
}
.na-ta td span {
   color:#666666;
}
.nv-ta td.tugi {
     padding:5px 8px;
     background-color:#F6F6F6;
   text-align:right;
}
.nv-ta td div.nm {
     background-color:#E1E1E1;
   font-size:12px;
   color:#333333;
   text-align:center;
     padding-top:4px;
     padding-bottom:4px;
   margin-bottom:3px;
}
.nv-ta td div.kiro {
    padding:1px 10px 7px 30px;
}




/*--カレンダー-*/
.calender {
     border:1px solid #CCCCCC;
}
.calender th.year-a {
     background-color:#999999;
   text-align:left;
}
.calender th.year-b {
  background-color:#999999;
  font-size:12px;
  color:#FFFFFF;
  font-weight:normal;
  padding:3px;
}
.calender th.year-c {
  background-color:#999999;
  text-align:right;
}
.calender th.mon-a {
  background-color:#E1E1E1;
  text-align:left;
}
.calender th.mon-b {
  background-color:#E1E1E1;
  font-size:12px;
  font-weight:normal;
  padding:3px;
}
.calender th.mon-c {
  background-color:#E1E1E1;
  text-align:right;
}
.calender td {
  text-align:center;
  font-size:10px;
  border-bottom:1px solid #E1E1E1;
  width:27px;
  padding-top:5px;
  padding-bottom:5px;
}
.calender td a {
  color:#000000;
}
.calender td.diary-0 {
  background-image: url(/note/img/cld-d-back.gif);
  background-repeat: no-repeat;
  text-decoration: underline;
}
.calender td.diary-2 {
  background-image: url(/note/img/cld-d-back2.gif);
  background-repeat: no-repeat;
  text-decoration: underline;
}
.calender td.nodiary {
  text-decoration: underline;
}
.calender td.act{
  text-decoration: underline;
  background-color: #DFDFFF;
  cursor: pointer;
}





/*--BBS-*/

.c-res td {
    font-size:80%;
  color:#666666;
  padding:7px;
  border-bottom:1px dashed #E0E0E0;
}
.c-res td a {
    padding-right:12px;
}


/*=========--NOTEトップページ用--============*/
/*--トップページ大枠テーブル-*/
.ntop-l {
  vertical-align:top;
  padding-right:20px;
   width:100%;
}
.ntop-r {
  vertical-align:top;
  width:245px;
}

/*--未ログイン者トップページ：メインエリア用-*/
.top-brand {
    border:1px solid #CCCCCC;
     background-image:   url(/note/img/top/top-b-r_back.jpg);
     background-repeat: no-repeat;
   background-position: right top;
   padding-right:218px;
}
.top-b-l {
     background-image:   url(/note/img/top/top-b-l_back.gif);
     background-repeat: repeat-x;
   font-size:80%;
   line-height:1.3;
   color:#666666;
   padding:0 8px;
}
.top-b-l-r {
     text-align:right;
   padding:2px 15px 5px 5px;
}
.top-b-l-r img {
     vertical-align:middle;
   margin-right:5px;
}


/*--旧メインエリア-*/
.main-b {
     background-image:   url(/note/img/top/main-back.jpg);
     background-repeat: no-repeat;
   width:535px;
   height:117px;
}
.main-b h2 {
   padding-left:20px;
   padding-right:130px;
   padding-top:20px;
   font-size:80%;
   font-weight:normal;
   line-height:1.3;
   margin:0;
}
.main-btm {
/*     background-image:   url(/note/img/top/main-btm.jpg); */
/*     background-repeat: no-repeat;*/

   width:535px;
   text-align:center;
}


/*--未ログイン者トップページ：リスト用-*/
.top-new {
     border-top:1px solid #CCCCCC;
     border-right:1px solid #CCCCCC;
     border-left:1px solid #CCCCCC;
     border-bottom:1px solid #CCCCCC;
   border-collapse:collapse;
   margin-top:15px;
}
.top-new th {
     background-image:   url(/note/img/right/rank-t.jpg);
     background-repeat: repeat-x;
   height:27px;
   padding-left:10px;
   font-size:80%;
   font-weight:bold;
   text-align:left;
   line-height:27px;
}
.top-new th img  {
     vertical-align:middle;
   margin-right:8px;
}
.top-new td {
     font-size:80%;
   line-height:1.3;
   padding:4px 8px 4px 15px;
   border-bottom:1px dashed #EEEEEE;
   vertical-align:top;
}
.top-new td img {
     vertical-align:middle;
   margin-right:8px;
}
.top-new td div {
     text-align:right;
   color:#666666;
}



/*--/note/some/start用-*/
.main-copy {
     background-image:   url(/note/img/top/main-copy-back.jpg);
     background-repeat: no-repeat;
   font-size:110%;
   color:#333333;
   font-weight:bold;
   padding-left:45px;
   line-height:45px;
}
.note-r-start {
   margin-bottom:15px;
   border:1px solid #CCCCCC;
   background-color:#E8E8E8;
}
.note-r-start th  {
     font-size:80%;
   font-weight:normal;
   padding:7px;
   color:#333333;
}
.note-r-start td  {
     font-size:80%;
   line-height:1.4;
   padding:4px 1px 4px 6px;
   vertical-align:top;
}


/*--みんなの日記--*/
.record-list th {
  font-size:80%;
  color:#666666;
  text-align:left;
  font-weight:normal;
  border-bottom:1px dashed #CCCCCC;
  padding:7px 5px;
}
.record-list th.relisth-r {
  text-align:right;
}
.record-list td {
  border-bottom:1px dashed #CCCCCC;
  padding:7px 5px;
  vertical-align:top;
  text-align:center;
}
.record-list td.tit {
  font-size:70%;
  text-align:left;
}
.record-list td.tit a {
  font-size:120%;
  padding-right:10px;
}
.record-list td.tit img {
  vertical-align:middle;
  margin-right:7px;
  margin-left:5px;
}
.record-list td.name {
  font-size:80%;
  text-align:right;
  white-space:nowrap;
}
.record-list td.name a {
  color:#999999;
}


/*--サークルスレッド一覧--*/
.cir-list th {
  font-size:80%;
  color:#666666;
  text-align:left;
  font-weight:normal;
  border-bottom:1px dashed #CCCCCC;
  padding:7px 15px 7px 5px;
}
.cir-list td {
  font-size:80%;
  border-bottom:1px dashed #CCCCCC;
  padding:7px 5px;
  color:#335599;
}
.cir-list td a {
  padding-right:10px;
}
.cir-list th.clisth-r {
  text-align:right;
}
.cir-list td.clist-l {
  color:#999999;
}
.cir-list td.clist-r {
  text-align:right;
}
.cir-list td.clist-r a {
  color:#000000;
}



/*--3分割中コンテンツ・サークルランキング一覧--*/
.cir-rank {
  border-collapse:collapse;
}
.cir-rank th {
  border-top:1px dashed #9CCCC6;
  border-bottom:1px dashed #9CCCC6;
  padding:10px 5px;
  text-align:left;
  width:85px;
  vertical-align:top;
}
.cir-rank td {
  font-size:80%;
  border-top:1px dashed #9CCCC6;
  border-bottom:1px dashed #9CCCC6;
  padding:10px 5px;
  width:auto;
  vertical-align:top;
}
.cir-rank td h3 {
  font-size:120%;
  color:#888888;
  margin:0 0 5px 0;
}
.cir-rank td a {
  color:#335599;
}
.cir-rank td a:hover {
  color:#000000;
}
.cir-rank td div {
  color:#006600;
  margin-top:5px;
}
.cir-rank td div span {
  padding-right:25px;
}






/*--検索エリア-*/
.ntop-sear {
     margin:0;
   background-color:#E8E8E8;
}
.ntop-sear td {
     font-size:80%;
   line-height:1.5;
   padding:2px 2px 2px 25px;
   vertical-align:top;
}
.ntop-sear td a {
     padding-right:15px;
}
.ntop-sear td input {
     vertical-align:middle;
}

.ntop-sear th {
   padding:2px 2px 2px 25px;
     text-align:left;
   color:#333333;
}

/*右側タイトル用*/

.r-func {
   border:1px solid #CCCCCC;
   background-image:   url(/note/img/top/r-func-back.jpg);
   background-repeat: repeat;
   margin:0 0 15px 0;
}
.r-func th {
   text-align:left;
   padding:7px 2px 1px 7px;
   font-size:100%;
   color:#333333;
}
.r-func th img {
   margin-right:5px;
   vertical-align:middle;
}
.r-func td {
   font-size:80%;
   padding:2px 10px 1px 35px;
}
.r-func td.center {
   padding:5px;
   text-align:center;
}



/*=============--ノートを始める関連--======================*/
/*--開始ページ--*/
.top-spe2 {
   border:1px solid #CCCCCC;
}
.top-spe2 td {
   padding:5px 10px;
   font-size:80%;
   line-height:1.3;
}
.top-spe2 td div {
   padding:5px 10px;
}

/*=============--ヘルプ関連--======================*/
/*--ノートの使い方-*/
.use-ti {
   margin-bottom:10px;
}
.use-step {
   background-image:   url(/note/img/about/step-back.gif);
   background-repeat: repeat-x;
   margin-top:25px;
}
.use-step-com {
   font-size:90%;
   line-height:1.5;
   padding:10px;
}
.use-step-com strong {
   font-weight:normal;
   color:#CC0000;
}
.use-step-toroku {
   font-size:90%;
   color:#335599;
   font-weight:bold;
   text-align:center;
   margin-top:30px;
   margin-bottom:30px;
}
.use-step-toroku img {
   margin-top:10px;
}

/*=============--全箇所共通関連--======================*/
/*--エラー文言-*/
.error {
    color:#FF0000;
  font-size:80%;
}

/*--テキストエリア--*/
textarea{
  font-size: 12px;
}


/*=============--ポップアップヘルプ--======================*/
.pophelp{
  display:none;
}

.pop{
  color:#00659C;
  z-index:2;
}

.pop-title{
  background-color:#E8F0FF;
  font-weight:bold;
}

.pop-l-t{
  background-image:url('/img/pop-l-t-corner.gif');
  background-repeat: no-repeat;
  width:15px;
  height:7px;
}

.pop-l-t2{
  background-image:url('/img/pop-l-t-corner2.gif');
  background-repeat: no-repeat;
  width:15px;
  height:15px;
}

.pop-l-b{
  background-image:url('/img/pop-l-b-corner.gif');
  background-repeat: no-repeat;
  width:15px;
  height:7px;
}

.pop-r-t{
  background-image:url('/img/pop-r-t-corner.gif');
  background-repeat: no-repeat;
  width:7px;
  height:7px;
}

.pop-r-t2{
  background-image:url('/img/pop-r-t-corner2.gif');
  background-repeat: no-repeat;
  width:7px;
  height:15px;
}

.pop-r-b{
  background-image:url('/img/pop-r-b-corner.gif');
  background-repeat: no-repeat;
  width:7px;
  height:7px;
}

.pop-t{
  background-image:url('/img/pop-t-line.gif');
  background-repeat:repeat-x;
}

.pop-t2{
  background-image:url('/img/pop-t-line2.gif');
  background-repeat:repeat-x;
}

.pop-b{
  background-image:url('/img/pop-b-line.gif');
  background-repeat:repeat-x;
}

.pop-l{
  background-image:url('/img/pop-l-line.gif');
  background-repeat:repeat-y;
}

.pop-r{
  background-image:url('/img/pop-r-line.gif');
  background-repeat:repeat-y;
}

.pop-contents{
  background-color:#E8F0FF;
}

.banner-mobile{
  padding-right:5px;
  padding-bottom:5px;
  text-align:right;
  font-size:80%;
  margin-bottom:10px;
  width:180px;
  height:106px;
  background-image:url('/img/banner_mobile.gif');
}
.bnr-mo{
  padding:3px;
  font-size:80%;
  margin-bottom:10px;
  width:180px;
  height:106px;
  border:#CCCCCC 1px solid;
}
.bnr-mo img{
  border:none;
}
.bnr-td{
  text-align:right;
  padding:3px;
}
.bnr-text{
  width:115px;
  margin-top:5px;
  text-align:left;
}


a.karadakara_link b{
  color: #335599;
  display: inline;
  font-weight:normal;
}
a.karadakara_link b.color0{
  color: #fff;
  display:none;
}



.imgnum-inact{
  font-weight: normal;
  color: #666666;
  background-image: url('/note/img/numback.gif');
  font-size: 12px;
  cursor: pointer;
  width: 19px;
  height: 19px;
  float: left;
  line-height: 19px;
  padding-top: 1px;
  padding-left: 1px;
  text-align: center;
}
.imgnum-act{
  font-weight: normal;
  color: #FFFFFF;
  background-image: url('/note/img/numback_on.gif');
  font-size: 12px;
  cursor: pointer;
  width: 19px;
  height: 19px;
  float: left;
  line-height: 19px;
  padding-top: 1px;
  padding-left: 1px;
  text-align: center;
}

.title-ser{
  background-image:url('/img/meal/search-back.jpg');
  background-repeat:repeat-x;
  width:100%;
  height:59px;
  line-height:59px;
  font-size:0.7em;
}
.title-ser select{
  margin-left:30px;
}
.title-ser a{
  color:#335599;
}
.title-ser a:hover{
  color:#CC0000;
}
.title-ser #ser{
  float:left;
}
.title-ser #sort{
  margin-right:30px;
}
.topser-ti{
  width:100%;
  height:24px;
  margin:0px;
  float:left;
}
.topser-ti td{
  height:24px;
  vertical-align:top;
}
.topser-ti h2{
  line-height:24px;
  display:inline;
  font-size:16px;

}
.title-all{
  margin-top:3px;
  background-image:url('/img/meal/title-back.gif');
  background-repeat:repeat-x;
  width:100%;
  height:1px;
}

.title-restaurant{
  background-image:url('/img/meal/title-back.gif');
  background-repeat:repeat-x;
  width:100%;
  height:1px;
}

/*
#r-tab {
  height: 54px;
  width: 178px;
  border-left: 1px solid #CCCCCC;
}

#r-tab ul {
  list-style:none;
  margin:0;
  padding:0;
}

#r-tab ul li{
  margin:0;
  float: left;
  font-size: 12px;
  background-image: url('/img/top/tl-title-back.jpg');
  background-repeat: repeat-x;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}

#r-tab ul li a {
  width: 58px;
  display: block;
  line-height: 26px;
  height: 26px;
  text-align: center;
  color: #335599;
  text-decoration: none;
}

#r-tab ul li a:hover {
  color: #CC0000;
  text-decoration: underline;
}

#r-tab ul li a.tab-act {
  background-color: #FFFFFF;
  color: #000000;
  text-decoration: none;
}
*/

.r-m-tab-clear {
  clear:both;
}

.tabload {
  height: 450px;
  width: 178px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #CCCCCC;
}


div.no-prof {
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  height: 114px;
  line-height: 114px;
  background-image: url('/img/top/tl-prof-back.jpg');
  background-repeat: no-repeat;
  background-position: center;
}


table.tbl-dotted {
  font-size: 12px;
}

table.tbl-dotted td {
  padding: 10px;
  border-bottom: 1px dotted #CCCCCC;
}

div.meal-top-head {
  padding: 3px;
  font-size: 14px;
  width: 100%;
  background-color: #E0E0E0;
}

div.meal-top-head img {
  border: 0px;
  vertical-align: middle;
  margin-right: 3px;
}

div.meal-top-head a {
  font-weight: bold;
  color: #000000;
  text-decoration: underline;
}

div.meal-top-head a:hover {
  font-weight: bold;
  color: #CC0000;
  text-decoration: underline;
}

div.meal-top-cont {
  font-size: 12px;
  margin-top: 10px;
  text-align: center;
  margin-bottom: 20px;
}


/* 記録ノートをつける */
div.go-diary {
  width: 176px;
  height: 39px;
  padding-left: 3px;
}

div.go-diary a {
  color: #000000;
  text-decoration: none;
}

div.go-diary a:hover {
  color: #CC0000;
  text-decoration: none;
}

div.go-diary a p {
  margin: 0px;
  width: 176px;
  height: 39px;
  background-image: url('/note/img/write_note.jpg');
  text-align: center;
  cursor: pointer;
}

div.go-diary a:hover p {
  margin: 0px;
  width: 176px;
  height: 39px;
  background-image: url('/note/img/write_note_on.jpg');
  text-align: center;
  cursor: pointer;
}


/* サークルに参加する */
div.go-entry {
  width: 146px;
  height: 26px;
  padding-left: 5px;
  line-height: 26px;
}

div.go-entry p {
  margin: 0px;
  width: 146px;
  height: 26px;
  background-image: url('/note/img/go-entry.jpg');
  text-align: center;
  font-size: 13px;
  cursor: pointer;
}

div.go-entry a {
  color: #000000;
  text-decoration: none;
}

div.go-entry a:hover {
  color: #CC0000;
  text-decoration: none;
}

#r-m-tab ul{
  list-style:none;
  margin:0;
  padding:0;
}

#r-m-tab ul li{
   margin:0;
   width:60px;
   background-image: url('/note/img/right/r-m-tab_back.jpg');
   background-repeat: repeat-x;
   float: left;
}

#r-m-tab ul li a{
    text-align:center;
    text-decoration:none;
    color:#335599;
    display: block;
    float: left;
}

#r-m-tab ul li a:hover{
    text-decoration:underline;
}

#r-m-tab ul li a.tab-now{
    background:#ffffff;
    color: #000000;
}

#r-tab{
 height: 54px;
 width: 178px;
 list-style:none;
}

#r-tab ul{
  border: none;
  list-style:none;
  margin:0;
  padding:0;
}

#r-tab ul li{
   margin:0;
   float: left;
   font-size: 12px;
   background-image: url('/img/top/tl-title-back.jpg');
   background-repeat: repeat-x;
   border-right: 1px solid #CCCCCC;
}

#r-tab ul li a{
    width: 58px;
    display: block;
    line-height: 26px;
    height: 26px;
    text-align: center;
    color: #335599;
    text-decoration: none;
}

#r-tab ul li a:hover{
    color: #CC0000;
    text-decoration: underline;
}

#r-tab ul li a.tab-act{
    background-color: #FFFFFF;
    color: #000000;
    text-decoration: none;
}

#r-tab ul li.up{
   border-top: 1px solid #CCCCCC;
}

#r-tab ul li.left{
   border-left: 1px solid #CCCCCC;
}

#r-tab ul li.low{
   border-top: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
}

#r-tab ul li.normal{
   border-bottom: 1px solid #CCCCCC;
}

#r-tab ul li.act{
   border-bottom: none;
}

.r-m-tab-clear{
 clear:both;
}

.tabload{
 height: 450px;
 width: 178px;
 text-align: center;
 vertical-align: middle;
 border: 1px solid #CCCCCC;
}

.tab-rank{
 /* border-top: 1px solid #CCCCCC; */
 width: 178px;
 font-size: 12px;
 border-right: 1px solid #CCCCCC;
 border-left: 1px solid #CCCCCC;
 border-bottom: 1px solid #CCCCCC;
}

.tab-rank th{
  text-align: left;
  font-weight: normal;
  padding:3px;
}

.tab-rank th img{
   padding: 3px;
   vertical-align: middle;
   margin-bottom: 2px;
   margin-right:4px;
}

.tab-rank td{
  padding: 3px;
  border-bottom: 1px dotted #CCCCCC;
}

.tab-rank td div{
   padding: 3px;
   line-height: 20px;
}

.tab-rank td div img{
    vertical-align : middle;
    margin: 0px;
    margin-right: 3px;
}

.tab-rank td div p{
    margin: 0px;
    text-align: right;
}

.tab-rank td div a{
    color: #335599;
    text-decoration: none;
}

.tab-rank td div a:hover{
    color: #CC0000;
    text-decoration: underline;
}

.tab-rank td div span.star{
    color: #FF9900;
}

.tab-rank td div span.qa-status1{
    color: #CC0000;
}

.tab-rank td div span.qa-status2{
    color: #666666;
}

.tab-rank td.more-cell{
  text-align: right;
  border: none;
  padding-bottom: 5px;
}

.tab-rank td.more-cell img{
   vertical-align: middle;
   margin-bottom: 2px;
   margin-right: 3px;
}

.tab-rank td.more-cell a{
   color: #335599;
   text-decoration: none;
}

.tab-rank td.more-cell a:hover{
   color: #CC0000;
   text-decoration: underline;
}

.tr-simple-head{
 margin-top: 3px;
 font-size: 12px;
 width: 176px;
 height: 26px;
 background-image: url('/img/top/tl-title-back.jpg');
 border: 1px solid #CCCCCC;
}

.tr-simple-head a{
  color: #000000;
}

.tr-simple-head a div{
   line-height: 26px;
   height: 26px;
   width: 120px;
}

.tr-simple-head a div img{
    margin-top: 10px;
    margin-right: 3px;
    right: 100px;
}

.tr-simple-head a:hover{
  color: #CC0000;
}

table.info-tbl{
 margin-top: 6px;
 width: 178px;
 cursor: pointer;
 height: 26px;
 background-image: url('/img/top/tl-title-back.jpg');
 border: 1px solid #CCCCCC;
}

table.info-tbl th{
  width: 20px;
}

table.info-tbl td{
  font-size: 12px;
  color: #000000;
  text-decoration: underline;
  padding-left: 10px;
}

.tr-noborder{
}

.tr-noborder td{
  font-size: 12px;
  padding: 3px;
}

.tr-noborder td a{
   color: #335599;
   text-decoration: none;
}

.tr-noborder td a:hover{
   color: #CC0000;
   text-decoration: underline;
}

.tr-noborder td img{
   margin: 0px;
   padding-right: 3px;
   vertical-align: middle;
}

.nr-rank{
 border-right:1px solid #CCCCCC;
 border-left:1px solid #CCCCCC;
 border-bottom:1px solid #CCCCCC;
 border-collapse:collapse;
 margin-top:0;
}

.nr-rank th.rank-ti{
  background-image:   url(/note/img/right/rank-t.jpg);
  background-repeat: repeat-x;
  height:29px;
  padding-left:10px;
  font-size:80%;
  font-weight:bold;
  text-align:left;
  line-height:29px;
}

.nr-rank th.rank-ti-b{
  background-image:   url(/note/img/right/rank-t.jpg);
  background-repeat: repeat-x;
  height:29px;
  padding-left:10px;
  font-size:80%;
  font-weight:bold;
  text-align:left;
  line-height:29px;
  border-top:1px solid #CCCCCC;
}

.nr-rank th.rank-kti{
  padding:1px 10px;
  font-size:80%;
  text-align:right;
  color:#666666;
  background-color:#E9E9E9;
}

.nr-rank td{
  font-size: 80%;
  line-height: 1.3;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-left: 6px;
  padding-right: 3px;
  border-bottom: 1px dashed #EEEEEE;
  vertical-align: middle;
}

.nr-rank td div{
   text-align:right;
   color:#888888;
   display:inline;
}

.nr-rank td div .inpic{
    text-align:left;
    padding:1px 0 0 5px;
    color:#999999;
    display:block;
}

.nr-rank td .num{
   color:#666666;
   text-align:right;
   padding-top:6px;
   padding-bottom:4px;
   padding-right:6px;
   border-bottom:1px dashed #EEEEEE;
}

.nr-rank td .num img{
    vertical-align:middle;
    margin-right:8px;
}

.mark{
 margin-right: 3px;
}

.tl-s-menu{
 margin-top: 3px;
 font-size: 12px;
 width: 178px;
}

.tl-s-menu tr{
  height: 26px;
}

.tl-s-menu tr th{
   width: 25px;
   background-color: #F0F0F0;
   text-align: center;
}

.tl-s-menu tr td{
   width: 145px;
   background-color: #F0F0F0;
   text-align: left;
}

.tl-s-menu tr td a{
    color: #335599;
}

.tl-s-menu tr td a:hover{
    color: #CC0000;
}

.tl-s-menu tr td img{
    margin-left: 3px;
}

.tl-s-menu tr td.s-list{
   width: 170px;
   background-color: #FFFFFF;
   line-height: 20px;
}

.tl-s-menu tr td.s-list img{
    margin-left: 8px;
    margin-right: 3px;
    vertical-align: middle;
}

.tl-s-menu tr td.s-list a{
    color: #335599;
    text-decoration: none;
}

.tl-s-menu tr td.s-list a:visited{
    color: #335599;
    text-decoration: none;
}

.tl-s-menu tr td.s-list a:hover{
    color: #CC0000;
    text-decoration: underline;
}

.tl-s-menu tr td.s-more{
   padding-right: 5px;
   width: 170px;
   text-align: right;
   background-color: #FFFFFF;
}

.tl-s-menu tr td.s-more a{
    color: #335599;
    text-decoration: none;
}

.tl-s-menu tr td.s-more a:visited{
    color: #335599;
    text-decoration: none;
}

.tl-s-menu tr td.s-more a:hover{
    color: #CC0000;
    text-decoration: none;
}

input.ch-val{
  margin-left: 10px;
  font-size: 11px;
  cursor: pointer;
}
div#nidocbody p{
}
div#nidocbody img{
  margin:0;
  padding:0;

}

.klink{
  word-break:break-all;
}

div.r-menu {
	margin:0 0 15px 0;
	padding:0;
	border-bottom:1px solid #CCCCCC;
}

#r-m-tab{
	padding:0;
	margin:0;
	line-height:115%;
	font-size:80%;
}
#r-m-tab ul{
	list-style:none;
	margin:0;
	padding:0;
}
#r-m-tab ul li{
	display:inline;
	margin:0;
	width:60px;
}
#r-m-tab ul li a{
	padding-top:4px;
	padding-bottom:4px;
	text-align:center;
	text-decoration:none;
    background-image:   url(../note/img/right/r-m-tab_back.jpg);
    background-repeat: repeat-x;
	float:left;
	color:#000000;
	width:60px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
#r-m-tab ul li a.tab-now{
	background:#ffffff;
	font-weight:bold;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
#r-m-tab ul li a:hover{
    text-decoration:underline;
}
.r-m-tab-clear {
    clear:both;
}

/*=========--NOTE右側エリア(180)コンテンツ用--============*/
/*--ランキング-*/
.nr-rank {
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-collapse:collapse;
	margin-top:0;
}
.nr-rank th {
}
.nr-rank th.rank-ti {
     background-image:   url(../note/img/right/rank-t.jpg);
     background-repeat: repeat-x;
	 height:29px;
	 padding-left:10px;
	 font-size:80%;
	 font-weight:bold;
	 text-align:left;
	 line-height:29px;
}
.nr-rank th.rank-ti-b {
     background-image:   url(../note/img/right/rank-t.jpg);
     background-repeat: repeat-x;
	 height:29px;
	 padding-left:10px;
	 font-size:80%;
	 font-weight:bold;
	 text-align:left;
	 line-height:29px;
	 border-top:1px solid #CCCCCC;
}
.nr-rank th.rank-kti {
	 padding:1px 10px;
	 font-size:80%;
	 text-align:right;
	 color:#666666;
	 background-color:#E9E9E9;
}
.nr-rank td {
     font-size:80%;
	 line-height:1.3;
	 padding-top:4px;
	 padding-bottom:2px;
	 padding-left:6px;
	 padding-right:3px;
	 border-bottom:1px dashed #EEEEEE;
	 vertical-align:top;
}
.nr-rank td.num {
	 color:#666666;
	 text-align:right;
	 padding-top:6px;
	 padding-bottom:4px;
	 padding-right:6px;
	 border-bottom:1px dashed #EEEEEE;
}
.nr-rank td.num img {
	vertical-align:middle;
	margin-right:8px;
}
.nr-rank td div {
     text-align:right;
	 color:#888888;
	 display:inline;
}
.nr-rank td div.inpic {
     text-align:left;
	 padding:1px 0 0 5px;
	 color:#999999;
	 display:block;
}




/*--ノートって何？-*/
.nt-r-whatm {
     background-image:   url(../note/img/right/what-m.gif);
     background-repeat: no-repeat;
	 width:180px;
	 height:46px;
	 font-size:12px;
	 line-height:1.5;
	 color:#FFFFFF;
	 padding-left:35px;
}
.nt-r-whatb {
     background-image:   url(../note/img/right/what-b.gif);
     background-repeat: no-repeat;
	 width:180px;
	 height:27px;
	 font-size:11px;
	 padding-left:85px;
	 line-height:1.5;
}

/*--おすすめの記録-
.ss-ti {
     background-image:   url(../note/img/right/ss-ti.gif);
     background-repeat: no-repeat;
	 width:180px;
	 height:30px;
	 font-size:80%;
	 padding-left:15px;
	 margin-top:15px;
	 line-height:30px;
}
.ss-ti a {
     color:#000000;
}
.ss-ti a:hover{
     color:#CC0000;
}

.ss-ta  {
     background-color:#EEEEEE;
}
.ss-ta th {
     padding:8px;
}
.ss-ta td {
     padding-top:7px;
     padding-right:5px;
	 font-size:60%;
	 color:#555555;
}
.ss-ta td strong {
	 font-size:120%;
}
.ss-ta td b {
	 font-size:110%;
}
.ss-ta td div {
     padding-top:4px;
     padding-bottom:4px;
}*/
/*--友人を招待しよう-*/
.nt-r-invim {
     background-image:   url(../note/img/right/invi-m.jpg);
     background-repeat: no-repeat;
	 width:180px;
	 height:80px;
	 font-size:12px;
	 line-height:1.2;
	 color:#FFFFFF;
	 padding-left:57px;
	 line-height:1.5;
}
.nt-r-invib {
     background-image:   url(../note/img/right/invi-b.jpg);
     background-repeat: no-repeat;
	 width:180px;
	 height:25px;
	 font-size:11px;
	 padding-left:91px;
	 line-height:1.5;
}
.nt-r-invib a {
	 color:#CC6600;
}
.nt-r-invib a:hover {
	 color:#CC0000;
}
/*--サービスメニュー-*/
.nr-menu {
	 margin-top:15px;
	 border:1px solid #CCCCCC;
}
.nr-menu th {
     background-image:   url(../note/img/right/rank-t.jpg);
     background-repeat: repeat-x;
	 height:29px;
	 padding-left:10px;
	 font-size:80%;
	 font-weight:bold;
	 text-align:left;
	 line-height:29px;
/*     background-image:   url(../note/img/right/nr-menu.jpg);
     background-repeat: no-repeat;
	 width:180px;
	 height:28px;
	 font-size:80%;
	 padding-top:5px;
*/
}
.nr-menu td {
   font-size:70%;
   padding:5px 0 3px 5px;
   color:#333333;
   vertical-align:top;
}
.nr-menu td img {
   margin-right:5px;
   margin-bottom:4px;
   margin-top:4px;
   vertical-align:middle;
}



/*--はじめての方-*/
.first-ti {
     background-image:   url(../note/img/right/first-ti.jpg);
     background-repeat: no-repeat;
	 height:27px;
	 margin-bottom:3px;
	 font-size:80%;
	 color:#335599;
	 line-height:27px;
	 padding-left:27px;
}

/*--携帯サイトへ-*/
.r-mob {
     background-image:   url(../note/img/right/r-mob-back.jpg);
     background-repeat: no-repeat;
	 border:1px solid #6699FF;
	 margin-top:15px;
}
.r-mob td {
     padding:35px 5px 5px 50px;
	 font-size:80%;
	 color:#335599;
	 line-height:1.2;
	 text-align:right;
}
.r-mob td img {
     vertical-align:middle;
	 margin:5px;
}
.r-mob th {
     padding:5px;
}
.r-mob th form {
     margin:0;
}
.r-mob th .r-mob-text {
     width:115px;
	 height:23px;
	 border:1px solid #6699CC;
	 color:#9999FF;
	 font-size:12px;
	 margin-right:3px;
}
.r-mob th input {

	 vertical-align:middle;
}

/*--友だち招待フォーム-*/
.r-invi {
     background-image:   url(../note/img/right/r-invi-back.jpg);
     background-repeat: no-repeat;
	 border:1px solid #6699FF;
	 margin-top:7px;
}
.r-invi td {
     padding:5px 7px;
	 font-size:80%;
	 color:#335599;
	 line-height:1.2;
	 text-align:right;
}
.r-invi td img {
     vertical-align:middle;
	 margin:5px;
}
.r-invi th {
     padding:60px 5px 1px 5px;
}
.r-invi th form {
     margin:0;
}
.r-invi th .r-invi-text {
     width:115px;
	 height:23px;
	 border:1px solid #6699CC;
	 color:#9999FF;
	 font-size:12px;
	 margin-right:3px;
}
.r-invi th input {
	 vertical-align:middle;
}


/*--メッセージボックス-*/
/*.box {
   margin-top:5px;
   margin-bottom:5px;
   text-align:right;
   width:780px;
}
.box img {
   margin-right:5px;
}*/


.vflg_0 {
	background-color:#ECF3FF;
}

/*--食事レポート--*/
td.mealh {
     width:125px;
   vertical-align:top;
   padding:20px 10px 10px 10px;
}
td.meald {
     width:auto;
   vertical-align:top;
   padding:20px 20px 10px 20px;
}
/*--食事レポート・左メニュー--*/
div.m-menu {
  width:140px;
  font-size:80%;
  padding:0;
  margin:0;
}

div.m-menu div {
  border-bottom:1px dotted #CCCCCC;
  margin-top: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  /*
  background-image:   url(../note/img/meal/l-menu.gif);
  background-repeat: no-repeat;
  border-bottom:1px solid #CEDFFF;
  padding:7px 0 7px 5px;
  margin:5px 0 0 0;
  color:#335599;
  */
}

div.m-menu img {
  vertical-align: middle;
  margin-right: 3px;
}

div.m-menu div.now {
  font-weight: bold;
}

/*
div.m-menu div.now {
     background-image:   url(../note/img/meal/l-now.gif);
     background-repeat: no-repeat;
   border-bottom:1px solid #CEDFFF;
   color:#000000;
   font-weight:bold;
}
*/

/*--食事の記録・日付タイトル関連ー--*/
div.m-day {
     font-size:80%;
   width:auto;
   float:left;
}
div.m-day b {
     padding-left:4px;
     padding-right:4px;
}
div.m-day img {
     vertical-align:middle;
   margin-left:7px;
   margin-right:7px;
}
div.m-term {
  width:auto;
  float:right;
  text-align:right;
  padding-right:10px;
  font-size:80%;
  color:#6699FF;
  margin:0;
  height:24px;
}
div.m-term ul {
  margin:0; 
  padding:0; 
  list-style:none; 
  height:24px;
  display:inline;
}
div.m-term li.now {
  display:block; 
  float:left; 
  background:   url(../note/img/meal/terml.gif) no-repeat top left;
  margin-right:5px; 
  padding-left:3px;
}
div.m-term li.now div {
  display:block; 
  float:left; 
  margin:0; 
  font-weight: bold;
  background: url(../note/img/meal/term.gif) no-repeat top right; 
}
div.m-term li {
  display:block; 
  float:left; 
  background:   url(../note/img/meal/terml_now.gif) no-repeat top left;
  margin-right:5px; 
  padding-left:3px;
}
div.m-term li div {
  display:block; 
  float:left; 
  margin:0; 
  background: url(../note/img/meal/term_now.gif) no-repeat top right; 
}

div.m-term li.now a {
  display:block; 
  float:left; 
  white-space:nowrap; 
  padding:7px 6px 4px 3px; 
  margin:0;
  color:#000000;
  text-decoration: none;
}
div.m-term li a {
  display:block; 
  float:left; 
  white-space:nowrap; 
  padding:7px 6px 4px 3px; 
  margin:0;
  color:#FFFFFF;
  text-decoration:none;
}

div.m-term li.now a:hover {
  color:#CC0000;
  text-decoration: underline;
}
div.m-term li a:hover {
  color:#CC0000;
  text-decoration:underline;
}


/*

div.m-term div {
     display:inline;
   margin:0 4px;
   text-align:center;
   padding-top:8px;
   padding-bottom:3px;
   width:24px;
   color:#000000;
     background-image:   url(../note/img/meal/term.gif);
     background-repeat: no-repeat;
}
div.m-term div.now {
     background-image:   url(../note/img/meal/term_now.gif);
     background-repeat: no-repeat;
   font-weight:bold;
}
div.m-term div a {
   color:#000000;
}
*/
h3.meal-ti {
  font-size:110%;
  font-weight:bold;
  border-top:20px solid #E0E0E0;
  margin:0;
  padding:7px;
  clear:both;
}

h3.meal-ti-none {
     font-size:160%;
   font-weight:normal;
   margin:20px 0 0 0;
   padding:7px;
   clear:both;
}

h3.meal-ti img{
  vertical-align: middle;
  margin-right: 3px;
}




/*--食事のリスト関連ー--*/
/*
.meal-list-ti {
  background-image:   url(../note/img/meal/meal-list-ti.gif);
  background-repeat: no-repeat;
  font-size:70%;
  color:#FFFFFF;
  padding-left:37px;
  padding-top:3px;
  border-bottom:7px #999999 solid;
  margin-top:20px;
}
.meal-list {
   margin:0 0 20px 0;
   border-collapse:collapse;
}
.meal-list th {
     font-size:80%;
   font-weight:normal;
   text-align:left;
   padding:5px 5px 5px 10px;
     background-color:#E7E7E7;
   border-left:1px solid #CEDFFF;
   border-right:1px solid #CEDFFF;
   border-top:1px solid #D9D9D9;
   border-bottom:1px solid #D9D9D9;
}
.meal-list td {
     font-size:80%;
   padding:8px 5px 8px 10px;
   border-left:1px solid #CEDFFF;
   border-right:1px solid #CEDFFF;
   border-top:1px solid #D9D9D9;
   border-bottom:1px solid #D9D9D9;
}
.meal-list td img {
     vertical-align:middle;
   margin-right:5px;
}
.meal-list td b {
     font-size:110%;
}
.meal-list td select option {
      color:#CC0000;
}
.meal-list td.none {
    background-color:#FFE6FF;
}

.meal-list td.syk-6 {
     background-color:#E8E8FF;
}
.meal-list td.syk-0 {
     background-color:#FFDDDD;
}
*/
.meal-list {
  margin: 0 0 20px 0;
  border-collapse: collapse;
  border-left: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  border-top: 1px solid #D9D9D9;
}
.meal-list th {
  height: 30px;
  background-image: url('/note/img/meal/back_m_list.jpg');
  font-size:80%;
  font-weight:normal;
  text-align:left;
  border-bottom: 1px solid #D9D9D9;
  /*
  font-size:80%;
  font-weight:normal;
  text-align:left;
  padding:5px 5px 5px 10px;
  background-color:#E7E7E7;
  border-left:1px solid #CEDFFF;
  border-right:1px solid #CEDFFF;
  border-top:1px solid #D9D9D9;
  border-bottom:1px solid #D9D9D9;
  */
}
.meal-list td {
  font-size:80%;
  padding:8px 5px 8px 10px;
  border-bottom:1px solid #D9D9D9;
  /*
  font-size:80%;
  padding:8px 5px 8px 10px;
  border-left:1px solid #CEDFFF;
  border-right:1px solid #CEDFFF;
  border-top:1px solid #D9D9D9;
  border-bottom:1px solid #D9D9D9;
  */
}
.meal-list td img {
  vertical-align:middle;
  margin-right:5px;
}
.meal-list td b {
     font-size:110%;
}
.meal-list td select option {
      color:#CC0000;
}
.meal-list td.none {
    background-color:#FFE6FF;
}

.meal-list td.syk-6 {
     background-color:#E8E8FF;
}
.meal-list td.syk-0 {
     background-color:#FFDDDD;
}

.meal-hist td {
	padding: 3px;
	height: 35px;
	font-size: 13px;
	border-bottom: 1px dotted #CCCCCC;
}

.meal-hist td span{
	font-size: 11px;
}

.meal-hist th {
	padding: 3px;
	width: 35px;
	height: 35px;
	text-align: center;
	border-bottom: 1px dotted #CCCCCC;
}

img.icon-18 {
	margin-right: 3px;
	margin-bottom: 3px;
	vertical-align: middle;
}

a.ml-com {
     font-size:80%;
}

div.ml-hyoka {
     display:inline;
   padding-left:12px;
}
a.meal-kiroku {
     background-color:#E7E7E7;
   color:#666666;
   padding:3px 5px;
}



/*--食事の記録「カロリー推移」関連ー--*/
.m-cal {
}
.m-cal th {
     vertical-align:top;
   padding:0 10px 0 0;
   width:510px;
}
.m-cal td {
  border-bottom:1px dotted #999999;
  padding:1px;
  width:auto;
}
.m-cal h4 {
     font-size:150%;
   text-align:center;
   margin:2px 0;
}
.m-cal h5 {
   font-size:90%;
   text-align:center;
   margin:4px 0;
}
.m-cal h5 span {
     font-size:50%;
   font-weight:normal;
   padding-left:5px;
}
.m-cal td.cti {
     background-color:#E7E7E7;
   border-top:2px solid #FFFFFF;
   font-size:70%;
   text-align:center;
   padding:2px;
   white-space:nowrap;
}
.m-cal td.ccom {
   font-size:85%;
   line-height:1.6;
   padding:2px 0 2px 7px;
}
.m-cal td.ccom b {
     color:#CC0000;
}
.m-cal td.ccom span {
  font-size: 85%;
}

/*--食事の記録「食事の充足率」関連ー--*/
.m-eno {
}
.m-eno th {
     vertical-align:top;
   padding:0 10px 0 0;
   width:280px;
}
.m-eno td {
     border-bottom:1px dotted #999999;
   padding:1px;
   width:auto;
}
.m-eno h4 {
  font-size:14px;
  margin:4px 0;
}
.m-eno h5 {
  font-size:80%;
  font-weight:normal;
  margin:0;
}
.m-eno td.eti {
  background-color:#E7E7E7;
  border-top:2px solid #FFFFFF;
  font-size:70%;
  text-align:center;
  padding:2px;
  white-space:nowrap;
  width:57px;
}

.m-eno td#wlink {
  font-size:12px;
  text-align:right;
}

.m-eno td#wlink a{
  font-size:12px;
  color: #003366;
  text-decoration: none;
}

.m-eno td#wlink a:hover{
  font-size:12px;
  color: #CC0000;
  text-decoration: underline;
}

.m-eno td#wlink a img{
  border: none;
  margin-right: 3px;
}


.m-eno td.ecom {
  font-size:80%;
  line-height:1.2;
  padding:5px 5px 5px 5px;
  width:auto;
}
.m-eno div.x {
  color:#CC0000;
  margin-bottom:3px;
}
.m-eno div.o {
  color:#000000;   
  margin-bottom:3px;
}


/*--食事の記録「食事のバランスガイド」関連ー--*/
.m-bal {
}
.m-bal th {
     vertical-align:top;
   padding:0 10px 0 0;
   width:280px;
}
.m-bal td {
     border-bottom:1px dotted #999999;
   padding:7px 2px 7px 7px;
   width:auto;
}
.m-bal h4 {
     font-size:150%;
   margin:4px 0;
}
.m-bal h5 {
     font-size:80%;
   font-weight:normal;
   margin:0;
}
.m-bal td.bnum div {
     width:45px;
   text-align:center;
     font-size:140%;
   font-weight:bold;
   color:#FFFFFF;
   padding-top:10px;
   padding-bottom:10px;
}
.m-bal td.bnum div.shushoku {
   background-color:#CC9900;
}
.m-bal td.bnum div.hukusai {
   background-color:#669900;
}
.m-bal td.bnum div.shusai {
   background-color:#CC6666;
}
.m-bal td.bnum div.nyuseihin {
   background-color:#996699;
}
.m-bal td.bnum div.kudamono {
   background-color:#669999;
}

.m-bal  div.x {
     float:left;
   color:#CC0000;
   font-weight:bold;
     font-size:80%;
}
.m-bal  div.o {
     float:left;
   color:#000000;  
   font-weight:bold;
     font-size:80%;
}
.m-bal  div.meyasu {
     float:right;
   color:#999999;
   text-align:right;
     font-size:80%;
}
.m-bal  h6 {
     font-size:80%;
   color:#333333;
   font-weight:normal;
   clear:both;
   margin:5px 0 0 0;
}

/*--食事の記録「食べた物リスト」関連ー--*/


option.ml-cook {
     color:#FF9900;
}
option.ml-yet {
     color:#CC0000;
}
option.ml-out {
     color:#009900;
}
option.ml-buy {
     color:#0066CC;
}

/*--食事の記録「メニューアドバイス」関連ー--*/
.m-adv {
}
.m-adv th.advl {
   background:   url(../note/img/meal/adv-thl_back.gif) no-repeat top left;
   padding:10px 20px 5px 20px;
   text-align:left;
   font-size:90%;
}
.m-adv th.advr {
   background:   url(../note/img/meal/adv-thr_back.gif) no-repeat top right;
}
.m-adv td.advl {
   background:   url(../note/img/meal/adv-tdl_back.gif) no-repeat bottom left;
   padding:5px 7px 10px 20px;
   font-size:80%;
   line-height:1.2;
}
.m-adv td.advr {
   background:   url(../note/img/meal/adv-tdr_back.gif) no-repeat bottom right;
   padding:5px 20px 10px 7px;
   font-size:70%;
   vertical-align:bottom;
   white-space:nowrap;
}
.m-adv td.advr a {
    color:#000000;
    text-decoration:none;
}
.m-adv td.advr a:hover {
    text-decoration:underline;
    color:#CC0000;
}
.m-adv td.advr b {
    color:#335599;
    font-size:120%;
}

.m-advm {
    border:2px solid #CEDFFF;
    margin-bottom:15px;
}
.m-advm th {
    padding:10px 20px;
    text-align:left;
}
.m-advm th h4 {
    font-size:150%;
    color:#335599;
    margin:3px 0;
}
.m-advm th span {
    font-size:80%;
    font-weight:normal;
}
.m-advm td {
    border-top:1px dashed #CCCCCC;
    padding:8px 20px;
    font-size:80%;
    line-height:1.6;
}
.m-advm td img {
    float:left;
    margin-right:9px;
}
.m-advm td b {
}
.m-advm td span {
    color:#999966;
}
.m-advm td a {
    padding-right:8px;
}
.m-advm td.next {
    padding:8px 10px 15px 20px;
    text-align:right;
    background:   url(../note/img/meal/advm-next_back.jpg) repeat-x bottom left;
    font-size:70%;
}

.m-advm td.next a {
    padding:5px 8px 5px 2px;
    color:#000000;
    text-decoration:none;
}
.m-advm td.next a:hover {
    text-decoration:underline;
    color:#CC0000;
}
.m-advm td.next b {
    color:#335599;
}
.m-advm td.next img {
    vertical-align:middle;
    float:none;
}
.m-advm td.close {
    padding:8px 10px 8px 10px;
    text-align:right;
    font-size:70%;
}
.m-advm td.close a:hover {
    text-decoration:underline;
    color:#CC0000;
}
.m-advm td.close a {
    padding:5px 8px 5px 2px;
    color:#000000;
    text-decoration:none;
}

/*--食事の記録「PFCバランス」関連ー--
.m-pfc {
}
.m-pfc th {
     vertical-align:top;
   padding:0 10px 0 0;
   width:400px;
}
.m-pfc td {
     border-bottom:1px dotted #999999;
   padding:1px;
   width:auto;
}
.m-pfc h4 {
     font-size:150%;
   margin:4px 0 15px 0;
}
.m-pfc h5 {
     font-size:80%;
   font-weight:normal;
   margin:10px 0 0 0;
}
.pcal {
     text-align:center;
   font-size:80%;
   margin:7px;
}
.pcal b {
   font-size:200%;
   padding-right:5px;
}
.m-pfc td.pti {
     background-color:#E7E7E7;
   border-top:2px solid #FFFFFF;
   font-size:70%;
   text-align:center;
   padding:2px 4px;
   white-space:nowrap;
   width:57px;
}
.m-pfc td.pcom {
   font-size:90%;
   line-height:1.5;
   padding:5px 5px 5px 10px;
   width:auto;
}
.m-pfc td.pcom b {
   color:#CC0000;
}
*/


/*--=====市販食品・外食品入力フォーム=====--*/
ul.inp-meal {
  padding:0;
  margin:0;
  font-size:80%;
  list-style:none;
}
ul.inp-meal li{
  display:inline;
  float:left;
  margin:0;
  padding:5px;
  border-top:1px solid #CCCCCC;
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  background-color:#CCCCCC;
}
ul.inp-meal li a{
  padding:5px;
}
ul.inp-meal li.now{
  background-color:#999999;
}
ul.inp-meal li.now a{
  color:#FFFFFF;
  text-decoration:none;
}


.inp-meal-ta {
  clear:both;
  border-collapse:collapse;
}
.inp-meal-ta th {
  padding:5px 10px;
  font-size:80%;
  font-weight:normal;
  text-align:left;
  background-color:#EFEFEF;
  border-top:1px dashed #CCCCCC;
  border-bottom:1px dashed #CCCCCC;
  vertical-align:top;
}
.inp-meal-ta th.hisu {
}
.inp-meal-ta th.hisu span {
  color:#CC0000;
}
.inp-meal-ta td {
  padding:5px 10px;
  font-size:80%;
  font-weight:normal;
  border-top:1px dashed #CCCCCC;
  border-bottom:1px dashed #CCCCCC;
  vertical-align:top;
}
.inp-meal-ta td.hisu {
  background-color:#FFEEFF;
}





/*--=====レシピ関連=====--*/
/*--レシピ左メニュー--*/
.rec-l-ti {
     border:1px solid #CCCCCC;
   padding:1px 5px;
     background-image:    url(../note/img/recipe/rec-l-ti_back.jpg);
     background-repeat: repeat-x;
   font-size:80%;
   width:150px;
}
.rec-l-ti img {
     vertical-align:middle;
   margin-right:5px;
}
ul.rec-l-list {
     font-size:80%;
   line-height:1.1;
   padding-left:12px;
   padding-top:7px;
   list-style-type: none;
   margin:0;
   padding:0;
   
}
ul.rec-l-list li {
     padding-left:7px;
   padding-top:7px;
}
ul.rec-l-list a {
     text-decoration:none;
}

/*--レシピ詳細--*/
.reci-pic {
}
.reci-pic th {
  width: 220px;
  padding:10px;
  vertical-align:top;
  padding-right: 30px;
  font-weight: normal;
}
.reci-pic th img {
  border:1px solid #CCCCCC;
}
.reci-pic div.com{
  font-weight: normal;
  font-size: 80%;
  padding-top:15px;
  text-align:left;
}
.reci-pic td {
  width: auto;
   font-size:80%;
   padding:10px 3px;
   vertical-align:top;
}

.reci-det {
}
.reci-det th {
  font-size:90%;
  padding:5px 3px;
  vertical-align:top;
  text-align:left;
  font-weight: bold;
}
.reci-det td {
  font-size:80%;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom:1px dashed #CCCCCC;
  padding:7px 10px 5px 10px;
  vertical-align:top;
}
.reci-det td b {
     color:#FF9900;
}
.reci-det td.cal {
    color:#009900;
}
.reci-det td span.cal {
  color:#009900;
  margin-left: 10px;
}

/*--レシピデータ--*/
.reci-data {
     clear:both;
   border-collapse:collapse;
   margin-top:15px;
}
.reci-data th {
     border-bottom:1px solid #CCCCCC;
   text-align:left;
   padding:0;
}
.reci-data th span {
     background-color:#CCCCCC;
   font-size:80%;
   font-weight:normal;
   color:#000000;
   padding:2px 20px;
}
.reci-data td {
     border-left:1px dotted #CCCCCC;
     border-right:1px dotted #CCCCCC;
   font-size:80%;
   line-height:1.4;
   padding:7px;
   vertical-align:top;
}

/*--レシピつくりかた--*/
.r-tukurikata-ti {
     background-image:    url(../note/img/recipe/rec-l-ti_back.jpg);
     background-repeat: repeat-x;
     border:1px solid #CCCCCC;
   padding:5px;
   font-size:90%;
   width:98%;
   margin-top:15px;
}
.r-tukurikata {
}
.r-tukurikata th {
     padding:12px 5px 15px 12px;
   font-size:150%;
   text-align:left;
     border-bottom:1px dotted #CCCCCC;
   vertical-align:top;
}
.r-tukurikata td {
     padding:17px 1px 15px 7px;
   font-size:80%;
   line-height:1.3;
   text-align:left;
     border-bottom:1px dotted #CCCCCC;
   vertical-align:top;
}


/*--=====クチコミ関連=====--*/
/*--クチコミ左メニュー--
.kuti-l-ti {
     border:1px solid #CCCCCC;
   padding:1px 5px;
     background-image:    url(../note/img/recipe/rec-l-ti_back.jpg);
     background-repeat: repeat-x;
   font-size:80%;
   width:150px;
   margin-bottom:7px;
}
.kuti-l-ti img {
     vertical-align:middle;
   margin-right:5px;
}
.kuti-l-ti a {
     line-height:23px;
   color:#000000;
}
ul.kuti-l-list {
     font-size:80%;
   line-height:1.1;
   padding-left:12px;
   padding-top:7px;
   list-style-type: none;
   margin:0 0 25px 0;
   padding:0;
   
}
ul.kuti-l-list li {
     padding-left:15px;
   padding-bottom:7px;
}
ul.kuti-l-list a {
     text-decoration:none;
}
*/
/*--クチコミリスト--
div.kuti-maker {
     color:#999966;
}
*/
/*--クチコミトップページリスト--
.kuti-com {
     font-size:80%;
}
.kuti-com img {
     vertical-align:middle;
   margin-right:7px;
}
.kuti-top-ti {
     background-color:#E1E1E1;
   font-size:70%;
   padding:3px 20px;
   margin:3px 0;
}
.kuti-top {
}
.kuti-top th {
   font-size:80%;
   font-weight:normal;
   padding:3px 20px;
   border-bottom:1px solid #E1E1E1;
   text-align:left;
}
.kuti-top th span {
     color:#999966;
   padding-left:8px;
}
.kuti-top td {
     font-size:80%;
   text-align:right;
   border-bottom:1px solid #E1E1E1;
   padding:3px 5px;
}
.kuti-top td img {
     margin-left:5px;
   margin-right:5px;
}


.kuti-rireki {
}
.kuti-rireki th {
   font-size:80%;
   font-weight:normal;
   padding:3px 20px;
   text-align:left;
}
.kuti-rireki th span {
     color:#999966;
   padding-left:8px;
}
.kuti-rireki td {
     font-size:80%;
   text-align:right;
   padding:3px 5px;
}

*/


.m-edit {
  cursor: pointer;
  width: 78px;
  height: 20px;
  background-image: url('../note/img/meal/btn_back.jpg');
  background-repeat: no-repeat;
}

.m-edit span{
  padding-top: 2px;
  padding-right: 5px;
  display: block;
}

table.m-date-navi {
  background-color: #E0E0E0;
  margin-bottom: 15px;
}

table.m-date-navi th{
  padding: 5px;
  font-size: 16px;
  text-align: left;
}

table.m-date-navi th img{
  margin-right: 3px;
  vertical-align: middle;
}

table.m-date-navi td{
  padding: 5px;
  padding-right: 10px;
  font-size: 12px;
}

table.m-date-navi td img{
  margin-left: 3px;
  vertical-align: middle;
}

table.m-date-navi td a {
  color: #000000;
}
table.m-date-navi td a:hover{
  color: #CC0000;
}
table.m-date-navi td a b {
  font-size: 14px;
}/*--���V�s--*/

.rep-ti {
     background-image:   url(../note/img/recipe/rep-ti_back.gif);
     background-repeat: no-repeat;
	 font-size:160%;
	 margin:5px 0;
	 line-height:34px;
	 padding-left:40px;
}
/*--���V�s�����j���[--*/
.rep-l {
     background-color:#F3F3F3;
	 border:1px solid #CCCCCC;
	 margin:0;
	 padding-top:20px;
	 padding-bottom:20px;
	 width:180px;
}
.rep-l form {
     margin:0 10px 25px 10px;
}
.rep-l-ser {
     text-align:right;
}
.rep-l-ser input.textbox {
     width:160px;
	 height:22px;
     font-size:80%;
	 color:#AAAAFF;
	 margin-bottom:3px;
}
.rep-ser-ti {
     font-size:80%;
	 font-weight:bold;
	 padding:3px;
	 border-bottom:1px solid #CCCCCC;
	 margin:5px 10px;
}
.rep-l ul {
     margin:0;
	 padding:0;
	 font-size:80%;
	 list-style:none;
}
.rep-l ul li {
     padding-top:3px;
     padding-bottom:3px;
	 padding-left:10px;
}
.rep-l ul li.in {
     padding-top:3px;
     padding-bottom:3px;
	 padding-left:30px;
}
.rep-l ul li a {
     text-decoration:none;
}
.rep-l ul li input {
     margin-right:5px;
}

/*--���V�s�����L���O--*/
.rep-rank-ti {
	 font-size:140%;
	 margin:0 0 5px 0;
	 padding-left:5px;
}
.rep-rank-ti img {
     vertical-align:middle;
	 margin-right:7px;
}
.rep-rank {
}
.rep-rank th {
     border-top:1px dashed #CCCCCC;
	 padding:13px 0 13px 8px;
	 text-align:left;
	 vertical-align:top;
	 width:105px;
}
.rep-rank td {
     border-top:1px dashed #CCCCCC;
	 padding:13px 8px;
	 vertical-align:top;
	 width:auto;
}
.rep-rank td dl {
}
.rep-rank td dl dt b {
     font-size:150%;
}
.rep-rank td dl dt strong {
	 display:inline;
	 font-size:120%;
	 margin:0 5px;
}
.rep-rank td dl dt span {
     font-size:80%;
	 color:#666666;
}
.rep-rank td dl dd {
     padding:5px 3px 5px 25px;
	 margin:0;
	 font-size:80%;
	 line-height:1.3;
}
.rep-rank td dl dd div {
	 font-size:80%;
	 color:#009900;
	 margin-top:5px;
}/* MYクチコミ(左メニュー） */
/*
dl.rev-lmenu {
    font-size:80%;
   margin-bottom:15px;
   margin-top:10px;
   width:160px;
}
dl.rev-lmenu a{
   color:#000000;
}
dl.rev-lmenu dt{
  padding-left:10px;
}
dl.rev-lmenu dt img{
  margin-right:6px;
  vertical-align:middle;
}
dl.rev-lmenu dd{
     margin:0;
   padding:3px 0 3px 53px;
}
*/

h4.rev-lmenu2{
  font-size:80%;
  margin-top: 3px;
  margin-bottom: 6px;
}
h4.rev-lmenu2 a{
  text-decoration: none;
  color: #000000;
}
table.rev-lmenu2 {
  width: 160px;
  font-size: 80%;
  padding: 0px;
  border-bottom: dotted #CCCCCC 1px;
}
table.rev-lmenu2 th{
  text-align: left;
  width: 22px;
  padding: 0px;
  vertical-align: top;
  border-top: dotted #CCCCCC 1px;
}
table.rev-lmenu2 th img{
  width: 18px;
  height: 18px;
  border: none;
  margin-right:6px;
  padding-top: 2px;
}
table.rev-lmenu2 td{
  text-align: left;
  padding: 5px 0px 5px 0px;
  border-top: dotted #CCCCCC 1px;
}
table.rev-lmenu2 td a{
  text-decoration: none;
}
table.rev-lmenu2 td.trigger_off{
  color: #335599;
  background-color: #FFFFFF;
  text-align: right;
  font-size: 80%;
  cursor: pointer;
  border-top: none;
  padding-top: 2px;
  padding-bottom: 2px;
}
table.rev-lmenu2 td.trigger_on{
  color: #335599;
  background-color: #ECF0FF;
  text-align: right;
  font-size: 80%;
  cursor: pointer;
  border-top: none;
  padding-top: 2px;
  padding-bottom: 2px;
}
table.rev-lmenu2 td.active{
  background-color: #ECF0FF;
}

/* MYクチコミ(マイリスト） */
h2.mylist-ti-l {
    font-size:90%;
  margin:0;
  float:left;
  width:auto;
}
h2.mylist-ti-l img {
     margin-right:6px;
   vertical-align:middle;
}
div.mylist-ti-r  {
  float:right;
  width:auto;
    font-size:80%;
  margin:0;
}
.mylist {
     clear:both;
   margin-top:7px;
}
.mylist th {
     color:#333333;
     font-size:80%;
   background-color:#f2f2f2;
   padding:7px 5px;
   font-weight:normal;
   text-align:left;
}
.mylist th a {
     color:#666666;
   font-size:80%;
   text-decoration:none;
   padding-left:8px;
}
.mylist td {
   padding:6px 0 6px 3px;
   font-size:80%;
   line-height:1.3;
   border-top:1px solid #CCCCCC;
}
.mylist td img {
     vertical-align:middle;
   margin-right:4px;
}
.mylist td a.rec-pt {
     background-color:#E0E0E0;
   color:#999999;
   padding:2px 10px;
}
.mylist td a.rev-pt {
     background-color:#FFCCCC;
   color:#FF0000;
   padding:2px 10px;
}
a.mylist-write {
     border:1px solid #6699CC;
     color:#333333;
   font-size:12px;
   text-decoration:none;
   padding-top:0.2em;
   padding-bottom:0.2em;
   padding-left:1em;
   display:block;
   width:150px;
}
a.mylist-write:hover {
   padding-top:0.2em;
   padding-bottom:0.2em;
   padding-left:1em;
     border:1px solid #6699CC;
   color:#fff;
   background:#039;
}



.mylist-select select {
   width:150px;
   padding-top:2px;
   padding-bottom:2px;
   padding-left:7px;
     color:#333333;
   font-size:12px;
}


.mylist td.mylist-input {
   padding:0 15px 15px 15px;
   border-top:1px solid #FFFFFF;
}
.mylist td.mylist-input div.naka {
     background-color:#E6E6E6;
   padding:7px 15px;
}
.mylist td.mylist-input div.naka div.close {
    text-align:right;
  font-size:80%;
  padding:0;
}
.mylist td.mylist-input div.naka div.close a {
    color:#000000;
  text-decoration:none;
}
.mylist td.mylist-input div.naka div.frm {
  margin-top:4px;
  margin-bottom:10px;
  padding:0;
}
.mylist td.mylist-input div.naka div.frm textarea {
    width:90%;
  height:80px;
  color:#666666;
  margin-top:4px;
}
.mylist td.mylist-input div.naka div.frm textarea.tukurikata {
    width:90%;
  height:50px;
  margin-top:4px;
}
.mylist td.mylist-input div.naka div.frm span.factor {
  color:#000000;
  display:block;
  float:left;
  width:100px;
}

hr.dotted{
  border: 1px #DDDDDD dotted;
}

img.star{
  cursor: pointer;
}

.mylist td.mylist-input div.hyoka {
    background-color:#F8F8F8;
  margin-top:4px;
  margin-bottom:10px;
  padding:3px;
    width:90%;
}
.mylist td.mylist-input div.hyoka input {
    margin-left:7px;
}
.mylist td.mylist-input div.hyoka select {
    color:#555555;
}
.mylist td.mylist-input div.hyoka img {
    margin:0;
}
.mylist td.mylist-input div.hyoka span {
    color:#555555;
  line-height:1.4;
    background-color:#F8F8F8;
  padding:0;
}

.mylist-goods {
  font-size:80%;
  margin:20px 10px;
  text-align:right;
}
.mylist-goods a {
    display:block;
  border:1px solid #336699;
  padding:5px 10px;
  width:150px;
  text-align:center;
}


.myhist{
   width: 93%;
}

.myhist th{
   padding-left: 6px;
   text-align: left;
   font-size:80%;
   font-weight: normal;
   border-bottom:1px solid #CCCCCC;
}

.myhist td{
  padding-right:15px;
  text-align: right;
  font-size:80%;
  border-bottom:1px solid #CCCCCC;
}

div.myhist-link {
  width: 80px;
  color:#335599;
  background-image: url('/note/img/meal/wr_rev.jpg');
  background-repeat: repeat;
  padding:5px 10px;
  border:1px solid #CECFCE;
  text-align:center;
}

div.rstr{
  text-align: right;
  font-size: 80%;
  padding-right: 30px;
}

div.rstr img{
  vertical-align: middle;
  margin-right: 3px;
}

td.rev-ic{
  width: 130px;
}

td.rev-ic p {
  margin: 0px;
  width: 120px;
  height: 20px;
  text-align: center;
}

td.rev-ic p.rec {
  background-image :url('../note/img/meal/btn_rec_wrt.gif');
  cursor: pointer;
}

td.rev-ic p.rev {
  background-image :url('../note/img/meal/btn_rev_wrt.gif');
  cursor: pointer;
}

td.rev-ic p span {
  margin-left: 5px;
}

td.rev-ic a{
  color: #000066;
  text-decoration: none;
  line-height: 20px;
  font-size: 12px;
}

td.rev-ic a:hover{
  color: #CC0000;
  text-decoration: underline;
  line-height: 20px;
}

/* 全体クチコミTOP */
div.revtop {
  margin-bottom:10px;
  clear:both;
}
div.revtop h2 {
  font-size:120%;
  margin:5px 0;
}
div.revtop h2 a {
  color:#0000FF;
}

div.revtop div {
  font-size:80%;
  padding-bottom:4px;
  padding-top:4px;
}
div.revtop img {
  margin-right:10px;
}


/* 全体クチコミTOP(３分割テーブル） */
.revtop-ta {
  border-collapse:collapse;
  clear:both;
}
.revtop-ta th {
  width:33%;
  vertical-align:top;
  text-align:left;
  font-weight:normal;
  padding-right:5px;
  padding-top:10px;
}
.revtop-ta th a {
  display:block;
  font-size:80%;
  color:#000000;
  margin:0;
  padding:3px 5px;
  text-align:center;
  background-color:#EFEFEF;
  width:6em;
  border-top:1px solid #CCCCCC;
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
}

.revtop-ta td {
  border-top:1px dashed #CCCCCC;
  border-bottom:1px dashed #CCCCCC;
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  padding:9px 7px; 
  vertical-align:top;
  font-size:80%;
}
.revtop-ta td img {
  margin-right:5px;
  vertical-align:middle;
}
.revtop-ta td a {
  margin-right:5px;
}
.revtop-ta td span {
  background-color:#FFCCFF;
  color:#CC0000;
  padding:1px 3px;
}
.revtop-ta td div {
  padding-left:18px;
  padding-top:7px;
  line-height:1.2;
}
/*
.rader {
  padding-left:5px;
}
*/
div.rev-ti {
  font-size: 12px;
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 3px;
}

div.rev-ti img {
  width: 18px;
  height: 18px;
  border: none;
  margin-right: 3px;
  vertical-align: middle;
  line-height: 18px;
}

div.det-link a{
  font-size: 12px;
  color: #003366;
  text-decoration: none;
  line-height: 22px;
}

div.det-link a:visited{
  font-size: 12px;
  color: #003366;
  text-decoration: none;
  line-height: 22px;
}

div.det-link a:hover{
  color: #CC0000;
  text-decoration: underline;
}

div.det-link img{
  border: 0px;
  margin-right: 3px;
}

div.comm {
  font-size: 12px;
  line-height: 20px;
}

div.comm span {
  color: #FF9900;
}
/*--���V�s�ڍ�--*/
.kuti-pic {
}
.kuti-pic th {
	width: 160;
	padding:5px 3px;
	vertical-align:top;
	text-align:left;
}

.kuti-pic div.com{
	font-weight: normal;
	font-size: 80%;
}

.kuti-pic td {
	font-size:80%;
	padding:5px 3px;
	vertical-align:top;
	text-align: left;
}

.kuti-det {
}

.kuti-det th {
	width: 30%;
	font-size:80%;
	border-bottom:1px dashed #CCCCCC;
	padding:7px 10px 5px 10px;
	vertical-align:top;
	font-weight: normal;
}

.kuti-det td {
	font-size:80%;
	border-bottom:1px dashed #CCCCCC;
	padding:7px 10px 5px 10px;
	vertical-align:top;
}

.kuti-det th b {
	color:#FF9900;
}

.kuti-com th{
	font-size: 90%;
	font-weight: normal;
	text-align: left;
	padding: 8px;
	border: solid #CCCCCC 1px;
	background-image:	url(/note/img/recipe/rec-l-ti_back.jpg);
	background-repeat: repeat-x;
}

.kuti-com td{
	font-size:80%;
	padding:10px;
	border-left: solid #CCCCCC 1px;
	border-right: solid #CCCCCC 1px;
	border-bottom: solid #CCCCCC 1px;
}
/*--=====enquete=====--*/

h2.ti-diet {
	background-color:#FF6600;
	font-size:80%;
	color:#FFFFFF;
	font-weight:normal;
	height:1.3em;
	line-height:1.3em;
	padding-left:10px;
	margin:0;
}
.com-diet {
	font-size:100%;
	line-height:1.5;
	margin:10px;
}
.toko-form {
    	background-image:   url(../note/img/enquete/toko-form-back.jpg);
    	background-repeat: repeat-x;
	border:1px solid #CCCCCC;
	margin:20px 0;
}

.enq-b {
}
.enq-b th {
	padding:0 5px;
	font-size:90%;
	border-left:5px solid #CCCCCC;
	text-align:left;
}
.enq-b td {
	padding:15px 2px 50px 50px;
	font-size:80%;
	line-height:1.5;
	color:#444444;
}
.enq-b td label {
	padding-right:25px;
}
.cnf-btn{
	text-align:center;
}

.wrap-l2 {
	 padding-right:20px;
	 vertical-align:top;
	 text-align:left;
	 width:100%;
}
.wrap-r2 {
     width:180px;
	 vertical-align:top;
}
/*
*/

.input-ti{ font-size:90%;
 font-weight:bold;
 padding-left:10px;
 background-image:   url(/note/img/input-ti-back.gif);
 background-repeat: repeat-x;
 margin-top:15px;
}

.input-ti img{  vertical-align:middle;
  margin-right:5px;
}

.input-frm{ padding:10px 10px 10px 50px;
 font-size:80%;
}

.favorite-l{ width:auto;
 vertical-align:top;
 padding-left:15px;
 padding-right:15px;
 border-right:1px dashed #CCCCCC;
}

.favorite-r{ width:160px;
 vertical-align:top;
 padding-left:10px;
}

.fav-r-ti{ font-size:90%;
}

ul.fav-r-kword{ margin:5px 2px 5px 15px;
 padding:1px;
 font-size:80%;
}

.fav-ti{ font-size:90%;
}

.fav-narabi{ font-size:80%;
 text-align:right;
 margin-bottom:15px;
}

div.fav-page{ font-size:80%;
 margin-bottom:20px;
}

div.fav-page h2{  display:inline;
  font-size:120%;
  margin:5px 0;
}

div.fav-page strong{  color:#009900;
}

div.fav-page a.edit{  color:#0099CC;
}

div.fav-page div{  line-height:1.3;
}

.w-form{ border-collapse:collapse;
 border-top:1px solid #E7E3E7;
}

.w-form th{ width:150px;
 line-height:2em;
 background-color:#E7E3E7;
 font-size:80%;
 font-weight:normal;
 padding:8px 8px 8px 8px;
 color:#666666;
 text-align:left;
 border-top:1px solid #FFFFFF;
 vertical-align:top;
}

.w-form th span{ color:#CC0000;
}

.w-form td{ font-size:80%;
 padding:8px 2px 8px 10px;
 border-top:1px solid #E7E3E7;
}

.w-form td span{ color:#FF6666;
}

.submit-area{ margin-top:10px;
 text-align:center;
}

.sub-area2{ width:280px;
 text-align:center;
 margin-top:10px;
 float:left;
}

table.input-tbl{ width: 100%;
}

table.input-tbl th{  border-top: 1px solid #CCCCCC;
  background-color: #E7E7E7;
  text-align: left;
  padding: 7px;
  font-size: 90%;
  vertical-align: top;
}

table.input-tbl th img{   padding: 0px;
   vertical-align: middle;
   margin-right: 5px;
   margin-bottom: 2px;
}

table.input-tbl th div.meal-com{   width:145px;
   margin-top:10px;
   font-size:90%;
   line-height:1.5;
   padding-left:25px;
   color:#335599;
   font-weight:normal;
}

table.input-tbl th div.meal-com span{    font-size:80%;
}

table.input-tbl td{  border-top: 1px solid #CCCCCC;
  width: auto;
  padding: 7px;
  font-size: 80%;
  vertical-align: top;
}

table.input-tbl td ul.k-div-title{   background-image: url('/note/img/input-ti-back.gif');
   background-repeat: repeat-x;
   margin-bottom: 5px;
}

table.input-tbl td div.add-link{   margin-top: 3px;
}

table.input-tbl td div.add-link a{    color: #335599;
    margin-right: 10px;
}

table.input-tbl td div.add-link a:hover{    color: #CC0000;
    margin-right: 10px;
}

table.input-tbl td div.add-link img{    border: none;
    margin-left: 3px;
}

table.input-tbl td div.obj-frm{   margin-top: 5px;
}

table.input-tbl td div.rec-frm{   margin-bottom: 5px;
}

table.input-tbl .lastcell{  border-bottom: 1px solid #CCCCCC;
}

.test{ background-color: #EFF5FA;
 padding: 3px;
 margin: 0px;
 width: auto;
}

.test input{  padding: 2px;
  border: 1px solid #999999;
}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.4.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.4
 * @date November 17, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
}
#jquery-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  width: 49%;
  height: 100%;
/*  zoom: 1; */
  display: block;
}
#lightbox-nav-btnPrev { 
  left: 0; 
  float: left;
}
#lightbox-nav-btnNext { 
  right: 0; 
  float: right;
}
#lightbox-container-image-data-box {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: hidden;
  width: 100%;
  padding: 0 10px 0;
}
#lightbox-container-image-data {
  padding: 0 10px; 
  color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
  width: 70%; 
  float: left; 
  text-align: left; 
} 
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
  display: block; 
  clear: left; 
  padding-bottom: 1.0em;  
}     
#lightbox-secNav-btnClose {
  width: 66px; 
  float: right;
  padding-bottom: 0.7em;  
}div#help4{ display:none;
 position: absolute;
 border : 1px dotted #ccc;
 background-color: #fff;
 font-size: 12px;
}

div#help4 div.contain{  margin: 10px;
}

div#help4 ul{  list-style : none;
  margin:0;
  padding: 0;
}

div#help4 table{  font-size: 12px;
  background-color: #ccc;
}

div#help4 table td{   background-color: #fff;
}

div#help4 table th{   background-color: #fff;
   font-weight: normal;
}

td.label1{ text-align: right;
}

td.label2{ text-align: right;
}

td.label3{ text-align: left;
}

table.sum{}

table.sum td.num{  text-align: right;
}

tr.labelGraph7{}

tr.labelGraph7 a.syk-non{  margin:5px;
  margin-left:5px;
}

table.sum span.syk-up{  color: #990000;
}

table.sum span.syk-dwn{  color: #000066;
}

table.syukei{}

table.syukei th.label1{  width: 110px;
}

table.syukei th.label2{  width: 180px;
}

table.syukei th.label3{  width: 120px;
}

img#gimg{ background: transparent url('/img/loading.gif') no-repeat center center;
}