/* overload portal-top.css */

div#container {
  background: #fff;
}

div#header-container {
  background: transparent url(/images/servuces_bg.gif);
  text-align: center;
  zoom: 1;
}

div#header-body {
  text-align: left;
  width: 860px;
  margin: auto;
  position:relative;
}

div#header-container h2, div#header-container p {
  padding:0;
  margin:0;
  color:#fff;
  line-height:1.5;
}

div#header-container h2 {
  padding-top:28px;
  font-size:160%;
  background:transparent;
}

div#header-container p {
  padding-bottom:35px;
  font-size:100%;
  margin-right:260px;
}

div#header-container p a{
  display:none;
}

div#header-container a {
  color:#fff;
  text-decoration:underline;
}

div.header-box {
  position:absolute;
  top:10px;
  right:0;
  width:255px;
  height:115px;
  overflow:hidden;
}

div#user-box {
  background:url(/images/i18n/user-box-bg.png) no-repeat;
}

div#guest-box {
  text-align:center;
  font-weight:bold;
  font-size:120%;
}

div#guest-box a{
  display:block;
  padding-top:10px;
 _padding-top:15px;
  padding-bottom:3px;
  width:100%;
}

div#guest-box div.register-button {
  width:237px;
  background:url(/images/i18n/register-button.png) top center no-repeat;
  height:47px;
  margin-bottom:3px;
  margin-top:5px;
}

div#guest-box div.register-button a{
  color:#64A300;
}

div#guest-box div.login-button {
  width:237px;
  background:url(/images/i18n/login-button.png) top center no-repeat;
  height:47px;
}

div#guest-box div.login-button a{
  color:#6482AF;
}


div.header-box ul {
  margin:0;
  padding:0;
  list-style:none;
  font-size:80%;
}

div.header-box div.usericon {
  width:64px;
  float:left;
  margin:10px 12px 0 10px;
  position:relative;
  text-align:center;
  font-size:80%;
}

div#header-container div.username a{
  color:#333;
}

div.header-box div.usericon img{
  background:#fff;
  border:1px solid #e7e7e7;
}

div.header-box div.usericon a.edit {
  position:absolute;
  top:50px;
  left:52px;
}

div.header-box div.usericon a.edit img{
  border:0;
}

div.header-box div.username {
  font-weight:bold;
  font-size:130%;
  letter-spacing:-1px;
  margin-top:7px;
  margin-bottom:5px;
}


div.header-box ul li a {
  color:#D6AD1E !important;
  padding-left:12px;
  background:url(/images/i18n/icon-arrow.gif) 0 50% no-repeat;
}

div.header-box ul li {
  padding-bottom:4px;
}

div#body div#main {
  float: none;
  width: 100%;
  background: #fff;
  overflow: hidden;
  zoom: 1;
}

table#information {
  border-collapse:collapse;
  margin-top:7px;
}

table#information th{
  width:120px;
  font-size:80%;
  background:#5a85ca;;
  text-align:center;
  color:#fff;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
  border-radius:5px;
}

table#information td ul{
  margin:0 0 0 10px;
  padding:0;
  list-style:none;
  font-size:80%;
}

table#information td ul li{
  margin:4px 0;
}

table#information a{
  margin-left:5px;
}

h2 {
  background:url(/images/i18n/h2-bg.gif) no-repeat;
  color:#fff;
  font-size:100%;
  padding:5px 7px 10px 7px;
  margin-top:25px;
 _margin-top:15px;
  clear:both;
}

h2 a{
  color:#fff;
  text-decoration:none;
}

div#services div.box-left p, div#services div.box-right p {
  font-size:80%;
  line-height:1.5;
  margin:0;
  padding:0;
  text-align:justify;
}

div#services div.box-right div#box-diary p,
div#services div.box-right div#box-bookmark p,
div#services div.box-right div#box-fotolife p {
  line-height:1.2;
}

div#services p.intro {
  font-weight:bold;
  margin:15px 0;
}

div#services div.box-right p.lang {
  color:#999;
  font-size:60% ;
  padding-bottom:7px;
}

