/*
Theme Name: miraiBlog
Theme URI: http://phpbb.xwd.jp/viewforum.php?f=20
Description: This theme uses it to test for ME. based on the famous <a href="http://www.northern-web-coders.de/">Northern-Web-Coders</a>.
Version: 1.1
Author: WordPress Japan
Rewrite: Masami Arakawa
Author URI: http://wordpress.xwd.jp/
Rewriter URI: http://www.technoweave.com/
*/

/** default setting **/
* {
	margin:0;
	padding:0;
	border:0;
	font-size:14px;
}
.clearfix {
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after { /*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
body {
background-color:#EAF6FA;
}
/** default setting over **/

/** added by M.Arakawa 081110 **/
h5 {
	border-bottom:solid 1px #80cde3;
	width:560px;
	padding:3px 1px;
	font-size:100%;
	color:#009fc9;
	margin:3px 0 5px 0;
	clear:both;
}
.commentcontainer {
	padding:1em;
	margin:1em 0;
	border-bottom:dotted 2px #3366CC;
}
.commentcontainer h3 {
	border-left:solid 6px #80cde3;
	border-bottom:solid 1px #80cde3;
	border-right:solid 1px #80cde3;
	border-top:solid 1px #80cde3;
	margin:10px 0 15px 0;
	line-height:1.8;
	background:#F9F9EC;
}
.commentcontainer h3 a {
	text-decoration:none;
	padding:7px 5px;
	font-size:120%;
	color:#009fc9;
}
.commentcontainer h3 a:hover {
	text-decoration:underline;
}
ol.commentlistclass#commentlist	{
	list-style:none;
	text-align:left;
}
ol.commentlistclass#commentlist li {
}
ol.commentlistclass#commentlist li a {
	color:gray;
	text-decoration:none;
	font-size:100%;
}
/** added by M.Arakawa 081110 over **/

/** added by M.Arakawa 081113 **/
p.comment-meta {
	font-size:70%;
	text-align:right;
}
.comFormName {
	background-color:#fff;
	border:solid 1px #dadada;
	line-height:1em;
	width:300px;
}
.comFormMail {
	background-color:#fff;
	border:solid 1px #dadada;
	line-height:1em;
	width:300px;
}
.comFormBody {
	background-color:#fff;
	border:solid 1px #dadada;
	line-height:1em;
	width:300px;
	height:90px;
}
.comFormBtn {
	background-color:#fff;
    border:solid 1px #dadada;
    line-height:1em;
}
.on{
    display:inline;
    margin:0em 0.5em;
    color:#3399ff;
}
/* fieldset */
fieldset#commentset{
    margin-bottom:1em;
    padding-top:0.5em;
}
legend#comment{
    margin:0em;
}
/* フォーム */
input.forms{
    color:#808080;
    background-color:#eee;
    border:solid 1px #dadada;
    line-height:1em;
    width:16em;
}
input.button{
    color:#ffffff;
    background-color:#808080;
    border:0 #808080 solid;
    line-height:1.5em;
    padding:0em ;
    text-align:center;
}
form{
    border:solid 1px #ccc;
    padding:1em;
    text-align:center;
    margin:0px;
}
td.koumoku {
	width:11em;
	background-color:lightgray;
	text-align: left;
	}
/** added by M.Arakawa 081113 over **/

#wrapper{margin:0 auto;

width:800px;

padding:0 10px;

background:url(img/kage.gif) repeat-y;

}



h1{background:url(img/h1_bg.jpg);

width:800px;

height:20px;

text-align:center;

color:#FFF;

padding-top:7px;

font-size:95%;}


/*ここからメニュー*/

#menu{width:160px;

background:url(img/menu_bg.jpg) top repeat-x #b9e3f9;

float:left;

}

.accordion_toggle{
cursor:pointer;
}




/*ここから右ヘッダーと右メニュー*/



#inmain{float:right;

width:620px;}



#inmain ul{list-style:none;

clear:both;

padding-top:6px;

text-align:right;

height:16px;}

#inmain ul li{display:inline;

font-size:10px;

}

#inmain ul li a{color:#FFF;

text-decoration:none;

font-size:10px;

margin-right:20px;

}



#naiyou{width:590px;

margin:15px 10px 10px 10px;}



/*ここからお知らせ*/



#osirase{

width:565px;

height:120px;

margin:10px 0;

padding:0 10px;

border:1px #CCC solid;

overflow:auto;

}



#osirase p{line-height:1.4;}



/*ここから「ようこそ未来のホームページへ」DIV*/

#youkoso{width:582px;

border-left:1px solid #009fc9;

border-right:1px solid #009fc9;

clear:both;}



#youkoso div img{margin-bottom:10px;}



#name{font-size:87.5%;}

#name a{text-decoration:none;}



