@charset "EUC-JP";


/*
Theme Name: PRIMERA
Version: 1.1
Author: kyosuke taki
Author URI: http://tripers.org/
LastUpdate: 2006/03/14
*/


/* --------------- Reset --------------- */

* {
margin: 0;
padding: 0;
}


/* --------------- Basic --------------- */

body {
background: #F1F1F1;
font: normal 84.5%/160% Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯", HiraKakuPro-W3, Osaka, sans-serif;
color: #333333;
text-align: center;
margin: 10px 0;
}

body div {
text-align: left;
margin: 0 auto;
}

a,a:link,
a:visited {
color: #0000ff;
text-decoration: none;
}

a:active,
a:hover {
color: #FFA500;
text-decoration: underline;
}

p {
font-weight: normal;
margin: 1em 0;
}

h1, h2, h3, h4 {
font-weight: normal;
font-style: normal;
}

ul li {
list-style-type: none;
margin: 0;
padding: 0;
}

ol li {
list-style-type: decimal;
margin: 0;
padding: 0;
}

img,a img {
border: none;
}

em {
color: #F8A000;
font-style: normal;
font-weight: bold;
}

strong {
font-style: normal;
font-weight: bold;
}

ins {
font-style: normal;
color: #D2691E;
margin: 0;
padding: 0;
}

.post pre {
font: normal 100%/130% "Courier New", Courier, mono-space;
color: #708090;
overflow: scroll;
background: #FCFCFC;
width: 100%;
margin: 10px auto;
padding: 10px 5px;
border: 1px solid #DDD;
}

#contents p code {
background: #FCFCFC;
font-size: 100%;
border: 1px dotted #DDD;
}

#contents pre code {
color: inherit;
background: transparent;
border: none;
}

cite {
font-style: normal;
margin: 10px 0;
}

blockquote {
background: transparent;
font: normal 100%/170% Verdana, Helvetica, sans-serif;
color: #333;
margin: 10px 10px 10px 0px;
padding: 0 10px;
border-left: 2px solid #cc9966;
}



/* --------------- Box Layouts --------------- */

#Wrapper {
background: #FFF url(http://hokei.sakuraweb.com/template/tbg_m.gif) repeat-y;
width: 750px;
}

#sideber {
background: transparent;
width: 200px;
float: right;
}

#contents {
background: transparent;
width: 540px;
float: left;
}

#footer {
clear: both;
background: #FFF url(http://hokei.sakuraweb.com/template/tbg_b02.gif) no-repeat;
height: 50px;
width: 750px;
}



/* --------------- Headings (2)(19)(20) --------------- */


h1#title a:link, a:visited
{color: #333;
}

h1#title a:active, a:hover {
color: #F60; text-decoration: none;
}

h1#title {
background: transparent url(http://hokei.sakuraweb.com/template/tbg_h.gif) no-repeat;
font: normal 14px/100% "Lucida Sans Unicode", Georgia, serif;
text-align: left;
letter-spacing: 8px;
color: #444;
width: 750px;
margin: 0 auto;
padding: 15px 0 10px 25px;
}

h2#title a:link, a:visited
{color: #333;
}

h2#title a:active, a:hover {
color: #F60; text-decoration: none;
}

h2#title {
background: transparent url(http://hokei.sakuraweb.com/template/tbg_h.gif) no-repeat;
font: normal 14px/100% "Lucida Sans Unicode", Georgia, serif;
text-align: left;
letter-spacing: 8px;
color: #444;
width: 750px;
margin: 0 auto;
padding: 15px 0 10px 25px;
}


h2.entry_title a:link,
h2.entry_title a:visited {
color: #333; text-decoration: none;
}

h2.entry_title a:active,
h2.entry_title a:hover {
color: #333; text-decoration: none;
}

#contents h2.entry_title {
background: transparent url(http://hokei.sakuraweb.com/template/dot_bg04.gif) repeat;
color: #333;
font: bold 100%/200% Verdana, Helvetica, sans-serif;
margin: 0;
padding: 2px 0 2px 5px;
border-top: 2px solid #009BCD;
}

