/*	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
		Common styles
	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

body.BizBonds {
  background-color: transparent;
  height: 100%;
  border-color: #C2C2C2;
}

	body.BizBonds.nr  { background-image: url("../image/bgimage.jpg") ; background-repeat: no-repeat ; }
	body.BizBonds.rp  { background-image: url("../image/bgimage.jpg") ; background-repeat: repeat ; }
	body.BizBonds.rpX { background-image: url("../image/bgimage.jpg") ; background-repeat: repeat-x ; }
	body.BizBonds.rpY { background-image: url("../image/bgimage.jpg") ; background-repeat: repeat-y ; }

/*	----------------------------------------------------------------------------- */
/*	   BACKGROUND                                                                 */
/*	----------------------------------------------------------------------------- */

div.bg {
	min-height: 100%;
	height: 100%;
	width : 100% ;
	margin:  0px 0px 0px 0px;
	padding: 15px 0px 15px 0px;
	background-color: transparent;
	text-align:center;
}

div.container {
	position: static;
	width: 960px;
	min-height: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	color: transparent;
	background-color: #ffffff;
}


div.contents {
	position: static;
	width: 960px;
	min-height: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	color: transparent;
	background-color: #ffffff;
}

/*	----------------------------------------------------------------------------- */
/*	   HEADER                                                                     */
/*	----------------------------------------------------------------------------- */

div.header {
	position: static;
	width: 945px;
	margin: 0px 0px 0px 2px;
	padding: 5px 5px 0px 5px;
	color: transparent;
	background-repeat: no-repeat ;
}

	div.header.L { 	height: 225px;	background-image: url("../image/headerbgL.jpg") ; }
	div.header.M { 	height: 150px;	background-image: url("../image/headerbgM.jpg") ; }
	div.header.S { 	height: 75px;	background-image: url("../image/headerbgS.jpg") ; }
	div.header.T { 	height: 35px; }

div.siteimage {
	position: static;
	float: left;
	padding: 0px 0px 0px 0px;
	color: #222222;
}

	div.siteimage.L { height: 200px;	width: 325px; margin: 10px 0px 0px 10px; }
	div.siteimage.M { height: 125px;	width: 202px; margin:  7px 0px 0px 10px; }
	div.siteimage.S { height: 65px;		width: 105px; margin:  0px 0px 0px 10px; }

	
div.sitetitle {
	position: static;
	float: right;
	width: 500px;
	height: 40px;
	padding: 5px 20px 5px 0px;
	text-align: right;
	color: #222222;
}

	div.sitetitle.L { width: 500px;	height: 40px; font-size: 24px; margin: 10px 0px 0px 0px; }
	div.sitetitle.M { width: 500px;	height: 33px; font-size: 20px; margin: 10px 0px 0px 0px;}
	div.sitetitle.S { width: 500px;	height: 25px; font-size: 18px; }
	div.sitetitle.T { width: 350px;	height: 25px; font-size: 16px; float: left; text-align: left;}
	
div.introtext {
	position: static;
	float: right;
	padding: 5px 20px 5px 0px;
	text-align: right;
	color: #222222;
}

	div.introtext.L { width: 500px;	height: 80px; font-size: 14px; line-height: 24px; margin: 10px 0px 0px 0px; }
	div.introtext.M { width: 500px;	height: 45px; font-size: 13px; line-height: 18px; margin:  0px 0px 0px 0px; }
	
div.company {
	position: static;
	float: right;
	padding: 5px 20px 5px 0px;
	text-align: right;
	color: #222222;
}

	div.company.L { width: 500px;	height: 30px; font-size: 22px; margin: 10px 0px 0px 0px; }
	div.company.M { width: 500px;	height: 24px; font-size: 16px; margin:  0px 0px 0px 0px; }
	div.company.S { width: 500px;	height: 18px; font-size: 15px; margin:  0px 5px 0px 0px; }
	div.company.T { width: 350px;	height: 18px; font-size: 13px; margin:  0px 5px 0px 0px; }

/*	----------------------------------------------------------------------------- */
/*	   DISPLAY DIV                                                                     */
/*	----------------------------------------------------------------------------- */

div.stddsp {
	position: static;
	display: block;
	float: left;
	padding: 0px 3px 0px 3px;
	text-align: right;
}

	div.stddsp.left  { float:left; padding: 5px 0px 0px 0px; text-size: 100%}
	div.stddsp.right { float:right; padding: 5px 0px 0px 0px; text-align: left;}

div.inlinedsp {
	position: static;
	display: inline;
	padding: 0px 0px 0px 0px;
	text-align: right;
}


div.inlinedsp.left1 { float:left; padding: 5px 0px 0px 0px;}


div.inlinedsp.right { float:right; }
div.inlinedsp.right1 { float:right; padding: 5px 0px 0px 0px;}


/*	----------------------------------------------------------------------------- */
/*	   P                                                                          */
/*	----------------------------------------------------------------------------- */

p.guide {
	font-size: 100%;
	line-height:18px;
	margin: 5px 0px 0px 0px;
	}

	p.guide.red { color: #ED4545; }
	p.guide.blue { color: #0000FF; }

/*	----------------------------------------------------------------------------- */
/*	   FONT                                                                       */
/*	----------------------------------------------------------------------------- */

font.smallred {
	font-size: 90%;
	color: #ED4545;
}

font.smallblue {
	font-size: 90%;
	color: #0000FF;
}

font.bold { font-weight: bold; }
font.bolder { font-weight: bolder; }
font.lighter { font-weight: lighter; }


/*	----------------------------------------------------------------------------- */
/*	   LINK                                                                       */
/*	----------------------------------------------------------------------------- */

a.non_border {
	border;none;
}

/*	============================================================================= */
/*	                                                                              */
/*	   ENVAIRONMENT SETTING MENU                                                  */
/*	                                                                              */
/*	============================================================================= */

div.envsetmenu_title {
	clear: both;
	position: static;
	width: 934px;
	height: 25px;
	line-height:18px;
	font-size:18px;
	text-align:left;
	margin:  5px 0px 3px 2px;
	padding: 10px 0px 5px 20px;
	color: #FFFFFF;
	background-color: #6B6B6B;
	border: 1px solid #6B6B6B;
}

div.envsetmenu_area {
	position: static;
	width: 958px;
	height: 500px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	color: transparent;
	background-color: #ffffff;
	border: 1px dotted #898989;
}
div.envsetmenu_button {
	position:relative;
	width: 350px;
	height: 25px;
	line-height:18px;
	font-size:15px;
	text-align:center;
	padding: 10px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	color: #FFFFFF;
	background-color: #6B6B6B;
	border: 1px solid #6B6B6B;
}

	div.envsetmenu_button.L  { top:40px; left:70px; }
	div.envsetmenu_button.LN { top:40px; left:70px; background-color:transparent; border: none; }

	div.envsetmenu_button.R  { top:3px; left:540px;}
	div.envsetmenu_button.RN { top:3px; left:540px; background-color:transparent; border: none; }

	
	div.envsetmenu_button:hover { color: #FFBE08; } 

a.envsetmenu_link { text-decoration: none; }


/*	============================================================================= */
/*	                                                                              */
/*	   FLOATING BUTTON TO PAGE TOP                                                */
/*	                                                                              */
/*	============================================================================= */

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
 
#pageTop a {
  display: block;
  z-index: 999;
  padding: 15px 0 0 0px;
  border-radius: 30px;
  width: 45px;
  height: 30px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}