@charset "utf-8";

/* ---------------------------------------------- */

/* Base */

/* ---------------------------------------------- */

html {

	margin: 0px;

	padding: 0px;

}

p {

	font-size: 14px;

	line-height: 140%;

	padding: 0px;

	margin:5px 0px 0px;

}

img {

	border: 0px;

	margin: 0px;

	padding: 0px;

	vertical-align: bottom;

}

a:link {

	text-decoration: underline;

}



a:visited {

	text-decoration: underline;

}

a:hover {

	text-decoration: underline;

}

a:active {

	text-decoration: underline;

}



body {

	margin: 0px;

	padding: 0px;

	font-size: 14px;

	text-align: center;

	color: #000000;

	background: #FFFFFF url(../img/bg06.gif) repeat;

}

.Clear {

	font-size: 1px;

	clear: both;

}

.Left{

	float: left;

}

.Right{

	float: right;

}

.MainBodyImgLeft{

	margin: 0px 10px 10px 0px;

}

.MainBodyImgRight{

	margin: 0px 0px 10px 10px;

}

/* ---------------------------------------------- */

/* Layout */

/* ---------------------------------------------- */

.All {

	margin:0px auto;

	padding:0px;

	text-align: left;

	width: 900px;

	position: relative;

	top: 30px;

	background: #FFFFFF;

}

/* ---------------------------------------------- */

/* Pankuzu */

/* ---------------------------------------------- */

.Pankuzu {

	margin: 0px;

	line-height: 120%;

	font-size: 12px;

	background: #eeeeee url(../img/Pankuzubg.gif) repeat;

	color: #666666;

	padding-top: 4px;

	padding-right: 10px;

	padding-bottom: 4px;

	padding-left: 20px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #cccccc;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #cccccc;

	border-left-color: #cccccc;

}

.PankuzuPage {

	margin: 0px 0px 20px 0px;

	line-height: 120%;

	font-size: 12px;

	color: #666666;

	padding-top: 4px;

	padding-right: 10px;

	padding-bottom: 4px;

	padding-left: 20px;

}

/* ---------------------------------------------- */

/* Page */

/* ---------------------------------------------- */

.PageUp{

	font-size: 12px;

	text-align:right;

	background: url(../img/Pageup.gif) no-repeat right 5px;

	line-height: 1.3em;

	margin: 10px;

	padding: 5px 22px 5px 5px;

}



.PageNavi{

	margin: 0px 10px 10px 25px;

	padding: 5px;

	line-height: 1.3em;

}

.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 0px;

	padding: 0px 22px 0px 0px;

}

.PageNavi a.PageNaviBack{

	text-align: left;

	float:left;

	background: url(../img/PageBack.gif) no-repeat left 0px;

	padding: 0px 0px 0px 22px;

}



/* ---------------------------------------------- */

/* HeaderArea */

/* ---------------------------------------------- */

.HeaderArea {

	background: url(../img/HeaderBg.gif) no-repeat 0px 0px;

	margin: 0px;

	padding: 0px;

	height: 98px;

	width: 898px;

	position: relative;

	border-top-width: 1px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-left-style: solid;

	border-top-color: #CCCCCC;

	border-right-color: #CCCCCC;

	border-left-color: #CCCCCC;

}

.HeaderArea h1,

.HeaderText {

	font-size: 24px;

	font-weight: bold;

	line-height: 130%;

	margin: 0px;

	padding: 0px;

	position: absolute;

	left: 50px;

	top: 17px;

	width: 528px;

	height: 37px;

	color: #333333;

}

.HeaderArea h1 a,

.HeaderText a  {

	color:#3366cc;

}

.HeaderArea h1 a:link , .HeaderArea h1 a:visited , 

.HeaderText a:link , .HeaderText a:visited {

	text-decoration: none;

}

.HeaderArea h1 a:hover , .HeaderArea h1 a:active , 

.HeaderText a:hover , .HeaderText a:active {

	text-decoration: underline;

}

.HeaderArea p.HeaderLead {

	margin: 0px;

	padding: 0px;

	position: absolute;

	left: 49px;

	top: 55px;

	width: 567px;

	height: 22px;

}

.HeaderArea p.HeaderCatch {

	margin: 0px;

	padding: 0px;

	position: absolute;

	left: 6px;

	top: -24px;

	width: 567px;

	height: 22px;

}

.HeaderInfoList {

	margin: 0px;

	padding: 0px;

	position: absolute;

	top: -18px;

	right: 33px;

	width: 110px;

	font-size: 12px;

	color: #FFFFFF;

	height: 22px;

}

