/* **************************************************

Name: tm_share.js

Description: tm3030specialsite Settings

Create: 2015.01.27
Update: XXXX.XX.XX

Copyright 2015 Hitachi, Ltd.

***************************************************** */


/** tm3030 kv slider
===================================*/

html{
 overflow-x: hidden;
}

body {
 overflow-x: hidden;
}

.mainvisual {
	position: relative;
	margin-bottom:20px;
}

.focus-area {
	position:relative;
	display:none;
	width:965px;
	height:420px;
}

.slidetitle {
	position:absolute;
	left:50px;
	top:120px;
	display:block;
	width:380px;
	height:149px;
	z-index:50;
}

.slider01 {
	background-image:url(/image/global/tm/slider/s01_bg.jpg);
	width:965px;
	height:420px;
	position:relative;
	overflow:visible;
}

.slider02 {
	background-image:url(/image/global/tm/slider/s02_bg.jpg);
	width:965px;
	height:420px;
	position:relative;
	overflow:visible;
}

.slider03 {
	background-image:url(/image/global/tm/slider/s03_bg.jpg);
	width:965px;
	height:420px;
	position:relative;
	overflow:visible;
}

.slider04 {
	background-image:url(/image/global/tm/slider/s04_bg.jpg);
	width:965px;
	height:420px;
	position:relative;
	overflow:visible;
}

.slider05 {
	background-image:url(/image/global/tm/slider/s05_bg.jpg);
	width:965px;
	height:420px;
	position:relative;
	overflow:visible;
}

.slider06 {
	background-image:url(/image/global/tm/slider/s06_bg.jpg);
	width:965px;
	height:420px;
	position:relative;
	overflow:visible;
}

.mainvisual .btn_focus {
	position:absolute;
	top:140px;
	left:600px;
	display:block;
background: url(/image/global/tm/slider/ico_focus.png) left top no-repeat;
width: 158px;
height: 154px;
cursor: pointer;
	z-index:200;
}

.mainvisual .btn_focus:hover {
opacity:0.8;
}

.mainvisual .on {
background-position: right top;
}

#slider-prev {
	position: absolute;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	padding: 0px;
	background-image: url(/image/global/tm/slider/ico_leftcursol.png);
	background-repeat: no-repeat;
	height: 39px;
	width: 20px;
	top: 200px;
	left: 15px;
	z-index: 500;
}

#slider-prev a {
	display:block;
	height: 39px;
	width: 20px;
}

#slider-prev:hover {
opacity:0.8;
}

#slider-next {
	position: absolute;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	padding: 0px;
	background-image: url(/image/global/tm/slider/ico_rightcursol.png);
	background-repeat: no-repeat;
	height: 39px;
	width: 20px;
	top: 200px;
	left: 930px;
	z-index: 500;
}

#slider-next a {
	display:block;
	height: 39px;
	width: 20px;
}

#slider-next:hover {
opacity:0.8;
}

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	width:965px;
	position: relative;
	margin: 0 auto 0;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	background: #fff;
	width:965px;
}

.bx-wrapper .bx-controls-auto {
	width: 100%;
}

/* PAGER */

#bx-pagerbox {
	position:absolute;
	top:280px;
	left:50px;
	z-index:200;
}

#bx-pager {
	text-align: left;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}


/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

#bx-pagerbox a {
	margin: 0 5px 0 0;
	display: inline-block;
	*zoom: 1;
	*display: inline;
	position:relative;
}

#bx-pagerbox a span  {
	display: block;
	position: absolute;
	z-index: 500;
	background-image: url(/image/global/tm/slider/slide_off.png);
	top: 0;
	left: 0;
	width: 53px;
	height: 52px;
}

#bx-pagerbox a.active span  {
	display:block;
	position: absolute;
	z-index: 500;
	background-image: url(/image/global/tm/slider/slide_on.png);
	top:0;
	left:0;
	width: 53px;
	height: 52px;
}

#bx-pagerbox a:hover {
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
	text-decoration: none;
}

#bx-pagerbox a.active {
	text-decoration: none;
}

.bx-wrapper .img2,
.bx-wrapper .img3,
.bx-wrapper .img4,
.bx-wrapper .img5,
.bx-wrapper .img6 {
display:none;
}

