@charset "UTF-8";
/*
Theme Name: simple theme
Theme URI: http://suirakukai.com/
Description: simple theme
Version: 1.0
Author:  maako
Author URI: http://suirakukai.com/
*/
/*=======================================
	base
=======================================*/
/* for IE6 hack */
* html body {
background: #fff;
font: 90% arial,helvetica,clean,sans-serif;
line-height: 1.6em;
color: #666666;
}
body {
background: url("images/slash.png");
font: 90% arial,helvetica,clean,sans-serif;
line-height: 1.7em;
color: #666666;
}
h1,h2,h3,h4,h5 {
margin: 0 0 1em 0;
padding: 0;
font-size: 100%;
}
ul {
list-style-type: none;
}
ol {
}
pre {
font-family: tahoma, arial;
background: #f2f2f2;
width: 95%;
height: 100%;
border: 1px solid #dcdcdc;
margin: 1em auto;
padding: 1em 1em;
overflow: auto;
white-space: pre-wrap;       /* css-3 */
/*white-space: -moz-pre-wrap; */ /* Mozilla, since 1999 */
/*white-space: -pre-wrap;*/      /* Opera 4-6 */
/*white-space: -o-pre-wrap;*/    /* Opera 7 */
}
code {
font-family: tahoma, arial;
color: #666;
/*white-space: pre;*/
/*display: block;*/
}
code br {
display: none;
}
dl {
line-height: 1.7em;
margin: 0 0 1em 0;
}
dt {
font-weight: bold;
margin: 1em 0 1em 2em;
}
dd {
margin: 0 3em 0 4em;
}
/**** list (refer) ****/
li.refer {   
list-style-type: none;
background : transparent url("images/page_white_text.gif") no-repeat scroll left center;
list-style-position : inside;
margin-left: 0px;
padding-left : 25px;
}
  
blockquote {
border-left: 5px solid #d3d3d3;
padding: 5px 10px;
background-color: #f5f5f5;
}

/*--------------------------------------
	img
---------------------------------------*/
img {
border: 0;
vertical-align: text-bottom;
}
.img_L {
margin-right: 1em!important;
margin-top: 1em!important;
float: left;
}
.img_R {
margin-left: 1em!important;
margin-top: 1em!important;
float: right;
}
/*float: left; での最後*/
.img_last {
margin-top: 1em!important;
margin-left: 0!important;
}
.clear {
display: block;
clear: both;
}

/*--------------------------------------
	link
---------------------------------------*/
a:link {
color: #4682b4;
text-decoration: underline;
}
a:visited {
color: #6699cc;
text-decoration: underline;
}
a:hover {
color: #3399ff;
text-decoration: none;
}
a:active {
}

/*=======================================
	 header
=======================================*/
/* for IE6 hack */
* html body div#header {
width: 750px;
height: 90px;
margin: 0 auto;
background: url("images/header_bg_blue_forIE.gif") no-repeat;      
}
div#header {
width: 750px;
height: 90px;
margin: 0 auto;
background: url("images/header_bg_blue.png") no-repeat;
}
/**** site title ****/
div#header h1#siteName {
margin: 0;
padding: 25px 0 0 28px;/*25px 28px 0*/
line-height: 1;
font-size: 144%;
font-weight: bold;
}
div#header h1#siteName a {
text-decoration: none;
}
div#header h1#siteName a:hover {
}
div#header p.description {
margin: 0px;
padding: 0 0 0 28px;/*0.3em 28px 0*/
font-size: 92%;
}
/*=======================================
	contents
=======================================*/
* html body div#contents {
width: 750px;
background: url("images/contents_bg_forIE.gif") repeat-y;
margin: 0 auto;
padding: 0;
}
div#contents {
width: 750px;
background: url("images/contents_bg.png") repeat-y;
margin: 0 auto;
padding: 0;
}
/**** clearfix ****/
#contents:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
/*======================================
	main(left side)
=======================================*/
/* for IE6 hack */
* html body div#main {
width: 495px;
float: left;
margin: 0px 0px 0px 10px;
padding: 0px;
}
div#main {
width: 500px;
float: left;
margin: 0px 0px 0px 15px;
padding: 0px;
}
/**** Topic Path ****/
p.topicPath {
margin: 0 0 5px 25px;/*0.7em 30px 1em*/
font-size: 90%;
}
p.topicPath span.current {
padding: 0 0.5em;
background: #f0f8ff;
border: 1px solid #4682b4;
color: #666;
}

