html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	overflow: hidden;
}
body {
	color : #333;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	font-family: sans-serif;
	font-size: 9pt;
	overflow: hidden;
	width: 100%;
	height: 100%;
	min-width: 480px;
}
td, th {
	font-size: 9pt;
}
a {
	color: #069;
	text-decoration: none;
}
a:hover {
	text-decoration : underline;
}
a img {
	border: none;
}
form {
	margin: 0px;
}
input, select, textarea {
	font-size: 9pt;
}

/* contents */
#contents {
	height: 100%;
}
div.float_r {
	float: right;
}
div.float_l {
	float: left;
}
table.layout {
	width: 100%;
	margin: 0px;
	border-collapse: collapse;
	empty-cells: show;
}
.indent {
	margin-left: 2em;
}
.small {
	font-size: 80%;
}
.big {
	font-size: 120%;
}
.error {
	color: #f33;
}
.notify {
	color: #888;
}
a.btn {
	border: 1px solid #888;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #ddd url(image/bg_gray_btn.gif) repeat-x;
	background-position: 0 0;
	color: #333;
	text-decoration: none;
	font-size: 90%;
	padding: 1px 4px;
}
a.btn:hover {
	background-position: 0 -40px;
	color: #333;
	text-decoration: none;
}
input.btn {
	height: 1.8em;
}
ul.list_none {
	margin: 0;
	padding: 0;
}
ul.list_none li {
	list-style-type: none;
	margin: 2px;
	padding: 0;
}

/* body */
#cont_head {
	border-top: 1px solid #48c;
	border-bottom: 1px solid #048;
	background-color: #26a;
	color: #fff;
	padding: 4px 2px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	-moz-user-select: none;
	-webkit-user-select: none;
}
#cont_title {
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
}
#cont_body {
	clear: both;
}
#cont_left {
	float: left;
	width: 16em;
	height: 100%;
	overflow: auto;
	overflow-x: hidden;
	border-right: 1px solid #888;
	background-color: #eef;
}
#cont_main {
	height: 100%;
	overflow: auto;
	overflow-x: hidden;
}

/* cont_left */
.menu_block {
	border: 1px solid #48c;
	margin: 2px 2px 4px;
	clear: both;
	overflow: hidden;
}
.menu_head {
	background: #48c url(image/bg_blue_head.gif) repeat-x left top;
	color: #fff;
	padding: 2px;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.menu_head a {
	color: #fff;
}
.menu_body {
	padding: 2px;
	clear: both;
}
.menu_body li a {
	color: #333;
}

.menu_about {
	margin: 0.5em 0 0 1em;
	padding: 0;
}
.menu_about li {
	margin: 2px 0 0 1em;
}
.menu_about li a {
	color: #333;
}

#search_form {
	text-align: center;
}
table#search_word_frame {
	margin: 2px auto;
	border: 1px solid #888;
	background-color: #fff;
	border-collapse: collapse;
	width: 90%;
}
table#search_word_frame td {
	padding: 2px;
}
input#search_word {
	border: 0px none #fff;
	padding: 0px;
	width: 100%;
}
a#search_type {
	display: block;
	margin: 2px auto 4px;
	border: 1px solid #888;
	background: #ddd url(image/bg_gray_btn.gif) repeat-x;
	background-position: 0 0;
	padding: 2px 0px;
	width: 90%;
	color: #333;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
}
a#search_type:hover {
	background-position: 0 -40px;
}
#login_form {
	text-align: center;
}
#login_form table td {
	padding: 0px;
}

