/* 2008.04.09: Like http://haveamint.com/ */

/* --------------------------------------------------- */
/* - Structure --------------------------------------- */
/* --------------------------------------------------- */
html{ height: 100%; }

body{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: 'ヒラギノ角ゴ Pro W3',Verdana,Tahoma,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 0.9em;
	color: #444444;
	background: #27408B;
}
.container{
	width: 50em;
	height: 100%;
	min-height: 100%;
	background-color: white;
	border-left: 1px solid #BCE27F;
	border-right: 3px solid #BCE27F;
	margin: 0 auto 0 100px;
	text-align:left;
    padding: 5px 30px 5px 20px;
}

/* バグ回避のため必要 */
/* http://www.stylish-style.com/csstec/ultimate/height100.html */
body > .container { height: auto; }


#header{}
#globalNavi{
	padding-bottom: 3px;
	border-bottom: 1px solid #CCC;
}
#lastupdate{
	text-align: right;
	position: relative;
	right: 8em;
	width: 12em;
	line-height: 2em;
	background-color: antiquewhite;
	border-left: 10px solid #F08A00; /* magenta */
	padding: 2px 8px;
}
address{
	text-align: right;
	font-style: normal;
}
#localNavi{
	text-align: center;
	margin: 2em 0;
}

/* --------------------------------------------------- */
/* - body -------------------------------------------- */
/* --------------------------------------------------- */
#body{
	line-height: 175%;
}

.category div{
	background-color: #F6F6F6;  /* #F2F2F2;  #fdfdfd;*/
	margin: 1em;
	padding: 1em 2em 1em 2em;
	border-right: 2px solid #E8EEFA; /* #E8EEFA; /*#C3D9FF,#F2F2F2;*/
	border-bottom: 1px solid #C3D9FF; /* #f9f9f9; /*#F2F2F2;*/
}

h1{
	font-size: 160%;
	color: #444444;
	font-weight: normal;
}

h2{
	font-family: 'Trebuchet MS';
	font-size: 120%;
	letter-spacing: 0.05em;
	color: #0088E3;
}
.plus{
	display: none;
}
.plus, .minus{
	font-family: 'Courier New','Courier',monospace;
}

h3{
	font-size: 100%;
	color: #444444;
}
/* --------------- */

ul{
	line-height: 2em;
}

li{
	padding-left: 0.4em;
	list-style-image: url(../icons/li_icon.gif);
}
li li{
	list-style: circle;
}
li.star{
	list-style-image: url(../icons/star.gif);
}

.flat, .flat li{
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}
.flat li{
	margin-left: 10px;
}
/* --------------- */
a{ text-decoration: none; }
#header a{ color: #689E21; }
#body a{ color: #689E21; }
#header a:hover, #body a:hover{
	color: #689E21;
	border-bottom: 1px dashed #689E21;
}
a.doc:after{ margin-left: 5px; content: url(../icons/icon_doc.gif); }
a.xls:after{ margin-left: 5px; content: url(../icons/icon_xls.gif); }
a.ppt:after{ margin-left: 5px; content: url(../icons/icon_ppt.gif); }
a.pdf:after{ margin-left: 5px; content: url(../icons/icon_pdf.gif); }
a.mail:after{ margin-left: 5px; content: url(../icons/icon_mail.gif); }
a.archive:after{ margin-left: 5px; content: url(../icons/icon_archive.gif); }
a.txt:after{ margin-left: 5px; content: url(../icons/icon_txt.gif); }
a.external:after{ margin-left: 5px; content: url(../icons/icon_external.gif); }
/* --------------------------------------------------- */