/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 */

/*
	濃い - タイトル       	#903200
	濃い影 - サブタイトル 	#ff965f
	普通 - メニューetc.   	#fad163
	濃い普通 - メニュー↑ 	#d28025
	薄い -                	#ffef1e
	フッター              	#aabbaa
	リスト奇数            	#f6f6f6
	リンク - hover 			#0000ff
	ユーザーリンク			#8080ff
	検索ボーダー			#aabbaa
	検索地					#eeffdd
	content h2 ボーダー		#fad163
	content h2 地 			#fdf0c9
*/

/*------------------------------------------------
 COMMON
--------------------------------------------------*/

body {
	font-family:Verdana, Osaka, sans-serif;
	text-align:center;
}

input {
	vertical-align:middle;
}

a, a:link, a:visited {
	color:#002c84;
	text-decoration:none;
}
a:hover {
	color:#2c84f1;
	text-decoration:underline;
}

a.link_add {
	min-height:16px;
	padding-left:16px;
	background:transparent url('http://image.calcho.net/add.gif') no-repeat left center;
}

a.link_feed {
	min-height:16px;
	padding-left:18px;
	background:transparent url('http://image.calcho.net/feed-icon.gif') no-repeat left center;
}

a.link_ical {
	min-height:16px;
	padding-left:18px;
	background:transparent url('http://image.calcho.net/ical-icon.gif') no-repeat left center;
}

a.link_help {
	padding-left:8px;
}

a.link_home {
	display:inline;
	vertical-align:middle;
}

.memo {
	margin-left:0.5em;
	color:#808080;
	font-size:85%;
}

.import {
	margin-left:0.5em;
	color:#ff0000;
	font-size:85%;
}

img.mid {
	display:inline;
	vertical-align:middle;
}


/*------------------------------------------------
 SECTION CONTAINER
--------------------------------------------------*/

#container {
	width:780px;
	margin:0 auto;
	text-align:left;
	background-color:transparent;
}


/*------------------------------------------------
 SECTION HEADER
--------------------------------------------------*/

#header {
	width:780px;
	height:36px;
	color:#eeffdd;
	background-color:#903200;
}


/*------------------------------------------------
 HEADER TITLE
--------------------------------------------------*/

#header #title {
	float:left;
}


/*------------------------------------------------
 HEADER NAVI TABS
--------------------------------------------------*/

#navi .tabs {
	float:right;
	margin-right:8px;
}

#navi .tabs li {
	float:left;
	text-align:center;
}

#navi .tabs a, #navi .tabs a:link, #navi .tabs a:visited {
	display:block;
	padding:4px 4px 0 4px;
	background-color:transparent;
	color:#ffef1e;
	text-align:center;
}
#navi .tabs a:hover {
	color:#ffffff;
}

#navi .tabs #current a, #navi .tabs #current a:link, #navi .tabs #current a:visited {
	color:#ffef1e;
	font-weight:bold;
}
#navi .tabs #current a:hover {
	color:#ffffff;
	font-weight:bold;
}


/*------------------------------------------------
 SUBHEADER
--------------------------------------------------*/

#subheader {
	height:12px;
	background:#ff965f url('http://image.calcho.net/subtitle.gif') no-repeat left center;
}


/*------------------------------------------------
 SECTION CONTENT
--------------------------------------------------*/

#content {
	float:left;
	width:570px;
	padding:4px 0;
}

#content h1, #content h2 {
	margin:8px 0 4px 0;
	padding:4px 8px;
	border-top:solid 1px #fad163;
	background-color:#fdf0c9;
	color:#903200;
	font-weight:bold;
}

#content h1 a, #content h1 a:link, #content h1 a:visited,
#content h2 a, #content h2 a:link, #content h2 a:visited {
	color:#903200;
}
#content h1 a:hover, #content h2 a:hover {
	color:#338104;
}

#content .errors {
	margin:8px 0;
	padding:8px;
	border:solid 1px #ff8888;
	background-color:#ffeeee;
	color:#ff0000;
}