.HeaderInfoList ul {

	margin: 0px;

	padding: 0px;

	list-style: none;

}

.HeaderInfoList ul li {

	margin: 0px;

	padding: 0px;

	display: inline;

}

.HeaderInfoList ul li a {

	color: #FFFFFF;

	margin: 0px;

	display:block;

	float: left;

	width: 90px;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 4px;

	padding-left: 35px;

	background-repeat: no-repeat;

	background-position: left center;

	background-image: url(../img/sitmap.gif);

}

.HeaderInfoList ul li a:hover {

}

/* ---------------------------------------------- */

/* ContentsArea */

/* ---------------------------------------------- */

.ContentsArea {

	position: relative;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;
}

/* ---------------------------------------------- */

/* FooterLinkArea */

/* ---------------------------------------------- */

.FooterLinkArea {

	margin: 0px;

	padding: 0px;

	background-color: #FFFFFF;

}

.FooterLinkArea dl {

	width: 210px;

	margin: 0px;

	padding: 0px;

	float: left;

}

.FooterLinkArea dl dt {

	margin: 5px 0px 0px 10px;

	padding: 6px 5px 1px 30px;

	background: #f4feff url(../img/FooterLinkListIcon.gif) no-repeat 10px 8px;

	line-height: 130%;

}

.FooterLinkArea dl dd {

	margin: 0px 0px 5px 10px;

	padding: 0px 5px 5px 25px;

	background: #f4feff;

	line-height: 130%;

	font-size: 12px;

	color: #333333;

}

/* ---------------------------------------------- */

/* FooterCategoryArea */

/* ---------------------------------------------- */

.FooterCategoryArea{

	margin:10px 0px 0px;

	padding:5px 25px 5px 20px;

	text-align: left;

	font-size: 12px;

}

/* ---------------------------------------------- */

/* AttentionArea */

/* ---------------------------------------------- */

.AttentionArea {

	margin: 20px 0px 20px 25px;

	padding: 5px 20px;

	line-height: 130%;

	font-size: 11px;

}

/* ---------------------------------------------- */

/* FooterArea */

/* ---------------------------------------------- */

.FooterArea {

	text-align: right;

	color: #FFFFFF;

	background: #3366cc;

	margin: 3px 0px 0px;

	padding: 3px 20px 3px 5px;

	height: 2em;
}

/* ---------------------------------------------- */

/* Column */

/* ---------------------------------------------- */

.ColumnMain {

	width: 630px;

	float: left;

	margin: 0px;

	padding: 0px;

}

.ColumnSide {

	width: 240px;

	float: right;

	margin: 0px;

	padding: 0px 20px 0px 0px;

}

/* ---------------------------------------------- */

/* Side */

/* ---------------------------------------------- */

.SideTopTitle {

	color: #3366cc;

	font-size: 15px;

	font-weight: bold;

	text-align: center;

	height: 15px;

	padding-top: 5px;

	padding-bottom: 8px;

	background-color: #3366cc;

	background-image: url(../img/bg06.gif);

	background-repeat: repeat;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	width: 233px;

}

.SideMenuListArea {

	margin: 0px;

	padding: 0px;

	width: 235px;

}



/* ---------------------------------------------- */

/* SideMenuListHead */

.SideTopLink ,

.SideMenuListHeadLevel1,

.SideMenuListHeadLevel2 {

	margin: 2px 0px;

	padding: 1px;

	border: 1px solid #f4feff;

}

.SideTopLink a,

.SideMenuListHeadLevel1 a {

	background: url(../img/SideMenuListCategoryLevel1.gif) no-repeat 0px center;

	margin:0px;

	padding: 6px 10px 6px 35px;

	line-height: 130%;

	display: block;

	color: #3366cc;

}

.SideMenuListHeadLevel2 a {

	background: url(../img/SideMenuListCategoryLevel2.gif) no-repeat 0px center;

	margin:0px;

	padding: 6px 10px 6px 29px;

	line-height: 130%;

	display: block;

}





/* ---------------------------------------------- */

/* SideMenuList */

.SideMenuListArea ul {

	margin: 0px;

	padding: 0px;

	list-style: none;

}



.SideMenuListArea ul li,

.SideMenuListArea ul.SideMenuListLevel1 li,

.SideMenuListArea ul li.SideMenuListPickupLevel1 {

	margin: 0px;

	padding: 0px;

}



