@charset "utf-8";
/* 
 Common Style
 */

/* universal */
* {
 color:#000000;
 background:transparent;
 font-size:100%;
 margin:0;
 padding:0;
}
/* structure */
body {
 font-family:'メイリオ', 'Meiryo',"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Ｐゴシック",Osaka,Helvetica,Arial,sans-serif;
 background:#ffffff url("../img/wall.png") repeat fixed left top;
 text-align:center;
}
/* block text */
h1 {
 font-size:150%;
 font-weight:normal;
 border-width:0 0 1px;
 border-style:solid;
 margin:8px 15%;
 padding:0px;
}
h2,h3 {
 font-size:100%;
 font-weight:bold;
 text-align:left;
 margin:2px auto;
}
p {
 font-size:100%;
 font-weight:normal;
 text-align:left;
 line-height:1.2em;
 margin:1px auto;
}
p.more {
 font-size:88.8%;
 text-align:right;
}
p.info {
 margin:0.5em auto;
}
blockquote,q {
 margin:0.5em auto;
}
address {
 font-style:normal;
 text-align:center;
}
/* inline text */
em {
 font-size:100%;
 font-style:normal;
 font-weight:bold;
}
/* hypertext */
a {
 font-weight:bold;
}
a.current {
 text-decoration:none;
}

/* list */
ol,ul {
 list-style-position:outside;
 margin-left:16px;
}
li,dt,dd {
 text-align:left;
 line-height:1.4em;
}
ol li {
 list-style-type:decimal;
}
ul li {
 list-style-type:disc;
}
ul ul li {
 list-style-type:square;
}
ul ul ul li {
 list-style-type:circle;
}
dt {
 font-weight:bold;
}
dd,
dl dl,
ul ul,
ol ol {
 margin-left:1em;
}

/* Tables */
table {
 border-collapse:collapse;
 border-width:1px;
 border-style:solid;
 text-align:center;
 margin:8px auto;
}
th,td {
 border-width:1px;
 border-style:solid;
 padding:1px 4px;
}
label {
 font-size:88.8%;
}
/* style */
hr {
 border-width:1px;
 border-style:solid;
 margin:6px auto;
}
hr.clear {
 border:none;
}
noscript {
 font-size:88.8%;
}
/* Form */
textarea {
 font-size:88.8%;
 text-align:left;
 margin:4px;
 padding:2px;
}
/* image and object */
img {
 border:none;
 vertical-align:bottom;
}
object,embed {
 margin:4px auto;
}
/* decorations */
.note,
.bookmark {
 font-size:88.8%;
}
.explanation {
 font-size:88.8%;
 margin-left:1em;
}
.icon {
 float:right;
 margin-left:4px;
}
.banner {
 float:right;
 margin-left:8px;
}
.inline,
.inline p {
 text-align:center;
 font-size:88.8%;
}
.referrals {
 text-align:center;
}
dl.links {
 border-width:1px;
 border-style:dotted;
 margin:8px auto;
 padding:2px 4px;
}
dl.links img {
 margin-right:8px;
}
/* 
 Division
 */
#container {
 width:800px;
 margin:0 auto;
}
#header {
 padding:20px;
}
#content {
 margin-left:170px;
 padding-left:8px;
}
#menu {
 width:170px;
 float:left;
}
#footer {
 width:100%;
 clear:both;
 margin:16px auto;
}
#content,
#footer,
#header,
#header * {
 text-align:center;
}
#menu,
#navi *,
#credit * {
 text-align:left;
}
#footer *,
#credit * {
 text-align:right;
}
#menu div {
 margin-bottom:16px;
}
#navi,
#credit {
 background:url("../img/bar.png") repeat-x scroll center top;
 padding:2px 6px;
}
#credit {
 clear:both;
}
#menu,
#navi,
#credit,
#footer p,
#header p {
 font-size:88.8%;
}
#navi a,
#credit a {
 font-weight:normal;
}
div.floatingbox {
 float:right;
 margin:4px 0 4px 8px;
}
div.block {
 padding:1px 4px;
}
div.info {
 border-width:1px;
 border-style:dotted;
 margin:0.5em auto;
 padding:1px 4px;
}
/* 
 webservices
 */

/* hatena */
.hatena-bookmark-list {
 font-size:88.8%;
 background-color:#edf1fd;
 overflow:auto;
 padding:4px 1px;
}
.hatena-bookmark-list a {
 font-weight:normal;
}
.hatena-bookmark-list span {
 margin:0 2px;
}
.hatena-bookmark-list li {
 text-align:left;
 list-style-type:none;
 line-height:1.6em;
 margin:0;
}
.hatena-bookmark-list a.user {
 color:#0000ee;
 text-decoration:underline;
 margin:0 3px;
}
.hatena-bookmark-list .tag a {
 text-decoration:none;
 color:#6666cc;
}
.hatena-bookmark-list .description {
}
.hatena-bookmark-list .date {
 color:#999999;
}

/* Yahoo! BlogSearch */
.yahoo-blog-search {
 overflow:auto;
 border-width:1px;
 border-style:dotted;
 padding:2px;
}
.yahoo-blog-search dl {
 font-size:88.8%;
}
/* 
 Colors
 */
div#navi,
div#credit {
 color:#ffffff;
 background-color:#177cef;
}
div#navi *,
div#credit * {
 color:#ffffff;
}
h1 {
 color:#177cef;
 border-color:#177cef;
}
table,th,td,dl,hr,div {
 border-color:#177cef;
}
a:link {
 color:#177cef;
}
a:visited {
 color:#b266ff;
}
a:active,
a:hover,
div#navi a:active,
div#navi a:hover,
div#credit a:active,
div#credit a:hover {
 color:#ff7919;
}
a.current {
 color:#000000;
}
.new {
 color:#ff7919;
}
.caution {
 color:#ff7919;
}