#content .message {
	margin:1em;
}

#content .message ul {
	list-style:circle inside;
}

#content .pr468x60 {
	margin-left:51px;
	margin-bottom:0.5em;
}


/*------------------------------------------------
 CONTENT FORM
--------------------------------------------------*/

#content .form_area {
	clear:both;
	margin-bottom:1em;
	padding:3px;
	border:solid 2px #fad163;
	vertical-align:middle;
}

#content .form_area .form {
	width:100%;
	margin-bottom:1em;
	border-top:solid 1px #aaaaaa;
}

#content .form_area .form th {
	width:12em;
	padding:8px;
	border-bottom:solid 1px #aaaaaa;
	background-color:#f0f0f0;
	text-align:left;
}

#content .form_area .form td {
	padding:8px;
	border-bottom:solid 1px #aaaaaa;
	text-align:left;
}

#content .form_area .form .set th {
	border-bottom:solid 1px #dddddd;
}

#content .form_area .form .set td {
	border-bottom:solid 1px #dddddd;
}

#content .form_area .submit {
	margin:0.2em 0 1em 0;
	text-align:center;
}

#content .form_area .image {
	float:right;
	padding:4px;
	text-align:center;
}


/*------------------------------------------------
 CONTENT FIND
--------------------------------------------------*/

#content #find {
	margin:8px 0;
	padding:8px;
	border-top:solid 1px #aabbaa;
	border-bottom:solid 1px #aabbaa;
	background-color:#eeffdd;
}


/*------------------------------------------------
 CONTENT NOTFIND
--------------------------------------------------*/

#content #notfind {
	margin:1em 1em 1.5em 2em;
}

#content #notfind .message {
	color:#ff0000;
}

#content #notfind li {
	list-style:circle inside;
}


/*------------------------------------------------
 CONTENT GRAPH
--------------------------------------------------*/

#content .graph_area {
	clear:both;
	margin-bottom:1em;
	padding:3px;
	border:solid 2px #fad163;
	vertical-align:middle;
}

#content .graph_area .legend {
	margin-bottom:0.5em;
	text-align:center;
}

#content .graph_area .image {
	float:right;
	padding:4px;
	text-align:center;
}

#content .period_form .form {
	width:100%;
	margin:1em 0;
	border-top:solid 1px #aaaaaa;
}

#content .period_form .form th {
	width:8em;
	padding:8px;
	border-bottom:solid 1px #aaaaaa;
	background-color:#f0f0f0;
	text-align:left;
}

#content .period_form .form td {
	padding:8px;
	border-bottom:solid 1px #aaaaaa;
	text-align:left;
}

#content .period_form .form .set th {
	border-bottom:solid 1px #dddddd;
}

#content .period_form .form .set td {
	border-bottom:solid 1px #dddddd;
}

#content .period_form .submit {
	margin:0.2em 0 1em 0;
	text-align:center;
}


/*------------------------------------------------
 NAVI TABS
--------------------------------------------------*/

#func .tabs {
	float:right;
	margin-right:2px;
}

#func .tabs li {
	float:left;
	text-align:center;
}

#func .tabs a {
	display:block;
	margin:2px;
	padding:4px;
	border:solid 1px #aaaaaa;
	text-align:center;
}
#func .tabs a.link_add {
	min-height:16px;
	padding:4px 4px 4px 20px;
	background:#f0f0f0 url('http://image.calcho.net/func.gif') no-repeat 3px center;
	color:#888888;
}
#func .tabs a:hover {
	background-color:#cccccc;
	color:#333333;
	text-decoration:none;
}

#func .tabs .state a {
	background-color:#e8e8ff;
	color:#808099;
}
#func .tabs .state a:hover {
	background-color:#ccccdd;
	color:#222244;
}


/*------------------------------------------------
 CONTENT ITEMS TABLE
--------------------------------------------------*/

#content .items_head {
	width:100%;
}

#content .items_head th {
	border-bottom:solid 1px #fad163;
	background-color:#fdf0c9;
}

#content .items_head th.content {
	padding:0.4em 0 0.4em 0.5em;
}