#contents h1.entry_title {
background: transparent url(http://hokei.sakuraweb.com/template/dot_bg04.gif) repeat;
color: #333;
font: bold 100%/200% Verdana, Helvetica, sans-serif;
margin: 0;
padding: 2px 0 2px 5px;
border-top: 2px solid #009BCD;
}

#contents h1.entry_title a:link,
#contents h1.entry_title a:visited {
color: #333; text-decoration: none;
}

#contents h1.entry_title a:active,
#contents h1.entry_title a:hover {
color: #333; text-decoration: none;
}
h3.date {
font: bold 12px Georgia, Times, serif;
color: #777;
text-align: right;
margin: -24px 5px 0 0;
padding: 0;
}



/* --------------- Globalnavi (17) --------------- */

#navbox {
background: transparent url(http://hokei.sakuraweb.com/template/tbg_n.gif) no-repeat;
width: 750px;
height: 110px;
margin: 0;
padding: 0;
}

ul#globalnav {
margin-right: 15px;
padding-top: 10px;
}

#globalnav li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#globalnav a:link, #globalnav a:visited {
float: right;
font: normal 12px/100% Arial, Verdana, Helvetica, sans-serif;
letter-spacing: .5px;
text-decoration: none;
color: #DDD;
margin: 4px 10px 0 10px;
padding: 2px 1px 3px 1px;
}

#globalnav a:hover {
color: #FFF;
margin: 4px 10px 0 10px;
padding: 2px 1px 4px 1px;
border-bottom: 2px solid #FF7F00;
}


.topgoogle{
margin: 30px 0px 0px 508px;
padding:0px;

}


/* --------------- Main Contents (3)(4)(6)(11) --------------- */

.post a:link,
.post a:visited {
color: #0000ff;
text-decoration: underline;
}

.post a:hover {
color: #FFA500;
text-decoration: underline;
}

.post {
background: transparent;
color: #333333;
margin: 0 15px 0 25px;
padding: 0;
}

.post_body li {
margin: 0;
padding: 0;
}

.post_body ol {
margin-left: 40px;
padding: 0;
}

.post_body {
background: transparent;
margin: 0;
padding: 20px 0px 15px 10px;
}

.post_body td{
font: normal 84.5%/160% Verdana, Helvetica, sans-serif;
color: #333;
margin: 0;
padding: 5px;
}

.post_body img {

}


.post_more {
padding: 10px 0px 30px 10px;
}

.post_state {
color: #4682B4;
font-size: 11px;
margin: 0;
padding: 0px 0px 10px 10px;
}

span.catnam a:link,
span.catnam a:visited {
color: #BF404A;
}

span.catnam a:active,
span.catnam a:hover {
color: #990000;
}

.post_body h3,
.post_more h3 {
font: bold 120%/200% Verdana, Helvetica, sans-serif;
color: #333;
margin: 0;
padding: 0 0 0 10px;
border-left:3px solid #990000;
}

.post_body h4,
.post_more h4 {
font: bold 110%/200% Verdana, Helvetica, sans-serif;
color: #333;
margin: 0;
padding: 0 0 0 10px;
border-left:5px solid #990000;
}

.exam {
font: normal 100%/200% Verdana, Helvetica, sans-serif;
color: #333;
margin: 0;
padding: 5px;
background-color: #ffffcc;
width:450px;
}


.top_title{
color:#ffffff;
background-color: #cc9966;
margin: 0px 0px 10px 0px;
padding: 3px 10px;
width:250px;
font-weight: bold;
}

.stitle{
font: bold 110%/200% Verdana, Helvetica, sans-serif;
color: #333;
margin: 0;
padding: 0 0 0 10px;
border-left:5px solid #ff9900;
}


.btitle{
font: bold 100%/200% Verdana, Helvetica, sans-serif;
color: #333;
margin: 0;
padding: 2px 10px;
border:1px solid #cccccc;
background-color: #eeeeee;
width:250px;
}

