@charset "utf-8";
/*
Theme Name: 株式会社ULTRA SUPER PICTURES
Site URI: http://uspi.jp/
Description: Wordpress template created for 株式会社ULTRA SUPER PICTURES in 2014
Author: Delightarts
Author URI: http://www.delightarts.com/
Version: 1.0
*/
@font-face {
  font-family: 'AlteDIN1451';
  src: url('fonts/AlteDIN1451Mittelschrift.eot?#iefix') format('embedded-opentype'),  url('fonts/AlteDIN1451Mittelschrift.woff') format('woff'), url('fonts/AlteDIN1451Mittelschrift.ttf')  format('truetype'), url('fonts/AlteDIN1451Mittelschrift.svg#AlteDIN1451Mittelschrift') format('svg');
  font-weight: normal;
  font-style: normal;
}
*{
	margin:0;
	padding:0;

	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	-webkit-font-smoothing: antialiased;
}

html{
	height:100%;
	width:100%;
}

body{
	margin:0;
	padding:0;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:12px;
	color:#141414;
	background:url(img/main_bg.jpg) center top repeat;
	-webkit-font-smoothing: subpixel-antialiased;
}
h2{
	font-size:110%;
}

h3{
	font-size:105%;
	line-height:135%;
}
h4{
	line-height:135%;
}

p, a, td, li{
	font-size:100%;
	color:#333333;
	line-height:145%;
}

a img {
	border:none;
}
.clear{
	float:none;
	clear:both;
}

.category h2{
	display:block;
	font-size:250%;
	font-family:AlteDIN1451;
	text-align:center;
	font-weight:normal;
	margin-bottom:20px;
	margin-top:30px;
}
.category h2 span{
	display:block;
	font-size:50%;
	margin-top:2px;
}
.category .subtitle{
	display:block;
	text-align:center;
	color:#666666;
	font-size:110%;
	line-height:160%;
	margin-bottom:40px;
}
header .container{
	max-width:2360px;
	margin:0 auto;
}

/*  ---------------------  HEADER  ---------------------  */
header{
	width:100%;
	background:#111111;
	padding-top:4px;
	height:100px;
}
header .container{
	max-width:1280px;
	margin:0 auto;
	width:95%;
}
#top header .container{
	max-width:2360px;
	margin:0 auto;
}
header a:hover img{
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
header h1{
	float:left;
	display:block;
	width:209px;
	height:100px;
	position:relative;
	overflow:hidden;
}
header h1 a{
	display:block;
	width:209px;
	height:100px;
}
header h1 img{
	display:block;
	width:100%;
	position:absolute;
	left:0;
	top:0;
}
header nav{
	float:right;
	padding-top:28px;
}
header ul li{
	list-style:none;
	float:left;
	margin-left:25px;
}
header ul li a{
	font-family:AlteDIN1451;
	color:white;
	text-decoration:none;
	font-size:145%;
	line-height:116%;
}
header ul li a span{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	display:block;
	font-size:65%;
}
header ul li a:hover, header ul li a:hover span{
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

/*  ---------------------  TOP PAGE  ---------------------  */
#topImg{
	position:relative;
}
#topImg img{
	display:block;
	width:100%;
}
#topImg img.sizeGetter{
}
#topImg .slide img{
	position:absolute;
	left:0;
	top:0;
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

#top #main{
	padding:30px 10px 50px 10px;
	position:relative;
	min-height:1700px;
	max-width:2380px;
	margin:0 auto;
}
#main{
	padding:30px 10px 50px 10px;
	margin:0 auto;
}
/*  TOP WORKS  */
.works{
	float:left;
	padding-left:580px;
}
.works h2{
	display:none;
}
.works .article{
	width:310px;
	/*height:335px;*/
	padding:25px 20px 10px 20px;
	background:white;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	display:block;
	text-decoration:none;
	position:relative;
}
.works .article a{
	text-decoration:none;
}
.works .article .new{
	display:none;
}
.works .article.new .new{
	position:absolute;
	right:-8px;
	top:-8px;
	display:block;
}
.works .article h3{
	font-family:AlteDIN1451;
	display:inline-block;
	font-size:140%;
	padding-bottom:10px;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
}
.works .article h3 img{
	vertical-align:-2px;
	margin-right:5px;
}
.works .article h3 span{
	margin-left:5px;
}
.works .article h3 span img{
	vertical-align:-1px;
	margin-right:0;
}
.works .article .img{
	display:block;
	width:310px;
	position:relative;
	margin-bottom:10px;
}
.works .article .img img{
	display:block;
	width:100%;
}
.works .article .img .read{
	position:absolute;
	left:0;
	top:0;
	opacity:0.7;
}
.works .article a:hover .img .read{
	opacity:1;
}
.works .article a:hover img{
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.works .article a:hover h3, .works .article a:hover h4{
	color:grey;
}
.works .article a:hover p{
	color:#989797;
}
.works .article p{
	color:#666666;
}
.works .article p.desc{
	line-height:174%;
}
.works .article .texts .moreInfo{
	margin-top:6px;
	display:inline-block;
}
.works .article h4{
	font-size:130%;
	margin-bottom:5px;
}
/*  TOP LEFT CONTENTS  */
.leftContents{
	width:580px;
	position:absolute;
	left:10px;
	top:30px;
}
/*  TOP NEWS  */
.news h2{
	display:block;
	width:530px;
	margin-left:10px;
	background:white;
	margin-bottom:10px;
	height:51px;
	line-height:51px;
	font-size:160%;
	padding:0 15px;
	font-family:AlteDIN1451;
	font-weight:normal;
}
.news h2 span{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin-left:8px;
	font-size:65%;
	color:#666666;
	font-weight:normal;
}
.news h2 a{
	float:right;
	font-family:AlteDIN1451;
	font-weight:normal;
	text-decoration:none;
	font-size:85%;
	text-transform:uppercase;
	line-height:51px;
}
.news h2 a:hover{
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.news h2 a img{
	width:15px;
	margin-right:0px;
}
.news .article{
	display:block;
	width:245px;
	height:79px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
	background:white;
	padding:15px;
	text-decoration:none;
}
.news .article img{
	display:block;
	width:79px;
	float:left;
	margin-right:18px;
}
.news .article h3{
	display:block;
	width:148px;
	float:right;
	font-family:Arial, arial, sans-serif;
	font-size:100%;
	color:#999999;
	margin-bottom:2px;
}
.news .article p{
	display:block;
	width:148px;
	float:right;
	color:#141414;
	font-weight:600;
}
.news  .article:hover{
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
/*  TOP ASSOCIATED  */
.associated h2{
	display:none;
} 
.associated .article{
	display:block;
	width:245px;
	height:201px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
	background:white;
	padding:15px;
	text-decoration:none;
} 
.associated .article img{
	display:block;
	margin-bottom:8px;
} 
.associated .article h3{
	display:block;
}  
.associated .article h3 span{
	float:right;
	width:74%;
	margin-top:9px;
} 
.associated .article h3 img{
	vertical-align:middle;
	display:inline;
	margin:0;
}
.associated .article.last h3{
	text-align:center;
	margin-top:-115px;
}
.associated .article:hover{
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
/*  TOP FACEBOOK  */
.facebook{
	width:530px;
	height:750px;
	background:#FFFFFF;
	margin-left:10px;
	margin-bottom:10px;
	padding:0 15px;
}
.facebook h2{
	display:block;
	width:530px;
	background:white;
	height:51px;
	line-height:51px;
	font-size:160%;
	font-family:AlteDIN1451;
	font-weight:normal;
}
.facebook h2 span{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin-left:8px;
	font-size:65%;
	color:#666666;
	font-weight:normal;
}
.facebook h2 a{
	float:right;
	line-height:51px;
}
.facebook h2 a img{
	width:15px;
}
.facebook h2 a:hover{
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
/*  TOP twitter  */
.twitter{
	width:530px;
	height:800px;
	background:white;
	margin-left:10px;
	margin-bottom:10px;
	padding:0 15px;
}
.twitter h2{
	display:block;
	width:530px;
	background:white;
	height:51px;
	line-height:51px;
	font-size:160%;
	font-family:AlteDIN1451;
	font-weight:normal;
}
.twitter h2 span{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin-left:8px;
	font-size:65%;
	color:#666666;
	font-weight:normal;
}
.twitter h2 a{
	float:right;
	line-height:51px;
}
.twitter h2 a img{
	width:15px;
}
.twitter h2 a:hover{
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

/*  TOP banner  */

#topbanner{
	display:block;
	width:99%;
	line-height:51px;
	font-size:160%;
	font-family:AlteDIN1451;
	font-weight:normal;
}

/*  MODAL  */
#modal{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(img/modal_bg.png) left top repeat;
	display:none;
}
#modal .modalInside{
	width:100%;
	height:100%;
	position:relative;
}
#modal .modalInside .video{
	width:710px;
	height:460px;
	padding:20px 20px 0 20px;
	background:white;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-230px;
	margin-left:-375px;
	
}


/*  ---------------------  ASSOCIATED PAGE  ---------------------  */
#associated .category .companies{
	margin:0 auto;
	width:1290px;
}

#associated .category .article{
	display:block;
	float:left;
	background:white;
	padding:15px 34px 15px 15px;
	margin:0 5px 10px 5px;
	width:586px;
	text-decoration:none;
	height:154px;
}
#associated .category .article:hover{
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#associated .category .article .img{
	float:left;
	display:block;
	width:271px;
}
#associated .category .article .desc{
	float:right;
	width:281px;
	text-align:center;
}
#associated .category .article .desc img{
	display:block;
	margin:0 auto;
	margin-bottom:10px;
}
#associated .category .article .desc h3{
	font-size:115%;
	margin-bottom:10px;
	font-weight:bold;
}
#associated .category .article .desc p{
	color:#666666;
	font-size:95%;
}
/*  ---------------------  ASSOCIATED SINGLE PAGE  ---------------------  */
#associatedSingle .companyHeader{
	padding-left:10px;
	padding-right:10px;
	width:1070px;
	margin:0 auto;
	text-align:left;
	padding-bottom:60px;
	padding-top:50px;
}
#associatedSingle .companyHeader .left{
	float:left;
	width:476px;
}
#associatedSingle .companyHeader .left h2{
	font-size:180%;
	display:block;
	padding-bottom:20px;
}
#associatedSingle .companyHeader .left h2 img{
	vertical-align:middle;
	margin-right:20px;
}
#associatedSingle .companyHeader .left p{
	color:#666666;
	font-size:110%;
	line-height:180%;
	margin-bottom:20px;
	width:110%;
}
#associatedSingle .companyHeader .left a{
	display:inline-block;
	background:black;
	color:white;
	text-decoration:none;
	height:30px;
	font-weight:bold;
	line-height:30px;
	font-size:110%;
	padding:0 15px;
}
#associatedSingle .companyHeader .left a:hover{
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#associatedSingle .companyHeader .left a img{
	vertical-align:-1px;
	margin-right:5px;
}
#associatedSingle .companyHeader .mainImg{
	float:right;
	max-width:404px;
	display:block;
	width:100%;
}
#associatedSingle .single{
	width:1090px;
	margin:0 auto;
}
#associatedSingle .works{
	padding-left:10px;
	float:none;
	width:1080px;
	margin:0 auto;
}
#associatedSingle .works .title{
	display:block;
	font-size:140%;
	margin-bottom:20px;
}
#associatedSingle .otherCompanies{
	width:1100px;
	margin:0 auto;
	border-top:solid 2px #000;
	margin-top:50px;
	padding-top:50px;
	text-align:center;
	padding-bottom:40px;
}
#associatedSingle .otherCompanies h3{
	font-size:160%;
	display:block;
	margin-bottom:40px;
}
#associatedSingle .otherCompanies ul{
	list-style:none;
	text-align:center;
}
#associatedSingle .otherCompanies ul li{
	display:inline-block;
	text-align:center;
	margin:0 20px;
}
#associatedSingle .otherCompanies ul li a{
	display:inline-block;
	text-decoration:none;
	font-weight:bold;
	font-size:110%;
	color:grey;
}
#associatedSingle .otherCompanies ul li a img{
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#associatedSingle .otherCompanies ul .current a{
	color:black;
}
#associatedSingle .otherCompanies ul .current a img{
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
#associatedSingle .otherCompanies ul li a:hover{
	color:black;
}
#associatedSingle .otherCompanies ul li a:hover img{
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
#associatedSingle .otherCompanies ul li a img{
	display:block;
	margin:0 auto 10px auto;
}

