body {

  background:#fff;

  margin:0;

  padding:0;

  font-family:"arial", "helvetica", sans-serif;

  color:#333;

}



h1,h2,h3,h4,h5 {

  margin:0;

  padding:0;

}



form {

  margin:0;

  padding:0;

}



a {

  color:#1841ce;

}



a:visited {

  color:#8352e7;

}



img {

  border: none;

}



label {

  cursor:pointer;

}



span.note {

  font-size:80%;

  margin-left:10px;

  color:#777;

}



span.sepalator {

  color:#ccc;

}



span.username img {

  vertical-align:middle;

}



div.more {

  text-align:right;

  font-size:80%;

  padding-right:7px;

}



div.message{

  background:url(/images/ok-message.gif) no-repeat;

  padding-left:27px;

  margin-top:12px;

  padding-bottom:15px;

  color:#006600;

}



div.message a, div.message a:visited{

  color:#006600;

}



div.error-message{

  background:url(/images/error-message.gif) no-repeat;

  padding-left:27px;

  margin-top:8px;

  padding-bottom:15px;

  margin-left:15px;

  color:#9b2e2e;

}



div.error-message ul{

  list-style:none;

  margin:0;

  padding:0;

}



div.error-message ul li{

  margin-bottom:3px;

}



p.intro {

  font-size:90%;

  margin:0;

  padding:0 5px 10px 5px;

  line-height:1.5;

}



img.icon {

  vertical-align:middle;

  margin-right:3px;

}



img.userimg {

  border:1px solid #dedede;

  background:#fff;

  vertical-align:middle;

}



#simple-header {

  height:36px;

  z-index:100;

  background:#fff;

  margin:0 auto;

  text-align:center;

}



#simple-header-body {

  width:860px;

  height:36px;

  position:relative;

  text-align:left;

  margin:0 auto;

}



#simple-header img.logo{

  margin-top:7px;

  vertical-align:middle;

}



#simple-header div#logo input{

  vertical-align:middle;

  margin-top:8px;

  border:1px solid #ccc;

  background:#fff;

  font-size:12px;

}



#simple-header div#logo input.txt{

  padding:2px;

  margin-left:20px;

}



#simple-header div#logo input.btn{

  padding:1px;

}



#simple-header-body form{

  display:inline;

}



#simple-header ul.menu {

  position: absolute;

  top: 5px;

  right: 0;

  font-size: 10px;

  margin: 0 1px 0 0;

  padding: 0;

  list-style: none;

}



#simple-header ul.menu {

    top: 5px;

    padding: 13px 0 0 0;

}



#simple-header ul.user {

    top: 5px;

    padding: 0;

}



#simple-header ul.menu li{

  display:inline;

}



#simple-header ul.menu li a{

  margin-left:4px;

  text-decoration:none;

}





#simple-header ul.menu li a:hover {

  text-decoration:underline;

}



#simple-header ul.menu li.welcome {

  margin-right:7px;

}

#simple-header ul.menu li.welcome a {

  margin-right:2px;

  margin-left:2px;

  color:#333;

}



div#hatena-body {

  text-align:center;

  background:#fff;

}



div#body {

  text-align:left;

  width:860px;

  margin:0 auto;

  padding-top:12px;

  padding-bottom:10px;

  zoom:1;

}



p#breadcrumbs {

  margin:0;

  padding:0 0 10px 0;

  font-size:80%;

}



p#breadcrumbs img.profile-image{

  vertical-align:middle;

  background:#fff;

  margin-bottom:2px;

}







div#body:after {

  clear:both;

  content:"";

  display:block;

}



div#body ul.menu{

  margin:0;

  padding:15px 0 25px 0;

  list-style:none;

  line-height:1;

  font-size:90%;

}



div#body ul.menu li{

  display:inline;

  margin-right:5px;

  border-right:1px solid #ccc;

  padding-right:8px;

  line-height:1;

}



div#body ul.menu li.selected a{

  color:#333;

  font-weight:bold;

  text-decoration:none;

  line-height:1;

}



div#header {

  height:130px;

  overflow:hidden;

  background:#3d70bd url(header.gif) ;

}



