/* CSS Document */

body {

	margin: 0px;

	padding: 0px;

	text-align: center;

}

p,form,h1,h2,h3,h4,h5 {

	margin: 0px;

	padding: 0px;

}



/* header style */

#headerArea {

	text-align: center;

	background-image: url(../img/line_header.gif);

	background-repeat: repeat-x;

	padding-top: 15px;

}

#logoArea {

	width: 842px;

	margin-left: auto;

	margin-right: auto;

}

#subNavi a {

	font-size: 10px;

	color: #666;

	background-image: url(../img/arrow_gray.gif);

	background-repeat: no-repeat;

	background-position: 6px center;

	padding: 3px 10px 3px 14px;

	margin-left: 10px;

	margin-right: 10px;

	text-decoration: none;

	border-left: 1px dotted #666;

	border-right: 1px dotted #666;

}

#subNavi a:hover {

	text-decoration: underline;

	color: #666;

}

#subNavi form,

#subNavi div  {

	display: inline;

}

#subNavi input {

	font-size: 10px;

}

#naviArea {

	width: 842px;

	margin-left: auto;

	margin-right: auto;

	margin-top: 10px;

}

#naviArea td {

	background-image: url(../img/bg_navi.gif);

	background-repeat: repeat-x;

	background-position: bottom;

}

#naviArea a {

	display: block;

	width: 137px;

	height: 35px;

	text-indent: -9999em;

	text-decoration: none;

	background-repeat: no-repeat;

	background-position: 0px 0px;

	overflow: hidden;

	border-top: 1px solid #ccc;

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	border-left: 1px solid #ccc;

		voice-family:"\"}\"";

		voice-family:inherit;

		width: 135px;

		height: 33px;

}

html>body #naviArea a{

	width: 135px;

	height: 33px;

}

#naviArea a:hover {

	background-position: 0px -33px;

	text-decoration: none;

	border-top: 1px solid #c69;

	border-right: 1px solid #c69;

	border-bottom: 1px solid #ccc;

	border-left: 1px solid #c69;

}

#naviArea a.naviOn {

	background-position: 0px -66px;

	border-top: 1px solid #ccc;

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #fff;

	border-left: 1px solid #ccc;

	text-decoration: none;

}

#naviArea a.naviOn:hover {

	border-top: 1px solid #FC0088;

	border-right: 1px solid #FC0088;

	border-bottom: 1px solid #fff;

	border-left: 1px solid #FC0088;

	text-decoration: none;

}



#navi01 a {

	background-image: url(../img/navi01.gif);

	margin-right: 4px;

}

#navi02 a {

	background-image: url(../img/navi02.gif);

	margin-right: 4px;

}

#navi03 a {

	background-image: url(../img/navi03.gif);

	margin-right: 4px;

}

#navi04 a {

	background-image: url(../img/navi04.gif);

	margin-right: 4px;

}

#navi05 a {

	background-image: url(../img/navi05.gif);

	margin-right: 4px;

}

#navi06 a {

	background-image: url(../img/navi06.gif);

}



/* main style */

#mainArea {

	width: 842px;

	margin: 10px auto 0px auto;

	text-align: left;

}



/* leftConts style */

#leftConts {

	width: 655px;

	text-align: left;

	padding-right: 20px;

	padding-top: 10px;

		voice-family:"\"}\"";

		voice-family:inherit;

		width: 635px;

}

html>body #leftConts{

	width: 635px;

}

#pankuzu {

	font-size: 10px;

	color: #666;

	padding-left: 3px;

}

#pankuzu strong {

	font-weight: normal;

}

.m1 {

	padding: 0px;

	margin: 10px 0px 0px 0px;

	line-height: 100%;

}

.m2 {

	padding: 1px;

	margin: 0px;

	border: 1px solid #ccc;

	background-color: #F7F7F7;

}

.m2 span {

	display: block;

	padding: 7px 0px 7px 12px ;

	margin: 0px;

	font-size: 17px;

	font-weight: bold;

	color: #3F2B11;

	line-height: 100%;

	background-image: url(../img/line_m2.gif);

	background-repeat: repeat-y;

	background-color: #F7F7F7;

}