/* cont_main */
.feed_block {
	border: 1px solid #48c;
	margin: 2px 2px 1em;
	clear: both;
}
.feed_head {
	background: #48c url(image/bg_blue_head.gif) repeat-x left top;
	color: #fff;
	padding: 2px 1px;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.feed_block.mark_ready {
	border: 1px solid #999;
}
.feed_block.mark_ready .feed_head {
	background: #999 url(image/bg_gray_head.gif) repeat-x left top;
}
.feed_head .title {
	color: #fff;
}
.feed_head .menu {
	float: right;
}
.feed_head .menu a {
	margin-left: 0.5em;
	color: #fff;
}
.feed_body {
	padding: 1px;
}
.feed_notify {
	padding: 1px;
	color: #888;
	text-align: center;
}
.feed_foot {
	border-top: 1px solid #ccc;
	background-color: #eee;
	padding: 4px 1px;
	clear: both;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.feed_foot .menu {
	float: right;
}
.feed_foot .menu a {
	margin-left: 0.5em;
	color: #333;
}

.news_block {
}
.news_notify {
	margin-top: 1em;
	padding: 1px;
	color: #888;
	text-align: center;
}

/* announce */
#announce h3 {
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0 0.5em;
}
#announce li {
	margin-top: 4px;
}
.ad_block {
	margin: 1em;
	text-align: center;
	clear: both;
}
.ad_block .amazon {
	margin: 0 auto;
	border: 1px solid #ddd;
	padding: 4px 4px 16px;
	width: 480px;
	background: #fff url(image/bg_amazon.gif) no-repeat right bottom;
	overflow: auto;
	text-align: left;
}
.ad_block .amazon .image {
	float: left;
	width: 80px;
	text-align: center;
}
.ad_block .amazon a {
	font-size: 120%;
	font-weight: bold;
}
.ad_block .amazon .label {
	font-size: 90%;
	color: #888;
}
.ad_block .amazon .attr {
	color: #686;
}

/* item block */
.item_block {
	clear: both;
}
.item_head {
	padding: 2px 0px;
	overflow: hidden;
}
.item_body {
	padding-left: 16px;
	overflow: hidden;
}
.item_body a:visited {
	color: #636;
}
/*.item_body img {
	max-width: 100%;
	height: auto;
}*/
.item_foot {
	clear: both;
	height: 1em;
}
.item_foot a.mode {
	display: block;
	margin: 0 0 0 auto;
	width: 4em;
	text-align: center;
	text-decoration: none;
	color: #ddd;
}
.item_foot a.mode:hover {
	text-decoration: none;
	color: #069;
	background-color: #ddd;
}
.item_block a.btn {
	border: 1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: transparent;
	color: #888;
	text-decoration: none;
	font-size: 90%;
	padding: 0px 2px;
}
.item_block a.btn:visited {
	color: #888;
}
.item_block a.btn:hover {
	border: 1px solid #069;
	color: #069;
	text-decoration: none;
}
.item_block a.ngwd {
	color: #888;
}

.item_block div.open_addr {
	color: #080;
}
.item_block a.open_btn {
	display: block;
	float: left;
	border: 1px solid #888;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #ddd url(image/bg_gray_btn.gif) repeat-x;
	background-position: 0 0;
	color: #333;
	text-decoration: none;
	font-size: 90%;
	padding: 1px 4px;
}
.item_block a.open_btn:visited {
	color: #333;
}
.item_block a.open_btn:hover {
	background-position: 0 -40px;
	color: #333;
	text-decoration: none;
}

/* bbs, list*/
.item_block.type_list.row_odd {
	background-color: #fff;
}
.item_block.type_list.row_even {
	background-color: #f0f7ff;
}
.item_block.type_list a.title {
	color: #333;
}
.item_block.type_list.mark_new a.title {
	color: #069;
}
.item_block.type_list.mark_visited a.title {
	color: #636;
}

/* rss, osr */
.item_block.type_rss {
	border-top: 1px solid #ddd;
	background-color: #fff;
}
.item_block.type_rss .item_head {
	background-color: #f0f7ff;
}
.item_block.type_rss .item_head .title {
	color: #00c;
	font-size: 120%;
}
.item_block.type_rss .item_head a.title:visited {
	color: #636;
}
.item_block.type_rss.mark_new .ngwd,
.item_block.type_rss.mark_new .item_head .title {
	font-weight: bold;
}
.item_block.type_rss .item_head .date {
	color: #888;
}
.item_block.type_rss .item_head .author {
	color: #888;
}
.item_block.type_rss .item_body .spar {
	color: #338;
}
.item_block.type_rss .item_body .stag {
	color: #808;
	font-weight: bolder;
}
.item_block.type_rss .item_body div.encl {
	margin: 0.5em;
	padding: 2px;
	border: 1px dashed #ddd;
	clear: both;
}
.item_block.type_rss .item_body span.encl {
	margin-left: 0.5em;
}
.item_block.type_rss .item_body .size {
	color: #888;
}

