@charset "EUC-JP";

/* ---------------------------- body */
body {
	margin: 0px;
	padding: 0px;
	background-color:#808080;
	font-family: "MS UI Gothic";
	font-size: 14px;
	text-align:center;
}

/* ---------------------------- form */
form {
	margin: 0;
}
input {
	border-collapse: collapse;
	border-style: solid;
	border-width: 1;
	border-color: #404040;
	color: #404040;
}

/* ---------------------------- link */
a {
	text-decoration: none;
}

/* ---------------------------- img */
img {
	border-style: hidden;
}
img.profile {
	width: 100%;
}
a img {
	border: none;
}

/* ---------------------------- align, valign */
.text_left {
	text-align: left;
}
.text_center {
	text-align: center;
}
.text_right {
	text-align: right;
}
.text_top {
	vertical-align: top;
}
.text_middle {
	vertical-align: middle;
}
.text_bottom {
	vertical-align: bottom;
}

/* ---------------------------- table */
table {
	table-layout:fixed;
	width:0;
	height:0;
}

/* ---------------------------- ul、li */
ul {
	list-style-type; none;
}
ul li {
	display:inline;
}
ul li a {
	display:block;
} 

/* ---------------------------- FireFox対策 */
.FloatEnd {
	clear:both;
}




/* ---------------------------------------------------------------------- 各コンテナ */

#container_body {
	_height:1%;										/* WIN IE6.0対策　アンダーハック */
	width: 800px;								/* 表示領域を 800px 固定 */
	background-color:#ffffff;
	color: #000000;
	text-decoration: none;
	text-align:left;
	margin : 0px ;
	padding : 0px ;
	border: none;
	border-collapse: collapse;
	border-style: none;
	font-size: 14px;
	line-height: 110%;
	letter-spacing: 2px;
	text-align: center;
}
#container_body a:link { color: #ff4040; }				/* リンク */
#container_body a:visited { color: #ff4040; }		/* 一度行ったリンク */
#container_body a:active { color: #404040; }		/* リンクを押した瞬間 */
#container_body a:hover { color: #4040ff; }			/* リンクにマウスを載せたとき */


#container_width_all {
	_height:1%;										/* WIN IE6.0対策　アンダーハック */
	width: 800px;								/* 表示領域を 800px 固定 */
	background-color:#404040;
	color: #ffffff;
	text-decoration: none;
	text-align:left;
	margin : 0px ;
	padding : 0px ;
}
#container_width_all a:link { color: #ffc0c0; }				/* リンク */
#container_width_all a:visited { color: #ffc0c0; }		/* 一度行ったリンク */
#container_width_all a:active { color: #c0c0c0; }		/* リンクを押した瞬間 */
#container_width_all a:hover { color: #c0c0ff; }			/* リンクにマウスを載せたとき */

#container_content {
	float: left;										/* 左配置 */
	_height:1%;										/* WIN IE6.0対策　アンダーハック */
	width: 590px;								/* 表示領域を 480px 固定 */
	background-color:#ffffff;
	text-align:left;
	margin : 0px ;
	padding : 0px ;
	border: none;
}

#container_menu {
	float: right;										/* 右配置 */
	_height:1%;										/* WIN IE6.0対策　アンダーハック */
	width: 210px;								/* 表示領域を 220px 固定 */
	background-color:#ffffff;
	text-align:center;
	margin : 0px ;
	padding : 0px ;
	border: none;
}
#container_menu a:link { color: #404040; }				/* リンク */
#container_menu a:visited { color: #404040; }		/* 一度行ったリンク */
#container_menu a:active { color: #c0c0c0; }		/* リンクを押した瞬間 */
#container_menu a:hover { color: #4040ff; }			/* リンクにマウスを載せたとき */

#container_footer_left {
	float: left;										/* 左配置 */
	_height:1%;										/* WIN IE6.0対策　アンダーハック */
	width: 400px;								/* 表示領域を 290px(半分) 固定 */
	background-color:#404040;
	color: #ffffff;
	text-decoration: none;
	text-align:left;
	font-size: 12px;
	line-height: 110%;
	letter-spacing: 2px;
	margin : 0px ;
	padding : 0px ;
}
#container_footer_right {
	float: right;										/* 右配置 */
	_height:1%;										/* WIN IE6.0対策　アンダーハック */
	width: 400px;								/* 表示領域を 290px(半分) 固定 */
	background-color:#404040;
	color: #ffffff;
	text-decoration: none;
	text-align:right;
	font-size: 12px;
	line-height: 110%;
	letter-spacing: 2px;
	margin : 0px ;
	padding : 0px ;
}



/* ---------------------------------- 上部メニュー */
div.container_width_all {
	background-color:#404040;
	color: #ffffff;
	text-decoration: none;
	text-align:left;
	margin : 2px ;
	padding : 2px ;
	border: none;
	border-collapse: collapse;
	border-style: none;
	font-size: 14px;
	line-height: 110%;
	letter-spacing: 2px;
}
div.container_width_all_white {
	background-color:#ffffff;
	color: #404040;
	text-decoration: none;
	text-align:left;
	margin : 2px ;
	padding : 2px ;
	border: none;
	border-collapse: collapse;
	border-style: none;
	font-size: 14px;
	line-height: 110%;
	letter-spacing: 2px;
}

/* ---------------------------------- 左・検索条件表示 */
div.search {
	width: 580px;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1;
	border-color: #808080;
	background-color: #f0f0f0;
	color: #404040;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 140%;
	margin: 2px;
	padding: 2px;
	text-align: center;
}

