/*
Theme Name:Kokoko Theme
Theme URI:http://www.www.www/
Description:This is Kokoko-soft theme.
*/

*{
	padding:0px;
	margin:0px;
}
body  {
	font: 100% 
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	background:#FFEDED;
	line-height: 1.3em;
	min-width:600px;	/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
	word-break: break-all;
}
a {
	color:#369;
}
a:visited {
	color:#880088;
}
h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}
h3{
	margin-top:0em;
}
h1{
	font-size:200%}
p {
	margin:.4em 0 .8em 0;
	padding:0;
	
}
img {
	margin:0px;
	border-style:none;
}
a:hover {
	text-decoration:none;
}

/*--------------------------------------------------------------------------------
	container
--------------------------------------------------------------------------------*/
#container { 
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	width: 900px;
	background: #FFFFFF;
	border: 2px solid #000000;
	border-width: 0px 2px 1px 2px;
	text-align: left;
} 
/*--------------------------------------------------------------------------------
	header
--------------------------------------------------------------------------------*/
#header { 
	background-repeat:no-repeat;	
	background: #FFAAAA; 
	padding:0px 0 0 0px;
	margin-bottom:0px;
	border-bottom:4px solid #000;
}
#header img{
	margin:0;
}
#header p,
#header h1,
#header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}
#header h1 {
	margin: 0;
	padding: 10px 0;
}

/*--------------------------------------------------------------------------------
	sidebar2
--------------------------------------------------------------------------------*/
#sidebar2 {
	background-repeat:no-repeat;	
	background: #000; 
	padding:0px 0 0 0px;
	border-bottom:0px solid #000;
	height:30px;	
	text-align:center;
	margin:0px;
} 
#sidebar2 img {
	margin:0px;
	padding:0px;
	border-style:none;
}
#sidebar2 a {
	padding: 0px;	
	margin: 0px;	
	border-style:none;
}
#sidebar2 .active{
	background-color:#FFF;
}
/*--------------------------------------------------------------------------------
	content
--------------------------------------------------------------------------------*/
#content { 
	margin-left:0px;
/*	margin: -20px 230px 0 10px;*/
/*	background: #000; */
}

#content { 
	padding: 10px;
	margin-top:-20px;
	width:880px;	
} 
#content img {
	border-style:none;
}
#content strong{
	color	:	#ff0000;
}
#content .post{
	border:solid #330 2px;
	background-color:#FFF;
	margin-bottom:20px;
/*	padding:8px;*/
}
#content p{
	border-width:0px;
	border-style:solid;
	padding		:0 10px 10px 10px;
	margin-top:10px;
}
#content h2{
	margin:0;
	margin-bottom:0px;
	border-color:#444400;
	border-width:0px 0px 2px 10px;
	border-style:none;
	padding		:5px 5px 5px 10px;
/*	margin-top:-10px;*/
	font-size:150%;
/*	background-color:blue;*/
	background-color:#213467;
	color:#FFF;
}
#content h2 a{
	text-decoration:none;
	color:#FFF;
}
#content .postinfo{
	padding: 0px 15px 0px 0px;
	border-style:none;
	border-width:2px;
	border-color:#C60;
	margin:0px 0px 0px 0px;
	text-align:right;
	font-size:80%;
	background-color:#006B99;
	color:#ffffff;
	margin-bottom:10px;
/*	width:750px;	*/
}
#content table{
}
#content h3{
	border-style:dotted;
	border-color:#800;
	border-width:0px 0px 2px 0px;
	padding		:0em 0 5px 10px;
	margin-bottom:0px;
	margin-top:0.5em;
	margin-left:0.5em;
	margin-right:0.5em;
	clear:left;
	font-size:150%;
	color:#A00;
}
#content h4{
	margin		:	0 0 10px 1em;
/*	margin:20px 0px 10px 10px;*/
	border-color:#440000;
	border-width:0px 0px 2px 0px;
	padding		:0 0 5px 10px;
	
	border-style:dotted;
	border-color:#800;
	border-width:0px 0px 2px 0px;
	padding		:0em 0 5px 10px;
	margin-bottom:0px;
	margin-top:0.5em;
	margin-left:0.5em;
	margin-right:0.5em;
	clear:left;
	font-size:120%;
	color:#A00;
}
#content .postinfo a{
	text-decoration:none;
	color:#AFA;
}
#content dl{
	margin-left:0.5em;
}
#content dt{
	border:2px #000 solid;
	padding:2px;
	width:140px;
	margin-bottom:1em;
	background-color:#FFF;
}
#content ul{
	margin-bottom:1em;
	margin-left:0em;
	margin-top:0.5em;
}

