/*
global settings
*/

/*------------------------------------------------------------
default value
------------------------------------------------------------*/

@charset "utf-8";

* {
	/*margin: 0;
	padding: 0;*/
}
html, body {
	height: 100%;
}
html {
	/*overflow-y: scroll;*/
}
body, td, th {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	color: #333;
	/*-webkit-text-size-adjust: none;*/
}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 83%;
	background-color: #fff;
	/*background-image: url(../img/bg.gif);
	background-repeat: repeat-y;
	background-position: center top;*/
	-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.5em;
	font-weight: bold;
}
h6 {
	font-weight: normal;
}
h1 {
	font-size: 3.0em;
	margin: 0;
	color: #4d4d4d
}
h2 {
	font-size: 2.3em;
	margin: 10px 0;
	color: #4d4d4d
}
h3 {
	font-size: 1.4em;
	margin: -0.25em 0 1.2em;
}
h4 {
	font-size: 1.1em;
	margin-bottom: 0.5em;
}
h5 {
	font-size: 1.0em;
	margin-bottom: 0.5em;
}
h6 {
	font-size: 0.9em;
	margin-bottom: 0.5em;
}
p, li, dt, dd, td, th {
	font-size: 1.0em;
	line-height: 1.7em;
	font-weight: normal;
	text-align: left;
}
table {
	border-collapse: collapse;
	border: solid 1px #999;
	margin-bottom: 1.7em;
}
table caption {
	text-align: left;
}
th, td {
	border: solid 1px #999;
	padding: 3px 6px 2px;
	text-align: left;
	vertical-align: middle;
}
th {
	font-weight: bold;
}
li, dt, dd {
	/*text-align: justify;
	text-justify: inter-ideograph;*/
	/*margin-bottom: 0.5em;*/
}
ol li {
	margin-left: 0.5em;
	_margin-left: 1em;
}
p {
	/*text-align: justify;
	text-justify: inter-ideograph;*/
	margin-bottom: 1.7em;
}
a {
	text-decoration: none;
}
a:link {
	color: #4C93B8;
	text-decoration: none;
}
a:visited {
	color: #4C93B8;
	text-decoration: none;
}
a:hover {
	color: #A3312C;
	text-decoration: underline;
}
a:active {
	color: #A3312C;
	text-decoration: underline;
}
img {
	border: 0px;
	vertical-align: bottom;
}
ul, ol, dl {
	/*margin: 0;*/
	/*padding: 0;*/
	margin-top: 0;
	margin-bottom: 1.7em;
}
ul, ol {
	/*list-style-type: none;*/
	margin-left: 0px;
	padding-left: 1.5em;
}
ul {
	list-style-type: disc;
}
dt {
	font-weight: bold;
}
dd {
	margin-left: 0;
	margin-bottom: 1em;
}
strong {
	font-weight: bold;
	font-style: normal;
}
small {
	font-size: 65%;
}
hr {
	display: none;
}

/*------------------------------------------------------------
other style
------------------------------------------------------------*/

.upper {
	text-transform: uppercase;
}

.caption {
	font-size: 85%;
	/*line-height: 1.7;*/
	/*color: #4d4d4d;*/
}
ul.caption {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

.caution {
	color: #e83271;
}

.hidden {
	display: none;
}



/*------------------------------------------------------------
clear fix
------------------------------------------------------------*/

.clear-both {
	clear: both;
	display: block !important;
	height: 1px !important;
	font-size: 1px !important;
	line-height: 1px !important;
	margin: 0px !important;
	margin-bottom: -1px !important;
}

/* For modern browsers */
.clearfix:before,
.clearfix:after {
	content:"";
	display:block;
	overflow:hidden;
}
 
.clearfix:after {
	clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
	zoom:1;
}



/*------------------------------------------------------------
wrapper
------------------------------------------------------------*/

#wrapper {
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 100%;
	_height: 100%;
}



/*------------------------------------------------------------
header
------------------------------------------------------------*/

#headerwrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 56px;
	/*overflow-y: hidden;*/
	text-align: center;
	margin: 0;
	padding: 0;
	background-image: url(../img/bg_header.png);
	background-repeat: repeat-x;
	background-position: center top;
	z-index: 10;
}
#header {
	position: relative;
	width: 800px;
	height: 52px;
	margin: 0 auto;
	text-align: left;
}

