@charset "utf-8";

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

/*========================================================================
+++++ ETSURO SUGITA WEB CSS INFORMATION +++++
----- About & Report & Contact ------

_1.about
_1-1. layout
_1-2. contents

_2.Report
_2-1. layout
_2-2. contents

_3.Contact

=========================================================================*/


/*========================================================================

_1.about
_1-1. layout
_1-2. contents

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

_1-1. layout

=========================================================================*/

#about-R{
	float:right;
	width:465px;
	text-align:left;
}

#about-L{
	float:left;
	width:402px;
	height:310px;
}


/*========================================================================

_1-2. contents

=========================================================================*/

#header h2#about-ttl{
	width:326px;
	height:81px;
	background:url(../about/images/about_ttl.gif) top left no-repeat;
}

#about-R h3{
	/*font-size:13px;*/
	font-size:116.6%;
	/*line-height:1.7em;*/
	line-height:1.6em;
	font-weight:bolder;
	letter-spacing:-0.1px;
	padding:20px 0 10px;
	border-top:1px solid #999999;
}

#about-R h3#aboutR-sttl{
	padding:0 0 40px;
	border:none;
}


#about-R p{
	/*font-size:11px;*/
	font-size:91.6%;
	padding:5px 0 20px;
	text-align:left;
}




/*========================================================================

_2.Report
_2-1. layout
_2-2. contents

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

_2-1. layout

=========================================================================*/
#report-content{
	width:805px;
	margin:0 auto 81px;
	padding:0 0 130px;
	background:url(../topic/images/report_bg.jpg) bottom no-repeat;
	
	line-height:1.4em;
}

#report-L{
	float:left;
	width:228px;
}

#report-R{
	float:right;
	width:508px;
}

/*========================================================================

_2-2. contents

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

#report-content h3{
	font-size:116%;
	font-weight:bolder;
	/* Mac IE 5 \*//*/
	letter-spacing:normal;
	/**/
}

#report-L h3{
	padding:0 0 8px;
}

#report-R h3{
	padding:0 0 18px;
}


dl#report-Ch01{
	float:left;
	width:228px;
}

dl#report-Ch02{
	float:right;
	width:228px;
	
	letter-spacing:normal;
}

#report-content dt{
	padding:0 0 5px;
	font-size:116%;
	font-weight:bolder;
}

#report-content dd{
	line-height:1.4em;
}

#report-content img{
	display:none;
}


/*========================================================================

3.Contact

=========================================================================*/
#contact-content{
	width:805px;
	margin:0 auto;
}


#header h2#contact-ttl{
	width:326px;
	height:81px;
	background:url(../contact/images/contact_ttl.gif) top left no-repeat;
}


#contact-content p,
#contact-content dl{
	padding:0 0 25px;
}


#contact-content dd{
	font-size:116%;
	font-weight:bolder;
	letter-spacing:1px;
}

#contact-content dd a{
	color:#CCCCCC;
	text-decoration:none;
}

#contact-content dd a:hover{
	color:#488117;
}



#contact-content p#contentImg{
	padding:30px 0 100px;
}