#content li{
	margin-left:2em;
	list-style:square;
	margin-top:2px;
}
#content li.kiji{
	font-weight:bold;
}
#content li.kijimemo{
	list-style:none;
	margin-top:2px;
	margin-bottom:10px;
}
#content li.kijiplus{
	color:#884400;
}
#content p#pagetitle{
	padding: 10px;
	border-width:2px;
	border-color:#C60;
	margin:10px;
/*	margin-top:-30px;*/
	margin-left:0px;
	margin-right:0px;
	font-size:150%;
}
#content p.pagelink{
	padding: 8px;
	margin:10px 10px 40px 10px;
	text-align:center;
	border:solid #330 2px;
	background-color:#F0FEFF;
}
#content #recententry h2{
	font-size	:	100%;
}
#content #recententry li{
	list-style:circle;
	font-size	:	100%;
	
}
#content #infobox{
	margin-top:50px;
}
#content #infobox h2{
	font-size	:	100%;
}
#content #infobox li{
/*	list-style:none;*/
	font-size	:	100%;
	margin-top:2px;
}
#content #infobox li.kiji{
	list-style:circle;
	margin-top:10px;
	font-weight:bold;
}
#content.postend {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	margin-bottom:30px;
}
#content a:hover{
	text-decoration:none;
}
#content table{
	border-collapse:collapse;
	border: solid 1px #000000;
	margin-left:0.5em;
	margin-top:0.5em;
	margin-bottom:1em;
}
#content th{
	background-color:#ddeedd;
}
#content td ,#content th{
	border: solid 1px #000000;
/*
	border-color:#000000;
	border-width:1px 2px 2px 1px;
	border-style:solid;
*/
	padding		:	5px;
}
#content div.category{
	margin-bottom:2em;
}
#content td.itemlv0
,#content td.itemlv1
,#content td.itemlv2
,#content td.itemlv3
{
	text-align:center;
	width:45px;
}
#content td.itemlv0{background-color:#888;}
#content td.itemlv1{background-color:#AAA;}
#content td.itemlv2{background-color:#FC0;}
#content td.itemlv3{background-color:#FA6;}
#content p.sideright{
	text-align:right;
}
#content .noborder,#content .noborder td,#content .noborder th{
	border-style:none;
	margin:5px;
	padding:5px;
	margin-bottom:0em;
}
#content table h3 {
	margin:0em 0 .2em 0em;
	padding-left:0.5em;
}
#content .charlist table,#content .charlist td,#content .charlist tr{
	border-style:solid;
	border-width:1px;
	border-color:#FFF;
}

/*--------------------------------------------------------------------------------
	footer
--------------------------------------------------------------------------------*/
#footer { 
	padding: 0 0px 0 0px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	padding:0px;
	color:#fff;
	margin:0px;
	background-color:#444;
	text-align:center;
} 
#footer a{
	color:#fff;
}
#footer address {
	padding: 10px;
}
#footer #webclap{
	text-align:right;
/*	margin-top:-30px;*/
}


/*--------------------------------------------------------------------------------
	etc
--------------------------------------------------------------------------------*/

div.blockmemo{
	width:580px;
	display:block;
	float:left;
}
p.floatleft{
	float:left;
	margin:0px 0px 0px 0px;
}
p.floatleft img{
	margin:0px;
}
p.floatleft a:hover {
	color:#fff;
	background:#fff;
	text-decoration:none;
}
p.memo{
	margin:0;
	padding:0;
}
p.memoclear{
	clear:left;
	margin:0px;
	padding:0px;
}
#text1 img {
	background-image:url(images/material/text1.png);
}
#text2 img {
	background-image:url(images/material/text2.png);
}
#text3 img {
	background-image:url(images/material/text3.png);
}
#text4 img {
	background-image:url(images/material/text4.png);
}
#text5 img {
	background-image:url(images/material/text5.png);
}
#text1 img.active {
	background-image:url(images/material/text1b.png);
}
#text2 img.active {
	background-image:url(images/material/text2b.png);
}
#text3 img.active {
	background-image:url(images/material/text3b.png);
}
#text4 img.active {
	background-image:url(images/material/text4b.png);
}
#text5 img.active {
	background-image:url(images/material/text5b.png);
}

.profile{
	font-dize:80%;
}

.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.torikesi{
	text-decoration:line-through;
}

<!--[if IE 5]>
/* この条件分岐コメントに IE 5* を対象とした css ボックスモデルのフィックスを配置します */
.content #sidebar1 { width: 230px; }
<![endif]--><!--[if IE]>

<style type="text/css"> 
/* この条件分岐コメントにすべてのバージョンの IE を対象とした css のフィックスを配置します */
.content #sidebar1 { padding-top: 30px; }
.content #mainContent { zoom: 1; }
/* 上述の専用のズームプロパティにより、いくつかのバグを回避するのに必要な hasLayout が IE に対して設定されます */
</style>
<![endif]-->