#header h1 {
	position: relative;
	width: 150px;
	height: 56px;
	margin: 0;
	padding: 0;
}

#header ul {
	position: absolute;
	width: 560px;
	height: 56px;
	top: 0;
	left: 230px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#header ul li {
	float: left;
	width: 112px;
	height: 56px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#header ul a {
	display: block;
	position: relative;
	width: 110px;
	height: 34px;
	margin: 0 1px;
	padding: 0;
	padding-top: 17px;
	font-size: 13px;
	line-height: 1.4;
	text-align: center;
	/*text-indent: -5000em;*/
	outline: none;
	overflow: hidden;
	color: #4d4d4d;
	border-bottom: solid 4px rgba(255,255,255,0);
	/*background-image: url(../img/navi.png);
	background-repeat: no-repeat;
	background-position: -230px 0;*/
}
#header ul a small {
	font-size: 50%;
}

.htr #header ul .htr a, 
.prd #header ul .prd a, 
.nws #header ul .nws a, 
.cnt #header ul .cnt a, 
.abt #header ul .abt a, 
#header ul a:hover {
	color: #f00;
	border-bottom-color: #f00;
	text-decoration: none;
	font-weight: bold;
}

#header ul.subnavi {
	position: absolute;
	width: 600px;
	height: 20px;
	top: 60px;
	left: inherit;
	right: 30px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
}
#header ul.subnavi li {
	float: none;
	display: inline;
	width: inherit;
	height: inherit;
	margin-left: 20px;
	overflow: inherit;
}
#header ul.subnavi a {
	display: inline;
	width: inherit;
	height: inherit;
	margin: 0;
	padding: 0;
	font-size: 13px;
	overflow: inherit;
	color: #4d4d4d;
	border: none;
}
.pcn #header ul.subnavi .pcn a, 
.ovn #header ul.subnavi .ovn a, 
.deo #header ul.subnavi .deo a, 
.dpf #header ul.subnavi .dpf a,
#header ul.subnavi a:hover {
	color: #f00;
	text-decoration: underline;
	font-weight: bold;
}

/*
#header ul .htr a {
	background-position: -230px 0px;
}
#header ul .prd a {
	background-position: -342px 0px;
}
#header ul .nws a {
	background-position: -454px 0px;
}
#header ul .cnt a {
	background-position: -566px 0px;
}
#header ul .abt a {
	background-position: -678px 0px;
}

.htr #header ul .htr a, 
#header ul .htr a:hover {
	background-position: -230px -100px;
}
.prd #header ul .prd a, 
#header ul .prd a:hover {
	background-position: -342px -100px;
}
.nws #header ul .nws a, 
#header ul .nws a:hover {
	background-position: -454px -100px;
}
.cnt #header ul .cnt a, 
#header ul .cnt a:hover {
	background-position: -566px -100px;
}
.abt #header ul .abt a, 
#header ul .abt a:hover {
	background-position: -678px -100px;
}
*/



/*------------------------------------------------------------
footer
------------------------------------------------------------*/

#footerwrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 92px;
	min-height: 92px;
	/*overflow-y: hidden;*/
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #333333;
	/z-index: 30;
}
#footer {
	position: relative;
	width: 800px;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 10px;
	/font-size: 11px;
	line-height: 1.2;
	text-align: left;
	overflow-x: hidden;
}
#footer p {
	position: absolute;
	left: 15px;
	top: 10px;
	margin: 0;
	font-size: 1;
	line-height: 1;
	color: #ccc;
}
#footer address {
	position: relative;
	margin: -5px 25px -5px 0;
	text-align: right;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-style: normal;
	line-height: 1;
	color: #ccc;
}
#footer #sitemap {
	margin: 0 -50px 0 85px;
	zoom:1;
}
#footer #sitemap:before,
#footer #sitemap:after {
	content:"";
	display:block;
	overflow:hidden;
}
 #footer #sitemap:after {
	clear:both;
}

#footer a:link {
	color: #ccc;
}
#footer a:visited {
	color: #ccc;
}
#footer a:hover {
	color: #fff;
}
#footer a:active {
	color: #fff;
}