div#services div.box-left {
  width:290px;
  padding-top:4em;
  float:left;
}

div#services div.box-left img.capture{
  margin-bottom:10px;
}

div#services div.box-left p{
  padding-right:15px;
}

div#services div.box-right {
  width:560px;
  float:right;
  border-left:1px solid #efefef;
}

div#services div.box-right div {
  margin-left:15px;
}

div#services div.box-right div#box-star,
div#services div.box-right div#box-haiku {
  zoom:1;
  border-bottom:1px solid #efefef;
  padding-bottom:10px;
  margin-bottom:10px;
}

div#services div.box-right div#box-star{
margin-top:1em;
}

div#services div.box-right div.box-star-banner{
text-align:center;
}

div#services div.box-right div#box-star:after,
div#services div.box-right div#box-haiku:after,
div#services div.box-right div#box-diary:after,
div#services div.box-right div#box-bookmark:after,
div#services div.box-right div#box-fotolife:after {
  content: "";
  display: block;
  clear:  both;
}

div#services div.box-right div#box-star img.logo,
div#services div.box-right div#box-haiku img.logo{
  float:left;
  margin:0 20px 10px 20px;
}

div#services div.box-right div#box-star img.title,
div#services div.box-right div#box-haiku img.title{
  margin-bottom:7px;
}

div#services div.box-right div#box-star p.more{
text-align:right;
margin-right:-5px;
}

div#services div.box-right div#box-star p.more a{
background:url("/images/icon-arrow-s.gif") no-repeat scroll 0 50% transparent;
padding-left:8px;
padding-right:5px;
}

div#services div.box-right div#box-diary,
div#services div.box-right div#box-bookmark,
div#services div.box-right div#box-fotolife {
  zoom:1;
  margin-bottom:0.75em;
}

div#services div.box-right div#box-diary{
margin-top:0.5em;
}

div#services div.box-right div#box-diary img.logo,
div#services div.box-right div#box-bookmark img.logo,
div#services div.box-right div#box-fotolife img.logo{
  float:left;
  margin:0 10px 0 0;
}

div#services div.box-right div#box-diary img.title,
div#services div.box-right div#box-bookmark img.title,
div#services div.box-right div#box-fotolife img.title{
  margin-bottom:0px;
}

div.section ul {
  list-style:none;
}

div.section ul li {
  padding-bottom: 0.5em;
  line-height:1.2;
}

div.section h3 {
  margin:0;
  padding:0;
}

div.section dl {
  margin:0;
  padding:0;
}

div.section dl dt {
  margin:0;
  padding:0;
}

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

div#footer div.menu {
  padding-top:20px;
  font-size:90%;
}

div#copyright {
  padding-top:7px;
  font-size: 10px;
  font-family: verdana, helvetica, sans-serif;
}

#hatena-www-rule div.section {
  line-height:1.5;
}

#hatena-www-rule div.section p {
  margin: 0 1em 1em 1em;
}

ol.content{
  list-style:none;
  margin:20px 0 0 0;
  padding:0;
}

ol.content li {
  padding-bottom:3px;
  font-size:80%;
}

ol.content li a {
  background:transparent url(/statics/css/hatena/icon-inlink.gif) no-repeat scroll 0 50%;
  padding-left:16px;
}


body#hatena-www-rule div#header-container h2 {
  padding-bottom:28px;  
}

body#hatena-www-rule div#body h3 {
  font-size:120%;
  border-left:7px solid #1841ce;
  padding-left:7px;
  padding-top:3px;
  padding-bottom:3px;
}
body#hatena-www-rule div#body {
  line-height:1.35;
}

body#hatena-www-rule div#body img.thumbs{
  float:right;
  margin-left:10px;
}

body#hatena-www-rule div#body ol li{
  padding-bottom:5px;
}

body#hatena-www-rule div#body dl {
  margin: 0 1em;
}

body#hatena-www-rule div#body dl dt {
  font-weight: bold;
}

body#hatena-www-rule div#body dl dd {
  padding-bottom: 0.5em;
}