@charset "utf-8";
/* CSS Document */


/* header
----------------------------------------------------*/

div#header {
	position: relative;
	width:800px;
	height:90px;
	margin: 20px auto 0 auto;
}
div#header #logo {
	position: absolute;
	top: 0;
	left: 8px;
}

div#header2 {
	position: relative;
	width:800px;
	height:20px;
	margin: 20px auto 0 auto;
}
div#header2 #logo {
	position: absolute;
	top: 0;
	left: 8px;
}

/*  ========================= globalNavi */

div#header div#globalNav {
	position: absolute;
	width:763px;
	top: 7px;
	left: 217px;
	height: 42px;
	line-height: 0;
	font-size:0;
	z-index:10;
	background:url(../../mac/img/common/navi_bg.jpg) no-repeat;
	padding:0 0 0 0;
}
div#header div#globalNav ul li {
	display: block;
	float: left;
	margin-right:1px;
}

div#header2 div#globalNav {
	position: absolute;
	width:763px;
	top: 7px;
	left: 217px;
	height: 42px;
	line-height: 0;
	font-size:0;
	z-index:10;
	background:url(../../mac/img/common/navi_bg.jpg) no-repeat;
	padding:0 0 0 0;
}
div#header2 div#globalNav ul li {
	display: block;
	float: left;
	margin-right:1px;
}


/*  =========================headSearch */

div#header #headSearch {
	position: absolute;
	top: 15px;
	left: 842px;
	z-index:10;
}
div#header #headSearch form {
	margin:0;
	padding:0;
}
div#header #headSearch table{
	margin:0;
	padding:0;
}
div#header #headSearch td{
	margin:0;
	padding:0;
}
div#header #headSearch .searchForm{
	padding: 0;
	margin: 0 0 0 8px;
	vertical-align:top;
	border:none;
	background:none;
	width:90px;
	height:20px;
	font-size:x-small;
}

div#header2 #headSearch {
	position: absolute;
	top: 15px;
	left: 842px;
	z-index:10;
}
div#header2 #headSearch form {
	margin:0;
	padding:0;
}
div#header2 #headSearch table{
	margin:0;
	padding:0;
}
div#header2 #headSearch td{
	margin:0;
	padding:0;
}
div#header2 #headSearch .searchForm{
	padding: 0;
	margin: 0 0 0 8px;
	vertical-align:top;
	border:none;
	background:none;
	width:90px;
	height:20px;
	font-size:x
}

/*  ========================= headCalendar */

div#header div#headCalendar {
	position: absolute;
	height: 25px;
	top: 60px;
	right: 0;
	z-index:10;
	font-size:80%;
	text-align:right;
}
div#header div#headCalendar ul li {
	display: block;
	float: right;
	margin-right:5px;
}
div#header div#headCalendar ul li .calendarDay {
	color:#1b96d5;
	font-weight:bold;
	font-size:18px;
}
div#header div#headCalendar ul .last {
	margin-right:15px;
	margin-left:10px;
}

div#header2 div#headCalendar {
	position: absolute;
	height: 25px;
	top: 0px;
	right: 0;
	z-index:10;
	font-size:80%;
	text-align:right;
}
div#header2 div#headCalendar ul li {
	display: block;
	float: right;
	margin-right:5px;
}
div#header2 div#headCalendar ul li .calendarDay {
	color:#1b96d5;
	font-weight:bold;
	font-size:18px;
}
div#header2 div#headCalendar ul .last {
	margin-right:15px;
	margin-left:10px;
}

/*  ========================= locus */

ol#locus {
	width:800px;
	margin: 0 auto 10px auto;
	text-align:left;
}
ol#locus li {
	display: inline;
	padding:2px ;
	font-size:75%;
	line-height:100%;
}
ol#locus a {
	color: #999999;
	text-decoration: none;
}
ol#locus a:hover {
	color: #1b96d5;
	text-decoration: none;
}


/* MainImg
----------------------------------------------------*/
div#mainImg{
	margin-right:auto;
	margin-left:auto;
}


/* wrapper
----------------------------------------------------*/

div#wrapper {
	width:800px;
	margin: 0 auto 10px auto;
	z-index:10;
}

/* content
---------------------------------------- */

div#wrapper div#content {
	text-align:left;
	margin:0 auto;
	margin-bottom:40px;
}

/*  ========================= main */
#main {
	float: left;
	width: 700px;
	text-align: left;
	margin-bottom:20px;
}

/*  ========================= sideColumn */
#sideColumn {
	float: right;
	width: 237px;
}
#sideColumn .sideMenu{
}
#sideColumn .sideMenu li{
	padding:0 0 0 7px;
}
#sideColumn .sideMenu .sideMenuBox{
	border-bottom:solid 1px #CCCCCC;
}
#sideColumn .sideMenu li p{
	background-position: 10px right;
}
#sideColumn .sideMenu li a{
	display:block;
	padding:10px 10px 10px 20px;
	color:#1b96d5;
	background: url(../../mac/img/common/side_bg_off.gif) no-repeat bottom;
}
#sideColumn .sideMenu li a:hover{
	display:block;
	color:#1b96d5;
	background-color:#fcfcfc;
	background: url(../../mac/img/common/side_bg_on.gif) no-repeat bottom;
}

#sideColumn .sideMenu .sideMenuTop{
	padding:0 0 0 7px;
}