#footer dl a {
	display: inline-block;
	padding-left: 14px;
	background: url(../img/icon_link_footer.png) 0 0.15em no-repeat;
}
#footer dl a:hover {
	background-image: url(../img/icon_link_footer-o.png);
}
#footer dl a:active {
	background-image: url(../img/icon_link_footer-o.png);
}

#footer dl ul a {
	background: url(../img/icon_link_footer_sub.png) 0 1px no-repeat;
}
#footer dl ul a:hover {
	background-image: url(../img/icon_link_footer_sub-o.png);
}
#footer dl ul a:active {
	background-image: url(../img/icon_link_footer_sub-o.png);
}

#footer dl {
	float: left;
	min-width: 120px;
	/*width: 120px;*/
	margin: 0;
}
#footer dl dt {
	width: 100px;
	margin: 0;
	margin-right: 20px;
}

#footer dl ul {
	float: left;
	width: 100px;
	margin: 0;
	margin-right: 20px;
	padding: 0;
	list-style-type: none;
}
#footer dl ul li {
	width: 100px;
	margin: 0;
	padding: 0;
}



/*------------------------------------------------------------
main box
------------------------------------------------------------*/
#main {
	position: relative;
	text-align: left;
	background-color: #fff;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 56px 0 92px; /*for header & footer*/
	width: 800px;
	/*min-height: 700px;
	/height: 700px;*/
}
#main:before,
#main:after {
	content:"";
	display:block;
	overflow:hidden;
}
#main:after {
	clear:both;
}
#main { zoom:1; }



/*------------------------------------------------------------
content box
------------------------------------------------------------*/

#content {
	position: relative;
	/*width: 780px;
	margin: 0px 10px;*/
	width: 800px; /*for wide-leadimage*/
	margin: 0; /*for wide-leadimage*/
	padding: 0;
}
#contentbody {
	position: relative;
	padding: 0 10px; /*for wide-leadimage*/
	background: url(../img/bg_lead.png) 0 0 repeat-x;
}
#contentbody.nobg {
	background: none;
}

.contentsect {
	position: relative;
	margin: 0;
	padding: 39px 15px 15px;
	border-top: solid 1px #999;
	zoom:1;
}
.contentsect:before,
.contentsect:after {
	content:"";
	display:block;
	overflow:hidden;
}
.contentsect:after {
	clear:both;
}
.contentsect.leadimage {
	padding-top: 0;
	border-top: none!important;
}
.contentsect.leadimage > p {
	margin-top: 0;
}
.contentsect.contenttop {
	padding-top: 25px;
	border-top: none!important;
}
.contentsect.noborder {
	border-top: none!important;
}
.contentsect.greybg {
	border-top: none!important;
	background: #ededed;
	margin-left: -10px;
	margin-right: -10px;
	padding-left: 25px;
	padding-right: 25px;
}
.contentsect.bannerarea {
	padding-top: 15px;
}
.contentsect.compact {
	padding-top: 15px;
	padding-bottom: 0;
}
.contentsect.newssect {
	padding: 0;
	margin-bottom: 39px;
}

.contentblock {
	position: relative;
	margin-bottom: 1.0em;
	zoom:1;
}
.contentblock:last-child {
	margin: 0;
}
.contentblock:before,
.contentblock:after {
	content:"";
	display:block;
	overflow:hidden;
}
.contentblock:after {
	clear:both;
}
.contentblock.newsblock {
	padding: 1px 15px;
	background: #ededed;
}

.blocklh {
	float: left;
	width: 355px;
}
.blockrh {
	float: right;
	width: 355px;
}
.blocklt {
	float: left;
	width: 335px;
}
.blockrt {
	float: right;
	width: 335px;
}
.blockli {
	float: left;
	width: 375px;
}
.blockri {
	float: right;
	width: 375px;
}

.blocklt>h5:first-child, 
.blockrt>h5:first-child, 
.blockli>h5:first-child, 
.blockri>h5:first-child,
.blocklt>p:first-child, 
.blockrt>p:first-child, 
.blockli>p:first-child, 
.blockri>p:first-child {
	margin-top: 0;
}
.blockli.nomargin {
	position: relative;
	left: -25px;
}
.blockri.nomargin {
	position: relative;
	right: -25px;
}
.blockl .blockli, 
.blockl .blocklt, 
.blockr .blockri, 
.blockr .blockrt {
	width: 440px;
}
.blockl .blockri, 
.blockl .blockrt, 
.blockr .blockli, 
.blockr .blocklt {
	width: 270px;
}



