* {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	text-indent: 0;
}

html {
	height : 100%;
}

img{
	border : none;
}

body {
	color : #222222;
	background : #ddddff;
	text-align : center;
	font-family : Arial, Helvetica, sans-serif;
}

#container {
	background : url(./bg.jpg);
	background-repeat : no-repeat;
	background-color : #ffffff;
	margin-top : 10px;
	width : 800px;
	border : 1px solid black; 
	margin-left : auto;
	margin-right : auto;
}

#header{
/*	width : 900px;*/
	height : 80px;
	margin-top : 15px;
	margin-bottom : 2px;
}

#title{
	float : left;
	width : 400px;
	height : 80px;
	margin-left : 45px;
/*	padding-left : 40px;
	border: 1px solid black;
*/}
/* IE6以下 */
* html #title{
	margin-left : 27px;
}

#mob_title{
	float : left;
	text-align : left;
	font-size : 45px;
/*	border: 1px solid black;
*/	width : 350px;
	height : 60px;
	margin-top : 15px;
	margin-left : 115px;
}
/* IE6以下 */
* html #mob_title{
	margin-left : 57px;
}

#mob_title a{
	color : #000000;
	font-weight : bold;
	text-decoration : none;

}

#counter{
	float : right;
	padding-top : 8px;
	padding-right : 35px;
	font-size : 12px;
	width : 170px;
}
#counter table{
	float:right;
}

#counter td{
	font-size : 12px;
	height:20px;
	text-align : center;
}

#side {
/*	border:1px solid black;
*/	clear : both;
	margin-top : 25px;
	float : left;
	height : 100%;
	text-align : left;
	width : 145px;
}

#menu{
	width : 145px;
}

.menuButton{
	clear : left;
	margin-top : 8px;
	margin-left : 17px;
	width : 124px;
	height : 30px;
	display : block;
}

.mob_menuButton{
	display:block;
	margin-bottom : 10px;
	margin-left : 40px;
	font-size : 22px;
	font-weight: bold;
	color : black;
	text-decoration : none;

}

#clapButton{
	margin-top : 30px;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
}

#scroller{
	clear:left;
	width : 4px;
	height : 1000px;
	margin-top : 15px;
	margin-left : 20px;
	background : #000000;
}

#main { /* total width : 652 */
	margin-right : 9px;
	margin-top : 12px;
	margin-bottom : 10px;
	border : 1px solid black;
	padding : 15px;
	padding-bottom : 0px;
	width : 600px;
	float : right; //leftにするとアレ
	background-color : #ffffff;
	background : url(./bgmain2.png);
	background-repeat : repeat;
	font-size : 15px;
	letter-spacing : 1px;
	line-height : 21px;
	text-align:left;
}
/* IE6以下 */
* html #main{
	margin-right : 5px;
}

#main a{
	color : #505050;
	text-decoration : none;
}

#main hr{
	width : 80%;
	border : solid #606060;
	border-width : 1px 0px 0px 0px;
	height : 1px;
	margin-top : 25px;
	margin-bottom : 25px;
	margin-left : 5px;
}

#main a:hover{
	text-decoration : underline;
}

#main blockquote{
	color : #222222;
	border : 1px dotted black;
	margin : 10px 64px;
	padding : 10px;
	overflow : visible;
}

#main .diaryheading{
	margin-right : 10px;
	font-size : 13px;
	float : right;
	margin-bottom : 5px;
}

#main .nav{
	border : 1px solid black;
	border-left : 4px solid black;
	border-color : black;
	padding : 2px 0px 1px 5px;
	margin-bottom : 12px;
}
/* IE6ボーダーバグ */
* html .nav{
	behavior : expression( borderFix(this) );
}

#main .diarytitle{
	width : 593px;
	height : 22px;
	background : url(./heading.png);
	margin-top : 1px;
	margin-bottom : 2px;
	padding-left : 7px;
	padding-top : 1px;
}

#main .diarytitle *{
	font-weight : bold;
}

#main .p{
	padding : 0px 10px;
	margin-bottom : 40px;
	clear : both;
}

.nbtable td{
	padding : 2px 2px;
	vertical-align:top;
	font-size : 15px;
}

.loglink{
	font-size:12px;
}

/* 透過PNG用 */
/* * html .menuButton{ behavior: expression(IEPNGFIX.fix(this));  } */
* html #main { behavior: expression(IEPNGFIX.fix(this)); }
* html #main .diarytitle{ behavior: expression(IEPNGFIX.fix(this)); }
* html #title img{ behavior: expression(IEPNGFIX.fix(this)); }

/* IEのバグ対策 */
br{
	letter-spacing:0px;
}

/* clearfix */
/* floatがボックスからはみ出なくする */
.clearfix:after{
	content : ".";
	display : block;
	height : 0;
	clear : both;
	visibility : hidden;
}
.clearfix{ display : inline-block; }
* html .clearfix{ height : 1%; }
.clearfix{ display : block; }
/* End clearfix */