/***********************************************
  HTML tag styles
 ***********************************************/

* {
margin:0;
padding:0;
}

body {
text-align:center;
font-family: Helvetica, Arial, sans-serif;
font-size:small;
background: url(img/bg_graph.gif) repeat-y center top;
color: #444;
line-height: 1.2;
}

a{
color: #069;
text-decoration: none;
}

a:hover{
color:#F60;
text-decoration: underline;
}

img {
margin: 10px 0;
border: 1px solid #ccc;
}

img.nb {
margin: 10px 0;
border: none;
}

p img { margin: 0; vertical-align: text-bottom; }
img.fllt { float: left; margin: 5px 10px;  }
img.flrt { float: right; margin: 5px 10px; }


img.icon {
margin: 0 10px 0 0;
vertical-align:middle;
border:none;
}


h1{
 font-family: Helvetica, Arial, sans-serif;
 font-size: 200%;
 margin: 0;
 padding: 0;
}

h2{
 font-family: Helvetica, Arial, sans-serif;
 font-size: 114%;
 line-height:125%;
 color: #069;
 margin: 0;
 padding: 0;
}

h3{
 font-family: Helvetica, Arial, sans-serif;
 font-size: 115%;
 color: #444;
 margin: 0;
 padding: 0;
 }

h4{
 font-family: Helvetica, Arial, sans-serif;
 font-size: 110%;
 font-weight: bold;
 color: #444;
 margin: 0;
 padding: 0;
}

h5{
 font-family: Helvetica, Arial, sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0;
 padding: 0;
}

p {
 font-family:Helvetica, Arial, sans-serif;
 font-size: 100%;
 color: #444;
 margin: 10px 0;
 padding: 0;
 line-height:1.5;
}

blockquote {
margin:30px 20px;
font-size:100%;
font-weight:bold;
line-height:1.5;
}

ul{
list-style-type:dot ;
margin-left: 20px ;
font-size:100%;
line-height:1.5;
}

ul.notes{
list-style-type:none ;
}



label{
 font-family: Helvetica, Arial, sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* MAIN LAYOUT STYLES                              */
/***********************************************/

#container {
width: 720px;
margin: 0 auto;
padding: 0;
text-align:left;
background-color: #fff;
}

#header {
margin-top: 20px ;
padding: 45px 0 20px 20px;
background-image:url(img/head_1201.gif);
}

#main {
clear: both
}

#content {
float:left;
margin: 0;
padding: 0 10px 0 0;
width: 515px;
}

#rightside {
float: right;
width: 180px;
margin: 0;
padding: 0;
}


#footer {
clear: both;
width: 100%;
margin:-top: 100px;
margin-bottom:20px;
padding: 10px 0 0 0;
border-top: 1px solid #777;
text-align: center;
font-size:80%;
}

/*************************
  CLEAR HACKS
*************************/

.clear:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear { display: inline-table; }
/* *Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* *End hide from IE-mac */

/***********************************************/
/* header                             */
/***********************************************/

#header h1 {
 margin: 0;
 color:#fff;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"
}

#header h2 {
margin: 6px 0 0 0;
}

#header p {
margin: 0 ;
}

#header a {
 color:#333;
 text-decoration:none;
}

#header a:hover{
 color:#333;
text-decoration: underline;
}

.intro {
font-weight: normal;
font-size: 80%;
color:#333;
}

.intro a {
color:#36C;
}

/***********************************************/
/* category(menu)                 */
/***********************************************/

#category {
margin-bottom:30px;
padding: 8px 5px ;
height:10px;
background: transparent url(img/bg_category_yellow.jpg) repeat-x 0 0;
border:solid 1px #F1E688;
color:#FFF;
}

#category a {
display:block;
float:left;
padding:0 6px;
font-size:90%;
color:#3C3C3C;
}

div.intro  {
margin-bottom: 10px;
padding: 5px 10px;
background-color: #FFCC99;
border-top :solid 1px #FF9933;
border-bottom :solid 1px #FF9933;
text-align: center ;
font-size:100%;
font-weight: normal;
line-height:1.4;
}

