@charset "Shift_JIS";

/*--------------------
* corporation image
--------------------*/
#eyecatch {
	clear: both;
	display: block;
	width: 710px;
	height: 248px;
	margin: 0;
	padding: 0;
	background-color: #060;
	background-image: url(../img/eyecatch04.jpg);
}

.lead {
	display:block;
	width: 310px;
	margin: 0;
	padding: 0;
	padding-top: 1em;
	padding-left: 1em;
	filter: progid:DXImageTransform.Microsoft.alpha(style=0,opacity=70,finishopacity=70,startx=0,starty=0,enabled=true);
}
.lead p{
	color: #000;
	padding: 0.5em;
	border-left: 5px solid #cf0;
	border-right:5px solid #cf0;
/*
	border-top:1px solid #cf0;
	border-bottom:1px solid #cf0;
*/
/*
	border-left: 5px solid #060;
	border-right:5px solid #060;
	border-top:1px solid #060;
	border-bottom:1px solid #060;
*/

	background-image: url(../img/bk80.png);
	background-repeat: repeat-x repeat-y;
}

/*--------------------
* TOPICS
--------------------*/
.topics {
 display: block;
 font-size: x-small;
 line-height: 1.5em;
 margin: 0;
 padding: 0;
 margin-bottom: 2em;
 
/* float:left;
 width: 350px;
*/
}

html>body .topics {
 font-size: small;
 line-height: 1.5em;
}

.topics h2 {
	color: #fff;
	font-size: 1em;
	text-align: center;
	line-height: 1.25em;
	width: 6em;
	margin: 0;
	padding: 0.25em 0.5em 0.25em 0.5em;
	font-weight: normal;
	letter-spacing: 0.125em;
	background-color: #060;
}

.topics p{
 font-weight: normal;
 line-height: 1em;
 border-bottom: 1px dotted silver;
 margin: 0 0 0.525em 0;
 padding: 0.125em 0 0.1em 0;
}

html>body .topics p{
 margin: 0 0 0.575em 0;
 padding: 0.125em 0 0.125em 0;
}

.topics ul {
 list-style: none;
 margin: 0;
 padding: 5px 10px 5px 10px;
 border-top: 1px solid #060;
 border-bottom: 1px solid #060;
 border-left: 1px solid #060;
 border-right: 1px solid #060;
 height: 15em;
/* overflow: scroll; */
 background-color: #cc9;
 background-color: #fff;
}

li.topics{
 line-height: 1em;
 margin: 0;
 padding: 0.68em 0 0.1em 0; 
 border-bottom: 1px dotted silver;
}

html>body li.topics{
 margin: 0;
 padding: 0.68em 0 0.125em 0;
}

.topics dl {
 list-style: none;
 margin: 0;
 padding: 5px 10px 5px 10px;
 border-top: 1px solid #060;
 border-bottom: 1px solid #060;
 border-left: 1px solid #060;
 border-right: 1px solid #060;
 height: 18em;
/* overflow: scroll; */
 background-color: #cc9;
 background-color: #fff;
 overflow: auto;
}

dl.topics{
 line-height: 1em;
 margin: 0;
 padding: 0.68em 0 0.1em 0; 
 border-bottom: 1px dotted silver;
}

html>body dl.topics{
 margin: 0;
 padding: 0.68em 0 0.125em 0;
}

.topics dt {
	clear: both;
	display: block;
	float: left;
	padding: 0;
	width: 7em;
	text-indent: 0;
	text-align: right;
}

.topics dd {
	display: block;
	margin: 0 0 0 7em;
	padding: 0;
	text-indent: 0;
}



#topics01 {
} 
#topics01 h2{
	color: #fff;
	font-size: 1em;
	text-align: center;
	line-height: 1.25em;
	width: 6em;
	margin: 0;
	padding: 0.25em 0.5em 0.25em 0.5em;
	font-weight: normal;
	letter-spacing: 0.125em;
	background-color: #060;
} 


#topics02 {
} 
#topics02 h2{
	color: #fff;
	font-size: 1em;
	text-align: center;
	line-height: 1.25em;
	width: 6em;
	margin: 0;
	padding: 0.25em 0.5em 0.25em 0.5em;
	font-weight: normal;
	letter-spacing: 0.125em;
	background-color: #060;
} 

/*-------------------------------
* –{•¶
--------------------------------*/

.panel {
 display: block;
 float: left;
 font-size: 0.85em;
 line-height: 1.5em;
 width: 230px;
 height: 23em;
 margin: 0;
 padding: 0;
 margin-bottom: 2.0em;
 background-color: #cc9;
}

.panel ul {
 padding-bottom: 1em;
}

.panel h2 {
 font-size: 1em;
 line-height: 1.5em;
 margin: 0;
 padding: 0.25em 0 0.25em 0.5em;
 border-left: 0.8em solid #cf0;
 font-weight: normal;
 letter-spacing: 0.125em;
 background-color: #060;
 color: #fff;
}


#panel01 {
}

#panel01 ul ul {
 font-size: smaller;
 padding-bottom: 0;
}

#panel02 {
	margin-left: 10px;
	padding: 0;
}

#panel03 {
	margin-left: 10px;
	padding: 0;
}