@charset "UTF-8";

/*-- copyright (C) bombgirl --*/
/*-- reset elements --*/
h1, h2, h3, h4, h5, h6 {
position: static;
margin: 0;
padding: 0;
}

div, hr, blockquote, address, noscript {
position: static;
margin: 0;
padding: 0;
font-style: normal;
font-weight: normal;
}

ul, ol, dl, dt, dd {
position: static;
margin: 0;
padding: 0;
}

pre, table, form {
position: static;
margin: 0;
padding: 0;
}

span, img {
position: static;
margin: 0;
padding: 0;
border: 0 none #fafaff;
font-style: normal;
font-weight: normal;
}

em, strong, q, dfn, code, samp, kbd, var, cite, abbr, acronym {
position: static;
margin: 0;
padding: 0;
}

/*-- basic elements --*/
pre {
display: block;
font-family: monospace;
}

em {
font-style: normal;
font-weight: normal;
}

strong {
font-weight: bold;
}

blockquote {
margin: 10px 20px;
padding: 5px 10px;
border: dashed 1px #b8c9dd;
}

blockquote p {
margin: 0;
padding: 0;
}

ul {
padding-left: 2em;
}

ol {
padding-left: 2em;
}

dl dd {
padding-left: 2em;
}

del {
text-decoration: line-through;
}

/*-- iamge --*/
img.pict {
border-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*-- link--*/
a {text-decoration: none;}
a:link {color: #9cf;}
a:visited {color: #9cf;}
a:hover {color: #efefef; text-decoration: underline;}
a:active {color: #efefef;}
h1 a:link {color: #fff;}
h1 a:visited {color: #fff;}
h1 a:hover {color: #fff; text-decoration: none;}
h1 a:active {color: #fff;}
div#sidebar a:link {color: #36c;}
div#sidebar a:visited {color: #36c;}
div#sidebar a:hover {color: #036;}
div#sidebar a:active {color: #036;}
div.entry_body a {text-decoration: underline;}

/*-- main --*/
body {
margin: 0;
padding: 0;
text-align: center;
color: #efefef;

line-height: 180%;

font-family: Verdana, Helvetica, sans-serif;
background: #fff;
}

div#container {
margin:  0 auto; 
width: 700px; 
text-align: left;
background: #999 url(http://www.osampo.net/mugno~n/template/mugno~n_blue01a.gif);
}

div#header {
width: 100%;
height: 133px;
background: #666 url(http://www.osampo.net/mugno~n/template/mugno~n_blue02a.gif);
}

div#contents {
width: 480px;
float:left;
}

div#sidebar {
margin-left: 480px;
}

div#footer {
clear: both;
margin: 0;
padding: 0;
width: 100%;
background: #666 url(http://www.osampo.net/mugno~n/template/mugno~n_blue01a.gif);
}

/*-- header --*/
h1 {
margin: 0;
padding: 25px 0 10px 100px;
font-size: 130%;
}

div#header p {
margin: 0;
padding: 0 0 0 100px;
color: #fff;
font-size: 90%;
}

div#counter {
margin: 0;
padding: 30px 30px 0 0;
float:right;
color: #476582;
font-size: 12px;
}

/*-- content --*/
h2 {
margin: 0;
padding: 10px 10px 2px 10px;
text-align: left;
font-weight: bold;
font-size: 100%;
border-bottom: 1px dotted #efefef;
}

h3,h4 {
margin: 0;
padding: 10px 10px 2px 10px;
text-align: left;
font: bold 100% Georgia, Verdana, Helvetica, sans-serif;
border-bottom: 1px dotted #efefef;
}

div.entry_navi {
margin: 10px;
padding: 0 5px 10px 0;
text-align: center;
font-size: 82.5%;
}

div.entry {
margin: 15px 5px 20px 5px;
padding: 0;
}

div.entry div.entry_date {
margin: 0;
padding: 2px 10px 0 10px;
text-align: left;
font: bold 100% Georgia, Verdana, Helvetica, sans-serif;
}

div.entry div.entry_body {
margin: 0;
padding: 20px 10px 5px 10px;
font-size: 82.5%;
line-height: 1.5;
}

div.entry div.entry_more {
margin: 0;
padding: 5px 20px 15px 20px;
font-size: 82.5%;
line-height: 1.5;
}

div.entry div.entry_state {
margin: 0;
padding: 2px 10px 10px 10px;
text-align: right;
font-size: 82.5%;
}

/*-- comment --*/
div.comment {
margin: 15px 5px 20px 5px;
padding: 0;
}

div.comment form {
margin: 10px 0 ;
padding: 0;
}

div.comment form dl {
font-size: 82.5%;
}

div.comment form dl dt {
display: block;
margin: 0 0 5px 10px;
padding: 0;
width: 8em;
}

div.comment form dl dt label#labelsubmit {
display: none;
}

div.comment form dl dd {
margin: 0 0 10px 10px;
padding: 0;
}

div.comment dl.body {
margin: 0;
padding: 5px 10px 10px 10px;
font-size: 82.5%;
line-height: 1.5;
border-bottom: 1px dotted #c3c3af;
}

div.comment dl.body dt {
margin: 0;
padding: 10px 0 10px 0;
text-align: left;
}

div.comment dl.body dd {
margin: 0;
padding: 0;
text-align: right;
}

/*-- trackback --*/
div.trackback {
margin: 15px 5px 20px 5px;
padding: 0;
}

div.trackback p.link {
margin: 0 0 20px 0;
padding: 10px;
text-align: left;
font-size: 82.5%;
}

div.trackback dl.body {
margin: 0 0 10px 0;
padding: 5px 5px 10px 5px;
font-size: 82.5%;
line-height: 1.5;
border-bottom: 1px dotted #c3c3af;
}

div.trackback dl.body dt {
margin: 0;
padding: 0;
text-align: left;
}

div.trackback dl.body dd {
margin: 0;
padding: 0;
text-align: right;
}

/*-- profile --*/
div.profile {
margin: 15px 5px 20px 5px;
padding: 0;
}

div.profile div.profile_body {
margin: 0;
padding: 20px 10px 5px 10px;
font-size: 82.5%;
line-height: 1.5;
}

/*-- sidebar --*/
div#sidebar dl {
margin: 15px 0 30px 0;
padding: 0;
color: #333;
}

div#sidebar dt {
margin: 0 10px;
padding: 2px 0 2px 40px;
text-align: left;
color: #fff;
font: bold 12px "Trebuchet MS", Monaco, sans-serif; 
text-transform: uppercase;
letter-spacing: 2px;
background: #b8c9dd url(http://www.osampo.net/mugno~n/template/2pop_blue03.gif) no-repeat;
}

div#sidebar dd {
margin: 0;
padding: 10px;
}

div#sidebar dl.search dd {
margin: 0;
padding: 5px 0 5px 20px;
}

div#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}

div#sidebar ul li {
display: block;
margin: 0;
padding: 2px 20px;
font-size: 82.5%;
line-height: 1.5;
}

div#sidebar dl.extra dt {
display: none;
}

div#sidebar dl.extra ul {
margin: 0;
padding: 0;
list-style: none;
}

div#sidebar dl.extra li {
margin: 0;
padding: 2px 0 2px 20px;
}

/*-- page --*/
div.page {
margin: 0;
padding: 5px 0px;
text-align:center;	
font-size: 82.5%;
}

/*-- footer --*/
div#footer address {
padding: 5px 0;
text-align: center;
color: #efefef;
font-size: 10px;
}