div.intro a {
color:#36C;
}

/***********************************************/
/* content                             */
/***********************************************/

#content p {
font-size:105%;
color:#444;
}

#content p.detail {
margin: 15px 0 ;
padding:10px ;
border-top: 1px dotted #A6A6A9;
border-bottom: 1px dotted #A6A6A9;
font-size:100%;
color:#808080
line-height:1.2;
}

#content p.extended {
margin-top: 15px;
margin-bottom: 50px;
font-size:100%;
color:#333;
line-height:1.4;
}

#content p.intro {
font-size: 90%;
}

#content p.goto {
text-align:right;
font-size:80%;
}


#content h3 {
font-weight:bold;
margin-bottom: 10px;
}

#content h3.entry-header {
font-weight:bold;
line-height:1.5;
padding:10px 0 ;
border-top: 4px solid #006;
border-bottom:1px solid #ccc;
}

.cate  {
font-size:80%;
font-weight:normal;
color:#666;
}


#content ul.maintext{
list-style-type:circle;
margin-left:25px;
font-size:105%;
line-height:1.5;
}

#content ul.lower-alpha {
list-style-type:lower-alpha;
margin-left:25px;
font-size:105%;
line-height:1.5;
}

#content ul.post{
list-style-image:url(img/list_entry.gif);
}

#content ol li {
margin-left:25px;
font-size:105%;
line-height:1.5;
}

#content ol li p {
margin-left:-25px;
font-size:95%;
}


/*Archive*/

#content h2.archivetitle {
margin-bottom:30px;
font-size:120%;
color:#333;
}


/*category_archive*/
#catetitle h2 {
margin: 0;
padding:10px 0 ;
border-top: 4px solid #006;
border-bottom:1px solid #ccc;
font-size:120%;
color:#006;
font-weight:bold;
line-height:1.5;
}

#catetitle p.cate {
margin-bottom:20px;
font-size:100%;
}

#content .entry p {
font-size:100%;
line-height:1.2;
color:#666;
}


/*entry_archive*/
.date {
font-size:80%;
color:#666;
font-weight:normal;
}

#catetitle p.cate {
margin-bottom:20px;
font-size:100%;
}

#content .entry p {
font-size:100%;
line-height:1.2;
color:#666;
}

.tt { font-family: monospace; }

/* tableの書式 */

table {
width: 95%;
overflow: auto;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
border-top: 1px solid gray;
border-left: 1px solid gray;
background: #fff;
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 10px;
padding: 0;
}


html>body table { border-collapse: separate; }

th {
padding: 5px;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
background-color: #ccf;
color: #666;
font-size: small;
font-weight: normal;
text-align: left;
}

td {
padding: 5px;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
text-align: left;
font-size: small;
}

td li {
margin-left: 10px ;
}

html>body th, html>body td { line-height: 1.3; font-size: small; }
td dd { margin-left: 0; }

/*trackbacks*/

#content h2#trackbacks {
font-size:80%;
color:#b2cbff;
border-bottom:dotted 1px #b2cbff;
margin-top:30px;
}

#content #tbdata h3 {
font-size:12px;
color:#888;
margin-bottom:0;
}

#content #tbdata p {
font-size:12px;
color:#888;
margin-top:5px;
margin-bottom:0;

}

/***********************************************/
/* rightside                             */
/***********************************************/

#rightside h2{
padding:5px 5px 5px 10px;
font-size:100%;
color:#333 ;
background-image:url(img/header_right.gif);
border-bottom: solid 1px #999;
}

.menu {
margin-bottom: 15px;
border: 1px solid #80B9B2;}

.menu p {
padding:0 5px 5px 10px;
line-height:1.2;
}

.menu img {
margin: 0;
border: none;
}


#feed ul li {
margin: 5px 0;
list-style-type:none;
font-family:Helvetica, Arial, sans-serif;
font-size:90%;
}