@charset "utf-8";
#mainContent {
	float: left;
	width: 480px;
	overflow: hidden;
	margin-top: 0px;
	background: #FFF;
	padding-right: 15px;
	padding-left: 15px;
}

div#mainContent p#introduce {
	text-align: center;
	line-height: 1.5em;
	margin-bottom: 10px;
	font-weight: bold;
	color: #0244B3;
	width: 480px;
}

#mainContent p#topimage {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
	width: 480px;
}

div.titleBox {
	font-size: medium;
	font-weight: bold;
	width: 160px;
	background: url(../img-cmn/boxFooter.jpg) no-repeat 5px bottom;
	text-align: center;
	padding-left: 5px;
}

div.titleBox h3 {
	background: url(../img-cmn/boxHeader.jpg) no-repeat left top;
	width: 160px;
	padding-top: 7px;
	padding-bottom: 7px;
	border-width: 0px;
	font: bold medium "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 5px;
	text-align: center;
}

div#mainContent div.centerBox {
	border: 3px solid #CCC;
	width: 474px;
	text-align: center;
	position: relative;
 }

div#mainContent div.centerBox2 {
	border: 3px solid #6FF;
	width: 474px;
	text-align: center;
	position: relative;
	background: #6FF;
 }

div#mainContent .centerBox h2 {
	font-size: medium;
	font-weight: bold;
	color: #666;
	width: 474px;
	padding-bottom: 5px;
	letter-spacing: 0.5em;
	padding-top: 5px;
	background: #CCC;
	position: relative;
	text-align: center;
 }

div#mainContentSub2 h2 {
	text-align: center;
	font-size: large;
	width: 480px;
	font-weight: bold;
}

p.description {
	line-height: 1.5em;
	text-align: left;
	text-indent: 1em;
	margin-bottom: 20px;
	width: 480px;
}

#description p.note img{ width: 256px; 
}

/*clearfix*/
#description p.note img:after{
		display: block;
		clear: both;
		height: 0;
		line-height: 0;
		visibility: hidden;
		content: ".";
		font-size: 0.1em;
}

p.pageTop {
	text-align: right;
	border-width: 0px;
	width: 830px;
}

div#mainContentSub p.pageTop {
	text-align: right;
	border-width: 0px;
	width: 660px;
}

p.pageTop img {
	text-align: right;
}

p.thumb {
	font-weight: bold;
	text-align: center;
	width: 160px;
	margin-top: 15px;
}

p.thumb a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=80);
	 }

#nabigation {
	width: 850px;
	margin-top: 10px;
	margin-bottom: 20px;
	height: 32px;
	text-align: center;
}

ul#siteNav {
	width: 850px;
	height: 32px;
}

#siteNav li.mainNav0 {
	visibility: hidden;
	background: #FFF;
	float: left;
	list-style: none;
	position: relative;
	width: 41px;
}

#siteNav li.mainNav1 {
	float: left;
	list-style: none;
	position: relative;
	background: #FFF;
	height: 32px;
	width: 128px;
}

ul#siteNav li.mainNav1 ul { display: none; }

ul#siteNav li.mainNav1:hover ul {
	position: absolute;
	display: block;
	z-index: 3;
	top: 32px;
	left: 0;
	width: 128px;
		background: #FFF;
}

/*clearfix*/
ul#siteNav:after{
		display: block;
		clear: both;
		height: 0;
		line-height: 0;
		visibility: hidden;
		content: ".";
		font-size: 0.1em;
}

ul#siteNav li ul li {
	float: none;
	list-style: none;
	border-bottom: 1px solid #36F;
	padding-top: 4px;
	padding-bottom: 5px;
	width: 126px;
	border-right: 1px solid #36F;
	border-left: 1px solid #36F;
	font-size: small;
	text-align: center;
 }

.centerBox h2 .txt img {
	position: absolute;
	z-index: 2;
	right: 32px;
	top: 0px;
}

.bnr {
	width: 160px;
	text-align: center;
	padding-left: 5px;
}

.centerBox .kome {
	text-align: left;
	line-height: 1.3em;
	width: 474px;
}

.centerBox2 .kome2 {
	text-align: center;
	line-height: 2em;
	width: 474px;
}

#logoSub p.logoSub {
	text-align: left;
	display: block;
}

#mainContentSub .crumb {
	font-size: 12px;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 660px;
}