/*  ---------------------  NEWS PAGE  ---------------------  */
#news .category{
	margin:0 auto;
	width:1290px;
}
#news .positionner{
	position:relative;
	width:100%;
}
#news #newsContainer{
	width:auto;
	padding-right:250px;
	min-height:500px;
}
#news #newsContainer #newsList{
	border-top:solid 2px #111111;
	display:table;
	width:100%;
	vertical-align:middle;
	border-collapse:collapse;
	border-spacing:none;
}
#news #newsContainer #newsList .article{
	display:table-row;
	vertical-align:middle;
	text-decoration:none;
}
#news #newsContainer #newsList .article .img{
	display:table-cell;
	vertical-align:middle;
	padding:10px 0;
	border-bottom:solid 1px #cdcdcd;
	max-width:100px;
	padding-right:20px;
}
#news #newsContainer #newsList .article .img img{
	display:block;
	width:100%;
	min-width:80px;
}
#news #newsContainer #newsList .article .desc{
	display:table-cell;
	vertical-align:middle;
	padding:10px 0;
	border-bottom:solid 1px #cdcdcd;
	padding-right:10px;
}
#news #newsContainer #newsList .date{
	color:#666666;
	margin-bottom:10px;
	font-size:100%;
}
#news #newsContainer #newsList .date span{
	background:#111111;
	color:white;
	padding:1px 8px;
	margin-left:8px;
	font-size:95%;
	font-weight:bold;
}
#news #newsContainer #newsList .article .desc h3{
	color:#111111;
	font-size:125%;
	font-weight:normal
}
#news #newsContainer #newsList .article:hover .date{
	color:#929292;
}
#news #newsContainer #newsList .article:hover .date span{
	background:#7f7f7f;
}
#news #newsContainer #newsList .article:hover h3{
	color:#7f7f7f;
}
#news #newsContainer #newsList .article:hover img{
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#news #newsContainer .pagination{
	padding:20px 0;
	text-align:center;
}
#news #newsContainer .pagination ul{
	list-style:none;
}
#news #newsContainer .pagination ul li{
	display:inline-block;
	color:#111111;
	padding:0 5px;
	vertical-align:middle;
}
#news #newsContainer .pagination ul li a{
	text-decoration:none;
	color:#666666;
}
#news #newsContainer .pagination ul li a:hover{
	color:#111111;
}
#news #sideBar{
	width:210px;
	position:absolute;
	right:0;
	top:0;
	border-top:solid 2px #111111;
}
#news #sideBar ul{
	list-style:none;
	padding-top:5px;
}
#news #sideBar ul li{
	display:block;
	padding:15px 5px 15px 14px;
	border-bottom:solid 1px #cdcdcd;
	background:url(img/bullet.png) left center no-repeat;
	font-size:105%;
	color:#7f7f7f;
}
#news #sideBar ul li.last{
	border-bottom:none;
	padding:15px 10px 15px 14px;
}
#news #sideBar ul li a{
	text-decoration:none;
}
#news #sideBar ul li a:hover{
	color:#7f7f7f;
}
#news #newsContainer #singleNews{
	border-top:solid 2px #111111;
	width:100%;
	padding-top:30px;
	padding-bottom:20px;
}
#news #newsContainer #singleNews .date{
	color:#666666;
	margin-bottom:10px;
	font-size:100%;
}
#news #newsContainer #singleNews .date span{
	background:#111111;
	color:white;
	padding:1px 8px;
	margin-left:8px;
	font-size:95%;
	font-weight:bold;
}
#news #newsContainer #singleNews h3{
	font-size:140%;
	font-weight:bold;
	margin-bottom:25px;
}
#news #newsContainer #singleNews img{
	display:block;
	max-width:100% !important;
	height:auto !important;
}
#news #newsContainer #singleNews p .aligncenter{
	margin-right:auto;
	margin-left:auto;
}
#news #newsContainer #singleNews .mainImg{
	margin-bottom:25px;
}
#news #newsContainer #singleNews p{
	font-size:110%;
	line-height:190%;
	margin-bottom:15px;
}
#news #newsContainer #singleNews p{
	font-size:110%;
	line-height:190%;
	margin-bottom:15px;
}
#news .category{
	max-width:948px;
}