#sideColumn .sideMenu .sideMenuTop p{
	background-position: 10px right;
}
#sideColumn .sideMenu .sideMenuTop a{
	display:block;
	padding:10px 10px 10px 20px;
	color:#FFFFFF;
	background: url(../../mac/img/common/side_bg_top_off.gif) no-repeat bottom;
	background-color:#1b96d5;
	font-weight:bold;
}
#sideColumn .sideMenu .sideMenuTop a:hover{
	display:block;
	color:#FFFFFF;
	background: url(../../mac/img/common/side_bg_top_on.gif) no-repeat bottom;
	background-color:#1b96d5;
}

#sideColumn .sideMenu .sideMenuOn{
	padding:0 0 0 0;
}

#sideColumn .sideMenu .sideMenuOn p{
	background-position: 10px right;
	padding:10px 10px 10px 30px;
	color:#FFFFFF;
	background: url(../../mac/img/common/side_bg.gif) no-repeat top;
	background-color:#3b3b3b;
}

#sideColumn .sideMenu .sideMenuHelp{
	padding:0 0 0 7px;
}

#sideColumn .sideMenu .sideMenuHelp p{
	background-position: 10px right;
}
#sideColumn .sideMenu .sideMenuHelp a{
	display:block;
	padding:7px 10px 3px 30px;
	color:#FFFFFF;
	background: url(../../mac/img/common/side_bg_help_off.gif) no-repeat top;
	background-color:#535353;
	font-size:85%;
}
#sideColumn .sideMenu .sideMenuHelp a:hover{
	display:block;
	color:#49c0ff;
	background: url(../../mac/img/common/side_bg_help_on.gif) no-repeat top;
	background-color:#535353;
	font-size:85%;
}

#sideColumn .sideMenu .sideMenuHelpOn{
	padding:0 0 0 7px;
}

#sideColumn .sideMenu .sideMenuHelpOn p{
	background-position: 10px right;
	padding:7px 10px 3px 30px;
	color:#49c0ff;
	font-weight:bold;
	background: url(../../mac/img/common/side_bg_help.gif) no-repeat top;
	background-color:#535353;
	font-size:85%;
}
#sideColumn .sideMenu .sideMenuHelpLast{
	padding-bottom:8px;
}


/*  ========================= sideColumnAbout */
#sideColumnAbout {
	float: right;
	width: 230px;
}
#sideColumnAbout .sideMenu li{
	padding:0 0 0 0;
}
#sideColumnAbout .sideMenu li p{
	background-position: 10px right;
	font-weight:bold;
}
#sideColumnAbout .sideMenu li a{
	display:block;
	padding:10px 10px 10px 15px;
	color:#1b96d5;
}
#sideColumnAbout .sideMenu li a:hover{
	display:block;
	color:#76c0e6;
	background-color:#FFFFFF;
}

#sideColumnAbout .sideMenu .sideMenuBox{
	border-bottom:solid 1px #CCCCCC;
}
#sideColumnAbout .sideMenu .sideMenuOn{
	border-bottom:solid 1px #CCCCCC;
}
#sideColumnAbout .sideMenu .sideMenuOn p{
	background-position: 10px right;
	padding:10px 10px 10px 15px;
	color:#333333;
	background-color:#FFFFFF;
	font-weight:bold;
}


/*  ========================= PageTOPS */

div#pagetop {
	margin: 40px auto 0 auto;
	text-align:right;
}

div#pagetop2 {
	margin-top: 15px;
	text-align:right;
}


/* footer
---------------------------------------- */

div#footer {
	width:100%;
	border-top:solid #eeeeee 1px;
	padding-top:10px;
	margin-top:40px;
}
div#footer #footerArea {
	margin:0 auto;
	width:800px;
	text-align:left;
	margin-bottom:10px;
}
div#footer #footLogo{
	float:left;
}
div#footer #footWin{
	float:right;
	font-size:75%;
	margin-top:5px;
}
div#footer #footNav{
	float:left;
	text-align: left;
	font-size:70%;
	margin-top:20px;
	margin-bottom:20px;
}
div#footer #footNav li{
	display:inline;
	padding:0 10px 0 0;
}
div#footer #footNav li a {
	color: #;
	text-decoration: none;
}
div#footer #footNav li a:hover {
	text-decoration: none;
}
div#footer #footCopy{
	float:right;
	font-size:70%;
	margin-top:20px;
	margin-bottom:20px;
}

/*  ========================= footSitemap */

div#footer #footSitemap {
	width:100%;
	background-color:#f5f5f5;
	border-top:solid #eeeeee 2px;
	border-bottom:solid #eeeeee 2px;
}
div#footer #footSietmapArea {
	margin:0 auto;
	width:800px;
	text-align:left;
	padding-top:22px;
	padding-bottom:22px;
	font-size:75%;
	line-height:175%;
}
div#footer #footSietmapArea ul{
	float:left;
	padding-right:25px ;
}
div#footer #footSietmapArea .last{
	float:left;
	padding-right:0 ;
}
div#footer #footSietmapArea ul li a{
	color: #666666;
	text-decoration: none;
}
div#footer #footSietmapArea ul li  a:hover {
	color: #1b96d5;
	text-decoration: none;
}
div#footer #footSietmapArea .Category{
	font-weight:bold;
	margin-bottom:10px;
}
div#footer #footSietmapArea .Category2{
	font-weight:bold;
}