/*------------------------------------------------------------
content header
------------------------------------------------------------*/

#contenthead {
	position: relative;
	margin: 0;
	/*padding: 0 15px;*/
	padding: 0 25px; /*for wide-leadimage*/
}
#contenthead.smallhead h2 {
	font-size: 1.4em;
	margin-top: 21px;
	margin-bottom:15px;
	color: #333;
}
#contenthead ul {
	position: relative;
	/*bottom: 0.25em;
	right: 15px;
	_top: 1em;*/
	margin: 15px 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}
#contenthead ul li {
	position: relative;
	display: inline;
	margin: 0;
	margin-right: 40px;
	font-size: 14px;
}
#contenthead ul li a:link {
	color: #4d4d4d;
}
#contenthead ul li a:visited {
	color: #4d4d4d;
}
#contenthead ul li a:hover {
	color: #f00;
	text-decoration: none;
	font-weight: bold;
}
#contenthead ul li a:active {
	color: #f00;
	text-decoration: none;
	font-weight: bold;
}
.htrout #contenthead ul li.htrout a, 
.htrspc #contenthead ul li.htrspc a, 
.htrplb #contenthead ul li.htrplb a, 
.pcnftr #contenthead ul li.pcnftr a, 
.pcnscn #contenthead ul li.pcnscn a, 
.pcnsas #contenthead ul li.pcnsas a, 
.pcnspc #contenthead ul li.pcnspc a, 
.pcnccm #contenthead ul li.pcnccm a, 
.dpfftr #contenthead ul li.dpfftr a, 
.dpfsys #contenthead ul li.dpfsys a, 
.dpfcmp #contenthead ul li.dpfcmp a, 
.deoftr #contenthead ul li.deoftr a, 
.deoexm #contenthead ul li.deoexm a, 
.ovnftr #contenthead ul li.ovnftr a, 
.ovnspc #contenthead ul li.ovnspc a, 
.ovncmp #contenthead ul li.ovncmp a {
	color: #f00;
	font-weight: bold;
}



/*------------------------------------------------------------
image, text
------------------------------------------------------------*/

