@charset "UTF-8";

/* ---------------------
* BASE STYLE *
--------------------- */
html,body {
	height:100%;
	background:url(../img/bg.gif) repeat;
}

body {
	line-height:1;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
}

a {
	color:#F66;
	text-decoration:underline;
}
a:hover {
	color:#F66;
	text-decoration:underline;
}

.left {
	float:left;
}


.pagetop {
	position:absolute;
	top:310px;
	left:-20px;
	display:block;
	width:20px;
	height:79px;
}

.pagetop-sec {
	width:700px;
	margin:0 auto;
	text-align:right;
	padding-top:10px;
}

.ta-c {
	text-align:center;
}

.pad-tb-10 {
	padding-bottom:10px;
	padding-top:10px;
}

.pad-tb-20 {
	padding-bottom:20px;
	padding-top:20px;
}

.pad-b-10 {
	padding-bottom:10px;
}

.mrg-b-10 {
	margin-bottom:10px;
}

.pad-b-15 {
	padding-bottom:15px;
}

.mrg-b-15 {
	margin-bottom:15px;
}

h1 {
	display:block;
	padding-top:20px;
	width:150px;
	height:130px;
	text-align:center;
	margin:0 auto;
}

h1 img {
	width:119px;
	height:111px;
	float:left;
}


h1 a {
	-moz-transition-property:all;
	-moz-transition-duration: 0.7s;
	-moz-transition-timing-function: ease;
	-moz-transition-delay: 0.3s;
	-webkit-transition-property:all;
	-webkit-transition-duration: 0.7s;
	-webkit-transition-timing-function: ease;
	-webkit-transition-delay: 0.3s;
	-o-transition-property:all;
	-o-transition-duration: 0.7s;
	-o-transition-timing-function: ease;
	-o-transition-delay: 0.3s;
	opacity:1;
}

h1 a:hover {
	-moz-transition-property:all;
	-moz-transition-duration: 0.7s;
	-moz-transition-timing-function: ease;
	-moz-transition-delay: 0.3s;
	-webkit-transition-property:all;
	-webkit-transition-duration: 0.7s;
	-webkit-transition-timing-function: ease;
	-webkit-transition-delay: 0.3s;
	-o-transition-property:all;
	-o-transition-duration: 0.7s;
	-o-transition-timing-function: ease;
	-o-transition-delay: 0.3s;
	opacity:0.5;
}

h2 {
	width:750px;
	height:46px;
	margin-bottom:15px;
}

.hove a {
	-moz-transition-property:all;
	-moz-transition-duration: 0.5s;
	-moz-transition-timing-function: ease;
	-moz-transition-delay: 0.1s;
	-webkit-transition-property:all;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease;
	-webkit-transition-delay: 0.1s;
	-o-transition-property:all;
	-o-transition-duration: 0.5s;
	-o-transition-timing-function: ease;
	-o-transition-delay: 0.1s;
	opacity:1;
}

.hove a:hover {
	-moz-transition-property:all;
	-moz-transition-duration: 0.5s;
	-moz-transition-timing-function: ease;
	-moz-transition-delay: 0.1s;
	-webkit-transition-property:all;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease;
	-webkit-transition-delay: 0.1s;
	-o-transition-property:all;
	-o-transition-duration: 0.5s;
	-o-transition-timing-function: ease;
	-o-transition-delay: 0.1s;
	opacity:0.5;
}


/* ---------------------
* LAYOUT SEC *
--------------------- */
#wrapper {
	margin:0 auto;
	width:980px;
	height:auto;
}

#leftarea {
	float:left;
	width:210px;
	height:auto!important;
}

#main {
	float:right;
	width:750px;
	height:auto;
	margin-top:15px;
}


/* ---------------------
** LEFT AREA **
--------------------- */

#leftarea {
	float:left;
	top:5px;
	left:20px;
	width:210px;
	letter-spacing: 0.1em;
}

#leftarea h1 {
	padding-left:20px;
	padding-top:20px;
	padding-bottom:30px;
}

#leftarea ul {
	width:210px;
	height:auto;
}

#leftarea ul li {
	float:left;
	width:210px;
	display:block;
}

#leftarea ul li a {
	text-decoration:none;
	color:#333333;
     /* -for webkit- */
     -webkit-transition-property: color;
     -webkit-transition-duration: .3s;
     -webkit-transition-timing-function: ease-in;

     /* -for mozilla- */
     -moz-transition-property: color;
     -moz-transition-duration: .3s;
     -moz-transition-timing-function: ease-in;

     /* for prest- */
     -o-transition-property: color;
     -o-transition-duration: .3s;
     -o-transition-timing-function: ease-in;
}

