/* base.css.php *//* 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;
}
/*=====--NEWー--=====*/
/*--メイントップ用上部検索関連--*/
.main-head {
   text-align:center;
   width:100%;
   margin:0;
}
.mh-search {
   text-align:left;
   width:430px;
   font-size:75%;
   margin:15px auto;
}
.mh-search form {
   margin:5px auto;
}
.mh-search input {
   vertical-align:middle;
   color:#999999;
   width:300px;
}
.mh-search a {
   padding-left:7px;
   padding-right:7px;
}


/*--メイントップ用ログイン関連--*/
.mtop-in {
   border:1px solid #CCCCCC;
   background-image:   url(img/mtop/mtop-in_back.jpg);
   background-repeat: repeat-x;
}
.mtop-in th {
   font-size:75%;
   font-weight:normal;
   padding-top:3px;
   padding-bottom:2px;
}
.mtop-in th.inl {
   text-align:left;
}
.mtop-in th.inr {
   text-align:right;
}
.mtop-in th.inr a {
   padding-left:5px;
}
.mtop-in th.inr img {
   vertical-align:middle;
   margin-left:15px;
}
.mtop-in td {
   background-color:#FFFFFF;
   border:1px solid #CCCCCC;
   vertical-align:top;
   padding:3px 6px;
   font-size:75%;
   line-height:1.3;
}
.mtop-in td img {
   vertical-align:middle;
   margin-right:5px;
}
.mtop-in td div.m-in-mes {
   padding-left:20px;
}
.mtop-in td a.non {
   color:#000000;
}
.mtop-in td a.m-new {
   color:#CC0000;
}
.mtop-in td a.m-info {
   color:#006699;  
}
.mtop-in td div.m-in-go {
   position:absolute;
   bottom:2px;
   right:7px;
   padding-bottom:3px;
   padding-top:3px;
}
.mtop-in td div.m-in-go img {
   margin-top:2px;
   margin-bottom:2px;
}

.mtop-out {
   text-align:right;
   margin-top:55px; 
}
.mtop-out img {
   margin-left:8px;
}

/*--メイントップ用からだからサービス関連--*/
.ser-ti {
   margin-top:10px;
   background-image:   url(/img/mtop/ser-ti.jpg);
   background-repeat: no-repeat;
   text-align:right;
   font-size:75%;
   padding:8px 5px 5px 5px;
}
.ser-ti img {
   vertical-align:middle;
}
.ser-ti a {
   background-color:#FFFFFF;
   padding:2px 5px;
}

.ser-ta {
}
.ser-ta td {
   border:1px solid #CCCCCC;
   vertical-align:top;
}
.ser-ta td.none {
   border:1px solid #FFFFFF;
   vertical-align:top;
}
h2.ser-name {
   background-image:   url(/img/mtop/ser-name.jpg);
   background-repeat: repeat-x;
   margin:0;
   padding:5px;
   font-size:80%;
}
h2.ser-name img {
   vertical-align:middle;
   margin-right:7px;
}
h2.ser-name a {
   color:#000000;
}
.ser-img {
   margin:0 3px 5px 3px;
   padding:1px 0;
   border-bottom:1px solid #CCCCCC;
}
.ser-go {
   text-align:right;
   font-size:75%;
   padding:7px 10px;
}
.ser-go img {
   vertical-align:middle;
   margin-right:5px;
   margin-left:5px;
}


.ser-sindan {
   font-size:75%;
   padding:5px 3px 5px 10px;
   line-height:1.4;
   clear:both;
}
.ser-sindan img {
   float:left;
   margin-right:7px;
   border:1px solid #CCCCCC;
}

.ser-qa td{
  font-size:75%;
  vertical-align:top;
  padding:3px 3px 3px 8px;
  border:1px solid #FFFFFF;
}
.ser-qa td img{
  vertical-align:middle;
  margin-right:3px;
}
.ser-qa th {
  font-size:75%;
  font-weight:normal;
  text-align:right;
  vertical-align:top;
  padding:3px 8px 3px 2px;
  color:#666666;
}
.ser-note td {
  border:1px solid #FFFFFF;
}

.ser-note td div.ser-kiroku {
   font-size:75%;
   padding:5px 3px 5px 10px;
   line-height:1.5;
   clear:both;
}
.ser-note td div.ser-kiroku img {
   float:left;
   margin-right:7px;
}
.ser-note-ta td {
  font-size:75%;
  vertical-align:top;
  padding:3px 3px 3px 8px;
  border:1px solid #FFFFFF;
}
.ser-note-ta td img{
  vertical-align:middle;
  margin-right:3px;
}
.ser-note-ta th {
  font-size:75%;
  font-weight:normal;
  text-align:right;
  vertical-align:top;
  padding:3px 8px 3px 2px;
  color:#666666;
}


