@charset "utf-8";
/*
#mainVisualSwitch {
	border: 1px solid blue;
}
#mainVisualSwitch li {
	border: 1px solid red;
	width: auto;
}

#mainVisualSwitch li {
	display: block !important;
	float: left !important;
}
*/
/* ------------------------------------------------------------------------
 * 
 * Style for PC
 * 
 * ----------------------------------------------------------------------- */
 
/*
 * cmn
 * ----------------------------------------------------------------------- */

html {
	height: 100%;
	margin-bottom: 1px;
}

html .wrapper {
	width: 980px;
}
 
h1 {
	display: none;
}
 
.column2 .columnLeft {
	float: left;
}

.column2 .columnRight {
	float: right;
}
/*
.lead {
	padding-bottom: 50px;
}

.mainCol p,
.mainCol dt,
.mainCol dd {
	font-size: 12px;
	line-height: 1.9;
}

.mainCol .note {
	font-size: 10px;
}

.indent {
	text-indent: -1em;
	margin-left: 1em;
}
*/

/*
 * header
 * ----------------------------------------------------------------------- */
 
#header {
	height: 64px;
	width: 100%;
	background: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 1);
	behavior: url(/en/js/PIE.htc);
	top: 0;
	left: 0;
	z-index: 20;
}
/*
body.brand_parent #header,
body.brand_history #header {
	-webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
*/

#header .separater {
	position: fixed;
	left: 0;
	top: 84px;
	width: 100%;
	height: 23px;
}

#header .separater img {
	width: 100%;
	height: 23px;
}

#header .wrapper {
	position: relative;
}

#header #siteId {
	float: left;
	position: relative;
	z-index: 15;
}

#header #siteId .sprite {
	margin: 0;
}

#headNav {
	float: right;
	text-align: right;
}

#navSub {
	padding-top: 7px;
	padding-bottom: 22px;
}

.ie6 #navSub,
.ie7 #navSub,
.ie8 #navSub {
	padding-bottom: 12px;
}

#navSub li {
	display: inline-block;
}

#navSub .item01 .sprite,
#navSub .item02 .sprite,
#navSub .item03 .sprite {
	margin-right: 4px;
	display: inline-block;
}

#navSub .item01,
#navSub .item02,
#navSub .item03 {
	font-size: 11px;
}

#navSub .item01,
#navSub .item02 {
	margin-right: 13px;
}

#navSub .item03 {
	margin-right: 22px;
}

#navSub .item04 {
	text-align: center;
	width: 69px;
	border-left: 1px solid #9E9F9F;
	border-right: 1px solid #9E9F9F;
}

#navSub .item04 a {
	display: block;
	width: 43px;
	height: 11px;
	margin: 0 auto;
}

#navMain li {
	width: 123px;
	height: 15px;
	display: inline-block;
	border-left: 1px solid #9E9F9F;
	text-align: center;
}

#navMain li.item06 {
	border-right: 1px solid #9E9F9F;
}

/*
 * nav
 * ----------------------------------------------------------------------- */

#nav {
/*
	position: fixed;
*/
	position: absolute;
	padding-top: 95px;
	top: 0;
	left: 0;
/*
	width: 100%;
*/
	z-index: 1;
}
 
#navCtrl {
	display: none;
}

#nav .wrapper {
	position: relative;
}
 
#navWrap {
/*
	background: #fff;
*/
	width: 195px;
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
	behavior: url(/en/js/PIE.htc);
	position: relative;
	z-index: 50;
/*	border: 1px solid #BABBBB;*/
}

body.brand_parent #navWrap,
body.brand_history #navWrap,
body.brand_sieg #navWrap{
	-webkit-box-shadow: 0 0 7px rgba(100, 100, 100, 0.7);
	-moz-box-shadow: 0 0 7px rgba(100, 100, 100, 0.7);
	box-shadow: 0 0 7px rgba(100, 100, 100, 0.7);
	behavior: url(/en/js/PIE.htc);
}


#navHead {
	padding: 25px 0;
/*	border-bottom: 1px solid #BABBBB;*/
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.95);
}

#nav .itemParent {
	display: block;
	padding: 10px 0; /* FIXME: Adjust by JS */
	border-top: 1px solid #BABBBB;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.95);
}

#nav #forSubNav {
/*
	width: 200px;
	height: 100%;
	overflow: hidden;
*/
	position: absolute;
	left: 195px;
	top: 0px;
	z-index: 1;
}

#nav #forSubNav ul {
/*
	left: -200px;
	width: 195px;
*/
	position: absolute;
	top: 0px;
	left: 0px;
	border-bottom: 1px solid #BABBBB;
	border-right: 1px solid #BABBBB;
/*
	background: #fff;
	background-color: rgba(255, 255, 255, 0.95);
	border-left: 1px solid #BABBBB;
*/
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	behavior: url(/en/js/PIE.htc);
	z-index: 5;
	overflow: hidden;
}

