/* CSS Document */

#contents .wrap {
	width:1055px;	
}

#mainArea {
	width:875px;
	float:right;
}

#pageTop .sideArea {
	width:160px !important;
	float:left !important;
	margin-top:20px;
}

#main {
	margin-top:20px;
	position:relative;
	height:575px;
}

#main .logoArea {
	width:100%;
	text-align:center;
	margin-top:260px;
	position:absolute;
	z-index:20;
}

#main .logoArea .logo {
	margin-left:-160px;
}

.mask {
	position:absolute;
/*	background-color:#f0f0f0; */
	top:0;
	left:0;
	z-index:6;	
}
.boxCont {
	color:#fff;	
	float:left;
	position:absolute;
	height:280px;
	display:none;
	z-index:2;
}
.boxCont.big {
	width:335px;
}
.boxCont.small {
	width:160px;
}
.boxCont a {
	color:#fff;
	text-decoration:none;
}

.boxCont .description {
	height:140px;
}

#webBox { 

}
#platformBox {
	left:350px;
}
#softBox {
	top:295px;
}
#mobileBox {
	top:295px;
	left:175px;
}
#mobileBox img {
	margin-top:-3px;	
}
#mobileBox .description {
	height:139px;	
}
#hakenBox {	
	top:295px;
	left:350px;
}
#tranBox {
	top:295px;
	left:525px;
	
	z-index:3;
}
#tranBox .image {
	width:335px;
	height:140px;	
}
#tranBox .description {
	position:relative;
	z-index:5;	
}
#tranBox .mask {
	z-index:6;
}

#worldmap {
	position:absolute;
	left:571px; 
	top:40px;
	z-index:1;
}
/*
.worldmap-img {
	position:absolute;
	top:0;
	left:0;
}*/

.boxCont .description p{
	padding:10px 15px;
	font-size:1.2em;
}

/*** animation ***/

#main .logoArea .logo {
	display:none;	
}
#main .worldmap-img {
	display:none;
	position:absolute;
}
#main #tranBox .image img {
	display:none;	
}
#main #flags2 {
/*	left:571px; */
	left:576px;
	top:40px;
	width:60%;
	height:70%;
	margin-left:-100px;
/*	margin-top:250px; */
	margin-top:100px;
	z-index:1;
}
#main #flags1_1 {
	top:251px;
	left:526px;
	z-index:2;
}
#main #flags1_2 {
	top:311px;
	left:526px;
	z-index:2;	
}
#main #flags1_3 {
	top:295px;
	left:840px;
	z-index:2;
}
#main #flags1 {
	left:571px; 
	top:40px;
	z-index:2;
}
.sideArea {
	display:none;	
}

/*** color ***/
#webBox .description {
	background-color:#d41d89;
}
#platformBox .description {
	background-color:#744bbf;
}
#softBox .description {
	background-color:#45b035;
}
#mobileBox .description {
	background-color:#00839e;
}
#hakenBox .description {
	background-color:#ed7100;
}
#tranBox .description {
	background-color:#dc3131;
}

.sub {
	margin-top:15px;
}

.floatBox {
	float:left;
	margin-right:15px;
	background-color:#f4f4f4;
	height:330px;
	letter-spacing:0;
	position:relative;
	margin-bottom:15px;
}
.big {
	width:335px;	
}
.small {
	width:160px;
}
.floatBox > .inner {
	padding:10px;	
}
.floatBox > .inner > img {
	margin-bottom:15px;	
}
.floatBox > .inner > p {
/*	font-size:1.2em; */
}
.floatBox .copy {
	font-weight:bold;
	margin-bottom:8px;
}
.floatBox.big .copy {
	font-size:1.4em;
}
.floatBox.small .copy {
	font-size:1.2em;
}
.floatBox .name {
	font-weight:bold;
	margin-bottom:13px;
}
.floatBox.big .name {
	font-size:1.6em;
}
.floatBox.small .name {
	font-size:1.4em;
}
.floatBox.big .description {
	font-size:1.2em;
}
.floatBox.small .description {
	font-size:1.0em;
}
.floatBox.big .description1 {
/*	margin-top:30px; */
}
.floatBox.big .description2 {
	margin-top:20px; /*	margin-top:30px; */
	clear:both;
}
.floatBox.big .description > span {
	font-size:80%;
}

.floatBox .detail {
	position:absolute;
	right:0px;
	bottom:10px;
}
.floatBox .detail1 {
	margin-top:-15px;
	margin-right:-10px;
	float:right;	
}
.floatBox .detail2 {
	margin-top:-15px;
	margin-right:-10px;
	float:right;	
}
.floatBox .label {
	position:absolute;
	right:10px;
	top:10px;	
}

/*** newsArea ***/
.newsArea {
	width:335px;
	font-size:12px;
}
.newsArea .header {
	height:91px;
	background:url(../img/news_title.png) no-repeat 10px 10px;
	background-color:#005cad;
	position:relative;
	background-position:14px 19px;
	border-bottom:7px solid #474747;
}
.newsArea #newsLink {
	color:#fff;
	text-decoration:none;
	display:table-cell;
	float:right;
	margin-top:43px;
	margin-right:20px;
}

