@charset "utf-8";
/* CSS Document */

/**********************/
/* 装飾クラス系 */
/**********************/

.header_left { float: left; }
.header_right { float: right; }

/* "float" クリア */
.cfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.cfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .cfix { height: 1%; }
*+html .cfix { height: 1%; }
.cfix { display: block; }
/* End hide from IE-mac */

/**********************/



/************************/
/* 最上部ヘッダバー設定 */
/************************/

#wrapper { text-align:left; }

#bar {
  /* */
}
#bar_cnt {
    margin: 0px auto 0px auto;
}


/* バー固定 */
#header { margin-bottom: 5px; }
#header_cnt { width: 984px; margin: 0px auto 0px auto; padding: 4px 0px 4px; }
#header_cnt:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
#header_cnt { display: inline-block; }
/* Hides from IE-mac \*/
* html #header_cnt { height: 1%; }
*+html #header_cnt { height: 1%; }
#header_cnt { display: block; }
/* End hide from IE-mac */
/**********************/



/**********************/
/* ロゴ・検索フォーム */
/**********************/

/* ロゴ */
#header div#logo {
    float: left;
    width: 200px;
    margin-top:10px;
}
#header div.chokaigi {
    float:left;
    padding-top:2px;
    margin: 10px 10px 0 0;
}

#bar .link_login{
    color: #F30;
}
#bar .link_premium{
    color: #3cc;
}

/* 検索フォーム */
#menu_search {
    float: left;
    width: 243px;
    margin-top:10px;
    background-position:0 17px;
}

#menu_search input.search_form_text {
    border:none;
    background-color: #fff;
    font-size:14px;
    margin:0;
    margin-left:5px;
    padding:0;
    width:183px;
    height:18px;
    border:2px solid #000;
}
#menu_search input.search_form_text:focus{
    outline:none;
}
#header #search_button{
    padding:0px;
    margin:0px;
}

#search_box{
    margin-top:20px;
}




/**********************/
/* 広告 */
/**********************/
#ad_140_600 { width:140px; }
#header #ad_468_60 { width:468px; height:60px; float:right; }
#ad_728_90 { margin: 20px auto 0 auto; width:728px; height:90px; }



/****************************/
/* グローバルナビゲーション */
/****************************/
#global_navi {
    width: 984px;
    margin: 0px auto;
    border-top:    2px dotted #ccc;
    border-bottom: 2px dotted #ccc;
    background-color: #f8f8f8;
}
#global_navi_left   { margin-left:  8px; float: left;  }
#global_navi_right  { margin-right: 8px; float: right; }
#global_navi ul     { list-style: none; }

#global_navi li {
    padding: 2px 0;
    margin:  3px 4px 3px 8px;
    display: block;
    font-size: 14px;
    float: left;
}

#global_navi a {
    display: block;
    float: left;
    color: #000;
    padding-left: 24px;
    margin: 0 6px 0 2px;
    line-height: 20px;
    text-decoration: none;
    background: url(/img/common/navi/icon_all.png?201210241200) no-repeat 0 0;
}
#global_navi a:hover,
#global_navi a:active {
  text-decoration: underline;
}

#global_navi .navi_top    { background-position: 0  -20px; }
#global_navi .navi_illust { background-position: 0  -40px; }
#global_navi .navi_manga  { background-position: 0  -60px; }
#global_navi .navi_book   { background-position: 0  -80px; }
#global_navi .navi_create { background-position: 0 -120px; }
#global_navi .navi_my     { background-position: 0 -140px; }

#global_navi .navi_selected {
    background-color: #494949;
}
#global_navi .navi_selected a {
    color: #fff;
    font-weight: bold;
}
#global_navi .navi_selected .navi_top    { background-position: 0 -180px; }
#global_navi .navi_selected .navi_illust { background-position: 0 -200px; }
#global_navi .navi_selected .navi_manga  { background-position: 0 -220px; }
#global_navi .navi_selected .navi_book   { background-position: 0 -240px; }
#global_navi .navi_selected .navi_create { background-position: 0 -280px; }
#global_navi .navi_selected .navi_my     { background-position: 0 -300px; }

#global_navi .navi_new {
    display: block;
    float: left;
    color: red;
    line-height: 20px;
    margin-left: 0;
}

/**********************/

#siteHeader #siteHeaderInner #siteHeaderRightMenuContainer li {
    height: 22px;
}
#siteHeader #siteHeaderInner #siteHeaderRightMenuContainer li a {
    padding: 2px 6px 2px 16px;
}
#siteHeader #siteHeaderInner #siteHeaderRightMenuContainer .siteHeaderRightMenuGroupLabel a {
    width: 116px;
    padding-left: 8px;
    font-weight: bold;
    color: #fff;
    background-color: #353535;
}
#siteHeader #siteHeaderInner #siteHeaderRightMenuContainer .siteHeaderRightMenuSeparator:hover {
    background-color: transparent;
}
#siteHeader #siteHeaderInner #siteHeaderNotification:not(.siteHeaderPremium) ~ li.siteHeaderCreateLink {
  display: none;
}