/* dat */
.item_block.type_dat {
	border-top: 1px solid #ddd;
	background-color: #fff;
}
.item_block.type_dat .item_head .idx,
.item_block.type_dat a.link_idx {
	color: #333;
}
.item_block.type_dat .item_head .name1,
.item_block.type_dat .item_head .name1 a {
	color: #080;
}
.item_block.type_dat .item_head .name2,
.item_block.type_dat .item_head .name2 a {
	color: #008;
}
.item_block.type_dat.mark_new .ngwd,
.item_block.type_dat.mark_new .item_head .idx,
.item_block.type_dat.mark_new a.link_idx,
.item_block.type_dat.mark_new .item_head .name1,
.item_block.type_dat.mark_new .item_head .name2 {
	font-weight: bold;
}
.item_block.type_dat .item_head .mail {
	color: #008;
}
.item_block.type_dat .item_head .date {
	color: #333;
}
.item_block.type_dat .item_head .ident,
.item_block.type_dat a.link_id {
	color: #333;
}

/* item attributes */
span.item_tags {
	color: #686;
	font-size: 90%;
}
span.item_tags a {
	color: #686;
}
span.item_tags a.mark_new {
	color: #069;
	background-color: #def;
}
span.item_cmnt {
	color: #888;
	font-size: 90%;
}

/* head button */
img.head_btn {
	background: url(image/head_btn.gif) no-repeat;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin: 0 4px;
}
img.head_btn.img_close {
	background-position: 0px 0;
}
img.head_btn.img_smenu {
	background-position: -16px 0;
}
img.head_btn.img_up {
	background-position: -32px 0;
}
img.head_btn.img_down {
	background-position: -48px 0;
}
img.head_btn.img_reload {
	background-position: -64px 0;
}
img.head_btn.img_window {
	background-position: -80px 0;
}
img.head_btn.img_right {
	background-position: -96px 0;
}
a:hover img.head_btn.img_close {
	background-position: 0px -16px;
}
a:hover img.head_btn.img_smenu {
	background-position: -16px -16px;
}
a:hover img.head_btn.img_up {
	background-position: -32px -16px;
}
a:hover img.head_btn.img_down {
	background-position: -48px -16px;
}
a:hover img.head_btn.img_reload {
	background-position: -64px -16px;
}
a:hover img.head_btn.img_window {
	background-position: -80px -16px;
}
a:hover img.head_btn.img_right {
	background-position: -96px -16px;
}

