@charset "utf-8";
/* ---------------------------------------------- */
/* Base */
/* ---------------------------------------------- */
html {
	margin: 0px;
	padding: 0px;
}
p {
	font-size: 14px;
	line-height: 1.5em;
	padding: 0px;
	margin:5px 0px 0px;
}
img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}
a:link {
	color: #336699;
	text-decoration: underline;
}
a:visited {
	color: #336699;
	text-decoration: underline;
}
a:hover {
	color: #003366;
	text-decoration: none;
}
a:active {
	color: #003366;
	text-decoration: none;
}

body {
	background: #E1E8EE url(../img/Bg.jpg) repeat-x;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	text-align: center;
	color: #333333;
}
.Clear {
	clear: both;
	visibility: hidden;
	height: 0;
}
.ClearIE {
	clear: both;
	visibility: hidden;
	height: 0;
	overflow : hidden;
}
.Left {
	float: left;
	padding: 0px 10px 0px 0px;
}
.Right {
	float: right;
	padding: 0px 0px 0px 10px;
}
.left{
	float: left;
}
.right{
	float: right;
}
.MainBodyImgLeft{
	margin: 0px 6px 6px 0px;
	float: left;
}
.MainBodyImgRight{
	margin: 0px 0px 6px 6px;
	float: right;
}
.img{
	float: left;
	display: inline;
	margin: 0px 4px 4px 0px;
	border: none;
}

/* ---------------------------------------------- */
/* Layout */
/* ---------------------------------------------- */
.All {
	background: #FFFFFF;
	padding: 4px 0px 0px;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}

/* ---------------------------------------------- */
/* Pankuzu */
/* ---------------------------------------------- */
.Pankuzu {
	background: url(../img/PankuzuBg.jpg) repeat-x scroll 0%;
	margin: 0px 5px;
	padding: 10px 10px 0px;
	line-height: 1.3em;
	font-size: 12px;
}
.PankuzuFooter {
	margin: 0px 5px;
	padding: 10px 10px 0px;
	line-height: 1.3em;
	font-size: 12px;
}
/* ---------------------------------------------- */
/* Page */
/* ---------------------------------------------- */
.PageUp{
	margin: 0px 10px 10px 0px;
	padding: 5px 0px 5px 5px;
	height: 30px;
	font-size: 12px;
	text-align:right;
}
.PageUp a{
	height: 30px;
	width: 147px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: right;
	text-decoration: none;
}
.PageUp a:link , .PageUp a:visited {
	background: url(../img/Pageup.gif) no-repeat right 0px;
}
.PageUp a:hover , .PageUp a:active {
	background: url(../img/PageupOver.gif) no-repeat right 0px;
}

.PageNavi{
	background: #35BBEE url(../img/PageNaviBg.jpg) repeat-x 0px 0px;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	line-height: 1.3em;
}
.PageNavi a:link , .PageNavi a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
.PageNavi a:hover , .PageNavi a:active {
	color: #CCFEFE;
	text-decoration: none;
}
.PageNavi a.PageNaviNext,
.PageNavi a.PageNaviBack{
	width:250px;
	display: block;
	margin: 0px;
	padding: 0px;
}
.PageNavi a.PageNaviNext{
	text-align: right;
	float:right;
	background: url(../img/PageNext.gif) no-repeat right 1px;
	padding: 0px 24px 2px 0px;
}
.PageNavi a.PageNaviBack{
	text-align: left;
	float:left;
	background: url(../img/PageBack.gif) no-repeat left 1px;
	padding: 0px 0px 2px 24px;
}

/* ---------------------------------------------- */
/* HeaderArea */
/* ---------------------------------------------- */
.HeaderArea {
	background: #99CCFF url(../img/HeaderBg.jpg) no-repeat 0px -24px;
	margin: 0px;
	padding: 0px;
	height: 182px;
	width: 900px;
	position: relative;
}
.HeaderArea p.HeaderLead {
	color: #336699;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.1em;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 26px;
	top: 30px;
}