/** productslider
===================================*/

.productslider-col {
	position:relative;
}

.productslider-col .bx-wrapper {
	width:720px;
	position: relative;
	margin: 0 auto 0;
	padding: 0;
	*zoom: 1;
}

.productslider-col .bx-wrapper .bx-viewport {
	background: #fff;
	width:720px;
}

.productslider-col .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
position: absolute;
bottom: 6px;
left: 48%;
}

.productslider-col .bx-wrapper .bx-pager .bx-pager-item,
.productslider-col .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.productslider-col .bx-wrapper .bx-pager.bx-default-pager a {
	background: #F2F2F2;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.productslider-col .bx-wrapper .bx-pager.bx-default-pager a:hover,
.productslider-col .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #b1000e;
}

#productslider-prev {
	position: absolute;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	padding: 0px;
	background-image: url(/image/global/tm/products_ico_productleftcursol.png);
	background-repeat: no-repeat;
	height: 64px;
	width: 54px;
	top: 188px;
	left: 0;
	z-index: 500;
}

#productslider-prev a {
	display:block;
	height: 64px;
	width: 54px;
}

#productslider-prev:hover {
opacity:0.8;
}

#productslider-next {
	position: absolute;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	padding: 0px;
	background-image: url(/image/global/tm/products_ico_productrightcursol.png);
	background-repeat: no-repeat;
	height: 64px;
	width: 54px;
	top: 188px;
	left: 666px;
	z-index: 500;
}

#productslider-next a {
	display:block;
	height: 64px;
	width: 54px;
}

#productslider-next:hover {
opacity:0.8;
}

.productslider-col .bx-wrapper .bx-controls-auto {
	text-align: center;
}

/** sns list
===================================*/

#LinkListShare {
width: 230px;
margin-top: 16px;
zoom: 1;
}

#LinkListShare:after {
content: "";
display: block;
clear: both;
}

#LinkListShare li {
float: left;
width: 98px;
height: 20px;
padding: 5px 8px;
margin: 0 1px 1px 0;
background-color: #eee;
}

#LinkListShare li.twitter {
margin-right: 0;
}

#LinkListShare li.gplusone {
margin-right: 0;
}
* html #LinkListShare li.gplusone { display: none; }
*:first-child+html #LinkListShare li.gplusone { display: none; }

/*
iframe.twitter-share-button {
width: 90px! important;
}
*/

.socialWrap {
padding: 20px 0;
text-align: center;
}
 
.socialWrap div {
display: inline-block;
}
 
.fb_iframe_widget > span {
vertical-align: baseline !important;
}

.Social {
position: relative;
height: 25px;
margin: 0;
padding: 0 0 5px;
z-index: 10;
}
.Social ul li {
display: inline-block;
padding-right: 10px;
float: left;
}

.contactNavi {
	display:table;
}

.contactNavi li {
	float:left;
	display:table-cell;
	width:720px;
	height:40px;
}

.contactNavi li a {
	border:1px solid #ccc;
	display:block;
	text-align:center;
	line-height:40px;
	font-size:13px;
	background-color:#F2F2F2;
text-decoration: none;
	color:#4a4a4a;
}

.contactNavi li a:hover {
	border: 1px solid #ccc;
	display: block;
	text-align: center;
	line-height: 40px;
	font-size: 13px;
	background-color: #E1E1E1;
	text-decoration: none;
	color: #B1000E;
}

.contactNavi li a.FirstItem {
	border-right:none;
}

.contactNavi li a.LastItem {
	border-left:none;
}

.contactNavi .ico-cd {
	padding-left:26px;
	background-image:url(/image/global/tm/ico_cd.png);
	background-repeat:no-repeat;
	background-position:center left;
}

.contactNavi .ico-rq {
	padding-left: 26px;
	background-image: url(/image/global/tm/ico_rq.png);
	background-repeat: no-repeat;
	background-position: center left;
}

.contactNavi .ico-mi {
	padding-left:26px;
	background-image:url(/image/global/tm/ico_info.png);
	background-repeat:no-repeat;
	background-position:center left;
}