/* feed icon */
img.feed_icon {
	background: url(image/feed_icon.png) no-repeat;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
img.feed_icon.img_book {
	background-position: 0px 0;
}
img.feed_icon.img_clip {
	background-position: -16px 0;
}
img.feed_icon.img_history {
	background-position: -32px 0;
}
img.feed_icon.img_open {
	background-position: -48px 0;
}
img.feed_icon.img_setting {
	background-position: -64px 0;
}
img.feed_icon.img_shortcut {
	background-position: -80px 0;
}
img.feed_icon.img_news {
	background-position: -96px 0;
}
img.feed_icon.img_recommend {
	background-position: -112px 0;
}
img.feed_icon.img_rss {
	background-position: 0px -16px;
}
img.feed_icon.img_bbs {
	background-position: -16px -16px;
}
img.feed_icon.img_dat {
	background-position: -32px -16px;
}
img.feed_icon.img_osr {
	background-position: -48px -16px;
}
img.feed_icon.img_rss_chk {
	background-position: -64px -16px;
}
img.feed_icon.img_bbs_chk {
	background-position: -80px -16px;
}
img.feed_icon.img_dat_chk {
	background-position: -96px -16px;
}
img.feed_icon.img_osr_chk {
	background-position: -112px -16px;
}
img.feed_icon.img_image {
	background-position: 0px -32px;
}
img.feed_icon.img_image2 {
	background-position: -16px -32px;
}
img.feed_icon.img_audio {
	background-position: -32px -32px;
}
img.feed_icon.img_video {
	background-position: -48px -32px;
}
img.feed_icon.img_html {
	background-position: -64px -32px;
}
img.feed_icon.img_object {
	background-position: -80px -32px;
}
img.feed_icon.img_rssln {
	background-position: -96px -32px;
}
img.feed_icon.img_youtube {
	background-position: 0px -48px;
}
img.feed_icon.img_nicovideo {
	background-position: -16px -48px;
}
img.feed_icon.img_google {
	background-position: -32px -48px;
}
img.feed_icon.img_dailymotion {
	background-position: -48px -48px;
}
img.feed_icon.img_metacafe {
	background-position: -64px -48px;
}
img.feed_icon.img_veoh {
	background-position: -80px -48px;
}
img.feed_icon.img_twitter {
	background-position: -96px -48px;
}
img.feed_icon.img_flickr {
	background-position: -112px -48px;
}

/* menu icon */
img.menu_icon {
	background: url(image/menu_icon.gif) no-repeat;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
img.menu_icon.img_view {
	background-position: 0px 0;
}
img.menu_icon.img_link {
	background-position: -16px 0;
}
img.menu_icon.img_tag {
	background-position: -32px 0;
}
img.menu_icon.img_cmnt {
	background-position: -48px 0;
}
img.menu_icon.img_menu {
	background-position: -64px 0;
}
img.menu_icon.img_stop {
	background-position: -80px 0;
}

/* menu marker */
img.menu_mark {
	background: url(image/menu_mark.gif) no-repeat;
	width: 8px;
	height: 8px;
	vertical-align: middle;
}
img.menu_mark.img_down1 {
	background-position: 0px 0;
}
img.menu_mark.img_right1 {
	background-position: -8px 0;
}
img.menu_mark.img_check1 {
	background-position: -16px 0;
}
img.menu_mark.img_down2 {
	background-position: 0px -8px;
}
img.menu_mark.img_right2 {
	background-position: -8px -8px;
}
img.menu_mark.img_check2 {
	background-position: -16px -8px;
}

/* checkbox */
img.checkbox {
	background: url(image/checkbox.gif) no-repeat 0 0;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
img.checkbox.img_check1 {
	background-position: -16px 0;
}
img.checkbox.img_check2 {
	background-position: -32px 0;
}

/* toggle */
img.toggle {
	background: url(image/toggle.gif) no-repeat;
	width: 11px;
	height: 11px;
	vertical-align: middle;
	margin-right: 2px;
}
img.toggle.img_plus {
	background-position: 0px 0;
}
img.toggle.img_minus {
	background-position: -11px 0;
}

/* menu */
.cont_menu {
	position: absolute;
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #888 #333 #333 #888;
	color: #333;
	z-index: 10;
	cursor: default;
	margin: 0px;
	overflow: auto;
	overflow-x: hidden;
}
.cont_menu_tbl {
	margin: 0px;
	border-collapse: collapse;
	empty-cells: show;
}
.cont_menu_tbl td {
	white-space: nowrap;
	padding: 2px;
}
.cont_menu_tbl td.check {
	width: 8px;
}
.cont_menu_tbl td.item {
	text-align: left;
}
.cont_menu_tbl td.submenu {
	width: 8px;
}
.cont_menu_tbl tr.focus td {
	background-color: #37c;
	color: #fff;
}
.cont_menu_tbl .separator {
	height: 1px;
	background-color: #888;
	overflow: hidden;
}
.cont_menu_tbl .disable {
	color: #888;
}
.cont_menu_tbl a {
	display: block;
	color: #333;
	text-decoration: none;
}
.cont_menu_tbl tr.focus a {
	color: #fff;
}

/* dialog */
.dlg_block {
	position: absolute;
	background-color: #fff;
	border: 2px solid #26a;
	border-top: 2px solid #48c;
	width: 40em;
/*	-moz-box-shadow: 8px 8px 8px #888;
	-webkit-box-shadow: 8px 8px 8px #888;*/
}
.dlg_block.blur {
	border-color: #6ae #48c #48c;
}
.dlg_head {
	background-color: #26a;
	border-bottom: 1px solid #048;
	color: #fff;
	padding: 2px;
	cursor: move;
	overflow: hidden;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.dlg_block.blur .dlg_head {
	background-color: #48c;
	border-bottom: 1px solid #26a;
}
.dlg_body {
	clear: both;
	padding: 4px;
	overflow: hidden;
}
.dlg_body .item_addr {
	color: #080;
}
.dlg_foot {
	margin: 1.5em 0 0.5em;
	text-align: center;
}
.dlg_foot input.btn {
	width: 6em;
}

/* query */
#dlg_query_items {
	overflow: auto;
}
#dlg_query_items li {
	color: #080;
}
#dlg_query_items .title {
	color: #666;
	margin-left: 2em;
}

/* popup */
#dlg_popup {
	border-width: 1px;
	background-color: #ffe;
}
#dlg_popup_body {
	overflow: auto;
	overflow-x: hidden;
}
#dlg_popup_body .item_block {
	background-color: #ffe;
}

