@charset "utf-8";

/*		Styles for all
----------------------------------------------------------*/

body,div,ul,li,h1,h2,h3,p
{
	margin: 0;
	padding: 0;
}

html {
	background: url(../img/bg.gif) repeat-x 0 0;
	font-family: Arial, Helvetica, sans-serif;
}

body {
	background: url(../img/pattern01.gif) no-repeat right top;
	text-align: center;
}

img {
	border: 0;
	vertical-align: bottom;
}

#wapper {
	width: 830px;
	margin: 0 auto;
}
#wapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#wapper {
	display: inline-table;
	clear: both;
}
/* MacIE begin \*/
*+html #wapper {height: 1%;}
* html #wapper {height: 1%;}
#wapper {display: block;}
/* MacIE end */


/*		Main Content Area
----------------------------------------------------------*/
#mainContentArea {
	width: 624px;
	float: right;
}


/*		Header
-------------------------*/
#header	{
	width: 100%;
	height: 182px;
	background: url(../img/pattern02.gif) no-repeat center top;
	position: relative;
}

#header h1 {
	margin: 0 auto;
	padding-top: 70px;
}

#header p {
	color: #ffffff;
	text-align: left;
	text-indent: -8em;
	padding-left: 8em;
	line-height: 1.5em;
	position: absolute;
	top: 110px;
	left: 140px;
}

#header ul {
	margin: 7px 0 0 0;
	color: #ffffff;
	font-size: 75%;
	display: inline-table;
	position: absolute;
	top: 7px;
	right: 0;
}

#header ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* MacIE begin \*/
*+html #header ul {height:1%;}
* html #header ul {height:1%;}
#header ul {display:block;}
/* MacIE end */

#header ul li {
	padding: 0 7px;
	list-style: none;
	border-left: solid 1px #ffffff;
	float: left;
}
#header ul li.noBorder {
	border-left: none;
}

#header ul li a:link,
#header ul li a:visited{
	color: #ffffff;
	text-decoration: none;
}
#header ul li a:hover{
	color: #ffffff;
	text-decoration: underline;
}


/*		Topics Area
-------------------------*/
#topicsArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* MacIE begin \*/
*+html #topicsArea {height:1%;}
* html #topicsArea {height:1%;}
#topicsArea {display:block;}
/* MacIE end */

#topicsArea h2{
	text-align: right;
}
#topicsArea ul li {
	margin: 0 0 16px 0;
        padding: 10px;
	list-style: none;
	float: left;
}


/*		Post
-------------------------*/
div.comm {
	padding: 36px 0;
	background: #fdfdfd url(../img/commBg.gif) repeat-x left bottom;
	border: dashed 1px #838383;
}
div.title {
	width: 474px;
	margin: auto;
}
div.title:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* MacIE begin \*/
*+html div.title {height:1%;}
* html div.title {height:1%;}
div.title {display:block;}
/* MacIE end */

div.title div.category {
	display: block;
	width: 3.5em;
	height: 3em;
	padding-top: 0.5em;
	background-color: #118679;
	color: #ffffff;
	border: solid 1px #d0d0d0;
	float: left;
}
div.title div.category p.cateName {
	font-size: 88%;
	font-weight: normal;
}
div.title div.category p.no {
	font-size: 150%;
	font-weight: 600;
}
div.commTitle {
	margin:0 0 12px 70px;
}
div.commTitle h3,
div.commTitle p {
	text-align: left;	
}
div.commTitle h3 {
	padding-top: 5px;
	font-size: 162%;
	color: #262626;
}
div.commTitle h3:first-letter {
	font-size: 138%;
}
div.commTitle p {
	font-size: 88%;
	color: #7d7d7d;
}
div.comm div.read {
	width: 474px;
	margin: 0 auto;
}
div.comm div.read p {
	margin-right: 200px;
	color: #565656;
	text-align: left;
	font-size: 75%;
	line-height: 1.8em;
}
div.comm div.read p em {
	font-style: normal;
	background-color: #f9feb0;
}
div.comm div.read img {
	float: right;
}
div.comm p.more {
	width: 474px;
	margin: 40px auto auto auto;
	color: #565656;
	text-align: right;
	font-size: 75%;
	line-height: 1.7em;
	clear: both;
}
div.comm p.more a:link,
div.comm p.more a:visited {
	background-color: #f9feb0;
	color: #565656;
	text-decoration: none;
}
div.comm p.more a:hover,
div.comm p.more a:active {
	background-color: #f9feb0;
	color: #565656;
	text-decoration: underline;
}

