@charset "UTF-8";
/* CSS Document */

/* ====== GENERIC STYLES for tags ====== */
body, html {
    margin: 0;
    padding: 0;
    height:100%;
    width:100%;
}
body {
    background-color:#FFFFFF;
    background-image:url(../images/bg_page.gif);
}
img { border: none; }
.clearfloat {
    clear: both;
    height: 0px;
    font-size: 1px;
    line-height: 0px;
    overflow:hidden;
}
form {
    margin:0px;
    padding:0px;
}
.padding {
    padding:25px;
    
}
.box {
    position:relative;
    float:left;
    width:100%;
    background-repeat:no-repeat;
}
.boxContent {
    position:relative;
    float:left;
    width:100%;
    background-repeat:no-repeat;
    background-position:bottom;
}
.box .padding { padding:16px; }
#blueBox .padding {
    padding:20px;
    padding-bottom:10px;
}
#blueBox .left {
    float:left;
    width:340px;
}
#blueBox .right {
    float:right;
    width:330px;
}
#blueBox {
    background-image:url(../images_sample/blue_top.gif);
    color:#FFFFFF;
}
#blueBox .boxContent { background-image:url(../images_sample/blue_bottom.gif); }
#greyBox1 {
    background-image:url(../images_sample/box1_top.gif);
    margin-bottom:30px;
}
#greyBox1 .boxContent { background-image:url(../images_sample/box1_bottom.gif); }
#greyBox2 {
    background-image:url(../images_sample/box2_top.gif);
    margin-bottom:23px;
}
#greyBox2 .boxContent { background-image:url(../images_sample/box2_bottom.gif); }
#greyBox3 {
    background-image:url(../images_sample/box3_top.gif);
    margin-bottom:31px;
}
#greyBox3 .boxContent { background-image:url(../images_sample/box3_bottom.gif); }
#greyBox4 {
    background-image:url(../images_sample/box4_top.gif);
    margin-bottom:31px;
}
#greyBox4 .boxContent { background-image:url(../images_sample/box4_bottom.gif); }
/* ====== PAGE CONTAINER ====== */

#bgWrapper { background:url(../images/bg_pagetop.gif) left top repeat-x; }
#pageWrapper {
    width: 995px;
    position: relative;
    margin: 0 auto;
    text-align: left;
    background-repeat:repeat-y;
}
#innerWrapper {
    float:left;
    position:relative;
    width:100%;
    background-image:url(../images/bg_mid.gif);
}
#contentWrapper {
    float:left;
    position:relative;
    width:100%;/* background: url(../images_sample/content_bg.gif) no-repeat scroll left top;*/
}
#content {
    float:left;
    position:relative;
    width:100%;
    background: url(../images/bg_footer.gif) no-repeat left bottom;
    padding-bottom:35px;
}
/* ====== HEADER CONTAINER ====== */
#header {
    float:left;
    position:relative;
    width:100%;
    height:150px;
    background: url(../images/bg_header.gif) no-repeat scroll left top;
}
#search {
    position:absolute;
    right:44px;
    top:52px;
	border:none;
}
#search input {
    display:inline;
    position:relative;
    margin:14px 0 0 -0px;
}
#search input.field {
    width:197px;
    display:inline;
    position:relative;
    background:none;
    border:none;
    top:-7px;
    margin:0;
}
#search div {
    clear: both;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    line-height: 1.2em;
    text-decoration: none;
    color: #343434;
}
#search div a { color: #343434; }
#logo {
    position:absolute;
    left:124px;
    top:35px;
}
#navi {
    text-align:left;
    float:right;
    position:absolute;
    font-size:1.2em;
    left:89px;
    top:118px;
    width:817px;
	text-transform:uppercase;
}
#navi li {
    display:inline;
    padding:0px;
    margin:0px;
    line-height:32px;
}
#navi ul {
    clear:none;
    float:left;
    padding:0px;
    margin:0px;
    list-style:none;
    background-image:url(../images/navi_end.gif);
    background-repeat:no-repeat;
    background-position:right;
    padding-right:2px;
    margin-right:29px;
    height:32px;
}
#navi .menu-last a { padding-right:11px; }
#navi a {
    height:32px;
    background-image:url(../images/navi_out.gif);
    display:block;
    color:#FFFFFF;
    font-stretch:narrower;
    background-repeat:no-repeat;
    background-position:0px 2px;
    padding-left:12px;
    padding-right:12px;
    margin-top:-2px;
    text-decoration:none;
    float: left;
}
#navi a:hover, #navi .menu-current a, #navi .menu-parent a {
    background-image:url(../images/navi_active.gif);
    color: #e03c31;
}
/* ====== MID CONTAINER ====== */
#mid {
    float:left;
    position:relative;
    width:100%;
    background: url(../images/content_bg.gif) no-repeat scroll left top;
}
#mid .padding {
    padding:0 35px 0 35px;
}
#midTop, #midBottom {
    float:left;
    position:relative;
    width:100%;
}

