@charset "utf-8";

/* 共通属性 */
body{
	font-family: MS UI Gothic,Osaka,sans-serif;
	width      : 800px;
	margin     : 0px 20px;
	padding    : 0;
}
img{
	border    : none;
}
p.clear{
	clear     : left;
	width     : 100%;
	text-align: right;
	font-size : small;
}

hr.sepalate{
	height    : 1px;
	border    : none;
	border-top: 1px #999999 solid;
}

div#footer{
	font-size : small;
	text-align: center;
	color     : #999999;
}

div#container{
	text-align: center;
}

div#title{
	text-align: left;
	width     : 100%;
}
#title .topic{
	font-size      : small;
	list-style-type: none;
	margin         : 20px 20px 4px;
	padding        : 0px;
}
#title li{
	display   : inline;
}

div#main{
	width     : 100%;
	text-align: left;
}
div#search{
	margin          : 0px 20px;
	width           : 100%;
	font-size       : small;
	text-align      : center;
}

span.red{
	color           : #ff0000;
}

/* 広告 */
div#extra{
	float           : left;
	width           : 200px;
	margin          : 10px 5px;
	padding         : 0px;
	background-color: #ffffff;
	font-size       : small;
}
#extra div.ads{
	border-top      : 1px #999999 solid;
	border-bottom   : 1px #999999 solid;
	font-size       : small;
	margin          : 0px;
	padding         : 5px 15px;
}
#extra div.friends{
	border-top      : 1px #999999 solid;
	background-color: #dddddd;
	font-size       : small;
	margin          : 0px;
	padding         : 5px 3px 5px 10px;
}
#extra ul.list{
	border-bottom   : 1px #999999 solid;
	font-size       : small;
	list-style-type : none;
	margin          : 0px;
	padding         : 5px 5px;
	background-color: #ffffff;
}
#extra li{
	padding         : 2px 10px;
}
#extra div.none{
	background-color: #ffffff;
	font-size       : x-small;
}

/* ヘッダタイトル */
div#header{
	text-align      : left;
    font-weight     : bold;
	font-size       : 150%;
}
#header div.home{
	padding         : 5px 20px;
	background-color: #dddddd;
	color           : #666666;
	border-top      : 3px #666666 solid;
}
#header div.diary{
	padding         : 5px 20px;
	background-color: #ffffcc;
	color           : #ff9933;
	border-top      : 3px #ff9933 solid;
}
#header div.movie{
	padding         : 5px 20px;
	background-color: #ffcccc;
	color           : #ff3399;
	border-top      : 3px #ff3399 solid;
}
#header div.books{
	padding         : 5px 20px;
	background-color: #ccffcc;
	color           : #339933;
	border-top      : 3px #339933 solid;
}



/* メニュー */
div#menu{
	float           : left;
	width           : 140px;
	margin          : 10px 5px;
	padding         : 0px;
	background-color: #ffffff;
}
#menu ul.list{
	border-bottom   : 1px #999999 solid;
	font-size       : small;
	list-style-type : none;
	margin          : 0px;
	padding         : 5px 5px;
	background-color: #eeeeee;
}
#menu li{
	padding         : 5px 10px;
}
#menu div.home{
	border-top      : 1px #666666 solid;
	background-color: #dddddd;
	font-size       : small;
	margin          : 0px;
	padding         : 5px 3px 5px 10px;
}
#menu div.diary{
	border-top      : 1px #ff9933 solid;
	background-color: #ffffcc;
	font-size       : small;
	margin          : 0px;
	padding         : 5px 3px 5px 10px;
}
#menu div.movie{
	border-top      : 1px #ff3399 solid;
	background-color: #ffcccc;
	font-size       : small;
	margin          : 0px;
	padding         : 5px 3px 5px 10px;
}
#menu div.books{
	border-top      : 1px #339933 solid;
	background-color: #ccffcc;
	font-size       : small;
	margin          : 0px;
	padding         : 5px 3px 5px 10px;
}
#menu div.none{
	background-color: #ffffff;
	font-size       : x-small;
	border-bottom   : 1px #999999 solid;
	padding         : 10px 0px 10px 0px;
}
#menu ul{
	list-style-type : none;
	margin          : 0px;
	padding         : 0px;
}

/* コンテンツ */
div#content
{
	float           : left;
	width           : 420px;
	margin          : 10px 5px;
	padding         : 0px;
	border          : 1px #999999 solid;
	background-color: #ffffff;
	font-size       : small;
}
#content h1
{
	background-color: #eeeeee;
	font-size       : small;
	margin          : 0px;
	padding         : 5px 3px 5px 10px;
	border          : none;
}
#content .body
{
	padding         : 5px 10px 10px 10px;
	font-size       : small;
}

#content .date
{
	padding         : 2px;
	text-align      : right;
	font-size       : small;
	border-bottom   : 1px #999999 dashed;
}
#content h2.diary{
	border-top      : 1px #ff9933 solid;
	background-color: #ffffcc;
	font-size       : small;
	color           : #ff9933;
	margin          : 0px 10px;
	padding         : 5px 3px 5px 10px;
}
#content h2.movie{
	border-top      : 1px #ff3399 solid;
	background-color: #ffcccc;
	font-size       : small;
	color           : #ff3399;
	margin          : 0px 10px;
	padding         : 5px 3px 5px 10px;
}
#content h2.books{
	border-top      : 1px #339933 solid;
	background-color: #ccffcc;
	font-size       : small;
	color           : #339933;
	margin          : 0px 10px;
	padding         : 5px 3px 5px 10px;
}
#content div.nomal{
	margin          : 0px 10px;
	padding         : 0px 3px 5px 10px;
}

#content table.list{
	width           : 400px;
	margin          : 10px;
	border          : 0px;
	border-collapse : collapse;
}
#content td.c{
	padding         : 2px;
	text-align      : center;
	font-size       : 75%;
	border          : 1px #999999 solid;
}
#content td.l{
	padding         : 2px;
	text-align      : left;
	font-size       : 75%;
	border          : 1px #999999 solid;
}

#content th.movie{
	padding         : 2px;
	text-align      : center;
	font-size       : 75%;
	border          : 1px #999999 solid;
	background-color: #ffcccc;
}
#content th.books{
	padding         : 2px;
	text-align      : center;
	font-size       : 75%;
	border          : 1px #999999 solid;
	background-color: #ccffcc;
}
#content ul.list{
	font-size       : small;
	list-style-type : none;
	margin          : 5px 0px;
	padding         : 5px 5px;
}
#content li.top{
	border-bottom   : 1px #666666 dashed;
	font-size       : small;
	color           : #0000ff;
	list-style-type : none;
	margin          : 0px 240px 5px 0px;
	padding         : 0px;
}

/*　プロフィール　*/
#profile table{
	font-size       : small;
	border          : none;
	border-spacing  : 20px 10px;
}
#profile .td{
	vertical-align  : top;
}
#profile td.label{
	width           : 100px;
	padding         : 0px 0px 2px 5px;
/*	border-bottom   : 1px solid #999999;*/
	border-left     : 5px solid #999999;
	vertical-align  : top;
}