#content .items_head th .left_cal {
	color:#408020;
	font-size:108%;
	font-weight:bold;
}

#content .items_head th .ave_cal {
	margin-left:0.5em;
	padding-left:0.5em;
	border-left:solid 1px #888888;
	color:#408020;
	font-size:108%;
	font-weight:bold;
}

#content .items_head th.cal {
	width:7.5em;
	padding:0.4em 0.5em 0.4em 0;
	color:#2070FF;
	font-weight:bold;
	text-align:right;
}

#content .items_head th.total_cal {
	width:9em;
	padding:0.4em 0.5em 0.4em 0;
	color:#2070FF;
	font-weight:bold;
	text-align:right;
}

#content .items {
	width:100%;
	margin-bottom:1em;
}

#content .items th {
	padding:0.2em 0;
	background-color:#fad163;
	color:#903200;
	font-weight:bold;
	text-align:center;
}

#content .items tr.odd td {
	background-color:#f6f6f6;
}

#content .items tr.even td {
}

#content .items td {
	vertical-align: middle;
}

#content .items td.content {
	padding:0.2em 0 0.2em 0.5em;
}

#content .items td.content_big {
	padding:1em 0 1em 0.5em;
}

#content .items td.edit {
	width:20px;
	text-align:right;
}

#content .items td.weight {
	width:5em;
	padding:0.2em 0.2em 0.2em 0;
	text-align:right;
}
#content .items td.fat {
	width:4em;
	padding:0.2em 0.2em 0.2em 0;
	text-align:right;
}
#content .items td.bmi {
	width:3.5em;
	padding:0.2em 0.2em 0.2em 0;
	text-align:right;
}

#content .items td.waist {
	width:5em;
	padding:0.2em 0.2em 0.2em 0;
	text-align:right;
}

#content .items td.left_cal {
	width:6em;
	padding:0.2em 0.2em 0.2em 0;
	text-align:right;
}
#content .items td.left_cal span.left_up {
	color:#2070FF;
}
#content .items td.left_cal span.left_down {
	color:#ff0000;
}

#content .items td.ave_cal {
	width:6em;
	padding:0.2em 0.2em 0.2em 0;
	text-align:right;
}

#content .items td.cal {
	width:7.5em;
	padding:0.2em 0.5em 0.2em 0;
	color:#2070FF;
	font-weight:bold;
	text-align:right;
}

#content .items td.total_cal {
	width:9em;
	padding:0.2em 0.5em 0.2em 0;
	color:#2070FF;
	font-weight:bold;
	text-align:right;
}

#content .items td.add {
	width:4em;
}
#content .items td.add_ex {
	width:10em;
}

#content span.author {
	margin-left:0.3em;
}
#content span.author a, #content span.author a:link, #content span.author a:visited {
	color:#8080ff;
}
#content span.author a:hover {
	color:#2070FF;
}

#content .items_page {
	margin:0.2em 0.3em;
}

#content .items_page span {
	padding:0.1em 0.2em;
}
#content .items_page span#current {
	border:solid 1px #aabbaa;
}
#content .items_page span#more {
	color:#2070FF;
	font-weight:bold;
}

#content .single_item {
	margin-bottom:1em;
	border:solid 1px #aabbaa;
}


/*------------------------------------------------
 CONTENT PART FEED
--------------------------------------------------*/

#content #feed ul {
}

#content #feed li {
	display:inline;
	float:right;
	margin:8px 3px;
}

#content #feed img.mid {
	margin-right:2px;
}


/*------------------------------------------------
 CONTENT PART FEED_INFO
--------------------------------------------------*/

#content #feed_info {
}

#content #feed_info h2.feed {
	margin-top:0;
		padding-left:32px;
	background:#fdf0c9 url('http://image.calcho.net/feed-icon.gif') no-repeat 8px center;
}

#content #feed_info h2.ical {
	margin-top:0;
	padding-left:32px;
	background:#fdf0c9 url('http://image.calcho.net/ical-icon.gif') no-repeat 8px center;
}