/*ここから「真面目な水のブログ最新記賛 */

#new-blog{width:540px;

padding:15px 22px;

background-color:#eaf6fd;}



/*ここからフッター*/



#footer{background:url(img/footer_bg.gif) repeat-y;

width:755px;

padding:10px 10px 20px 35px;

clear:both;}



#footer-l{width:150px;}

#footer-l a{color:#FFF;

text-decoration:none;

font-size:87.5%;

line-height:1.6;}

#footer p{color:#FFF;

font-size:100%;

line-height:1.5;}





/*ここからテキスト・位置指朕*/

.m-tb-11{margin:11px 0;}

.f-r{float:right;}

.f-l{float:left;}

.f-l_m-rl-10{float:left;

margin:0 10px;}

.a-r{text-align:right;}



.txt1{width:360px;

padding:0 0 10px 15px;

font-size:100%;

line-height:1.5;

}

#main{background:url(img/main_bg2.gif) repeat-x;
width:780px;
padding-left:20px;
clear:both;}


/*テキスト・位置指朕 */

h4{border-left:solid 15px #80cde3;
border-bottom:solid 2px #80cde3;
width:560px;
padding:7px 5px;
font-size:120%;
color:#009fc9;
margin:10px 0 15px 0;
clear:both;}


.txt2{font-size:75%;
line-height:1.5;
padding:0 20px 10px 20px;
clear:both;}

.txt3{font-size:100%;
line-height:1.6;
padding:10px 20px 20px 25px;}

.txt4{font-size:75%;
line-height:1.5;
padding:0 20px 10px 0;
width:300px;}

.txt5{font-size:75%;
line-height:1.5;
padding:0 20px 10px 20px;}

.txt6{font-weight:bold;
padding:3px 0;
display:block;
font-size:100%;}

.txt7{font-size:75%;
line-height:2;
padding:0 20px 10px 20px;
clear:both;}

.txt8{color:#003399;
font-size:130%;}
.txt-red{color:#FF0000;
font-size:120%;}

.txt-l{text-align:left;
padding-left:10px;}


.t1{width:520px;
text-align:center;}
.t2{width:490px;
margin-left:20px;}
.t2 td{line-height:1.4;
font-size:75%;
padding-left:5px;}

.t3{text-align:center;
width:550px;
clear:both;
margin-bottom:10px;}
.t3 td{font-size:75%;
padding:5px;}

.a1{font-size:100%;}

.tit{clear:both;
margin-bottom:10px;}
.photo-r{float:right;
border-left:10px solid #fff;
border-bottom:10px solid #fff;}
.photo-l{float:left;}
.c-b{clear:both;
margin:10px;}
.m-10{margin:10px;}
.m-l-20{margin-left:20px;}
.p-t-10{padding-top:10px;
font-size:100%;
display:block;}
.line-b{border-bottom:1px solid #0099CC;
padding:0 15px 10px 15px;
margin:0 15px 10px 15px;
clear:both;
zoom:1;/*for IE 5.5-7*/}

.line-b:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

.wrap-d{width:540px;
margin:5px 10px;
padding:5px 5px 5px 20px;
border:1px solid #0066FF;
clear:both;
zoom:1;/*for IE 5.5-7*/}

.wrap-d:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

.d-r{float:right;
width:350px;}
.d-r p{font-size:75%;
line-height:1.4;
padding-bottom:10px;}

.d-r p a{font-size:100%;}

#inmain .post-categories li a {
color:#333;
margin-right:1em;
}

.blogcontainer{
padding:1em;
margin:1em 0;
/** border-bottom:dotted 2px #3366CC; **/
}


.blogcontainer h3{
border-left:solid 6px #80cde3;
border-bottom:solid 1px #80cde3;
border-right:solid 1px #80cde3;
border-top:solid 1px #80cde3;
margin:10px 0 15px 0;
line-height:1.8;
background:#F9F9EC;
}

.blogcontainer h3 a{
text-decoration:none;
padding:7px 5px;
font-size:120%;
color:#009fc9;
}

.blogcontainer h3 a:hover{
text-decoration:underline;
}

.blogcontent{
padding:.5em 2em .5em 1em;
}


.date{
font-size:87.5%;
color:#666;
}

.page_nav{
text-align:right;
}

/* アーカイブ */

#archives-box{
margin-top:20px;
}

.archives-title{
margin:.5em 0;
background:#80CDE3;
line-height:1.5;
padding-left:.6em;
color:#FFF;
font-size:87.5%;
}

.archives-text{
}

.archives-text ul li{
list-style:disc inside;
line-height:1.4;
padding:0 .25em;
text-indent:0;
margin-bottom:.25em;
}

.archives-text ul li a{
font-size:87.5%;
}

#naiyou{
line-height:1.6;
}