/* ===== COMMON ===== */

.hatena-body{
  width:96%;
}

#body{
  margin-top:18px;
}

#breadcrumbs{
  margin-top:0;
}

#main{
  text-align:left;
  background:#FFF;
  float:right;
  /* margin-left:185px; */
  margin-right:0;
  width: -moz-available;

  /* width: 100%; */
}

#sidebar{
  float:left;
  width:166px;
  margin-right:-166px;
  margin-left:0;
}

.no-margintop{
  margin-top:0 !important;
}

.curve-middle table.table-config th{
  width:30%;
}

.hatena-moduletitle{
  display:none;
}

.description{
  margin-top:0;
  padding-top:0;
  font-size:90%;
}

.normal{
  font-weight:normal !important;
}

img.helpicon{
  vertical-align:middle;
  margin:0 5px 3px 5px;
}

#sidebar .list-configmenu li a{
  display:block;
 _width:100%;
}

#sidebar .list-plain{
  font-size:90%;
  margin:10px 0;
}

#sidebar .list-plain li{
  padding-bottom:4px;
}

#sidebar .list-plain li a{
  padding-left:27px;
  display:block;
}

#sidebar .list-plain li a.icon-tool{
  background:url(/images/common/icon-tool.gif) 6px 50% no-repeat;
}

#sidebar .list-plain li a.icon-my{
  padding-left:0;
}

#sidebar .list-plain li a.icon-my img{
  margin-left:6px;
  margin-right:5px;
  margin-bottom:3px;
}

#sidebar .list-plain li a.icon-counter{
  background:url(/images/common/icon-counter.gif) 6px 50% no-repeat;
}

#sidebar .list-plain li a.icon-mobile{
  background:url(/images/icon-mobile.gif) 6px 50% no-repeat;
}

.ok{
  clear:both;
 _height:1%;
  background:#E7EBFF url(/images/common/success.gif) 0.5em 0.6em no-repeat;
  border:1px solid #C6C3FF;
  padding:0.7em 0.7em 0.7em 38px;
  margin-bottom:0.5em;
}

/* ===== VARIATION ===== */

table.table-config tbody tr th {
  background:#E7EBFF;
  font-size:90%;
}

.box-curve-bar h2{
 background:#5279e7 url(../images/common/box-curve-bar-de-top-left.gif) top left no-repeat;
}

.box-curve-bar h2 span.title{
 background:url(../images/common/box-curve-bar-de-top-right.gif) top right no-repeat;
}

.box-curve-bar .curve-middle{
  border-right:1px solid #5279e7;
  border-left:1px solid #5279e7;
}

.box-curve-bar span.curve-bottom{
  background:url(../images/common/box-curve-bar-de-bottom-left.gif) bottom left no-repeat;
  height:8px;
}

.box-curve-bar span.curve-bottom span{
  background:url(../images/common/box-curve-bar-de-bottom-right.gif) bottom right no-repeat;
  height:8px;
}

.box-curve{
  background:#E7EBFF;
}

.box-curve-line span.curve-top{
  background:url(../images/common/box-curve-de-top-right.gif) top right no-repeat;
}

.box-curve-line span.curve-top span{
  background:url(../images/common/box-curve-de-top-left.gif) top left no-repeat;
}

.box-curve-line span.curve-bottom{
  background:url(../images/common/box-curve-bar-de-bottom-left.gif) bottom left no-repeat;
}

.box-curve-line span.curve-bottom span{
  background:url(../images/common/box-curve-bar-de-bottom-right.gif) bottom right no-repeat;
}

.box-curve-line .curve-middle{
  border-right:1px solid #5279e7;
  border-left:1px solid #5279e7;
}

.box-bg-de2{
  background:#E7EBFF;
  border-left:1px solid #5279e7;
  border-right:1px solid #5279e7;
}

table.table-list thead tr th{
  background:#5279e7;
}

table.table-list thead tr th.curve-left{
  background:#5279e7 url(../images/common/box-curve-bar-de-top-left.gif) top left no-repeat;
}

table.table-list thead tr th.curve-right{
  background:#5279e7 url(../images/common/box-curve-bar-de-top-right.gif) top right no-repeat;
}

table.table-list tbody tr td.line-left{
  background:url(../images/common/box-curve-bar-de-middle.gif) top left repeat-y;
}

table.table-list tbody tr td.line-right{
  background:url(../images/common/box-curve-bar-de-middle.gif) top right repeat-y;
}

table.table-list tbody tr.odd td.line-left{
  background:#F0F0FF url(../images/common/box-curve-bar-de-middle.gif) top left repeat-y;
}

table.table-list tbody tr.odd td.line-right{
  background:#F0F0FF url(../images/common/box-curve-bar-de-middle.gif) top right repeat-y;
}

table.table-list tfoot tr td{
  background:url(../images/common/box-curve-bar-de-middle.gif) bottom right repeat-x;
}

