/* Base Settings */
BODY{
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	border-width : 0px 0px 0px 0px;
	background-color : #FFFFFF;
	color : #333333;
	word-wrap : break-word;
	word-break : break-all;
}

TABLE, DIV, H1, H2, H3, H4, H5, H6, P, LI, TH, TD{
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	border-width : 0px 0px 0px 0px;
	font-weight : normal;
	font-size : 1.0em;
	font-family : "メイリオ","ヒラギノ明朝 Pro W6","HiraMinPro-W6", "平成明朝","MS 明朝","Osaka";
	word-wrap : break-word;
	word-break : break-all;
}

A{
	word-wrap : break-word;
	word-break : break-all;
}

STRONG{
	font-weight : bold;
}

EM{
	font-weight : normal;
	font-style : normal;
}

CAPTION{
	text-align : left;
}

UL{
	margin : 0px 0px 0px 16px;
}
OL{
	margin : 0px 0px 0px 20px;
}

LI{
	padding : 0px 0px 4px 0px;
}
LI UL,
LI OL{
	margin-top : 6px;
}

IMG{
	border : 0px none;
	padding : 0px;
	margin : 0px;
}

A:link, A:visited{
	color : #5186b9;
	text-decoration : underline;
}

A:active, A:hover{
	color : #99bfe3;
	text-decoration : none;
}

IMG{
	vertical-align : bottom;
}
FORM{
	display : inline;
}


.important{
	color : #CC0000;
}
.caution{
	color : #ff8c00;
}


/* Site Architecture */
html, body{
	height: 100%;
}

/* pagePane */
#pagePane{
	width : 800px;
	margin : 0px auto;
}

/* headPane */
#headPane{
	padding : 24px 24px 24px 24px;
	border-width : 0px 0px 1px 0px;
	border-color : #CCCCCC;
	border-style : solid;
	font-size : 0.75em;
}
#headPane DIV{
	width : 800px;
	margin : 0px auto;
}
#headPane A{
	color : #000000;
	text-decoration : none;
	padding : 0px 24px 0px 0px;
}

#bodyPane{
	width : 800px;
	margin : 40px auto 40px auto;
	padding : 0px 24px 0px 24px;
	font-size : 0.75em;
}
#bodyPane P.date{
	font-size : 0.8em;
}
#bodyPane .subject A{
	background-image : url(/img/subject.gif);
	background-position : 0px 2px;
	background-repeat : no-repeat;
	padding : 0px 0px 0px 12px;
}
#bodyPane P.body{
	margin : 0px 24px 16px 0px;
	font-size : 0.9em;
}
#bodyPane P.body IMG{
	margin : 0px 0px 8px 0px;
}
#bodyPane P.body SPAN.blockquote{
	margin : 8px 0px 8px 0px;
	padding : 12px 12px 12px 12px;
	background-color : #EAEAEA;
	display : block;
}

#bodyPane P.url{
	margin : 0px 0px 32px;
	font-size : 0.7em;
	text-decoration : none;
}
#bodyPane A{
	color : #333333;
	text-decoration : none;
}

#profileArea{
	width : 565px;
	float : left;
}
#projectArea{
	width : 180px;
	float : right;
}
#projectArea P.url{
	margin-bottom : 4px;
}
#projectArea P.caption{
	font-size : 0.9em;
	margin-bottom : 36px;
}
H1, H2{
	margin : 0px 0px 8px 0px;
	font-weight : bold;
}
H3{
	margin : 12px 0px 8px 0px;
	font-weight : bold;
}


#entryArea{
	width : 350px;
	float : left;
}
#eventArea{
	width : 450px;
	float : left;
}
#eventArea H3{
	margin : 0px 0px 2px 0px;
	font-size : 0.9em;
}
#eventArea P.body{
	font-size : 0.9em;
	padding : 12px 12px 12px 18px;
	border-width : 1px 1px 1px 1px;
	border-color : #888888;
	border-style : solid;
	background-color : #F0F0F0;
	line-height : 1.7;
}
#entryArea P A,
#eventArea P A{
	text-decoration : underline;
}



/* System Message */
DIV.SystemMessage{
	margin : 0px 0px 8px 0px;
	padding : 6px 6px 6px 6px;
	background-color : #EEEEEE;
	font-size : 0.7em;
}
#bodyPane DIV.SystemMessage P, #bodyPane DIV.SystemMessage LI{ font-size : small !important; }
UL.Error LI, UL.SystemMessage LI, UL.Success LI{	margin : 0px 0px 0px 30px;	}
P.Error, P.SystemMessage, P.Success{	margin : 0px 0px 4px 0px;	}
UL.Error	LI, P.Error		{	color : #FF4400 !important;	}
UL.Message	LI, P.Message	{						}
UL.Success	LI, P.Success	{	color : #0000FF !important;	}