#content #feed_info .address {
	margin:1em 0 1em 1em;
}

#content #feed_info .buttons {
	margin:1.5em 1em;
	padding:0.5em 1em;
	border:solid 2px #808080;
}

#content #feed_info .buttons h4 {
	margin-bottom:1em;
}

#content .feed_link {
	padding:2px;
}


/*------------------------------------------------
 CONTENT PART INFOMATION
--------------------------------------------------*/

#content #infomation ul {
	margin:1em 0;
}

#content #infomation li {
	list-style:circle inside;
	margin:0.2em 0.5em;
	color:#0078ff;
}

#content #infomation #total_info {
	width:100%;
	margin:4px 0;
	padding:6px 0;
	background-color:#e6f6e6;
	color:#329000;
	text-align:center;
}

#content #infomation #total_info .label {
	margin-left:0.7em;
	font-size:83%;
}

#content #infomation #total_info .value {
	font-size:103%;
}


/*------------------------------------------------
 CONTENT PART REPORT_REF
--------------------------------------------------*/

#content #report_ref {
}

#content #report_ref ul {
	padding:10px;
}

#content #report_ref li {
	display:inline;
	margin:2px 0;
	padding:2px 4px;
	border-right:1px solid #888888;
}

#content #report_ref li a {
	white-space:nowrap;
}

#content #report_ref li#last {
	border-right:0;
}


/*------------------------------------------------
 CONTENT BENRI_LINK
--------------------------------------------------*/

#content #benri_link {
	margin:2em 0 8px 0;
	padding:8px;
	border-top:solid 1px #aaaabb;
	border-bottom:solid 1px #aaaabb;
	background-color:#ddeeff;
	text-align:center;
}


/*------------------------------------------------
 SECTION MENU
--------------------------------------------------*/

#menu {
	float:right;
	width:200px;
}


/*------------------------------------------------
 MODULE
--------------------------------------------------*/

.module {
	margin:8px 0;
}

.module h3 {
	padding-top:0px;
	padding-bottom:4px;
	font-weight:bold;
	background-color:#fad163;
	text-align:center;
}

.module .rc_box {
	background:url("http://image.calcho.net/rc_module_tl.gif") no-repeat top left;
}
.module .rc_top {
	background:url("http://image.calcho.net/rc_module_tr.gif") no-repeat top right;
}
.module .rc_bottom {
	background:url("http://image.calcho.net/rc_module_bl.gif") no-repeat bottom left;
}
.module .rc_bottom div {
	background:url("http://image.calcho.net/rc_module_br.gif") no-repeat bottom right;
}
.module .rc_content {
	background:url("http://image.calcho.net/rc_module_r.gif") top right repeat-y;
}

.module .rc_top div, .module .rc_top,
.module .rc_bottom div, .module .rc_bottom {
	width:100%;
	height:8px;
	font-size:1px;
}
.module .rc_content, .module .rc_bottom {
/*	margin-top:-19px;*/
}
.module .rc_content {
/*	padding:0 8px;*/
	padding-top:8px;
}


/*------------------------------------------------
 MODULE NOFRAME
--------------------------------------------------*/

.module-nf {
	width:200px;
	margin:8px auto;
/*	padding:1px;*/
	background-color:#FFFFFF;
}


/*------------------------------------------------
 MODULE PROFILE
--------------------------------------------------*/

#menu #profile .rc_content {
	padding:8px 4px;
}

#menu #profile .name {
	padding:2px 4px 2px 8px;
/*	text-align:center;*/
}

#menu #profile table {
	width:100%;
}

#menu #profile td {
	width:50%;
	padding:0.1em 0.2em;
}

#menu #profile tr.downline td {
	height:5px;
}

#menu #profile tr.upline td {
	height:10px;
	border-top:solid 1px #fad163;
}

#menu #profile .info {
	padding:1em 0.5em 0 0.5em;
	color:#aabbaa;
	font-size:80%;
	text-align:center;
}

#menu #profile .info a {
	color:#88dd88;
}