.imgwide {
	/*margin: 0 -15px;*/
	margin: 0 -25px; /*for wide-leadimage*/
}
.leadimage .imgwide {
	margin-bottom: 30px;
}
.imgcenter {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


.txtleft {
	text-align: left;
}
.txtright {
	text-align: right;
}
.txtcenter {
	text-align: center;
}



/*------------------------------------------------------------
p
------------------------------------------------------------*/

p.subhead {
	margin: 0 0 0.5em;
	color: #666;
}
p.subhead strong {
	color: #333;
}

ul.indent, 
ol.indent, 
dl.indent, 
p.indent {
	margin-left: 30px;
}

ol.compact, 
ul.compact, 
dl.compact, 
p.compact {
	margin-top: 0;
	margin-bottom: 0;
}
ol.compact li, 
ul.compact li, 
dl.compact dt, 
dl.compact dd {
	margin-bottom: 0;
}

ol.compacttop, 
ul.compacttop, 
dl.compacttop, 
p.compacttop {
	margin-top: -1.7em;
}

ol.alpha li {
	list-style-type: lower-alpha;
}

.darkorange {
	color: #c35d36;
}
.darkred {
	color: #a3312c;
}
.darkblue {
	color: #4c93b8;
}
.blue {
	color: #3ea7b2;
}
.green {
	color: #97a339;
}
.yellow {
	color: #d9a331;
}
.red {
	color: #f00;
}



/*------------------------------------------------------------
table
------------------------------------------------------------*/

table.noborder {
	border-collapse: collapse;
	border: none;
	margin-bottom: 1.2em;
}
table.noborder th, 
table.noborder td {
	border: none;
	padding: 7px 0 5px;
	background: none;
	text-align: left;
	vertical-align: top;
}
table.noborder th {
	padding-right: 15px;
}

table.indent tr th:first-child {
	padding-left: 30px;
}
caption.indent {
	margin-left: 30px;
	margin-bottom: 0.5em;
}

table.noborder th p, 
table.noborder td p, 
table.noborder td ul, 
table.noborder td ol, 
table.noborder td dl {
	margin-top: 0;
	margin-bottom: 0.5em;
}

.imgtable {
	border-collapse: separate;
	border-spacing: 15px;
	border: none;
	margin: -15px -15px 0;
	width: 780px;
}
.imgtable.imgbanner2 {
	border-spacing: 6px;
	margin: 5px -6px;
	width: 762px;
}
.imgtable td {
	border: none;
	padding: 0;
	text-align: center;
	vertical-align: top;
	background: #fff;
}
.imgtable td p {
	font-size: 85%;
	/*text-align: center;*/
	margin: 0.5em 10px;
}
.imgtable td ul.linklist {
	text-align: left;
	margin: 0.5em 30px 15px;
}
.imgtablek {
	border-spacing: 30px;
	margin: -20px 20px 0;
	width: 720px;
}
.imgtablek td.grey {
	padding: 5px;
	background: #ededec;
}
.imgtablek td img {
	margin-bottom: 6px;
}
.imgtable3d td {
	color: #A3312C;
	font-size: 110%;
}
.imgtable3d td img {
	margin-bottom: 6px;
}

.blocktable {
	border-collapse: separate;
	border-spacing: 30px;
	border: none;
	margin: -30px -30px -15px;
	width: 780px;
}
.blocktable td {
	border: none;
	padding: 0;
	text-align: left;
	vertical-align: top;
}
.blocktable td>h4:first-child,
.blocktable td>h5:first-child,
.blocktable td>p:first-child {
	margin-top: 0;
}

.spectable {
	width: 100%;
}
.spectable th, 
.spectable td {
	text-align: center;
	line-height: 1.7;
}
.spectable.small th, 
.spectable.small td {
	font-size: 85%;
	padding: 7px 3px 5px;
}
.spectable.noborder th, 
.spectable.noborder td {
	text-align: left;
	vertical-align: top;
}
.spectable.indent th {
	padding-left: 30px;
}
.spectable th p.imgtitle, 
.spectable td p.imgtitle {
	margin: 0 0 -1.5em;
}
.spectable th img, 
.spectable td img {
	margin: 3px 0 4px;
}
table .left th, 
table .left td, 
table tr th.left, 
table tr td.left {
	text-align: left!important;
}
table .center th, 
table .center td, 
table tr th.center, 
table tr td.center {
	text-align: center!important;
}
table .right th, 
table .right td, 
table tr th.right, 
table tr td.right {
	text-align: right!important;
}
table .top th, 
table .top td, 
table tr th.top, 
table tr td.top {
	vertical-align: top!important;
}
table .middle th, 
table .middle td, 
table tr th.middle, 
table tr td.middle {
	vertical-align: middle!important;
}
table .bottom th, 
table .bottom td, 
table tr th.bottom, 
table tr td.bottom {
	vertical-align: bottom!important;
}
th {
	font-weight: bold;
	background-color: #e6e6e6;
}
.normal th, 
.normal td, 
tr th.normal, 
tr td.normal {
	background: none;
	color: inherit;
}
.black th, 
.black td, 
tr th.black, 
tr td.black {
	background-color: #000;
	color: #fff;
}
.darkgrey th, 
.darkgrey td, 
tr th.darkgrey, 
tr td.darkgrey {
	background-color: #666;
	color: #fff;
}
.darkorange th, 
.darkorange td, 
tr th.darkorange, 
tr td.darkorange {
	background-color: #c35d36;
	color: #fff;
}
span.darkred, 
.darkred th, 
.darkred td, 
tr th.darkred, 
tr td.darkred {
	background-color: #a3312c;
	color: #fff;
}
.darkblue th, 
.darkblue td, 
tr th.darkblue, 
tr td.darkblue {
	background-color: #4c93b8;
	color: #fff;
}
.blue th, 
.blue td, 
tr th.blue, 
tr td.blue {
	background-color: #3ea7b2;
	color: #fff;
}
.green th, 
.green td, 
tr th.green, 
tr td.green {
	background-color: #97a339;
	color: #fff;
}
.yellow th, 
.yellow td, 
tr th.yellow, 
tr td.yellow {
	background-color: #d9a331;
	color: #fff;
}

.spectable p, 
.spectable ul, 
.spectable ol, 
.spectable dl, 
.spectable li, 
.spectable dt, 
.spectable dd {
	margin-top: 0;
	margin-bottom: 0;
}



/*------------------------------------------------------------
btn
------------------------------------------------------------*/

a.mov {
	display: inline-block;
	font-size: 10px;
	/font-size: 11px;
}
a.linkicon, 
a.mov span {
	display: inline-block;
	font-size: 10px;
	/font-size: 11px;
	line-height: 1.4em;
	padding-top: 0.3em;
	padding-left: 14px;
	background: url(../img/icon_link.png) 0 0.3em no-repeat;
}
a.linkicon:link, 
a.mov:link {
	color: #0a0a0a;
}
a.linkicon:visited, 
a.mov:visited {
	color: #0a0a0a;
}
a.linkicon:hover, 
a.mov:hover {
	color: #a3312c;
	text-decoration: none;
}
a.linkicon:active, 
a.mov:active {
	color: #a3312c;
	text-decoration: none;
}
a.linkicon:hover, 
a.mov:hover span {
	background-image: url(../img/icon_link-o.png);
}
a.linkicon:active, 
a.mov:active span {
	background-image: url(../img/icon_link-o.png);
}

ul.linklist {
	list-style-type: none;
}
ul.linklist li {
	margin-bottom: 0;
}
ul.linklist a {
	display: inline-block;
	padding-left: 14px;
	background: url(../img/icon_link.png) 0 0.4em no-repeat;
}
ul.linklist a:link {
	color: #0a0a0a;
}
ul.linklist a:visited {
	color: #0a0a0a;
}
ul.linklist a:hover {
	color: #a3312c;
	text-decoration: none;
	background-image: url(../img/icon_link-o.png);
}
ul.linklist a:active {
	color: #a3312c;
	text-decoration: none;
	background-image: url(../img/icon_link-o.png);
}

a.border img {
	border: solid 1px #4d4d4d;
}
a.border:hover img {
	border-color: #a3312c;
}

p.movbtns a {
	margin-right: 8px;
}
.contentsect.leadimage p.movbtns {
	position: absolute;
	bottom: 15px;
}

#m_t_3d{
	position:absolute;
	top: 10px;
	left: 10px;
}
#m_t_pc{
	position:absolute;
	top: 10px;
	right: 10px;
}
#m_t_kanthal{
	position:absolute;
	top:10px;
	left: 10px;
}
#mov_bg{
	position:absolute;
	width: 300px;
	height: 96px;
	top: 488px;
	left: 20px;
	background: rgba(0,0,0,0.5);
}
#mov_bg2{
	position:absolute;
	width: 300px;
	height: 178px;
	top: 300px;
	left: 20px;
	background: rgba(0,0,0,0.5);
}
#topics{
	position:absolute;
	top:405px;
	left:145px;
}