/* ---------------------------------- 左・pagenation */
table.page {
	width: 580px;
	border-collapse: collapse;
	border-style: none;
	margin: 2px;
	padding: 2px;
}
td.page_l {
	width: 50%;
	border-collapse: collapse;
	border-style: none;
	font-size: 12px;
	letter-spacing: 2px;
	text-align: left;
}
td.page_r {
	width: 50%;
	border-collapse: collapse;
	border-style: none;
	font-size: 12px;
	letter-spacing: 2px;
	text-align: right;
}
table.page a:link { color: #ff4040; }				/* リンク */
table.page a:visited { color: #ff4040; }		/* 一度行ったリンク */
table.page a:active { color: #404040; }		/* リンクを押した瞬間 */
table.page a:hover { color: #4040ff; }			/* リンクにマウスを載せたとき */




/* ---------------------------------- 左・日記フレーム */
div.diary_frame {
	width: 580px;
	border-collapse: collapse;
	border-style: solid;
	border-width: 2;
	border-color: #605040;
	color: #404040;
	margin: 2px;
	padding: 2px;
	text-align: center;
}

div.left_menu_title {
	width: 580px;
	border-collapse: collapse;
	border-style: none;
	background-color: #404040;
	color: #ffffff;
	margin: 2px;
	padding: 2px;
	text-align: center;
}

/* ---------------------------------- 左・日記中身 */
table.diary_title_frame {
	width: 570px;
	border-collapse: collapse;
	border-style: none;
	margin: 2px;
	padding: 2px;
}
td.diary_icon {
	width: 50px;
	border-collapse: collapse;
	border-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	letter-spacing: 2px;
	text-align: center;
	vertical-align: middle;
}
td.diary_title {
	width: auto;
	border-collapse: collapse;
	border-style: none;
	margin: 2px;
	padding: 2px;
	font-size: 14px;
	letter-spacing: 2px;
	text-align: left;
	vertical-align: middle;
}
td.diary_date {
	width: 180px;
	border-collapse: collapse;
	border-style: none;
	margin: 2px;
	padding: 2px;
	font-size: 12px;
	letter-spacing: 2px;
	text-align: right;
	vertical-align: bottom;
}

div.diary_body {
	width: 570px;
	border-collapse: collapse;
	border-style: none;
	color: #404040;
	margin: 2px;
	padding: 2px;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 180%;
	text-align: left;
	vertical-align: top;
}

div.diary_category {
	width: 570px;
	border-collapse: collapse;
	border-style: none;
	color: #404040;
	margin: 2px;
	padding: 2px;
	font-size: 12px;
	letter-spacing: 2px;
	text-align: right;
	vertical-align: top;
}

table.res {
	width: 570px;
	border-collapse: collapse;
	border-style: none;
	margin: 0px;
	padding: 0px;
}
td.res_l {
	width: 16px;
	border-collapse: collapse;
	border-style: none;
	color: #404040;
	font-size: 12px;
	line-height: 120%;
	letter-spacing: 2px;
	margin: 0px;
	padding: 2px;
	text-align: right;
	vertical-align: top;
}
td.res_r {
	width: auto;
	border-collapse: collapse;
	border-style: none;
	color: #404040;
	font-size: 12px;
	line-height: 120%;
	letter-spacing: 2px;
	margin: 0px;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}

table.comment {
	width: 570px;
	border-collapse: collapse;
	border-style: none;
	margin: 0px;
	padding: 0px;
}
td.comment_l {
	width: auto;
	border-collapse: collapse;
	border-style: none;
	color: #404040;
	font-size: 12px;
	line-height: 120%;
	letter-spacing: 2px;
	margin: 0px;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}
td.comment_r {
	width: 100px;
	border-collapse: collapse;
	border-style: none;
	color: #404040;
	font-size: 12px;
	line-height: 120%;
	letter-spacing: 2px;
	margin: 0px;
	padding: 2px;
	text-align: right;
	vertical-align: top;
}


/* ---------------------------------- 右・メニュー */

div.right_menu_title {
	width: 200px;
	border-collapse: collapse;
	border-style: none;
	background-color: #404040;
	color: #ffffff;
	margin: 2px;
	padding: 2px;
	text-align: center;
}

div.right_menu_image {
	width: 200px;
	border-collapse: collapse;
	border-style: none;
	color: #404040;
	margin: 2px;
	padding: 0px;
	text-align: center;
}

div.right_menu_profile {
	width: 200px;
	border-collapse: collapse;
	border-style: none;
	color: #404040;
	font-size: 12px;
	line-height: 140%;
	letter-spacing: 2px;
	margin: 2px;
	padding: 0px;
	text-align: right;
}

div.right_menu_profile_headline {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
	background-color:#c0c0c0;
	color: #404040;
	font-size: 12px;
	line-height: 140%;
	letter-spacing: 2px;
	margin: 0px;
	padding: 2px;
	text-align: right;
}

div.right_menu_body {
	width: 200px;
	border-collapse: collapse;
	border-style: none;
	color: #404040;
	font-size: 12px;
	line-height: 180%;
	letter-spacing: 2px;
	margin: 2px;
	padding: 0px;
	text-align: right;
}


/* ---------------------------------- aid */
div.aid_frame {
	width: 100%;
	border-collapse: collapse;
	border-style: solid;
	border-width: 2;
	border-color: #404040;
	color: #404040;
	margin: 4px;
	padding: 4px;
	font-size: 14px;
	line-height: 110%;
	letter-spacing: 2px;
	text-align: left;
}


/* ---------------------------------- footer body */
div.footer_body {
	background-color:#404040;
	color: #ffffff;
	text-decoration: none;
	border: none;
	border-collapse: collapse;
	border-style: none;
	font-size: 14px;
	line-height: 110%;
	letter-spacing: 2px;
	margin: 0px;
	padding: 2px;
}


