@charset "UTF-8";
/* =====================================================================
*
*    bookmark.css : ブックマーク用制御
*
* =================================================================== */


/* =====================================================================
*
*    インデックス
*
* =================================================================== */


/* ------------------------------------------------------------------------------------------
 1.1. 汎用タブ
------------------------------------------------------------------------------------------ */
.tabBookmark{ position:relative; height:40px; }
  .tabBookmark ul{ padding-left:5px;}
    .tabBookmark ul li{ float:left; text-align:center; }
	  
      .tabBookmark ul li a{ display:block; height:39px; border:solid 1px #D8D6C7; border-bottom:none 0px; background-color:#BEE9E9; font-size:90%; line-height:40px; color:#333; text-decoration:none;
		  border-radius: 4px 4px 0 0;/* CSS3 草案 */
		  -webkit-border-radius: 4px 4px 0 0;/* Safari,Google Chrome 用 */
		  -moz-border-radius: 4px 4px 0 0;/* Firefox 用 */
          behavior: url(/PIE.htc); }
      .tabBookmark ul li a.active{ background-color:#FFF; }

  .tabBookmark .subButton{ position:absolute; bottom:10px; right:5px; }
    a.bmTabEdit{ background:url(../img/common/commonBtn.png) left top no-repeat; }

  .tabBookmark sup.baloon{ position:absolute; bottom:30px; right:-13px; display:block; width:62px; height:30px; text-align:center; line-height:20px; font-size:11px; background:url(../img/common/commonBtn.png) -200px -70px no-repeat; }


/* タブ制御 */
.tabNav ul li{ width:100px; }
.searchNav ul li{ width:206px; margin-right:5px; }


/* ------------------------------------------------------------------------------------------
 1.2. ブックマークタブ編集
------------------------------------------------------------------------------------------ */
.tabBookmarkEdit{ position:relative; padding:9px; margin-bottom:5px; border:solid 1px #D8D6C8; background-color:#FCFADA; }
  .tabBookmarkEdit p{ line-height:1.3; }
  
  .tabBookmarkEdit ul.nav-bookmarkEdit{ margin-top:10px; }
    .tabBookmarkEdit ul.nav-bookmarkEdit li{ float:left; width:95px; margin-right:5px; }
      .tabBookmarkEdit ul.nav-bookmarkEdit li a{ display:block; height:25px; border:solid 1px #999; background:#FFF; font-size:80%; line-height:25px; text-decoration:none; color:#333; text-indent:4px; background:url(../img/common/commonBtn.png) left -70px no-repeat;
		  border-radius:4px;/* CSS3 草案 */
		  -webkit-border-radius:4px;/* Safari,Google Chrome 用 */
		  -moz-border-radius:4px;/* Firefox 用 */ }

  .tabBookmarkEdit .subButton{ position:absolute; bottom:10px; right:5px; }
    a.bmTabOk{ background:url(../img/common/commonBtn.png) -30px top no-repeat; }


/* サブウィンドウ */
.windowCategory{ width:333px; }

  .categorySelect{}
    .categorySelect dt{ border-bottom:solid 1px #DDD;}
    .categorySelect dd{ float:left; width:110px; border-left:solid 1px #CCC; font-size:90%; }
	.categorySelect dd:first-child{ border-left:none 0; }
      .categorySelect dd ul li{ }
	  
  .categorySelect a{ display:block; padding:5px; color:#333; text-decoration:none; }
  .categorySelect a:hover{ background-color:#EEE; }
  
/* サブウィンドウ位置 
article.bmEdit0{ top:82px; left:9px; }
article.bmEdit1{ top:82px; left:109px; }
article.bmEdit2{ top:82px; left:209px; }
article.bmEdit3{ top:82px; left:309px; }
article.bmEdit4{ top:82px; left:409px; }	
article.bmEdit5{ top:82px; left:509px; }
*/

/* ------------------------------------------------------------------------------------------
 1.3. ブックマーク 詳細
------------------------------------------------------------------------------------------ */

/* ヘッダメニュ */
ul.nav-bookmarkDetail{ }
  ul.nav-bookmarkDetail li{ width:90px; margin-left:10px; }
  ul.nav-bookmarkDetail li.bmBody{ border:solid 1px #D8D6C8; border-bottom:none 0; background-color:#FFF; line-height:39px;
	border-radius: 4px 4px 0 0;/* CSS3 草案 */
	-webkit-border-radius: 4px 4px 0 0;/* Safari,Google Chrome 用 */
	-moz-border-radius: 4px 4px 0 0;/* Firefox 用 */ 
    behavior: url(/PIE.htc); }

	ul.nav-bookmarkDetail li a{ background-color:#D8D6C7; }
	ul.nav-bookmarkDetail li a:hover{ background-color:#E4E2D6; }


/*タイトル*/
article.bmArtcleDetail{ margin-top:15px;}
  article.bmArtcleDetail h3{ padding:0 70px 0 20px; text-indent:-20px; font-size:125%; line-height:1.3; font-weight:normal; }
    article.bmArtcleDetail h3 img{ padding-right:4px;}
  
  article.bmArtcleDetail address{ margin-bottom:20px; }
    article.bmArtcleDetail address a{ padding-left:20px; color:#666; font-size:80%; line-height:1.3; }

  article.bmArtcleDetail figure{ float:left; }


/* 紹介文 */
article.bmArtcleDetail aside.userPost{}
  article.bmArtcleDetail aside.userPost p{ height:auto; margin:10px 0 0 230px; font-size:111%; line-height:1.5; }

/* タグ表示 */
.tagView{ clear:both; margin:15px 0; }
.tagEntryForm{ clear:both; }

/* タグの編集 */
.tagEdit{ clear:both; position:relative; left:-15px; width:620px; background-color:#D8D6C7; padding:10px; margin:15px 0; }
  .tagEdit .taglist{ margin-left:50px; }
    .tagEdit .taglist li{ position:relative; float:none; padding: 1px 50px 1px 30px; }
      .tagEdit .taglist li .icon-delete{ position:absolute; left:0; top:0; }

  .tagPost{ padding:10px; background-color:#FFF; }
  .tagAction{ padding:15px 0 5px; text-align:center; }


/* 詳細ナビ */
.navBmArticleDetail{ position:relative; left:-15px; width:620px; padding:10px; margin:15px 0; background-color:#E3F5FA; }
  .navBmArticleDetail li{ position:relative; float:left; width:170px; height:60px; margin-right:15px; }
  
    .navBmArticleDetail li.clipOff a,
    .navBmArticleDetail li.clipOn a{ display:block; height:60px; background:url(../img/common/bmInterfaceDetail.png) left top no-repeat; line-height:60px; text-indent:60px; }
    .navBmArticleDetail li.clipOn a{ background:url(../img/common/bmInterfaceDetail.png) -170px top no-repeat; }
	
  .navBmArticleDetail li.rating{ background:url(../img/common/bmInterfaceDetail.png) -170px -60px no-repeat; }
    .navBmArticleDetail li.rating a{ display:block; height:60px; text-indent:170px; overflow:hidden; white-space:nowrap; background:url(../img/common/bmInterfaceDetail.png) left -60px no-repeat; }
    .navBmArticleDetail li.rating em{ position:absolute; bottom:0; right:10px; font-size:210%; line-height:60px; font-weight:bold; }
    .navBmArticleDetail li.checked em{ color:#FFF; }
	
  .navBmArticleDetail li.comment{ background:#FFF url(../img/common/iconComment.png) 10px center no-repeat; }
    .navBmArticleDetail li.comment a{ display:block; padding-left:35px; line-height:60px; color:#000; }
      .navBmArticleDetail li.comment a strong{ position:absolute; bottom:0; right:10px; display:block; font-size:210%; font-weight:bold; }
	
  .navBmArticleDetail li.shareTwitter{ width:60px; margin:0; overflow:hidden; }
    .navBmArticleDetail li.shareTwitter a{ display:block; width:60px; height:60px; text-indent:60px; padding:0; border:none 0; overflow:hidden; white-space:nowrap; background:url(../img/common/bmInterfaceDetail.png) left -120px no-repeat; }


/* コメントする */
.comment-post{ padding:10px; border:solid 1px #D8D6C7; margin-bottom:15px; background-color:#F0F0F0; }

  div.replyCommentID{ position:relative; height:30px; padding-left:30px; margin-bottom:5px; line-height:30px; background-color:#FFF; }
    div.replyCommentID span.icon-delete{ position:absolute; top:0; left:0; }

  .comment-post textarea{ width:582px; height:4.5em; border:solid 1px #999; }


/* 報告する */
.tip-off{ margin:20px 0; text-align:right; }



/* ------------------------------------------------------------------------------------------
 1.4. コメント 詳細
------------------------------------------------------------------------------------------ */
section.comment-wide{ width:640px; margin:15px auto 10px; }

  article.comment-article-detail{ border:solid 1px #D8D6C7; border-bottom:none 0; padding:14px; padding-bottom:0; background-color:#E3F5FA;
	border-radius: 7px 7px 0 0;/* CSS3 草案 */
	-webkit-border-radius: 7px 7px 0 0;/* Safari,Google Chrome 用 */
	-moz-border-radius: 7px 7px 0 0;/* Firefox 用 */
    behavior: url(/PIE.htc); }

    article.comment-article-detail figure{ float:left; }
    article.comment-article-detail h3{ padding:0 0 0 160px; text-indent:-20px; font-size:125%; line-height:1.3; font-weight:normal; }
      article.comment-article-detail h3 img{ padding-right:4px; }
    article.comment-article-detail address{ padding:0 0 0 160px; font-size:80%; line-height:1.4; }
      article.comment-article-detail address a{ color:#666; }

    article.comment-article-detail div.comment{ margin-left:160px; background:url(../img/common/iconComment.png) left center no-repeat; }
      article.comment-article-detail div.comment a{ display:block; padding-left:30px; line-height:40px; color:#000; }
        article.comment-article-detail div.comment a strong{ font-size:180%; }
	
/* コメント */
  article.bm-comment-detail{ position:relative; border:solid 1px #D8D6C7; border-top:none 0; padding:30px 14px 14px; margin:0; background:#FFF url(../img/bookmark/bgCommentWide.png) left top no-repeat;
	border-radius:0 0 7px 7px;/* CSS3 草案 */
	-webkit-border-radius:0 0 7px 7px;/* Safari,Google Chrome 用 */
	-moz-border-radius:0 0 7px 7px;/* Firefox 用 */
    behavior: url(/PIE.htc); }
    article.bm-comment-detail label{ position:absolute; top:30px; left:14px; width:54px; border-bottom:solid 3px #CCC; font-size:120%; line-height:1.4; text-align:right; }
    article.bm-comment-detail figure{ float:left; margin-top:35px}
	
	article.bm-comment-detail span.comment-body{ display:block; margin-left:70px; font-size:125%; line-height:1.4; }
	article.bm-comment-detail strong{ display:block; margin-bottom:10px;}
	article.bm-comment-detail time{ display:block; margin-top:5px; font-size:80%; line-height:1.4; }
	
  div.btn-twitter{ margin:15px 0 5px; text-align:center;}
    a.twitter-post{ width:130px; padding:3px 10px; border:solid 1px #1F83B8; color:#333; background:url(../img/bookmark/bgMore.png) left top repeat-x; }

  .back-article{ text-align:center; }


/* ------------------------------------------------------------------------------------------
 1.5. 記事を探す
------------------------------------------------------------------------------------------ */

header.main-header{ margin-bottom:10px; position:relative; }
  h2.contentHeadline{ float:left; display:block; font-size:125%; line-height:35px; }
  div.src-target{ display:inline-block; padding-left:30px; background:url(../img/common/commonBtn.png) left -110px no-repeat; }
    div.src-target div{ width:306px; }

    div.src-target ul{ margin:0; }
      div.src-target ul li a{ font-size:105%; line-height:25px; padding: 5px 20px 5px 30px; background-position:left 5px; }


  .range-desc{ position:absolute; top:0; right:0; font-size:110%; line-height:35px; }

.src-keyword,
.src-tag,
.src-category{ border:solid 1px #D8D6C7; margin-bottom:15px; }

  .src-keyword h3,
  .src-tag h3,
  .src-category h3{ height:40px; padding-left:40px; border-bottom:solid 1px #D8D6C7; font-size:110%; font-weight:normal; line-height:40px; background:#F7F5EC url(../img/common/commonBtn.png) -340px top no-repeat; }

  .src-body{ padding:14px 9px; }


.src-keyword{}
  .src-keyword .search{ width:306px; margin:0 auto; }
  
  .recent-view{ font-size:90%; line-height:1.5; }
    .recent-view dt, .recent-view dd{ float:left; margin-right:10px;}
    .recent-view ul{ margin:0; font-size:100%; }

.src-tag{}
  .src-tag ul.taglist li{ width:30%; margin-right:1%;}


.src-category{}





/* =====================================================================
*
*    利用ガイド
*
* =================================================================== */

#guide{}

  #guide div.menu{ float:left; width:165px; }
    #guide div.menu h2{ display:block; width:165px; height:35px; margin:10px 0; text-indent:165px; white-space:nowrap; overflow:hidden; background:url(../img/guide/headline.png) left top no-repeat; }
    #guide div.menu div.round{ background-color:#FFF; padding:10px;
      box-shadow: 0 0 3px rgba(0,0,0,0.4);
      -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);
      -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4); 
      behavior: url(/PIE.htc);}

      #guide div.menu dl a{ color:#666; }
      #guide div.menu dl dt{ font-weight:bold; padding:5px 0; }
      #guide div.menu dl dd{ padding: 3px 0 3px 25px; }


  #guide div.guide-body{ float:right; width:780px; }
    #guide div.guide-body section.round{ position:relative; background-color:#FFF; margin:65px 0; padding-bottom:10px;
      box-shadow: 0 0 3px rgba(0,0,0,0.4);
      -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);
      -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4); 
      behavior: url(/PIE.htc);}
      #guide div.guide-body section.round article{ padding:20px; margin-bottom:10px; border-bottom:dotted 2px #CCC; }
	  
	  
      #guide div.guide-body p:first-child{ margin-bottom:30px; font-size:90%; line-height:140%; padding-bottom:20px;}

      /* ガイドヘッドライン */
      #guide div.guide-body section.round h1{ position:absolute; top:-50px; left:10px;}
        #guide div.guide-body section.round h1.guide-bm strong{ float:left; display:block; width:320px; height:65px; text-indent:320px; white-space:nowrap; overflow:hidden; background:url(../img/guide/headline.png) left -50px no-repeat; }
        #guide div.guide-body section.round h1.guide-bbt strong{ float:left; display:block; width:220px; height:65px; text-indent:320px; white-space:nowrap; overflow:hidden; background:url(../img/guide/headline.png) left -150px no-repeat; }
        #guide div.guide-body section.round h1.guide-qa strong{ float:left; display:block; width:245px; height:65px; text-indent:320px; white-space:nowrap; overflow:hidden; background:url(../img/guide/headline.png) left -250px no-repeat; }
        
	    
	    #guide div.guide-body section.round h1 span{ float:right; font-size:14px; font-weight:normal; line-height:45px; text-align:right; }



        /* ベビ待ちブックマーク */
        #guide div.guide-body section.guide-bm article h2{ height:40px; margin-bottom:10px; text-indent:740px; white-space:nowrap; overflow:hidden; background:url(../img/guide/headline.png) left -350px no-repeat;
		  border-radius:5px;/* CSS3 草案 */
		  -webkit-border-radius:5px;/* Safari,Google Chrome 用 */
		  -moz-border-radius:5px;/* Firefox 用 */}
        #guide div.guide-body section.guide-bm article.bm02 h2{ background-position:left -390px; }
        #guide div.guide-body section.guide-bm article.bm03 h2{ background-position:left -430px; }
        #guide div.guide-body section.guide-bm article.bm04 h2{ background-position:left -470px; }
	  
        #guide div.guide-body section.guide-bm article div{ position:relative; min-height:140px; margin-bottom:15px; }
          #guide div.guide-body section.guide-bm article div h3{ border-bottom:solid 1px #CCC; font-size:110%; line-height:40px; margin-bottom:10px; }
            #guide div.guide-body section.guide-bm article div h3 span{ padding-right:15px; color:#85AC3A; }
			
            #guide div.guide-body section.guide-bm article div p{ float:right; width:390px; margin:0 15px 15px 0;}
			
			
            #guide div.guide-body section.round article figure{ float:left; width:315px; margin-left:15px;}


		/* 基礎体温表 */
        #guide div.guide-body section.guide-bbt p{ font:left; margin:0 15px 15px 335px;}
        #guide div.guide-body section.guide-bbt ul{ font:left; padding:0; margin:0 15px 0 335px;}
          #guide div.guide-body section.guide-bbt ul li{ padding-left:20px; background:url(../img/guide/headline.png) left -510px no-repeat; }



  #guide div.guide-body section div.linked{ clear:both; padding:10px; min-height:35px !important; }
    #guide div.guide-body section div.linked a{ display:block; width:200px; height:35px; overflow:hidden; width:200px; text-indent:200px; white-space:nowrap; background:url(../img/guide/headline.png) left -550px no-repeat; }


/* ===================================================================
 999. 汎用クラス
 
 INDEX
 
 999.1. cleafix
 999.9. 非表示設定
=================================================================== */

/* ------------------------------------------------------------------------------------------
 999.1. cleafix
------------------------------------------------------------------------------------------ */
.tagEntryForm:after, #guide:after ,#guide div.guide-body section.round article div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.tagEntryForm, #guide, #guide div.guide-body section.round article div{
	display:inline-block;
}

/* Hides from IE-mac \*/    
*html .tagEntryForm, *html #guide, *html #guide div.guide-body section.round article div{ height:1%; }

.tagEntryForm, #guide, #guide div.guide-body section.round article div{ display:block; }
/* End hide from IE-mac */