/*@import "superfish.css";*/
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900);

* {
	border: 0px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;


*behavior: url(boxsizing.htc); 			-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #333;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
html { font-size: 100%; min-height:100%; position:relative; }
body { height:100%; background: #FFF; margin: 0px; font-family: 'Lato', sans-serif; font-size:13px; -webkit-text-size-adjust:100%;  color:#000; }
a {
	text-decoration: none;
	outline: none;
	color: #777;
	font-weight: 100;  /********************アクテブのフォント**************/
}


a:hover {
	text-decoration: none;
}
b, strong { font-weight:700; }
h1, h2, h3, h4 { line-height:normal; font-weight:normal; margin:0px; }
h1 { font-size:30px; margin:10px 0; text-transform:uppercase; color:#9B8F84; font-weight:normal;  }
h2 { font-size:16px; font-weight:700; }
h3 { font-size:14px; margin-bottom:20px; }
img { display:inline-block; }
img.scale { width:100%; height:auto; }
img.loading { background: url('../images/loading.gif') no-repeat center; }
.row { margin-bottom:10px; }
.label { font-weight:700; }
input, select { height:35px; }
input, select, textarea { color:#444; font-family: 'Lato', sans-serif; font-size:13px; padding: 5px; background-color: #EFEFEF; border: 1px solid #CCC; }
input:focus, textarea:focus, select:focus { border-color: #9B8F84; }
input.error, textarea.error, select.error { border-color:#FF0000; color:#FF0000; font-weight:normal; } 
label.error { color:#FF0000; font-size:0px; visibility:hidden; float:none; overflow:hidden; height:0px; }
input[type='number'] { width:50px; }
input[type='checkbox'], input[type='radio'] { padding:0; height:15px; width:15px; float:left; margin-right:10px; }
input[type='checkbox'].selected, input[type='radio'].selected { background:#CCC; }
.placeholder { color:#BBB; }
option { padding:0 5px; }
label { cursor:pointer; }
.btn, input[type='submit'], input[type='button'] { font-size:12px; padding: 5px; border:0px; font-weight:700; cursor:pointer; display:inline-block; color:#FFF; background: #9B8F84; line-height:normal; text-align:center; text-transform:uppercase; }
.btn:hover, input[type='button']:hover, input[type='submit']:hover { text-decoration:none; background: #B8AA9D; color:#FFF; }
.btn-primary, input.btn-primary { background-color:#000; color:#FFF;  }
.btn-primary:hover, input.btn-primary:hover { background:#222; color:#FFF; }
.warning { color:#FF0000; font-weight:700; background: url('../images/icon_warning.png') no-repeat left top; padding:5px 0 5px 22px; text-transform:uppercase; }
.icon_info { margin-left:10px; cursor:pointer;  font-size:11px; }
.strike { text-decoration: line-through; font-weight:normal; }
.msg_error { color:#FFF; margin-bottom:20px; display:block; background:#FF0000; padding: 5px 10px; border-radius: 5px; }
.msg_success { color:#FFF; margin-bottom:20px; display:block; background:#59B200; padding: 5px 10px; border-radius: 5px; }
p.limit { margin: 10px 0; font-size:11px; }
.error { color:#FF0000; font-weight:700; }
.ok { color: #669900; font-weight:700; }

table { width:100%; border-collapse: collapse; border:1px solid #CCC; padding:5px;  }
thead td { background: #AAA; color:#FFF; padding: 7px 10px; font-style:normal; text-transform:uppercase; font-size:11px; font-weight:700; }
tbody td { border-bottom: 1px solid #CCC; padding: 5px 10px; font-style:normal;}
tbody td a:hover { color:#B2BA26; }

.tabs { margin-bottom:20px; }
.tabs a {  font-weight:700; display:block; background:#AAA; color:#FFF; border:1px solid #AAA;  border-bottom:0; padding: 7px 10px; text-align:center; font-style:normal; text-transform:uppercase; font-size:11px;  }
.tabs a.selected { background:#FFF; color:#888; }


ul.list_border li:first-child { border-top:0px; }
ul.list_border li { float:none; border-top:1px dotted #CCC; margin:0px; padding: 5px 0; color:#999; }
ul.list_border li a { display:block; }
ul.list_border li p a { display:inline; }
ul.icon_right li a i { float:right; }
ul.list_number li { list-style:decimal; margin:5px 0 5px 20px; }
ul.list_disc li { list-style:disc; margin:5px 0 5px 20px; }
ul.list_disc li li { list-style:circle; }


.layout { position:relative; }
.wrapper {
	width: 100%;
	min-width: 720px;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.content {
	max-width: 1440px;
	clear: both;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;
}
.align_right { text-align: right; }
.hidden { display:none; }
.bold {
}
.separator { margin-top:40px; }
.fa { margin-right:5px; }
.fr { float:right; }
.red { color:#FF0000; }
.green { color:#59B200; }
.gray, .gray a {
	color: #999999;
}
.black, .black a { color:#000; }
.fixed { position:fixed; }
.hidden { display:none; }
.align_center { text-align:center; }
.mt40 { margin-top:40px; }
.mb40 { margin-bottom:40px; }
.mt20 { margin-top:20px; }

.group:before, .group:after { content:""; display:table; }
.group:after { clear:both; }
.col { display: block; float:left; margin: 0 0 0 1.6%; }
.col:first-child {
	margin-left: 0;
	margin-bottom: 15px;
	width: 25%;
}

.span_1_of_2 { width: 49.2%; }
.span_2_of_2 {
	width: 100%;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.2em;
}


#span_2_of_2-t {
	width: 100%;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.2em;
}




.span_1_of_3 { width: 32.2%; }

.span_1_of_3-t {
	width: 32.2%;
	float: left;
	padding-top: 3px;
	padding-left: 3px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
}

.span_2_of_3 { width: 66.1%; }
.span_3_of_3 { width: 100%; }

.span_1_of_4 { width: 23.8%; }
.span_2_of_4 { width: 49.2%; }
.span_3_of_4 { width: 74.6%; }
.span_4_of_4 { width: 100%; }

.span_1_of_5 { width: 18.72%; }
.span_2_of_5 { width: 39.04%; }
.span_3_of_5 { width: 59.36%; }
.span_4_of_5 { width: 79.68%; }
.span_5_of_5 { width: 100%; }

.span_1_of_6 { width: 15.33%; }
.span_2_of_6 { width: 32.26%; }
.span_3_of_6 { width: 49.2%; }
.span_4_of_6 { width: 66.13%; }
.span_5_of_6 { width: 83.06%; }
.span_6_of_6 { width: 100%; }

.span_1_of_8 { width: 11.1%; }
.span_2_of_8 { width: 23.8%; }
.span_3_of_8 { width: 36.5%;}
.span_3_of_8-2 { width: 36.5%;}
.span_4_of_8 { width: 49.2%; }
.span_5_of_8 { width: 61.9%; }
.span_5_of_8-2 { width: 73.0%; }
.span_6_of_8 { width: 74.6%; }
.span_7_of_8 { width: 87.3%; }
.span_8_of_8 { width: 100%; }

.span_1_of_10 { width: 8.56%; }
.span_2_of_10 { width: 18.72%;  }
.span_3_of_10 { width: 28.88%; }
.span_4_of_10 { width: 39.04%;  }
.span_5_of_10 { width: 49.2%; }
.span_6_of_10 { width: 59.36%; }
.span_7_of_10 { width: 69.52%;  }
.span_8_of_10 { width: 79.68%; }
.span_9_of_10 { width: 89.84%; }
.span_10_of_10 { width: 100%; }
.iphone_show { display:none; }
.mt40 { margin-top:40px; }
.mb40 { margin-bottom:40px; }
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
iframe {  width: 100%; }



#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }


.header { background:#FFF; font-size:12px; position:fixed; top:0; z-index:2000; }
.header .content { padding-bottom:20px; }
.header .menu {
	padding-top: 5px;
	text-align: right;
}
.header .menu ul { margin:0 auto;  }
.header .menu li {
	text-align: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
.header .lang a { margin-right:0; }
.header a, .footer a {
	font-weight: 600;
	font-size: 14px;
	color: #FFF;
}
.header a:hover {
	text-decoration: none;
	color: #D71921;
	
}
#home .footer, #pubblication .footer, #product .footer {
}

.footer {
	font-size: 11px;
	position: fixed;
	bottom: 0px;
	padding-bottom: 10px;
	z-index: 998;
	height: auto;
	background-color: #999;
}
.footer .social { font-size:16px; margin-top:5px; }

#main .content { padding-bottom:0px; }
#main {
	margin-top: 80px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	height: auto;
}
#main .text { padding-right:10px; line-height:18px; }
#main .text h2 { margin-bottom:10px; }
#main .text .fixed { position:fixed; width:350px; }

.download-list { margin-top:40px; }
.download-list h3 { margin:0px; text-transform:uppercase; color:#000; font-size:12px; font-weight: 900; }


h1 { font-size:140px; text-transform:uppercase; color:#000; font-weight:900; line-height:80px; margin: 40px 0; }
h1.big { color:#FFF; position:fixed; top:180px; line-height:120px; }
h2 { font-size:16px; color:#000; font-weight:900; }

.list-product .item { width:25%; border:1px solid #FFF; float:left; margin:0; }/**************20%******************************/
.item { position:relative; margin-bottom:15px; }
.item img { display:block; }
.item:nth-child(5n+1) {
	margin-left: 0px;
}
.item .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,0.9);
	padding: 10px;
	height: 195px;
}
.item .overlay h2 { text-transform:uppercase; font-size:40px; }
.item .overlay span { position:absolute; bottom:10px; }
.pubblications .item .overlay span { top:120px;  }
.pubblications .item .overlay h2 { font-size:20px; }

div.top {  display: none; overflow: hidden; position: fixed; right:40px; bottom:80px; z-index:999; }
div.top .fa { margin:0px; }
div.top a {  border-radius: 3px; padding-top:5px; display:block; color:#FFF; background: rgba(0, 0, 0, 0.5); cursor:pointer; font-size:20px; width:40px; height:40px; text-align:center; border-radius: 3px; }
div.top a:hover { background:#000; text-decoration:none; }


.pagination { margin-top:60px; font-size:11px; }
.pagination .right { text-align:right; }
.pagination a { font-weight:normal;  }
.pagination a:hover { text-decoration:none;  }
.pagination b { font-weight:normal; text-transform:uppercase; }
.pagination i { font-size:22px; }



.nav { position:relative; display:inline-block; text-transform:uppercase; margin-bottom:5px; }
.nav-item { float:left; *display:inline; zoom:1; position:relative; border-right:1px solid #FFF; padding-right:10px; margin-right:10px; }
.nav-item:last-child { padding:0; margin:0; border:0; }
.nav-item a { display:block; color:#777;  }
.nav-item:hover .nav-submenu { display:block; text-decoration:none; }

/* Navigation submenu */
.nav-submenu { display:none; position:absolute; left:-5px; width:180px; padding-top:10px; z-index:200; }
.nav-submenu-item a { background: rgba(255, 255, 255, 0.9); color:#777; display:block; padding:2px 5px; border-bottom:1px solid #CCC; }
.nav-submenu-item a:hover {background:#C90B0F; text-decoration:none;  color:#FFF;  } /********背景色**************************/

/* Mobile navigation */
.nav-mobile { display:none; cursor:pointer; position:absolute; top:0; left:0; background: #DDD; font-size:18px; padding:8px 0 0 0; height:40px; width:40px; color:#777; text-align:center; }
.nav-mobile i { margin:0; }

/* Mobile navigation, clickable area for revealing <ul> */
.nav-click { position:absolute; top:0; right:0; display:none; height:39px; width:40px; cursor:pointer; }
.nav-click i { display:block; height:35px; width:40px; background:#DDD; font-size:18px; color:#777; text-align:center; position:absolute; top:0; left:0; padding:8px 0 0 0; }
.nav-rotate { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }

#taitol11 {
	height: auto;
	width: 98%;
	text-align: left;
	margin-right: 4px;
	font-size: 12px;
	border: 1px solid #CCC;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.taitoaa {
	height: 80px;
	width: 100%;
	text-align: left;
	margin-right: 5px;
	font-size: 12px;
}

#taitobb {
	height: auto;
	width: 100%;
	text-align: left;
	margin-right: 5px;
	font-size: 14px;
	font-weight: 400;
	padding-left: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #22ACFF;
	padding-bottom: 5px;
	color: #999;
}