@charset "utf-8";


/* CSS Document */


/* ================ Main Contents ================== */

#main-content .pageTitle {
	width: 545px;
}
#main-content .pageTitle h2 {
	margin: 5px 15px 35px;
	font-size: 24px;
	font-weight: bold;
	line-height: 125%;
	color: #4c483f;
}



/* Outline INDEX */

#main-content .outline {
	margin: 0 15px 30px;
	width: 530px;
}
#main-content .outline:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}

#main-content .outline p {
	float: left;
	width: 270px;
	font-size: 13px;
	line-height: 130%;
}

#main-content div.index {
	/*background: url(/images/s-e_box-archives_top.png) left top no-repeat;*/
	float: right;
	width: 240px;
	border:#38B797 solid 1px;

}
#main-content ul.title-index {
	padding: 15px 20px;
	/*background: url(/images/s-e_box-archives_bottom.png) left bottom no-repeat;*/
	border:#38B797 solid 1px;
}

#main-content ul.title-index-2 {
	padding: 5px 10px;
	/*border:#38B797 solid 1px;*/
}


#main-content ul.title-index li,
#main-content ul.title-index-2 li {
	margin-top: 5px;
}
#main-content ul.title-index li,
#main-content ul.title-index li li,
#main-content ul.title-index-2 li,
#main-content ul.title-index-2 li li {
	padding-left: 17px;
	background: url(/images/icon_arrow-r_grn.png) left top no-repeat;
}
#main-content ul.title-index li li li,
#main-content ul.title-index-2 li li li {
	padding-left: 12px;
	background: url(/images/icon_arrow-r_grn-sub.gif) left top no-repeat;
}


#main-content ul.title-index a,
#main-content ul.title-index-2 a {
	color: #4c483f;
}
#main-content ul.title-index a:hover,
#main-content ul.title-index-2 a:hover {
	color: #aacd06;
	text-decoration: underline;
}


#main-content .individual-list {
	margin: 0 0 45px 15px;
	width: 510px;
}
#main-content .individual-list h3 {
	margin: 30px 0 0;
	padding-bottom: 3px;
	border-bottom: solid 1px #77756b;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	line-height: 130%;
}


#main-content .individual-list h4 {
	margin: 20px 0 0 15px;
	padding-bottom: 3px;
	border-bottom: solid 1px #77756b;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	line-height: 130%;
}

#main-content .individual-list ul {
	margin: 0 15px;
}
#main-content .individual-list ul li {
	margin: 10px 0 0;
	padding-bottom: 10px;
	border-bottom: dotted 1px #c1c1ba;
}
#main-content .individual-list ul dl dt {
	float: left;
	font-size: 1px;
	margin-right: 10px;
}
#main-content .individual-list ul dl dd {
	font-size: 13px;
	line-height: 130%;
	margin-bottom: 2px;
	margin-left: 77px;
	font-weight: bold !important;
}
#main-content .individual-list ul dl dd span {
	font-size: 13px;
	font-weight: normal;
	color: #77756b;
}

#main-content .individual-list ul dl dd.title {
	padding-left: 10px;
}
#main-content .individual-list ul dl.jpwc dd.title {
	color: #778a4a;
	background: url(/images/icon_arrow-r_jpwc.gif) 0 4px no-repeat;
}
#main-content .individual-list ul dl.pwa dd.title {
	color: #ef7d00;
	background: url(/images/icon_arrow-r_pwa.gif) 0 4px no-repeat;
}
#main-content .individual-list ul dl.pwk dd.title {
	color: #218bb5;
	background: url(/images/icon_arrow-r_pwk.gif) 0 4px no-repeat;
}
#main-content .individual-list ul dl.pfp dd.title {
	color: #8f82bc;
	background: url(/images/icon_arrow-r_pfp.gif) 0 4px no-repeat;
}
#main-content .individual-list ul dl.ofl dd.title {
	color: #aacd06;
	background: url(/images/icon_arrow-r_ofl.gif) 0 4px no-repeat;
}
#main-content .individual-list ul dl.creating dd.title {
	color: #99001a;
	background: url(/images/icon_arrow-r_creating.gif) 0 4px no-repeat;
}


#main-content .individual-list ul dl dd.title a {
	font-weight: bold !important;
}
#main-content .individual-list ul dl dd.title a:hover {
	text-decoration: underline !important;
}

#main-content .individual-list ul dl.jpwc dd.title a {
	color: #778a4a;
}
#main-content .individual-list ul dl.pwa dd.title a {
	color: #ef7d00;
}
#main-content .individual-list ul dl.pwk dd.title a {
	color: #218bb5;
}
#main-content .individual-list ul dl.pfp dd.title a {
	color: #8f82bc;
}
#main-content .individual-list ul dl.ofl dd.title a {
	color: #aacd06;
}
#main-content .individual-list ul dl.creating dd.title a {
	color: #99001a;
}

#main-content .individual-list ul dl dd.sub-title {
	font-weight:normal !important;
}

/* Foot Navi */

#main-content .footNavi {
	margin: 30px 45px 0 0;
	padding-top: 10px;
	background: url(/images/bar_footer_dotted.gif) left top repeat-x;
	font-size: 11px;
	line-height: 200%;
}
#main-content .footNavi a {
	color: #778a4a;
}
#main-content .footNavi a:hover {
	text-decoration: underline;
}