div#header-body {

  width:860px;

  margin:0 auto;

  text-align:left;

  padding:19px 0 0 0;

  color:#fff;

  position:relative;

  zoom:1;

  overflow:hidden;

}



div#header-body:after {

  content:"";

  display:block;

  clear:both;

}



div#header h1 {

  letter-spacing:-1px;

  font-size:160%;

  padding-top:5px;

}



div#header h1 a,div#header h1 a:visited{

  color:#fff;

}



div#header h1 img.btn {

  vertical-align:middle;

  margin-bottom:2px;

}



div#header img.userimg {

  float:left;

  margin-right:15px;

  border:1px solid #dedede;

  background:#fff;

  width:64px;

  height:64px;

}



div#header div.info {

  float:left;

  margin-top:1px;

  width:770px;

  overflow:hidden;

  height:1.5em;

}



div#header div.info p {

  margin:3px 0 0 0;

  padding:0;

  font-size:80%;

}



div#header div.info span.medals img{

  margin-right:2px;

}



div#header ul.tab-menu {

  clear:both;

  padding:0;

  margin:0;

  list-style:none;

  color:#333;

}



div#header ul.tab-menu li{

  font-size:80%;

  float:left;

  width:80px;

  height:30px;

 *height:30px;

 _height:26px;

  background:url(tab.gif) 0 -31px no-repeat;

  margin-right:3px;

  text-align:center;

  margin-top:14px;

 _margin-top:18px;

}



div#header ul.tab-menu li a{

  display:block;

  text-decoration:none;

  color:#1841ce;

  padding-top:6px;

  padding-bottom:6px;

  width:80px;

}



div#header ul.tab-menu li.selected{

  border-bottom:1px solid #fff;

  background:url(tab.gif) no-repeat;

}



div#header ul.tab-menu li.selected a{

  color:#333;

  font-weight:bold;

  text-decoration:none;

}



div#header ul.tab-menu li#edit-tab {

  margin-left:15px;

}



div.btn a, div.btn a:visited{

  display:block;

  padding-top:6px;

  color:#fff;

}





body {

    line-height: 2;

}



a:link {

    color: #000;

}



a:visited {

    color: #333;

}



a:hover {

    background: #000;

    color: #fff;

    text-decoration: none;

}



kbd {

    background: #efefef;

    font-family: monospace;

    font-size: 90%;

    padding: 0.1em;

}



.message {

    padding: 5em;

    text-align: center;

    font-weight: bold;

}



form {

}



form div.main {

    width: 234px;

    float: left;

}



form div.advanced {

    position: relative;

    top: -31px;

    margin: 0 0 0 244px;

}



form div.advanced dd.copies div.copy {

    margin: 5px 5px 5px 0;

    padding: 5px;

    background: #eee;



}



html>/**/body form div.advanced dd.copies div.copy {

    float: left;

    width: 214px;

}



form div.advanced dd.copies div.copy.selected {

    background: #999;

}





form div.advanced dd.copies div.copy input.text {

    margin: 0;

    padding: 0;

    width: 210px;

}



form div.advanced dd.copies div.copy input.x {

}



form div.advanced dd.copies div.copy input.y {

}



form div.advanced dd.copies div.copy input.size {

}



form div.etc {

    clear: both;

    padding: 10px 0 0 0;

}



.section form p {

    margin: 0;

    padding: 0;

}



form input {

    border: 1px solid #000;

}



form input.default-value {

    color: #999;

}



form input.submitButton {

    width: 234px;

    padding: 5px 0;

}



form input.title,

form input.target_uri,

form input.text {

    padding: 2px;

    width: 228px;

}



form button {

    display: inline;

    background: none;

    border: none;

    margin: 0;

    padding: 0;

    width: 234px;

    height: 60px;

}





form p.advancedModeLinkContainer {

    margin: 10px 0 0 0;

    font-size: 10px;

    width: 236px;

    text-align: right;

}





hr {

    clear: both;

    border: none;

    padding: 0;

    margin: 0;

}



.debug {

    visibility: hidden;

}



.debug:hover {

    visibility: visible;

}





h1 {

    margin: 1em 0;

}



dl dt {

    font-weight: bold;

}



dl dd {

    margin : 0 0 1em 0;

    padding : 0;

}





h1,

