@charset "utf-8";


/**
 * コンテナー定義
 *
 */

#contents {
/*	height: 550px;		*/
	height: 600px;
}
 
#square01 {
 	position: absolute;
	top: -60px;
	width: 500px;
	height: 340px;
	background: url(../images/square01.gif) no-repeat;
}

#square01 img.logo {
	position: absolute;
	top: 50px;
	left: 20px;
	background: url(../images/triumph.gif) no-repeat;
}

#square01 h2 {
	position: relative;
	top: 100px;
	text-indent: 40px;
	font-size: 1.6em;
}

/*- add 08/12/20 */
#square01 marquee.mq1 {	
	position: 		relative;		/*- add 09/01/14 */
/*-	width: 			584px;		*/
	width: 			380px;
	scrolldelay: 	180px;
	behavior: 		alternate;
	left: 			40px;			/*- add 09/01/13 */
	line-height:	1.4em			/*- add 09/01/11 */
}
#square01 p {
	position: relative;
	top: 110px;
	text-indent: 60px;
	font-size: 0.8em;
}

#square02 {
 	position: absolute;
	top: -100px;
	left: 390px;
	width: 401px;
	height: 135px;
	padding: 5px;
	background: url(../images/square02.gif) no-repeat;
}

#square02 p.indent2 {
	text-indent: 20px;
}

#square02 h2 {
	font-size: 1.0em;
}

#square02 .title {
	position: relative;
	float: left;
	width: 285px;
	height: 30px;
	padding-top: 5px;
	padding-left: 30px;
	background: url(../images/arrow01.gif) no-repeat;
	font-size: 0.8em;
}

#square02 .link {
	position: relative;
	float: left;
	width: 85px;
	height: 35px;
	font-size: 0.6em;
}

#square02 .message {
	position: relative;
	float: left;
/*	width: 370px;				change 2009/12/28 */
	width: 373px;
	height: 100px;
	padding-left: 30px;
	font-size: 0.8em;
	line-height: 1.4em;
	overflow: auto;			/* add 2009/12/28 */
}

#square02 a,
#square02 a:link,
#square02 a:visited {
	text-decoration: none;
}

#square02 img {
	vertical-align: middle;
}


#square03 {
 	position: absolute;
	top: 70px;
	left: 457px;
	width: 334px;
	height: 135px;
	padding: 5px;
	background: url(../images/square03.gif) no-repeat;
}

#square03 p.indent {
	text-indent: 20px;
}

#square03 p.indent2 {
	text-indent: 40px;
}

#square03 h2 {
	font-size: 1.0em;
}

#square03 .title {
	position: relative;
	float: left;
	width: 290px;
	height: 30px;
	padding-top: 5px;
	padding-left: 30px;
	background: url(../images/arrow01.gif) no-repeat;
	font-size: 0.8em;
}

#square03 .message {
	position: relative;
	float: left;
	width: 306px;
	height: 98px;
	padding-left: 30px;
	font-size: 0.8em;
	line-height: 1.4em;
	overflow: auto;
}

#square03 tr.posit {
	vertical-align: top;
}

#square03 a,
#square03 a:link,
#square03 a:visited {
	text-decoration: none;
}

#square03 img {
	vertical-align: middle;
}

#square04 {
 	position: absolute;
	top: 270px;
	left: 0px;
	width: 138px;
	height: 135px;
	padding: 5px;
	background: url(../images/square05.gif) no-repeat;
}

#square04 h2 {
	font-size: 1.0em;
}

#square04 .title {
	position: relative;
	float: left;
	width: 138px;
	height: 30px;
	padding-top: 5px;
	padding-left: 10px;
	font-size: 0.8em;
}

#square04 .message {
	position: relative;
	float: left;
	width: 138px;
	height: 100px;
	padding-left: 10px;
	font-size: 0.8em;
	line-height: 1.4em
}

#square04 a,
#square04 a:link,
#square04 a:visited {

	text-decoration: none;
}

#square04 img {
	vertical-align: middle;
}

#geoTrust {
 	position: absolute;
	top: 440px;
	left: 20px;
	width: 138px;
	height: 80px;
	padding: 5px;
}

/* square05用スタイル挿入予定 */
#square05 {
 	position: absolute;
	top: 230px;
	left: 130px;
	width: 650px;
	height: 340px;
}

#square05 h2 {
	position: relative;
/*-	top: 90px;                 */
	top: 70px;
	left: -10px;       /*- add */
	text-indent: 40px;
	font-size: 1.6em;
}

#square05 p {
	position: relative;
/*-	top: 100px;                */
	top: 80px;
	text-indent: 60px;
	font-size: 0.8em;
}

/*- ADD 09/03/23 */
#square05 p.indent {
	position: absolute;  
/*-	top: 270px;         		/* change 2009/04/14 */
	top: 300px;
/*-	left: 120px;		*/
	left: 60px;
	font-size: 0.8em;
	text-indent: 0px;
	line-height: 2.0em;
}

/*- ADD 09/03/23 */
#square05 img {
	margin-left: 60px;
	margin-bottom: 30px;
}

/*- ADD 09/03/23 */
#square05 img.indent {
	position: absolute;
/*-	top: 5px;				*/
	top: 5px;
	left: -80px;
}

/*- ADD 08/12/20 */
#square05 marquee.mq2 {
	position: 		relative;		/*- add 09/01/14 */
/*-	width: 			584px;		*/
	width: 			320px;
/*-	scrolldelay: 	180px;		*/
	scrolldelay: 	360px;
	behavior: 		alternate;
	left: 			45px;			/*- add 09/01/14 */
	line-height:	1.4em			/*- add 09/01/14 */
}

#square06 {
 	position: absolute;
	top: 240px;
	left: 504px;
	width: 288px;
	height: 135px;
	padding: 5px;
	background: url(../images/square04.gif) no-repeat;
}

#square06 h2 {
	font-size: 1.0em;
}

#square06 .title {
	position: relative;
	float: left;
	width: 288px;
/*-	height: 30px;			*/
	height: 25px;
	padding-top: 5px;
/*-	padding-left: 10px;		*/
	padding-left: 30px;
	background: url(../images/arrow01.gif) no-repeat;
	font-size: 0.8em;
}

#square06 .message {
	position: relative;
	float: left;
	width: 280px;
/*-	height: 98px;			*/
	height: 138px;
/*-	padding-left: 10px;		*/
	padding-left: 30px;
	font-size: 0.8em;
	line-height: 1.4em;
	overflow: auto;
}

/*- add 2009/3/17 start */
#square06 a,
#square06 a:link,
#square06 a:visited {
	text-decoration: none;
}
/*- add 2009/3/17 ended */