/*  ---------------------  COMPANY PAGE  ---------------------  */
#company .category{
	max-width:920px;
	margin:0 auto;
	padding-bottom:50px;
}
#company .positionner{
	position:relative;
	width:100%;
}
#company .company{
	width:auto;
	padding-right:250px;
}
#company .company h2{
	display:block;
	margin-bottom:30px;
	border-top:solid 2px #111111;
	text-align:left;
	padding-top:20px;
	font-size:180%;
	font-weight:bold;
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
/*  COMPANY TOP  */
#company .company h3{
	display:block;
	background:#e6e6e6;
	padding:10px 15px;
	font-weight:bold;
	font-size:120%;
	margin-top:10px;
	margin-bottom:20px;
}
#company .company table{
	width:100%;
	border-collapse:collapse;
	border-spacing:none;
	text-align:left;
	vertical-align:top;
	margin-bottom:60px;
}
#company .company table th, #company .company table td{
	border-bottom:solid 1px #d1d1d1;
	padding:8px 5px;
	vertical-align:top;
	line-height:200%;
}
#company .company table .last th, #company .company table .last td{
	border-bottom:none;
}
#company .company table th{
	width:120px;
	font-weight:normal;
}
#company .company p{
	font-size:105%;
	margin-bottom:15px;
	line-height:200%;
}
#company .company img{
	display:block;
	max-width:100%;
	margin-top:20px;
	margin-bottom:20px;
}
#company .company h4{
	display:block;
	font-size:125%;
	border-bottom:solid 1px #c7c7c7;
	padding-bottom:5px;
	margin-bottom:15px;
	padding-top:50px;
}
/*  COMPANY MESSAGE  */
#company .message .company p{
	line-height:210%;
}
#company .message .company p.right{
	text-align:right;
}
#company .message .company .messageBox{
	background:black;
	display:table;
	width:100%;
	vertical-align:bottom;
	margin-bottom:30px;
}
#company .message .company .messageBox .tr{
	display:table-row;
}
#company .message .company .messageBox .img{
	display:table-cell;
}
#company .message .company .messageBox .right{
	display:table-cell;
	vertical-align:bottom;
	padding-right:20px;
}
#company .message .company .messageBox .img img{
	display:block;
	margin:0;
}
#company .message .company .messageBox p{
	color:white;
	text-align:right;
	font-size:90%;
	line-height:180%;
	margin-bottom:10px;
}
#company .message .company .messageBox h3{
	color:white;
	font-weight:bold;
	background:none;
	font-size:140%;
	text-align:right;
	padding-top:0;
	padding-right:0;
	margin:0;
}
/*  COMPANY OUTLINE  */
#company .outline .company dl{
	display:block;
	width:100%;
	clear:both;
	float:none;
	border-top:solid 1px #cdcdcd;
	margin-top:-1px;
}
#company .outline .company dl dt{
	width:15%;
	float:left;
	padding:20px 0;
}
#company .outline .company dl dd{
	width:85%;
	float:right;
	border-bottom:solid 1px #cdcdcd;
	margin-bottom:-1px;
	padding:20px 0;
}
#company .outline .company dl dd dl{
	border-top:none;
	margin-top:0;
}
#company .outline .company dl dd dl dt{
	padding-top:0;
	padding-bottom:0;
}
#company .outline .company dl dd dl dd{
	border-bottom:none;
	padding-bottom:0;
	padding-top:0;
}
/*  COMPANY SIDEBAR  */
#company .companySideBar{
	width:210px;
	position:absolute;
	right:0;
	top:0;
	border-top:solid 2px #111111;
}
#company .companySideBar ul{
	list-style:none;
	padding-top:5px;
}
#company .companySideBar ul li{
	display:block;
	padding:15px 5px 15px 14px;
	border-bottom:solid 1px #cdcdcd;
	background:url(img/bullet.png) left center no-repeat;
	font-size:105%;
}
#company .companySideBar ul li.last{
	border-bottom:none;
}
#company .companySideBar ul li a{
	text-decoration:none;
}
#company .companySideBar ul li a:hover{
	color:#7f7f7f;
}

.sakuhin{
	margin-bottom:20px;
}
.sakuhin .box {
	float:left;
	margin-right:20px;
}
.sakuhin img {
	margin-top:5px !important;
	margin-bottom:0px !important;
}
.sakuhin ul {
	width:200px;
	list-style-type: none;
}
.sakuhin ul li img {
	float:left;
	margin-right:5px;
}



/*  ---------------------  LINK PAGE  ---------------------  */
#inside .category{
	max-width:920px;
	margin:0 auto;
	padding-bottom:50px;
}
#inside .positionner{
	position:relative;
	width:100%;
}
#inside .common{
	width:auto;
}
#inside .common h3{
	display:block;
	background:#e6e6e6;
	padding:10px 15px;
	font-weight:bold;
	font-size:120%;
	margin-top:10px;
	margin-bottom:20px;
}
#inside .common h2{
	display:block;
	margin-bottom:30px;
	border-top:solid 2px #111111;
	text-align:left;
	padding-top:20px;
	font-size:180%;
	font-weight:normal;
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#inside .links .common{
	width:auto;
	padding-right:0;
}
.category.links h2{
	margin-bottom:40px;
}
#inside .links .common h3{
	margin-top:30px;
}
#inside .links .common dl{
	clear:both;
	float:none;
	padding-bottom:10px;
	padding-left:1px;
}
#inside .links .common dl:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}
#inside .links .common dt{
	font-size:110%;
	font-weight:bold;
	width:30%;
	float:left;
	clear:left;
}
#inside .links .common dd{
	font-size:110%;
	width:70%;
	float:right;
	clear:right;
}

/*  ---------------------  PRIVACY PAGE  ---------------------  */
#inside .category.privacy{
	padding-bottom:30px;
}
#inside .privacy .common{
	width:auto;
	padding-right:0;
}
#inside .privacy .common p{
	line-height:190%;
	margin-bottom:40px;
	padding:0 1px;
}


/*  ---------------------  ACCESS PAGE  ---------------------  */
#inside .category.access{
	padding-bottom:30px;
}
#inside .access .common{
	width:auto;
	padding-right:0;
}
#inside .access .common dl{
	clear:both;
	float:none;
	padding-bottom:10px;
	padding-left:1px;
}
#inside .access .common dl:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}
#inside .access .common dt{
	font-size:110%;
	font-weight:bold;
	width:10%;
	float:left;
	clear:left;
}
#inside .access .common dd{
	font-size:110%;
	width:90%;
	float:right;
	clear:right;
}
#inside .access .common h3{
	margin-top:40px;
}
#inside .access .common #map1{
	width:100%;
	height:400px;
	margin-bottom:20px;
}
#inside .access .common #map2{
	width:100%;
	height:400px;
	margin-bottom:20px;
}

/*  ---------------------  SITEMAP PAGE  ---------------------  */
#inside .category.sitemap{
	padding-bottom:30px;
}
#inside .sitemap .common{
	width:auto;
	padding-right:0;
}
#inside .sitemap .common dl{
	border-bottom:solid 1px #cdcdcd;
	padding:15px 5px 5px 5px;
}
#inside .sitemap .common dl a{
	text-decoration:none;
	display:inline-block;
	border-bottom:solid 1px transparent;
}
#inside .sitemap .common dl a:hover{
	border-bottom:solid 1px #333333;
}
#inside .sitemap .common dl:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}
#inside .sitemap .common dl dt{
	font-weight:bold;
	width:30%;
	float:left;
	padding-bottom:5px;
}
#inside .sitemap .common dl dd{
	width:70%;
	float:right;
	padding-bottom:5px;
}




/*  ---------------------  CONTACT PAGE  ---------------------  */
#contact .category{
	max-width:920px;
	margin:0 auto;
	padding-bottom:50px;
}
#contact .contact h3{
	display:block;
	background:#e6e6e6;
	padding:10px 15px;
	font-weight:bold;
	font-size:120%;
	margin-top:30px;
	margin-bottom:20px;
}
#contact .contact .radio{
	margin-left:5px;
	margin-bottom:10px;
}
#contact .contact .radioDesc{
	margin-left:5px;
	margin-right:15px;
}
#contact .contact table{
	width:100%;
	border-collapse:collapse;
	border-spacing:none;
	text-align:left;
	vertical-align:top;
	margin-bottom:60px;
}
#contact .contact table th, #contact .contact table td{
	border-bottom:solid 1px #d1d1d1;
	padding:8px 5px 12px 5px;
	vertical-align:top;
	line-height:200%;
}
#contact .contact table th{
	font-weight:normal;
	width:208px;
	padding-right:15px;
}
#contact .contact table th .red{
	color:#ff0033;
}
#contact .contact table td .small{
	display:block;
	margin-bottom:5px;
}
#contact .contact table td .msg{
	display:block;
	margin-top:5px;
	color:#ff0033;
}
#contact .contact table td input{
	max-width:400px;
	width:100%;
	padding:3px 5px;
	border:solid 1px #d1d1d1;
}
#contact .contact table td input.error{
	border:solid 1px #ff0033;
}
#contact .contact table td textarea{
	max-width:400px;
	width:100%;
	padding:3px 5px;
	border:solid 1px #d1d1d1;
	height:150px;
	font-size:100%;
}
#contact .contact table .tel td input{
	width:130px;
}
#contact .contact table .zip td input{
	width:45px;
}
#contact .contact table .name1 td input{
	width:120px;
	margin-right:20px;
}
#contact .contact table .name2 td input{
	width:150px;
	margin-right:20px;
}
#contact .contact table .message th, #contact .contact table .message td{
	border-bottom:none;
}
#contact .contact table .submit th, #contact .contact table .submit td{
	border-bottom:none;
}
#contact .contact table .position th, #contact .contact table .position td{
	border-bottom:none;
}
#contact .contact table .submit th, #contact .contact table .submit td{
	padding-top:50px;
}
#contact .contact table button{
	max-width:500px;
	width:100%;
	padding:15px 10px;
	border:none;
	background:#111111;
	color:white;
	font-size:140%;
}
#contact .contact table .check button{
	max-width:230px;
	width:50%;
	padding:15px 10px;
	border:none;
	background:#111111;
	color:white;
	font-size:140%;
}
#contact .contact table button:hover{
	cursor:pointer;
	border:none;
	background:#5c5b5b;
}
#contact .thanks{
	padding-top:100px;
	padding-bottom:200px;
}
#contact .flow{
	border-collapse:collapse;
	border-spacing:none;
	width:100%;
	margin-top:40px;
	margin-bottom:50px;
}
#contact .flow td{
	width:33.33%;
	padding:20px 20px 20px 10px;
	background:#e6e6e6;
	text-align:center;
	font-weight:bold;
	font-size:120%;
}
#contact .flow td.next{
	padding:20px 20px 20px 10px;
	background:#e6e6e6 url(img/flow.jpg) right center no-repeat;
	background-size:14px 100%;
}
#contact .flow td.before{
	padding:20px 20px 20px 10px;
	background:#e6e6e6 url(img/flow.jpg) right center no-repeat;
	background-size:14px 100%;
}
#contact .flow td.current{
	background:#111111 url(img/curr.jpg) right center no-repeat;
	background-size:14px 100%;
	color:white;
}
#contact .flow td.prev{
	background:#e6e6e6 url(img/before.jpg) right center no-repeat;
	background-size:14px 100%;
}
#contact .flow td.step3.next{
	background:#e6e6e6;
}
#contact .flow td.step3.current{
	background:#111111;
}
#contact .flow td br{
	display:none;
}