table.table-list tfoot tr td.curve-left{
  background:url(../images/common/box-curve-bar-de-bottom-left.gif) bottom left no-repeat;
}

table.table-list tfoot tr td.curve-right{
  background:url(../images/common/box-curve-bar-de-bottom-right2.gif) bottom right no-repeat;
}

/* ===== GLOBALHEADER ===== */

#header form.header-search input.search-button {
  background: #8EA2FF url(http://cdn.www.st-hatena.com/css/hatena/search.png) 50% 50% no-repeat !important;
  _background: #8EA2FF !important;
}

#header ul.service-menu li a{
  /* color:#F2F8F6; */
  color: #C9D5F8;
}

#header span.header-dropdown {
  background: url(/images/dropdown-de.gif) center right no-repeat !important;
}

#header .header-notify .notify-count {
  top:-4px !important;
}

/* アイコンが切れる問題を解消 */
#header ul.service-menu li img{
 _margin-top:0 !important;
 _margin-bottom:0 !important;
}

/* フォームが崩れる問題を解消（検索窓がある場合のみ）*/
#header form.header-search input.search-text {
 _zoom:1 !important;
 _padding:0 !important;
 _height:20px !important;
 _line-height:20px !important;
}

#header form.header-search input.search-button {
 _width:40px !important; /* ダイアリーのようにラベルが長い場合ここで調整 */
 _padding:0 !important;
 _font-size:10px !important;
 _height:20px !important;
}

/* ===== HEADER ===== */

#header {
  background-color: #1841CE !important;
  color: #C9D5F8;
  padding: 0px;
  margin: 0px;
  border-bottom: 1px solid #06289B;
}

img.logo {
  position: absolute;
  text-align: right;
  top: 0;
  right: 0;
}

#bannersub {
  font-size: 10pt;
  background: #5279E7;
  border-bottom: 1px solid #06289B;
}

#bannersub table {
  width: 100%;
}

#bannersub table td {
  color: #C9D5F8;
  text-align: center;
  font-size:80%;
}

#bannersub td a {
  color: #C9D5F8;
  text-decoration: none;
}

#bannersub .selected {
  background: #7396F7;
}

#bannersub .selected a {
  color: #1841CE;
}

/* ===== SIDEBAR ===== */

ul.list-configmenu li{
  background:#8EA2FF;
}

ul.list-configmenu li.select{
  background:#7489EE;
}

ul.list-configmenu li ul{
  border:1px solid #7489EE;
}

ul.list-configmenu li ul li.select{
  background:#E7EBFF;
}

ul.list-configmenu li#list-top{
  background:#8EA2FF url(../images/common/menu-top-de.gif) center top no-repeat;
}

ul.list-configmenu li#list-bottom{
  background:#8EA2FF url(../images/common/menu-bottom-de.gif) center bottom no-repeat;}

ul.list-configmenu li#list-top-select{
  background:#7489EE url(../images/common/menu-top-de.gif) center top no-repeat;
}

ul.list-configmenu li#list-bottom-select{
  background:#7489EE url(../images/common/menu-bottom-de.gif) center bottom no-repeat;
}

ul.list-configmenu li a.icon-option{ background: url(/images/common/menu-option-de.gif) 7px 50% no-repeat; }

.icon-addpage{
  background:url(/images/icon-addpage.gif) 6px 6px no-repeat;
}

.icon-editpage{
  background:url(/images/icon-editpage.gif) 6px 6px no-repeat;
}

.icon-group{
  background:url(/images/common/icon-folder.gif) 6px 6px no-repeat;
}

/* ===== EDIT ===== */

#hatena-antenna-edit .curve-middle ul{
  list-style:none;
  padding:0;
  margin:0;
  font-size:90%;
}

/* ===== CHECKLIST,POWEREDIT,IGNORELIST ===== */

#hatena-antenna-checklist tr.mouseover , #hatena-antenna-ignorelist tr.mouseover {
  background-color: #E0E9FA !important;
  cursor: pointer;
}

#hatena-antenna-checklist tr.mouseover * ,#hatena-antenna-ignorelist tr.mouseover{
  background-color: #E0E9FA !important;
}

#hatena-antenna-checklist tbody tr.bottomcell td,#hatena-antenna-poweredit tbody tr.bottomcell td,#hatena-antenna-ignorelist tbody tr.bottomcell td,#hatena-antenna-group tbody tr.bottomcell td,#hatena-antenna-designselect tbody tr.bottomcell td,#hatena-antenna-port tbody tr.bottomcell td{
  padding-top:10px;
  padding-right:10px;
  padding-left:10px;
}

#hatena-antenna-checklist tbody tr td.odd,#hatena-antenna-poweredit tbody tr td.odd,#hatena-antenna-ignorelist tbody tr td.odd{
  background:#EFF3FF;
}

