@charset "utf-8";
@import "base.css";
@import "../layout_leftnavi_static.css";
@import "layout.css";
@import "menu.css";

/*
-----------------------------------------
Common
-----------------------------------------
*/

/* section */
article,
section {
	position:relative;
	clear:both;
	margin:0 0 1.5em;
	padding:0 15px;
}
article article,
article section,
section article,
section section {
	margin:0 0 0.5em;
	padding:0 10px;
}

/* heading */
section h1{
	margin:10px -10px 0.79em;
	padding:0.1em 0.5em;
	border:0;
	border-bottom:1px solid #82724A;
/*
	border-left:6px double #eee;
	border-right:6px double #eee;
	background:#fac088;
*/
	color:#cc8866;
	text-align:right;
}
section h2{
	margin:0 -5px 0.5em -9px;
	padding:0 0 0 0.4em;
	border:1px solid #c1bfbb;
	border-width:0 0 0 6px;
}
section h2 a{
	text-decoration:none;
}

/* inline */
section *.memo {
	font-size:94%;
	color:#666;
}
section *.req {
	font-size:87%;
	color:#cc4d33;
}

/* note */
section *.note {
	padding:0 1em;
	font-size:94%;
}
section *.rem {
	padding:0 1em;
	font-size:94%;
	text-align:right;
}
section td.rem {
	padding:0 0.5em;
}
section dl.note,
section ul.note,
section ol.note {
	padding:0 1em 0 2em;
}
section ul.note li {
	list-style:disc;
	padding:0;
	background:none;
}

/* unordered list */
section ul{
	list-style:none;
}
section ul li{
	list-style:none;
	margin:0 0 0.2em;
	padding:0 0 0.2em 20px;
	background:url(../../img/icon_list.gif) no-repeat 8px 0.4em;
}

/* defined list */
section dl dt{
	float:left;
	clear:left;
	width:11em;
	margin:0 0 0.3em;
	padding:0 0 0.3em 1.33em;
	background:url(../../img/icon_list.gif) no-repeat 0.5em 0.45em;
}
section dl dd{
	margin:0 0 0.3em;
	padding:0 0 0.3em 12.5em;
	border-bottom:1px dotted #999;
}

/* list */
section dl.list dt{
	float:none;
	clear:none;
	width:auto;
	margin:0;
	padding:0 0 0 20px;
	background:url(../../img/icon_list.gif) no-repeat 8px 0.4em;
}
section dl.list dd{
	margin:0 0 0.2em 25px;
	padding:0 0 0.2em 0;
	border-bottom:0;
}

/* word */
section dl.word dt {
	width:5em;
	margin:0;
}
section dl.word dd {
	margin:0;
	padding-left:6em;
	border-bottom:0;
}

/* office */
section dl.form dt {
	width:7.5em;
}
section dl.form dd {
	padding-left:9em;
}
section dl.form dd ul li {
	padding:0;
	background:none;
}

/* law */
section dl.law dt{
	width:5em;
}
section dl.law dd{
	padding:0 0 0.3em 6.5em;
	border-bottom:1px dotted #999;
}
section dl.law dd dl dt{
	width:2em;
	padding:0 0 0.2em 0.25em;
	background:none;
}
section dl.law dd dl{
	margin:0.2em 0;
}
section dl.law dd dl dd{
	padding:0 0 0.2em 2.75em;
	border-bottom:0;
}
section dl.law dd ul li{
	padding:0 0 0.2em 20px;
	background:none;
}


/* contents navi */
section ul.con_navi,
section dl.con_navi {
	margin:0 0 1.5em 5px;
}
section ul.con_navi li,
section dl.con_navi dt{
	padding:0 0 0 1.33em;
	background:url(../../img/icon_connavi.gif) no-repeat 0.4em 0.6em;
}
section dl.con_navi dt{
	width:10em;
}
section dl.con_navi dd{
	padding:0 0 0 11.5em;
	border-bottom:0;
}

/* pictures */
section ul.image {
	margin:0 -12px 1em 0;
	padding:0;
}
section ul.image li {
	float:left;
	margin:0 6px 6px 0;
	padding:0;
	background:none;
}
section ul.image li li {
	float:none;
	margin:0 0 0.2em;
	padding:0 0 0.2em;
}
section ul.image.right {
	float:right;
	margin:0 0 1em -6px;
	padding:0;
}
section ul.image.right li {
	margin:0 0 6px 6px;
}
section ul.image.fleft {
	float:left;
	margin:0 1em 1em 0;
	text-align:center;
}
section ul.image.fleft li{
	float:none;
	margin:0 0 10px;
}
section ul.image.fright {
	float:right;
	margin:0 0 1em 1em;
	text-align:center;
}
section ul.image.fright li{
	float:none;
	margin:0 0 10px;
}
section ul.image.break {
	float:none;
	margin:0 0 1em;
}
section ul.image.break li {
	float:none;
	margin:0 0 10px;
}


