@charset "utf-8";
/* Common */
* {
	margin: 0;
	padding: 0;
}
	/* ClearFix */
	.clearfix:after {
	   content: ".";
	   display: block;
	   clear: both;
	   height: 0;
	   visibility: hidden;
	}
	/* exlude MacIE5 */
	.clearfix { display: inline-block; }
	/* end MacIE5 */
	* html .clearfix { height: 1% }
	.clearfix {display:block;}
body {
	font-size: 16px;
	font-family: "Hiragino Kaku Gothic pro","ヒラギノ角ゴ pro W3","ＭＳ Ｐゴシック",Osaka;
}
a:link,
a:visited {
	color: #36c;
	outline: none;
	overflow: hidden;
}
a:hover,
a:active {
	color: #C03;
	text-decoration: none;
}
h1 {

}
h2 {
	background: url(../images/h2TitleTop.png) no-repeat 10px 0;
	height: 24px;
	border-left: 5px solid #9bb4e4;
	margin: 35px 0 20px 0;
	font-size: 1em;
	text-indent: -9999px;
}
h3 {
	background: url(../images/h3Point.gif) no-repeat 0 2px;
	padding-left: 15px;
	line-height: 14px;
	font-size: 1em;
	color: #333;
	margin-bottom: 6px;
}
.rightImg {
	float: right;
	margin-left: 10px;
	padding: 1px;
	border: 1px solid #ccc;
}
/* Header */
#header {
	height: 132px;
}
#header #headerTop {
	height: 132px;
	background: url(../images/headerBg.jpg) top center #FFF no-repeat;
}
#header #headerTop #headerCol {
	width: 988px;
	margin: 0 auto;
}
#header #headerTop h1 {
	display: block;
	width: 166px;
	padding-left: 20px;
	height: 82px;
	text-indent: -9999px;
	float: left;
	margin-top:27px;
	font-size: 12px;
}
#header #headerTop h1 a {
	display: block;
	background: url(../images/logo.png) no-repeat;
	width: 166px;
	height: 82px;
}
#header #flashDiv {
	height: 312px;
}
/* Body & SideBar */
#container {
	width: 988px;
	margin: 0 auto;
	position: relative;
}
#container #content {
	width: 717px;
	margin-left: 233px;
	padding-top: 50px;
	font-size: 0.875em;
	margin-bottom: 35px;
}
#container #sideBar {
	width: 193px;
	padding: 0 23px 0 0;
	background: url(../images/leftSade.jpg) top right no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	min-height: 630px;
	height: auto !important;
	height: 630px;
}
#container #content #pankuzu {
	font-size: 0.75em;
}
#container #content .article {
	background: url(../images/blueDotsBg.gif);
	padding: 8px;
}
#container #content .article2 {
	border: 4px solid #ededed;
	padding: 8px;
}
#container #content .article3 {
	background: url(../images/blueDotsBg.gif);
	padding: 4px 0;
}
#container #content .article p,
#container #content .article div,
#container #content .article address,
#container #content .article dl,
#container #content .article ol,
#container #content .article ul,
#container #content .article h3 {
	background: #FFF;
	padding: 10px;
	padding-left: 25px;
	line-height: 1.5em;
}
#container #content .article h3 {
	background: url(../images/h3Point.gif) no-repeat 8px 18px #fff;
	padding:15px 0 2px 25px;
	line-height: 20px;
	font-size: 1em;
	color: #36c;
	margin: 0;
}
#container #content .article dl,
#container #content .article dt,
#container #content .article dd,
#container #content .article ol,
#container #content .article ul {
	padding-left: 30px;
}
#container #content .article3 p,
#container #content .article3 h3 {
	background: #fff;
	padding: 5px;
}
#container #content p.topBack a {
	display: block;
	background: url(../images/topBack.png) no-repeat right;
	text-indent: -9999px;
	
}
#container #content ul#innerNavi {
	margin-bottom: 35px;
}
#container #content ul#innerNavi li {
	float: left;
	margin: 0px;
	font-size: 1em;
	list-style: none;
	text-align: center;
	height: 38px;
	background: url(../images/tab.jpg) right top;
	position: relative;
}
#container #content ul#innerNavi li a {
	display: block;
	line-height: 38px;
	padding-left:10px;
	margin-right: 10px;
	background: url(../images/tab.jpg) no-repeat;
	text-decoration: none;
}
/* Footer */
#footer {
	background: url(../images/footerBg.jpg) no-repeat top #547ed2;
	padding: 30px 20px 20px 20px;
	margin-top: 30px;
	clear: both;
}
#footer address,
#footer p {
	font-style: normal;
	text-align: center;
	font-size: 0.875em;
}
/* Absolute Layout */
/* グローバルナビゲーション カテゴリーB */
#container #gNavi {
	position: absolute;
	width: 988px;
	height: 132px;
	top: -444px;
	left: 0;
	background: url(../images/headerImg.jpg) no-repeat right -1320px;
	z-index: 10;
}
#container #gNaviA {
	position: absolute;
	width: 468px;
	height: 51px;
	top: 52px;
	left: 329px;
	background: url(../images/gNaviBg.jpg) no-repeat;
	padding-top: 29px;
	z-index: 100;
}
#container #gNaviA li {
	float: left;
	height: 51px;
	list-style: none;
}
#container #gNaviA li a {
	display: block;
	height: 51px;
	text-indent: -9999px;
	background: url(../images/gNaviBtn.png) no-repeat;
}
#container #gNaviA li a#gNaviA01 {
	background-position: 0 0;
	width: 108px;
}
#container #gNaviA li a#gNaviA02 {
	background-position: -108px 0;
	width: 96px;
}
#container #gNaviA li a#gNaviA03 {
	background-position: -204px 0;
	width: 122px;
}
#container #gNaviA li a#gNaviA04 {
	background-position: -326px 0;
	width: 140px;
}
#container #gNaviA li a#gNaviA01:hover,
#container #gNaviA li a#gNaviA01.gNaviAvt {
	background-position: 0 -51px;
	width: 108px;
}
#container #gNaviA li a#gNaviA02:hover,
#container #gNaviA li a#gNaviA02.gNaviAvt {
	background-position: -108px -51px;
	width: 96px;
}
#container #gNaviA li a#gNaviA03:hover,
#container #gNaviA li a#gNaviA03.gNaviAvt {
	background-position: -204px -51px;
	width: 122px;
}
#container #gNaviA li a#gNaviA04:hover {
	background-position: -326px -51px;
	width: 140px;
}
#container #gNaviA li a#gNaviA04.gNaviAvt {
	background-position: -326px -102px;
	width: 140px;
}
/* Subナビゲーション */
#container ul#subNavi {
	position: absolute;
	z-index: 100;
	top: 351px;
	left: -309px;
	width: 173px;
}
#container ul#subNavi li {
	float: none;
	height: 38px;
	list-style: none;
}
#container ul#subNavi li a {
	display: block;
	height: 38px;
	text-indent: -9999px;
}
#container ul#subNavi li a#subNavi01 {
	background-position: 0 0;
}
#container ul#subNavi li a#subNavi02 {
	background-position: 0 -37px;
}
#container ul#subNavi li a#subNavi03 {
	background-position: 0 -74px;
}
#container ul#subNavi li a#subNavi04 {
	background-position: 0 -111px;
}
#container ul#subNavi li a#subNavi05 {
	background-position: 0 -148px;
}
#container ul#subNavi li a#subNavi06 {
	background-position: 0 -185px;
}
#container ul#subNavi li a#subNavi07 {
	background-position: 0 -222px;
}
/* グローバルナビゲーション カテゴリーB */
#container #gNaviB {
	width: 659px;
	height: 39px;
	padding-left: 96px;
	position: absolute;
	top: 444px;
	left: 233px;
	background: url(../images/bCatNaviBg.jpg) no-repeat;
}
#container #gNaviB li {
	float: left;
	height: 39px;
	list-style: none;
}
#container #gNaviB li a {
	display: block;
	height: 39px;
	background: url(../images/bCatNavi.png) no-repeat;
	text-indent: -9999px;
}
#container #gNaviB li a#gNaviB01 {
	width: 119px;
	background-position: -147px 0;
}
#container #gNaviB li a#gNaviB02 {
	width: 116px;
	background-position: -266px 0;
}
#container #gNaviB li a#gNaviB03 {
	width: 134px;
	background-position: -382px 0;
}
#container #gNaviB li a#gNaviB04 {
	width: 104px;
	background-position: -516px 0;
}
#container #gNaviB li a#gNaviB05 {
	width: 147px;
	background-position: 0 0;
}