table.table-list tbody tr td.odd-line-left{
  background:#EFF3FF url(/images/common/box-curve-bar-de-middle.gif) top left repeat-y;
}

table.table-list tbody tr td.odd-line-right{
  background:#EFF3FF url(/images/common/box-curve-bar-de-middle.gif) top right repeat-y;
}

td.domaincell , td.commentcell , td.groupcell{
  font-size:80% !important;
}

/* ===== EDITPAGE ===== */

#hatena-antenna-editpage .curve-middle h3{
  margin:15px 0 5px 0;
}

#hatena-antenna-editpage .curve-middle div.note{
  line-height:135%;
  padding-bottom:5px;
}

#hatena-antenna-editpage .screenshot{
  display:block;
  float:right;
  margin-left:-203px;
  border:1px solid #CCC;
}

#hatena-antenna-editpage .basicinfo{
  float:left;
  margin-right:210px;
}

#hatena-antenna-editpage .box-curve-line .curve-middle th{
  width:38%;
}

/* ===== ADD ===== */

#hatena-antenna-addconfig ul.list-circle,#hatena-antenna-checklistmultidel ul.list-circle , #hatena-antenna-deleteconfirm ul.list-circle , #hatena-antena-groupdeleteconfirm ul.list-circle , #hatena-antenna-optionconfirm ul.list-circle , #hatena-antenna-portdeleteconfirm ul.list-circle{
  margin-left:25px;
  padding-bottom:5px;
}

#hatena-antenna-similarlist ul.list-circle{
  margin-left:25px;
  margin-bottom:20px;
}

/* ===== GROUP ===== */

#hatena-antenna-group td.groupnamecell input{
  margin-left:5px;
}

/* ===== DESIGN ===== */

#hatena-antenna-design h3 span{
  margin-left:15px;
}

#hatena-antenna-design table.table-grid-5 td,#hatena-antenna-designpublicedit table.table-grid-5 td{
  font-size:90%;
}

#hatena-antenna-design .curve-middle h3{
  margin:15px 0 5px 0;
}

#hatena-antenna-design .curve-middle textarea,#hatena-antenna-designpublicedit .curve-middle textarea , hatena-antenna-designpublicpublic.curve-middle textarea{
  height:200px;
}

#hatena-antenna-designselect table tr td.buttoncell{
  width:1%;
  white-space:nowrap;
}

#hatena-antenna-design .box-curve-bar .table-config th , #hatena-antenna-designpublicedit .box-curve-bar .table-config th {
  width:15%;
}

#hatena-antenna-design .box-curve-bar .table-config td .table-grid-5 ,#hatena-antenna-designpublicedit .box-curve-bar .table-config td .table-grid-5 {
  padding:0px;
  border-collapse:collapse !important;
}

/* ===== CONFIG ===== */

#hatena-antenna-config table.table-grid-4 td{
  font-size:90%;
}

/* ===== OPTION ===== */

#hatena-antenna-option .curve-middle ul.list-circle{
  margin-left:20px;
  font-size:90%;
}

/* ===== TOOLS ===== */

#hatena-antenna-tools .curve-middle p{
  font-size:90%;
  margin-top:0;
}

#hatena-antenna-tools .curve-middle .note{
  margin-bottom:0;
}

/* ===== SUPPORT ===== */

/*
#hatena-antenna-add #main,#hatena-antenna-design #main,#hatena-antenna-checklistmultidel #main , #hatena-antenna-deleteconfirm #main , #hatena-antena-groupdeleteconfirm #main , #hatena-antenna-optionconfirm #main ,#hatena-antenna-portregisterconfirm #main , #hatena-antenna-portdeleteconfirm #main , #hatena-antenna-optionleaveconfirm #main , #hatena-antenna-designselectdelete #main , #hatena-antenna-designselectcopy #main , #hatena-antenna-option #main{
  width:100%;
  margin-left:0;
}

#hatena-antenna-add #main #support,#hatena-antenna-design #main #support,#hatena-antenna-checklistmultidel #main #support , #hatena-antenna-deleteconfirm #main #support , #hatena-antena-groupdeleteconfirm #main #support , #hatena-antenna-optionconfirm #main #support , #hatena-antenna-portregisterconfirm #main #support , #hatena-antenna-portdeleteconfirm #main #support , #hatena-antenna-optionleaveconfirm #main #support , #hatena-antenna-designselectdelete #main #support , #hatena-antenna-designselectcopy #main #support , #hatena-antenna-option #main #support{
  margin-left:190px;
}
*/

/* CHECKLIST */

#page-selector-top,#page-selector-bottom {
  padding:10px 0;
}

#page-selector-top{
  margin-top:-40px !important;
}


/* 20120420 add */

#body {
  padding-left: 185px;
  overflow: hidden;
}
#main {
  margin-right: 0;
  width: 100%;
}
#sidebar {
  margin-left: -185px;
}