/*  ---------------------  recruit2 PAGE  ---------------------  */
#recruit2 .category{
	max-width:920px;
	margin:0 auto;
	padding-bottom:50px;
}
#recruit2 .recruit2 h3{
	display:block;
	background:#e6e6e6;
	padding:10px 15px;
	font-weight:bold;
	font-size:120%;
	margin-top:30px;
	margin-bottom:20px;
}
#recruit2 .recruit2 .radio{
	margin-left:5px;
	margin-bottom:10px;
}
#recruit2 .recruit2 .radioDesc{
	margin-left:5px;
	margin-right:15px;
}
#recruit2 .recruit2 table{
	width:100%;
	border-collapse:collapse;
	border-spacing:none;
	text-align:left;
	vertical-align:top;
	margin-bottom:60px;
}
#recruit2 .recruit2 table th, #recruit2 .recruit2 table td{
	border-bottom:solid 1px #d1d1d1;
	padding:8px 5px 12px 5px;
	vertical-align:top;
	line-height:200%;
}
#recruit2 .recruit2 table th{
	font-weight:normal;
	width:208px;
	padding-right:15px;
}
#recruit2 .recruit2 table th .red{
	color:#ff0033;
}
#recruit2 .recruit2 table td .small{
	display:block;
	margin-bottom:5px;
}
#recruit2 .recruit2 table td .msg{
	display:block;
	margin-top:5px;
	color:#ff0033;
}
#recruit2 .recruit2 table td input{
	max-width:400px;
	width:100%;
	padding:3px 5px;
	border:solid 1px #d1d1d1;
}
#recruit2 .recruit2 table td input.error{
	border:solid 1px #ff0033;
}
#recruit2 .recruit2 table td textarea{
	max-width:400px;
	width:100%;
	padding:3px 5px;
	border:solid 1px #d1d1d1;
	height:150px;
	font-size:100%;
}
#recruit2 .recruit2 table .tel td input{
	width:130px;
}
#recruit2 .recruit2 table .zip td input{
	width:45px;
}
#recruit2 .recruit2 table .name1 td input{
	width:120px;
	margin-right:20px;
}
#recruit2 .recruit2 table .name2 td input{
	width:150px;
	margin-right:20px;
}
#recruit2 .recruit2 table .message th, #recruit2 .recruit2 table .message td{
	border-bottom:none;
}
#recruit2 .recruit2 table .submit th, #recruit2 .recruit2 table .submit td{
	border-bottom:none;
}
#recruit2 .recruit2 table .position th, #recruit2 .recruit2 table .position td{
	border-bottom:none;
}
#recruit2 .recruit2 table .submit th, #recruit2 .recruit2 table .submit td{
	padding-top:50px;
}
#recruit2 .recruit2 table button{
	max-width:500px;
	width:100%;
	padding:15px 10px;
	border:none;
	background:#111111;
	color:white;
	font-size:140%;
}
#recruit2 .recruit2 table .check button{
	max-width:230px;
	width:50%;
	padding:15px 10px;
	border:none;
	background:#111111;
	color:white;
	font-size:140%;
}
#recruit2 .recruit2 table button:hover{
	cursor:pointer;
	border:none;
	background:#5c5b5b;
}
#recruit2 .thanks{
	padding-top:100px;
	padding-bottom:200px;
}
#recruit2 .flow{
	border-collapse:collapse;
	border-spacing:none;
	width:100%;
	margin-top:40px;
	margin-bottom:50px;
}
#recruit2 .flow td{
	width:33.33%;
	padding:20px 20px 20px 10px;
	background:#e6e6e6;
	text-align:center;
	font-weight:bold;
	font-size:120%;
}
#recruit2 .flow td.next{
	padding:20px 20px 20px 10px;
	background:#e6e6e6 url(img/flow.jpg) right center no-repeat;
	background-size:14px 100%;
}
#recruit2 .flow td.before{
	padding:20px 20px 20px 10px;
	background:#e6e6e6 url(img/flow.jpg) right center no-repeat;
	background-size:14px 100%;
}
#recruit2 .flow td.current{
	background:#111111 url(img/curr.jpg) right center no-repeat;
	background-size:14px 100%;
	color:white;
}
#recruit2 .flow td.prev{
	background:#e6e6e6 url(img/before.jpg) right center no-repeat;
	background-size:14px 100%;
}
#recruit2 .flow td.step3.next{
	background:#e6e6e6;
}
#recruit2 .flow td.step3.current{
	background:#111111;
}
#recruit2 .flow td br{
	display:none;
}


/*  ---------------------  FOOTER  ---------------------  */
a.toTop{
	background:#1a1a1a url(img/toTop.jpg) center center no-repeat;
	height:48px;
	width:100%;
	display:block;
}
footer{
	background:#000;
	padding:27px 0;
	width:100%;
}
footer .container{
	max-width:1280px;
	margin:0 auto;
	width:95%;
}
#top footer .container{
	max-width:2360px;
	margin:0 auto;
}
footer a:hover img{
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
footer .footLeft{
	padding-top:8px;
	float:left;
}
footer .footLogos a{
	margin-right:36px;
}
footer .sns{
	padding-top:28px;
}
footer .sns iframe{
	width:99px !important;
	height:21px !important;
}
footer .footRight{
	float:right;
	text-align:right;
}
footer .footRight ul{
	list-style:none;
	margin:0;
	padding:0;
	margin-left:10px;
	padding-top:15px;
	padding-bottom:8px;
}
footer .footRight ul li{
	color:white;
	display:inline;
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
}
footer .footRight ul li a{
	color:white;
	margin:0 10px;
	text-decoration:none;
	padding:0;
	font-weight:normal;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
footer .footRight ul li a:hover{
	color:grey;
}
footer .copyrights{
	color:white;
	font-size:80%;
	font-family:Arial, arial, sans-serif;
	
}
/*  CENTER TOP MAIN  */
@media screen and (max-width: 2451px){
	#top #main{width:2021px;}
	#top header .container{width:2001px;}
	#top footer .container{width:2001px;}
}
@media screen and (max-width: 2040px){
	#top #main{width:1661px;}
	#top header .container{width:1641px;}
	#top footer .container{width:1641px;}
}
@media screen and (max-width: 1695px){
	#top #main{width:1301px;}
	#top header .container{width:1281px;}
	#top footer .container{width:1281px;}
}
@media screen and (max-width: 1338px){
	#top #main{width:940px;}
	#top header .container{width:920px;}
	#top footer .container{width:100%;max-width:920px;}
	footer .container{width:100%;max-width:920px;}
	
	#associated .category .companies{
		margin:0 auto;
		width:948px;
	}
	#associated .category .article{
		display:block;
		float:left;
		background:white;
		padding:15px 15px 25px 15px;
		margin:0 5px 10px 5px;
		width:276px;
	}
	#associated .category .article .img{
		float:none;
		display:block;
		width:100%;
		margin-bottom:20px;
	}
	#associated .category .article .desc{
		float:none;
		width:100%;
		text-align:center;
	}
	#news .category{
		margin:0 auto;
		width:948px;
	}

}

/*  TO HIDE WHEN PC  */
#menuOpener{
	display:none;
}
.sp{
	display:none;
}
@media screen and (max-width: 1120px){

	#associatedSingle .single{
		margin:0 auto;
		width:auto;
		max-width:710px;
		padding-left:0;
	}
	
	#associatedSingle .single .companyHeader{
		margin:0 auto;
		width:auto;
		padding-right:10px;
	}	
	#associatedSingle .single .companyHeader .left{
		width:50%;
	}	
	#associatedSingle .single .companyHeader .mainImg{
		width:45%;
		display:block;
		max-width:inherit;
	}
	#associatedSingle .works{
		margin:0 auto;
		width:705px;
	}
	#associatedSingle .works .article{
		width:302px;
	}
	#associatedSingle .otherCompanies{
		width:auto;
		max-width:694px;
		margin-left:10px;
		padding-bottom:10px;
	}
	#associatedSingle .otherCompanies ul li{
		margin:0 30px 20px 30px;
	}
}