#nav #forSubNav li {
	border-top: 1px solid #BABBBB;
	font-size: 10px;
	width: 195px;
}

#nav #forSubNav li a {
	background: #fff;
	background-color: rgba(255, 255, 255, 0.95);
	padding: 12px 5px 11px 15px;
	display: block;
}

#nav #forSubNav li a .sprite {
	display: inline-block;
	margin-right: 8px;
}

.navParent ul {
	display: none;
}

#navMisc {
	width: 195px;
	position: relative;
	z-index: 5;
}

#navMisc ul/*,
#navMisc div*/ {
	margin-top: 50px;
}

#navMisc li {
	padding: 4px 0;
	font-size: 10px;
}

#navMisc .sprite {
	display: inline-block;
	margin-right: 6px;
	vertical-align: middle;
}

body.brand_parent #navMisc li a,
body.brand_history #navMisc li a,
body.special_pagani #navMisc li a,
body.special_royal-ensemble #navMisc li a {
	color: #dcdcdc;
}

body.brand_parent #navMisc li a:hover,
body.brand_history #navMisc li a:hover {
	color: #ED6D00;
}

body.brand_sieg #navMisc li a,
body.category-news #navMisc li a,
body.category-dealers #navMisc li a {
	color: #777;
}

body.brand_sieg #navMisc li a:hover {
	color: #ED6D00;
}

/*
#navMisc div {
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
	background-color: #fff;
	text-align: center;
	padding: 9px 0 0 0;
}

#navMisc div img {
	margin-bottom: 5px;
}
*/

/*
 * contents
 * ----------------------------------------------------------------------- */

#contents .wrapper,
.contentsSub .wrapper {
	position: relative;
	z-index: 100;
}

#mainVisual,
#mainVisual ul,
#mainVisual li {
	height: 330px;
}

#mainVisual li img {
	display: none;
}

body.home #mainVisual li a {
	display: block;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	width: 980px;
}
body.home #mainVisual li a img {
	display: block;
	margin-left: -260px;
}
/* FIXME : This part move to new CSS File (ex. mainvisual.css) */
/*
body.products #mainVisual li.item01 {
	background: #3178C8 url(../images/products/processor/az-1/main1.jpg) no-repeat center;
}

body.products #mainVisual li.item02 {
	background: #fff url(../images/products/processor/az-1/main2.jpg) no-repeat center;
}
*/
 
.mainCol {
	padding-left: 245px;
	position: relative;
	z-index: 1;
}

#mainContents {
	position: relative;
	z-index: 2;
}

#mainVisualSwitch {
	height: 30px;
	text-align: right;
}

#mainVisualSwitch li {
	display: inline-block;
	margin: 11px 0 0 11px;
}

/*
 * controller
 * ----------------------------------------------------------------------- */

#controller {
	position: fixed;
	bottom: 0;
	right:0;
	z-index: 10;
}

#controller p,
#controller li {
	margin-top: 7px;
}

/*
 * banner
 * ----------------------------------------------------------------------- */

#bottom-banner {
	padding: 70px 0 45px 0;
	text-align: center;
	position: relative;
	z-index: 1;
}

#bottom-banner li.item01,
#bottom-banner li.item02 {
	float: left;
}

#bottom-banner li.item01 img {
	margin-right: 15px;
}

#bottom-banner li.item03 {
	float: right;
}

#bottom-banner img {
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	behavior: url(/en/js/PIE.htc);
}

body.brand_parent #bottom-banner img,
body.brand_history #bottom-banner img,
body.brand_sieg #bottom-banner img {
	-webkit-box-shadow: 0 0 7px rgba(100, 100, 100, 0.7);
	-moz-box-shadow: 0 0 7px rgba(100, 100, 100, 0.7);
	box-shadow: 0 0 7px rgba(100, 100, 100, 0.7);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

/*
 * contents
 * ----------------------------------------------------------------------- */


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

#footer {
	position: relative;
	z-index: 1;
}

#footer .wrapper {
	border-top: 1px solid #D2D2D3;
	padding-top: 15px;
	padding-bottom: 20px;
	text-align: center;
}

#footer ul {
	margin-bottom: 7px;
}

#footer li {
	display: inline-block;
	padding: 0 13px;
	border-left: 1px solid #d2d2d3;
	font-size: 10px;
}

#footer li.item03 {
	border-right: 1px solid #d2d2d3;
}


body.brand_parent #footer p,
body.brand_history #footer p,
body.special_pagani #footer p,
body.special_royal-ensemble #footer p {
	color: #999;
}


#footer p {
	font-size: 16px;
}
#footer p.add-link{
	margin-bottom: 10px;
	background: url(../images/top/icon.png) no-repeat left 50%;
	padding-left:16px;
}
#footer p.add-link a{
	color: #EA7002;	
}
#footer p.add-link a:hover{
	color: #C70102;

}