@charset "utf-8";

/*For common*/
@import "./base.css";

/*========================================================================
+++++ ETSURO SUGITA WEB CSS INFORMATION +++++
----- Topic ------

_1.Topic

==========================================================================

_1.Topic

=========================================================================*/
#header h2#topic-ttl{
	width:326px;
	height:89px;
	background:url(../topic/images/topic_ttl.gif) top left no-repeat;
}

.topicTtl{
	width:805px;
	margin:20px auto 5px;
}

.topicTtl h3{
	padding:0 0 5px;
	font-size:158.3%;
	/*font-size:17px;*/
	font-weight:bolder;
}

.topicTtl p{
	font-size:125%;
	font-weight:bolder;
	padding:0 0 5px;
}

.topicUpper{
	width:805px;
	margin:0 auto;
	padding:0 0 50px;
}


.topicUpper p,
.topicChapter p{
	line-height:1.4em;
}

.topicChapter p span{
	font-weight:bolder;
}

.topicChapter{
	position:relative;
	width:805px;
	margin:15px auto 0px;
}

.topicL{
	float:left;
	width:350px;
}

.topicL p{
	width:310px;
}

/*
.topicL p.chapter02{
	position:absolute;
	bottom:0;
	left:350px;
	width:260px;
}
*/

.topicL p.topicL-img img{
	float:right;
	margin:10px 0 0;
}

.topicL p.topicL-img span{
	display:block;
	float:left;
	width:175px;
}


#topicEnd.topicChapter{
	margin:0 auto 25px;
	padding:50px 0 0;
}


#topicEnd.topicChapter p span{
	display:block;
	font-size:125%;
	font-weight:bolder;
	padding:0 0 10px;
}

/*20090618 add*/
.topicTxt{
	width:700px;
	margin:15px 48px 0;
	padding:0 0 15px;
	border-bottom:1px solid #666;
}

.topicTxt h3{
	padding:0 0 5px;
	font-size:125%;
	font-weight:bolder;
}

.topicTxt a{
	color:#337600;
}

.topicTxt a:hover{
	text-decoration:none;
}


.topicTxt p{
	padding:5px 0;
}

.topicTxt ul{
	padding:10px 0 5px;
}

.topicTxt p.dateData{
	padding:0;
}