/*  LAUNCH TABLET + SP HEADER & FOOTER */
@media screen and (max-width: 980px){
	body{
		font-size:11px;
	}
	#wrapper{
		position:absolute;
		width:100%;
		/*overflow:hidden;*/
	}
	header{
		height:50px;
		position:relative;
		padding:0;
	}
	header .container{
		width:100%;
	}
	#top header .container{
		width:100%;
	}
	header h1{
		height:47px;
		width:100px;
		margin-left:10px;
	}
	header h1 a{
		height:45px;
		width:100px;
	}
	header h1 img{
		width:100%;
		display:block;
	}
	header #menuOpener{
		display:block;
		float:right;
		width:54px;
		height:50px;
	}
	header #menuOpener img{
		display:block;
		width:54px;
		height:50px;
	}
	header nav{
		position:fixed;
		right:-220px;
		top:0;
		width:220px;
		height:100%;
		background:#1a1a1a;
		margin:0;
		padding:0;
		z-index:2;
		float:none;
	}
	header nav li{
		width:100%;
		display:block;
		border-bottom:solid 1px #000;
		margin-left:0
	}
	header nav li a{
		display:block;
		border-bottom:solid 1px #000;
		padding:14px 0 10px 12px;
	}
	header nav li a span{
		color:#999999;
	}
	#top #main{
		width:730px;
		padding-right:0;
		padding-left:0;
	}
	.works{
		float:none;
		padding:0;
		margin-left:10px;
	}
	.works h2{
		background:white;
		display:block;
		font-family:AlteDIN1451;
		font-size:160%;
		font-weight:normal;
		height:51px;
		line-height:51px;
		margin-bottom:10px;
		padding:0 15px;
		width:680px;
	}
	.works h2 span{
		color:#666666;
		font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
		font-size:65%;
		font-weight:normal;
		margin-left:8px;
	}
	.works h2 a{
		float:right;
		font-family:AlteDIN1451;
		font-size:85%;
		font-weight:normal;
		line-height:51px;
		text-decoration:none;
		text-transform:uppercase;
	}
	.works h2 a img{
		margin-right:8px;
		width:15px;
	}
	
	.leftContents{
		position:relative;
		width:100%;
		left:0;
		top:0;
	}
	.news{
		padding-top:10px;
		margin-left:10px;
	}
	.news h2{
		width:680px;
		margin-left:0;
	}
	.news .article{
		width:320px;
		margin-left:0;
		margin-right:10px;
	}
	.news .article h3{
		width:208px;
	}
	.news .article p{
		width:208px;
	}
	.associated {
		padding-top:10px;
		margin-left:10px;
	}
	.associated h2{
		background:white;
		display:block;
		font-family:AlteDIN1451;
		font-size:160%;
		font-weight:normal;
		height:51px;
		line-height:51px;
		margin-bottom:10px;
		padding:0 15px;
		width:680px;
	}
	.associated h2 span{
		color:#666666;
		font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
		font-size:65%;
		font-weight:normal;
		margin-left:8px;
	}
	.associated h2 a{
		float:right;
		font-family:AlteDIN1451;
		font-size:85%;
		font-weight:normal;
		line-height:51px;
		text-decoration:none;
		text-transform:uppercase;
	}
	.associated h2 a img{
		margin-right:8px;
		width:15px;
	}
	.associated .article{
		margin-left:0;
		margin-right:10px;
		width:320px;
		height:inherit;
	}
	.associated .article img{
		width:100%;
	}
	.associated .article h3 img{
		width:inherit;
	}
	.associated .article h3 span{
		float:none;
		width:inherit;
		margin-top:0;
	} 
	.associated .article.last{
		height:251px;
	}
	.associated .article.last h3{
		margin-top:-151px;
	}
	.facebook{
		margin-top:10px;
		margin-left:10px;
		width:680px;
	}
	.facebook h2{
		width:680px;
	}
	.facebook .fb_iframe_widget{
		width:530px;
		margin:0 auto;
		display:block !important;
	}
	
	#associated .category .companies{
		margin:0 auto;
		width:auto;
		padding:0;
	}
	#associated .category .article{
		display:block;
		float:left;
		background:white;
		padding:2%;
		margin:0 0.5% 10px 0.5%;
		width:28.33%;
	}
	#associated .category .article .desc{
		display:table;
		width:100%;
		border-collapse:collapse;
		vertical-align:middle;
	}
	#associated .category .article .desc .tr{
		display:table-row;
	}
	#associated .category .article .desc .td{
		display:table-cell;
		vertical-align:middle;
		padding-left:10px;
	}
	#associated .category .article .desc .logo{
		width:40px;
		display:table-cell;
		vertical-align:middle;
		margin:0;
		padding:0;
	}
	#associated .category .article .desc .logo img{
		display:inline;
		vertical-align:middle;
		margin:0;
		padding:0;
		width:40px;
	}
	#associated .category .article .desc h3{
		display:block;
		text-align:left;
		margin-bottom:5px;
	}
	#associated .category .article .desc p{
		text-align:left;
	}
	#news .category{
		margin:0 auto;
		width:auto;
		padding:0;
	}

	footer{
		padding-right:0;
		padding-left:0;
	}
	footer .container{
		width:100%;
	}
	footer .footLeft, footer .footRight{
		float:none;
		width:100%;
		text-align:center;
	}
	footer .footLeft{
		padding-bottom:10px;
	}
	footer .footLogos a{
		margin:0 15px;
	}
	footer .footLogos a img{
		zoom: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
		vertical-align:middle;
	}
	footer .footRight{
		border-top:solid 1px #1a1a1a;
	}
	footer .footRight .footLogo{
		display:none;
	}
	footer .footRight ul li{
		color:#7b7a7a;
	}
	footer .copyrights{
		color:#7b7a7a;
	}	
}

/*  LAUNCH SP */
@media screen and (max-width: 748px){
	.sp{
		display:inherit;
	}
	#top #main{
		width:100%;
		min-height:inherit;
		padding:0;
	}
	#main{
		width:100%;
		min-height:inherit;
		padding:0;
	}
/*  HEADER  */
	header .container{
		width:100%;
	}
	#top header .container{
		width:100%;
	}
	header h1{
		margin-left:10px;
	}