/* navi */
section ul.navi {
	text-align:right;
	font-size:94%;
}
section ul.navi li {
	display:inline;
	margin:0 0 0 0.5em;
	padding:0;
	background:none;
}
section ul.navi li a {
	white-space:nowrap;
}
section li ul.navi,
section dd ul.navi {
	text-align:left;
}
section li ul.navi li,
section dd ul.navi li{
	margin:0 0.5em 0 0;
}
section ul.navi li.more a {
	padding:0 0 0 1em;
	background:url(../../img/icon_list.gif) no-repeat 0.15em 50%;
}
section ul.navi li.pagetop a {
	padding:0 0 0 1em;
	background:url(../../img/icon_pagetop.gif) no-repeat 0.15em 50%;
}


/* links */
section ul.links {
	clear:both;
	font-size:94%;
}
section ul.links li {
	padding:0;
	background:none;
}
section ul.links li a {
	padding-left:20px;
	background:url(../../img/icon_list.gif) no-repeat 8px 0.4em;
}

/* pager */
div#main ul.pager {
	clear:both;
	text-align:center;
	font-size:94%;
}
div#main ul.pager li {
	display:inline;
	margin:0 0.25em;
	padding:0;
	background:none;
}
div#main ul.pager li a.selected,
div#main ul.pager li span.selected {
	font-weight:bold;
	text-decoration:none;
	color:#cc4d33;
}
div#main ul.pager li.prev {
	padding:0 0.5em 0 0;
}
div#main ul.pager li.next {
	padding:0 0 0 0.5em;
}
div#main ul.pager li.first {
	padding:0 1em 0 0;
}
div#main ul.pager li.last {
	padding:0 0 0 1em;
}
div#main ul.navi li.toc a {
	padding:0 0 0 15px;
	background:url(../../img/icon_pagetop.gif) no-repeat 2px 50%;
}
div#main ul.pager li.current a {
	font-weight:bold;
	text-decoration:none;
}
div#main ul.pager li.prev span.delim {
	padding:0 0 0 0.5em;
}
div#main ul.pager li.next span.delim {
	padding:0 0.5em 0 0;
}

div#main ul.pager.month {
	margin-top:-1em;
	font-size:84%;
}

/* pager offset */
div#main div.offset{
	position:relative;
	top:-2.5em;
	line-height:0;
	text-align:right;
	font-size:84%;
}
div#main div.offset em.num{
	color:#333;
	font-weight:bold;
}

/* new */
section a.new,
section span.new{
	padding:0 30px 0 0;
	background:url(../../img/icon_new.gif) no-repeat 100% 0.4em;
}
section a.important,
section span.important {
	padding:0 22px 0 0;
	background:url(../../img/icon_important.gif) no-repeat 100% 25%;
}


/* date */
section p.date {
	text-align:right;
	font-size:94%;
}
section em.date {
	font-size:94%;
	color:#333;
}
section span.date {
	font-size:94%;
}

/* from to */
section p.from {
	margin:1.5em 0;
	text-align:right;
	font-size:94%;
}

/* table */
section table thead th { font-size:94%; }

section table.num colgroup.subtotal,
section table.num colgroup.total,
section table.num col.subtotal,
section table.num col.total {
	background:#fffcf3;
}
section table.num tr td {
	padding:0.2em 2px;
	text-align:center;
}
section table.num tr.total td,
section table.num tr td.total {
	font-weight:bold;
}

/* form */
section input.text   { width:auto; }
section input.title,
section input#subject,
section input.subject{ width:20em; }
section input.num    { width:5em; }
section input.name   { width:10em; }
section input.date   { width:10em; }
section textarea     { width:80%; }
section   p.submit,
section div.submit {
	margin:0 0 1em;
	text-align:center;
}


/*
-----------------------------------------
Download
-----------------------------------------
*/
/* adobe reader */
div.download {
	clear:both;
	margin:1em;
	padding:0.5em;
	border:1px solid #ccc;
	background:#f0f0f0;
	font-size:94%;
}
div.download * {
	margin:0;
}
div.download p.banner {
	float:left;
	margin:0 0.5em 0 0;
	line-height:2.8em;
}

/*
-----------------------------------------
system message
-----------------------------------------
*/

/* re_session */
section div.re_session{
	margin:1em 0;
	padding:0.5em;
	border:1px solid #ddd4cc;
	background:#fffcf3;
	font-size:94%;
}

