body, input, textarea
{
/*	font-family : "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;*/
	font-family : sans-serif;
	font-size: 100%;
}

body
{
	margin: 0px;
	padding: 0px;
	background-color: #f2f2f2;
	text-align:center;
}


div
{
	margin: 0px;
	padding: 0px;
}

a
{
	text-decoration: none;
	font-weight: bold;
}
a:hover
{
	text-decoration: underline;
}
a:visited
{
	color: #336600;
}
a:visited
{
	color: #336600;
}
a:link
{
	color: #993300;
}

img
{
	border:0px;
}

h1
{
	font-size: 120%;
	margin:0;
	padding:0;
}

q
{
	color: #993300;
	font-style: italic;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	quotes: none;
	border-bottom: #cccccc 1px dotted;
}

.txt-numeric {
	text-align: right;
	ime-mode: inactive;
}
.txt-alpha {
	text-align: left;
	ime-mode: inactive;
}
.txt-jp {
	text-align: left;
	ime-mode: active;
}

#header
{
	background-position: left top;
	background-image: url(../images/base_header.gif);
	background-repeat: repeat-x;
	
	text-align:left;
}

#header .jinrikihome
{
	display:block;
	width:80px;
	height:32px;
	overflow:hidden;
	text-indent:-1000px;
	font-size:1px;
	background-position: left top;
	background-image: url(../images/logo_s_jinriki.gif);
	background-repeat: no-repeat;
}