.SideMenuListArea ul li a,

.SideMenuListArea ul.SideMenuListLevel1 li a {

	background: url(../img/SideMenuListPage.gif) no-repeat left center;

	border: 1px solid #f4feff;

	margin: 1px;

	padding: 6px 10px 6px 34px;

	line-height: 1.3em;

	display: block;

}





/* ---------------------------------------------- */

/* SideMenuListPickup */

.SideMenuListArea ul li.SideMenuListPickupLevel1 a {

	background: url(../img/SideMenuListPickup.gif) no-repeat left center;

	margin: 0px 0px 5px;

	padding: 6px 10px 6px 35px;

	display:block;

}





/* ---------------------------------------------- */

/* MainBody */

/* ---------------------------------------------- */

.MainBody , .MainBodyPage{

	margin: 0px 10px 0px 0px;

	padding: 0px 10px;

}



.MainBody h6 , .MainBodyPage h5 , .MainBodyPage h6 {

	font-size:14px;

	font-weight:bold;

	border-bottom:1px dotted #3366cc;

	margin:0px 0px 0px 25px;

	padding:5px 0px 5px 10px;

	color: #3366cc;

}

.MainBody h5 , .MainBodyPage h4 {

	font-size:16px;

	font-weight:bold;

	border-bottom:1px dotted #3366cc;

	margin:0px 0px 0px 25px;

	padding:5px 0px 5px 10px;

	color: #3366cc;

}

.MainBody h4 , .MainBodyPage h3 {

	font-size:18px;

	font-weight:bold;

	border-bottom:1px dotted #3366cc;

	margin:0px 0px 0px 25px;

	padding:5px 0px 5px 10px;

	color: #3366cc;

}

.MainBody h3 , .MainBodyPage h2 {

	font-size:16px;

	font-weight:bold;

	margin: 1px 1px 1px 25px;

	padding: 5px 15px 4px 35px;

	background: url(../img/HeadBgH3.gif) no-repeat left center;

	line-height: 130%;

	color: #3366cc;

	border: 1px solid #E1E1E1;

}



.MainBody h1 , .MainBodyPage h1,

.MainBody h2 {

	margin: 0px 0px 10px 20px;

	padding: 15px 0px 20px 60px;

	background: url(../img/HeadBgL.gif) no-repeat 0px 0px;

	font-size: 22px;

	line-height: 1.3em;

	font-weight: bold;

	color: #3366cc;

	border: none;

}



.MainBody p , .MainBodyPage p {

	margin: 0.5em 10px 1em 30px;

	padding: 0px;

}

.MainBody strong , .MainBodyPage strong{

	font-weight:bold;

	color: #990000;

}

.MainBody p.CatchCopy {

	margin: 0px 10px 20px 25px;

	padding: 16px 15px;

	background: url(../img/CatchCopy.gif);

	line-height: 2.924em;

}

/* ---------------------------------------------- */

/* MainBodyList */

/* ---------------------------------------------- */

.MainBody ul  , .MainBodyPage ul{

	margin: 10px 10px 10px 25px;

	padding: 0px;

	list-style: none;

}

.MainBody ul li , .MainBodyPage ul li ,

.MainBody ul.MainBodyListLevel1 li , .MainBodyPage ul.MainBodyListLevel1 li {

	background: url(../img/ListLevel1.gif) no-repeat 3px 0px;

	margin:0px 0px 0px 10px;

	padding:0px 0px 3px 30px;

	line-height: 160%;

	color: #000066;

	font-size: 12px;

}

.MainBody ul.MainBodyListLevel2 li , .MainBodyPage ul.MainBodyListLevel2 li {

	background: url(../img/ListLevel2.gif) no-repeat 0px 3px;

}

/* ---------------------------------------------- */

/* MainBodyTableTop */

/* ---------------------------------------------- */

.MainBodyTableTop {

	margin: 0px 0px 10px 25px;

	padding: 0px;

}

.MainBodyTableTop table {

	border-top: 1px solid #3366cc;

	border-left: 1px solid #3366cc;

}

.MainBodyTableTop table th {

	font-weight: bold;

	background: #3366cc;

	border-bottom: 1px solid #FFFFFF;

	border-right: 1px solid #FFFFFF;

	padding: 2px;

	line-height: 1.3em;

	color: #FFFFFF;

	font-size: 12px;

}

.MainBodyTableTop table td {

	padding: 5px;

	border-bottom: 1px solid #3366cc;

	border-right: 1px solid #3366cc;

	line-height: 140%;

	background: #f4feff;

	font-size: 12px;

}