h2 {

    font-size: 100%;

    color: #666;

    margin: 30px 0 10px;

}



.less {

    font-size: 80%;

    color: #ccc;

}



p.less {

    margin: 0;

}



ul.less {

    margin: 0;

    padding: 0 0 0 2em;

}



.section {

    clear: both;

    padding: 20px 0;

}



.section p {

    width: 40em;

    padding: 0em 2em 1em;

}



.section p.uri {

    font-weight: bold;

    width: 100%;

    overflow: hidden;

    margin: 0 0 30px 0;

    padding: 0;

    white-space: nowrap;

}



.section p.uri a {

    line-height: 60px;

    display: block;

    text-align: center;

    background: #efefef;

    height: 60px;

    text-decoration: none;

}



.section p.uri a:hover {

    background: #000;

    color: #fff;

}



.section p.uri span.link-tag {

    display: block;

    text-align: right;

}



.section p.uri span.link-tag a {

    display: inline;

    background: #fff;

    height: auto;

    line-height: 2;

}

.section p.uri span.link-tag a:hover {

    background: #000;

}



.banners {

}



.banners .banner {

    position: relative;

    display: block;

    float: left;

    margin: 2px;

    padding: 0;

}



.banners .banner * {

    margin: 0;

    padding: 0;

    border: none;

}



.banners .banner .info {

    visibility: hidden;

    position: absolute;

    letter-spacing: 1px;

    width: 214px;

    top: -10px;

    left: 0;

    font-size: 10px;

    height: 17px;

    padding: 0px 10px 5px 10px;

    background: #000;

    color: #fff;

    opacity: 0.8;

    vertical-align: middle;

}



.banners .banner .info img {

    vertical-align: middle;

}



.banners .banner:hover .info {

    visibility: visible;

}



.banners .banner.level-a .info {

}



.banners .banner.level-b .info {

    border-top: 2px solid #00b8b9;

}



.banners .banner.level-c .info {

    border-top: 4px solid #01b927;

}



.banners .banner.level-d .info {

    border-top: 6px solid #b9001d;

}



.banners .banner .info address.author {

    display: none;

}





.banners .banner form {

    display: inline;

    margin: 0;

    padding: 0;

}



.section.permalink {

}



.section.permalink p {

    text-align: center;

    margin: 0;

    padding: 0;

    width: 100%;

}



p.author {

    width: 234px;

    margin: 0 auto;

    padding: 0;

    text-align: right;

    font-size: 80%;

    color: #999;

}



#form .main {

}



.advanced {

}



.topform ,

.topform form ,

.topform p {

    margin: 0;

    padding: 0;

}



.topform p.form {

    height: 46px;

    margin: 0 0 0 0;

}



.topform p.form input {

    font-size: 12px;

    padding: 5px 2px;

    margin: 0;

    vertical-align: middle;

}



form.config {

    line-height: 1;

}



form.config h2 {

    border-style: solid;

    border-width: 0 0 1px 0;

    border-color: #ccc;

    padding: 10px 0;

}



form.config dl {

}



form.config dt {

    margin: 0;

    padding: 0;

}



form.config dd {

    margin: 0;

    padding: 0 0 0 243px;

    margin: -60px 0 15px 0;

}



form.config dd.text {

    line-height: 1.66;

    font-size: 11px;

    text-align: justify;

}



form.config input.text {

    padding: 10px 0;

    font-size: 30px;

    width: 100%;

    height: 100%;

}



form.config p.buttons {

    width: 100%;

    margin: 60px 0 0 0;

    padding: 10px 0;

    border-style: solid;

    border-width: 0px 0 0 0;

    border-color: #ccc;

}





#target_uri {

    width: 100%;

}



.advanced a:link ,

.advanced a:visited {

    color: #999;

}



#simple-header {

    position: relative;

}



#simple-header ,

#hatena-body {

    width: 723px;

    margin: 0 auto;

}



#simple-header #simple-header-body ,

#hatena-body #body {

    width: 100%;

}



#footer {

    margin: 20px auto 0;

    text-align: center;

    border-style: solid;

    border-width: 1px 0 0 0;

    border-color: #000;

}



#footer blockquote.less {

    line-height: 1.66;

    color: #ccc;

}



#footer .copyright {

    color: #666;

}