#midTop .leftCol {
	float: left;
	width: 440px;
	padding-top: 41px;
}

#midTop .rightCol {
	float: right;
	width: 340px;
}

#midBottom {
    background: transparent url(../images/home_mid_dots.gif) repeat-x left top;
    padding-top:1px;
}
#midTop .padding {
    padding: 10px 51px 0;
}

#bottomLogos {
	background: transparent url(../images/canon.gif) no-repeat right bottom;
	zoom: 1;
}

#midBottomLeft {
    float:left;
    position:relative;
    width:404px;
    background: transparent url(../images/home_bottom_dots.gif) repeat-y right top;
}

	#midBottomLeft a {
		color: #ee4034;
		text-decoration: none;
	}
	
	#midBottomLeft a:hover {
		text-decoration: underline;
	}

#midBottomRight {
    float:right;
    position:relative;
    width:520px;
}
#midBottomLeft .padding {
    padding: 13px 64px 30px 51px;
}
#midBottomRight .padding {
    padding: 41px 64px 30px 32px;
}
/* ====== FOOTER CONTAINER ====== */
#footer {
    float:left;
    position:relative;
    width:100%;
    text-align:left;
    color:#FFFFFF;
    margin:-25px 0 0 0;
    font-size:1.2em;
}
#footer .padding {
    padding:0 50px;
}
#footer p { font-size:1.2em; }
#footer p.small { font-size:1.1em; }
#footer p.small sup { font-size:1.1em; }
#footerNav {
    float:left;
    position:relative;
}
#footerNav li {
    display:inline;
    padding:0px;
    margin:0px;
}
#footerNav ul {
    clear:none;
    float:left;
    padding:0px;
    margin:0px;
}
#footerNav .menu-last a { padding-right:11px; }
#footerNav a {
    height:32px;
    display:block;
    color:#FFFFFF;
    font-stretch:narrower;
    background-repeat:no-repeat;
    background-position:0px 2px;
    padding-left:0;
    padding-right:6px;
    margin-top:-2px;
    float: left;
}
#footerNav a:hover, #footerNav .menu-current a, #footerNav .menu-parent a {
    color: #FFFFFF;
    text-decoration:none;
}
#copyright { float:right; }

/* ====== SUBPAGE LAYOUT ====== */
#subpage #mid{
	min-height:300px;
}
#subpage #subColumns{
	float:left;
    position:relative;
    width:100%;
	background: transparent url(../images/bg_main.gif) repeat-y left top;
	margin-bottom: 3px;
	min-height: 297px;
}
#col1 {
    float:left;
    position:relative;
    width:231px;
}
#col1 .padding{
	padding:20px 19px;
}
#col2 {
    float:left;
    position:relative;
    width:422px;
	background: transparent url(../images/bg_mask.gif) repeat-x left top;
}
#col2 .padding{
	padding:20px;
}
#col3 {
    float:right;
    position:relative;
    width:240px;
	background: transparent url(../images/bg_mask.gif) repeat-x left top;
}

#col3 .padding{
	padding:0px;
}

#col3 .rightBlock {
	margin-bottom: 60px;
}

#col3 .bgBlock {
	background: transparent url(../images/right_dots.gif) repeat-x left bottom;
	margin-bottom: 0;
}

#col3 .rightBlock .padding{
	padding:20px;
}

