/**
 * Uge.jp CSS
 * 
 * [Memo]
 * Order: box (size - position - float - margin - padding) - background - border - text/font - etc
 * Margin: top - right - bottom - left
 */

@charset "utf-8";

/* ---------- Import ---------- */
/*@import url(xxx.css);*/

/* ---------- Default ---------- */
* {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* ---------- HTML ---------- */
html {
}

/* ---------- Body ---------- */
body {
	width: 100%;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #F7F7F7;
	text-align: left;
	color: black;
	font-size: 100%;
}

/* ---------- Font Family ---------- */
body, input {
	font-family: Arial, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}
textarea, pre, div.text_content {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}

/* ---------- Container ---------- */
div#container {
	background-color: #FFFFFF;
}

/* ---------- Link ---------- */
a:link {
	color: black;
}
a:visited {
	color: black;
}
a:hover {
	text-decoration: underline;
	color: silver;
}
a:active {
	text-decoration: underline;
	color: silver;
}

a img {
	border: none;
}

/* ---------- Form ---------- */
/* Input */
div.text input {
	height: 1.2em;
}
div.text label {
	margin: 0px 5px 0px 0px;
	font-size: 80%;
	vertical-align: middle;
}

div.select select {
}

/* Submit Button */
div.submit {
	width: 100%;
	text-align: center;
}
div.submit input {
	width: 180px;
	margin: 0px auto 1px auto;
	+padding: 2px 0px 0px 0px;
	font-size: 80%;
	cursor: pointer;
}

/* Error Message */
div.error-message {
	font-size: 80%;
	color: #FF0000;
}

/* Atteintion */
div.attention {
	font-size: 80%;
	color: #888888;
}

/* ---------- Image ---------- */
img {
}
div.padding_img img {
	padding: 5px 10px 5px 10px;
}

/* ---------- Paragraph ---------- */
p {
}

/* ---------- Textarea ---------- */
textarea {
	line-height: 1.2em;
}

/* ---------- Pre ---------- */
pre {
	line-height: 1.2em;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/* ---------- Line ---------- */
hr {
	width: 98%;
	margin: 0px auto 0px auto;
}

/* ---------- Heading ---------- */
h2, h3, h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 80%;
}

h2 {
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 11px;
	background: #98E186 url(../img/bg_h2.gif) repeat-x scroll 0 0;
	font-weight: bold;
}

h3 {
	background: #C0FAB2 url(../img/bg_h3.gif) repeat-x scroll 0 0;
	font-weight: normal;
}

h4 {
	font-weight: normal;
}

/* ---------- Header ---------- */
div#header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #E9FFE5;
	border-top: 2px solid #A5EB94;
}
div#header_block {
	/*width: 900px;*/
	width: 100%;
	/*height: 65px;*/
	height: 60px;
	background-color: #E9FFE5;
	text-align: left;
	white-space: nowrap;
}

/* ---------- H1 ---------- */
div#header h1 {
	/*height: 65px;*/
	height: 60px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#header h1 img {
	/*margin: 8px 0px 0px 0px;*/
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* ---------- Header Menu ---------- */
div#header div#header_menu {
	width: 250px;
	/*height: 65px;*/
	height: 60px;
	float: left;
	text-align: left;
	margin: 0px 0px 0px 1px;
}

/* ---------- User Menu ---------- */
div#header div#user_menu {
	margin: 12px 0px 0px 4px;
}

/* User Name */
div#user_menu div#user_name, div#user_menu div#guest {
	float: left;
	margin: 0px 10px 0px 0px;
	text-align: left;
}
div#user_menu div#user_name {
	font-size: 75%;
}
div#user_menu div#guest {
	font-size: 70%;
}

/* Menu */
div#user_menu div#menu {
	float: left;
	margin: 0px 0px 0px 0px;
	font-size: 70%;
}
div#user_menu form#logout {
	display: none;
}

/* ---------- Global Menu ---------- */
div#header_menu div#global_menu {
	float: none;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*border-top: 1px dotted #00AA33;*/
}
div#global_menu ul#global_menu {
	margin: 5px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
}
div#global_menu ul#global_menu li {
	margin: 0px 0px 0px 0px;
	padding: 0px 7px 0px 6px;
	border-left: 1px solid #666699;
	font-size: 75%;
	display: inline;
}
div#global_menu ul#global_menu li.edge_right {
	border-right: 1px solid #666699;
}

/* ---------- Header Adsense ---------- */
/*div#header div#adsense {
	height: 60px;
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 3px 0px 2px 0px;
}*/