#leftarea ul li a:link {
	color:#333333;
}

#leftarea ul li a:visited {
	color:#333333;
}

#leftarea ul li a:hover {
	color:#2ca1db !important;
	transition-duration:5s;
	text-decoration:none;
}

#leftarea ul li.home {
	background:url(../img/left/icon-home.png) no-repeat left top;
	padding-top:12px;
	padding-left:28px;
	height:18px;
	padding-bottom:10px;
}

#leftarea ul li.company {
	background:url(../img/left/icon-company.png) no-repeat left top;
	padding-top:12px;
	padding-left:28px;
	height:18px;
	padding-bottom:10px;
}

#leftarea ul li.rec {
	background:url(../img/left/icon-rec.png) no-repeat left top;
	padding-top:12px;
	padding-left:28px;
	height:18px;
	padding-bottom:10px;
}

#leftarea ul li.works {
	background:url(../img/left/icon-works.png) no-repeat left top;
	padding-top:12px;
	padding-left:28px;
	height:18px;
	padding-bottom:10px;
}

#leftarea ul li.co-works {
	margin-left:26px;
	background:url(../img/left/icon-works.png) no-repeat left top;
	padding-top:12px;
	padding-left:28px;
	height:18px;
	padding-bottom:10px;
}

#leftarea ul li.contact {
	background:url(../img/left/icon-contact.png) no-repeat left top;
	padding-top:12px;
	padding-left:28px;
	height:18px;
	padding-bottom:10px;
}

#leftarea ul li.news {
	padding-top:26px;
	height:18px;
	font-weight:bold;
}

#leftarea .gnavi .snavi {
	margin-left:0;
}

#leftarea .gnavi .snavi li, #leftarea .gnavi .snavi li a {
	font-size:12px;
}

#leftarea .gnavi .snavi li a:hover {
	background:#BD2531 url(../images/icon_gnavi.gif) 160px center no-repeat;
}

#leftarea dl dt {
	color:#b8b9b8;
	font-size:12px;
	display:block;
	line-height:20px;
	width:180px;
}

#leftarea dl dd {
	color:#606060;
	font-size:12px;
	display:block;
	line-height:20px;
	background:url(../img/left/border-news.png) no-repeat bottom left;
	padding-bottom:6px;
	width:180px;
}

#leftarea .Altri {
	padding-top:10px;
	padding-bottom:10px;
	font-size:12px;
	line-height:20px;
}

#leftarea .Altri a {
	text-decoration:none;
	color:#333333;
     /* -for webkit- */
     -webkit-transition-property: color;
     -webkit-transition-duration: .3s;
     -webkit-transition-timing-function: ease-in;

     /* -for mozilla- */
     -moz-transition-property: color;
     -moz-transition-duration: .3s;
     -moz-transition-timing-function: ease-in;

     /* for prest- */
     -o-transition-property: color;
     -o-transition-duration: .3s;
     -o-transition-timing-function: ease-in;
}

#leftarea .Altri a:link {
	color:#333333;
}

#leftarea .Altri a:visited {
	color:#333333;
}

#leftarea .Altri a:hover {
	color:#2ca1db !important;
	transition-duration:5s;
	text-decoration:none;
}

#leftarea .copyright {
	color:#999;
	padding-top:10px;
	padding-bottom:10px;
	font-size:11px;
	line-height:20px;
}

#leftarea .copyright a {
	text-decoration:none;
	color:#999;
     /* -for webkit- */
     -webkit-transition-property: color;
     -webkit-transition-duration: .3s;
     -webkit-transition-timing-function: ease-in;

     /* -for mozilla- */
     -moz-transition-property: color;
     -moz-transition-duration: .3s;
     -moz-transition-timing-function: ease-in;

     /* for prest- */
     -o-transition-property: color;
     -o-transition-duration: .3s;
     -o-transition-timing-function: ease-in;
}

#leftarea .copyright a:link {
	color:#999;
}

#leftarea .copyright a:visited {
	color:#999;
}

#leftarea .copyright a:hover {
	color:#2ca1db !important;
	transition-duration:5s;
	text-decoration:none;
}

/* ---------------------
** BACK TO TOP **
--------------------- */
#BT {
	width:980px;
	height:160px;
	text-align:center;
	clear:both;
	margin:20px auto;
}

