@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 p{
	font-size:11px;
	padding:0 0 15px;
	text-align:left;
	text-align:justify;
	text-justify:inter-ideograph;
}

#about-R p#aboutJp-name{
	font-size:12px;
	font-weight:bolder;
	padding:15px 0 5px;

}

#about-R h3{
	font-size:100%;
	line-height:1.6em;
	/*font-size:13px;
	line-height:1.7em;*/
	font-weight:bolder;
	padding:0 0 10px;
}

#about-R h3.aboutJpMsg{
	font-size:116.6%;
	letter-spacing:-0.1px;
}


#aboutJp{
	margin:5px 0 15px;
	border-bottom:1px solid #999999;
}


#footerAbout{
	position:absolute;
	bottom:0;
	left:0;
	width:900px;
	margin:0;
	padding:0;
	text-align:left;
}

#footerAbout address{
	width:278px;
	height:45px;
	background:url(../images/top_copy.gif) right center no-repeat;
}




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

_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;
}