@charset "UTF-8";

/* #header (for Top page)
------------------------------------------------------------------------- */

.home #header {
	height: 440px;
	background: url(../images/header4.jpg) no-repeat center top;
	background-position: center top;
	background-repeat: no-repeat;
}


.home #header #title {
	width: 380px;
	height: 120px;
	-webkit-border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
	border-radius: 0 0 20px 20px;
}

.home #header #title .line1 {
	font-size: 42px;
	margin-top: 30px;
}

.home #header #title .line2 {
	font-size: 18px;
}

.home #header #lead {
	margin-left: 205px; /* text on the top image */
}

/* Top imagearea (for Toppage)
------------------------------------------------------------------------- */

#imagearea #catchcopy {
	width: 55%;
	display: inline;
	float: right;
  background: rgba(0,0,0,0.6);
  padding: 2%;
	margin: 150px 0 0 4%;
	color: #fff;
}

#imagearea #catchcopy h1 {
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	line-height: 1.6;
	-moz-text-shadow: -1px -1px 0 rgba(0,0,0,0.5), 0 0 10px #000;
	-webkit-text-shadow: -1px -1px 0 rgba(0,0,0,0.5), 0 0 10px #000;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.5), 0 0 10px #000;
}

#imagearea #catchcopy #note {
	font-size: 13px;
	line-height: 1.8;
	margin-top: 20px;
	-moz-text-shadow: 0 0 10px #000, 0 0 10px #000;
	-webkit-text-shadow: 0 0 10px #000, 0 0 10px #000;
	text-shadow: 0 0 10px #000, 0 0 10px #000;
}

/* Stock box
---------------------------------------------------*/

.home #body-bg #main .main-column .stockbox h2{
  font-size: 24px;
  position: relative;
  padding: 2%;
  letter-spacing: 0.1em;
  background-color: rgba(255,95,0,0.4);
  border-bottom: 5px solid rgba(255,95,0,0.6);
  font-weight: bold;
	-moz-text-shadow: 1px 1px 0 #fff;
	-webkit-text-shadow: 1px 1px 0 #fff;
	text-shadow: 1px 1px 0 #fff;
}


.home #body-bg #main .main-column .stockbox .stockphoto {
  position: relative;
}

.home #body-bg #main .main-column .stockbox img.alignleft,
.home #body-bg #main .main-column .stockbox img.alignright,
.home #body-bg #main .main-column .whatwedo p .alignleft,
.home #body-bg #main .main-column .whatwedo p .alignright {
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

.home #body-bg #main .main-column .stockbox.outlinebox .stockinfo tr th, 
.home #body-bg #main .main-column .stockbox.outlinebox .stockinfo tr td {
	font-size: 12px;
	line-height: 1;
	border: 1px solid #fff;
	padding: 0.5em 1em;
	vertical-align: top;
}

.home #body-bg #main .main-column .stockbox.outlinebox .stockinfo tr th {
  width: 40%;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	background-color: rgba(255,95,0,0.4);
}

.home #body-bg #main .main-column .stockbox.outlinebox .stockinfo tr td {
  width: auto; 
	background-color: rgba(255,95,0,0.2);
}

.home #body-bg #main .main-column .stockbox .aligncenter .submit-btn {
  margin: 20px auto;
}

.home #body-bg #main .main-column .stockbox .stockphoto .alignleft {
  width: 64%;
}

.home #body-bg #main .main-column .stockbox.outlinebox .stockinfo {
  width: auto;
}

.home #no1,
.home #no2 {
  clear: both;
  padding: 20px 0;
}

.home #main article section {
	margin: 40px 0;
}

.home .wrapper .stockbox .aligncenter .submit-btn {
  margin: 40px auto;
}

.home .wrapper .stockbox .aligncenter.phone_btn .submit-btn {
  display: none;
}

.home .wrapper .stockbox .aligncenter.pc_btn .submit-btn {
  display: run-in;
}

/* Top article (for Toppage)
------------------------------------------------------------------------- */
.home #main article {
	margin-top: 0px;
}

.home #main article section {
	margin: 20px 0;
	clear: none;
}

.home #main article section p {
	margin-bottom: 0;
}

/* CSS hack for ie6 */
/** html .home .wrapper .stockbox.outlinebox .stockphoto .alignleft {
  width: 600px !important;
  height: auto !important;
}*/

/* what's new 
-----------------------------------------------------------*/

.home #body-bg #main .main-column #whats-new {
  padding: 1% auto;
  margin: 20px auto;
  width: 100%;
  /*height: 10em;*/
}

.home #body-bg #main .main-column #whats-new dl.textbox {
  width: 90%;
  height: 10em;
  overflow-x: auto;
  overflow-y: auto;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 30px;
  text-align: left;
  background-color: #eee;
	line-height: 1.5em;		
  border: 1px solid #aaa;
}


.home #body-bg #main .main-column #whats-new dl.textbox dt {
  font-size: 12px;
  color: #df5b6d;
	font-weight: bold;	
	background-image : url(../images/icon_whatsnew.gif);	
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
	float: left;
}

.home #body-bg #main .main-column #whats-new dl.textbox dd {
  font-size: 12px;
  color: #444444;
	padding-left: 80px;
  background-image : url(../images/whats-new-underline.gif);
  background-position: left bottom;
  background-repeat: repeat-x;
}

.home #body-bg #main .main-column #whats-new dl.textbox dd a:link {
  color: #2d7cf2 !important;
  font-weight: normal;
	text-decoration: underline;
}

.home #body-bg #main .main-column #whats-new dl.textbox dd a:hover, .home #body-bg #main .main-column #whats-new dl.textbox dd a:active {
  color: #ef8127 !important;
  font-weight: normal;
	text-decoration: none;
}