/*------------------------------------------------------------
home
------------------------------------------------------------*/

body.hom {
	background: url(../img/bg_top.jpg) center top no-repeat #231815;
}
.hom h1, 
.hom h2, 
.hom h3, 
.hom p, 
.hom li, 
.hom dt, 
.hom dd {
	color: #fff;
}

.hom #headerwrap {
	background: none;
	z-index: 20;
}
.hom #header ul a {
	color: #fff;
	font-weight: bold;
}
.hom #header ul a:hover {
	color: #fff;
	border-bottom-color: #fff;
}

.hom #content a:link {
	color: #fff;
}
.hom #content a:visited {
	color: #fff;
}
.hom #content a:hover {
	color: #fff;
}
.hom #content a:active {
	color: #fff;
}
.hom #main {
	padding-top: 0;
	padding-bottom: 0;
	background: none;
}
.hom #main #content {
	width: 414px;
	padding-top:  222px;
	padding-bottom:  10px;
	background: none;
	margin: 0 45px 0 341px;
}
.hom #footerwrap {
	position: relative;
	bottom: inherit;
}

#headtitle {
	text-align: right;
	margin-bottom: 45px;
}
#headtitle h1, 
#headtitle p {
	text-align: right;
}
#headtitle h1 {
	margin: 0 0 20px;
}
#headtitle p {
	margin: 0;
}