/* ---------- Personal Menu ---------- */
div#personal_menu {
	min-width: 900px;
	width: 100%;
	float: none;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	text-align: left;
}
div.personal_menu_own {
	background: #00AA33 url(../img/bg_personal_menu.gif) repeat-x scroll 0 0;
	border-top: 2px solid #A5EB94;
	border-bottom: 2px solid #A5EB94;
}
div.personal_menu_other {
	background: #0089AB url(../img/bg_personal_menu_other.gif) repeat-x scroll 0 0;
	border-top: 2px solid #A5EB94;
	border-bottom: 2px solid #A5EB94;
}
div.community_menu {
	background: #559E4B url(../img/bg_community_menu.gif) repeat-x scroll 0 0;
	border-top: 2px solid #D0E3C2;
	border-bottom: 2px solid #D0E3C2;
}

div#personal_menu ul {
	width: 740px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	font-size: 80%;
	display: inline;
}
div#personal_menu li {
	line-height: 1.4em;
	margin: 0px 0px 0px 0px;
	padding: 0px 6px 0px 6px;
	border-left: 1px solid white;
	font-size: 90%;
	display: inline;
}
div#personal_menu li.edge_right {
	padding-right: 6px;
	+padding-right: 6px;
	border-right: 1px solid white;
}

div#personal_menu li a {
	color: #FFFFFF;
}
div#personal_menu li a:hover {
	color: silver;
}

/* Other User Name */
div#personal_menu div#other_user_name {
	margin: 0px 0px 0px 16px;
	color: #FFFF00;
	font-size: 80%;
	display: inline;
}

/* Selected */
div#personal_menu li.selected a {
	/*color: #E9E9E9;*/
	color: #DDDDDD;
}

/* ---------- Footer ---------- */
/* Common Footer */
div#footer {
	width: 100%;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 7px 0px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #EAEAEA;
	text-align: center;
	font-style: normal;
}

/* Footer Menu */
div#footer ul#footer_menu {
	margin: 10px 0px 3px 0px;
	padding: 2px 0px 3px 0px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	text-align: center;
}
div#footer ul#footer_menu li {
	margin: 0px 0px 0px 0px;
	padding: 0px 6px 0px 7px;
	+padding: 0px 6px 0px 7px;
	border-right: 1px solid #888888;
	font-size: 80%;
	display: inline;
}
div#footer ul#footer_menu li a {
	color: #000000;
}
div#footer ul#footer_menu li.edge_right {
	border: 0px;
}

/* Address */
address {
	text-align: center;
	font-style: normal;
	font-size: 80%;
}

/* ---------- Message Block ---------- */
div#message_block {
	width: 695px;
	clear: both;
	margin: 3px 5px 1px 5px;
	padding: 0px 0px 0px 15px;
	background-color: #888888;
	color: #FFFFFF;
	vertical-align: top;
	display: none;
}
div#message_block.show {
	display: block;
}

div#message_block div.message {
	width: 635px;
	float: left;
	margin: 4px 0px 4px 0px;
	font-size: 80%;
}
div#message_block div.message_close {
	width: 60px;
	float: left;
	margin: 4px 0px 4px 0px;
	font-size: 80%;
	text-align: center;
	cursor: pointer;
}
div#message_block div.message_close.hover {
	cursor: pointer;
}

/* ---------- Error Page ---------- */
h2.error {
	padding-left: 15px;
}

/* ---------- Paging ---------- */
div.paging {
	margin: 3px 0px 0px 0px;
	text-align: center;
	font-size: 90%;
	color: #AAAAAA;
}
div.paging div.disabled {
	display: inline;
}
div.paging a {
}

/* ---------- OpenID Info ---------- */
span.openid_type {
	color: #8F8F8F;
}

div#other_user_name span.openid_type {
	color: #EEEEEE;
}

/* ---------- User/Community Name Color ---------- */
.favorite, .favorite a,
.join, .join a {
	font-weight: bold;
}
.protected, .protected a {
	color: #AAAAAA;
}
.protected_favorite, .protected_favorite a,
.protected_join, .protected_join a {
	font-weight: bold;
	color: #AAAAAA;
}
.private, .private a {
	color: #AAAAAA;
}
.private_favorite, .private_favorite a,
.private_join, .private_join a {
	font-weight: bold;
	color: #AAAAAA;
}

.admin, .admin a {
	font-weight: bold;
	font-style: oblique;
}
.protected_admin, .protected_admin a {
	font-weight: bold;
	font-style: oblique;
	color: #AAAAAA;
}
.admin_not_bold, .admin_not_bold a {
	font-style: oblique;
}
.protected_admin_not_bold, .protected_admin_not_bold a {
	font-style: oblique;
	color: #AAAAAA;
}

.wait_user, .wait_user a {
	font-weight: bold;
	color: #FF0000;
}

/* ---------- Common Container ---------- */
div.float_clear {
	clear: both;
}