.drag{
margin: 0px 0px 15px 0px;
padding: 20px 0px 15px 10px;
width: 460px;
border-bottom:1px dotted #cccccc;
}

.drag_left{
width: 120px;
float: left;
}

.drag_right{
width: 330px;
float: right;
}

.drag_title{
font: bold 100%/200% Verdana, Helvetica, sans-serif;
color: #333;
margin: 0;
padding: 5px 10px;
border:1px solid #cccccc;
}

/* --------------- Navigations (12)(13)(14) --------------- */

p.entry_navi {
font-size: 11px;
color: #8A9696;
margin-top: 5px;
padding: 0;
}

p.bottom_navi {
font-size: 11px;
color: #8A9696;
margin: 0 0 10px 0;
padding: 0 0 10px 10px;
}

p.pagenavi a:link,
.pagenavi a:visited {
color: #94B3C5;
text-decoration: none;
}

p.pagenavi a:hover,
.pagenavi a:active {
color: #F8A76A;
text-decoration: none;
}

p.pagenavi {
background: transparent url(http://hokei.sakuraweb.com/template/dot_bg.gif) left top repeat-x;
font: bold 11px Georgia, Times, serif;
color: #AB6666;
text-align: center;
letter-spacing: 2px;
margin: 0;
padding: 15px 0;
}


/* --------------- Comments (18) --------------- */

.comment {
background: transparent;
color: #708090;
margin: 0 0 0 0;
padding: 0;
}

.comment p.comment_title {
background: transparent url(http://hokei.sakuraweb.com/template/dot_bg.gif) left top repeat-x;
font: bold 12px/180% Arial, Helvetica, sans-serif;
color: #8A9696;
margin: 0;
padding-top: 20px;
}

.comment dl.comment_body {
background: #FEFEFE;
margin-bottom: 10px;
padding: 0 7px;
border: 1px solid #DDD;
}

.comment_body dt {
background: #FEFEFE;
margin: 0;
padding: 3px 5px;
border-bottom: 1px solid #DDD;
}

.comment_body dd {
background: #FEFEFE;
line-height: 165%;
margin: 0;
padding: 10px 5px;
}

.comment textarea {
font-size: 100%;
color: #556;
}

dd.comment_author {
text-align: left;
color: #556;
margin: 0 5px;
padding: 5px 0 5px 10px;
border-bottom: 1px solid #DDD;
}


/* --------------- Comment Forms (8) --------------- */

dl.commentform {
font: normal 100%/100% Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

.commentform dt {
font: normal 12px/160% Arial, Helvetica, sans-serif; Helvetica, sans-serif;
color: #8A9696;
text-align: left;
margin: 0;
padding: 2px 0;
}

.commentform dd #name, #email, #url, #description {
background: #FFF;
border: 1px solid #DDD;
}

.commentform dd #name, #email, #url {
font: normal 13px/100% Verdana, Helvetica, sans-serif;
color: #778;
height: 22px;
width: 250px;
}

.commentform dd #description {
font: normal 100%/100% Arial, Helvetica, sans-serif;
height: 150px;
width: 370px;
}

.comment input.button {
font: normal 14px Arial, Helvetica, sans-serif;serif;
color: #778;
margin-top: 5px;
}

/* --------------- Trackbacks (9)(21) --------------- */

.comment p.tbform {
font: bold 12px/180% Arial, Helvetica, sans-serif;
color: #8A9696;
margin: 0;
padding-top: 20px;
}

dl.tb_entry {
background: #FFF;
margin-bottom: 10px;
padding: 0 7px;
border: 1px solid #DDD;
}

dt.tbtitle {
background: #FFF;
margin: 0;
padding: 3px 5px;
border-bottom: 1px solid #DDD;
}

dl.tb_entry dd {
background: #FFF;
line-height: 165%;
margin: 0;
padding: 10px 5px;
}