.ser-dict {
   font-size:75%;
   line-height:1.6;
   padding:10px 15px;
}

/*--メイントップ用からだからニュース関連--*/
.news-ti {
   margin-top:10px;
   background-image:   url(/img/mtop/news-ti.jpg);
   background-repeat: no-repeat;
   text-align:right;
   padding-right:8px;
}
.news-ta td {
   vertical-align:top;
}
.news-name {
   background-image:   url(/img/mtop/ser-name.jpg);
   background-repeat: repeat-x;
   margin:0;
   padding:5px;
   font-size:80%;
   line-height:18px;
   border:1px solid #CCCCCC;
}
.news-name a {
   color:#000000;
}
.news-name img  {
   vertical-align:middle;
   margin-right:5px;
}
.news-com {
   font-size:75%;
   line-height:1.3;
   padding:5px;
   color:#666666;
}
.news-com p {
   margin:0;
   padding:5px 2px;
}
.news-com img {
  vertical-align:middle;
  margin-right:5px;
}

/*--メイントップ用からだからニュース・ヘルプ関連--*/
.r-menu {
   margin:5px auto;
}
.r-menu td {
   font-size:80%;
   padding:5px 15px;
   color:#666666;
   vertical-align:top;
}
.r-menu td img {
   margin-left:3px;
   margin-right:10px;
   margin-bottom:3px;
   margin-top:4px;
   vertical-align:middle;
}


/*=====--ヘルプ=====--*/
/*--大枠テーブル--*/
.hel-l {
   width:auto;
   vertical-align:top;
   padding-left:15px;
}

.hel-r {
   display:none;
   width:150px;
   vertical-align:top;
   padding-right:7px;
   padding-left:7px;
   padding-top:10px;
   border-right:1px dashed #CCCCCC;
}

/*=====--ヘルプ=====--*/
/*--左--*/
.hel1 {
    margin-left:5%;
  margin-bottom:35px;
  border:1px solid #CCCCCC;
}
.hel1 th {
    font-size:14px;
  color:#FFFFFF;
  text-align:left;
  padding:5px;
  background-color:#999999;
}
.hel1 th a{
  color:#FFFFFF;
}
.hel1 td { 
    font-size:14px;
  line-height:190%;
  padding:10px;
  vertical-align:top;
  background-color:#F6F6F6;
}



.hel2 {
    margin-left:5%;
  margin-bottom:30px;
}
.hel2 th {
    font-size:14px;
  color:#333333;
  text-align:left;
  padding:5px 7px;
  border-left:7px solid #CCCCCC;
  border-bottom:4px solid #E6E6E6;
  background-color:#F6F6F6;
}
.hel2 td { 
    font-size:14px;
  line-height:150%;
  padding:5px 1px 50px 20px;
  vertical-align:top;
}
.hel2 td span {
    color:#CC0000; 
}


/*=====--ヘルプ=====--*/

.hel-ti {
   font-size:16px;
   font-weight:bold;
   border-bottom:1px solid #CCCCCC;
   padding:5px;
   margin-top:10px;
   
}
.hel-com {
   font-size:12px;
   line-height:1.4;
   padding:5px;
   margin-bottom:7px;
}
ul.hel-menu {
   list-style-type: none;
   font-size:12px;
   margin:10px 15px;
   padding:0;
}
ul.hel-menu li {
   margin-top:7px;
}

/*--左メニュー--*/
.hel-l-menu {
   font-size:12px;
   line-height:1.9;
   color:#666666;
}
.hel-l-menu a {
   font-size:14px;
   font-weight:bold;
   padding-right:7px;
}

/*--旧右メニュー--
.hel-r div {
   background-color:#CC0000;
   color:#FFFFFF;
   padding:5px;
   font-size:80%;
   font-weight:bold;
   border-bottom:1px solid #FFFFFF;
}
.hel-r div a {
   color:#FFFFFF;
   text-decoration:none;
}
.hel-r div a:hover{
   color:#CC0000;
   background-color:#FFFFFF;
}

.hel-r dl {
  margin:1px 1px 15px 10px;
}
.hel-r dl dt {
    font-size:80%;
  color:#333333;
  line-height:1.6;
  padding:3px;
}
.hel-r dl dd {
    font-size:80%;
  padding:3px 3px 3px 15px;
  margin:0;
}*/


/*=====--howto=====--*/
#ht-base{
    width:94%;
  margin-left:3%;
}
h1.howto{
  font-size:160%;
  margin:35px auto 5px auto;
}



/*--上部文言--*/