/* Page Navi */
div#contents_page_navi {
	line-height: 1.3em;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	text-align: left;
	font-size: 75%;
}
div#contents_page_navi a {
}
div#contents_page_navi a:link {
}
div#contents_page_navi a:visited {
}
div#contents_page_navi span {
}

/* ---------- Adsense ---------- */
div#adsense_sub {
	margin: 0px 0px 0px 5px;
}

/* ---------- Contents Container ---------- */
/* Contents */
div#contents {
	width: 100%;
	min-height: 10px;
	_height: 10px;
	clear: both;
	margin: 0px auto 0px auto;
	padding: 3px 0px 0px 0px;
}

/* Contents (Size fixed) */
div#contents_fixed {
	width: 900px;
	min-height: 600px;
	_height: 600px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#contents_fixed div.simple_message {
	margin: 5px 0px 0px 0px;
	padding: 20px 20px 22px 20px;
	border: 1px solid #90E088;
	text-align: center;
	font-size: 90%;
}

/* Contents Main */
div#contents_main {
	width: 710px;
	float: left;
	margin: 4px 0px 5px 0px;
	padding: 0px 5px 5px 5px;
	background-color: #FFFFFF;
}
/* Contents Sub */
div#contents_sub {
	width: 180px;
	float: left;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
}

/* ---------- Profile Page Container ---------- */
/* Profile Side Bar */
div#contents_profile_side {
	width: 200px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	overflow: hidden;
}

/* Profile Main Contents */
div#contents_profile_main {
	width: 510px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