#col1 li {
    padding:0px;
    margin:0px;
    list-style:none;
}
#col1 ul {
    clear:none;
    float:left;
    padding:0px;
    margin:0px;
}
#col1 .menu-last a { padding-right:11px; }
#col1 a {
    display:block;
    color:#ee4034;
    font-stretch:narrower;
    background-repeat:no-repeat;
    background-position:0px 2px;
    padding-left:10px;
    padding-right:10px;
    margin-top:5px;
    font-size:1.2em;
    text-decoration:none;
	background: transparent url(../images/red_bullet.gif) no-repeat left 5px;
}
#col1 a:hover, #col1 .menu-current, #col1 .menu-parent {
    color: #ee4034;
    text-decoration:underline;
}

/* ERROR 404 PAGE */

#errorTop {
	float: left;
	position: relative;
	width: 100%;
	background: transparent url(../images/right_dots.gif) repeat-x left bottom;
}

	#errorTop .padding { padding: 30px 20px 26px 54px; }

#errorContainer {
	padding-left: 105px;
	height: 66px;
	background: transparent url(../images/error.gif) no-repeat left top;
}

	#errorContainer h1 {
		padding-top: 10px;
		margin-bottom: 5px;
	}

	#errorContainer a {
		color: #c5352b;
		text-decoration: none;
	}
	
#errorBottom {
	float: left;
	position: relative;
	width: 100%;
	background: transparent url(../images/canon.gif) no-repeat right bottom;
}

	#errorBottom .padding { padding: 19px 61px 60px;}
	
	#errorBottom .siteMapCol {
		float: left;
		padding-right: 88px
	}
	
		#errorBottom .siteMapCol a {
			display: block;
			color: #ee4034;
			font-size: 1.5em;
			text-decoration: none;
			margin: 8px 0 8px;
		}
		
		#errorBottom .siteMapCol a.sub {
			font-size: 1.2em;
			color: #333333;
			padding-left: 11px;
			margin: 0px;
		}
		
		#errorBottom .siteMapCol a:hover {
			text-decoration: underline;
		}

/* HUOLTOKUTSU */

#subpage #formColumns{
	float:left;
    position:relative;
    width:100%;
	background: transparent url(../images/bg_main_form.gif) repeat-y left top;
	margin-bottom: 3px;
	min-height: 297px;
}

#formCol {
	float: left;
	position: relative;
	width: 600px;
}

	#formCol .padding { padding: 24px 0 30px 35px; }

	#formCol h1 {
		color: #ee4034;
		font-size: 2.0em;
		padding-left: 20px;
		margin-bottom: 44px;
	}

	#formCol h2 {
		color: #333333;
		font-size: 1.3em;
		margin-bottom: 5px;
		margin-top: 30px;
		padding-left: 20px;
	}

	#formCol .formBlock {
		width: 477px;
		background-color: #ececec;
		padding-top: 8px;
	}

	#formCol .row {
		position: relative;
		padding-left: 19px;
		padding-bottom: 10px;
		zoom: 1;
	}
	
	#formCol .row .leftCol {
		float: left;
		position: relative;
		width: 161px;
		padding-top: 3px;
	}
	
		#formCol .row .leftCol label {
			font-size: 1.1em;
			color: #333333;
		}
		
		#formCol .error .leftCol label {
			color: #EE4034;
		}
	
	#formCol .row .rightCol {
		float: left;
		position: relative;
		width: 280px;
	}
	
	#formCol .moreLink {
		padding: 0 5px 0 18px;
		height: 29px;
		background: transparent url(../images/form_more.gif) no-repeat left top;
	}
	
	#formCol .moreLink a {
		display: block;
		color: #222222;
		font-size: 1.1em;
		text-decoration: none;
		padding: 7px 0 2px;
	}
	
#animationLayer {
	display: none;
	overflow: hidden;
	padding-top: 8px;
}

#buttonRow {
	margin-left: -3px;
	padding-top: 18px;
	width: 465px;
}

	#buttonRow input { float: left; }
	#buttonRow p { padding-left: 183px; }

div.news .ndate{
   float:left;
   width:80px;
   margin-bottom:5px;
   font-size: 1.2em;
}
#midBottomLeft a.nlink{
   margin-bottom:5px;
   float:right;
   width:205px;
   font-size: 1.2em;
}