.how-wo{
  margin-bottom:20px;
}
.how-wo th {
    vertical-align:top;
}
.how-wo td {
    padding-top:7px;
}
h3.how-w-m {
  background-image: url(/help/img/howto/howto-word-middle.gif); 
  background-repeat: repeat-y;
  line-height:1.6;
  padding-left:40px;
  padding-right:20px;
  padding-bottom:10px;
  margin:0;
  width:682px;
}


div.how-ti {
  background-image:   url(/note/img/w-b-ti.jpg);
  background-repeat: repeat-x;
  font-size:90%;
  font-weight:bold;
  padding-left:20px;
  height:35px;
  line-height:35px;
  border-top:1px solid #CECFCE;
  border-right:1px solid #E0E0E0;
  border-left:1px solid #E0E0E0;
  

}

.how-ta {
  border-right:1px solid #CECFCE;
  border-left:1px solid #CECFCE;
  border-bottom:1px solid #CECFCE;

}



.how-ta th {
  font-size:90%;
  padding-left:20px;
  height:35px;
  text-align:left;
  line-height:35px;

}

.how-ta td {
  font-size:90%;
  padding:10px 10px 20px 20px;
  line-height:20px;

}

.how-ta td img{
  border:1px solid #CECECE;
  float:left;
  margin:0px 20px 0px 0px;

}

.caution {
  font-size:80%;
  color: #999966;

}
.caution span a {
  border:#666666 1px solid;
  margin-top:5px;
  padding:5px;
}
.rank{
    font-size:80%;
    padding:20px 0px 20px 20px;


}


/*--記録グラフ設定へ--*/
div.nodata {
  font-size:80%;
  line-height:1.3;
  text-align:center;
  margin:40px 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;
}

div.cir{
  margin:40px 0px 0px 0px;

}


/*--記録グラフ一覧-*/
.kiroku-list th {
  background-color:#EEEEEE;
  border:1px solid #CCCCCC;
  font-size:80%;
  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;
}

.ranking {
  text-align:center;

}

.cir-list {
  margin-top:15px;
  /* border:1px solid #CCCCCC; */
}
.cir-list th {
    background-image:   url(/dict/img/menu-back.jpg);
    background-repeat: repeat-x;
    font-size:90%;
  text-align:left;
  font-weight:normal;
    padding:8px 10px;
}
.cir-list th a {
    border-left:5px solid #CC0000;
  padding-left:10px;
}
.cir-list td {
    font-size:80%;
  padding-top:8px;
  padding-bottom:8px;
  text-align:center
}

.more {
    font-size:80%;
  text-align:right;
  padding:8px 10px;
}


.how-mo {
  border-right:1px solid #CECFCE;
  border-left:1px solid #CECFCE;
  border-bottom:1px solid #CECFCE;

}



.how-mo th {
  font-size:90%;
  padding-left:20px;
  height:35px;
  text-align:left;
  line-height:35px;

}

.how-mo td {
  font-size:90%;
  padding:10px 10px 20px 20px;
  line-height:20px;

}
.how-beta-title{
  font-size:1.0em;
  color:#CC0000;
}
.how-beta {
  font-size:90%;
  margin-top:5px;
  margin-left:20px;
}
/*=====--マイページ=====--*/
/*--大枠テーブル--*/
.my-l {
   width:auto;
   vertical-align:top;
   padding-left:15px;
}

.my-r {
   max-width:180px;
   min-width:140px;
   vertical-align:top;
   padding-right:7px;
   padding-left:7px;
   border-right:1px dashed #CCCCCC;
}


/*=====--マイページ=====--*/
/*--左メニュー--*/
.my-l-menu {
   font-size:80%;
   line-height:1.9;
   color:#666666;
}
.my-l-menu ul {
   margin:5px 2px 5px 15px;
   padding:1px;
}


/*=====--マイページ=====--*/
/*--右--*/
.my-waku {
  border:1px solid #CCCCCC;
  margin-bottom:15px;
}
.my-w-det {
  padding:15px 35px;
  font-size:80%;
  line-height:2;
}
.my-w-det img {
  margin:15px;
  float:left;
}
.my-w-next {
   clear:both;
   text-align:right;
   margin:7px;
   font-size:80%;
}
.my-w-next img {
   vertical-align:middle;
   margin-right:5px;
}





/*=====--マイページ=====--*/
/*--テーブル*/
.my-ta  {
     border-collapse:collapse;
   border-top:1px solid #E7E3E7;
   margin-left:5%;
}
.my-ta 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;
}
.my-ta th span {
     color:#CC0000;
   padding-left:7px;
}
.my-ta td {
   font-size:80%;
   padding:8px 2px 8px 10px;
   border-top:1px solid #E7E3E7;
}
.my-ta td span {
   color:#FF6666;
}
.my-ta td img {
     vertical-align:middle;
   margin-left:5px;
   margin-right:5px;
}

.my-ta td option{
}
/**
 * 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;  
}