/* ---------- Center Block ---------- */
div.large_block {
	width: 710px;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.large_block h2 {
}
div.large_block h3 {
	margin: 2px 0px 2px 0px;
	padding: 1px 0px 1px 10px;
}

/* ---------- Left Block (Profile Page) ---------- */
div.profile_left_block {
	width: 200px;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

/* ---------- Center Block (Profile Page) ---------- */
div.profile_center_block {
	width: 500px;
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
}

div.profile_center_block h2 {
	clear: both;
	margin-bottom: 6px;
	padding-left: 15px;
}
div.profile_center_block div.own h2 {
	width: 425px;
	float: left;
	display: inline;
}
div.profile_center_block div.edit_link {
	width: 60px;
	float: right;
	padding: 3px 0px 3px 0px;
	background: #98E186 url(../img/bg_h2.gif) repeat-x scroll 0 0;
	text-align: center;
	font-size: 80%;
}
div.profile_center_block div.edit_link a {
	text-decoration: none;
}

div.profile_center_block div.profile_text_block {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 80%;
}

/* Form */
div.profile_center_block div.submit {
}
div.profile_center_block div.submit input {
	margin: 0px auto 5px auto;
}

div.profile_center_block textarea {
	width: 410px;
	height: 12em;
	margin: 0px 0px 10px 0px;
}

/* Profile Image */
div.profile_image {
	margin: 0px 0px 2px 0px;
	padding: 2px 0px 2px 0px;
	border: 1px solid #DDDDDD;
	text-align: center;
}
div.profile_image div.image {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 2px 0px;
}
div.profile_image div.name {
	line-height: 1.2em;
	margin: 2px 0px 1px 0px;
	font-size: 80%;
}

/* ---------- Relation List ---------- */
div.relation_list h2 {
	padding-top: 1px;
	padding-bottom: 1px;
}

/* List */
div.relation_list ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	list-style: none;
}
div.relation_list li {
	line-height: 1.2em;
	margin: 1px 0px 1px 0px;
	padding: 0px 0px 0px 5px;
	background-color: #DDFFDD;
	font-size: 90%;
}

div.relation_list a {
	text-decoration: none;
	color: #000000;
}
div.relation_list li {
	cursor: pointer;
}
div.relation_list li.hover {
	padding: 0px 0px 0px 5px;
	text-decoration: none;
	cursor: pointer;
}
div.relation_list li.hover a {
	text-decoration: underline;
	color: silver;
}

div.relation_list li.protected a {
	color: #AAAAAA;
}
div.relation_list li.disabled {
	color: #AAAAAA;
}

/* h2 Link */
div.relation_list h2.h2_link {
	cursor: pointer;
}
div.relation_list h2.h2_link a {
}
div.relation_list h2.h2_link.hover {
	cursor: pointer;
}
div.relation_list h2.h2_link.hover a {
	text-decoration: underline;
	color: silver;
}

/* All Link */
div.relation_list div.all_link {
	margin: 0px 0px 0px 0px;
	background-color: #EEFFCC;
	text-align: right;
	font-size: 80%;
	cursor: pointer;
	zoom: 1;
}
div.relation_list div.all_link a {
	margin: 0px 5px 0px 0px;
}
div.relation_list div.all_link.hover {
	margin: 0px 0px 0px 0px;
	background-color: #EEFFCC;
	text-align: right;
	font-size: 80%;
	cursor: pointer;
}
div.relation_list div.all_link.hover a {
	margin: 0px 5px 0px 0px;
	text-decoration: underline;
	color: silver;
}

/* ---------- h2 Link Button ---------- */
h2.h2_link_button {
	font-size: 80%;
	cursor: pointer;
	zoom: 1;
}
h2.h2_link_button a {
	text-decoration: none;
	color: #000000;
}
h2.h2_link_button.hover {
	text-decoration: none;
	font-size: 80%;
	cursor: pointer;
}
h2.h2_link_button.hover a {
	text-decoration: underline;
	color: silver;
	cursor: pointer;
}

/* ---------- Profile Table, Profile Edit Table ---------- */
table.profile, table.profile_edit {
	width: 495px;
	clear: both;
	margin: 0px 0px 5px 5px;
	list-style: none;
}
table.profile th, table.profile_edit th {
	width: 120px;
	height: 1.6em;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
	text-align: center;
	font-weight: normal;
	vertical-align: top;
}
table.profile th h3, table.profile_edit th h3 {
	padding: 0px 0px 3px 0px;
	background: #FFFFFF;
	border-left: 2px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	text-align: center;
	font-size: 80%;
}
table.profile td, table.profile_edit td {
	width: 350px;
	padding: 0px 0px 0px 12px;
	font-size: 80%;
	vertical-align: top;
}
table.profile td pre, table.profile_edit td pre {
	width: 350px;
	overflow: hidden;
}
table.profile td div.text_content {
	width: 350px;
	overflow: hidden;
}

/* Profile Edit Table */
table.profile_edit {
	margin-bottom: 8px;
}
table.profile_edit th {
	height: 2em;
}

/* Form */
table.profile_edit div.text input {
	width: 340px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table.profile_edit label {
	margin: 0px 12px 0px 2px;
	+margin: 0px 8px 0px 0px;
}

table.profile_edit div.text textarea {
	width: 340px;
	height: 12em;
	margin: 0px 0px 0px 0px;
	font-size: 100%;
}

table.profile_edit input.file {
	+width: 200px;
	height: 1.8em;
	vertical-align: top;
	float: left;
}

table.profile_edit div.checkbox {
	width: 100px;
	float: left;
	margin-top: 3px;
	+margin-top: 0px;
	vertical-align: top;
}
table.profile_edit input.checkbox {
	margin: 0px 0px 3px 10px;
	vertical-align: middle;
}

table.profile_edit div.text div.tag {
	margin: 0px 8px 0px 0px;
	display: inline;
}
table.profile_edit div.text div.tag input {
	width: 60px;
}

/* Error Message */
table.profile_edit div.error-message {
	margin: 2px 0px 10px 1px;
	font-size: 100%;
}

/* Atteintion */
table.profile_edit div.attention {
	margin: 2px 0px 8px 4px;
	font-size: 100%;
}

/* ---------- Table (3/4/5row) ---------- */
table.three_row,
table.four_row,
table.five_row {
	width: 100%;
	margin: 0px auto 6px auto;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
}
table.three_row tr,
table.four_row tr,
table.five_row tr {
}
table.three_row td,
table.four_row td,
table.five_row td {
	padding-top: 5px;
	padding-bottom: 8px;
	text-align: center;
	vertical-align: top;
}
table.three_row td {
	width: 33%;
}
table.four_row td {
	width: 25%;
}
table.five_row td {
	width: 20%;
}

/* Image Box */
table.three_row td div.image_box,
table.four_row td div.image_box,
table.five_row td div.image_box {
	height: 76px;
	margin: 0px auto 0px auto;
	padding: 2px 0px 0px 0px;
	vertical-align: middle;
	text-align: center;
}
table.three_row td div.image_box div.private,
table.four_row td div.image_box div.private,
table.five_row td div.image_box div.private {
	margin: 0px auto 0px auto;
}

table.three_row td div.name,
table.four_row td div.name,
table.five_row td div.name,
table td div.name.private {
	width: 135px;
	margin: 3px auto 0px auto;
	overflow: hidden;
}
table.three_row td div.name a,
table.four_row td div.name a,
table.five_row td div.name a {
	text-decoration: none;
}
table.three_row td div.name a:hover,
table.four_row td div.name a:hover,
table.five_row td div.name a:hover {
	color: black;
	text-decoration: underline;
}

/* 3row */
div.profile_center_block table.three_row {
	width: 90%;
}

/* 4row */
div.profile_center_block  table.four_row td div.name {
	width: 120px;
}

/* 5row */
table.five_row {
	margin-top: 5px;
}

/* ---------- Search List Memo ---------- */
div.search_list_memo {
	float: left;
	margin: 15px 0px 0px 25px;
	text-align: left;
	font-size: 75%;
}