#container #gNaviB li a#gNaviB01:hover,
#container #gNaviB li a#gNaviB01.gNaviAvt {
	width: 119px;
	background-position: -147px -39px;
}
#container #gNaviB li a#gNaviB02:hover,
#container #gNaviB li a#gNaviB02.gNaviAvt {
	width: 116px;
	background-position: -266px -39px;
}
#container #gNaviB li a#gNaviB03:hover,
#container #gNaviB li a#gNaviB03.gNaviAvt {
	width: 134px;
	background-position: -382px -39px;
}
#container #gNaviB li a#gNaviB04:hover,
#container #gNaviB li a#gNaviB04.gNaviAvt {
	width: 104px;
	background-position: -516px -39px;
}
#container #gNaviB li a#gNaviB05:hover,
#container #gNaviB li a#gNaviB05.gNaviAvt {
	width: 147px;
	background-position: 0 -39px;
}
/* グローバルナビゲーション カテゴリーC */
#container #gNaviC {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 20px;
	width: 173px;
	height: 128px;
}
#container #gNaviC li {
	height: 32px;
	list-style: none;
}
#container #gNaviC li a {
	display: block;
	height: 32px;
	text-indent: -9999px;
	background: url(../images/cCatNavi.png) no-repeat;
}
#container #gNaviC li a#gNaviC01 {
	background-position: 0 0;
}
#container #gNaviC li a#gNaviC02 {
	background-position: 0 -32px;
}
#container #gNaviC li a#gNaviC03 {
	background-position: 0 -64px;
}
#container #gNaviC li a#gNaviC04 {
	background-position: 0 -96px;
}
#container #gNaviC li a#gNaviC01:hover,
#container #gNaviC li a#gNaviC01.gNaviAvt {
	background-position: 0 -129px;
}
#container #gNaviC li a#gNaviC02:hover,
#container #gNaviC li a#gNaviC02.gNaviAvt {
	background-position: 0 -161px;
}
#container #gNaviC li a#gNaviC03:hover,
#container #gNaviC li a#gNaviC03.gNaviAvt {
	background-position: 0 -193px;
}
#container #gNaviC li a#gNaviC04:hover,
#container #gNaviC li a#gNaviC04.gNaviAvt {
	background-position: 0 -225px;
}
#container #content dl#charChange {
	position: absolute;
	top: -437px;
	left: 625px;
	font-size: 10px;
	width: 171px;
	height: 20px;
	padding-bottom: 3px;
	border-bottom: 1px solid #e1e8f7;
	z-index: 120;
	text-indent: -9999px;
}
#container #content dl#charChange dt {
	float: left;
	background: url(../images/charSizeTitle.jpg) no-repeat;
	width: 85px;
	height: 20px;
}
#container #content dl#charChange dd {
	float: left;
	width: 20px;
	padding-left: 8px;
}
#container #content dl#charChange dd a {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/charSize.jpg) no-repeat;
}
#container #content dl#charChange dd a#charL {
	background-position: -56px -20px;
}
#container #content dl#charChange dd a#charL:hover,
#container #content dl#charChange dd a#charL:active {
	background-position: -56px 0;
}
#container #content dl#charChange dd a#charM {
	background-position: -28px -20px;
}
#container #content dl#charChange dd a#charM:hover,
#container #content dl#charChange dd a#charM:active {
	background-position: -28px 0;
}
#container #content dl#charChange dd a#charS {
	background-position: 0 -20px;
}
#container #content dl#charChange dd a#charS:hover,
#container #content dl#charChange dd a#charS:active {
	background-position: 0 0;
}

/* サイドバー Links */
#sideBar #links {
	background: url(../images/linksBg.jpg) bottom left no-repeat;
	padding-bottom: 4px;
	position: relative;
	margin-top: 234px;
	width: 167px;
	margin-left: 21px;
	padding-right: 5px;
}
#sideBar #links h2 {
	background: url(../images/linksH2.jpg) no-repeat;
	height: 31px;
	border: none;
	margin: 0;
}
#sideBar #links ul {
	padding-left: 23px;
}
#sideBar #links li {
	font-size: 0.75em;
}