#BT .btn{
	margin:0 auto;
	width:367px;
	height:85px;
}


/* ---------------------
** MAIN **
--------------------- */
.Contenuto {
	background:url(../img/bg-par.png) repeat;
	width:750px;
	height:auto;
	padding-top:20px;
	padding-bottom:20px;
	font-size:12px;
	line-height:18px;
}

.Contenuto .Par {
	width:695px;
	margin:0 auto 10px auto;
}

.Contenuto-ninja {
	background:#FFFFFF;
	width:750px;
	height:auto;
	padding-top:20px;
	padding-bottom:20px;
}

.Contenuto-ninja .Par {
	width:695px;
	margin:0 auto;
}

h3.ninja {
	background:url(../img/ninja/bg-h3.gif) no-repeat top;
	width:645px;
	height:53px;
	padding-left:50px;
	padding-top:6px;
	font-size:18px;
	letter-spacing: 0.2em;
	margin:20px auto;
}

/* ---------------------
** COMPANY **
--------------------- */
h3.company {
	background:url(../img/company/bg-h3.png) no-repeat left top;
	width:750px;
	height:26px;
	padding-left:40px;
	padding-top:6px;
	font-size:18px;
	letter-spacing: 0.2em;
	margin-top:30px;
}

h4.company {
	width:695px;
	height:26px;
	font-size:14px;
	font-weight:bold;
	letter-spacing: 0.2em;
	margin-top:10px;
}

.company-table {
	margin:0 auto;
	width:695px;
	border-collapse:collapse;
	border-spacing:0;
	font-size:12px;
}

.company-table th {
	text-align:left;
	padding:5px 5px;
	width:150px;
}

.company-table td {
	text-align:left;
	padding:5px 5px;
}

.G-MAPS {
	margin:15px auto;
	width:695px;
	height:300px;
}

.Contenuto .Par-MS {
	width:695px;
	margin:0 auto 10px auto;
	line-height:26px;
}

.Contenuto .Par-MS img {
	float:right;
	margin-left:20px;
}

/* ---------------------
** CONTACT **
--------------------- */
.Par-Contact {
	width:712px;
	margin:50px auto;
}

.Par-Contact .txt {
	font-size:13px;
	line-height:26px;
	padding-left:24px;
	margin-top:20px;
}

.Par-Contact .txt p {
	margin-top:20px;
}


/* ---------------------
** RECRUIT **
--------------------- */
.rec-table {
	margin:0 auto;
	width:695px;
	border-collapse:collapse;
	border-spacing:0;
	font-size:12px;
}

.rec-table th {
	text-align:center;
	padding:8px 8px;
	width:150px;
	background:url(../img/rec/th.png) repeat;
	vertical-align:middle;
	border-bottom:1px solid #CCC;
}

.rec-table td {
	text-align:left;
	padding:8px 8px;
	background:url(../img/rec/td.png) repeat;
	border-bottom:1px solid #CCC;
}

.rec-table td p {
	padding-top:20px;
}

/* ---------------------
** ASCT **
--------------------- */
.asct {
	font-size:13px;
	line-height:26px;
	width:710px;
	margin:25px auto;
	padding-bottom:30px;	
}

/* ---------------------
** PRIVACY PORICY **
--------------------- */
.privacy {
	font-size:13px;
	line-height:26px;
	width:710px;
	margin:25px auto;
	padding-bottom:30px;
}

.privacy p {
	padding-top:20px;
}

.pr-title {
	font-size:14px;
	font-weight:bold;
	padding:5px 0 !important;
}

/* ---------------------
** WORKS **
--------------------- */
.Lavoro {
	width:750px;
}

.Lavoro ul {
	width:750px;
	height:200px;
	margin-bottom:20px;
}

.Lavoro ul li {
	width:240px;
	height:200px;
	float:left;
	margin-right:15px;
	background:url(../img/works/wb.png) no-repeat;
}

.Lavoro ul li img {
	padding:5px 5px 10px 5px;
}

.Lavoro ul li dl {
	padding:0 5px 10px 5px;
}

.Lavoro ul li dl dt {
	color:#4D4D4D;
	font-weight:bold;
	padding-bottom:3px;
}

.Lavoro ul li dl dd {
	color:#4D4D4D;
}

.Lavoro ul li.last-child {
	margin-right:0 !important;
}

.Undisplayed {
	display:none;
}