.m3 {

	padding: 0px 0px 5px 3px;

	margin: 20px 0px 0px 0px;

	font-size: 16px;

	font-weight: bold;

	color: #1a1a1a;

	background-image: url(../img/line_m3.gif);

	background-repeat: repeat-x;

	background-position: bottom;

	line-height: 100%;

}

.m4 {

	padding: 0px 0px 0px 4px;

	margin: 20px 0px 0px 3px;

	font-size: 14px;

	font-weight: bold;

	color: #699;

	border-left: 8px solid #699;

	line-height: 1.2;

}

.m5 {

	padding: 0px;

	margin: 10px 0px 0px 3px;

	font-size: 13px;

	font-weight: bold;

	color: #1a1a1a;

	line-height: 1.2;

}

.imgHeader {

	margin:0px;

	padding:0px;

	width: 635px;

	text-align: center;

}

/* rightConts style */

#rightConts {

	width: 187px;

	padding-top: 10px;

	text-align: left;

	background-color: #fff;

}

/** rmenuBnr **/

p.rmenuBnr,

p.rmenuBnrW, p.rmenuBnr2 {

	margin: 0px auto 10px auto;

	text-align: center;

}

p.rmenuBnr a, p.rmenuBnr2 a {

	display: block;

	border: 1px solid #ccc;

	text-decoration: none;

}

p.rmenuBnrW a {

	display: block;

	border: 1px solid #fff;

	text-decoration: none;

}

p.rmenuBnr a:hover {

	border: 1px solid #FC0088;

	text-decoration: none;

}
p.rmenuBnr2 a:hover {

	border: 1px solid #1f2b54;

	text-decoration: none;

}

p.rmenuBnrW a:hover {

	border: 1px solid #ccc;

	text-decoration: none;

}

/** rmenuList **/

.rmenuList{

	margin: 0px auto 10px auto;

	border: 1px solid #ccc;

	width: 187px;

		voice-family:"\"}\"";

		voice-family:inherit;

		width: 185px;

}

html>body .rmenuList {

	width: 185px;

}

.rmenuList p {

	margin: 0px auto;

	border-bottom: 1px solid #ccc;

	background-color: #fff;

}

.rmenuList p a:hover{

	display: block;

	background-color: #FC0088;

}

.rmenuList ul{

	margin: 0px auto;

	padding: 0px;

	list-style: none;

}

.rmenuList li {

	font-size: 13px;

	border-bottom: 1px dotted #ccc;

	background-image: url(../img/arrow_blue.gif);

	background-repeat: no-repeat;

	background-position: 10px center;

	padding: 4px 10px 3px 20px;

	margin: 0px;

}

.rmenuList li.group {

	background-image: none;

	padding-left: 4px;

	font-weight: normal;

	color: #1a1a1a;

	background-color: #eee;

}

.rmenuList li.lastLine{

	border-bottom: none;

}

/** frameList **/

.frameList{

	margin: 0px auto 10px auto;

	padding: 4px;

	border: 1px solid #ccc;

	background-color: #eee;

	width: 187px;

		voice-family:"\"}\"";

		voice-family:inherit;

		width: 177px;

}

html>body .frameList {

	width: 177px;

}

.frameList p {

	margin: 0px auto 4px auto;

	text-align: left;

}

.frameList ul{

	background-color: #fff;

	margin: 0px;

	padding: 0px;

	list-style: none;

}

.frameList li {

	font-size: 12px;

	line-height: 1.2;

	border-bottom: 1px dotted #ccc;

	background-image: url(../img/arrow_pink.gif);

	background-repeat: no-repeat;

	background-position: 10px 10px;

	padding: 6px 10px 5px 20px;

	margin: 0px;

}

.frameList li.group {

	background-image: none;

	padding-left: 4px;

	font-weight: bold;

	color: #1a1a1a;

}

.frameList li.lastLine {

	border-bottom: none;

}



/* footer style */

#footerArea {

	margin: 40px 0px 0px 0px;

	padding-top: 5px;

	text-align: center;

	border-top: 1px solid #ccc;

	background-image: url(../img/footmap_bg.gif);

	background-repeat: repeat-x;

}

