/*

-       general

-------------------------------------------------------------*/

html {

    margin: 0;

    padding: 0;

}

body,div,ul,li,table,h1,h2 {

margin:0; padding:0;

}

body {

background:#ffffff;

font-size:12px;

color:#333333;

font-family:"‚l‚r ‚oƒSƒVƒbƒN",  "ƒqƒ‰ƒMƒmŠpƒS Pro W3","‚l‚rƒSƒVƒbƒN";

}

h1,h2,h3{

font-size:15px;

margin:0;

}

a{

text-decoration: none;

}



p{

margin:0;

padding:3px 5px;

line-height:1.6em;

}

ul{

padding:3px 15px;

margin:0px;

list-style:none;

line-height:1.6em;

}

ul li{

line-height:1.6em;

}

.cr {

clear:both;

}



/*      body

-------------------------------------------------------------*/

#wrapper {

width:870px;

height:800px;

margin:0 auto;

padding:5px;

background:url(blogimg/blogbg.gif) no-repeat;

background-position:100% 0%;

}

#leftsid{

margin:0 6px 0 0;

padding:0;

width:592px;

float:left;

}

#rightsid{

margin:0 2px 0 0;

padding:0;

width:250px;

height:758px;

float:right;

}

.clearfix:after{

content:".";

display:block;

height:0;

clear:both;

visibility:hidden;

}

/*      body  leftside

-------------------------------------------------------------*/

#header {

margin:0 0 4px 0;

padding:0;

width:592px;

height:177px;

background:url(blogimg/blogTitle.jpg) no-repeat;

text-indent:-5000px;

}

#diarycont{

	width:592px;

	margin:0;

	padding:0;

	clear: none;

	float: none;

	height: auto;

}

#diatop {

margin: 0px;

padding: 0px;

height: 25px;

width: 592px;

border-bottom:1px solid #CCCCCC;

}

#diatitle{

width:63px;

margin:0 5px;

height:30px;

background:url(blogimg/blogDiary.gif) no-repeat;

text-indent:-5000px;

float:left;

}



#nav{

width:96px;

height:30px;

background:url(blogimg/blogNav.jpg) no-repeat;

background-position:0 30%;

text-indent:-5000px;

float:right;

}



#etrcont{

margin:7px 0 0 0;

width:592px;

height:536px;

overflow:auto;

}

.etr{

clear:both;

width:550px;

margin:0 0 12px 5px;

padding:0;

border-bottom:1px dotted #CCCCCC;

}



.disc{

height:100%;

width:550px;

padding:0 0 0 15px;

/*background:url(blogimg/blogDiscBK.gif) no-repeat;*/

background-position:50% 100%;

float:left;

}



img{

margin: 0px 10px 10px 0px;

float: right;

padding: 1px;

display: block;

}

img:hover{

float: right;

padding: 1px;

display: block;

}





h3{

height:23px;

display:block;

margin:0 0 0 0;

padding:0 0 0 20px;

background:url(blogimg/blogCurcle.gif) no-repeat;

}



/*      body  rightside

-------------------------------------------------------------*/

.linebtm{

background:url(blogimg/btmline.gif) no-repeat;

background-position:50% 100%;

}



#archcont,#entcont,#calencont,#procont{

margin:0;

padding:0;

width:250px;

}

#protitle{

margin:0 5px;

height:30px;

background:url(blogimg/blogProfile.gif) no-repeat;

background-position:0 100%;

text-indent:-5000px;

}

#procont .pic{

margin:7px 0 3px 20px;

}

#rectitle{

margin:0 5px;

height:30px;

background:url(blogimg/blogRecentEntries.gif) no-repeat;

background-position:0 100%;

text-indent:-5000px;

}

#arctitle{

margin:0 5px;

height:30px;

background:url(blogimg/blogArchives.gif) no-repeat;

background-position:0 100%;

text-indent:-5000px;

}

/*       footer

-------------------------------------------------------------*/

#footer {

display:block;

margin:0;

padding:12px 10px 0 0;

width:850px;

height:15px;

}

#copyright {

float:left;

text-indent:-5000px;

background:url(./blogimg/blogCopyright.jpg) no-repeat;

width:286px;

height:13px;

}

#mon {

float:right;

width:22px;

height:15px;

}





/* Safari—pƒnƒbƒN */

div#main {height:auto;#}