#mainContentSub2 .crumb {
	font-size: 12px;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 480px;
}

#mainContentSub3 .crumb {
	font-size: 12px;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 830px;
}

#mainContentSub4 .crumb {
	font-size: 12px;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 750px;
}

#mainContentSub div.subTitle {
	text-align: center;
	width: 660px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#mainContentSub2 div.subTitle {
	text-align: center;
	width: 480px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#headerSub p.logoSub {
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

#logoSub {
	width: 850px;
	text-align: left;
}

#logo p.logo {
	padding-top: 20px;s
	width: 850px;
	text-align: center;
	display: block;
}

#mainContent .centerBox p.bun {
	line-height: 1.3em;
	text-align: left;
	padding-bottom: 10px;
	padding-left: 1em;
	width: 450px;
}

#header .logo {
	width: 850px;
	text-align: center;
}

p.section {
	font-weight: bold;
	text-align: left;
	width: 630px;
	padding-right: 15px;
	padding-left: 15px;
}

p.dj-title {
	font-weight: bold;
	text-align: center;
	width: 630px;
	padding-right: 15px;
	padding-left: 15px;
}

p.note {
	width: 630px;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 1.5em;
	display: block;
	position: relative;
	text-indent: 1em;
}

p.note img { }

div#footer p.subNav {
	font-size: small;
	color: #666;
	letter-spacing: 0.3em;
	margin-bottom: 20px;
	background: #3FF;
	width: 850px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}

div#footer p.subNav a:link, div#footer p.subNav a:visited { 
color: #00F; }

div#footer p.subNav a:hover, div#footer p.subNav a:active { color: #F00; 
}

div#footer address {
	font-size: small;
	margin-top: 10px;
	color: #CFF;
}


div#mainContentSub #photo2 {
	width: 480px;
	position: absolute;
	padding-left: 90px;
}

#mainContentSub #photoBox {
	width: 660px;
	position: relative;
	height: 600px;
}

#photoBox #photo3 {
	width: 240px;
	position: absolute;
	z-index: 3;
	left: 20px;
	top: 180px;
}

#photoBox #photo4 {
	width: 240px;
	position: absolute;
	z-index: 4;
	left: 390px;
	top: 180px;
}

#photoBox #photo5 {
	width: 240px;
	position: absolute;
	z-index: 5;
	left: 90px;
	top: 380px;
}

#photoBox #photo6 {
	width: 240px;
	position: absolute;
	z-index: 6;
	left: 360px;
	top: 380px;
}

p.section2 {
	font-weight: bold;
	text-align: center;
	width: 630px;
	padding-right: 15px;
	padding-left: 15px;
}

p.section3 {
	text-align: right;
	width: 645px;
	padding-left: 15px;
	font-size: 12px;
}

.style1 {
	color: green;
}

.font1 {
	font-weight: bold;
}

table .member, th, td {
/*	font-size:14px;
*/	text-align: center;	
}

table .update {
	text-align: center;	
}

td.update {
	text-align: left;	
}

table .kai {
	text-align:left;	
}

table .worklist {
	text-align:left;	
	font-weight: bold;
}

table .index {
/*	text-align:center;
*/	background-color:#CFF	
}

p.zaiseki {
	font-size: large;
	font-weight: bold;
	text-align: center;
}

div.aka { color: #F00; }


p.note .secTitle { font-weight: bold; }

p.dj-title { line-height: 1.5em; }

.aka { color: #F00; }

.ao { color: #00F; }

.ao-bold {
	 color: #00F;
	 font-weight:bold;
 }

.bold {
	color: #000;
	font-weight: bold;
	line-height: 1.5em;
}

div#gazou, div#mail, div#link {
	font-size: x-large;
	font-weight: bold;
	line-height: 1.5em;
}


.tablenote {
	font-size: 14px;
	font-weight: bold;
}

.nextPart {
	font-size: 14px;
	text-align: right;
}

#header .japanese img { 
	position: absolute;
	left: 720px;
	top: 46px;
	filter: alpha(opacity=80);
 }

#header .english img {
	position: absolute;
	left: 720px;
	top: 74px;
}

#header .english a:hover img {
/*	opacity: 0.6;
*/	filter: alpha(opacity=80);
	 }



.font10 { font-size: 10px; }

.font11 { font-size: 11px; }

.font12 { font-size: 12px; }