#newsarea {
	margin-left: 5px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 15px;
	/*background: rgba(35, 24, 22, 0.25);*/
}
#newsarea h2 {
	font-size: 1.4em;
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 0.5em;
}
#newsarea dl {
	font-size: 85%;
	margin: 0;
}
#newsarea dt {
	float: left;
	width: 6em;
}
#newsarea dd {
	margin-left: 6.5em;
	margin-bottom: 0;
}
#scrollarea {
	height: 114px;
	overflow-y: auto;
}

#langbtn {
	position: absolute;
	width: 100%;
	height: 3em;
	top: 50px;
	left: 0;
	z-index: 10;
}
#langbtn ul {
	margin: 15px 40px;
	padding: 0;
	list-style-type: none;
	text-align: right;
}
#langbtn li {
	display: inline;
}
#langbtn a {
	display: inline-block;
	padding-left: 14px;
	background: url(../img/icon_link_lang.png) 0 0.4em no-repeat;
}
#langbtn a:link, 
#langbtn a:visited {
	color: #ccc;
}
#langbtn a:hover, 
#langbtn a:active {
	color: #fff;
	background-image: url(../img/icon_link_lang-o.png);
	text-decoration: none;
}



/*------------------------------------------------------------
products
------------------------------------------------------------*/

#productstree p {
	margin: 0;
}

#productslinks {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#productslinks a {
	display:block;
	position: absolute;
	width: 104px;
	height: 20px;
	text-indent: -5000em;
	overflow: hidden;
	outline: none;
	background-color: #fff;
	background-image: url(../../products/img/products_btn_perfect-clean.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#productslinks a:hover {
	background-position: 0 -100px;
}
#productslinks a.pcn {
	/*left: 205px;*/
	left: 222px;
	/*top: 70px;*/
	top: 25px;
	width: 102px;
	background-image: url(../../products/img/products_btn_perfect-clean.png);
}
#productslinks a.pcp {
	left: 262px;
	top: 7px;
	width: 102px;
	height: 36px;
	background-image: url(../../products/img/products_btn_perfect-clean-p.png);
}
#productslinks a.dpf {
	left: 405px;
	top: 14px;
	width: 52px;
	background-image: url(../../products/img/products_btn_m-dpf.png);
}
#productslinks a.deo {
	left: 444px;
	top: 59px;
	width: 126px;
	background-image: url(../../products/img/products_btn_deo.png);
}
#productslinks a.ovn {
	left: 5px;
	top: 38px;
	width: 130px;
	background-image: url(../../products/img/products_btn_steam-oven.png);
}

#productsbanner td {
	text-align: left;
}
#productsbanner a {
	display:block;
	width: 372px;
	height: 162px;
	overflow: hidden;
	outline: none;
	background-color: #fff;
	background-image: url(../../products/img/products_banner_perfect-clean-o.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#productsbanner a:hover img {
	display: none;
}
#productsbanner a.pcn {
	background-image: url(../../products/img/products_banner_perfect-clean-o.jpg);
}
#productsbanner a.dpf {
	background-image: url(../../products/img/products_banner_m-dpf-o.jpg);
}
#productsbanner a.deo {
	background-image: url(../../products/img/products_banner_deo-o.jpg);
}
#productsbanner a.ovn {
	background-image: url(../../products/img/products_banner_steam-oven-o.jpg);
}

#productstree a.mov {
	position: absolute;
	display: block;
	right: 0;
	bottom: 0;
	width: 140px;
	_bottom: 2.1em;
}
#productsbanner a.mov {
	position: absolute;
	display: block;
	margin-top: -100px;
	margin-left: 22px;
	width: 140px;
	height: inherit;
	_height: 100px;
	overflow: inherit;
	outline: inherit;
	background: none;
}
#productsbanner a.mov:hover img {
	display: inline-block;
}
#productsbanner a.mov span {
	white-space: nowrap;
}



/*------------------------------------------------------------
perfect-clean
------------------------------------------------------------*/

.darkredblock {
	display: block;
	margin: 15px 30px;
	padding: 10px;
	font-size: 150%;
	line-height: 1.5;
	text-align: center;
}
.greyblock {
	display: block;
	margin: 15px 30px;
	padding: 10px 15px 1px;
	background-color: #e6e6e6;
}
.greyblock.greyblockarrow {
	padding-bottom: 20px;
	background: url(../img/arrow_greyblock.png) center bottom no-repeat #e6e6e6;
}

li h4 {
	margin-top: 0;
}