.HeaderArea h1, .HeaderText {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 26px;
	top: 76px;
	font-size: 12px;
}




.HeaderArea h1 a:link , .HeaderText a:link ,
.HeaderArea h1 a:visited , .HeaderText a:visited {
	text-decoration: none;
	color: #336699;
}
.HeaderArea h1 a:hover , .HeaderText a:hover ,
.HeaderArea h1 a:active , .HeaderText a:active {
	text-decoration: underline;
	color: #003366;
}


.HeaderArea p.HeaderCatch {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 5px;
	top: 2px;
	font-weight: bold;
	color: #666666;
}
.HeaderInfoList {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 152px;
	right: 10px;
	width: 340px;
	font-size: 12px;
}
.HeaderInfoList ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.HeaderInfoList ul li {
	margin: 0px;
	padding: 0px;
	display:block;
	float: right;
}
.HeaderInfoList ul li a {
	margin: 0px 1em 0px 0px;
	padding: 0px 0px 5px 18px;
	display:block;
}
.HeaderInfoList ul li a:link , .HeaderInfoList ul li a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
.HeaderInfoList ul li a:hover , .HeaderInfoList ul li a:active {
	color: #CCFEFE;
	text-decoration: none;
}

/* ---------------------------------------------- */
/* ContentsArea */
/* ---------------------------------------------- */
.ContentsArea {
	margin: 16px 0px 0px;
	padding: 0px;
}
/* ---------------------------------------------- */
/* FooterLinkArea */
/* ---------------------------------------------- */
.FooterLinkArea {
	margin: 16px 0px 0px;
	padding: 0px;
}
.FooterLinkArea dl {
	width: 222px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.FooterLinkArea dl dt {
	margin: 5px 0px 0px 10px;
	padding: 5px 5px 0px 5px;
	line-height: 1.3em;
	font-size: 10px;
}
.FooterLinkArea dl dd {
	margin: 0px 0px 5px 10px;
	padding: 5px;
	line-height: 1.3em;
	font-size: 10px;
}

/* ---------------------------------------------- */
/* FooterCategoryArea */
/* ---------------------------------------------- */
.FooterWrap{
	margin: 0px 5px;
	padding: 30px 0px 0px;
	background: url(../img/FooterBg.jpg) no-repeat;
	height: 66px;
}
.FooterCategoryArea{
	font-weight: bold;
	margin: 0px;
	padding: 0px 5px;
	font-size: 12px;
}
.FooterCategoryArea a:link , .FooterCategoryArea a:visited {
	color: #003366;
	text-decoration: underline;
}
.FooterCategoryArea a:hover , .FooterCategoryArea a:active {
	color: #003366;
	text-decoration: none;
}
/* ---------------------------------------------- */
/* AttentionArea */
/* ---------------------------------------------- */
.AttentionArea {
	margin: 20px auto;
	line-height: 1.5em;
	font-size: 12px;
}
/* ---------------------------------------------- */
/* FooterArea */
/* ---------------------------------------------- */
.FooterArea {
	text-align: right;
	margin: 10px 0px 0px;
	padding: 5px;
	color: #003366;
	font-size: 12px;
}
.FooterArea a:link ,
.FooterArea a:visited {
	color: #003366;
	text-decoration: none;
}
.FooterArea a:hover ,
.FooterArea a:active {
	color: #003366;
	text-decoration: underline;
}

/* ---------------------------------------------- */
/* Column */
/* ---------------------------------------------- */
.ColumnMain {
	width: 610px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.ColumnSide {
	width: 260px;
	float: right;
	margin: 0px;
	padding: 0px 10px 0px 0px;
}
/* ---------------------------------------------- */
/* Side */
/* ---------------------------------------------- */
.SideTopTitle {
	background: #D5F3FD url(../img/SideMenuTitle.gif) no-repeat 0px 0px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 260px;
	height: 75px;
	font-size: 16px;
}
.SideMenuListArea {
	margin: 0px;
	padding: 0px 0px 10px;
	width: 260px;
	background: #D5F3FD;
}

/* ---------------------------------------------- */
/* SideMenuListHead */
.SideTopLink {
	margin: 0px;
	padding: 0px;
}
.SideMenuListHeadLevel1 ,
.SideMenuListHeadLevel2 {
	margin: 0px;
	padding: 4px 0px 0px;
}
.SideMenuListHeadLevel1 a ,
.SideTopLink a {
	background: #FFFFFF url(../img/SideMenuListCategoryLevel1.jpg) no-repeat 0px 0px;
	margin:0px;
	padding: 6px 10px 6px 28px;
	line-height: 1.3em;
	border: 2px solid #33CCFF;
	display: block;
	font-weight: bold;
}
.SideMenuListHeadLevel2 a {
	background: #FFFFFF url(../img/SideMenuListCategoryLevel2.jpg) no-repeat 0px 0px;
	margin:0px;
	padding: 6px 10px 6px 28px;
	line-height: 1.3em;
	border: 2px solid #33CCFF;
	display: block;
	font-weight: bold;
}

/* ---------------------------------------------- */
/* SideMenuList */
.SideMenuListArea ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.SideMenuListArea ul li,
.SideMenuListArea ul.SideMenuListLevel1 li,
.SideMenuListArea ul li.SideMenuListPickupLevel1 ,
.SideMenuListArea ul li.SideMenuListPickupLevel2 {
	margin: 0px;
	padding: 0px;
}

.SideMenuListArea ul li a,
.SideMenuListArea ul.SideMenuListLevel1 li a {
	background: url(../img/SideMenuListPageLevel1.gif) no-repeat scroll 3px 50%;
	margin: 0px;
	padding: 4pt 5px 4pt 15px;
	display: block;
	border-bottom:1px dashed #336699;
	text-decoration:underline;
}
.SideMenuListArea ul.SideMenuListLevel2 li a {
	background: url(../img/SideMenuListPageLevel2.gif) no-repeat scroll 3px 50%;
	margin: 0px;
	padding: 4pt 5px 4pt 15px;
	display: block;
	border-bottom:1px dashed #336699;
	text-decoration:underline;
}
.SideMenuListArea ul li a:hover,
.SideMenuListArea ul.SideMenuListLevel1 li a:hover {
	background-position: 6px 50%;
}
.SideMenuListArea ul.SideMenuListLevel2 li a:hover {
	background-position: 6px 50%;
}

/* ---------------------------------------------- */
/* SideMenuListPickup */
.SideMenuListArea ul li.SideMenuListPickupLevel1 a {
	background: url(../img/SideMenuListPickupLevel1.gif) no-repeat 2px 4px;
	margin: 0px;
	padding: 4px 10px 4px 40px;
	display:block;
}
.SideMenuListArea ul li.SideMenuListPickupLevel1 a:hover {
	background-position: 4px 4px;
}
.SideMenuListArea ul li.SideMenuListPickupLevel2 a {
	background: url(../img/SideMenuListPickupLevel2.gif) no-repeat 2px 4px;
	margin: 0px;
	padding: 4px 10px 4px 40px;
	display:block;
}
.SideMenuListArea ul li.SideMenuListPickupLevel2 a:hover {
	background-position: 4px 4px;
}

/* ---------------------------------------------- */
/* MainBody */
/* ---------------------------------------------- */
.MainBody , .MainBodyPage{
	margin: 0px 0px 10px 10px;
	padding: 0px;
}

.MainBody h6 , .MainBodyPage h5 , .MainBodyPage h6 {
	background:  url(../img/HeadBgH4.gif) no-repeat scroll 0pt 4px;
	border-bottom:1px solid #D0D5DB;
	color:#336699;
	font-size:16px;
	font-weight:bold;
	margin:0pt 0pt 8px;
	padding:0pt 5px 3px 20px;
}
.MainBody h5 , .MainBodyPage h4 {
	background:  url(../img/HeadBgH4.gif) no-repeat scroll 0pt 4px;
	border-bottom:1px solid #D0D5DB;
	color:#336699;
	font-size:16px;
	font-weight:bold;
	margin:0pt 0pt 8px;
	padding:0pt 5px 3px 20px;
}
.MainBody h4 , .MainBodyPage h3 {
	background:  url(../img/HeadBgH4.gif) no-repeat scroll 0pt 4px;
	border-bottom:1px solid #D0D5DB;
	color:#336699;
	font-size:16px;
	font-weight:bold;
	margin:0pt 0pt 8px;
	padding:0pt 5px 3px 20px;
}
.MainBody h3 , .MainBodyPage h2 {
	background: url(../img/HeadBgH3.gif) no-repeat scroll left 4px;
	border-bottom:2px solid #33CCFF;
	color:#003366;
	font-size:20px;
	height:auto !important;
	margin:0px 0px 10px;
	min-height:20px;
	padding:4px 0pt 4px 30px;
}
.MainBody h1 , .MainBodyPage h1,
.MainBody h2 {
	background: #47C5F5 url(../img/HeadBgL.jpg) no-repeat right top;
	border-bottom: 5px solid #D0D5DB;
	color:#FFFFFF;
	font-size:20px;
	margin: 0pt 0pt 10px;
	padding: 6px 10px;
}

.MainBody p , .MainBodyPage p {
	margin: 0.5em 10px 1em;
	padding: 0px;
}
.MainBody strong , .MainBodyPage strong{
	font-weight:bold;
	color: #336699;
}
.MainBody p.CatchCopy {
	color: #b24543;
	margin: 0px 0px 20px;
	padding: 16px 10px;
	border: #f5c9a6 1px solid;
	background: #ffedee url(../img/CatchCopy.gif);
	line-height: 2em;
}


/* ---------------------------------------------- */
/* MainBodyList */
/* ---------------------------------------------- */
.MainBody ul  , .MainBodyPage ul{
	margin: 10px 10px 1em 20px;
	padding: 0px;
	list-style: none;
}
.MainBody ul li , .MainBodyPage ul li ,
.MainBody ul.MainBodyListLevel1 li , .MainBodyPage ul.MainBodyListLevel1 li {
	background: url(../img/MainBodyListLevel1.gif) no-repeat 0px 4px;
	margin:0px;
	padding:0px 0px 5px 16px;
	line-height: 1.3em;
}
.MainBody ul.MainBodyListLevel2 li , .MainBodyPage ul.MainBodyListLevel2 li {
	background: url(../img/MainBodyListLevel2.gif) no-repeat 0px 4px;
}
.MainBody ol  , .MainBodyPage ol{
	margin: 10px 10px 1em 20px;
	padding: 0px;
}
.MainBody ol li , .MainBodyPage ol li {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	line-height: 1.5em;
}

/* ---------------------------------------------- */
/* MainBodyTable */
/* ---------------------------------------------- */
.MainBody Table , .MainBodyPage Table {
	margin: 10px 0px 15px 0px;
	padding: 0px;
	border-top: 1px solid #33CCFF;
	border-left: 1px solid #33CCFF;
}
.MainBody Table th , .MainBodyPage Table th {
	font-weight: bold;
	background: #DEF5FD;
	color: #336699;
	border-bottom: 1px solid #33CCFF;
	border-right: 1px solid #33CCFF;
	padding: 5px;
	line-height: 1.5em;
}
.MainBody Table td , .MainBodyPage Table td {
	padding: 5px;
	border-bottom: 1px solid #33CCFF;
	border-right: 1px solid #33CCFF;
	line-height: 1.5em;
}

/* ---------------------------------------------- */
/* PageListArea */
/* ---------------------------------------------- */
.PageListArea {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
.PageListArea h2 {
	background:#33CCFF url(../img/PageListHeadBg.gif) no-repeat scroll 3px;
	border-bottom:2px solid #D0D5DB;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	margin: 20px 0pt 0px;
	padding:6px 0px 5px 30px;
}
.PageListArea h3 {
	background: url(../img/PageListHeadBg.gif) no-repeat scroll 2px 5px;
	border-bottom:1px dashed #336699;
	margin:0pt 0pt 5px;
	padding:6px 5px 0px 25px;
	font-size: 16px;
}
.PageListDouble {
	margin: 10px 0px;
	padding: 0px;
}
.PageListSingle {
	margin: 10px 0px;
	padding: 0px;
}
.PageListSingle dl , .PageListDouble dl{
	margin: 0px;
	padding: 0px;
	width: 300px;
	float: left;
}
.PageListSingle dl {
	float:none;
}
.PageListSingle dl dt , .PageListDouble dl dt{
	background: transparent url(../img/PageListPage.gif) no-repeat left top;
	border-bottom: 1px dashed #336699;
	font-size:14px;
	margin: 0px 0px 2px 10px;
	padding: 0px 0px 2px 8px;
	width: 270px;
	font-weight: bold;
}
.PageListSingle dl dt.PageListPickup , .PageListDouble dl dt.PageListPickup{
	background: #DEF5FD url(../img/PageListPickup.gif) no-repeat scroll 0pt 6px;
	display: block;
	padding: 5px 0px 5px 38px;
	border: #336699 dashed 1px;
	font-size: 14px;
	margin: 0pt 0pt 2px 10px;
	width: 242px;
	font-weight: bold;
}
.PageListSingle dl dd , .PageListDouble dl dd{
	margin: 0px;
	padding: 2px 10px 0px 20px;
	line-height: 1.3em;
}
.PageListArea ul li{
	background: url(../img/PageListPage.gif) no-repeat 6px 4px;
	margin:0px;
	padding: 5px 0px 5px 22px;
}
.PageListArea ul li.PageListPickup{
	background: url(../img/PageListPickup.gif) no-repeat 0px 6px;
	margin:0px;
	padding: 5px 0px 5px 42px;
}

/* ---------------------------------------------- */
/* PageRelation */
/* ---------------------------------------------- */
.PageRelation {
	margin: 10px 0px 10px 0px;
	padding: 0px;
}
.PageRelation h2 {
	background: url(../img/PageRelationHeadBg.jpg) no-repeat right top;
	border-bottom:5px solid #00C2FF;
	color:#336699;
	font-size:18px;
	margin:0px 0px 5px;
	padding:10px;
}
.PageRelation ul {
	border:1px solid #D0D5DB;
	margin: 0px;
	padding: 6px 0px 3px 10px;
	list-style: none;
}
.PageRelation ul li {
	background: url(../img/PageRelationListIcon.gif) no-repeat 0px 3px;
	margin:0px;
	padding:0px 0px 5px 20px;
	line-height: 1.3em;
}

/* ---------------------------------------------- */
/* NewsTop */
/* ---------------------------------------------- */
.NewsTopArea {
	margin: 30px 0px 10px 0px;
	padding: 0px;
}
.NewsTopArea h2 {
	background: url(../img/NewsTopHeadBg.jpg) no-repeat right top;
	border-bottom:5px solid #00C2FF;
	color:#336699;
	font-size:18px;
	margin:0px 0px 5px;
	padding:10px;
}
.NewsTopArea ul {
	border:1px solid #D0D5DB;
	margin: 0px;
	padding: 6px 0px 3px 10px;
	list-style: none;
}
.NewsTopArea ul li {
	background: url(../img/NewsTopListIcon.gif) no-repeat 0px 3px;
	margin:0px;
	padding:0px 0px 5px 20px;
	line-height: 1.3em;
}

/* ---------------------------------------------- */