dl.tb_entry dd.tb_author {
background: #FFF;
color: #AB6666;
margin: 0;
padding: 3px 5px;
border-top: 1px solid #DDD;
}

p.tburi {
font: bold 90%/180% Arial, Helvetica, sans-serif;
color: #8A9696;
margin-top: 20px;
}

p.trackback_uri {
font: bold 13px/180% Arial, Helvetica, sans-serif;
color: #D17200;
letter-spacing: .5px;
margin: 0;
}


/* --------------- Profiles (10) --------------- */

#about {
background: transparent;
margin: 0;
padding: 0;
}

.about_body {
background: transparent;
line-height: 165%;
margin: 0;
padding: 0;
}

#contents h2.about_title {
background: transparent url(http://hokei.sakuraweb.com/template/dot_bg04.gif) repeat;
color: #333333;
font: bold 100%/200% Verdana, Helvetica, sans-serif;
text-decoration: none;
margin: 0;
padding: 2px 0 2px 5px;
border-top: 2px solid #009BCD;
}

.about_mark {
background: transparent;
color: #333333;
font: bold 110%/100% Verdana, Helvetica, sans-serif;
margin:20px 0 0 0 ;
padding-left: 7px;
border-left: 7px solid #FF9933;
}


/* --------------- Iamges --------------- */

img.pict {
background: transparent;
display: block;
float: left;
margin: 0px 15px 5px 0;
padding: 0px;
border: 0px solid #EEE;
}

img.thumb {
background: transparent;
display: block;
float: left;
clear: left;
margin: 15px 15px 5px 0;
padding: 4px;
border: 1px solid #EEE;
}


/* --------------- Sideber (5) --------------- */

#sideber {
color: #778;
margin: 0;
padding: 0;
width:200px;
}

#sideber h3.linktitle {
background: transparent url(http://hokei.sakuraweb.com/template/dot_bg04.gif) repeat;
font: bold 12px/180% "Trebuchet MS", Monaco, sans-serif;
text-transform: uppercase;
letter-spacing: 5px;
color: #444;
margin: 0 8px 0 0;
padding: 2px 0 2px 10px;
border-top: 2px solid #009BCD;

}


.linktext{
color: #333;
margin: 0 0 20px 0px;
padding: 0 0 0 20px;
}


#sideber ul {
background: transparent;
margin:  0;
padding: 0;
list-style: none;
}


#sideber li a:link,
#sideber li a:visited {
font: normal 12px/190% Verdana, Helvetica, sans-serif;
color: #0000ff;
text-decoration: underline;
border-left:5px solid #ffffff;
width:192px;
display: block;
margin-right:10px;
padding:2px 0 2px 20px;
}

#sideber li a:active,
#sideber li a:hover {
color: #333366;
border-left:5px solid #009BCD;
background-color:#eeeeee;
text-decoration: none;
padding:2px 0 2px 20px;
}

#sideber ul li {
font: normal 12px/190% Verdana, Helvetica, sans-serif;
list-style-type: none;
display: inline;
}

/* --------------- Searchs (16) --------------- */

#sideber p.search {
background: transparent;
color: #AAA;
font: normal 11px Verdana, Helvetica, sans-serif;
text-align: center;
margin: 0;
padding-bottom: 15px;
}


/* --------------- Counters (22) --------------- */

.counter {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
margin: 0;
padding-bottom: 5px;
}


/* --------------- Footer Address (15) --------------- */

address a:link,
address a:visited {
color: #777;
}

address a:active,
address a:hover {
color: #FFA500;
text-decoration: underline;
}

address {
font-style: normal;
text-align: center;
color: #777;
font-size: 9px;
margin: 0;
padding-top: 10px;
}


/* ---------------  IE5.x/Win hacks ---------------  */

html>body .post pre {overflow: auto; width: 98%;}
html>body .comment input.button {padding: 3px 5px;}


* { box-sizing : border-box}
* { -moz-box-sizing : border-box}