/* ---------------------------------------------- */

/* MainBodyTableLeft */

/* ---------------------------------------------- */

.MainBodyTableLeft {

	margin: 0px 0px 10px 25px;

	padding: 0px;

}

.MainBodyTableLeft table {

	border-top: 1px solid #3366cc;

	border-left: 1px solid #3366cc;

}

.MainBodyTableLeft table th {

	font-weight: normal;

	background: #3366cc;

	padding: 2px;

	border-bottom: 1px solid #FFFFFF;

	border-right: 1px solid #FFFFFF;

	text-align: center;

	line-height: 130%;

	color: #FFFFFF;

	font-size: 12px;

}

.MainBodyTableLeft table td {

	padding: 5px;

	border-bottom: 1px solid #3366cc;

	border-right: 1px solid #3366cc;

	line-height: 140%;

	background: #f4feff;

	font-size: 12px;

}



/* ---------------------------------------------- */

/* PageListArea */

/* ---------------------------------------------- */

.PageListArea {

	margin: 0px 0px 10px;

	padding: 0px;

}

.PageListArea h2 {

	background: #fff2f2 url(../img/PageListHeadBg.gif) no-repeat left center;

	margin: 20px 0px 10px 25px;

	padding: 5px 20px 5px 38px;

	font-size: 16px;

	line-height: 130%;

	color: #3366cc;

	font-weight: bold;

	border: 1px solid #eeeeee;

}

.PageListArea h3 {

	margin: 20px 0px 10px 25px;

	padding: 5px 5px 5px 35px;

	font-size: 16px;

	line-height: 1.3em;

	font-weight: bold;

}

.PageListDouble {

	margin: 0px 0px 0px 25px;

	padding: 0px;

}

.PageListSingle {

	margin: 0px 0px 0px 25px;

	padding: 10px 0px;

}

.PageListSingle dl , .PageListDouble dl{

	margin: 0px 10px 0px 0px;

	padding: 0px;

	width: 275px;

	float: left;

	border: 1px dotted #cccccc;

	background: #f4feff;

}

.PageListSingle dl {

	float:none;

}

.PageListSingle dl dt , .PageListDouble dl dt{

	background: url(../img/SideMenuListPage.gif) no-repeat left center;

	margin: 4px;

	padding: 5px 10px 5px 30px;

	line-height: 130%;

}

.PageListSingle dl dt.PageListPickup , .PageListDouble dl dt.PageListPickup{

	background: url(../img/PageListPickup.gif) no-repeat left center;

	margin: 4px;

	padding: 5px 10px 5px 35px;

	line-height: 130%;

}

.PageListSingle dl dd , .PageListDouble dl dd{

	margin: 0px;

	padding: 10px 20px;

	line-height: 140%;

}



/* ---------------------------------------------- */

/* PageRelation */

/* ---------------------------------------------- */

.PageRelation{

	margin: 0px 0px 10px 25px;

	padding: 5px 0px;

	line-height: 1.3em;

}

.PageRelation h2 {

	margin: 0px;

	padding: 3px 0px 3px 20px;

	background: url(../img/bg04.gif) repeat;

	font-size: 16px;

	color: #3366cc;

	border: 1px dotted #FFFFFF;

}

.PageRelation ul {

	margin: 10px 0px;

	padding: 0px 0px 0px 10px;

	list-style: none;

}

.PageRelation ul li {

	background: url(../img/PageRelationListIcon.gif) no-repeat 10px 4px;

	margin:0px;

	padding:0px 0px 2px 30px;

	line-height: 160%;

}



/* ---------------------------------------------- */

/* NewsTop */

/* ---------------------------------------------- */

.NewsTopArea {

	margin: 30px 0px 10px 25px;

	padding: 0px;

}

.NewsTopArea h2 {

	margin: 0px;

	padding: 3px 0px 3px 20px;

	background: url(../img/bg04.gif) repeat;

	font-size: 16px;

	color: #3366cc;

	border: 1px dotted #FFFFFF;

}

.NewsTopArea ul {

	margin: 10px 0px 10px 12px;

	padding: 0px 0px 0px 10px;

	list-style: none;

}

.NewsTopArea ul li {

	background: url(../img/NewsTopListIcon.gif) no-repeat 0px 0px;

	margin:0px;

	padding:2px 0px 5px 30px;

	line-height: 160%;

}



/* ---------------------------------------------- */