/*--------------------------------------
	entry
---------------------------------------*/
/* for IE6 hack */
* html body div.entryBody {
width: 480px;
margin: 0px 10px 0px 15px;
padding: 0;
background: #fff;
display: block;
}
div.entryBody {
width: 470px;
margin: 0px 0px 0px 20px;
padding: 0;
background: #fff;
display: block;
}
/**** entry title ****/
div.entryBody h2 {
font-size: 120%;
margin-bottom: 5px;
padding-bottom: 10px;
border-bottom: 1px solid #dcdcdc;
}
div.entryBody h2 a {
text-decoration: none;
color: #4682b4;
}
div.entryBody h2 a:visited {
color: #6699cc;
text-decoration: none;
}
div.entryBody h2 a:hover {
color: #3399ff;
}

/*--------------------------------------
	 entry text
---------------------------------------*/
/**** entry_text box ****/
div.entry_text {
margin-top: 15px;
}
/**** post,name ****/
div.date_auth {
margin: 0px;
}
div.date_auth p{
font-size: 0.9em;
line-height: 0.9em;
text-align: right;
margin-right: 5px;
}

/**** text ****/
div.entry_text h3 {
font-size: 105%;
margin: 1em 0 1em 0;
padding: 3px 0 3px 15px;
border-left: 3px solid #696969;
}/*signleでは、h2 に相当*/

div.entry_text h4 {
font-size: 100%;
margin: 1em 0 1em 0;
padding: 2px 0 2px 15px;
border-left: 3px solid #808080;
}/*signleでは、h3 に相当*/

div.entry_text p{
text-align: left;
margin: 1em 0;
padding: 0px;
} 
div.entry_text ul {
list-style-type: circle; 
}
      
/**** post_meta(tag) ****/
div.post_meta {
}
div.post_meta p{
text-align: right;
margin-right: 5px;
}

/**** comments,TB ****/
div.com_tb {
clear: both;
}
div.com_tb p{
text-align: right;
margin-right: 5px;
}

/**** return ****/
div.return {
margin-top: 0px;
}
div.return p {
font-size: 90%;
text-align: right;
margin-right: 5px;
}

/**** link img ****/
div.entryBody a img {
border: 2px solid #f0f8ff;
}

div.entryBody a:hover img {
border: 2px solid #778899;
}

/*======================================
	sidebar
=======================================*/
/* for IE6 hack */
* html body div#side {
width: 200px;
float: right;
margin: 0 10px 0 0;
padding: 0px 0px 0px 0px;
background: #fff;
}
div#side {
width: 200px;
float: right;
margin: 0 20px 0 0;
padding: 0px 0px 0px 0px;
background: #fff;
}
div#side h2 {
margin: 0;
padding: 3px 10px;
background: #f0f8ff;
border: 1px solid #f2f2f2;
font-size: 100%;
}
div#side ul {
list-style: none;
margin: 0;
padding: 0;
}
div#side li {
margin: 5px 0 5px 15px;
}

/**** search ****/
#search_box {
margin: 10px 0;
}
.SE4_btn {
background: #a9a9a9;
width: 50px;
height: 20px;
color: #fff;
font-weight: bold;
}
/**** RSS ****/
li.rss,li.atom {
list-style-type: none;
list-style-position: outside;        
}
li.rss a,
li.atom a {
padding-left: 15px;
background: url("images/feed-icon.gif") no-repeat;
background-position: 0 0.3em;
}

/*======================================
	footer
=======================================*/
* html body div#footer {
width: 750px;
height: 80px;
margin: 0 auto;
padding: 0px;
background: url("images/footer_sq.gif") no-repeat;
clear: both;
}
div#footer {
width: 750px;
height: 80px;
margin: 0 auto;
padding: 0px;
background: url("images/footer_sq.png") no-repeat;
clear: both;
}
address {
font-style: normal;
margin: 0;
padding-top: 10px;
text-align: center;
}
div#footer p {
margin: 0;
padding-top: 3px;
text-align: center;
}

/*======================================
	for single page
=======================================*/
div#header p.siteName {
margin: 0;/*for conditional tags*/
padding: 25px 0 0 28px;/*25px 28px 0*/
line-height: 1;
font-size: 144%;
font-weight: bold;
}
div#header p.siteName a {
text-decoration: none;
}
div#header p.siteName a:hover {
}