#footerArea p {

	width: 842px;

	margin-left: auto;

	margin-right: auto;

	text-align: left;

}

#footNavi {

	font-size: 12px;

	padding: 8px 0px;

}

#footNavi a {

	margin-right: 10px;

	background-image: url(../img/arrow_boxpink.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding: 10px 0px 10px 13px;

}

#copyRight {

	font-size: 10px;

	color: #666;

	font-family: Arial, Helvetica, sans-serif;

	text-align: center;

	background-image: url(../img/line_footer.gif);

	background-repeat: repeat-x;

	padding: 16px 0px;

}



/* foot sitemap */

#footMap {

	width: 842px;

	margin: 0 auto 5px auto;

	text-align: left;

	background-image: url(../img/footmap_wakubtm.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

}

.footMapWaku01 {

	float: left;

	width: 200px;

	margin: 0 14px 0 0;

	padding: 3px 10px 5px 10px;

	list-style: none;

	background-image: url(../img/footmap_wakutop.gif);

	background-repeat: no-repeat;

		voice-family:"\"}\"";

		voice-family:inherit;

		width: 180px;

}

html>body .footMapWaku01{

	width: 180px;

}

.footMapWaku02 {

	float: right;

	width: 200px;

	margin: 0 0 0 0;

	padding: 3px 10px 10px 10px;

	list-style: none;

	background-image: url(../img/footmap_wakutop.gif);

	background-repeat: no-repeat;

		voice-family:"\"}\"";

		voice-family:inherit;

		width: 180px;

}

html>body .footMapWaku02{

	width: 180px;

}

#footMap li {

	margin: 0 0 0 0;

	padding: 5px 0 4px 0;

	border-bottom: 1px dotted #ccc;

	font-size: 12px;

}

#footMap li a {

	display: block;

	color: #666;

	background-image: url(../img/footmap_arw.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 12px;

}

#footMap .footMapTtl,

#footMap .mapLastLine {

	border: none;

}

#footMap .footMapTtl a {

	background-image: none;

	padding-left: 0;

}









/* other style */

.dn {

	display: none;

}

.layLeft {

	width: 615px;

	margin: 10px auto 0px auto;

	text-align: left;

}

.layCenter {

	width: 615px;

	margin: 10px auto 0px auto;

	text-align: center;

}

.layRight {

	width: 615px;

	margin: 10px auto 0px auto;

	text-align: right;

}

.layLeftFull {

	width: 635px;

	margin: 10px auto 0px auto;

	text-align: left;

}

.marginTop {

	margin-top: 20px;

}

.marginTopL {

	margin-top: 40px;

}

.marginTextBtm {

	display: block;

	margin-bottom: 6px;

}

/* borderTable */

.borderTable {

	border-top: 1px solid #ccc;

	border-left: 1px solid #ccc;

}

.borderTable td{

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

}

.borderTable th{

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	background-color: #eee;

	text-align: center;

}

.borderTable .colcell {

	background-color: #ECE9D8;

}

tr.dotBottom td,

tr.dotBottom th{

	border-bottom: 1px dotted #ccc;

}





/* list style */

ul, ol {

	margin: 3px 0px 3px 2em;

	padding: 0px;

}

li {

	margin: 3px 0px 0px 0px;

}

ul.mark {

	margin: 3px 0px 3px 0px;

	padding: 0px;

	list-style: none;

}

.mark li {

	margin: 3px 0px 0px 0px;

	text-indent: -1em;

	margin-left: 1em;

}

/* font style */ 

.fontL {

	font-size: 16px;

	color: #1a1a1a;

}

.fontM {

	font-size: 13px;

	line-height: 1.4;

	color: #1a1a1a;

}

.fontS {

	font-size: 10px;

	line-height: 1.2;

	color: #1a1a1a;

}

.textRed {

	color: #f00;

}

.textPale{

	color: #666;

}



/* link style */

a{

	color: #06c;

	text-decoration: none;

}

a:hover {

	color: #FC0088;

	text-decoration: underline;

}

.imgLink a img{

	border: 1px solid #ccc;

}

.imgLink a:hover img{

	border: 1px solid #FC0088;

}