/*
====================

====================
*/

body{
	font-family:Arial,Helvetica,sans-serif,"ＭＳ Ｐゴシック",Osaka,sans-serif ;
	background-image: url(/~chihiro/wall.gif);
	font-size:85% ;
 	}

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


/*
====================

====================
*/

.f-header{
	background-color:#FFFFFF ;
	color: #666666 ;
	padding:10px ;
	border-bottom: 2px solid #EEEEEE;
	text-align: right;

	height: 130px;
	background-image: url(/~chihiro/header-background-image_cloud.jpg);
	background-repeat: no-repeat;

	position:relative;
	}

.f-header-text{
	right: 10px;
	bottom: 1px;
	position: absolute;
	text-align: right;

	line-height:1em


	/* border: 2px solid red;*/
	}

.f-header h1{
	padding-top: 0.5em;
	font-size: 2em;
	}

.f-header a{
	color:#666666 ; 
	text-decoration:none
	}
.f-header a:hover{
	text-decoration:underline ;
	}

/*
====================

====================
*/

.f-footer{
	clear: both ;
	background-color:#FFFFFF ;
	color: #666666 ;
	padding:10px ;
	border-bottom: 2px solid #EEEEEE;

	height: 130px;
	background-image: url(/~chihiro/header-background-image_cloud.jpg);
	background-repeat: no-repeat;

	position:relative;
	}


.f-footer-text{
	position: absolute;
	bottom: 1px;

	/*
	right: 10px;
	left: 10px;
	text-align: right;
	*/

	line-height:1em

	/* border: 2px solid red;*/
	}

.f-footer h1{
	padding-top: 0.5em;
	font-size: 2em;
	}

.f-footer a{
	color:#666666 ; 
	text-decoration:none
	}
.f-footer a:hover{
	text-decoration:underline ;
	}

/*
====================

====================
*/

.f-center-container{
	float: left;
	width: 100%;
	margin-right : -210px;	
	background-color: #FFFFFF;
	}


.back_and_forth p{
	/* .back_and_forth plugin CSS */
	line-height:1em;
	}
.back_and_forth_next{
	/* .back_and_forth plugin CSS */
	text-align: left;
	}
.back_and_forth_priv{
	/* .back_and_forth plugin CSS */
	text-align: right;
	}

.paginate_simple p{
	/* .paginate_simple plugin CSS */
	line-height:1em;
	}
.paginate_simple_next{
	/* .paginate_simple plugin CSS */
	text-align: right;
	}
.paginate_simple_priv{
	/* .paginate_simple plugin CSS */
	text-align: left;
	}


.f-center{
	background-color: #FFFFFF ;
	/* margin:10px ; */
	margin-right: 213px;
	padding: 5px;

	/* border: 1px ; */
	/* width: none ; */
	}

.f-right{

	/* flame */
	/* background-color:#CCCCCC ;*/
	border-left: 2px solid #EEEEEE ;
	width:200px ;
	padding:5px ;
	float:right ;

	/* font */
	font-size:85% ;
	color:#333333 ;
	}

.f-right H1{
	background-color: #EEEEEE;
	color: #666666;
	font-size: 1.5em;
	font-weight: bold;
	}
	
.f-right p{
	/* color:#333333 ; */
	line-height:1em ;
	margin-top:0.5em ;
	margin-bottom:0.5em
	}

.f-right hr{
	/* line-height:1em ; */
	margin-top:0.5em ;
	margin-bottom:0.5em
	}

.f-right ul{
	/*
	margin-top:3px;
	margin-bottom:-4px
	*/
	}

.f-right li{
	margin-left: -2em;
	line-height: 1.2em;
	/*
	margin-bottom: 1em;
	line-height: 1.0em;
	*/
	}

.f-right .calendar{
	font-size:85% ;	
	}


/*
====================

====================
*/


.diary{
	margin-bottom: 3em;
}

.diary-notes{
	text-align: right;
	/* line-height: 0em; */
	}

.diary-date{
	/* flame */
	background-color:#EEEEEE ;
	padding:5px ;
	/*margin:10px ;*/
	/* font */
	color: #666666;
	font-size: 130% ;
	font-weight: bold ;
	}

.diary h1{
	font-size: 150% ;
	color: #666666 ;
	border-bottom: 2px solid #EEEEEE;
	}

.diary h2{
	font-size: 120% ;
	border-left: 10px solid #666666;
	padding-left: 5px;
	/*color: #666666 ;*/
	}

/* source code in documents */
.diary pre{
	color:white ;
	background-color: #000000;
	margin: 0.5em ;
	padding: 0.5em ;
	border-style: inset;
	border-width: 3px;

	overflow: auto;
	overflow-y: hidden;

	/*
	pretag overflow ie bug, workaround issue
	http://diaspar.jp/node/90
	http://kappadow.jp/archives/2007/02/28-102823
	*/
	_width: 90% ;		/* for IE4 - IE6 hack*/
	*padding-bottom: 25px;	/* for IE? - IE7 hack*/

	}

.f256{
	color: red ;
	font-size: 1.6em ;
	font-weight: bold ;
	line-height: 1em ;
	text-align:center ;
	margin-top:0.4em ;
	margin-bottom:0.1em ;
	}

.fcomment{
	color:gray ;
	font-size:0.8em ;
	}

.diary blockquote{
        background-color: #DFDFDF;
        margin: 0em 3em 0em 3em;
        padding: 5px;
        }



ul.imagelist{
        list-style:none outside;
        margin:0.8em 0;}

ul.imagelist li{
        list-style-type:none;
        display:inline;
        margin-right:8px;}

ul.imagelist li img{
        margin-bottom:10px;}




/*


hr{width:100% ;  height:0px}

.right ul{
	margin-top:3px;
	margin-bottom:-4px
	}

.right li{
	margin-left: -15px;
	margin-bottom: 1em;
	line-height: 1.0em;
	}

form{
	margin-top:0.25em ;
	margin-bottom:0.25em
	}

blockquote{
	margin-right:0em ;
	margin-left:2em
	}

h1{
	font-family:Arial,Helvetica,sans-serif,"ＭＳ Ｐゴシック",Osaka,sans-serif ;
	font-weight:bold ;
	font-size:16pt ;
	margin-top:0.4em ;
	margin-bottom:0.1em
	}

h2{
	font-family:Arial,Helvetica,sans-serif,"ＭＳ Ｐゴシック",Osaka,sans-serif ;
	font-weight:bold ;
	font-size:14pt ;
	margin-top:0.4em ;
	margin-bottom:0.1em
	}

h3{
	font-family:Arial,Helvetica,sans-serif,"ＭＳ Ｐゴシック",Osaka,sans-serif ;
	font-weight:bold ;
	font-size:12pt ;
	margin-top:0.4em ;
	margin-bottom:0.1em
	}


.menu p{
	font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif ;
	font-size:85% ;
	color:#333333 ;
	line-height:1em ;
	margin-top:0.5em ;
	margin-bottom:0.5em
	}


.header {
	color:#EEEEEE
	}

.header h1{
	font-size:1.3em ;
	margin-top:-0.2em ;
	margin-bottom:0em
	}

.header p{
	font-size:90% ;
	line-height:1em ;
	margin-top:0em ; 
	margin-bottom:0em
	}
*/