/*------------------------------------------------------------
m-dpf
------------------------------------------------------------*/

ul.feature {
	list-style-type: none;
	font-size: 140%;
}



/*------------------------------------------------------------
deo
------------------------------------------------------------*/

dl.examplelist dt {
	float: left;
	width: 8em;
}
dl.examplelist dd {
	margin-left: 9em;
}



/*------------------------------------------------------------
steam-oven
------------------------------------------------------------*/

table.cookexample {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}



/*------------------------------------------------------------
contact
------------------------------------------------------------*/

.contactform {
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 20px;
}
.contactform h3 {
	float: left;
	width:5em;
	font-size: 110%;
	margin-top: 0.5em;
}
.contactform h3.message {
	float: none;
	width: 100%;
}
p.error_messe {
	margin-bottom: 0;
}
table.formtable {
	width: 530px;
	margin-left: 90px;
}
table.formtable th {
	width: 100px;
	padding-left: 55px;
	line-height: 1.5;
}
table.formtable th .required {
	margin-left: -40px;
	padding-left: 40px;
	background: url(../img/icon_required.png) left center no-repeat;
}
table.formtable td {
	padding-left: 10px;
	padding-right: 10px;
}

.contactform input, 
.contactform textarea, 
.contactform select {
	margin: 2px;
}
.contactform textarea {
	height: 100px;
}
.contactform textarea, 
.contactform input[type=text], 
.contactform input[type=email] {
	width: 340px;
}
.contactform input[type=tel] {
	width: 120px;
}
.contactform input#frmCountry, 
.contactform input#frmZip {
	width: 120px;
}
.contactform input#frmZip1 {
	width: 30px;
}
.contactform input#frmZip2 {
	width: 40px;
}

.contactform button {
	width: 150px;
	padding: 10px;
	margin: 5px;
	font-size: 110%;
	line-height: 1.1;
	background: #d4d4d4;
	border: none;
	cursor: pointer;
}
.contactform button#frmSubmit {
	color: #fff;
	background: #a3312c;
}




/*------------------------------------------------------------
news
------------------------------------------------------------*/

.newsblock dl {
	margin-bottom: 1.0em;
}
.newsblock dt {
	float: left;
	width: 9em;
}
.newsblock dd {
	margin-left: 10em;
}
.newsblock dd p {
	margin-bottom: 1.0em;
}
.newsblock dd p img {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

table.history {
	width: 100%;
	border: none;
}
table.history th {
	width: 7em;
	background: none;
}
table.history th, 
table.history td {
	padding-top: 3px;
	padding-bottom: 2px;
	vertical-align: top;
	border: none;
}
table.history th p, 
table.history td p, 
table.history td ul, 
table.history td ol, 
table.history td dl {
	margin-top: 0;
	margin-bottom: 0.5em;
}



/*------------------------------------------------------------
about us
------------------------------------------------------------*/

table.philosophy th {
	white-space: nowrap;
	padding-right: 25px;
}
table.philosophy td {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 10px;
	line-height: 1.5;
}

table.aboutus {
	width: 100%;
	border: none;
}
table.aboutus th {
	width: 7em;
	background: none;
	line-height: 1.5;
}
table.aboutus th, 
table.aboutus td {
	position: relative;
	padding-top: 7px;
	padding-bottom: 5px;
	vertical-align: top;
	border: none;
}
table.aboutus th p, 
table.aboutus td p, 
table.aboutus td ul, 
table.aboutus td ol, 
table.aboutus td dl {
	margin-top: 0;
	margin-bottom: 0.75em;
}
table.aboutus .accessmap th {
	height: 270px;
}
table.aboutus .email th {
	height: 200px;
}

table.aboutus table {
	border-collapse: collapse;
	border: none;
	margin-bottom: 0.5em;
}
table.aboutus table th, 
table.aboutus table td {
	border: none;
	padding: 0 1em 0 0;
	background: none;
	text-align: left;
	vertical-align: top;
}

#maparea {
	position: absolute;
	right: 0;
	/*top: 7px;*/
	width: 315px;
	height: 260px;
}
#maparea small {
	font-size: 10px;
}



/*------------------------------------------------------------
magnific-popup
------------------------------------------------------------*/

.mfp-iframe-holder .mfp-content {
	max-width: 854px; /*480p resolution*/
}