/* error */
section div.error{
	margin:0 0 1em;
	padding:0.5em;
	border:1px solid #daa;
	background:#fff6f6;
}

/* finished */
section div.finished{
	margin:0 0 1em;
	padding:0.5em;
	border:1px solid #ddd4cc;
	background:#fffcf3;
}
section div.finished p strong,
section div.finished p strong a{
	color:#cc4d33;
}
section div.finished p strong a:hover,
section div.finished p strong a:active{
	color:#666;
}
section div.finished table,
section div.finished table tr th,
section div.finished table tr td {
	width:auto;
	border-width:1px 0;
}

/* help */
section div.help{
	margin:2em 0 1em;
	padding:0.5em;
	border:1px solid #ccc;
	background:#fafafa;
	font-size:94%;
}


/*
-----------------------------------------
form
-----------------------------------------
*/

/* table */
section form table colgroup.heading { width:7.5em; }
section form table colgroup.data    { width:auto; }

/* thumbnail, upload */
section form ul.thumb li,
section form ol.thumb li{
	width:170px;
}
section form ul.thumb  li img,
section form ol.thumb  li img,
section form           li img.thumb{
	margin:0 5px;
	max-width:160px;
}
* html section form *.thumb  li img,
* html section form          li img.thumb{ width:160px; }	/* ie6 */

section form ul.thumb li *,
section form ol.thumb li *{
	vertical-align:top;
}
section form ul.upload li *,
section form ol.upload li *,
section form           li img.thumb{
	vertical-align:bottom;
}


/* checked label */
section form label{
	margin:0 0.5em 0 0;
}
section form *.rem label{
	margin:0 0 0 0.5em;
}
section form label.checked{
	background:#fafada;
}
section form table tr td.checked{
	background:#fafada;
}

/* opened_date */
section form table tr td         input#opened_date,
section form table tr td         input#closed_date{
	background:#d4d0c8;
}
section form table tr td.checked input#opened_date,
section form table tr td.checked input#closed_date{
	background:#fff;
}


/*
-----------------------------------------
login
-----------------------------------------
*/
section#login  div.submit,
section#signup div.submit {
	padding:0 10px;
	text-align:left;
}

section#login dd.has_account,
section#login div.submit label.cookie {
	font-size:94%;
}
section#login dd.has_account ul li {
	padding:0 0 0 0.5em;
	background:none;
}


/*
-----------------------------------------
Icon for link
-----------------------------------------
*/
a.pdf, a[href$=".pdf"] {
	padding:0 0 0 20px;
	background: url(../../img/icon_pdf.gif) no-repeat 0% 50%;
}
a.doc, a[href$=".doc"], a[href$=".docx"] {
	padding:0 0 0 20px;
	background: url(../../img/icon_word.gif) no-repeat 0% 50%;
}
a.xls, a[href$=".xls"], a[href$=".xlsx"] {
	padding:0 0 0 20px;
	background: url(../../img/icon_excel.gif) no-repeat 0% 50%;
}
a.ppt, a[href$=".ppt"], a[href$=".ppt"] {
	padding:0 0 0 20px;
	background: url(../../img/icon_ppt.gif) no-repeat 0% 50%;
}
a.jtd, a[href$=".jtd"] {
	padding:0 0 0 20px;
	background: url(../../img/icon_jtd.gif) no-repeat 0% 50%;
}
a.ai, a[href$=".ai"] {
	padding:0 0 0 20px;
	background: url(../../img/icon_ai.gif) no-repeat 0% 50%;
}
a.psd, a[href$=".psd"] {
	padding:0 0 0 20px;
	background: url(../../img/icon_psd.gif) no-repeat 0% 50%;
}
a.fw, a[href$=".fw"] {
	padding:0 0 0 20px;
	background: url(../../img/icon_fw.gif) no-repeat 0% 50%;
}
a.rss, a[href$=".rss"] {
	padding:0 0 0 20px;
	background: url(../../img/icon_rss.gif) no-repeat 0% 50%;
}
a.movie, a[href$=".mp4"], a[href$=".wmv"] {
	padding:0 0 0 20px;
	background: url(../../img/icon_movie.png) no-repeat 0% 50%;
}
a.sound, a[href$=".wav"], a[href$=".mp3"], a[href$=".aac"], a[href$=".ogg"] {
	padding:0 0 0 20px;
	background: url(../../img/icon_sound.gif) no-repeat 0% 50%;
}
a.zip, a[href$=".zip"] {
	padding:0 0 0 20px;
	background: url(../../img/icon_disk.png) no-repeat 0% 50%;
}
a.img {
	padding:0 0 0 20px;
	background: url(../../img/icon_image.gif) no-repeat 0% 50%;
}