/*  TOP PAGE  */
	.works{
		margin:0;
		padding-bottom:10px;
		width:auto;
	}
	#top .works{
		background:white;
	}
	#top .works h2{
		margin:0;
		width:auto;
		background:#f5f5f5;
		font-size:180%;
		padding:0 10px;
	}
	.works h2{
		margin:0;
		width:auto;
		background:#f5f5f5;
		font-size:180%;
		padding:0 10px;
	}
	.works h2 span{
		font-size:60%;
	}
	.works h2 a{
		font-size:70%;
		line-height:52px;
	}
	.works h2 a img{
		width:13px;
	}
	.works .article{
		width:100%;
		height:inherit !important;
		float:none;
		clear:both;
		display:table;
		height:inherit;
		padding:0;
		border-bottom:solid 1px #e5e5e5;
		padding-left:10px;
		padding-right:10px;
		margin:0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing:border-box;
	}
	.works .article:last-of-type{
		border-bottom:none;
	}
	.works .article h3{
		display:none;
	}
	.works .article .img{
		display:table-cell;
		width:35%;
		vertical-align:middle;
		padding-top:10px;
		padding-bottom:10px;
		position:relative;
	}

	.works .article .texts{
		display:table-cell;
		width:65%;
		vertical-align:middle;
		padding-left:10px;
		padding-top:10px;
		padding-bottom:10px;
	}
	.works .article .date{
		display:inline-block;
		line-height:150%;
		margin-bottom:5px;
	}
	.works .article .desc{
		display:none;
	}
	.works .article h4{
		line-height:98%;
		font-size:120%;
		display:block;
		width:100%;
	}
	.works .article .sp{
		font-family:AlteDIN1451;
		font-size:110%;
	}
	.works .article .sp img{
		vertical-align:-4px;
		margin-right:4px;
		width:15px;
	}
	.works .article .sp span{
		margin-left:5px;
	}
	.works .article .sp span img{
		vertical-align:middle;
		margin-right:0;
		width:17px;
	}
	.works .article .img img{
		display:block;
		width:100%;
		margin:0;
		padding:0;
	}
	.works .article .img .read{
		top:50%;
		margin:0;
		margin-top:-32%;
		left:0;
		display:block;
		width:100%;
		padding:0;
	}
	.works .article.new .new{
		width:28px;
		top:5px;
		right:5px;
	}
	.news{
		margin:0;
		padding:0;
		padding-bottom:10px;
		background:white;
	}
	.news h2{
		margin:0;
		width:inherit;
		background:#f5f5f5;
		font-size:180%;
		padding:0 10px;
	}
	.news h2 span{
		font-size:60%;
	}
	.news h2 a{
		font-size:70%;
		line-height:52px;
	}
	.news h2 a img{
		width:13px;
	}
	.news .article{
		width:100%;
		float:none;
		clear:both;
		display:table;
		height:inherit;
		padding:0;
		border-bottom:solid 1px #e5e5e5;
		padding-left:10px;
		padding-right:10px;
		margin:0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing:border-box;
	}
	.news .article:last-of-type{
		border-bottom:none;
	}
	.news .article .img{
		display:table-cell;
		width:20%;
		vertical-align:middle;
		padding-top:10px;
		padding-bottom:10px;
	}
	.news .article .texts{
		display:table-cell;
		width:80%;
		vertical-align:middle;
		padding-left:10px;
		padding-top:10px;
		padding-bottom:10px;
	}
	.news .article .img img{
		width:100%;
	}
	.news .article .texts p{
		line-height:130%;
		font-size:120%;
		float:none;
		width:100%;
		display:block;
	}
	.news .article .texts h3{
		float:none;
		width:100%;
		display:block;
		font-size:105%;
		margin-bottom:5px;
	}

	.associated{
		margin:0;
		padding:0;
		padding-bottom:10px;
		background:white;
	}
	.associated h2{
		margin:0;
		width:inherit;
		background:#f5f5f5;
		font-size:130%;
		padding:0 10px;
	}
	.associated h2 span{
		font-size:60%;
	}
	.associated h2 a{
		font-size:70%;
		line-height:52px;
	}
	.associated h2 a img{
		width:13px;
	}
	.associated .article{
		width:100%;
		float:none;
		clear:both;
		display:table;
		height:inherit;
		padding:0;
		border-bottom:solid 1px #e5e5e5;
		padding-left:10px;
		padding-right:10px;
		margin:0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing:border-box;
	}
	.associated .article:nth-last-of-type(2){
		border-bottom:none;
	}
	.associated .article:last-of-type{
		display:none;
	}
	.associated .article .img{
		display:table-cell;
		width:35%;
		vertical-align:middle;
		padding-top:10px;
		padding-bottom:10px;
	}
	.associated .article .texts{
		display:table-cell;
		width:65%;
		vertical-align:middle;
		padding-left:10px;
		padding-top:10px;
		padding-bottom:10px;
	}	
	.associated .article h3 img{
		width:30px;
	}	
	.associated .article h3 img.left{
		width:30px;
		float:left;
	}
	.facebook{
		width:auto;
		height:auto;
		padding-bottom:30px;
	}
	.facebook h2{
		width:auto;
	}
	/*
	.facebook .fb_iframe_widget{
		width:100% !important;
		height:350px !important;
	}
	.facebook .fb_iframe_widget span:first-of-type{
		width:100% !important;
		height:350px !important;
	}
	.fb_iframe_widget iframe{
		width:100% !important;
		height:350px !important;
		padding-bottom:20px;
	}
	#facebook ._4s7c{
		height:auto !important;
	}*/
	.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
	
	#modal .modalInside .video{
		background:none;
		width:100%;
		padding:0 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing:border-box;
		height:400px;
		margin-left:0;
		left:0;
		margin-top:-200px;
	}
	#modal .modalInside .video iframe{
		width:100% !Important;
		height:380px !Important;
		margin-left:0;
		left:0;
	}
/*  ASSOCIATED TOP PAGE  */
	#associated .category{
		padding-top:35px;
	}
	#associated .category h2{
		font-size:180%;
		margin-bottom:20px;
		margin-top:0;
	}
	#associated .category h2 span{
		font-size:70%;
	}
	#associated .category .subtitle{
		margin-bottom:20px;
		padding:0 10px;
	}
	#associated .category .article .desc{
		display:table;
		width:100%;
		border-collapse:collapse;
		vertical-align:middle;
	}
	#associated .category .article .desc .tr{
		display:table-row;
	}
	#associated .category .article .desc .td{
		display:table-cell;
		vertical-align:middle;
		padding-left:10px;
	}
	#associated .category .article .desc img{
		width:40px;
		display:table-cell;
		vertical-align:middle;
		margin:0;
		padding:0;
	}
	#associated .category .article .desc h3{
		display:block;
		text-align:left;
		margin-bottom:5px;
	}
	#associated .category .article .desc p{
		text-align:left;
	}
	#associated .category .article{
		display:block;
		float:left;
		background:white;
		padding:2%;
		margin:0 0.5% 10px 0.5%;
		width:45%;
	}
	#associatedSingle .works{
		margin:0 auto;
		width:auto;
		padding-left:0;
	}
	#associatedSingle .single{
		margin:0 auto;
		width:auto;
		padding-left:0;
	}
/*  ASSOCIATED NAKA PAGE  */
	#associatedSingle .single .companyHeader{
		margin:0 auto;
		width:auto;
		padding-right:0;
		padding-left:0;
		padding-top:0;
		padding-bottom:40px;
	}	
	#associatedSingle .single .companyHeader .left{
		width:auto;
		float:none;
		padding-right:10px;
		padding-left:10px;
	}	
	#associatedSingle .single .companyHeader .mainImg{
		width:100%;
		float:none;
		margin-bottom:20px;
	}
	#associatedSingle .works .article{
		width:100%;
	}
	#associatedSingle .works .title{
		padding-left:10px;
	}
	#associatedSingle .otherCompanies h3{
		padding-left:10px;
		text-align:left;
		margin-bottom:15px;
	}
	#associatedSingle .otherCompanies{
		width:auto;
		max-width:100%;
		margin-left:0;
		padding-bottom:0;
		padding-top:15px;
		margin-top:20px;
	}
	#associatedSingle .otherCompanies ul li{
		width:auto;
		display:block;
		background:white;
		margin:0;
		text-align:left;
		border-bottom:1px solid #e5e5e5;
		padding:10px;
	}
	#associatedSingle .otherCompanies ul li a{
		width:auto;
		display:block;
	}
	#associatedSingle .otherCompanies ul li a img{
		margin:0;
		display:inline-block;
		margin-right:20px;
		vertical-align:middle;
		width:80px;
	}
	#associatedSingle .otherCompanies ul li a span{
		display:inline-block;
		vertical-align:middle;
		width:62%;
	}
	#associatedSingle .companyHeader .left h2{
		text-align:center;
	}
	#associatedSingle .companyHeader .left h2 img {
		display:block;
		margin:0 auto 10px auto;
	}
/*  NEWS PAGE  */
	#news #newsContainer{
		border-top:2px solid #111111;
		padding-right:0;
		min-height:inherit;
	}
	#news #newsContainer #newsList{
		border:none;
	}
	#news #newsContainer #newsList .article .img{
		padding-left:10px;
		width:33%;
	}
	#news #newsContainer #newsList .article .desc{
		padding-right:10px;
	}
	#news #sideBar{
		position:relative;
		right:inherit;
		top:inherit;
		width:auto;
	}
	#news #sideBar ul li{
		padding:0;
		padding-left:12px;
		background:url("img/bullet.png") no-repeat 10px center;
	}
	#news #sideBar ul li a{
		display:block;
		padding:15px 10px 15px 10px;
	}
	#news #sideBar ul li.last{
		padding-left:23px;
	}
	#news #newsContainer #singleNews{
		padding:20px 10px 10px 10px;
		width:auto;
		border-top:none;
	}
	#news #newsContainer .pagination ul li{
		font-size:135%;
		margin:0 4px;
	}
/*  COMPANY TOP PAGE  */
	#company .company{
		padding-right:0;
		width:auto;
	}
	#company .company h2{
		padding-left:10px;
		margin-bottom:15px;
	}
	#company .category{
		padding-bottom:0;
	}
	#company .category .subtitle{
		margin-bottom:30px;
		padding-left:10px;
		padding-right:10px;
	}
	#company .company h3{
		font-size:130%;
		padding-left:10px;
		padding-right:10px;
		margin-bottom:10px;
		margin-top:0;
	}
	#company .company table{
		width:100%;
		margin-bottom:20px;
		margin-top:-5px;
	}
	#company .company table tr{
		display:block;
		width:100%;
	}
	#company .company table th, #company .company table td{
		display:block;
		width:auto;
		padding-left:10px;
		padding-right:10px;
	}
	#company .company table th{
		border:none;
		padding-bottom:0;
		font-weight:bold;
		font-size:120%;
	}
	#company .company table td{
		padding-top:0;
		font-size:110%;
	}
	#company .company p{
		padding-left:10px;
		padding-right:10px;
		margin-bottom:20px;
	}
	#company .company h4{
		padding-left:10px;
		padding-right:10px;
		padding-top:20px;
	}
	#company .company img{
		margin-bottom:0;
		width:auto;
	}
	#company .companySideBar{
		position:relative;
		right:inherit;
		top:inherit;
		width:auto;
	}
	#company .companySideBar ul li{
		padding:0;
		padding-left:12px;
		background:url("img/bullet.png") no-repeat 10px center;
	}
	#company .companySideBar ul li a{
		display:block;
		padding:15px 10px 15px 10px;
	}