#menu #profile .info a:hover {
	color:#889988;
}

#menu #profile .input a {
	display:block;
	margin:10px 2px 0 2px;
	padding:4px;
	border:solid 1px #aaaaaa;
	background-color:#e8e8ff;
	color:#808099;
	text-align:center;
}
#menu #profile .input a:hover {
	background-color:#ccccdd;
	color:#222244;
}


/*------------------------------------------------
 MODULE QRCODE
--------------------------------------------------*/

#menu #qrcode .rc_content {
	padding:8px 16px;
}

#menu #qrcode .qrcode_title {
	margin-bottom:8px;
}

#menu #qrcode a {
	font-size:85%;
}

#menu #qrcode img {
	border:solid 2px #fdf0c9;
}


/*------------------------------------------------
 MODULE PUBLIC-USER
--------------------------------------------------*/

#menu #public_user .rc_content {
	padding:8px 16px;
}

#menu #public_user li {
	min-height:16px;
	padding-left:20px;
	background:transparent url('http://image.calcho.net/user-icon.gif') no-repeat left center;
}


/*------------------------------------------------
 MODULE CALENDAR
--------------------------------------------------*/

#menu #calendar .rc_content {
}

#menu #calendar table {
	margin:0 2px;
}

#menu #calendar h3 span {
	margin:0 4px;
}

#menu #calendar th {
	width:28px;
	padding:2px 0;
	border-top:solid 1px #fad163;
	border-bottom:solid 1px #fad163;
	background-color:#fdf0c9;
	color:#903200;
	font-weight:bold;
	text-align:center;
}

#menu #calendar td {
	text-align:center;
}

#menu #calendar td a {
	display:block;
	padding:2px 0;
	border-bottom:1px solid #ffffff;
	background-color:#ffffff;
	color:#000000;
}
#menu #calendar td a:hover {
	color:#2c84f1;
}

#menu #calendar td a.beyond {
	color:#dddddd;
}
#menu #calendar td a.beyond:hover {
	color:#2c84f1;
}

#menu #calendar td a#today {
	border-bottom:solid 1px #bbccaa;
	background-color:#eeffdd;
	color:#006600;
	font-weight:bold;
}
#menu #calendar td a#today:hover {
	color:#2c84f1;
}

#menu #calendar td a#target {
	border-bottom:solid 1px #aaaacc;
	background-color:#ddddff;
	color:#000066;
	font-weight:bold;
}
#menu #calendar td a#target:hover {
	color:#2c84f1;
}


/*------------------------------------------------
 MODULE LOGIN
--------------------------------------------------*/

#menu #login {
	padding:0 1em 0.5em 1em;
	background-color:#ff965f;
	text-align:center;
}


/*------------------------------------------------
 MODULE PR
--------------------------------------------------*/

#menu #pr200x200 {
	margin:8px 0;
}


/*------------------------------------------------
 MODULE BOOKMARK
--------------------------------------------------*/

#menu #bookmark {
	margin:8px;
	text-align:center;
}


/*------------------------------------------------
 SECTION FOOTER
--------------------------------------------------*/

#footer {
	clear:both;
	width:780px;
	padding:4px 0;
	background-color:#aabbaa;
	color:#ffffff;
	text-align:center;
}

#footer a, #footer a:link, #footer a:visited {
	color:#ffffff;
}

#footer .tabs li {
	display:inline;
	margin:2px 0;
	padding:0 4px;
	border-right:1px solid #ffffff;
}

#footer .tabs li#first {
	border-left:1px solid #ffffff;
}

#copyright {
	clear:both;
}

#copyright li {
	display:inline;
	margin:2px 0;
	padding:0 4px;
}


/*------------------------------------------------
 FLICKR 570 100
--------------------------------------------------*/

#flickr-images {
	margin:0 25px;
	padding:0;
}

#flickr-images .flickr-image {
	float:left;
	margin:0;
	padding:10px;
}


/*------------------------------------------------
 UTILITY
--------------------------------------------------*/

.clear {
	clear:both;
}