/*--------------------------------------
	for single page contents(otherOK)
---------------------------------------*/
/*contentsはそのままでOK*/
/* for IE6 hack */
* html body div#main_single {
width: 700px;
margin: 0px auto;
padding: 0;
}
div#main_single {
width: 700px;
margin: 0 auto;/*0px 25px 0px 25px*/
padding: 0;
background: #fff;
}

/*--------------------------------------
	 single entry
---------------------------------------*/
/* for IE6 hack */
* html body div.entry_body_single {
width: 660px;
margin: 20px 0px 0px 20px;
padding: 0;
}
div.entry_body_single {
width: 650px;
margin: 20px auto;
padding: 0;
}

/**** entry title ****/
div.entry_body_single h1 {
font-size: 120%;
margin-bottom: 5px;
padding-bottom: 10px;
border-bottom: 1px solid #dcdcdc;
}
div.entry_body_single h1 a {
text-decoration: none;
color: #4682b4;
}
div.entry_body_single h1 a:visited {
color: #6699cc;
text-decoration: none;
}
div.entry_body_single h1 a:hover {
color: #3399ff;
}
div.entry_text_single h2 {
font-size: 105%;
margin: 1em 0 1em 0;
padding: 3px 0 3px 15px;
border-left: 5px solid #696969;
}
div.entry_text_single h3 {
font-size: 100%;
margin: 1em 0 1em 0;
padding: 1px 0 1px 15px;
border-left: 5px solid #dcdcdc;
}
div.entry_text_single ul {
list-style-type: circle; 
}

/**** page navi ****/
div#pageNavi {
border: 1px solid #dcdcdc;
width: 95%;
margin: 10px 0 0 0;
padding: 0 10px;
}
div#pageNavi ul {
list-style-type: circle;
margin: 5px 0 5px 20px;
padding: 0;
}
/**** link img ****/
div.entry_body_single a img {
border: 2px solid #f0f8ff;
}

div.entry_body_single a:hover img {
border: 2px solid #b0c4de;
}

/*======================================
	 comments.php
=======================================*/
h2#comments {
font-size: 110%;
}
h3.comments {
font-size: 100%;
border-bottom: 1px solid #dcdcdc;
padding-bottom: 10px;
}
.commentlist {
width: 400px; 
background: #fff;       
}
div#comment_note ul{
list-style-type: circle;
}
div#tag_code {
border: 1px solid #b3b3b3;
background-color: #f9ffff;
width: 500px;
margin: 0 auto;
padding: 5px 15px;;
}
div#tag_code P {
font-size: 100%;
}
#author,
#email,
#url {
border: 1px solid #b3b3b3;
background-color: #f9ffff;
width: 320px;
}
#commentform #comment{
width: 100%;
height: 170px;
border: 1px solid #b3b3b3;
background-color: #f9ffff;
}
#commentform p {
padding: 0 0 5px;
}
input#submit {
border: 1px solid #778899;
height: 25px;
width: 80px;
color: #fff;
font-size: 120%;
font-weight: bold;
background: #4682b4;
margin: 2px 0 4px 0;
padding-bottom: 4px;
}

/**** trackbacks *****/
/* for IE6 hack */
* html body div#tb {
border: 1px solid #dcdcdc;
width: 95%;
margin: 10px 0 10px 0;
padding: 10px 10px;     
}
div#tb {
border: 1px solid #dcdcdc;
width: 95%;
margin: 10px 0 10px 0;
padding: 0 10px;     
}
div#tb p {
line-height: 1em;
}
div#tb p span {
border: 1px solid #dcdcdc;
padding: 3px 20px 3px 5px;
}

/*======================================
	for archive,category page
=======================================*/
/* for IE6 hack */
* html body div.entry_body_other {
width: 660px;
margin: 20px 0px 0px 20px;
padding: 0;
}
div.entry_body_other {
width: 650px;
margin: 0px auto;
padding: 0;
}

/**** #contents,#mainは single と共有 ****/
/**** entry title ****/
div.entry_body_other h1 {
font-size: 120%;       
}
div.entry_body_other h2 {
font-size: 120%;
margin-bottom: 5px;
padding-bottom: 10px;
border-bottom: 1px solid #dcdcdc;
}
div.entry_body_other h2 a {
text-decoration: none;
color: #4682b4;
}
div.entry_body_other h2 a:visited {
color: #6699cc;
text-decoration: none;
}
div.entry_body_other h2 a:hover {
color: #3399ff;
}