/*  COMPANY MESSAGE PAGE  */
	#company .message .company .messageBox{
		background:none;
		display:block;
		width:auto;
		margin-bottom:30px;
	}
	#company .message .company .messageBox .tr{
		display:block;
	}
	#company .message .company .messageBox .img{
		display:block;
	}
	#company .message .company .messageBox .img img{
		max-width:100%;
		margin:0 auto;
		margin-bottom:15px;
	}
	#company .message .company .messageBox .right{
		display:block;
		padding-right:20px;
	}
	#company .message .company .messageBox .right p{
		text-align:center;
		color:#333333;
	}
	#company .message .company .messageBox .right h3{
		text-align:center;
		color:#333333;
	}
/*  COMPANY OUTLINE PAGE  */
	#company .outline .company{
		padding-bottom:30px;
	}
	#company .outline .company dl{
		display:block;
		width:100%;
		clear:both;
		float:none;
		border-top:solid 1px #cdcdcd;
		margin-top:-1px;
	}
	#company .outline .company dl:last-of-type dd:last-of-type dl:last-of-type{
		border:none;
	}
	#company .outline .company dl:after{
		content:".";
		display:block;
		height:0;
		font-size:0;
		clear:both;
		visibility:hidden;
	}
	#company .outline .company dl dt{
		width:auto;
		float:none;
		padding:20px 10px 0 10px;
		font-weight:bold;
		font-size:130%;
	}
	#company .outline .company dl dd{
		width:auto;
		float:none;
		border:none;
		margin-bottom:-1px;
		padding:0 10px 0 10px;
	}
	#company .outline .company dl dd dl{
		border:none;
		margin-top:0;
		clear:both;
		float:none;
		border-bottom:solid 1px #cdcdcd;
	}
	#company .outline .company dl dd dl:after{
		content:".";
		display:block;
		height:0;
		font-size:0;
		clear:both;
		visibility:hidden;
	}
	#company .outline .company dl dd dl dt{
		padding:10px 0;
		width:20%;
		float:left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing:border-box;
		font-size:115%;
		font-weight:normal;
	}
	#company .outline .company dl dd dl dd{
		padding:10px 0;
		width:80%;
		float:right;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing:border-box;
	}
/*  LINK PAGE  */
	.category.links h2{
		margin-bottom:20px;
	}
	#inside .category.links{
		padding-bottom:40px;
	}
	#inside .links .common h3{
		margin-top:5px;
		padding:10px;
	}
	#inside .links .common dl{
		clear:both;
		float:none;
		padding:0 10px 0 10px;
	}
	#inside .links .common dt{
		font-weight:bold;
		width:100%;
		float:none;
		clear:both;
	}
	#inside .links .common dd{
		width:100%;
		float:none;
		clear:both;
		padding-bottom:20px;
	}
	
/*  PRIVACY PAGE  */
	#inside .privacy .common p{
		margin-bottom:30px;
		padding:0 10px;
	}
	#inside .privacy .common h3{
		padding:10px;
	}
	
/*  ACCESS PAGE  */
	#inside .access .common h3{
		margin-top:20px;
		padding:10px;
	}
	#inside .access .common dl{
		clear:both;
		float:none;
		padding:0 10px 0 10px;
	}
	#inside .access .common dt{
		font-weight:bold;
		width:100%;
		float:none;
		clear:both;
	}
	#inside .access .common dd{
		width:100%;
		float:none;
		clear:both;
		padding-bottom:10px;
	}
	#inside .access .common #map1{
		height:200px;
		margin-bottom:20px;
	}
	#inside .access .common #map2{
		width:100%;
		height:200px;
		margin-bottom:20px;
	}

/*  SITEMAP PAGE  */
	#inside .category.sitemap{
		padding-bottom:30px;
	}
	#inside .sitemap .common{
		width:auto;
		padding-right:0;
	}
	#inside .sitemap .common dl{
		border-top:solid 1px #cdcdcd;
		border-bottom:none;
		padding:15px 0 5px 0;
	}
	#inside .sitemap .common dl a{
		display:block;
		width:100%;
		border:none;
	}
	#inside .sitemap .common dl a:hover{
		border:none;
	}
	#inside .sitemap .common dl dt{
		font-weight:bold;
		width:auto;
		float:none;
		padding-bottom:5px;
		padding-right:10px;
		padding-left:10px;
		font-size:130%;
	}
	#inside .sitemap .common dl dd{
		width:auto;
		float:none;
		padding-bottom:5px;
		padding-top:5px;
		padding-right:10px;
		padding-left:10px;
		font-size:120%;
	}


/*  CONTACT PAGE  */
	#contact .flow{
		margin-bottom:35px;
	}
	#contact .contact table{
		margin-bottom:0;
	}
	.category .subtitle{
		padding-right:10px;
		padding-left:10px;
		margin-bottom:20px;
	}
	#contact .contact h3{
		margin-bottom:0;
		margin-top:20px;
		padding:10px;
	}
	#contact .contact table th, #contact .contact table td{
		display:block;
		width:auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing:border-box;
		padding-right:10px;
		padding-left:10px;
	}
	#contact .contact .radioDesc{
		display:block;
		margin:10px 6px 0px 6px;
	}
	#contact .contact table th{
		border-bottom:none;
		font-weight:bold;
		font-size:130%;
		padding-bottom:0;
	}
	#contact .contact table td{
		padding-top:0;
	}
	#contact .contact table td input{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing:border-box;
		width:100%;
		max-width:inherit;
	}	
	#contact .contact table td textarea{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing:border-box;
		width:100%;
		max-width:inherit;
		height:100px;
	}
	#contact .contact table .submit th{
		padding-top:0;
	}
	#contact .contact table .submit td{
		padding-top:30px;
	}
	#contact .contact table button{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing:border-box;
		width:100%;
		max-width:inherit;
	}
	#contact .contact table .name1 td{
		padding-bottom:5px;
	}
	#contact .contact table .name2 td{
		padding-bottom:5px;
	}
	#contact .contact table .name1 td input{
		display:block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing:border-box;
		width:100%;
		max-width:inherit;
		margin-bottom:5px;
	}
	#contact .contact table .name2 td input{
		display:block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing:border-box;
		width:100%;
		max-width:inherit;
		margin-bottom:5px;
	}
	#contact .contact table .zip td input{
		width:80px;
	}
	#contact .contact table th .red{
		font-size:80%;
	}
	#contact .flow td br{
		display:block;
	}	
	#contact .flow td{
		vertical-align:top;
	}	
	#contact .contact table .check button{
		width:49.5%;
		display:block;
		float:left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing:border-box;
		max-width:inherit;
	}	
	#contact .contact table .check .backSubmit{
		margin-right:0.5%;
	}	
	#contact .contact table .check .sendSubmit{
		margin-left:0.5%;
	}

	
/*  FOOTER  */
	footer .footLogos a{
		margin:0 10px;
	}
	footer .footLogos a img{
		width:30px;
	}
	footer .footRight ul li{
		font-size:90%;
	}
	footer .copyrights{
		font-size:70%;
	}
	