/* media */
#dlg_image .dlg_body {
	padding: 0;
	overflow: hidden;
	position: relative;
}
#dlg_audio .dlg_body,
#dlg_video .dlg_body,
#dlg_object .dlg_body {
	padding: 0;
	overflow: hidden;
}

/* clip */
#dlg_myclip {
	width: 80%;
}
#dlg_myclip_body {
	padding: 0;
	width: 100%;
	overflow: auto;
}
#dlg_myclip_body .item_foot {
	overflow: hidden;
}

/* user */
.user_form {
/*	margin: 1em;*/
}
.user_form td {
	padding: 2px;
}
.user_form td.name {
	vertical-align: top;
	text-align: right;
	white-space: nowrap;
}
.user_form input.box {
	width: 10em;
}
#login_form img {
	vertical-align: middle;
}

/* property */
#dlg_prop h3 {
	font-size: 120%;
	font-weight: bold;
	margin: 0.5em 0;
}
.prop_form td {
	padding: 1px;
}
.prop_form .name {
	vertical-align: top;
	text-align: right;
	white-space: nowrap;
}
form .disable {
	color: #888;
}

/* settings */
#setting_form h3 {
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0 0.5em;
}
table.setting_tbl {
	background-color: #fff;
	border: 1px solid #888;
	border-collapse: collapse;
	empty-cells: show;
}
table.setting_tbl th {
	background-color: #ddd;
}
table.setting_tbl th,
table.setting_tbl td {
	padding: 2px;
	border: 1px solid #ccc;
}
table.setting_tbl td a {
	color: #333;
}
table.setting_foot th {
	text-align: right;
}
table.setting_foot th,
table.setting_foot td {
	font-size: 80%;
	vertical-align: top;
}

/* shortcut */
#shortcut_form h3 {
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0 0.5em;
}
#shortcut_form a.assign_key {
	display: block;
	width: 9em;
	border: 1px solid #069;
	padding: 1px;
	color: #333;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#shortcut_form a.assign_key:hover {
	background-color: #def;
}
#shortcut_assign {
	z-index: 20;
	position: absolute;
	background-color: #833;
	color: #fff;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	width: 10em;
	padding: 2px;
}

/* notice */
#notice {
	z-index: 20;
	position: absolute;
	background-color: #fff;
	border: 2px solid #888;
	padding: 10px;
	white-space: nowrap;
	overflow: hidden;
}

/* popup */
#popup_html {
	z-index: 19;
	position: absolute;
	background-color: #fff;
	border: 1px solid #48c;
	padding: 0px;
	overflow: hidden;
}
#popup_back {
	z-index: 18;
	position: absolute;
	background-color: #000;
	width: 100%;
	height: 100%;
	opacity: 0.8;
}
div.popup_head {
	background: #48c url(image/bg_blue_head.gif) repeat-x left top;
	color: #fff;
	padding: 2px 1px;
	-moz-user-select: none;
	-webkit-user-select: none;
}
div.popup_head .title {
	color: #fff;
}
div.popup_body {
	clear: both;
	padding: 0;
	overflow: hidden;
}
div.popup_body iframe {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	border: none;
}