div.copy 
a.mail         {text-decoration:none}
a.mail:link    {color:#0066ff}
a.mail:visited {color:#0066ff}
a.mail:hover   {color:#0000ff;
               font-size:30px}
a.mail:active  {color:#008000}


/*		Side Content Area
----------------------------------------------------------*/
#sideContentArea {
	width: 147px;
	float: left;
}
#visual {
        padding: 150px 20px 20px;
	}
#localNavigation {
	margin-top: 8px;
	background: url(../img/sideBg.png) repeat-y 0 0;
}
#localNavigation ul {
	width: 147px;
	margin: auto;
	padding: 17px 17px 18px;
	list-style: none;
	background: url(../img/sideFoot.png) no-repeat left bottom;
}
/*\*/
* html #localNavigation ul {padding:17px;}	/* For Win IE */
/* */

#localNavigation ul li span {
	display:none;
}
#localNavigation ul li,
#localNavigation ul li a {
	display: block;
	width: 100%;
	height: 27px;
	margin-bottom: 7px;
	text-align: left;
}


/*		Local Navigation
----------------------------*/
#localNavigation h3 {
	padding-top: 15px;
	}
#localNavigation ul li.lnavi01 a:link {
	background: url(../img/lnavi01.png) no-repeat left bottom;
}
#localNavigation ul li.lnavi01 a:visited{ 
	background: url(../img/lnavi01.gif) no-repeat left bottom;
}
#localNavigation ul li.lnavi01 a:hover{ 
	background: url(../img/lnavi01.png) no-repeat left bottom;
}
#localNavigation ul li.lnavi01 a:active {
	background: url(../img/lnavi01.png) no-repeat left top;
}

#localNavigation ul li.lnavi02 a:link {
	background: url(../img/lnavi02.png) no-repeat left bottom;
}
#localNavigation ul li.lnavi02 a:visited {
	background: url(../img/lnavi02.gif) no-repeat left bottom;
}
#localNavigation ul li.lnavi02 a:hover {
	background: url(../img/lnavi02.png) no-repeat left bottom;
}
#localNavigation ul li.lnavi02 a:active {
	background: url(../img/lnavi02.png) no-repeat left top;
}


#localNavigation ul li.lnavi03 a:link {
	background: url(../img/lnavi03.png) no-repeat left bottom;
}
#localNavigation ul li.lnavi03 a:visited {
	background: url(../img/lnavi03.gif) no-repeat left bottom;
}
#localNavigation ul li.lnavi03 a:hover {
	background: url(../img/lnavi03.png) no-repeat left bottom;
}
#localNavigation ul li.lnavi03 a:active {
	background: url(../img/lnavi03.png) no-repeat left top;
}


#localNavigation ul li.lnavi04 a:link {
	background: url(../img/lnavi04.png) no-repeat left bottom;
}
#localNavigation ul li.lnavi04 a:visited {
	background: url(../img/lnavi04.gif) no-repeat left bottom;
}
#localNavigation ul li.lnavi04 a:hover {
	background: url(../img/lnavi04.png) no-repeat left bottom;
}
#localNavigation ul li.lnavi04 a:active {
	background: url(../img/lnavi04.png) no-repeat left top;
}


#localNavigation ul li.lnavi05 a:link {
	background: url(../img/lnavi05.png) no-repeat left bottom;
}
#localNavigation ul li.lnavi05 a:visited {
	background: url(../img/lnavi05.gif) no-repeat left bottom;
}
#localNavigation ul li.lnavi05 a:hover {
	background: url(../img/lnavi05.png) no-repeat left bottom;
}
#localNavigation ul li.lnavi05 a:active {
	background: url(../img/lnavi05.png) no-repeat left top;
}


#localNavigation ul li.lnavi06 a:link {
	background: url(../img/lnavi06.png) no-repeat left bottom;
}
#localNavigation ul li.lnavi06 a:visited {
	background: url(../img/lnavi06.gif) no-repeat left bottom;
}
#localNavigation ul li.lnavi06 a:hover {
	background: url(../img/lnavi06.png) no-repeat left bottom;
}
#localNavigation ul li.lnavi06 a:active {
	background: url(../img/lnavi06.png) no-repeat left top;
}


#localNavigation ul li.lnavi07 a:link {
	background: url(../img/lnavi07.png) no-repeat left bottom;
}
#localNavigation ul li.lnavi07 a:visited {
	background: url(../img/lnavi07.gif) no-repeat left bottom;
}
#localNavigation ul li.lnavi07 a:hover {
	background: url(../img/lnavi07.png) no-repeat left bottom;
}
#localNavigation ul li.lnavi07 a:active {
	background: url(../img/lnavi07.png) no-repeat left top;
}


#localNavigation ul li.lnavi08 a:link {
	background: url(../img/lnavi08.png) no-repeat left bottom;
}
#localNavigation ul li.lnavi08 a:visited {
	background: url(../img/lnavi08.gif) no-repeat left bottom;
}
#localNavigation ul li.lnavi08 a:hover {
	background: url(../img/lnavi08.png) no-repeat left bottom;
}
#localNavigation ul li.lnavi08 a:active {
	background: url(../img/lnavi08.png) no-repeat left top;
}