#footer
{
	padding:16px;
}
#footer ul
{
	margin: 0px;
	padding: 0px;
	
}
#footer li
{
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#footer a
{
	margin-left: 8px;
	margin-right: 8px;
	color: #006600;
	font-weight: normal;
}

#main
{
	text-align: left;
	margin: auto;
	width: 928px;
	background-color: #ffffff;
	background-image: url( '../images/main_body.gif' );
	background-repeat: repeat-y;
}

#main-header
{
	background-image: url( '../images/main_header.gif' );
	background-repeat: no-repeat;
	background-position:left top;
	margin:0px;
	padding:8px 8px 0px 8px;
	color: #000;
}
#main-header h1
{
	font-size:110%;
	line-height:100%;
	margin:0px;
	padding:0px;
}
#main-header a
{
	color:#000;
}
#main-header .subtitle
{
	font-size:80%;
}

#main-footer
{
	height:16px;
	clear:both;
	background-image: url( '../images/main_footer.gif' );
	background-repeat: no-repeat;
	background-position:left bottom;
}


#main-menu
{
	margin:0px 8px 0px 8px;
	background-color: #dae4d0;
	color: #336600;
	line-height: 36px;
	background-position: left top;
	background-image: url(../images/menu_body.gif);
	background-repeat: repeat-x;
}

#main-menu ul
{
	margin:0px;
	margin-left:16px;
	
	padding:0px;
}

#main-menu li
{
	margin:0px;
	padding:0px;
	display: inline;
}

#main-menu a
{
	font-size: 14px;
	margin: 0px;
	padding-left: 20px;
	padding-right: 8px;
	color: #003333;
	background-position: left center;
	font-weight: bold;
	background-image: url(../images/menu_icon.gif);
	padding-bottom: 0px;
	padding-top: 0px;
	background-repeat: no-repeat;
}

#main-menu a:hover
{
	background-image: url(../images/menu_h_icon.gif);
	color: #ff9900;
}

#sub-menu
{
	margin:0px 8px 0px 8px;
	background-color: #eeeeee;
	color: #666666;
	line-height: 28px;
}
#sub-menu ul
{
	margin:0px;
	margin-left:16px;
	
	padding:0px;
}
#sub-menu a
{
	font-size: 12px;
	margin: 0px;
	padding-left: 20px;
	padding-right: 8px;
	color: #003333;
	background-position: left center;
	font-weight: bold;
	background-image: url(../images/menu_icon.gif);
	padding-bottom: 0px;
	padding-top: 0px;
	background-repeat: no-repeat;
}
#sub-menu a:hover
{
	background-image: url(../images/menu_h_icon.gif);
	color: #ff9900;
}

#sub-menu li
{
	margin:0px;
	padding:0px;
	display: inline;
}

#main-content
{
	margin:16px 0px 0px 18px;
	
}


#main-left
{
	clear:both;
	float:left;
	width:440px;
}

#main-right
{
	width:440px;
	margin-left:448px;
}

#main-document
{
	float:left;
	width:580px;
}


#main-side
{
	width:300px;
	margin-left:588px;
}

h2
{
	background-position: left top;
	background-image: url(../images/title_f.gif);
	background-repeat: no-repeat;
	font-size:100%;
	margin:0px;
	padding:0px;
	padding-left:30px;
	line-height:24px;
	margin-top:8px;
	margin-bottom:8px;
}


#main-right h2 , #main-left h2
{
	background-image: url(../images/title_m.gif);
}

#main-document h2
{
	background-image: url(../images/title_l.gif);
}

#main-side h2
{
	background-image: url(../images/title_s.gif);
}

#counter
{
	text-align:center;
	display:inline;
	float:right;
	margin:4px 24px 0 0;
	/*background-color:#ebf1e6;*/
	background-color:#f0f0f0;
	border-top:8px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	width:140px;
}

#counter .info
{
	margin:8px;
}

#counter .caption
{
	font-size:80%;
	color: #336633;
	margin:0 2px;
}

#profile .image
{
	float:left;
	height:64px;
}

#profile .image img
{
	height:64px;
}

#profile .name
{
	line-height:36px;
}

#profile .arukindo
{
	display:block;
	float:left;
	width:48px;
	height:36px;
	overflow:hidden;
	text-indent:-1000px;
	font-size:1px;
	background-position: left top;
	background-image: url(../images/logo_s_arukindo.gif);
	background-repeat: no-repeat;
}

#profile .charindo
{
	display:block;
	float:left;
	width:48px;
	height:36px;
	overflow:hidden;
	text-indent:-1000px;
	font-size:1px;
	background-position: left top;
	background-image: url(../images/logo_s_charindo.gif);
	background-repeat: no-repeat;
}

#profile .hashirindo
{
	display:block;
	float:left;
	width:48px;
	height:36px;
	overflow:hidden;
	text-indent:-1000px;
	font-size:1px;
	background-position: left top;
	background-image: url(../images/logo_s_hashirindo.gif);
	background-repeat: no-repeat;
}


#profile .name img
{

	margin-right:8px;
	vertical-align:middle;
}

#profile .profile
{
	margin:0px 20px 0px 72px;
}

#profile .profile .text
{
	border-top: 2px #6e8c5c solid;
	padding: 4px 0px 0px 0px;
	width:650px;
}

.balloon
{
	width:440px;
	background-image: url(../images/balloon_body.gif);
	background-repeat: repeat-y;
}

.balloon .header
{
	padding-top: 32px;
	padding-left: 16px;
	padding-right: 16px;
	background-image: url(../images/balloon_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
}

.balloon .body
{
	padding:16px;
	padding-top:8px;
	padding-bottom:8px;
}

.balloon .footer
{
	text-align:right;
	padding-bottom:8px;
	padding-left:16px;
	padding-right:16px;
	background-image: url(../images/balloon_footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}



#daily-log
{
	margin-top:8px;
	margin-bottom:16px;
}

#daily-log ul
{
	margin:4px;
	margin-left:8px;
	margin-right:8px;
	padding:0px;
}

#daily-log li
{
	margin: 2px;
	padding: 2px;
	padding-left:24px;
	border-bottom: #b9d096 1px dotted;
	list-style-type: none;
	background-position: 0px 4px;
	background-image: url(../images/balloon_icon.gif);
	background-repeat: no-repeat;
}

#daily-log .datetime
{
	margin-left:8px;
	float:right;
}

#daily-log .more
{
	margin:8px;
	text-align:right;
	
}

#daily-log .more a
{
	
	background-position: left center;
	padding-left: 18px;
	background-image: url(../images/arrow_icon.gif);
	background-repeat: no-repeat;
}


h3
{
	font-size:120%;
	margin:1px;
	margin-bottom:4px;
	padding:0px;
	line-height:100%;
}

h3 a
{
	color: #006633;
}

h3 a:hover
{
	color: #ff9900;
}


#travel-log
{
	margin-bottom:16px;
}

#travel-log ul
{
	margin:4px;
	margin-left:8px;
	margin-right:8px;
	padding:0px;
}

#travel-log li
{
	margin: 2px;
	padding: 2px;
	padding-left: 20px;
	border-bottom: #b9d096 1px dotted;
	list-style-type: none;
	background-position: 0px 4px;
	background-image: url(../images/document_icon.gif);
	background-repeat: no-repeat;
}

#travel-log .datetime
{
	margin-bottom:2px;
}


#main-left .challenge
{
	width:440px;
	background-image: url(../images/challenge_m_body.gif);
	background-repeat: repeat-y;
}

#main-left .challenge .header
{
	padding-top:16px;
	padding-left:16px;
	padding-right:16px;
	background-image: url(../images/challenge_m_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#main-left .challenge .footer
{
	text-align:right;
	padding-bottom:8px;
	padding-left:16px;
	padding-right:16px;
	background-image: url(../images/challenge_m_footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#main-left .complete
{
	width:440px;
	background-image: url(../images/complete_m_body.gif);
	background-repeat: repeat-y;
}

#main-left .complete .header
{
	padding-top:16px;
	padding-left:16px;
	padding-right:16px;
	background-image: url(../images/complete_m_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#main-left .complete .footer
{
	text-align:right;
	padding-bottom:8px;
	padding-left:16px;
	padding-right:16px;
	background-image: url(../images/complete_m_footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}


#main-document-header .challenge
{
	width:888px;
	background-image: url(../images/challenge_f_body.gif);
	background-repeat: repeat-y;
}

#main-document-header .challenge .header {
	padding-top:16px;
	padding-left:16px;
	padding-right:16px;
	background-image: url(../images/challenge_f_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#main-document-header .challenge .footer {
	text-align:right;
	padding-bottom:8px;
	padding-left:16px;
	padding-right:16px;
	background-image: url(../images/challenge_f_footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#main-document-header .complete
{
	width:888px;
	background-image: url(../images/complete_f_body.gif);
	background-repeat: repeat-y;
}

#main-document-header .complete .header
{
	padding-top:16px;
	padding-left:16px;
	padding-right:16px;
	background-image: url(../images/complete_f_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#main-document-header .complete .footer
{
	text-align:right;
	padding-bottom:8px;
	padding-left:16px;
	padding-right:16px;
	background-image: url(../images/complete_f_footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#main-document h3
{
	margin-bottom:16px;
}


#main-document .challenge
{
	width:580px;
	background-image: url(../images/challenge_l_body.gif);
	background-repeat: repeat-y;
}

#main-document .challenge .header
{
	padding-top:16px;
	padding-left:16px;
	padding-right:16px;
	background-image: url(../images/challenge_l_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#main-document .challenge .footer
{
	text-align:right;
	padding-bottom:8px;
	padding-left:16px;
	padding-right:16px;
	background-image: url(../images/challenge_l_footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#main-document .complete
{
	width:580px;
	background-image: url(../images/complete_l_body.gif);
	background-repeat: repeat-y;
}

#main-document .complete .header
{
	padding-top:16px;
	padding-left:16px;
	padding-right:16px;
	background-image: url(../images/complete_l_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#main-document .complete .footer
{
	text-align:right;
	padding-bottom:8px;
	padding-left:16px;
	padding-right:16px;
	background-image: url(../images/complete_l_footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#main-document .document
{
	width:580px;
	background-image: url(../images/document_body.gif);
	background-repeat: repeat-y;
}

#main-document .document .header
{
	padding-top:16px;
	padding-left:16px;
	padding-right:16px;
	background-image: url(../images/document_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#main-document .document .body
{
	padding-left:16px;
	padding-right:16px;
	padding-bottom:16px;
}

#main-document .document .footer
{
	text-align:right;
	padding-bottom:8px;
	padding-left:16px;
	padding-right:16px;
	background-image: url(../images/document_footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:32px;
}

#main-document .document .footer .prev
{
	float:left;
	line-height:32px;
}

#main-document .document .footer .next
{
	float:right;
	line-height:32px;
}

#main-document .document .footer ul
{
	margin:0px;
	padding:0px;
}

#main-document .document .footer li
{
	display:inline;
	margin-left: 8px;
	margin-right: 8px;
	list-style-type: none;
}

#main-document .document .text
{
	margin-bottom:8px;
}
#main-document .document .info
{
	text-align:right;
}

#main-document .document .comments
{
	padding-left:32px;
	border-top: #999999 1px dotted;
}

#main-document .document .comment
{
	margin-top:16px;
	border-bottom: #999999 1px dotted;
}

#main-document .document .comment .text
{
	margin-right:8px;
}

.challenge .header,.complete .header
{
	line-height:1.2;
}


.challenge .caption, .complete .caption
{
	color: #336633;
}

.challenge .data, .complete .data
{
	margin-left:4px;
	margin-right:4px;
}

#schedule dl
{
	margin:0px;
	padding:0px;
	margin-top:8px;
	margin-bottom:8px;
}

#schedule dt
{
	margin: 0px;
	padding: 0px;
	padding-left: 24px;
	background-image: url(../images/schedule_s.gif);
	background-repeat: no-repeat;
	line-height: 20px;
	color: #53713b;
	font-size: 14px;
}

#schedule dd
{
	margin: 8px;
	padding: 0px;
	line-height: 1.5;

}



.document
{
	line-height:1.5;
}

.document img 
{
	margin-left:4px;
	margin-bottom:4px;
	clear:both;
	float:right;
}





.clear
{
	clear:both;
}

.no_visible {
	background-color: #ff0000;
	color: #ffffff;
	padding: 2px;
	font-size: 80%;
	margin: 3px;
}




/******* pager **************************************************/
.pager
{
}
.pager ul
{
	margin:8px;
	padding: 0px;
	text-align: center;
}
.pager li
{
	display: inline;
	color: #ffffff;
	background-color: #acc2a2;
	padding: 4px;
	margin-left: 1px;
}

.pager .selected
{
	background-color: #92a580;
	color: #f3fce2;
}

.pager li a, .pager li a:visited
{
	font-size: 90%;
	color: #ffffff;
	font-weight: normal;
}

/******* counter **************************************************/
#counter
{
}
#counter td
{
	border-bottom: 1px #ccc dotted;
	border-right: 1px #ccc dotted;
	margin: 0px;
}
#counter .date
{
	text-align: center;
}
#counter .num
{
	text-align: right;
	padding-right: 5px;
}
#counter .graph
{
	text-align:center;
	border-right: 0px;
	padding: 0px;
	width: 200px;
}
#counter .graph .dup
{
	height: 1em;
	background-color:#ffcccc;
}
#counter .graph .uni
{
	height: 1em;
	background-color:#ff9999;
}

/******* schedule **************************************************/
#schedule ul
{
	margin: 0;
	padding: 0;
}
#schedule li
{
	display: inline;
	list-style-type: none;
	margin-left: 5px;
	margin-right: 5px;
}
#schedule dt a
{
    font-weight:normal;
}
#schedule dt a:hover
{
    color:#ff0000;
    font-weight:normal;
}
#schedule dd a
{
    color:#333333;
    font-weight:normal;
}
#schedule dd a:hover
{
    color:#ff0000;
    font-weight:normal;
}
#schedule dd span
{
}
#editPanelBackground
{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
	filter:alpha(opacity=50); /*IE*/
	-moz-opacity:0.50; /*FF*/
	opacity:0.50;
	background-color:#000000;
}
#editPanel
{
    position:absolute;
    color:#000000;
    background-color:#ffffff;
    border:solid 1px #92a580;
    width:300px;
    margin:5px;
    padding:2px;
    z-index:1;
}
#editPanel .editPanelHeader
{
    color:#ffffff;
    background-color:#92a580;
    text-align:center;
    padding:5px;
    cursor:move;
}
#editPanel .editPanelBody
{
    background-color:#ffffff;
}
#txtBody
{
    width:95%;
    height:160px;
}

#editPanel .editPanelFooter
{
    text-align:center;
}

#note
{
    background-color:#EBF1E6;
    border:1px solid #92a580;
    padding:3px;
    margin-right:3px;
}


#travel
{
	clear:both;
}


#travel h3
{
	margin:0;
	padding:0;
	display:inline;
	
	font-size:100%;
	line-height:2em;
}

#travel table
{
	margin-left:10px;
	border-collapse: collapse;
	width:870px;
}
#travel td
{
	border-bottom: #b9d096 1px dotted;
}
#travel tr
{
	border-bottom: #b9d096 1px dotted;
}

#travel .total
{
	clear:left;
	text-align:right;
		margin:0 64px 0 32px;
}

#travel .caption
{
		color: #336633;
	font-size:90%;
}

#travel .data
{
	margin:0 4px;
}

#travel .card
{
	float:left;
	display:inline;
	margin:4px;
	background-color:#fcfffc;
	border-top:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	width:420px;
	line-height:1.3;
}

#travel .card .inner
{
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
padding:1px 1px 1px 6px;	
	

}

#travel .card .inner .content
{
	min-height:80px;
	height: auto !important;
	height: 80px;
}


#travel .card h3
{
	margin:0;
	padding:0;
	display:inline;
	
	font-size:100%;
	line-height:2em;
}
#travel .card .caption
{
	font-size:80%;
	margin:0 2px 0 4px;
}

#travel .card .data
{
	font-size:90%;
}

#travel .card .image
{
	float: right;
	width: 80px;
	height: 80px;
	overflow: hidden;
	text-align: center;
	
}

#travel .card .image img
{
	height:80px;
}