/*  SP NO HOVER EVENTS  */
	footer a:hover{
		zoom: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	.facebook h2 a:hover{
		zoom: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	.associated .article:hover{
		zoom: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	.news  .article:hover{
		zoom: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	.news h2 a:hover{
		zoom: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	.works .article:hover h3, .works .article:hover p, .works .article:hover h4, .works .article:hover .new{
		zoom: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	.works .article:hover .img .read{
		zoom: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
	}
	header ul li a:hover, header ul li a:hover span{
		zoom: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	header a:hover img{
		zoom: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	
	#associated .category .article:hover{
		zoom: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	#associatedSingle .otherCompanies ul .current a:hover{
		zoom: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	#associatedSingle .otherCompanies ul li a:hover{
		zoom: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
	}
	
}

@media screen and (max-width: 430px){
	#associated .category .companies{
		margin:0 auto;
		width:auto;
		padding:0;
	}
	#associated .category .article{
		display:block;
		float:none;
		background:white;
		padding:10px;
		margin:0 0 10px 0;
		width:auto;
		height:auto !important;
	}
	#associated .category .article .img{
		float:none;
		display:block;
		width:100%;
	}
	#associated .category .article .desc{
		float:none;
		width:100%;
		text-align:center;
	}
}


/* MY CALENDAR CSS */

.mc-main .event-title {
    color: #fff;
}

.mc-main, .mc-list {
    background: #333;
    color: #fff;
}

.mc-main a {
    color: #9cf;
    text-decoration: none;
}

.mc-main a:hover {
    text-decoration: underline;
    color: #fff;
}

.mc-main caption, .mc-main .my-calendar-date-switcher,
.mc-main .category-key, .mc-main .calendar-event .details,
.mc-main .calendar-events {
    background: #222;
    color: #fff;
}

.mc-main .category-key .no-icon {
    border: 1px solid #bbb;
}

.mc-main, .mc-list {
    background: #333;
    padding: 5px;
    border-radius: 5px;
    color: #fff;
}

.mc-main caption, .mc-main .my-calendar-date-switcher, .mc-main .my-calendar-nav li a:hover, .mc-main .category-key {
    border: 1px solid #222;
}

.mc-main .my-calendar-date-switcher {
    padding: 4px;
    margin: 0 0 10px;
}

.mc-main .my-calendar-date-switcher input, .mc-main .my-calendar-date-switcher select {
    margin: 0;
    padding: 0;
    color: #333;
}

.mc-main .my-calendar-date-switcher label {
    margin: 0;
    padding: 0;
    color: #fff;
}

.mc-main .my-calendar-date-switcher .button {
    font-size: .9em;
}

.mc-main .list-event .details, .mc-main td {
    border: 1px solid #222;
}

.mc-main .calendar-event .details, .mc-main .calendar-events {
    background: #444;
    border: 1px solid #222;
    color: #fff;
}

.mc-main .my-calendar-nav li a, .mc-main .calendar-event .details, .mc-main .calendar-events {
    border: 1px solid #444;
}

.mc-main .list-event .details {
    background: #252525;
    color: #eee;
}

.mc-main .mc-list .odd {
    background: #353535;
}

.mc-main .odd .list-event .details {
    background: #151515;
    border: 1px solid #353535;
}

.mc-main .nextmonth, .mc-main .nextmonth .weekend {
    color: #999;
}

.mc-main .current-day {
    background: #224;
}

.mc-main .current-day .mc-date {
    color: #fff;
    background: #111;
}

.mc-main .weekend {
    background: #555 !important;
    color: #fff !important;
}

.mc-main .mc-date {
    background: #080808;
    color: #fff;
}

.mc-main .my-calendar-nav li a {
    color: #aaf;
    background: #000;
}

.mc-main .my-calendar-nav li a:hover {
    color: #fff;
    border: 1px solid #aaf;
}

.upcoming-events .past-event {
    color: #aaa;
}

.upcoming-events .today {
    color: #eee;
}

.upcoming-events .future-event {
    color: #bbb;
}

.mc-main caption {
    margin: 2px 0;
    font-weight: 700;
    padding: 2px;
}

.mc-main table, .mc-main.calendar {
    width: 100%;
    line-height: 1.2;
    border-collapse: collapse;
}

.mc-main td {
    vertical-align: top;
    text-align: left;
    width: 13%;
    height: 70px;
    padding: 2px !important;
}

.mini td {
    height: auto !important;
}

.mc-main th {
    text-align: center;
    padding: 5px 0 !important;
    letter-spacing: 1px;
}

.mc-main th abbr {
    border-bottom: none;
}

.mc-main h3, .mc-main h3 a {
    display: block;
    font: 700 10px Arial, Verdana, sans-serif;
    margin: 3px 0;
    padding: 0;
    width: 100%;
    color: #fff;
    clear: none;
    line-height: 1;
    text-transform: none;
    letter-spacing: 100%;
}

.mc-main h3 a {
    text-decoration: none;
}

.mc-main h3 a:hover, .mc-main h3 a:focus {
    text-decoration: underline;
}

.mc-main h2 {
    color: #fff;
}

.mc-main h3 img {
    vertical-align: middle;
    margin: 0 3px 0 0 !important;
}

.mc-main .mc-list h3 img {
    vertical-align: middle;
}

.mc-main .list-event h3 {
    font-size: 1.2em;
    margin: 0;
}

.mc-main .calendar-event .details, .mc-main .calendar-events {
    position: absolute;
    left: 15%;
    width: 70%;
    padding: 5px;
    z-index: 3;
    border: 2px solid #222;
    -moz-box-shadow: 3px 3px 10px #000;
    -webkit-box-shadow: 3px 3px 10px #000;
    box-shadow: 3px 3px 10px #000;
}

.mc-main .details .close img {
    float: right;
    background: #aaa;
    text-align: center;
    padding: 2px;
    border-radius: 3px;
}

.mc-main.mini .details .close {
    position: absolute;
    top: 8px;
    right: 8px;
}

.mc-main .calendar-events {
    width: 200px !important;
    left: 0px;
}

.mc-main .list-event .details {
    margin: 5px 0;
    padding: 5px 5px 0;
}

.mc-main .mc-list {
    margin: 0;
    padding: 0;
}

.mc-main .mc-list li {
    padding: 5px;
    list-style-type: none;
    margin: 0;
    list-style-image: none;
}

.mc-main .mc-date {
    display: block;
    margin: -2px -2px 2px;
    padding: 2px 4px;
}

.mc-main th {
    font-size: .8em;
    text-transform: uppercase;
    padding: 2px 4px 2px 0;
}

.mc-main .category-key {
    padding: 5px;
    margin: 5px 0;
}

.mc-main .category-key ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

.mc-main .category-key li {
    margin: 2px 10px;
}

.mc-main .category-key span {
    margin-right: 5px;
    vertical-align: middle;
}

.mc-main .category-key .no-icon {
    width: 10px;
    height: 10px;
    display: inline-block;
}

.mc-list li {
    text-indent: 0;
    margin: 0;
    padding: 0;
}

.mc-main .calendar-event .event-time, .mc-main .list-event .event-time {
    display: block;
    height: 100%;
    margin-right: 10px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: .9em;
}

.mc-main p {
    line-height: 1.5;
    margin: 0 0 1em;
    padding: 0;
}

.mc-main .vcard {
    font-size: .9em;
    margin: 10px 0;
}

.mc-main .calendar-event .vcard {
    margin: 0 0 10px;
}

.mc-main {
    position: relative;
}

.mc-main img {
    border: none;
}

.category-color-sample img {
    margin-right: 5px;
    vertical-align: top;
}

.mc-main .my-calendar-nav ul {
    height: 2em;
    margin: 0 5px;
    padding: 0;
}

.mini .my-calendar-nav ul {
    height: 2em !important;
}

.mc-main .my-calendar-nav li {
    float: left;
    margin: 0 1px;
    padding: 0;
    list-style-type: none !important;
    list-style-image: none; /* It really is pretty important. */
}

.mc-main .my-calendar-nav li:before {
    content: '';
}

.mc-main .my-calendar-nav li a {
    display: block;
    text-align: center;
    padding: 1px 20px;
}

.mini .my-calendar-nav li a {
    padding: 1px 3px !important;
    font-size: .7em;
}

.mc-main .my-calendar-next {
    margin-left: 4px;
    text-align: right;
}

.mc-main.mini .my-calendar-date-switcher label {
    display: block;
    float: left;
    width: 6em;
}

.mc-main.mini .my-calendar-date-switcher {
    padding: 4px;
}

.mc-main.mini td .category-icon {
    display: none;
}

.mc-main.mini h3 {
    font-size: 1.1em;
}

.mc-main.mini .day-with-date span, .mc-main.mini .day-with-date a {
    font: .9em Arial, Verdana, sans-serif;
    padding: 1px;
    color: #fff;
    text-align: center;
}

.mc-main .mini-event .sub-details {
    margin: 0;
    border-bottom: 1px solid #ccc;
    padding: 2px 0 0;
    margin-bottom: 5px;
}

.mc-main .mini-event .details img {
    width: 100%;
}

.mc-main .list-event .details img {
    width: auto;
    max-width: 100%;
}

.mc-main.mini .day-with-date a {
    display: block;
    margin: -2px;
    font-weight: 700;
    text-decoration: underline;
}

.mini td {
    height: auto !important;
}

.mini .my-calendar-nav ul {
    height: 2em !important;
}

.mini .my-calendar-nav li a {
    padding: 1px 3px !important;
    font-size: .7em;
}

.mc-main .nextmonth {
    background: #f6f6f6;
    color: #888;
}

.mc-main .nextmonth .event-title {
    opacity: .7;
}

.mc-main .nextmonth .weekend {
    color: #888;
    background: #161616 !important;
}

.mc-main .nextmonth {
    background: #000;
    color: #666 !important;
}

.mc-main .nextmonth .mc-date {
    background: #161616;
}

.mc-main .vcard, #mc_event .vcard {
    font-size: .9em;
    background: #111;
    border: 1px solid #333;
    padding: 10px;
    float: right;
}

.screen-reader-text {
    position: absolute;
    left: -999em;
}


/*  --------------------- USP_SEMINAR  ---------------------  */

.usp-seminar-d1 {
	text-align:left;
	width:100%;
	 padding:5px 0px 5px 25px;
	background:#000000;
	color:#FFFFFF;
	font-size:125%;
	font-weight:bold;
}

.usp-seminar-text1 {
	text-align:center;
	width:100%;
	margin:0px 0px 25px 0px;
	padding:50px 0px 50px 0px;
	font-size:125%;
}

.usp-seminar-text2 {
	text-align:left;
	width:100%;
	margin:0px 0px 25px 0px;
	padding:25px 0px 50px 25px;
	font-size:115%;
}

.usp-seminar-form {
	text-align:left;
	width:100%;
	margin:0px 0px 25px 0px;
	padding:25px 0px 50px 25px;
	font-size:115%;
}

#trust-form ul li {
    display: inline;
    list-style: none;
	padding: 0px;
}