.newsArea #newsLink img {
	vertical-align:middle;
	padding-right:5px;
}
.newsArea #newsLink a {
	color:#fff;
	vertical-align:middle;
	text-decoration:none;	
}
.newsArea #newsLink a:hover {
	text-decoration:underline;
}

.newsArea .header ul {
    bottom: 0;
    margin-left: 4px;
    position: absolute;
}
.newsArea .header ul li {
    float: left;
    margin-right: 4px;
}
.newsArea .header ul li a {
	background: url("../img/newstab.gif") repeat scroll 0 0 transparent;
	display:block;
	height:20px;
	text-indent:-9999px;
	width:62px;	
}
.newsArea .header ul li.all a {
    background-position: 0 20px;
}
.newsArea .header ul li.product a {
    background-position: -62px 0;
}
.newsArea .header ul li.support a {
    background-position: -124px 0;
}
.newsArea .header ul li.media a {
    background-position: -186px 0;
}
.newsArea .header ul li.company a {
    background-position: -248px 0;
}

.newsArea .newsListArea {
	overflow:auto;
	width:335px;
	height:230px;
	background-color:#fff;	
}
.newsArea .newsListArea .inner {
	padding:15px;
}
.newsArea .newsListArea ul li p.date {
	color:#005cad;
	background:url(../img/icon_news_header.gif) no-repeat;
	padding-left:8px;
	background-position:0px 3px;
}
.newsArea .newsListArea ul li {
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(../_common/img/border_bottom.gif) repeat-x bottom;	
}
.newsArea .newsListArea ul li p.news a {
	text-decoration:none;
	color:#000;
}
.newsArea .newsListArea ul li p.news a:hover {
	text-decoration:underline;
}
.newsArea .newsListArea ul {
	display:none;
	min-height:210px;
}
.newsArea .newsListArea ul#news-1 {
	display:block;	
}


 .sideArea .sideContPart {
	background-color:#005cad;
	color:#fff;
	text-align:center;
	margin-bottom:15px;
}
 .sideArea .sideContPart .innerText {
/*	border-top:2px solid #fff; */
	padding-top:15px;
	width:121px;
	margin:0 auto;
	margin-bottom:15px;
	text-align:left;
	font-weight:normal;
}
 .sideArea .sideContPart.tel .innerText {
	border-top:none;
	padding-bottom:15px;	
}

 .sideArea .sideContPart .sideBtn {
	margin-bottom:15px;	
}

 .sideArea .banner {
	width:150px;
	text-align:center;
	background-color:#f4f4f4;
	margin-bottom:15px;
}

 .sideArea .banner .inner {
	padding:10px;
}

 .sideArea .banner .image {
	margin-bottom:13px;
	border:1px solid #c0c0c0;
}

 .sideArea .banner .sub {
	width:120px;
	text-align:left;
	margin:0 auto;
}
 .sideArea .banner .subTitle a {
	color:#005CAD;
	text-decoration:none;	
}
 .sideArea .banner .subTitle {
	color:#005cad;
	margin-bottom:10px;
	font-weight:bold;
	font-size:1.2em;
}

 .sideArea .banner .subTitle img {
	position:relative;
	top:1px;
	margin-right:4px;
}

 .sideArea .banner.imgs {
	background:none;
}

 .sideArea .banner.imgs img {
	margin-bottom:10px;
}

/* Myサイト翻訳のボタン設定*/

#language{


}

#language ul{ 

	padding:0px;
}

.my_lang{
	list-style:none;
	display:inline;
	text-align:left;
	position:absolute;
	top:43px;
	left:590px;
	width: 480px;
	float:left;	
	color:#005CAD;
	font-size:12px;
}

.my_lang a{
	color:#005CAD;
}


.my_lang2{
	list-style:none;
	display:inline;
	text-align:right;
	position:absolute;
	top:60px;
	left:590px;
	width: 480px;
	float:left;	
	color:#005CAD;
	font-size:12px;
}

.my_lang2 a{
	color:#005CAD;
}



.my_lang1{
	list-style:none;
	display:inline;
	text-align:left;
	position:absolute;
	top:10px;
	left:380px;
	width: 320px;
	float:left;	
	color:#005CAD;
	font-size:12px;
}

.my_lang1 a{
	color:#005CAD;
}

.indv{
	background: url(../img/peko.gif) no-repeat 0px 4px;
	margin-right:8px;
	padding-left:8px;
	float:left;	

}

.red{
	color:#CC0000;
	
}

.s9{
	font-size:80%;
	letter-spacing:0;
}

#my_langSP {
	display:none;
}
.SPactive { 
	display:block;
	background:#none;
	background-color:rgba(0,0,0,0.0);
}

#mcs_containerSP {
	display:none !important;
}
.newsAreaSP {
	display:none !important;
}