@charset "utf-8";

/* CSS Document */

body {
	font-family: "メイリオ", Meiryo, sans-serif;
	font-weight: 400;
	color:#777777;
	background-color:#ffffff;
	margin: 0;
	padding: 0;
  -webkit-text-size-adjust: 100%;
}

/*---START display NONE---*/
.spSeeMore {
	display: none;
}
/*---END display NONE---*/

.column01RODUCT {
	z-index: 2300;
	position: absolute;
	top: 1450px;
	left: 40;
	background-color:#336633;
	width: 300px;
	height: 20px;
	color:#ffffff;
	display: none;
}

#debugPRODUCT {
	z-index: 2000;
	position: fixed;
	top: 40px;
	left: 0;
	width:auto;
	background-color:#ccddff;
	color:#000000;
	font-size: 11px;
	display: none;
}

#debugW {
	z-index: 2000;
	position: fixed;
	top: 0;
	left: 0;
	width:auto;
	background-color:#ccddff;
	color:#000000;
	font-size: 11px;
	display: none;
}

#debugWsec {
	z-index: 2002;
	position: fixed;
	top: 20px;
	left: 0;
	width:auto;
	background-color:#333333;
	color:#ffffff;
	font-size: 11px;
	display: none;
}

#loadingBoard {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	background-image: url(../images/loading.gif);
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 64px 64px;
}

ul, ol, li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.no-svg #loadingBoard {
	background-image: url(../images/loading_s.gif);
}


/* Links */

a img, :link img, :visited img {
	border:0;
	outline:none;
	text-decoration:none;
}
a,a:visited {
	text-decoration:none;
	outline:none;
}


/* Heading */

h1, h2, h3, h4,strong,p {
	margin: 0;
	padding:0;
	font-weight:400;
}


/*--------------------------
		header START
----------------------------*/

header {
	position: fixed;
	left: 0;
	top: 0;
	display: block;
	width:100%;
	height:105px;
	margin: 0 auto 0 auto;
	z-index: 110;
	background-color: #ffffff;
}

header.noFixed {
	position: absolute;
}

header #siteLogo {
	display: block;
	position: absolute;
	top:18px;
	left: 20px;
	width: 203px;
	height: 72px;
}
header #siteLogo img{
	width:203px;
	height:auto;
}

header #countryName {
	display: block;
	position: absolute;
	top:51px;
	left: 242px;
	height: 19px;
	line-height: 19px;
	/*font-size: 18px;*/
	font-size: 14px;
	background-color: #ffffff;
	color: #37371e;
	vertical-align: baseline;
}
header #countryName img{
width:auto;
heihgt:10px;
}

header #menuIcon,
header #serachIcon {
	display: none;
}

header nav ul li {
	display: inline-block;
	float: left;
}

header nav ul.headBtns {
	position: absolute;
	top: 16px;
	right: 20px;
	display: block;
	margin: 0 10px 0 0;
	padding: 0;
	height: 26px;
	width: auto;
	white-space: nowrap;
	z-index: 10;
	background-color: #ffffff;
}

header nav ul.headBtns li {
	position: relative;
	margin: 2px 10px 0 0;
	background-color: #eeeeee;
	border-radius: 1em;
	overflow: hidden;
}

header nav ul.headBtns li.openBtn {
	position:relative;
	height: 26px;
	/*height:66px;
	*/width: 89px;
	overflow: visible;
}

header nav ul.headBtns li a {
	display: block;
	padding: 0;
	height: 26px;
	width: 104px;
	font-size: 11px;
	line-height: 26px;
	color: #444444;
	text-indent: 30px;
	border-radius: 1em;
	vertical-align: middle;
}

header nav ul.headBtns li.openBtn a {
	width: 89px;
	background-image: url(../images/topHeadBtnIcon01.svg);
	background-repeat: no-repeat;
	background-position:  3px center ;
}

header nav ul.headBtns li:nth-child(2) a {
	width: 100px;
	text-indent:0;
}

header nav ul.headBtns li a.hdContactBtn {
	text-align:center;
}


.no-svg header nav ul.headBtns li.openBtn a {
	width: 89px;
	background-image: url(../images/nosvg/topHeadBtnIcon01.png);
	background-repeat: no-repeat;
	background-position:  3px center ;
}

.no-svg header nav ul.headBtns li:nth-child(2) a {
	width: 100px;
	background-image: url(../images/nosvg/topHeadBtnIcon02.png);
	background-repeat: no-repeat;
	background-position:  3px center ;
}

header nav ul.headBtns li:nth-child(3) {
	margin: 2px 0 0 0;
}



/*------globalselecter START---------*/

.no-svg header nav ul.headBtns li ul.globalselector li:nth-child(2) a {
	background-image:none ;
}

header nav ul.headBtns li ul.globalselector {
	position: absolute;
	top:30px;
	left:-390px;
	width:710px;
	height: 0;
	z-index: 1000;
	padding: 0;
	background-color: #eeeeee;
	border-radius: 10px;
	color: #999999;
	overflow: hidden;
}

header nav ul.headBtns li ul.globalselector li.wrap {
	padding: 10px 0 40px 20px;
	border: 0px solid #333333;
	margin: 0 auto 0 auto;
}

header nav ul.headBtns li ul.globalselector div {
	clear: both;
	border-top: 1px solid #cccccc;
	padding: 20px 0 5px 0;
}

header nav ul.headBtns li ul.globalselector span.closeBtn {
	position:absolute;
	bottom:10px;
	right:5px;
	width: 30px;
	height: 30px;
	display: block;
	cursor:pointer;
	display: none;
}

header nav ul.headBtns li ul.globalselector ul,
header nav ul.headBtns li ul.globalselector ul li,
header nav ul.headBtns li ul.globalselector ul li a {
	background-color: transparent;
	background-image: none;
}

header nav ul.headBtns li ul.globalselector ul.lang {
	width: auto;
	height: auto;
	margin: 0;
}

header nav ul.headBtns li ul.globalselector ul.lang li {
	line-height: 50px;
	height:50px;
	width: auto;
	margin: 0 0 0 0;
	padding: 0;
	border-radius: 0;
}

header nav ul.headBtns li ul.globalselector ul.lang li:first-child {
	line-height: 55px;
}

header nav ul.headBtns li ul.globalselector ul.lang a {
	display: inline-block;
	width: auto;
	position: relative;
	height: 20px;
	text-indent: 18px;
	background-image: url(../images/arrow.svg);
	background-repeat: no-repeat;
	background-position:  6px center ;
	margin: 0 5px 0 10px;
	padding: 0 5px 0 0;
	border-radius: 10px;
	line-height: 20px;
}

.no-svg header nav ul.headBtns li ul.globalselector ul.lang a {
	display: inline-block;
	width: auto;
	position: relative;
	text-indent: 18px;
	background-image: url(../images/nosvg/arrow.png);
	background-repeat: no-repeat;
	background-position:  6px center ;
	margin: 0  0 0 10px;
	padding: 0 5px 0 0;
}

header nav ul.headBtns li ul.globalselector ul.globalGroup {
	position: relative;
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	float: none;
}

header nav ul.headBtns li ul.globalselector ul.globalGroup li {
	display: block;
	height: auto;
	width: auto;
	left: 0;
	border-radius: 0;
	float: left;
}

header nav ul.headBtns li ul.globalselector ul.globalGroup li a {
	display: block;
	height: 22px;
	text-indent: 0;
	line-height: 22px;
	margin: 0;
	width: auto;
	padding: 0 6px 0 6px;
}

header nav ul.headBtns li ul.globalselector ul.country {
	position: relative;
	display: block;
	margin:0 10px 0 0;
	padding: 0;
	width: auto ;
	float: left;
}

header nav ul.headBtns li ul.globalselector ul.country li {
	display: block;
	height: auto;
	width: 160px;
	left: 0;
	border-radius: 0;
	float: none;
	margin: 6px 0 0 0;
	padding: 0;
	font-size: 12px;
	color: #666666;
}

header nav ul.headBtns li ul.globalselector ul.country li.areas {
	font-size: 12px;
	color: #999999;
}

header nav ul.headBtns li ul.globalselector ul.country li a {
	display: block;
	width: auto;
	height: 22px;
	text-indent:0;
	line-height: 22px;
	margin: 0;
	padding: 0 6px 0 6px;
	background-image:none ;
}

header nav ul.headBtns li ul.globalselector ul.globalGroup li a img,
header nav ul.headBtns li ul.globalselector ul.country li a img {
	height: 13px;
	width: auto;
	vertical-align: top;
	margin: 5px 4px 0 0;
	line-height: 13px;
}


/*------globalselecter END---------*/


header nav ul.headBtns li form input[type='search'] {
	display:block;
	position: relative;
	margin: 0;
	/*padding: 0;*/
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	height: 26px;
	/*width: 104px;*/
	width: 94px;
	border: 0;
	background-color: #eeeeee;
	border-radius: 1em;
	-webkit-appearance: button;
	background-image: url(../images/topHeadBtnIcon03.svg);
	background-repeat: no-repeat;
	background-position:  3px center ;
	/*text-indent: 5px;*/
	padding: 0 10px;
}

header nav ul.headBtns li form input[type='search'].focused {
	background-image: url(../images/topHeadBtnIcon03w.svg);
}

.no-svg header nav ul.headBtns li form input[type='search'] {
	display:block;
	position: relative;
	margin: 0;
	padding: 0;
	height: 26px;
	width: 104px;
	border: 0;
	background-color: #eeeeee;
	border-radius: 1em;
	-webkit-appearance: button;
	background-image: url(../images/nosvg/topHeadBtnIcon03.png);
	background-repeat: no-repeat;
	background-position:  3px center ;
	text-indent: 5px;
}

.no-svg header nav ul.headBtns li form input[type='search'].focused {
	background-image: url(../images/nosvg/topHeadBtnIcon03w.png);
}

header nav ul.headBtns li form input[type='search'].clicked {
	background-image: none;
}

header nav ul.headBtns li form input[type='submit'] {
	display:none;
}


/*--------SNS---------*/

header nav a.snsBtns {
	position: absolute;
	top: 18px;
	right: 20px;
	display: block;
	height: 26px;
	width: auto;
	padding: 0 5px;
	overflow: hidden;
	white-space: nowrap;
	z-index: 9;
	border-radius: 1em;
	background-color: #888;
}

header nav a.snsBtns ul li {
	display: block;
	width: 22px;
	height: 26px;
	margin: 0;
	overflow: hidden;
	text-indent: -9999px;
}

header nav a.snsBtns ul li:nth-child(1) {
	background-image: url(../images/topSnsFacebook.svg);
	background-repeat: no-repeat;
	background-position: center center;
}

header nav a.snsBtns ul li:nth-child(2) {
	background-image: url(../images/topSnsYoutube.svg);
	background-repeat: no-repeat;
	background-position: center center;
}

header nav a.snsBtns ul li:nth-child(3) {
	background-image: url(../images/topSnsTwitter.svg);
	background-repeat: no-repeat;
	background-position: center center;
}

header nav a.snsBtns ul li:nth-child(4) {
	background-image: url(../images/topSnsGoogleplus.svg);
	background-repeat: no-repeat;
	background-position: center center;
}

header nav a.snsBtns ul li:nth-child(5) {
	background-image: url(../images/topSnsInstagram.svg);
	background-repeat: no-repeat;
	background-position: center center;
}

.no-svg header nav a.snsBtns ul li:nth-child(1) {
	background-image: url(../images/nosvg/topSnsFacebook.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.no-svg header nav a.snsBtns ul li:nth-child(2) {
	background-image: url(../images/nosvg/topSnsYoutube.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.no-svg header nav a.snsBtns ul li:nth-child(3) {
	background-image: url(../images/nosvg/topSnsTwitter.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.no-svg header nav a.snsBtns ul li:nth-child(4) {
	background-image: url(../images/nosvg/topSnsGoogleplus.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.no-svg header nav a.snsBtns ul li:nth-child(5) {
	background-image: url(../images/nosvg/topSnsInstagram.png);
	background-repeat: no-repeat;
	background-position: center center;
}

header nav a.snsBtns ul li:last-child {
	margin: 0;
}

/*--------SNS---------*/


/*--------siteNavi---------*/

header nav ul.siteNavi {
	display: inline-block;
	height: 24px;
	width: auto;
	float: right;
	margin: 63px 20px 0 0;
	overflow: hidden;
	white-space: nowrap;
}

header nav ul.siteNavi li {
	border-left:1px solid #cccccc;
	padding: 0 8px 0 8px;
}

header nav ul.siteNavi li a {
	height: 22px;
	line-height: 22px;
	display: block;
	padding: 0 5px 0 5px;
	font-size: 14px;
	color: #444444;
}

header nav ul.siteNavi li:last-child {
	border-right:1px solid #cccccc;
}
/*---------------------------------
		header END
-----------------------------------*/


/*---------------------------------
		#top START
-----------------------------------*/

#top article.wrapper {
	position: relative;
	display: block;
	margin: 105px 0 0 0;
	padding-bottom:400px;
	/*overflow-y: scroll;
	z-index: 10;
	*/background-image: url(../images/wrapperBg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
}

#top article.wrapper section {
	clear: both;
	margin: 0 auto 40px auto;
	max-width:1000px;
	text-align: center;
	/*background-color: #eeeeee;*/
}

#top article.wrapper section:after,#top article.wrapper section#customer:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

#top article.wrapper section:after,#top article.wrapper section#event:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}


#top article.wrapper section div {
	text-align: left;
}

#top article.wrapper section h2 {
	display: block;
	height:30px;
	line-height: 30px;
	width: auto;
	margin: 0 auto 0 auto;
	padding: 0;
	font-size: 20px;
	color: #cc0000;
	background-image: url(../images/sectionH1bg.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}

#top article.wrapper section h2 span {
	background-color: #ffffff;
	padding: 0 5px ;
}

/*--------#topMainVisual START---------*/

#top section#topMainVisual {
	margin: 0 0 60px 0;
	position: relative;
	max-width:100%;
	height: 610px;
	/*height: 445px;*/
	background-color: #eeeeee;
	overflow: hidden;
}

#top section#topMainVisual div.visualSelecter {
	position:absolute;
	bottom: 35px;
	left: 0;
	margin:0;
	width: 100%;
	height: auto;
	z-index: 10;
	border:1px #333333;
}

#top section#topMainVisual div.visualSelecter ul {
	width: 120px;
	display: block;
	margin:0 auto 0 auto;
}

#top section#topMainVisual div.visualSelecter ul li {
	margin: 0 4px 0 4px;
	display: inline-block;
}

#top section#topMainVisual div.visualSelecter ul li a {
	float: left;
	width: 12px;
	background-color: #ffffff;
	border:0px solid #ffffff;
	display: block;
	height: 14px;
	width: 14px;
	border-radius: 1em;
	text-indent: -9999px;
	box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.3);
}

#top section#topMainVisual div.visualSelecter ul li.current a {
	background-color: #cccccc;
	border:0px solid #dddddd;
}

#top section#topMainVisual span.topCopy,
#top section#topMainVisual span.topCopy01,
#top section#topMainVisual span.topCopy02,
#top section#topMainVisual span.topCopy03,
#top section#topMainVisual span.topCopy04,
#top section#topMainVisual span.topCopy05 {
	display:block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 980px;
	height: auto;
	z-index:6;
	text-align: left;
	opacity:0;
}

#top section#topMainVisual span.topCopy img,
#top section#topMainVisual span.topCopy01 img,
#top section#topMainVisual span.topCopy02 img,
#top section#topMainVisual span.topCopy03 img,
#top section#topMainVisual span.topCopy04 img,
#top section#topMainVisual span.topCopy05 img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	cursor: pointer;
	width: 400px;
	height: auto;
	margin: auto auto auto 0;
}

#top section#topMainVisual img.main01,
#top section#topMainVisual img.main02,
#top section#topMainVisual img.main03,
#top section#topMainVisual img.main04,
#top section#topMainVisual img.main05 {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	height: auto;
	cursor: pointer;
	z-index: 5;
	opacity: 0;
}

.no-svg #top section#topMainVisual img.main01 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: auto;
	cursor: pointer;
	z-index: 5;
	opacity: 0;
}

.no-svg #top section#topMainVisual img.main02 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: auto;
	cursor: pointer;
	z-index: 4;
	opacity: 0;
}

.no-svg #top section#topMainVisual img.main03 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: auto;
	cursor: pointer;
	z-index: 3;
	opacity: 0;
}

.no-svg #top section#topMainVisual img.main04 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: auto;
	cursor: pointer;
	z-index: 2;
	opacity: 0;
}

.no-svg #top section#topMainVisual img.main05 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: auto;
	cursor: pointer;
	z-index: 1;
	opacity: 0;
}

/*--------END #topMainVisual---------*/


/*--------#notification START--tk add 0812-------*/
#top article.wrapper section#contents div#notification {
  width: 980px;
  padding: 2% !important;
  border: 1px solid #ccc;
  height: auto !important;
  -webkit-text-size-adjust: 100%;
  font-size: 14px;
  box-sizing: border-box;
}

#top article.wrapper section#contents div#notification div.notifList {
  position: relative;
  width: 96% !important;
  height: auto !important;
  margin: 0;
  margin-bottom: 20px;
  display: table;
  overflow: visible !important;
}

#top article.wrapper section#contents div#notification div.notifList:last-child {
	margin-bottom: 0;
}

#top article.wrapper section#contents div#notification div.notifList .notifBody {
  width: 80% !important;
  height: auto !important;
  margin: 0;
  display: table-cell;
  border-right: 4px solid #ccc;
  border-radius: 0;
  overflow: visible !important;
}

#top article.wrapper section#contents div#notification div.notifList .seeDetail {
  width: 15% !important;
  height: auto !important;
  margin: 0;
  display: table-cell;
  padding-left: 20px;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  right: 0px;
}

#top article.wrapper section#contents div#notification div.notifList .seeDetail img {
  top: 2px;
  position: relative;
  left: 12px;
}

#top article.wrapper section#contents div#notification div.notifList .notifTtl {
  display: block;
  font-weight: 700;
  color: #6E6E50;
}

#top article.wrapper section#contents div#notification div.notifList .notifLink {
  padding-left: 16px;
}

#top article.wrapper section#contents div#notification div.notifList .notifOther {
  padding-left: 16px;
  display: block;
}

#notification .pdf:after {
  content: url(../images/icon_pdf.gif);
  position:relative;
  top: 2px;
}

/*--------END notification---------*/


/*--------section START---------*/

#top article.wrapper section#contents,
#top article.wrapper section#feature {
	display: block;
	background-image: none;
	position: relative;
	z-index: 10;
	width: auto;
	max-width:1000px;
}

#top article.wrapper section#contents div#news {
	box-shadow: 0px 0px 0px 1px rgba(51,51,51,0.1) inset;
	background-image: none;
	width: 480px;
}

#top article.wrapper section#contents div#news h2 {
	display: block;
	background-color: #ff0000;
	background-image: none;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	text-indent: 10px;
	border-radius: 14px 14px 0 0;
}

#top article.wrapper section#contents div#news ul {
	margin: 8px 10px 0px 10px ;
	height: 117px;
	overflow: auto;
}

/* Let's get this party started */
#top article.wrapper section#contents div#news ul::-webkit-scrollbar {
	width: 8px;
}

/* Track */
#top article.wrapper section#contents div#news ul::-webkit-scrollbar-track {
	background: #eeeeee;
	-webkit-border-radius: 0;
	border-radius: 0;
}

/* Handle */
#top article.wrapper section#contents div#news ul::-webkit-scrollbar-thumb {
	-webkit-border-radius: 0;
	border-radius: 0;
	background: #555555;
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);*/
}

#top article.wrapper section#contents div#news ul::-webkit-scrollbar-thumb:window-inactive {
	background:#555555;
}

#top article.wrapper section#contents div#news ul li {
	display: block;
	font-size: 13px;
	line-height: 16px;
	padding: 4px 0 3px 0;
	margin: 0 6px 0 6px;
	overflow: hidden;
	border-bottom: 1px solid #eeeeee;
}

#top article.wrapper section#contents div#news ul li a {
	/*display: block;*/
  display: table; /* tk chg 0811 */
	color: #8c9bd2;
}

#top article.wrapper section#contents div#news ul li .pdf:after {

    content: url( "../images/icon_pdf.gif");
    position: relative;
    top: 2px;

}

#top article.wrapper section#contents div#news ul li a small {
	color: #777777;
	/*display:inline-block;*/
  display: table-cell; /* tk chg 0811 */
	font-size: 13px;
	height: 100%;
	float: left;
	padding: 0 5px 0 0;
	line-height: 16px;
	width: 105px; /* tk chg 0811 95-105 */
}

/* tk add 0811 */
#top article.wrapper section#contents div#news ul > li > a > span {
  display: table-cell;
  vertical-align: top;
  word-break:break-word;
}

#top article.wrapper section#contents div#news ul li a small.companyInfo:after {
	content: ' ';
	display: block;
	width:14px;
	height: 14px;
	color: #ffffff;
	font-size:10px;
	font-weight: 700;
	line-height: 14px;
	border-radius: 1em;
	text-align: center;
	background-color: #e673aa;
	float: right;
	margin: 0 0 0 3px;
}

#top article.wrapper section#contents div#news ul li a small.update:after {
	content: ' ';
	display: block;
	width:14px;
	height: 14px;
	color: #ffffff;
	font-size: 10px;
	font-weight: 700;
	line-height: 14px;
	border-radius: 1em;
	text-align: center;
	background-color: #cde641;
	float: right;
	margin: 0 0 0 3px;
}

#top article.wrapper section#contents div#news ul li a small.updateInfo:after {
	content: ' ';
	display: block;
	width:14px;
	height: 14px;
	color: #ffffff;
	font-size: 10px;
	font-weight: 700;
	line-height: 14px;
	border-radius: 1em;
	text-align: center;
	background-color: #ffe62d;
	float: right;
	margin: 0 0 0 3px;
}

#top article.wrapper section#contents div#news ul li a small.productInfo:after {
	content: ' ';
	display: block;
	width:14px;
	height: 14px;
	color: #ffffff;
	font-size: 10px;
	font-weight: 700;
	line-height: 14px;
	border-radius: 1em;
	text-align: center;
	background-color: #8c9bd2;
	float: right;
	margin: 0 0 0 3px;
}

#top article.wrapper section#contents div#news ul li a small.ir:after {
	content: ' ';
	display: block;
	width:14px;
	height: 14px;
	color: #ffffff;
	font-size: 10px;
	font-weight: 700;
	line-height: 14px;
	border-radius: 1em;
	text-align: center;
	background-color: #8cc8eb;
	float: right;
	margin: 0 0 0 3px;
}

#top article.wrapper section#contents div#news ul li a small.support:after {
	content: ' ';
	display: block;
	width:14px;
	height: 14px;
	color: #ffffff;
	font-size: 10px;
	font-weight: 700;
	line-height: 14px;
	border-radius: 1em;
	text-align: center;
	background-color: #78d2c3;
	float: right;
	margin: 0 0 0 3px;
}

#top article.wrapper section#contents div#news ul.table {
  width:96%; /* tk add 0811 */
  overflow: hidden; /* tk add 0811 */
}

/* tk add 0811 */
#top article.wrapper section#contents div#news ul.table li {
  width:96%;
}

/* tk add 0811 */
#top article.wrapper section#contents div#news ul.table li a {
  display: block;
}

#top article.wrapper section#contents div#news ul.table li a small {
	font-size: 11px;
	width: auto
}

#top article.wrapper section#contents div#news ul.table li a small:after {
	float: left;
	margin: 0 5px 0 0;
}

#top article.wrapper section#contents div#news ul li a.seeMore {
	float: right;
	font-weight: 700;
	font-size: 12px;
	line-height: 14px;
	color: #555555;
}

#top article.wrapper section#contents div {
	position: relative;
	width: 230px;
	height: 190px;
	float: left;
	margin: 20px 10px 0 10px;
	background-color: #fefefe;
	border-radius: 14px;
	overflow: hidden;
}

#top article.wrapper section#contents div h2 a {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: block;
	width: 230px;
	height: 190px;
	font-size: 16px;
	color: #444444 !important;
	padding: 10px;
	box-sizing:border-box;
	line-height:130%;
}

#top article.wrapper section#contents div.content01 span.conBg {
	border-radius: 14px;
	position: absolute;
	top: 0;
	left: 0;
	width:230px;
	height: 190px;
	z-index: 2;
	background-image: url(../images/topContentArch01.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 230px auto;
}

#top article.wrapper section#contents div.content02 span.conBg {
	border-radius: 14px;
	position: absolute;
	top: 0;
	left: 0;
	width:230px;
	height: 190px;
	z-index: 2;
	background-image: url(../images/topContentArch02.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 230px auto;
}

#top article.wrapper section#contents div.content03 span.conBg {
	border-radius: 14px;
	position: absolute;
	top: 0;
	left: 0;
	width:230px;
	height: 190px;
	z-index: 2;
	background-image: url(../images/topContentArch03.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 230px auto;
}

#top article.wrapper section#contents div.content04 span.conBg {
	border-radius: 14px;
	position: absolute;
	top: 0;
	left: 0;
	width:230px;
	height: 190px;
	z-index: 2;
	background-image: url(../images/topContentArch04.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 230px auto;
}

#top article.wrapper section#contents div.content05 span.conBg {
	border-radius: 14px;
	position: absolute;
	top: 0;
	left: 0;
	width:230px;
	height: 190px;
	z-index: 2;
	background-image: url(../images/topContentArch05.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 230px auto;
}

#top article.wrapper section#contents div.content06 span.conBg {
	border-radius: 14px;
	position: absolute;
	top: 0;
	left: 0;
	width:230px;
	height: 190px;
	z-index: 2;
	background-image: url(../images/topContentArch06.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 230px auto;
}

#top article.wrapper section#contents div.content01 img,
#top article.wrapper section#contents div.content02 img,
#top article.wrapper section#contents div.content03 img,
#top article.wrapper section#contents div.content04 img,
#top article.wrapper section#contents div.content05 img,
#top article.wrapper section#contents div.content06 img {
	border-radius: 14px;
	position: absolute;
	top: 0;
	left: 0;
	width:230px;
	height: 190px;
	z-index: 1;
}

/*---------#feature--------*/

#top article.wrapper section#feature div {
	position: relative;
	width: 480px;
	height: 190px;
	float: left;
	margin: 20px 10px 0 10px;
	background-color: #fefefe;
	border-radius: 14px;
	overflow: hidden;
}

#top article.wrapper section#feature div.double {
	width: 980px;
}

#top article.wrapper section#feature div img {
	border-radius: 14px;
	position: absolute;
	left: 0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height: auto;
	margin:auto;
	z-index: 1;
}

#top article.wrapper section#feature div a {
	border-radius:14px;
	position: absolute;
	left: 0;
	top:0;
	display: block;
	width: 100%;
	height:100%;
	z-index: 3;
	border: 0px solid #333333;
	background-image:url(../images/spacer.gif);
}

#top article.wrapper section#feature div a.movie {
	background-image:url(../images/playBtn.svg);
	background-position: center center;
	background-repeat: no-repeat;
}

.no-svg #top article.wrapper section#feature div a.movie {
	background-image:url(../images/nosvg/playBtn.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#top article.wrapper section#feature div a span {
	display:block;
	width:100%;
	position:absolute;
	right:0;
	bottom:0;
	background-color: rgba(255,255,255,0.6);
	font-size: 14px;
	line-height:16px;
	padding:6px;
	color: #444444;
	text-align: right;
	text-indent: 20px;
}

.no-rgba #top article.wrapper section#feature div a span {
	background-image: url(../images/no-rgbaBg.png);
}

#top article.wrapper section#feature div h2:after {
	content: '	';
	width: 15px;
	height:20px;
	float: right;
}


/*-----------#customer-----------*/

#top article.wrapper section#customer {
	display: block;
	background-image: none;
	position: relative;
	width: auto;
	max-width:1000px;
}

#top article.wrapper section#customer h1 {
	margin-bottom: 10px;
}

#top article.wrapper section#customer div {
	position: relative;
	width: 480px;
	height: 190px;
	float: left;
	margin: 10px 10px 0;
	background-color: #fefefe;
	border-radius: 14px;
	overflow: hidden;
}

#top article.wrapper section#customer div a:hover {
	text-decoration: none;
}

#top article.wrapper section#customer div img {
	width: 100%;
	height: auto;
	position: absolute;
}

#top article.wrapper section#customer div a {
	border-radius:14px;
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-image:url(../images/spacer.gif);
}

#top article.wrapper section#customer div a h2 {
	display: block;
	width: 100%;
	padding: 10px 0px;
	position: absolute;
	left: 0px;
	bottom: 0px;
    background: #F00 url(../images/navArrowR.svg) no-repeat 10px center;
	color: #FFF;
	text-align: center;
    font-size: 16px;
}

/*-----------#customer notification--tk add 0812---------*/
#top article.wrapper section#customer #CustomerNotification {
  width: 960px;
  height:auto !important;
  padding: 10px;
  margin: 10px 10px;
  font-size: 14px;
}

#top article.wrapper section#customer #CustomerNotification span {
  display: inline-block;
}

#top article.wrapper section#customer #CustomerNotification a {
  border-radius: 14px;
  position: relative;
}

#top article.wrapper section#customer #CustomerNotification span.notifTtl {
  font-weight: 700;
  color: #6E6E50;
  display: block;
}

#top article.wrapper section#customer #CustomerNotification span.notifLink {
  padding-left: 16px;
}

#top article.wrapper section#customer #CustomerNotification span.notifOther {
  display: block;
  padding: 0 10px;
}

#CustomerNotification .pdf:after {
    content: url(../images/icon_pdf.gif);
    position: relative;
    top: 2px;
}
/*-----------#customer notification--tk add 0824---------*/
#top article.wrapper section#customer #CustomerNotification {
  padding: 0;
}

#CustomerNotification .notifTtl{
  padding: 0 10px;
}

#top article.wrapper section#customer #CustomerNotification span.notifLink{
  padding: 0 10px;
  display:block;
}

#CustomerNotification  h3{
  display: block;
  width: 100%;
  padding-bottom: 9px;
  padding-top: 4px;
  left: 0px;
  background: #F00;
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#CustomerNotification  h3:before {
  content: url(../images/topNotice.png);
  position: relative;
  top: 8px;
  padding-right: 5px;
}

#top article.wrapper section#customer #CustomerNotification img {
  width: initial;
}

#top article.wrapper section#customer #CustomerNotification h3:hover {
  opacity: 0.5;
  background: #FFF;
  color: #F00;
}

/*-----------#event-----------*/

#top article.wrapper section#event {
	display: block;
	background-image: none;
	position: relative;
	width: auto;
	max-width:1000px;
}

#top article.wrapper section#event h1 {
	margin-bottom: 10px;
}

#top article.wrapper section#event div {
	position: relative;
	width: 480px;
	height: 190px;
	float: left;
	margin: 10px 10px 0;
	background-color: #fefefe;
	border-radius: 14px;
	overflow: hidden;
}

#top article.wrapper section#event div a:hover {
	text-decoration: none;
}

#top article.wrapper section#event div img {
	width: 100%;
	height: auto;
	position: absolute;
}

#top article.wrapper section#event div a {
	border-radius:14px;
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-image:url(../images/spacer.gif);
}

#top article.wrapper section#event div a h2 {
	display: block;
	width: 100%;
	padding: 10px 0px;
	position: absolute;
	left: 0px;
	bottom: 0px;
    background: #F00 url(../images/navArrowR.svg) no-repeat 10px center;
	color: #FFF;
	text-align: center;
    font-size: 16px;
}

#top article.wrapper section#otherContents {
	max-width: 980px;
}



/*----------------------------------------------
				#top END
------------------------------------------------*/


/*----------------------------------------------
			.column01 START
------------------------------------------------*/

.column01 {}

#pages.column01 article.wrapper {
	overflow: hidden;
}

/* tk add 0904 */
#pages.column01.pigeonway article.wrapper {
  -webkit-transform: translate3d(0,0,0);
}

#pages #debugP {
	position: fixed;
	z-index: 2000;
	left:0;
	top:0;
	width: 200px;
	height: 20px;
	background-color: #333333;
	color: #ffffff;
	display: none;
}

#pages div.upper h1,
#pages div.upper p {
	display: block;
	position: fixed;
	top: 105px;
	left: 0;
	width: 100%;
	/*height: 600px;*/
	height: 380px;
	z-index: 10;
	font-size: 30px;
	line-height: 110px;
	text-indent: 20px;
	color: #6e6e50;
	font-weight: 100;
	padding: 0 0 0 0;
	background-image: url(../images/pageH1bg.png);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
}

#pages div.upper h1.noPic,
#pages div.upper p.noPic {
	background-size: auto 400px;
	background-image: url(../images/pageH1noPicBg.png);
  line-height: 1.6; /* tk add 0804 */
  text-indent: initial; /* tk add 0804 */
  font-weight: 400; /* tk add 0804 */
  margin-left: 20px; /* tk add 0804 */
  width: 560px; /* tk add 0804 */
  font-size: 24px;
}

#pages div.upper p.noPic.noPicttlFix {
  font-size: 30px;
  font-family: Arial, sans-serif;
}

#pages div.upper section#pageMainVisual01 {
	position: fixed;
	top:105px;
	left:0;
	margin: 0;
	display: block;
	width: 100% !important;
	/*height: 600px;*/
	/*height: 485px;*/
	height: 380px;
	overflow: hidden;
	z-index: 0;
}

#pages div.upper section#pageMainVisual01.noPic {
	height: 95px;
}

#pages div.upper section#pageMainVisual01 .up,
#pages div.upper section#pageMainVisual01 .dn {
	display: block;
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	/*height: 600px;*/
	height: 380px;
	background-color: #eeeeee;
	overflow: hidden;
	z-index: 3;
}

#pages div.upper section#pageMainVisual01 .dn {
	z-index: 2;
}

#pages div.upper section#pageMainVisual01 .up img,
#pages div.upper section#pageMainVisual01 .dn img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
  width: 100%; /* tk add 0724 */
}

.column01 article.wrapper {
	position: absolute;
	/*top: 715px;*/
	top: 485px;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 10;
	overflow: hidden;
	border: 0px solid #333333
}

/*-----start  tk add 0904 pigeonway  --------*/
#pages.pigeonway div.upper section#pageMainVisual01 {
	position: fixed;
	top:105px;
	left:0;
	margin: 0;
	display: block;
	width: 100% !important;
	height: 280px;
	overflow: hidden;
	z-index: 0;
}

#pages.pigeonway div.upper section#pageMainVisual01 .up,
#pages.pigeonway div.upper section#pageMainVisual01 .dn {
	display: block;
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	height: 280px;
	background-color: #eeeeee;
	overflow: hidden;
	z-index: 3;
}

#pages.pigeonway div.upper h1, #pages.pigeonway div.upper p {
    display: block;
    position: fixed;
    top: 105px;
    left: 0;
    width: 580px;
    /* height: 600px; */
    height: 280px;
    z-index: 3;
    font-size: 30px;
    line-height: 110px;
    text-indent: 20px;
    color: #6e6e50;
    font-weight: 100;
    padding: 0 0 0 0;
    background-image: url(../images/pageH1bg.png);
    background-position: left top;
    background-repeat: no-repeat;
    overflow: hidden;
}

.column01.pigeonway article.wrapper {
	position: absolute;
	top: 385px;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 10;
	overflow: hidden;
	border: 0px solid #333333
}

#pages.pigeonway div.upper section#pageMainVisual01 .dn {
	z-index: 2;
}

#pages.pigeonway div.upper section#pageMainVisual01 .up img,
#pages.pigeonway div.upper section#pageMainVisual01 .dn img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
  width: 100%; /* tk add 0724 */
}

/*----end tk add 0904 pigeonway -------------*/


/*--------sideNavi Start---------*/

.column01 nav#sideNavi {
	position: fixed;
	/*top: 160px;
	left: -160px;
	*/
	top: 240px;
	/*width: 170px;*/
	padding: 0 0 0 0;
	background-color: rgba(245,245,245,0.8);
	border-radius: 0px 14px 14px 0px;
	font-size: 15px;
	line-height: 15px;
	z-index: 20;
	overflow: hidden;
	white-space: nowrap;
}

.no-svg .column01 nav#sideNavi {
	background-image: url(../images/no-rgbaBg.png);
}

#pages nav#sideNavi ul {
	margin:0 10px 20px 0px;
	height: auto;
  width: 205px; /* tk add 0805 */
}

.column01 nav#sideNavi span.menuIcon {
	display: block;
	padding: 10px  0 0 10px;
	cursor: pointer;
}

.column01 nav#sideNavi span img.closed {
	display: none;
}

.column01 nav#sideNavi span img.opend {
	display: inline;
	opacity:0;
}

#pages nav#sideNavi ul li a {
	display: block;
	height: auto;
	line-height: 16px;
	/*padding:10px 0 10px 14px;*/
  padding:10px 6px 10px 14px; /* tk chg 0724 */
	color: #777777;
  width: 80%; /* tk add 0805 */
}

#pages nav#sideNavi ul li.current a {
	/*padding:10px 0 10px 14px;*/
  padding:10px 6px 10px 14px; /* tk chg 0724 */
	color: #444444;
	font-weight: 700;
}

#pages nav#sideNavi ul li.current:before {
	content: '';
	float: left;
	line-height: 16px;
	display: block;
	width:6px;
	height: 6px;
	color: #ff0000;
	border-radius: 3px;
	background-color: #ff0000;
	margin: 15px 4px 8px 4px;
}


/*--------sideNavi End---------*/

.column01 article:after,#top article.wrapper section#customer:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.column01 section.content {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	min-height: 600px;
}

.column01 section .inner {
	display: block;
	max-width: 820px;
	margin: 0 auto 0 auto;
	padding: 50px 0 50px 0;
	text-align: left;
	color:#777;
	font-size:16px;
	line-height: 1.4;
}

.column01 section .inner.center {
	text-align: center;
}

.column01 section .inner:after  {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}


/*------MISC-----****/

.column01 section.content .inner ul.gridMenu {
	margin: -50px 0 0 0;
	padding: 0;
}

.column01 section.content .inner ul.gridMenu li {
	margin: 0 6px 12px 6px;
	float: left;
	overflow: hidden;
	background-color: #ffffff;
	border-radius: 14px;
	box-shadow: inset 0px 0px 2px rgba(0,0,0,0.3);
	text-align: center;
}

.column01 section.content .inner ul.gridMenu li a {
	position: relative;
	display: block;
	width: 260px;
	height: 100px;
	color: #e673aa;
	font-size: 18px;
	line-height: 26px;
}

.column01 section.content .inner ul.gridMenu li a span {
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0 5px 0 5px;
}

.no-csstransforms .column01 section.content .inner ul.gridMenu li a span {
	display: inline;
	position: relative;
	top: 24px;
}

.column01 section.content .inner ul.listTable {
	margin: 0 auto 0 auto;
}

.column01 section.content .inner ul.listTable li {
	position: relative;
	display: block;
	text-align: left;
	line-height: 20px;
	padding: 8px 0 8px 0;
	border-bottom: 1px solid #dddddd;
}

.column01 section.content .inner ul.listTable.style_b li {
	border-bottom: 1px solid #ffffff;
}

.column01 section.content .inner ul.listTable li small,
.column01 section.content .inner ul.listTable.style_b small {
	position: absolute;
	left: 0;
	top: 8px;
	display: block;
	width: 200px;
	padding: 0 0 0 0;
	height: auto;
	color: #6e6e50;
	vertical-align: top;
	font-size: 13px;
	line-height: 18px;
}

.column01 section.content .inner ul.listTable li small.noAbs {
	position: relative;
	width: auto;
	top: 0;
	padding: 0 0 10px 0;
}

.column01 section.content .inner ul.listTable li span {
	display: inline-block;
	width: auto;
	padding: 0 0 0 260px;
	font-size:20px;
	line-height: 32px;
	color: #777777;
}

.column01 section.content .inner ul.listTable.style_b span {
	color: #ffffff;
}

.column01 section.content .inner ul.listTable li a {
	color: #8c9bd2;
}

.column01 section.content .inner ul.listTable li ul li {
	border-bottom: 0px solid #dddddd !important;
	padding: 0;
	line-height: 32px;
}
/*------MISC END****/

.column01 section.content.bg_a {
	background-color: transparent;
}

.column01 section.content.bg_b {
	background-color: #e673aa;
	background-image: url(../images/column01ContentBg_b.png);
	background-position: center top;
	background-size: 100% 100%;
	background-repeat: repeat;
}

.column01 section.content.bg_b .roundedBox {
	padding: 30px 40px;
	background-color: rgba(255,255,255, 0.6);
}

.column01 section.content.bg_c {
	background-color: #ffffff;
}

.column01 section.content.bg_d {
	background-color: rgba(0,0,0, 0.25);
}

.column01 section.content.bg_d .inner {
	color: #fff;
}

.column01 section.content.bg_e {
	background-color: #8c9bd2;
	background-image: url(../images/column01ContentBg_e.png);
	background-position: center top;
	background-size: 100% 100%;
	background-repeat: repeat;
}

.column01 section .inner h1.titles {
	display: block;
	font-size: 30px;
	font-weight: 400;
	color: #6e6e50;
	padding: 0 0 20px;
	text-align: center;
	background-image:url(../images/column01ContentTitleBg.png);
	background-position:  center 60px;
	background-repeat: no-repeat;
	background-size: 400px 1px ;
}

.column01 section .inner h1.titles.white {
	color: #ffffff;
}


/*---------column02-----------*/

body.column02 {
}

.column02 article.wrapper {
	position: relative;
	top: 0;
	left: 0;
	max-width: 980px;
	z-index: 100;
	/*margin: 0 auto 0 auto;*/
  margin: 380px auto 0 auto; /* tk chg 0724 */
	border-radius: 14px 14px 0px 0px ;
	background-color: #ffffff;
}

.column02 article.wrapper section.content {
	padding: 50px 40px 160px 220px;
}
.column02 article.wrapper section.content.noSideNavi {
    margin-top: 165px;
}
.column02 article.wrapper section.content.noSideNavi {
	padding: 20px 40px 160px 40px;
}

.column02 article.wrapper section.content h1 {
	display: block;
	font-size:24px;
	line-height: 32px;
	color: #6e6e50;
	margin-bottom: 40px;
}

/*----------------------tk chg 0728-----------------------------------*/
/*.column02 article.wrapper section.content h1:after  {
	content:"";
	margin: 20px 0 0 0;
	display:block;
	height:1px;
	width:100%;
	background:-webkit-gradient(linear, left top, right bottom, from(#999999), to(#eeeeee));
	background:-moz-linear-gradient(left, #999999, #eeeeee);
	background:linear-gradient(to left, #999999, #eeeeee);
}
*/

.column02 article.wrapper section.content h1:after  {
	content:"";
	margin: 20px 0 0 0;
	display:block;
	height:1px;
	width:100%;
  background-image: -moz-linear-gradient(-45deg, #999999, #eeeeee);
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.00, #999999), color-stop(1.0, #eeeeee));
	background:linear-gradient(to right, #999999, #eeeeee);
  background-color: #DDDDDD;
}

/*----------------------------------------------------------------------*/

.column02 article.wrapper section.content h1.sytle02 {
	display: block;
	font-size:22px;
	line-height: 48px;
	color: #777777;
	border-radius:14px  0px  0px 14px;
	text-indent: 15px;
	background:-webkit-gradient(linear, left top, right bottom, from(rgba(230,115,170,0.3)), to(#ffffff));
	background:-moz-linear-gradient(left, #e673aa, #ffffff);
	background:linear-gradient(left, #e673aa, #ffffff);
}

.column02 article.wrapper section.content h1.sytle02:after  {
	content:"";
	margin: 20px 0 0 0;
	display:none;
	height:1px;
	width:100%;
	background:-webkit-gradient(linear, left top, right bottom, from(#999999), to(#eeeeee));
	background:-moz-linear-gradient(left, #999999, #eeeeee);
	background:linear-gradient(left, #999999, #eeeeee);
}

.column01 article.wrapper section.content h2,
.column02 article.wrapper section.content h2 {
	color: #666;
	font-size: 20px;
	margin: 40px 0 30px;
	padding-left: 12px;
	border-left: 2px solid #c0c0c0;
	line-height: 1.2;
}

.column01 article.wrapper section.content .row h2,
.column02 article.wrapper section.content .row h2 {
	margin-top: 0;
}

.column01 article.wrapper section.content h3,
.column02 article.wrapper section.content h3 {
	color: #666;
	font-size: 18px;
	margin: 60px 0 30px;
	padding-left: 20px;
	line-height: 1.2;
	background: url(../images/icon_h3.png) no-repeat 0 0.2em;
}

.column01 article.wrapper section.content h3 {
	margin: 60px 0 20px;
}

.column01 article.wrapper section.content h2 + h3,
.column02 article.wrapper section.content h2 + h3 {
	margin-top: 0;
}

.column01 article.wrapper section.content h4,
.column02 article.wrapper section.content h4 {
	color: #666;
	font-size: 16px;
	font-weight: 700;
	font-weight: strong;
	line-height: 1.2;
	margin: 40px 0 20px;
}

.column01 article.wrapper section.content h3 + h4,
.column02 article.wrapper section.content h3 + h4 {
	margin-top: 30px;
}

.column01 article.wrapper section.content h5,
.column02 article.wrapper section.content h5 {
	color: #666;
	font-size: 14px;
	font-weight: 700;
	font-weight: strong;
	line-height: 1.2;
	margin: 0 0 20px;
}

.column01 article.wrapper section.content .row,
.column02 article.wrapper section.content .row {
	margin: 40px 0 0;
}

.column02 article.wrapper section.content .row .borderBdot {
	border-bottom: 1px dotted #bababa;
	padding-bottom: 20px;
}

.column01 article.wrapper section.content .row ul,
.column01 article.wrapper section.content .row ol,
.column02 article.wrapper section.content .row ul,
.column02 article.wrapper section.content .row ol {
	margin: 0 0 40px;
}

.column01 article.wrapper section.content .row ul li,
.column02 article.wrapper section.content .row ul li {
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 0 20px;
	line-height: 1.6; /* tk chg 0724 1.4-1.6 */
}

.column01 article.wrapper section.content .row ul li:before,
.column02 article.wrapper section.content .row ul li:before {
    content: "";
    width: 6px;
    height: 6px;
	position: absolute;
	top: 0.6em;
	left: 0;
    color: #C0C0C0;
    border-radius: 3px;
    background-color: #C0C0C0;
}

.column01 article.wrapper section.content .row ol,
.column02 article.wrapper section.content .row ol {
	margin-left: 0;/*tk chg150723 22→0*/
  padding-left: 29px;/*tk add150723*/
}

.column01 article.wrapper section.content .row ol li,
.column02 article.wrapper section.content .row ol li {
	list-style-type: decimal;
	margin: 0 0 10px;
	/*padding: 0 0 0 5px;*/
	padding: 0 0 0 0px;
}

.column01 article.wrapper section.content .row ul li ul,
.column01 article.wrapper section.content .row ul li ol,
.column01 article.wrapper section.content .row ol li ul,
.column01 article.wrapper section.content .row ol li ol,
.column02 article.wrapper section.content .row ul li ul,
.column02 article.wrapper section.content .row ul li ol,
.column02 article.wrapper section.content .row ol li ul,
.column02 article.wrapper section.content .row ol li ol {
	margin: 10px 0 15px;
}

.column01 article.wrapper section.content .row ul li ul li,
.column01 article.wrapper section.content .row ul li ol li,
.column01 article.wrapper section.content .row ol li ol li,
.column02 article.wrapper section.content .row ul li ul li,
.column02 article.wrapper section.content .row ul li ol li,
.column02 article.wrapper section.content .row ol li ol li {
	margin: 0 0 5px;
	line-height: 1.2;
}

.column01 article.wrapper section.content .row ul li ol,
.column01 article.wrapper section.content .row ol li ol,
.column02 article.wrapper section.content .row ul li ol,
.column02 article.wrapper section.content .row ol li ol {
	margin-left: 20px;
}

.column01 article.wrapper section.content .row ul li ul li:before,
.column01 article.wrapper section.content .row ol li ul li:before,
.column02 article.wrapper section.content .row ul li ul li:before,
.column02 article.wrapper section.content .row ol li ul li:before {
    content: "";
    width: 8px;
    height: 3px;
	border-radius: 0px;
}

.column01 article.wrapper section.content .row ol li ul li,
.column02 article.wrapper section.content .row ol li ul li {
	list-style-type: none;
	padding: 0 0 0 20px;
}

.column02 article.wrapper section.content .row ul li ol li:before,
.column02 article.wrapper section.content .row ol li ol li:before,
.column02 article.wrapper section.content .row ul.linkList_01 li:before,
.column02 article.wrapper section.content .row ul.btnLink_01 li:before {
	display: none;
}

.column02 article.wrapper section.content .row ul.linkList_01 li {
	padding: 0 0 0 0;
}

.column02 article.wrapper section.content .row ul.linkList_01 li a {
	display: block;
	background: url(../images/navArrowR_blu.png) no-repeat 0 0.3em;
	padding: 0 0 0 20px;
}

#top ul.btnLink_01,
.column02 article.wrapper section.content .row ul.btnLink_01 {
	clear: both;
	overflow: hidden;
	margin: 0 0 20px;
}

#top ul.btnLink_01 li,
.column02 article.wrapper section.content .row ul.btnLink_01 li {
	display: table;
	box-sizing: border-box;
	width: 22%;
	height: 70px;
	margin-right: 4%;
	padding: 0;
    border-radius: 10px;
	border: 2px solid #ededed;
	float: left;
	overflow: hidden;
}
#top ul.btnLink_01 li:last-child,
.column02 article.wrapper section.content .row ul.btnLink_01 li:last-child {
	margin-right: 0;
}

#top ul.btnLink_01 li a,
.column02 article.wrapper section.content .row ul.btnLink_01 li a {
	display: table-cell;
	vertical-align: middle;
	padding: 0 20px 0 30px;
	font-size: 14px;
	line-height: 1.2;
	color: #444;
	background: #fff url(../images/navArrowR_red.png) no-repeat 10px center;
	text-align: center;
}

#top ul.btnLink_01 li a:hover,
.column02 article.wrapper section.content .row ul.btnLink_01 li a:hover {
	-webkit-transition-property:background-color;
	-webkit-transition-duration:0.4s;
	-webkit-transition-timing-function: ease-out;
	transition-property:background-color,border-radius,color;
	transition-duration:0.4s;
	transition-timing-function: ease-out;
	background: #ededed url(../images/navArrowR_red.png) no-repeat 10px center;
	text-decoration: none;
}


.column02 article.wrapper section.content .newwin,
.column02 article.wrapper section.content .pdf {
	vertical-align: middle;
	margin: 0 0 2px 5px;
}
.column02 article.wrapper section.content .row p img.newwin,
.column02 article.wrapper section.content .row p img.pdf,
.column02 article.wrapper section.content img.newwin,
.column02 article.wrapper section.content img.pdf {/*tk add 150821*/
  width: 15px;
}
.column01 article.wrapper section.content p,
.column02 article.wrapper section.content p {
	margin: 0 0 20px;
	/*font-size: 20px;*/
	/*line-height: 38px;*/
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
}

.column01 article.wrapper section.content p.lead {
	font-size: 18px;
	text-align: center;
}

.column01 article.wrapper section.content p.keyWords {
	color: #e63a8c;
	font-size: 26px;
	font-weight: bold;
	font-weight: 700;
	margin: 10px 0 40px;
}

.column01 article.wrapper section.content p.keyWords_02 {
	font-size: 20px;
	font-weight: bold;
	font-weight: 700;
	margin: 0 0 20px;
}

.column02 article.wrapper section.content em {
	display: block;
	font-weight: 400;
}


/*-----------------*/

.column02 article.wrapper section.content.noSideNavi ul li {
	font-size: 18px;
	line-height: 34px;
	font-weight: 200;
	margin: 40px 0 0 0;
}

.column02 article.wrapper section.content.noSideNavi ul li ul {
	margin: 10px 0 0 0;
}

.column02 article.wrapper section.content.noSideNavi ul li ul li {
	margin: 10px 0 0 0;
}

.column02 article.wrapper section.content.noSideNavi ul li ul {
	list-style: none;
	display: table;
}

.column02 article.wrapper section.content.noSideNavi ul li ul li:after  {
	content: "";
	display: block;
}

.column02 article.wrapper section.content.noSideNavi ul li ul li {
	display: table-row;
}

.column02 article.wrapper section.content.noSideNavi ul li ul li:before {
	content: "•";
	display: table-cell;
	padding-right: 0.4em;
	font-size: 14px;
}

/*-----------------*/

.column02 article.wrapper section.content  ul li em {
	display:block;
	font-size: 20px;
	font-style: normal;
}

.column02 article.wrapper section.content p span.right {
	float: right;
	padding: 0 0 20px 20px;
}

.column02 article.wrapper section.content p span.left {
	float: left;
	padding: 0 20px 20px 0;
}

.column02 article.wrapper section.content p span.right small,
.column02 article.wrapper section.content p span.left small {
	display: block;
	font-size: 14px;　/* tk chg  15px-14px 0724 */
	line-height: 22px;
	color: #444444;
	text-align: center;
}

.column02 article.wrapper nav#sideNavi {
	position: absolute;
	top: 50px;
	width: 195px; /* tk chg 175-195 0804 */
	/*height: 340px;*/
	padding: 10px 0 0 0;
	/*background-color: #f6f6f6; tk comout */
	border-radius: 0px 14px 14px 0px;
	font-size: 15px;
	line-height: 15px;
	z-index: 20;
	/*overflow: hidden;*/
}

.column02 article.wrapper nav#sideNavi.fixed {
	position: fixed;
	top: 105px;
}

.column02 article.wrapper nav#sideNavi ul {
	border-radius: 0px 14px 14px 0px;
}

.column02 article.wrapper nav#sideNavi ul li {
	position: relative;
}

/* tk add 0804 */
.column02 article.wrapper nav#sideNavi ul li:hover {
 /* background-color: #404040;*/
}

.column02 article.wrapper nav#sideNavi ul li a {
	font-size: 14px;
  text-decoration: none; /* tk add 0804 */
}

/* tk add 0804 */
#pages.column02 article.wrapper nav#sideNavi ul li a:hover {
  color: #fff;
  font-weight: 700;
}


/* subNavi */

/* tk add 0805 */
.sideOn {
  color: #fff !important;
  background-color: #404040;
}

/* tk add 0806 */
.column02 article.wrapper nav#sideNavi > ul > li.subNaviOn:after {
  content: '';
  background: url(../images/subNav_arrow.png) no-repeat;
  position: absolute;
  top: 10px;
  right: 9px;
  display: inline-block;
  width:10px;
  height:15px;
  background-size:contain;
  vertical-align:middle;
}


/* tk add 0806 */
.column02 article.wrapper nav#sideNavi > ul > li.subNaviOn:hover:after {
  content: '';
  background: url(../images/subNav_arrow_on.png) no-repeat;
  position: absolute;
  top: 10px;
  right: 9px;
  display: inline-block;
  width:10px;
  height:15px;
  background-size:contain;
  vertical-align:middle;
}

#pages.column02 article.wrapper nav#sideNavi > ul {
	margin:0 10px 20px 0px;
	height: auto;
  width: 195px;
}

#pages.column02 article.wrapper nav#sideNavi ul.subNavi {
	display: none;
  position: absolute;
	top: 0;
	left: 195px;
	width: 190px;
	background: #404040;
  color: #fff;
	/*border: 2px solid #e0e0e0;*/ /* tk com out 0804 */
	border-radius: 0; /* tk chg 0804 14-0 */
	padding: 0; /* tk chg 0804 10 0- 0 */
}

/* tk com out 0804 */
/*.column02 article.wrapper nav#sideNavi ul.subNavi:after {
	content: url(../images/subnavi_arrow.png);
	position: absolute;
	top: 17px;
	left: -17px;
}
*/

#pages.column02 article.wrapper nav#sideNavi ul.subNavi li {
  padding: 0;
	margin: 0;
}

#pages.column02 article.wrapper nav#sideNavi ul.subNavi li a {
  color: #fff;
	font-weight: 400;
	line-height: 1.2;
  padding: 10px 6px 10px 14px;
  width: 170px; /* tk add 0805 */
}

/* tk chg 0804 */
#pages.column02 article.wrapper nav#sideNavi ul.subNavi li a:hover {
	background: #979797;
	text-decoration: none;
  font-weight: 700;
}


.column02 article.wrapper section.content a:link,
.column02 article.wrapper section.content a:visited {
	color: #8c9bd2;
	text-decoration: none;
}

.column02 article.wrapper section.content a:hover {
	color: #8c9bd2;
	text-decoration: underline;
}


/* dataTable */

.dataTable {
	width: 100%;
	border-collapse: collapse;
}

.dataTable tr {
	border-bottom: 1px solid #dedede;
}

/*.dataTable tr:nth-child(2n-1) {
	background: #fafafa;
}*/

.dataTable th,
.dataTable td {
	font-weight: 400;
	text-align: left;
	padding: 10px;
	vertical-align: top;
	line-height: 1.6; /* tk chg 0724 1.2-1.6 */
}

.dataTable thead th {
	background: #DEDEDE;
}

.dataTable tbody th {
	background: #fafafa;
}

.dataTable th.alignC,
.dataTable td.alignC {
	text-align: center;
}
.dataTable th.alignR,
.dataTable td.alignR {
	text-align: right;
}
.dataTable th.alignL,
.dataTable td.alignL {
	text-align: left;
}
.dataTable th.valignM,
.dataTable td.valignM {
	vertical-align: middle;
}
.dataTable th.alignT,
.dataTable td.alignT {
	vertical-align: top;
}
.dataTable th.alignB,
.dataTable td.alignB {
	vertical-align: bottom;
}


/* news */

#newsIndex dl {
	width: 100%;
	margin: 0px;
	padding: 20px 5px;
	box-sizing: border-box;
	border-bottom: 1px solid #DEDEDE;
	overflow: hidden;
}

#newsIndex dl dt {
	float: left;
	width: 12%;/*width: 5em; tk chg150729*/
}

#newsIndex dl dd {
	/*overflow: hidden; tk 150729*/
  display: block;/* tk add150729*/
}

#newsIndex dl dd span {
	color: #fff;
	font-size: 13px;
/*	display: inline-block;  tk 150729*/
	width: 9em;
	height: 20px;
	line-height: 20px;
	box-sizing: border-box;
	padding: 0 2px;
	margin-right: 15px;
	border-radius: 2px;
	text-align: center;
  /*↓ tk add150729*/
  display: block;
  float: left;
}

#newsIndex dl dd span.companyInfo {
	background: #e673aa;
}
#newsIndex dl dd span.updateInfo {
	background: #f1bc03;
}
#newsIndex dl dd span.productInfo {
	background: #8cc8eb;
	letter-spacing: -0.1em;
}

/* tk add150730*/
.column02.newsDetail p.alignC small.sizeS {
  width:260px;
  display:block;
  margin:0 auto;
}
.column02.newsDetail table {
  margin-left: auto;
  margin-right: auto;
}

.column02.newsDetail div>table.newsTable {
  width: 100%;
}
.column02.newsDetail table.newsTable  td{
  vertical-align: top;
}

.column02.newsDetail div>table.newsTable table {
  margin-left: 10%;
}

.column02.newsDetail table.newsTableR {
  float: right;
  vertical-align: top;
  width: 50%;
  font-size:15px;
  line-height: 1.2;
}

.column02.newsDetail table.newsTableR td {
  vertical-align: top;
}

.column02.newsDetail table.dataTable {
  margin-bottom: 20px;
}
/* //tk add150730*/
/* tk add150807*/
.column02.newsDetail .underline {
  text-decoration: underline;

}

/* dl.itemization */

dl.itemization {
	width: 100%;
	border-bottom: 1px solid #dedede;
	margin: 0;
	padding: 20px 20px 20px 0;
	overflow: hidden;
}

dl.itemization dt {
	float: left;
	width: 2em;
}

dl.itemization dd {
	margin-left: 2em;
}

/* ============================================
    nb_history
============================================ */

/*table.nb_history {
	position: relative;
  border-collapse:collapse;
  background-image: url(/about/images/nbHistory_icon_arrow.png);
  background-repeat: no-repeat;
  background-position:13px bottom;
}

table.nb_history:before {
	content: " ";
	width: 3px;
	height: 100%;
	position: absolute;
	top: -2px;
	left: 19px;
	background-color: #cecece;
	z-index: -1;
}

table.nb_history:after {
	content: url(/about/images/nbHistory_icon_arrow.png);
	width: 13px;
	height: 10px;
	position: absolute;
	bottom: 6px;
	left: 14px;
}

table.nb_history td {
	min-height: 150px;
	padding: 20px 10px;
	vertical-align: top;
  display: table-cell;

}

table.nb_history td .year {
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	padding: 0 0 10px;
}

table.nb_history td:first-child img {
	margin-top: 6px;
}

table.nb_history td:first-child  {
	  background-image: url(/about/images/nbBorder.png);
    background-repeat: repeat-y;
    background-position: 18px;
}

.column02 article.wrapper section.content table.nb_history td p.floatL {
	float: left;
	width: 450px;
	padding-right: 20px;
}*/

/* nb_history tk add */
.nb_tmLabel {
  margin: 0 auto 0 10px;
  padding-top: 25px;
  border-left: #cecece 5px solid;
  box-sizing: border-box;
}
.nb_tmLabel:after,.column02 article.wrapper section.content .nb_year:after {
  content: "";
  clear: both;
  display: block;
}
.nb_text {
  width: 62%;
  padding-left: 55px;
  float:left;
}
.nb_tmLabel .right {
  float: right;
  width: 30%;
  text-align: center;
}
.nbhistory article.wrapper section.content p.year {
  font-size: 20px;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}
.nbhistory article.wrapper section.content .nb_text p,.column02 article.wrapper section.content p.right {
  margin-bottom: 0;
  padding-bottom: 20px;
}
.nbhistory .bg01 {
  background-color: #fffaec;
}
.nbhistory .bg02 {
  background-color: #fefff9;
}
.nbhistory .bg03 {
  background-color: #f8fffe;
}
.nbhistory .bg04 {
  background-color: #f3fbff;
}
.nbhistory .bg05 {
  background-color: #fdfdff;
}
.nbhistory .bg06 {
  background-color: #fff6f9;
}
.nb_tmLabel img[src*="nbHistory_icon"] {
  margin-left: -11px;
  padding-right: 10px;
  padding-bottom: 5px;
}
.nb_tmLabel_last img {
  margin-left: 3px;
}

/*-------------sitemap-------------*/

.sitemap.column02 article.wrapper section.content.noSideNavi {
  margin-top: 0;
}
.sitemap.column02 article.wrapper section.content.noSideNavi {
	padding-top: 50px;
}
/*.sitemap .wrapper .content .inner {
	border-left: 1px solid #e5e5e5;
	border-right: 0px solid #e5e5e5;margin: 0;
}*/

.sitemap .wrapper .content .inner ul {
	/*padding: 0 20px 20px 100px;width: auto;*/
}

.sitemap .wrapper .content .inner ul li {
	border-bottom: 1px solid #e5e5e5;
	margin: 20px 0 10px 0;
	padding: 0 0 10px 0; /* tk chg 0727 (from 0 0 20 0) */
	line-height: 1em;
}

.sitemap .wrapper .content .inner ul li ul  {
	margin: 20px 0 0px 100px;
	padding: 0;
}

.sitemap .wrapper .content .inner ul li ul li {
	border-top: 1px solid #e5e5e5;
	border-bottom:0px solid #e5e5e5;
	float: left;width:310px;
	font-size: 14px;
	line-height: 18px;
	display: inline;
	margin: 0 0 0 20px;
	padding: 16px 0 6px 0; /* tk chg 0727 (from 10 0 10 0) */
}

.sitemap .wrapper .content .inner ul li ul li.withThird {
	width:660px;
	border-top: 1px solid #e5e5e5;
	border-bottom:0px solid #e5e5e5;
	margin: 0 0 25px 20px;
}

.column02.sitemap .wrapper .content .inner ul li ul li:before {
	content: "-";
	display: inline;
	padding: 0 0.3em 0 0.3em;
	float: left;color: #cccccc;
  line-height: 36px;
}

.sitemap .wrapper .content .inner ul li a {
	display: block;
	margin: 10px 0 0 0; /* tk chg 0804 0 0 0 0-10 0 0 0 */
	padding: 5px 5px 5px 18px;
	color: #666666 !important;
	border-radius: 1em;
	border: 0px solid #dddddd;
}

.sitemap .wrapper .content .inner ul li ul li a {
	margin: 0;
	padding: 0 0 0 10px;
  line-height: 36px; /* tk chg 0727 24-36 */
}

.sitemap .wrapper .content .inner ul li ul li ul {
	margin: 10px 0 0 60px;padding: 0;
}

.sitemap .wrapper .content .inner ul li ul li ul li {
	border-top: 0px solid #e5e5e5;
	border-bottom:0px solid #e5e5e5;
	float:left;
	width:31%;
	font-size: 12px;
	line-height: 16px;
	display: inline;
	margin: 0 0 0 0;
	padding: 5px 0 5px 10px;
}

.sitemap .wrapper .content .inner ul li ul li ul li a {
	padding: 0 5px 0 5px;
	width: auto;
	line-height: 24px;
	background-color: #fafafa;
}

.sitemap .wrapper .content .inner ul li ul li ul li:before {
	line-height: 24px;
}


/*------.global SP only------*/
.sitemap.global {
	display: none;
}


/* ============================================
    footer
============================================ */

footer {
    font-size: 14px;
    width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	clear: both;
	overflow: hidden;
	background-color: #888;
	color: #FFF;
	padding: 25px 20px;
	position: relative;
	z-index: 90;
}
#top footer {
	background-color: #14D3C4;
  margin-top:-1px;
}

footer p {
	font-size: 22px;
	line-height: 1;
	display: inline-block;
}

footer p small {
	font-size: 12px;
	display: block;
	padding: 15px 0;
}

footer ul.siteNavi {
	position: absolute;
	top: 125px; /* tk chg 0806 105-125 */
	left: 12px;
}
#top footer ul.siteNavi {
	display: none;
}

footer  ul.siteNavi li {
	display: inline-block;
    border-right: 1px solid #fff;
	margin: 0 0 5px;
    padding: 0px 8px;
	line-height: 1.2;
}
footer  ul.siteNavi li:last-child {
    border-right: none;
}

footer .siteNavi li a:link,
footer .siteNavi li a:visited {
	color: #fff;
	text-decoration: none;
}
footer .siteNavi li a:hover {
	color: #fff;
	text-decoration: underline;
}

footer ul.footerLink {
	float: right;
}

footer ul.footerLink li {
	display: block;
	text-align: right;
	margin: 0 0 5px;
}

footer .footerLink li a:link,
footer .footerLink li a:visited {
	color: #fff;
	text-decoration: underline;
}
footer .footerLink li a:hover {
	text-decoration: none;
	color: #99F;
}

/*--------footer END---------*/


/* ============================================
    breadCrumb
============================================ */

#breadCrumb {
	font-size: 14px;
    width: 100%;
	height: 40px;
	margin: 0;
	padding: 0;
	background: #f2f2f2;
	box-sizing: border-box;
	clear: both;
	overflow: hidden;
	position: relative;
	z-index: 90;
}

#breadCrumb ul {
	max-width: 1000px;
	margin: 0 auto;
	box-sizing: border-box;
	clear: both;
	overflow: hidden;
}

#breadCrumb ul li {
	height: 40px;
	line-height: 40px;
	float: left;
	position: relative;
}

#breadCrumb ul li:first-child {
	background: url(../images/icon_home.svg) no-repeat center center;
}
#breadCrumb ul li:first-child a {
	text-indent: -9999px;
	overflow: hidden;
}

#breadCrumb ul li:last-child {
	padding: 0 25px;
}

#breadCrumb ul li:after {
	content: url(../images/navArrowR_03.svg);
	position: absolute;
	right: -14px;
	width: 28px;
	height: 40px;
}
#breadCrumb ul li:last-child:after {
	content: "";
}

#breadCrumb ul li a {
	display: inline-block;
	padding: 0 25px;
}

#breadCrumb ul li a:link,
#breadCrumb ul li a:visited {
	color: #8c9bd2;
	text-decoration: none;
}

#breadCrumb ul li a:hover {
	color: #8c9bd2;
	text-decoration: underline;
}


/* ============================================
    global
============================================ */

body#global {
    display: none;
}


/* ============================================
    column
============================================ */

.row {
	clear: both;
	overflow: hidden;
}

.row [class^=col_] {
	display: inline-block;
	box-sizing: border-box;
	float: left;
	overflow: hidden;
	margin-right: 4%;
}

.row img,
.row [class^=col_] img {
	vertical-align: middle;
  max-width: 100%; /* tk add 0821 */
}

.row .col_1of1:last-child, /* tk add*/
.row .col_1of2:last-child,
.row .col_1of3:last-child,
.row .col_2of3:last-child,
.row .col_1of4:last-child,
.row .col_3of4:last-child {
	margin-right: 0;
}

.row .col_1of1 {
	width: 100%; /* tk add */
}

.row .col_1of2 {
	width: 48%;
}

.row .col_1of3 {
	width: 30.666%;
}

.row .col_2of3 {
	width: 65.334%;
}

.row .col_1of4 {
	width: 22%;
}

.row .col_2of4 {
	width: 48%;
}

.row .col_3of4 {
	width: 74%;
}

.alignC {
	text-align: center;
}

.alignR {
	text-align: right;
}

/* rounded corners */

.roundedBox {
	display: inline-block;
	background-color:rgba(230,115,170, 0);
	position: relative;
}

.roundedBox,
.roundedBox img {
	border-radius: 14px;
}

a.roundedBox:hover {
	-webkit-transition-property:background-color;
	-webkit-transition-duration:0.4s;
	-webkit-transition-timing-function: ease-out;
	transition-property:background-color,border-radius,color;
	transition-duration:0.4s;
	transition-timing-function: ease-out;

	background-color:rgba(230,115,170, 1);
}

a.roundedBox:hover img {
	opacity: 0.6;
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
}


.roundedBox.movie:after {
	/*content: url(../images/playBtn.svg);*/ /* tk com out*/
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -43px;
}

.roundedBox span {
    display: block;
    width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.6);
    color: #444;
    text-align: right;
}


.roundedBox.type_01,
.roundedBox.type_02 {
	padding: 10px;
}

.roundedBox.type_01 {
background: #e3f2fa; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZjJmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYWRlZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #e3f2fa 0%, #badef2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e3f2fa), color-stop(100%,#badef2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #e3f2fa 0%,#badef2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #e3f2fa 0%,#badef2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #e3f2fa 0%,#badef2 100%); /* IE10+ */
background: linear-gradient(to right,  #e3f2fa 0%,#badef2 100%); /* W3C */
}

.roundedBox.type_02 {
background: #fff9cd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjljZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYwODMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #fff9cd 0%, #fff083 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fff9cd), color-stop(100%,#fff083)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #fff9cd 0%,#fff083 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #fff9cd 0%,#fff083 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #fff9cd 0%,#fff083 100%); /* IE10+ */
background: linear-gradient(to right,  #fff9cd 0%,#fff083 100%); /* W3C */
}


/* tab */

.column02 article.wrapper section.content .row ul.tabList {
	clear: both;
	overflow: hidden;
	margin: 0 0 20px;
}

.column02 article.wrapper section.content .row ul.tabList li {
	display: table;
	box-sizing: border-box;
	padding: 0px;
	border-radius: 10px;
	border: 2px solid #f2bcd6;
	float: left;
	overflow: hidden;
  margin-right: 12px !important /* tk add se 0722 */
}

.column02 article.wrapper section.content .row ul.tabList.col3 li {
	/*width: 32%;*/
  width: 31%; /* tk chg 0723 */
	height: 50px;
	margin: 0 2% 20px 0;
}
.column02 article.wrapper section.content .row ul.tabList.col3 li:nth-child(3n) {
	margin-right: 0;
}

.column02 article.wrapper section.content .row ul.tabList.col5 li {
	width: 18.4%;
	height: 55px;
	margin: 0 2% 20px 0;
}
.column02 article.wrapper section.content .row ul.tabList.col5 li:nth-child(5n) {
	margin-right: 0;
}


.column02 article.wrapper section.content .row ul.tabList li::before {
	content: none;
}

.column02 article.wrapper section.content .row ul.tabList li a {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
	font-size: 14px;
	line-height: 1.2;
	color: #e673aa !important;
	background: #FFF;
	text-align: center;
	background-color: #fff;
	border-radius: 7px; /* tk add */
	overflow: hidden;  /* tk add */
}

.column02 article.wrapper section.content .row ul.tabList li.selected a,
.column02 article.wrapper section.content .row ul.tabList li a:hover {
	-webkit-transition-property:background-color;
	-webkit-transition-duration:0.4s;
	-webkit-transition-timing-function: ease-out;
	transition-property:background-color,border-radius,color;
	transition-duration:0.4s;
	transition-timing-function: ease-out;
	color: #fff !important;
	text-decoration: none;
	background-color: #e673aa;
}


.column02 article.wrapper section.content .row .tabListBlock {
	padding: 20px 20px 0;
	margin: 0 0 50px;
	background: #f8e6ef;
	border-radius: 14px;
	overflow: hidden;
}

.column02 article.wrapper section.content .row .tabListBlock h2 {
	margin: 0 0 20px;
}

.column02 article.wrapper section.content .row .tabListBlock ul.tabList {
	margin: 0;
}


.tab-box .col_1of2 {
	margin-bottom: 20px;
	overflow: hidden;
}
.tab-box .col_1of2:nth-child(2n) {
	margin-right: 0;
}

.column02 article.wrapper section.content .row .tab-box .col_1of2 a {
	display: block;
	overflow: hidden;
	padding: 20px 10%;
	background: #f8f8f8;
	border-radius: 14px;
	border: 2px solid #e0e0e0;
	color: #666;
}

.column02 article.wrapper section.content .row .tab-box .col_1of2 a:hover {
	-webkit-transition-property:background-color;
	-webkit-transition-duration:0.4s;
	-webkit-transition-timing-function: ease-out;
	transition-property:background-color,border-radius,color;
	transition-duration:0.4s;
	transition-timing-function: ease-out;
	text-decoration: none;
	background-color: #e0e0e0;
}

.column02 article.wrapper section.content .row .tab-box .col_1of2 .productsName {
	height: 2.5em;
	max-height: 2.5em;
	line-height: 1.4;
	overflow: hidden;
	/*
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	*/
}

.column02 article.wrapper section.content .row .tab-box .col_1of2 .productsPhoto,
.column02 article.wrapper section.content .row .productsInfo {
	display: inline-block;
	float: left;
}

.column02 article.wrapper section.content .row .tab-box .col_1of2 .productsPhoto {
	margin: 0 10% 0 0;
}

.column02 article.wrapper section.content .row .productsInfo {
	width: 100%;
	margin: 0;
}
.column02 article.wrapper section.content .row .tab-box .productsInfo {
	width: auto;
}

.column02 article.wrapper section.content .row .productsInfo li {
	margin: 0 4% 0 0;
	padding: 6px 10px 12px;
	text-align: center;
	background: #f5f5f5;
	border-radius: 14px;
}
.column02 article.wrapper section.content .row .productsInfo li:last-child {
	margin-right: 0;
}

.column02 article.wrapper section.content .row .tab-box .productsInfo li {
	margin: 0 0 20px;
	padding: 0;
	background: none;
	border-radius: 0;
}
.column02 article.wrapper section.content .row .tab-box .productsInfo li:last-child {
	margin: 0 0 0;
}

.column02 article.wrapper section.content .row .productsInfo li::before {
	content: none;
}

.column02 article.wrapper section.content .row .productsInfo li img {
	border: 1px solid #dfdfdf;
}


.column02 article.wrapper section.content .row .spContents select {
    width: 100%;
    font-size: 16px;
	margin: 0 0 20px;
}


/* Global Network */

#globalNetwork .tab-box div[class^=tabGN] {
	margin-bottom: 40px;
}

/* tk chg se 0728 start--------------------------- */
#globalNetwork .mapArea,
#globalmap .mapArea{
    width: 100%;
    margin: 0 auto 40px;
    /* position: relative; */
}

#globalNetwork .mapArea a.mapBtn,
#globalmap .mapArea a.mapBtn{
    color: #777 !important;
    font-size: 16px;
    display: inline-block;
    padding: 2px 20px;
    text-align: center;
    background: rgba(255,255,255, 0.75);
    border-radius: 8px;
    position: absolute;
    z-index: 10;
}

#globalNetwork .mapArea a.mapBtn:hover,
#globalNetwork .mapArea a.mapBtn.selected,
#globalmap .mapArea a.mapBtn:hover,
#globalmap .mapArea a.mapBtn.selected{
    -webkit-transition-property:background-color;
    -webkit-transition-duration:0.4s;
    -webkit-transition-timing-function: ease-out;
    transition-property:background-color,border-radius,color;
    transition-duration:0.4s;
    transition-timing-function: ease-out;
    color: #fff !important;
    background-color: #e673aa;
    text-decoration: none;
}

#globalNetwork .mapArea .tabGN_001,
#globalmap .mapArea .tabGN_001{
    /*    top: 140px;
    left: 160px;*/
    top: 24%;
    left: 12%;
}
#globalNetwork .mapArea .tabGN_002,
#globalmap .mapArea .tabGN_002{
    /*    top: 215px;
    left: 90px;*/
    top: 45%;
    left: 17%;
}
#globalNetwork .mapArea .tabGN_003,
#globalmap .mapArea .tabGN_003{
    /*    top: 280px;
    left: 40px;*/
    top: 64%;
    left: 6%;
}
#globalNetwork .mapArea .tabGN_004,
#globalmap .mapArea .tabGN_004{
    /*    top: 190px;
    left: 285px;*/
    top: 43%;
    left: 43%;
}
#globalNetwork .mapArea .tabGN_005,
#globalmap .mapArea .tabGN_005{
    /*    top: 270px;
    left: 240px;*/
    top: 61%;
    left: 34%;
}
#globalNetwork .mapArea .tabGN_006,
#globalmap .mapArea .tabGN_006{
    /*    top: 200px;
    left: 490px;*/
    top: 45%;
    left: 68%;
}
/* tk chg se 0728 end--------------------------- */

.pcContents {
	display: block;
}
.spContents {
	display: none;
}

/* =============================================================================================
    TK add
============================================================================================= */
/* ============================================
    style
============================================ */
.mb0 {
  margin-bottom: 0 !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.bt1 {
  border-top: 1px solid #dedede !important;
}


/* ============================================
    column01 sidenavi
============================================ */
.column01 nav#sideNavi li {
  min-width: 176px;
}

/* ============================================
    column01 fixed breadCrumb footer
============================================ */
#pages.column01 div#breadCrumb ,
#pages.column01 footer {
  display: none;
}

/* ============================================
    common
============================================ */
.secBorder,.column02 article.wrapper section.content .secBorder {
  border-top: dotted 1px #dedede;
  padding-top: 70px;
  margin-top: 70px;
}

.ttlBullet,.column02 article.wrapper section.content h4.ttlBullet {
  padding-left: 20px;
  background: url(/products/images/icon_h4.png) no-repeat 0;
}

.separatNon,dl.itemization.separatNon{
  border: none;
}

.pk,.column02 article.wrapper section.content h4.pk {
  color: #e673aa;
}

.column02 article.wrapper nav#sideNavi ul {
  background-color: rgba(245,245,245,0.8);
  margin-bottom: 10px;
}

.note,.column02 article.wrapper section.content .row ul.note {
  font-size: 80%;
  margin-top: 10px;
}

.note li,.column02 article.wrapper section.content .row ul.note li {
  margin-bottom:0;
  margin-top: 0 !important;
  padding-left: 0 !important;
}
.note li:before,.column02 article.wrapper section.content .row ul.note li:before {
  display: none;
}

/* parts and about movie btn*/
#pages article.wrapper section.content .roundedBox.movie:after {
  content: url(../images/playBtn.svg);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -43px;
}

/* tk add 0804 */
.bgGray {
  background-color: #fafafa;
}
/* ============================================
    Pigeon Way
============================================ */
#pages.pigeonway section.content {
  background-color:#fff;
  background-image:none;
}
#pages.pigeonway .content:nth-child(n+2){
  border-top: solid 1px #dedede;
}
#pages.pigeonway section.content .fColorWhite{
  color:#6e6e50;
}
#pages.pigeonway section.content.bg_d .inner{
  color:#6e6e50;
}
.pigeonway #content02 h2 {
  color: #666;
  padding-left: 0;
  border-left: none;

}
.pigeonway.column01 section.content.bg_b .roundedBox {
    padding: 30px 40px;
    border: 1px solid #B5B1B1;
}
.pigeonway #content04 .keyWords:before,.pigeonway #content05 .keyWords:before {
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/pigeonway/images/iconKeywords.png) no-repeat;
    background-size: contain;
    margin-right: 5px;
    position: relative;
    top: 1px;
}


/* ============================================
    Fans Voice
============================================ */
.column02 article.wrapper section.content p.fansvoiceCat {
  margin: 0;
  padding: 0;
}

.column02 article.wrapper section.content .fansvoicecountry img {
  width: 30px;
  height: 20px;
  vertical-align: top;

}

.column02 article.wrapper section.content .row .productsInfo li.col_1of1 {
	margin: 0 0 8% 0;
	padding: 6px 10px 24px;
	text-align: center;
	background: #f5f5f5;
	border-radius: 14px;
}

.column02 article.wrapper section.content h2.fansvoiceh2 {
  display: inline-block;
  border-left: none;
  padding-left: 0;
}

.fansvoicecountry {
  display: inline-block;
  padding-left: 4px;
}

.fansvoicecountry .coutxt {
  font-size: 50%;
}

.fansvoice article.wrapper section.content .row .productsInfo li,
.column02 article.wrapper section.content .row .productsInfo li {
  margin: 0 4% 4% 0;
  padding-bottom: 4%;
}

.fansvoice article.wrapper section.content .row .productsInfo li:nth-child(even) ,
.column02 article.wrapper section.content .row .productsInfo li:nth-child(even) {
	margin-right: 0;
}

.fansvoice article.wrapper section.content .row .fansvoicePrName p ,
.column02 article.wrapper section.content .row .fansvoicePrName p {
  line-height: 1;
  display: inline-block;
  margin: 0;
}

.fansvoice article.wrapper section.content .row .fansvoicePrName ,
.column02 article.wrapper section.content .row .fansvoicePrName {
  height: 36px;
}

.fansvoice article.wrapper section.content .row .productsInfo li img ,
.column02 article.wrapper section.content .row .productsInfo li img {
  max-width: 100%;
  height: auto;
}

.fansvoice article.wrapper section.content .row .fansColInn .productsPhoto ,
.column02 article.wrapper section.content .row .fansColInn .productsPhoto {
  margin-top: 20px;
  width: 100%;
}


.fansvoice article.wrapper section.content .row .fansColInn .productsPhoto img ,
.column02 article.wrapper section.content .row .fansColInn .productsPhoto img {
  max-width: 100%;
  height: auto;
}


/* ============================================
    Fans Voice index
============================================ */
.column02 article.wrapper section.content .row#fansVoice .tab-box .col_1of2 .productsPhoto {
  margin: 0;
  width: 100%;
  max-width: 330px;
}

.column02 article.wrapper section.content .row#fansVoice .tab-box .col_1of2 .productsPhoto img {
  max-width: 100%;
  height: auto;
}


.column02 article.wrapper section.content .row#fansVoice .tab-box .productsInfo {
  width: 100%;
  margin-top: 4%;
}

.column02 article.wrapper section.content .row#fansVoice .tab-box .productsInfo li {
  display: inline-block;
  float: left;
  margin: 0px 4px 6px 3px;
}


/* ============================================
    News
============================================ */

#newsIndex dl dd a {
  display: block;
  width: 73%;
  float: left;
}

.column02.newsDetail article.wrapper section.content h2.newsHeading {
  text-align: center;
  padding-top: 20px;
  padding-left:0;
  border-left: none;
  line-height: 1.4; /* tk add 0810 */
}
.column02.newsDetail article.wrapper section.content p.newsTtl_sub {
    font-size: 18px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 15px;
}

#newsIndex .pdf:after {
  content: url(../images/icon_pdf.gif);
  position:relative;
  top: 2px;
}

#newsIndex .newwin:after,.column02.newsDetail .newwin:after {
  content: url(../images/icon_newwin.png);
  position:relative;
  top: 2px;
  margin-left: 6px;
}


.column02.newsDetail table.newsmid60 {
    width: 60%;
}

.column02.newsDetail article.wrapper section.content .row {
  width: 100%;
}

.column02.newsDetail article.wrapper section.content .row img {
  width: initial; /* tk chg 0812 100-ini */
  height: auto; /* tk add 0812 */
  max-width: 100%;
}


/* ============================================
    socialmediapolicy.html + socialmedialist.html
============================================ */

.column02 article.wrapper section.content.noSideNavi ul.defaultList li {
  font-size: 16px;
  line-height: initial;
  font-weight: initial;
  margin: 0 0 3px 0;
}

.socialmedialist table.dataTable td {
  vertical-align:middle;
}

td a.fb {
  display: block;
  background: url(../images/icon_facebook.png) no-repeat left 3px;
  padding-left: 30px;
  vertical-align: middle;
}

td a.weibo {
  display: block;
  background: url(../images/icon_weibo.png) no-repeat left 3px;
  padding-left: 30px;
  vertical-align: middle;
}

/* ============================================
    about group
============================================ */
.aboutGroup .dataTable tbody th {
  width: 100px;
}

/* ============================================
    about policies
============================================ */
.policies article.wrapper section.content p {
  margin-bottom: 40px;
}

.policies article.wrapper section.content .row ol li {
  margin-bottom: 20px;
}

/* ============================================
    about officer 0806
============================================ */
table.officer tr {
  height: 60px;
}

/* ============================================
    about origin  0821 add
============================================ */
.origin .col_1of3 {
  display: inline-block;
  box-sizing: border-box;
  float: right;
  overflow: hidden;
  margin: 0 0 0 4%;
}


/* ============================================
    sitemap
============================================ */
.column02.sitemap article.wrapper section.content.noSideNavi ul li {
  border-top: 1px solid #e5e5e5;
  border-bottom: 0px;
  padding: 0;
  margin: 10px 0;
}

.column02.sitemap article.wrapper section.content.noSideNavi ul li ul li {
  border-bottom: 1px solid #e5e5e5;
  border-top: 0px;
  margin: 0;
  padding: 10px 0 8px 20px;
}

.column02.sitemap article.wrapper section.content.noSideNavi .inner ul li ul {
  border-top: 1px solid #e5e5e5;
  width: 100%;
}

.column02.sitemap article.wrapper section.content.noSideNavi .inner .bb0 {
  border-bottom: 0px;
}

.column02.sitemap article.wrapper section.content.noSideNavi .inner .bt0 {
  border-top: 0px;
  width: 100%;
}

.column02.sitemap article.wrapper section.content.noSideNavi .inner .bt1 {
  border-top: 1px solid #e5e5e5;
}

/* ============================================
    global selecter
============================================ */
.column02.global article.wrapper section.content.noSideNavi .inner ul li ul {
  border-top: 0px;
  width: 100%;
}

/* ============================================
    top news list
============================================ */
#top ul.list .pdf:after {
  content: url(../images/icon_pdf.gif);
  position:relative;
  top: 2px;
}

#top ul.list .newwin:after {
  content: url(../images/icon_newwin.png);
  position:relative;
  top: 2px;
  margin-left: 6px;
}



/* ======================================================================================
   // TK add
======================================================================================= */







@media screen and (max-width:980px) {

.pcContents {
	display: none;
}
.spContents {
	display: block;
}

.scrollArea {
    overflow-x: auto;
    overflow-y: auto;
    position: relative;
    padding-bottom: 10px;
    width: 100%;
}

/* ============================================
    column for Tablet
============================================ */

.row {
	clear: both;
	overflow: hidden;
}

/* tk com out
.row [class^=col_] {
	width: 100%;
	clear: both;
	float: none;
}
*/
.row img.fluid {
	width: 100%;
	height: auto;
}

#top ul.btnLink_01,
.column02 article.wrapper section.content .row ul.btnLink_01 {
	margin: 0;
}

#top ul.btnLink_01 li,
.column02 article.wrapper section.content .row ul.btnLink_01 li {
	width: 48%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 15px; /* tk add se 0722 */
}
#top ul.btnLink_01 li:nth-child(2n),
.column02 article.wrapper section.content .row ul.btnLink_01 li:nth-child(2n) {
	margin-right: 0;
}

 .column02 article.wrapper section.content.noSideNavi {/*tk add150902*/
  margin-top: 0;
  }

/* =============================================================
    TK add  Tablet
============================================================= */
/* ============================================
    top otherContents Tablet
============================================ */
#top article.wrapper section#otherContents {
	max-width: 900px;
}

/* ============================================
    common Tablet
============================================ */

.column02 article.wrapper section.content h1 {
  display: block;
  font-size: 24px;
  line-height: 32px;
  color: #6e6e50;
  margin-left: 0 !important;
}

/* ============================================
    Fans Voice Tablet
============================================ */
.fansvoice article.wrapper section.content p {
  width: 50%;
}

.fansvoice article.wrapper section.content p img {
  width: 100%;
  height: auto;
}

.fansvoice article.wrapper section.content .row .fansColInn {
  width: 48%;
  float: left;
  clear: initial;
}

.fansvoice article.wrapper section.content .row .fansColInn .borderBdot {
  width: 100%;
}

.fansvoice article.wrapper section.content .row .fansColInn p {
  width: 100%;
}

.fansvoice article.wrapper section.content .row .productsInfo li {
  width: 47%;
}

/* ============================================
    about Tablet
============================================ */

/*--about index--*/
/* tk add 0723 */
.roundedBox span {
  font-size: 80%;
}

/* --nbhistory--*/
/* tk add 0824 */

.nb_text {
  float: none;
  width: -webkit-calc(95% - 55px);
  width: calc(95% - 55px);
}
.nb_tmLabel .right {
  float: none;
  width: initial;
  text-align: center;
}
.nb_tmLabel .right {
  text-align: left;
  padding-left: 55px;
}
.nbhistory p.right img {
  max-width: 150px;
}
.nb_tmLabel img[src*="nbHistory_icon"] {
  max-width: 53px;
}
.column02 article.wrapper section.content .nb_text p {
  margin-bottom: 0;
}
/* ============================================
    news Tablet
============================================ */
.column02.newsDetail table.newsmid60 {
    width: 100%;
}

/* ============================================
    about company Tablet
============================================ */
.col_1of2 iframe {
  max-width: 100%;
}

/* ============================================
    #notification Tablet
============================================ */
#top article.wrapper section#contents div#notification {
  margin: 20px 0 0 0;
  -webkit-text-size-adjust: 100%;
}

/*--------#notification START--tk add 0812-------*/
#top article.wrapper section#contents div#notification div.notifList .seeDetail {
  width: 15% !important;
  height: auto !important;
  display: table-cell;
  padding-left: 20px;
  right: 15px;
  margin-top: -8px;
}

/* ============================================
    CustomerNotification Tablet
============================================ */
#top article.wrapper section#customer #CustomerNotification h3:hover {
  opacity: 1;
  background: #F00;
  color: #FFF;
}

/* =============================================================
   // TK add Tablet
============================================================= */


}





@media screen and (max-width:1200px) {

.column01 nav#sideNavi {
	width:40px;
	height: 40px;
}

.column01 nav#sideNavi span img.closed {
	display: inline;
}

.column01 nav#sideNavi span img.opend {
	display: none;
	opacity:1;
}

/* ============================================
    CustomerNotification Tablet
============================================ */
#top article.wrapper section#customer #CustomerNotification h3:hover {
  opacity: 1;
  background: #F00;
  color: #FFF;
}

}


@media screen and (min-width:980px) {

a:hover {
	text-decoration: underline;
}

header nav ul.headBtns li a:hover {
	text-decoration: underline;
}

header nav ul.headBtns li ul.globalselector ul.lang a:hover {
	text-decoration: none;
	-webkit-transition-property:background-color,border-radius,color;
	-webkit-transition-duration:0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-property:background-color,border-radius,color;
	transition-duration:0.3s;
	border-radius: 1em;
	transition-timing-function: ease-out;
	background-color:#cccccc;
}

header nav ul.headBtns li ul.globalselector ul.globalGroup li a:hover,
header nav ul.headBtns li ul.globalselector ul.country li a:hover {
	text-decoration: none;
	-webkit-transition-property:background-color,border-radius,color;
	-webkit-transition-duration:0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-property:background-color,border-radius,color;
	transition-duration:0.3s;
	transition-timing-function: ease-out;
	background-color:#cccccc;
	border-radius: 1em;
}

header nav a.snsBtns:hover {
	-webkit-transition-property:background-color,color;
	-webkit-transition-duration:0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-property:background-color,color;
	transition-duration:0.3s;
	transition-timing-function: ease-out;
	background-color:#333333;
}

header nav ul.siteNavi li a:hover {text-decoration: none;
	-webkit-transition-property:background-color,margin-top,border,border-radius,color;
	-webkit-transition-duration:0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-property:background-color,border,margin-top,border-radius,color;
	transition-duration:0.3s;
	transition-timing-function: ease-out;
	/*background-color:#dd3333;
	color:#ffffff;
	border-radius:1em;
	*/border-bottom:2px solid #ff0000;
	margin-top: -2px;
}


#top article.wrapper section#contents div h2 a:hover {text-decoration: none;
	color: #ff0000;
}

#top article.wrapper section#feature div a:hover {
	background-color:rgba(230,115,170,0.4);
}



.no-rgba article.wrapper section#feature div a:hover {
	background-image:url(../images/nosvg/no-rgbaOver.png);
}

.sitemap .wrapper .content .inner ul li a:hover,
.sitemap .wrapper .content .inner ul li ul li a:hover {
	text-decoration: none;
	color: #444444;
	background-color: rgba(230,115,170,0.3);
}

}





/* ----------------------------------------
			Version TB
/* ---------------------------------------- */

@media screen and (min-width:568px) and (max-width: 980px)  {

header {
	position: relative;
	height: 100px;
	left:0;
	top:0;header #countryName 
	margin: 0 ;
	padding: 0;
}

header #countryName,
header #siteLogo img {
	top:20px;
	left:20px;
	height: 46px;
	width: auto;
}

header #countryName {
	top:38px;
	left:174px;
	height: auto;
	width: auto;
}
header #countryName img{
width:auto;
height:10px;
}

#debugW {
	background-color: #66ff66;
}

a:active {
	-webkit-tap-highlight-color:rgba(230,115,170,0.5);
}

header #serachIcon {
	position: absolute;
	display: block;
	top: 20px;
	right: 40px;
	margin: 0;
	width:35px;
	height: 55px;
	cursor: pointer;
	background-image: url(../images/serchIcon.svg);
	background-repeat: no-repeat;
	background-position:  center center ;
	text-indent: -9999px;
	z-index: 10;
}

header #serachIcon.opend {
	background-image: url(../images/menuIconOpend.svg);
	background-repeat: no-repeat;
	background-position:  center center ;
}

header #menuIcon {
	position: absolute;
	display: block;
	top: 20px;
	right: 0px;
	margin: 0;
	width:40px;
	height: 55px;
	cursor: pointer;
	background-image: url(../images/menuIcon.svg);
	background-repeat: no-repeat;
	background-position:  center center ;
	text-indent: -9999px;
	z-index: 10;
	background-color: #ffffff;
}

header #menuIcon.opend {
	background-image: url(../images/menuIconOpend.svg);
	background-repeat: no-repeat;
	background-position:  center center ;
}

.no-svg header #serachIcon {
	position: absolute;
	display: block;
	top: 20px;
	right: 40px;
	margin: 0;
	width:35px;
	height: 55px;
	cursor: pointer;
	background-image: url(../images/nosvg/serchIcon.png);
	background-repeat: no-repeat;
	background-position:  center center ;
	text-indent: -9999px;
	z-index: 10;
}

.no-svg header #serachIcon.opend {
	background-image: url(../images/nosvg/menuIconOpend.png);
	background-repeat: no-repeat;
	background-position:  center center ;
}

.no-svg header #menuIcon {
	position: absolute;
	display: block;
	top: 20px;
	right: 0px;
	margin: 0;
	width:40px;
	height: 55px;
	cursor: pointer;
	background-image: url(../images/nosvg/menuIcon.png);
	background-repeat: no-repeat;
	background-position:  center center ;
	text-indent: -9999px;
	z-index: 10;
	background-color: #ffffff;
}

.no-svg header #menuIcon.opend {
	background-image: url(../images/nosvg/menuIconOpend.png);
	background-repeat: no-repeat;
	background-position:  center center ;
}

header nav {
	margin: 20px 0 0 0;
	position: relative;
	overflow: visible;
	/*width: 75px;
	height: 400px;
	*/width: 40px;
	height:55px;
	float: right;
}

header nav .spMenu {
	border-radius:0 0 0 14px;
	overflow:hidden;
	position: absolute;
	top:60px;
	right:0px;
	display: block;
	width: 240px;
	margin:  0;
	height: auto;
	padding: 20px 0 0 0;
	background-color: #ffffff;
	z-index: 4;
	overflow: visible;
	border-left: 0px solid #dddddd;
	border-bottom: 0px solid #dddddd;
	background-color: #ffffff;
}

header nav .tbMenu {
	display: block;
	overflow: hidden;
	height: 240px;
	height: 0;
}

header nav ul.headBtns {
	position: absolute;
	top: -43px;
	right:70px;
	z-index: 12;
	width: 0;
	height: 22px;
	white-space: nowrap;
}

header nav ul.headBtns li {
	display: block;
	height:auto;
	margin: 0 0 0 0;
	z-index: 8;
	width: auto;
	background-color: transparent;
	border-radius: 0;
	float: left;
}

header nav ul.headBtns li:nth-child(1) {
	height:auto;
	position: absolute;
	left: -169px;
}

header nav ul.headBtns li:nth-child(2) {
	height:auto;
	position: absolute;
	left: -90px;
}

header nav ul.headBtns li:nth-child(3) {
	width: auto;
	height:auto;
	margin: 0;
	padding: 0;
}

header nav ul.headBtns li a {
	display: block;
	padding: 0;
	height: 22px;
	width: 104px;
	font-size: 11px;
	line-height: 22px;
	color: #444444;
	font-weight: 300;
	text-indent: 30px;
	border-radius: 1em;
}

header nav ul.headBtns li:nth-child(1) a {
	width: 89px;
	background-image: url(../images/topHeadBtnIcon01.svg);
	background-repeat: no-repeat;
	background-position:  3px center ;
	background-color: #ffffff;
	border-radius: 0;
}

header nav ul.headBtns li:nth-child(2) a {
	width: 89px;
	background-color: #ffffff;border-radius: 0;
}

.no-svg header nav ul.headBtns li:nth-child(1) a {
	width: 89px;
	background-image: url(../images/nosvg/topHeadBtnIcon01.png);
	background-repeat: no-repeat;
	background-position:  3px center ;
}

.no-svg header nav ul.headBtns li:nth-child(2) a {
	width: 89px;
	background-image: url(../images/nosvg/topHeadBtnIcon02.png);
	background-repeat: no-repeat;
	background-position:  3px center ;
}

header nav ul.headBtns li form {
	position: relative;
	display: block;
	/*width: 140px;
	*/width: 0px;
	height: 22px;
	line-height: 22px;
	border-radius: 0;
	overflow: hidden;
	background-color: #ffffff;
	z-index: 100;
	margin: 0;
}

header nav ul.headBtns li form input[type='search'] {
	border-radius: 1em;
	width:140px;
	height: 22px;
	line-height: 22px;
	background-image: none;
	text-indent: 0;
	margin: 0;
	padding: 0 10px;/*tk ch 5→10*/
}

.no-svg header nav ul.headBtns li form input[type='search'] {
	border-radius: 1em;
	width:140px;
	height: 22px;
	line-height: 22px;
	background-image: none;
	text-indent: 0;
	margin: 0;
	padding: 0;
}

header nav ul.headBtns li form input[type='submit'] {
	display:none;
}

/*-------*/

header nav ul.headBtns li ul.globalselector {
	display: none;
}

/*-------*/

header nav ul.siteNavi {
	position: relative;
	width: auto;
	float: none;
	clear: both;
	text-align: left;
	margin: 0;
	padding: 0 0 10px 0;
	height: auto;
	width: 210px;
	white-space:normal;
	top: 0;
	left: 10px;
	border-bottom: 1px solid #dddddd;
}

header nav ul.siteNavi li,
header nav ul.siteNavi li:last-child {
	display: block;
	float: none;
	clear: both;
	margin: 0 0 0 0px;
	text-align: left;
	white-space:normal;
	border: 0;
}

header nav ul.siteNavi li a {
	position: relative;
	display: block;
	height:32px;
	width: auto;
	float: none;
	margin: 0;
	padding: 0;
	background-color:transparent;
	text-align: left;
	line-height: 32px;
	font-size:15px;
	border: 0;
	text-indent: 20px;
}

header nav ul.siteNavi li a:hover {
	text-decoration: none;
	-webkit-transition-property:background-color,border-radius,color;
	-webkit-transition-duration:0;
	-webkit-transition-timing-function: ease-out;
	transition-property:background-color,border-radius,color;
	transition-duration:0;
	transition-timing-function: ease-out;
	background-color:transparent;
	border-radius:0;
}

/*--------siteNavi END---------*/

header nav a.snsBtns {
	display: inline-block;
	position: relative;
	top: 10px;
	left: 0;
	height: 30px;
	margin: 0 30px;
	padding: 0 10px;
}

header nav a.snsBtns ul li,
header nav a.snsBtns ul li:last-child {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0;
}

/*--------#topMainVisual START---------*/

#top section#topMainVisual {
	margin:0;
	display: block;
	height: 340px;
	overflow: hidden;
}

#top section#topMainVisual div.visualSelecter {
	position:absolute;
	bottom: 80px;
	left: 0;
	margin:0;
	width: 100%;
	height: auto;
	z-index: 10;
	border:1px #333333;
}

#top section#topMainVisual span.topCopy,
	#top section#topMainVisual span.topCopy01,
	#top section#topMainVisual span.topCopy02,
	#top section#topMainVisual span.topCopy03,
	#top section#topMainVisual span.topCopy04,
	#top section#topMainVisual span.topCopy05 {
	display:relative;
	width: 100%;
}

#top section#topMainVisual span.topCopy img,
	#top section#topMainVisual span.topCopy01 img,
	#top section#topMainVisual span.topCopy02 img,
	#top section#topMainVisual span.topCopy03 img,
	#top section#topMainVisual span.topCopy04 img,
	#top section#topMainVisual span.topCopy05 img {width: 45%;
	height: auto;
	margin: auto auto auto  10px;
}

/*--------#topMainVisual END---------*/

#top article.wrapper {margin: 0;
}

#top article.wrapper section#contents div#news ul {
	overflow-y:auto;
	margin: 12px;
	height: 110px;
}

#top article.wrapper section#feature div a {
	border-radius:14px;
	position: absolute;
	left: 0;
	top:0;
	display: block;
	width: 100%;
	height:100%;
	z-index: 3;
	border: 0px solid #333333;
}

#top article.wrapper section#feature div a span {
	font-size: 11px;
	line-height: 16px;
}

#top article.wrapper section#feature div img {
	width: auto;
	height: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

/*----------#pages------------------*/

#pages div.upper h1,
#pages div.upper p {
	position: absolute;
	top:100px;
	/*height: 440px;*/
	height: 240px;
	width: 100%;
	background-size: auto 100%;
	font-size:26px;
	line-height: 66px;
}

.column01 article.wrapper {
	position: absolute;
	/*top: 540px;*/
	top: 400px;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 10;
}

#pages div.upper section#pageMainVisual01 {
	position: absolute;
	top:100px;
	/*height: 440px;*/
	height: 240px;
	width: 100%;
	overflow: hidden;
}

#pages div.upper section#pageMainVisual01.noPic {
	height:90px;
	overflow: hidden;
	display: none;
}

#pages div.upper section#pageMainVisual01 .up,
#pages div.upper section#pageMainVisual01 .dn {
	/*height: 440px;*/
	height: 280px;
}

.column01 section .inner h1.titles {
	height:80px;
	background-image:url(../images/column01ContentTitleBg.png);
	background-position:  center 60px;
	background-repeat: no-repeat;
	background-size: 400px 1px ;
}

.column01 nav#sideNavi {
	display: none;
}

.column01 section.content {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	min-height:300px;
}

.column01 section.content.bg_d {
	background-color: rgba(0,0,0,0.25);
}

.column01 section .inner {
	text-align:left;
	color:#37371e;
	width:90%;
	margin: 0 auto 0 auto;
	padding: 30px 0 30px 0;
}

.column01 article.wrapper section.content p.lead {
    text-align: left;
}

/*----start tk add 0904 pigeonway -------------*/

#pages.pigeonway div.upper h1, #pages.pigeonway div.upper p {
    position: absolute;
    top: 100px;
    /* height: 440px; */
    height: 240px;
    width: 100%;
    background-size: auto 100%;
    font-size: 26px;
    line-height: 66px;
}

#pages.pigeonway div.upper section#pageMainVisual01 {
    position: absolute;
    top: 100px;
    /* height: 440px; */
    height: 240px;
    width: 100%;
    overflow: hidden;
}

#pages.pigeonway div.upper section#pageMainVisual01 .up, #pages.pigeonway div.upper section#pageMainVisual01 .dn {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 240px;
    background-color: #eeeeee;
    overflow: hidden;
    z-index: 3;
}

#pages.pigeonway div.upper section#pageMainVisual01 .dn {
    z-index: 2;
}

/*----end tk add 0904 pigeonway -------------*/

/*------MISC-----****/

.column01 section.content .inner ul.gridMenu {
	width: auto;
	margin: -50px auto 0 auto;
	padding: 0;
}

.column01 section.content .inner ul.gridMenu li {
	display: block;
	width: 47%;
	height: auto;
	float: left;
	overflow: hidden;
	background-color: #ffffff;
	border-radius: 14px;
	box-shadow: inset 0px 0px 3px rgba(0,0,0,0.5);
	text-align: center;
}

.column01 section.content .inner ul.gridMenu li a {
		display: block;
	color: #e673aa;
	width: auto;
	height: 90px;
}

.column01 section.content .inner ul.gridMenu li a span {
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0 5px 0 5px;
}

.column01 section.content .inner ul.listTable {
		margin: 0 auto 0 auto;
}

.column01 section.content .inner ul.listTable.left {
	width: 48%;
	float: left;
}

.column01 section.content .inner ul.listTable.right {
	width: 48%;
	float: right;
}

/*------MISC END****/


/*---------column02-----------*/

.column02 article.wrapper {
	border-radius: 0;
	top: 0;
  margin: 235px auto 0 auto; /* tk chg 0724 */
}

.column02 article.wrapper section.content {
	/*padding: 50px 40px 160px 200px;*/
  padding: 50px 40px 160px 206px; /* tk chg 0724 */
}
.column02 article.wrapper section.content.noSideNavi {
    margin-top: 0;
}
.column02.noPict article.wrapper section.content.noSideNavi {
	padding: 0px 40px 160px 40px;
}


/*--------sitemap--------*/

.sitemap .wrapper .content .inner {
	border-left: 0px solid #e5e5e5;
	border-right: 0px solid #e5e5e5;
	margin: 0;
}

.sitemap .wrapper .content .inner ul {
	padding: 0 0 20px 0;
	width: auto;
}

.sitemap .wrapper .content .inner ul li {
	border-bottom: 1px solid #e5e5e5;
	padding: 0 0 20px 0;
}

.sitemap .wrapper .content .inner ul li ul li {
	border-top: 1px solid #e5e5e5;
	border-bottom:0px solid #e5e5e5;
	float: left;
	width:100%;
	font-size: 14px;
	line-height: 18px;
	display: inline;
	margin: 0 20px 0 0;
	padding: 10px 0 10px 0;
}

.sitemap .wrapper .content .inner ul li ul li.withThird {
	width:100%;
	border-top: 1px solid #e5e5e5;
	border-bottom:0px solid #e5e5e5;
	margin: 0 20px 25px 0;
}

.sitemap .wrapper .content .inner ul li a,.sitemap .wrapper .content .inner ul li ul li a {
	display: block;
	color: #666666;
	border-radius: 1em;
	padding: 0 0 0 10px;
	line-height: 24px;
}

.sitemap .wrapper .content .inner ul li ul li ul  {
	margin: 10px 0 0 60px;
	padding: 0;
}

.sitemap .wrapper .content .inner ul li ul li ul li {
	border-top: 0px solid #e5e5e5;
	border-bottom:0px solid #e5e5e5;
	float:left;width:46%;
	font-size: 12px;
	line-height: 16px;
	display: inline;
	margin: 0 0 0 0;
	padding: 5px 0 5px 10px;
}


/*------.global SP-TB only------*/

.sitemap.global {
	display: block;
}

.sitemap.global .closeBtn {
	display: none;
}

.sitemap.global .wrapper {
	margin-top:0;
	padding-top:0;
}

.sitemap.global .wrapper .content .inner ul.lang {
	margin-top:0;
	width: auto;
	height: auto;
	margin: 0;border-bottom: 1px solid #dddddd;
	width: 100%;
}

.sitemap.global .wrapper .content .inner ul.lang li {
	line-height: 50px;
	height:50px;
	width: auto;
	margin: 0 0 0 0;
	padding: 0;
	border-radius: 0;
	border: 0;
}

.sitemap.global .wrapper .content .inner ul.lang li:before,
.sitemap.global .wrapper .content .inner ul.lang li:first-child {
	display: none;
}

.sitemap.global .wrapper .content .inner ul.lang a {
	display: inline-block;
	width: auto;
	position: relative;
	line-height: 20px;
	font-size: 18px;
	height: 20px;
	text-indent: 10px;
	background-image: url(../images/arrow.svg);
	background-repeat: no-repeat;
	background-position:  0 center ;
	margin: 0 5px 20px 0;
	padding: 0 5px 0 0;
	border-radius: 10px;
}

.sitemap.global .wrapper .content .inner ul {
	padding:0 0 0 0;
	border:0px solid #e5e5e5;
}

.sitemap.global .wrapper .content .inner ul.country li.areas {
	border-top: 0px ;
	font-weight: 700;
	padding-top: 20px;
}

.sitemap.global .wrapper .content .inner ul.country li.areas.spNone {
	display: none;
}

.sitemap.global .wrapper .content .inner ul.country li.areas:nth-child(2) {
	border-top: 0px ;
	font-weight: 700;
}

.sitemap.global .wrapper .content .inner ul.country li:before {
	display: none;
}

.sitemap.global .wrapper .content .inner ul li ul  {
	width:auto;
	margin: 0 0 0 20px;
}

.sitemap.global .wrapper .content .inner ul li ul li {
	width: 100%;
	margin: 0;
}

.sitemap.global .wrapper .content .inner ul li ul li img {
	margin: 0 5px 0 5px;
	vertical-align: middle;
	border: 1px solid #efefef;
}

.sitemap.global .wrapper .content .inner ul  div {
	margin-top: 30px;
	font-size: 18px;
}

.sitemap.global .wrapper .content .inner ul.country li a {
	line-height: 24px;
	position: relative;
}


/* ============================================
    footer for Tablet
============================================ */

footer {
	padding: 20px;
}

footer ul.siteNavi {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 0 10px -8px;
}

footer ul.footerLink {
	float: none;
	margin: 0 0 0 -5px;
}

footer ul.footerLink li {
	display: inline-block;
	text-align: left;
	margin: 0 0 5px;
	padding: 0 5px;
}


/* ============================================
    global for Tablet
============================================ */

body#global {
    display: block;
}

body#global .wrapper .content .inner ul{padding:0 0 0 0; border:0px solid #e5e5e5;}
body#global .wrapper .content .inner ul.country li.areas{border-top: 0px ; font-weight: 700; padding-top: 20px;}
body#global .wrapper .content .inner ul.country li.areas.spNone{display: none;}
body#global .wrapper .content .inner ul.country li.areas:nth-child(2){border-top: 0px ; font-weight: 700;}
body#global .wrapper .content .inner ul.country li:before{display: none;}
body#global .wrapper .content .inner ul li ul {width:auto; margin: 0 0 0 20px;}
body#global .wrapper .content .inner ul li ul li{width: 100%; margin: 0;}
body#global .wrapper .content .inner ul li ul li img{margin: 0 5px 0 5px; vertical-align: middle; border: 1px solid #efefef;}
body#global .wrapper .content .inner ul  div{margin-top: 30px; font-size: 18px;}
body#global .wrapper .content .inner ul.country li a{line-height: 24px; position: relative;}

/* tk add 0807 */
.column02 article.wrapper section.content .row ul.tabList.col3 li:nth-child(3n) {
  margin-right: 0 !important;
}

/* ============================================
    dataTable for Tablet


.dataTable th,
.dataTable td {
    width: 100%;
    display: inline-block;
    float: left;
	padding: 10px;
}

.dataTable tr {
    border-bottom: none;
}

.dataTable th {
    border-bottom: 1px solid #DEDEDE;
}
============================================ */


/* tab */

.column02 article.wrapper section.content .row .tab-box .col_1of2 {
	clear: none;
	width: 48%;
	float: left;
}

.column02 article.wrapper section.content .row .tab-box .col_1of2 .productsPhoto {
	width: 100%;
	text-align: center;
}
.column02 article.wrapper section.content .row .tab-box .col_1of2 .productsPhoto img {
	width: 100%;
	height: auto;
}
.column02 article.wrapper section.content .row .tab-box .productsInfo {
    margin: 20px 20px 0px 0px;
}

.column02 article.wrapper section.content .row .productsInfo li {
	width: auto;
}

.column02 article.wrapper section.content .row .tab-box .productsInfo li {
    display: inline-block;
    margin: 0px 20px 0px 0px;
}


/* ============================================
    news for Tablet
============================================ */

#newsIndex dl dt {
	float: none;
	width: 100%;
}

#newsIndex dl dd {
	margin: 0;
}

#newsIndex dl dd a {
	margin: 0;
}


/* ============================================
    TK add news for Tablet
============================================ */
#newsIndex dl dt,#newsIndex dl dd a {
	float: none;
	width: 100%;
}
#newsIndex dl dd span {
  float: none;
  margin: 5px 0;
}

#newsIndex dl dd a {
	margin: 0;
}

.column02.newsDetail p.alignC small.sizeS {
    width: 100%;
    display: block;
    text-align: initial;
}

.column02.newsDetail table.newsTableR {
  font-size: 14px;
}
/* ============================================
    Global Network for Tablet
============================================ */

#globalNetwork .mapArea {
	width: auto;
  max-width: 720px; /* tk add 0721 */
  text-align: center; /* tk ad 0722 */
}



/* ====================================================================
    TK add  Tablet
==================================================================== */
/* ============================================
    top otherContents Tablet
============================================ */
#top article.wrapper section#otherContents {
  margin: 0 auto 40px;
}
/* ============================================
    About index Tablet
============================================ */
/*-------- tk add 150827 ---------*/
.aboutTop article.wrapper section.content .row:nth-of-type(n+2) {
  margin-top: 0;
}

/* ============================================
    Fans Voice index Tablet
============================================ */
.column02 article.wrapper section.content .row#fansVoice .tab-box .productsInfo {
  margin: 4% 0 0 0;
}

.column02 article.wrapper section.content .row#fansVoice .tab-box .productsInfo li {
  display: inline-block;
  float: left;
  margin: 0 1%;
  width: 22%;
}

.column02 article.wrapper section.content .row#fansVoice .tab-box .productsInfo li img {
  width: 100%;
  height: auto;
}



/* ============================================
    Fans Voice Tablet
============================================ */
.column02 article.wrapper section.content p ,
.fansvoice article.wrapper section.content p {
  width: 50%;
}

.column02 article.wrapper section.content p img ,
.fansvoice article.wrapper section.content p img {
  width: 100%;
  height: auto;
}

.column02 article.wrapper section.content .row .fansColInn ,
.fansvoice article.wrapper section.content .row .fansColInn {
  width: 48%;
  float: left;
  clear: initial;
}

.column02 article.wrapper section.content .row .fansColInn .borderBdot ,
.fansvoice article.wrapper section.content .row .fansColInn .borderBdot {
  width: 100%;
}

.column02 article.wrapper section.content .row .fansColInn p ,
.fansvoice article.wrapper section.content .row .fansColInn p {
  width: 100%;
}

.column02 article.wrapper section.content .row .productsInfo li ,
.fansvoice article.wrapper section.content .row .productsInfo li {
  width: 47%;
}

.column02 article.wrapper section.content .row .productsInfo .col_1of2 img ,
.fansvoice article.wrapper section.content .row .productsInfo .col_1of2 img {
  max-width: 100%;
  height: auto;
}

.column02 article.wrapper section.content .row p ,
.fansvoice article.wrapper section.content .row p {
  width: 100%;
}

.column02 article.wrapper section.content .row .fansvoicePrName p ,
.fansvoice article.wrapper section.content .row .fansvoicePrName p {
  font-size: 70%;
}

/* ============================================
    Top Tablet
============================================ */
#top article.wrapper section#feature div a:hover {
  background-color: rgba(230,115,170,0.4);
}

/* ============================================
    PigeonWay Tablet
============================================ */
/* 0723 add */
#pages.pigeonway .row img {
  width: 100%;
  max-width: 350px;
  height: auto;
}

/* ============================================
    sitemap Tablet
============================================ */

.column02.sitemap article.wrapper section.content.noSideNavi .inner ul li ul li {
  width: 97%;
}

.column02.sitemap article.wrapper section.content.noSideNavi .inner ul li ul li.bt1:nth-child(2) {
    border-top: 0px;
}

.column02.sitemap article.wrapper section.content.noSideNavi ul li {
  padding: 13px 0;
}

.sitemap .wrapper .content .inner ul li a, .sitemap .wrapper .content .inner ul li ul li a {
  line-height: 36px;
}

.column02.sitemap article.wrapper section.content.noSideNavi .inner .tab_bb1 {
  border-bottom: 1px solid #e5e5e5;
}

.column02.sitemap article.wrapper section.content.noSideNavi ul li.tab_bb0 {
  border-bottom: 0px;
}

/* ============================================
    left column upper p hidden Tablet 0804
============================================ */
#pages.column02.noPict .upper.noPic {
  display: none;
}

#pages.column02.noPict article.wrapper {
  margin: 30px auto 0 auto !important;
}

/* ============================================
    #notification Tablet
============================================ */
#top article.wrapper section#contents div#notification {
  margin: 20px 0;
  -webkit-text-size-adjust: 100%;
}


/* =============================================================
   // TK add Tablet
============================================================= */



}



/* ------------------------------------------------------------------------------- */
/* -------------------------Version SP ----------------------------------------- */
/* ------------------------------------------------------------------------------- */
@media screen and (max-width:567px) {

.spSeeMore {
	display: block;
	border-radius: 0 0 14px 14px;
}

body {
	/*font-size: 0.5em;*/
}

a {
	-webkit-tap-highlight-color:rgba(230,115,170,0.5);
}

#loadingBoard {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	background-image: url(../images/loading.gif);
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 48px 48px;
}

header {
	position: static;
	margin: 0 ;
	padding: 0;
	height: 55px;
	overflow: visible;
}

header #siteLogo,
header #siteLogo img {
	top:10px;
	left:10px;
	height: 35px;
	width: auto;
}

header #countryName {
	top:22px;
	left: 130px;
	font-size: 14px;
	height: auto;
	width: auto;
}

#debugW {
	background-color: #66ffff;
}

header #serachIcon {
	position: absolute;
	display: block;
	top: 0;
	right: 40px;
	margin: 0;
	width:40px;
	height: 55px;
	cursor: pointer;
	background-image: url(../images/serchIcon.svg);
	background-repeat: no-repeat;
	background-position:  center center ;
	text-indent: -9999px;
	z-index: 20;
	background-color: #ffffff;
}

header #serachIcon.opend {
	background-image: url(../images/menuIconOpend.svg);
	background-repeat: no-repeat;
	background-position:  center center ;
	background-color: #ffffff;
}

header #menuIcon {
	position: fixed;
	top: 0;
	right:0;
	margin: 0;
	display: block;
	border-radius:0 0 0 14px;
	overflow:hidden;
	width:40px;
	height: 55px;
	cursor: pointer;
	background-image: url(../images/menuIcon.svg);
	background-repeat: no-repeat;
	background-position:  center center ;
	text-indent: -9999px;
	z-index: 310;
	background-color: #ffffff;
}

header #menuIcon.noFixed {
	position:absolute;
}

header #menuIcon.opend {
	background-image: url(../images/menuIconOpend.svg);
	background-repeat: no-repeat;
	background-position:  center center ;
	background-color: #ffffff;
}

.no-svg header #serachIcon {
	position: absolute;
	display: block;
	top: 0;
	right: 40px;
	margin: 0;
	width:40px;
	height: 55px;
	cursor: pointer;
	background-image: url(../images/nosvg/serchIcon.png);
	background-repeat: no-repeat;
	background-position:  center center ;
	text-indent: -9999px;
	z-index: 20;
	background-color: #ffffff;
}

.no-svg header #serachIcon.opend {
	background-image: url(../images/nosvg/menuIconOpend.png);
	background-repeat: no-repeat;
	background-position:  center center ;
	background-color: #ffffff;
}

.no-svg header #menuIcon {
	border-radius:0 0 0 14px;
	overflow:hidden;
	position: fixed;
	display: block;
	top: 0;
	right:0;
	margin: 0;
	width:40px;
	height: 55px;
	cursor: pointer;
	background-image: url(../images/nosvg/menuIcon.png);
	background-repeat: no-repeat;
	background-position:  center center ;
	text-indent: -9999px;
	z-index: 93;
	background-color: #ffffff;
}

.no-svg header #menuIcon.opend {
	background-image: url(../images/nosvg/menuIconOpend.png);
	background-repeat: no-repeat;
	background-position:  center center ;
	background-color: #ffffff;
}

header nav {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 300;
	width: 0;
	height: 55px;
	float: right;
	background-color: #ffffff;
	border: 0px solid #333333;
	border-radius:0 0 0 14px;
	overflow-y: scroll;
}

header nav.noFixed {
	position:absolute;
}

.tp {
	background-color: rgba(255,255,255,0.8);
}

header nav .spMenu {
	position: absolute;
	display: block;
	top:0;
	left:0;
	display: block;
	width: 240px;
	margin: 0;
	height: auto;
	padding: 0 0 0 0;
	z-index: 10;
	border-left: 0px solid #dddddd;
	border-bottom: 0px solid #dddddd;
}

header nav .tbMenu {
	display: block;
}

header nav ul.headBtns {
	position: relative;
	display: block;
	height:147px;
	width: auto;
	top:0px;
	left:0;
	overflow: visible;
	background-color:transparent;
}

header nav ul.headBtns li {
	position: absolute;
	top: 0px;
	float: none;
	display: block;
	height:46px;
	margin: 0 0 0 10px;
	z-index: 10;
	width: 210px;
	background-color: transparent;
	border-bottom: 1px solid #dddddd;
	border-radius: 0;
}

header nav ul.headBtns li:nth-child(1) {
	position: absolute;
	top: 55px;
	z-index: 9;
	height:46px;
	width: 210px;
}

header nav ul.headBtns li:nth-child(2) {
	position: absolute;
	top: 100px;
	z-index: 8;
	width: 210px;
}

header nav ul.headBtns li:nth-child(3) {

	line-height: 1em;
	z-index: 8;
	width: 210px;
	position: absolute;
	top: 0px;
	left: 10px;
	height:55px;
}

header nav ul.headBtns li a {
	float: none;
	background-color: transparent;
	font-size:15px;
	border-radius: 1em;
}

header nav ul.headBtns li:nth-child(1) a {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 13px 0 0 0;
	width: 210px;
	height: 22px;
	line-height:22px;
	text-indent: 30px;
	background-image: url(../images/topHeadBtnIcon01.svg);
	background-repeat: no-repeat;
	background-position:  left center ;
}

header nav ul.headBtns li:nth-child(2) a {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 13px 0px 0px 0px;
	padding-left:5px;
	width: 210px;
	height: 22px;
	line-height:22px;
	text-indent:0;
	text-align:left;
}

.no-svg header nav ul.headBtns li:nth-child(1) a {
	background-image: url(../images/nosvg/topHeadBtnIcon01.png);
	background-repeat: no-repeat;
	background-position:  left center ;
}

.no-svg header nav ul.headBtns li:nth-child(2) a {
	background-image: url(../images/nosvg/topHeadBtnIcon02.png);
	background-repeat: no-repeat;
	background-position:  left center ;
}

header nav ul.headBtns li form {
	position: relative;
	width: 210px;
	height: 26px;
	line-height: 26px;
	border-radius: 13px;
	overflow: hidden;
	background-color: #ffffff;
	z-index: 100;
	margin: 12px 0 0 0;
}

header nav ul.headBtns li form input[type='search'] {
	border-radius:13px 0 0 13px;
	width:180px;
	height: 26px;
	line-height: 26px;
	background-image: none;
	/*text-indent: 10px;*/
  padding-left: 10px;/*tk ch150827*/
}

.no-svg header nav ul.headBtns li form input[type='search'] {
	border-radius:13px 0 0 13px;
	width:300px;
	height: 26px;
	line-height: 26px;
	background-image: none;
	text-indent: 10px;
}

header nav ul.headBtns li form input[type='submit'] {
	display:block;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0 13px 13px 0;
	width:32px;
	height: 26px;
	background-color: #333333;
	border: 0;
	text-indent: -9999px;
	background-image: url(../images/topSubmitIcon.svg);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.no-svg header nav ul.headBtns li form input[type='submit'] {
	display:block;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0 13px 13px 0;
	width:32px;
	height: 26px;
	background-color: #333333;
	border: 0;
	text-indent: 0;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	color: #ffffff;
}

/*-------*/
header nav ul.headBtns li ul.globalselector {
	display: none;
}
		/*-------*/
header nav ul.siteNavi {position: relative;

	float: none;
	clear: both;
	text-align: left;
	margin: 0;
	padding: 0 0 10px 0;
	height: auto;
	width: 210px;
	white-space:normal;
	top: 0;
	left: 10px;
	border-bottom: 1px solid #dddddd;
}

header nav ul.siteNavi li,
header nav ul.siteNavi li:last-child {
	display: block;
	float: none;
	clear: both;
	margin: 0 0 0 0px;
	text-align: left;
	white-space:normal;
	border: none;
}

header nav ul.siteNavi li a {
	position: relative;
	display: block;
	height: auto;
	line-height:22px;
	width: auto;
	float: none;
	margin: 0 auto;
	padding: 10px 5px;
	background-color:transparent;
	text-align: left;
	font-size:15px;
	border: 0;
	border-bottom: 1px dotted #ccc;
	border-radius: 0;
}

header nav ul.siteNavi li a:hover {
	text-decoration: none;
	-webkit-transition-property:background-color,border-radius,color;
	-webkit-transition-duration:0;
	-webkit-transition-timing-function: ease-out;
	transition-property:background-color,border-radius,color;
	transition-duration:0;
	transition-timing-function: ease-out;
	background-color:transparent;
	border-radius:0;
}

header nav ul.siteNavi li {
	padding: 0;
}

header nav ul.siteNavi > li > a.is-active {
	background-color: rgba(245,245,245,0.8);
}

header nav ul.siteNavi > li > ul {
	margin-top: 10px;
	border-bottom: 1px dotted #ccc;
}

header nav ul.siteNavi li > ul > li {
	border: none;
}

header nav ul.siteNavi li > ul > li.subNaviOn {
	margin-top: 10px;
}

header nav ul.siteNavi li > ul > li a {
	padding: 10px 0 10px 15px;
	line-height: 1.2;
	vertical-align: middle;
	border: none;
	font-size: 86%;
}

header nav ul.siteNavi li > ul > li ul li a {
	padding-left: 25px;
}

header nav a.snsBtns {
	display: inline-block;
	position: relative;
	top: 10px;
	left: 0px;
	height: 30px;
	margin: 0px 30px;
	padding: 0px 10px;
}

header nav a.snsBtns ul li {}

header nav a.snsBtns ul li,
header nav a.snsBtns ul li:last-child a {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0;
}


#top article.wrapper {
	margin: 0;
	padding-bottom:160px;
}

#top section#topMainVisual {
	height: 185px;
	margin: 0 0 10px 0;
}

#top section#topMainVisual div.visualSelecter {
	position:absolute;
	bottom: 10px;
	left: 0;
	margin:0;
	width: 100%;
	height: auto;
	z-index: 10;
}

#top section#topMainVisual span.topCopy,
#top section#topMainVisual span.topCopy01,
#top section#topMainVisual span.topCopy02,
#top section#topMainVisual span.topCopy03,
#top section#topMainVisual span.topCopy04,
#top section#topMainVisual span.topCopy05 {
	display:relative;
	width:auto;
	margin:0;
	height: 100%;
}

#top section#topMainVisual span.topCopy img,
#top section#topMainVisual span.topCopy01 img,
#top section#topMainVisual span.topCopy02 img,
#top section#topMainVisual span.topCopy03 img,
#top section#topMainVisual span.topCopy04 img,
#top section#topMainVisual span.topCopy05 img {
	width:45%;
	height: auto;
	margin: auto auto auto  10px;
}

#top article.wrapper section#feature,
#top article.wrapper section#customer,
#top article.wrapper section#event {
	/*margin:10px 5px 0 5px;*/
  margin:10px 5px 20px 5px; /* tk add se 0722* */
	overflow: hidden;
}

#top article.wrapper section#feature a,
#top article.wrapper section#customer a,
#top article.wrapper section#event a {
	overflow: hidden;
}

#top article.wrapper section#contents {
	margin: 0px 5px 0 5px;
}

#top article.wrapper section#contents div {
	margin: 5px 5px 5px 5px;
	height: 90px;
	overflow: hidden;
}

#top article.wrapper section#feature div,
#top article.wrapper section#customer div,
#top article.wrapper section#event div {
	margin: 5px 5px 5px 5px;
	height: 90px;
	overflow: hidden;
}

#top article.wrapper section h2 {
	height:auto;
	font-size: 12px !important;
/*	height:20px !important;*/ /* tk com out se 0722 */
/*	margin: 0 0 5px 0 !important;*/ /* tk com out se 0722 */
	background-image: none;
}

#top article.wrapper section#contents div#news {
	box-shadow:none;
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
	display: inline;
	height: auto !important;
	width: auto !important;
}

#top article.wrapper section#contents div#news ul {
	overflow: hidden;
	margin: 0 0 16px 0 !important;
	padding: 0;
	width: auto !important;
}

#top article.wrapper section#contents div#news ul.table {
	display: none;
}

#top article.wrapper section#contents div#news span.spSeeMore {
	position: relative;
	background-color: #ff0000;
	text-align: center;
	width: 100%;
	height: auto;
	display: block;
	background-color: #ff0000;
}

#top article.wrapper section#contents div#news span.spSeeMore a {
	display: block;
	line-height: 20px;
	font-size: 11px;
	font-weight: 600;
	color: #ffffff;
}

#top article.wrapper section#contents div#news h2 {
	display: none;
}

/*#top article.wrapper section#contents div#news ul.list {
	overflow-x:auto;
	margin: 12px;
	width: auto;
}*/ /* tk com out 0811 */

#top article.wrapper section#contents div#news ul.list li {
	height: auto;
	padding: 0 0 16px 0; /* tk chg 0811 0 0 10 0 */
  width: 96%; /* tk add 0811 */
}

#top article.wrapper section#contents div#news ul li {
	display: block;
	float: left;
}

#top article.wrapper section#contents div#news ul li a small {
	display: block;
	width: 130px;
	float: none;
}

#top article.wrapper section#contents div#news ul li a small.companyInfo:after,
#top article.wrapper section#contents div#news ul li a small.updateInfo:after,
#top article.wrapper section#contents div#news ul li a small.productInfo:after {
	display: none;
}

#top article.wrapper section#contents div#news ul li a small:before {
	display: block;
	width:auto;
	height: 14px;
	color: #ffffff;
	font-size: 10px;
	line-height: 14px;
	border-radius: 1em;
	text-align: center;
	float: left;
	margin: 0 5px 0 0;
	padding: 0 3px 0 3px;
}

#top article.wrapper section#contents div#news ul li a small.companyInfo:before {
	content: 'News';
	background-color: #78d2c3;
}

#top article.wrapper section#contents div#news ul li a small.updateInfo:before {
	content: 'Product';
	background-color: #8c9bd2;
}

#top article.wrapper section#contents div#news ul li a small.productInfo:before {
	content: 'Product';
	background-color: #ffe62d;
}

#top article.wrapper section#contents div#news ul li a small:after {
	float: none;
	display: inline;
}

#top article.wrapper section#contents div h2 a {
	border-radius:14px;
	text-indent:8px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 11px;
	line-height:26px;
	padding: 0;
}

#top article.wrapper section#contents div.content01 span.conBg {
	border-radius:0px;
	width: 100%;
	height: 100%;
	background-image: url(../images/topContentArch01sp.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
}

#top article.wrapper section#contents div.content02 span.conBg {
	border-radius:0px;
	width: 100%;
	height: 100%;
	background-image: url(../images/topContentArch02sp.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
}

#top article.wrapper section#contents div.content03 span.conBg {
	border-radius:0px;
	width: 100%;
	height: 100%;
	background-image: url(../images/topContentArch03sp.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
}

#top article.wrapper section#contents div.content04 span.conBg {
	border-radius:0px;
	width: 100%;
	height: 100%;
	background-image: url(../images/topContentArch04sp.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
}

#top article.wrapper section#contents div.content05 span.conBg {
	border-radius:0px;
	width: 100%;
	height: 100%;
	background-image: url(../images/topContentArch05sp.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
}

#top article.wrapper section#contents div.content06 span.conBg {
	border-radius:0px;
	width: 100%;
	height: 100%;
	background-image: url(../images/topContentArch06sp.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
}

#top article.wrapper section#contents div.content01 img,
#top article.wrapper section#contents div.content02 img,
#top article.wrapper section#contents div.content03 img,
#top article.wrapper section#contents div.content04 img,
#top article.wrapper section#contents div.content05 img,
#top article.wrapper section#contents div.content06 img {
	position: absolute;
	top: -20px;
	right: 0;
	width:100%;
	height: auto;
	z-index: 1;
}

#top article.wrapper section#feature div {}

#top article.wrapper section#feature div a {}

#top article.wrapper section#feature div img {
	width:auto;
	height: 100%;
	/*position: relative;*/ /* tk com out 0722 */
  position: absolute; /* tk add 0722 */
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

#top article.wrapper section#feature div a {
	border-radius:14px;
	position: absolute;
	left: 0;
	top:0;
	display: block;
	width: 100%;
	height:100%;
	z-index: 3;
	border: 0px solid #333333;
}

#top article.wrapper section#feature div a span {
	display:block;
	width:100%;
	position:absolute;
	right:0;
	bottom:0;
	background-color: rgba(255,255,255,0.6);
	font-size: 10px;
	line-height:11px;
	padding:2px 6px 2px 0;
	color: #444444;
	text-align: right;
	text-indent: 20px;
}

#top article.wrapper section#feature div h2:after {
	display: none;
	content: '	';
	width: 0;
	height:0;
	float: right;
}

/* tk com out start 0811 */
/*#top article.wrapper section#customer div a h2 {
	top: 50%;
	/*left:50%;*/ /* tk com out se 0722 */
  /*right: 0%; /* tk add se 0722 */
	/*-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-image: none;
	position: relative;
	width: 46%;
	display: block;
	color: #444444;
	font-size: 11px;
	line-height: 13px;
	background-color: transparent;
}*/

#top article.wrapper section#customer div a h2 sub,
#top article.wrapper section#customer nav {
	display: none;
}

#top article.wrapper section#customer div a h2 span {
	display:block;
	margin: 0;
}

#top article.wrapper section#customer div img,
#top article.wrapper section#customer div.double img {
	border-radius:0px;
	width: auto;
	/*height: 90px;*/
	margin: auto;
	height: 100%; /* tk add se 0722 */
	position:relative; /* tk add se 0722 */
	left:-23%; /* tk add se 0722 */
}

/* tk com out start 0811 */
/*#top article.wrapper section#customer div.double a h2,
#top article.wrapper section#customer div a h2 {
	display: block;
	width: 100%;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	font-size: 11px;
	color: #444444;
}*/
/* tk com out end 0811 */


/*-------#event-------*/
/* tk com out start 0811 */
/*#top article.wrapper section#event div a h2 {
	top: 50%;
  right: 0%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-image: none;
	position: relative;
	width: 46%;
	display: block;
	color: #444444;
	font-size: 11px;
	line-height: 13px;
	background-color: transparent;
}*/
/* tk com out end 0811 */

#top article.wrapper section#event div a h2 sub,
#top article.wrapper section#event nav {
	display: none;
}

#top article.wrapper section#event div a h2 span {
	display:block;
	margin: 0;
}

#top article.wrapper section#event div img,
#top article.wrapper section#event div.double img {
	border-radius:0px;
	width: auto;
	/*height: 90px;*/
	margin: auto;
	height: 100%; /* tk add se 0722 */
	position:relative; /* tk add se 0722 */
	left:-23%; /* tk add se 0722 */
}

/* tk com out start 0811 */
/*#top article.wrapper section#event div.double a h2,
#top article.wrapper section#event div a h2 {
	display: block;
	width: 100%;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	font-size: 11px;
	color: #444444;
}*/
/* tk com out end 0811 */

/*-----------------------------tk add chg start 0811 top CustomEvent --------------------*/
#top article.wrapper section#customer div a h2,
 #top article.wrapper section#event div a h2 {
    display: block;
    width: 100%;
    padding: 10px 0px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    /*background-image: rgba(255, 0, 0, 0.42); tk ch 0827*/
    background-image: none;
    background-color: #f00;
    color: #FFF;
    text-align: center;
    line-height: 1;
    height: 10px;
}
/*-----------------------------tk add chg end 0811 top CustomEvent --------------------*/



/*-------#pages-------*/

.column01 article.wrapper {
	position: relative;
}

#pages div.upper {
	position: relative;
	overflow: hidden;
	border: 0px solid #333333;
	height: 140px;
}

#pages div.upper.noPic {
	height: 60px;
}

#pages div.upper h1,
#pages div.upper p {
	position: absolute;
	height: 40px;
	width: 100%;
	background-image: none;
	font-size:22px;
	line-height: 40px;
	text-indent: 10px;
	padding: 0;
	margin: 0;
	top:200px;
	font-weight: 200;
}

#pages div.upper h1.noPic,
#pages div.upper p.noPic {
	top:20px;
}

#pages div.upper section#pageMainVisual01 {
	position: relative;
	top:0;
	height: 120px;
	overflow: hidden;
}

#pages div.upper section#pageMainVisual01.noPic {
	background-color: #ffffff;
	height: 100px;
}

#pages div.upper section#pageMainVisual01 .up img,
#pages div.upper section#pageMainVisual01 .dn img {
	height: auto;
	width: 100%;
	position: absolute;
}

#pages div.upper section#pageMainVisual01 .up,
#pages div.upper section#pageMainVisual01 .dn {
	height:120px;
	overflow: hidden;
}

.column01 article.wrapper nav {
	display: none;
}

.column01 section.content {
	display: block;
	margin: 0;
	padding: 20px 0 30px 0;
	min-height: 200px;
	width: 100%;
	height: auto;
}

.column01 section#content01 h1 img {
	width: 160px;
}

.column01 nav#sideNavi {
	display: none;
}

.column01 section .inner {
	margin: 0 20px 0 20px;
	padding: 10px 0 0 0;
}

.column01 article.wrapper section.content p.lead {
    text-align: left;
}

.column01 section#content01 .inner {
	color:#37371e;
	font-size: 16px;
	line-height:38px;
	padding: 0 0 20px 0;
}

.column01 section .inner h1.titles {
	height: 60px;
	font-size: 20px;
	/*background-position:  center 50px;*/
  background-position: center 56px; /* tk chg 0723 */
	margin: 0 0 20px 0;
}

.column01 article.wrapper,
.column02 article.wrapper {
	position: relative;
	clear: both;
	top:0;
	margin: 0 auto 0 auto;
	padding: 0;
	border-radius: 0;
}

.column02 article.wrapper section.content {
	padding: 0px 10px 40px;
	margin: 0;
}

.column02 article.wrapper section.content .inner {
	margin: 0;
	padding: 0;
}

.column02 article.wrapper section.content  ul li em {
	display: block;
	font-weight: 400;
	font-size: 18px;
	line-height:26px;
}

.column02 article.wrapper section.content ul {
	margin: 20px 0 0 0;
	padding: 0;
}

.column02 article.wrapper section.content ul li {
	font-size: 14px;
	line-height:26px;
	font-weight: 200;
	margin: 10px 0 0 0;
}

.column02 article.wrapper section.content  ul li {
}

/*----start tk add 0904 pigeonway -------------*/

#pages.pigeonway div.upper h1, #pages.pigeonway div.upper p {
  position: absolute;
  height: 40px;
  width: 100%;
  background-image: none;
  font-size: 22px;
  line-height: 40px;
  text-indent: 10px;
  padding: 0;
  margin: 0;
  top: 200px;
  font-weight: 200;
}

#pages.pigeonway div.upper section#pageMainVisual01 {
  position: relative;
  top: 0;
  height: 120px;
  overflow: hidden;
}

#pages.pigeonway div.upper section#pageMainVisual01 .up, #pages.pigeonway div.upper section#pageMainVisual01 .dn {
  height: 120px;
  overflow: hidden;
}

.column01.pigeonway article.wrapper {
    position: relative;
    clear: both;
    top: 0;
    margin: 0 auto 0 auto;
    padding: 0;
    border-radius: 0;
}
/*----end tk add 0904 pigeonway -------------*/

/* ============================================
    sideNavi sp
============================================ */
/* tk add 0805 */
#pages.column02 article.wrapper nav#sideNavi ul.subNavi {
  display: none;
  position: relative;
  top: -15px;
  left: 0;
  width: 100%;
  background: #404040;
  color: #fff;
  border-radius: 0;
  padding: 0;
  z-index: 50;
}

.column02 article.wrapper nav#sideNavi {
	position: relative;
	margin: 0;
	padding:0 0 10px 0;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	background-color: rgba(245,245,245,0.8);
	border-radius: 0px;
	font-size: 14px;
	line-height: 12px;
	overflow: hidden;
	white-space: normal;
}

/* tk add 0804 */
#pages.column02 article.wrapper nav#sideNavi a {
  -webkit-tap-highlight-color: rgba(255,255,255,0.5);

}

.column02 article.wrapper nav#sideNavi ul {
	margin:15px 0 5px 0 !important;
	width: 100% !important; /* tk imp add 0724 */
}

.column02 article.wrapper nav#sideNavi ul li  {
	display: inline-block;
	width: 45%;
	height: auto;
	/*padding: 0 0 0 5px; */ /* tk com out 0804 */
	line-height: 12px;
  margin-left: 5px; /* tk add 0804 */
  border-radius: 6px; /* tk add 0804 */
  vertical-align: top; /* tk add 0806 */
  min-height: 44px; /* tk add 0806 */
}

.column02 article.wrapper nav#sideNavi ul li a {
	display: inline;
	padding:0;
	color: #777777;
	/*height: 12px !important;*/　/* tk chg 0803 */
  height: auto;
	border: 0 none;
}

/* subNavi */
.column02 article.wrapper nav#sideNavi ul.subNavi {
	position: relative;
	top: 0;
	left: 0;
	border: none;
	border-radius: none;
}

/* tk add 0803 */
.column02 article.wrapper nav#sideNavi ul li ul li {
  width: 100%;
}

#pages.column02 article.wrapper nav#sideNavi ul.subNavi li a {
  color: #fff;
  font-weight: 400;
  line-height: 1.2;
  padding: 10px 6px 10px 14px;
  width: 124px;
}

.column02 article.wrapper nav#sideNavi > ul > li.subNaviOn:after {
  content: '';
  background: url(../images/subNav_arrow_sp.png) no-repeat;
  position: absolute;
  top: 13px;
  right: 4px;
  display: inline-block;
  width: 10px;
  height: 10px;
  background-size: contain;
  vertical-align: middle;
  border: 0 none;
  outline: none;
}

.column02 article.wrapper nav#sideNavi > ul > li.subNaviOn:hover:after {
  content: '';
  background: url(../images/subNav_arrow_sp_on.png) no-repeat;
  position: absolute;
  top: 13px;
  right: 4px;
  display: inline-block;
  width: 10px;
  height: 10px;
  background-size: contain;
  vertical-align: middle;
  border: 0 none;
  outline: none;
}




/* ============================================
    sideNavi sp  END
============================================ */

.column01 section.content.bg_d {
	background-color: rgba(0,0,0,0.25);
}

/*------MISC-----****/

.column01 section.content .inner ul.gridMenu li {
	display: block;
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
	background-color: #ffffff;
	border-radius: 14px;
	box-shadow: inset 0px 0px 3px rgba(0,0,0,0.5);
	text-align: center;
}

.column01 section.content .inner ul.gridMenu li a {
	display: block;
	color: #e673aa;
	width: auto;
	height: 90px;
}

.column01 section.content .inner ul.gridMenu li a span {
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0 5px 0 5px;
}

.column01 section.content .inner ul.listTable {
	margin: 0 10px 0 10px;
}

.column01 section.content .inner ul.listTable.left {
	width: auto;
	float: none;
}

.column01 section.content .inner ul.listTable.right {
	width: auto;
	float: none;
}

.column01 section.content .inner ul.listTable li {
	display: block;
	line-height: 20px;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #dddddd;
	color: #777777;
	font-size: 14px;
	text-align: left;
}

.column01 section.content .inner ul.listTable.style_b li {
	clear:both;
	border-bottom: 1px solid #ffffff;
}

.column01 section.content .inner ul.listTable li small,
.column01 section.content .inner ul.listTable.style_b small {
	margin: 0px 0 10px 0;
	position: relative;
	display: block;
	width: 100%;
	float: none;
	height: auto;
	color: #6e6e50;
	vertical-align: top;
	font-size: 10px;
	line-height: 14px;
	padding: 0 10px 0 0;
}

.column01 section.content .inner ul.listTable li small.noAbs {
	margin: 0;
	padding: 0 0 5px 0;
}

.column01 section.content .inner ul.listTable li span {
	display: inline-block;
	width: auto;
	padding: 0 0 0 35%;
	margin: 0;
	font-size: 16px;
	line-height: 22px;
}

.column01 section.content .inner ul.listTable.style_b span {
	width: auto;
	color: #ffffff;
}

.column01 section.content .inner ul.listTable li a {
	color: #8c9bd2;
}

.column01 section.content .inner ul.listTable li ul li {
	color: #ffffff;
	border-bottom: 0px solid #dddddd !important;
	font-size: 16px;
	line-height: 22px;
}


.column02 article.wrapper section.content.noSideNavi {
	padding: 20px 10px 40px;
}

.column02 article.wrapper section.content h1 {
	font-size:24px; /* tk chg 0810 */
	line-height: 1.4; /* tk chg 0810 */
}

.column02 article.wrapper section.content h1:after  {
	margin: 10px 0 0 0;
}

.column02 article.wrapper section.content p,
.column02 article.wrapper section.content .row ol {/*ol tk add150729*/
	font-size: 16px; /* tk chg 0806 14-16 */
	line-height: 1.6; /* tk chg 0806 22-1.6 */
}

.column02 article.wrapper section.content span.right {
	float: right;
	padding: 0 0 10px 10px;
	width: 50%; /* tk chg 0812 120-50% */
}

.column02 article.wrapper section.content p span.right small {
	font-size: 12px;
	line-height:16px;
	margin:0px;
}

.column02 article.wrapper section.content p span.right img {
	width: 100%;
  max-width: 100%;
	height: auto;
}

/* tk add 0812 */
.column02 article.wrapper section.content span.left {
	float: right;
	padding: 0 0 10px 10px;
	width: 50%; /* tk chg 0812 120-50% */
}

/* tk add 0812 */
.column02 article.wrapper section.content p span.left small {
	font-size: 12px;
	line-height:16px;
	margin:0px;
}

/* tk add 0812 */
.column02 article.wrapper section.content p span.left img {
	width: 100%;
  max-width: 100%;
	height: auto;
}

/*------MISC END****/

.sitemap .wrapper .content .inner {
	border-left: 0px solid #dddddd;
	border-right: 0px solid #dddddd;
	margin: 0;
}

.sitemap .wrapper .content .inner ul {
	border:0px solid #333333;
	padding: 0 0 20px 0;
	width:100%;
	margin: 0;
}

.sitemap .wrapper .content .inner ul li {
	border-bottom: 1px solid #cccccc;
	margin:0 0 0 0;
	padding: 15px 0 15px 0;
	font-size: 2em;
	line-height: 1em;
}

.sitemap .wrapper .content .inner ul li ul  {
	width:auto;
	margin: 15px 0 0 20px;
}

.sitemap .wrapper .content .inner ul li ul li {
	border-top: 1px solid #dddddd;
	border-bottom:0px solid #dddddd;
	float: left;width:100%;
	font-size: 14px;
	line-height: 18px;
	display: inline;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
}

.sitemap .wrapper .content .inner ul li ul li:before {
	content: "-";
	display: inline;
	padding: 0 0.3em 0 0.3em;
	float: left;
	color: #cccccc;
	font-size: 14px;
	line-height: 18px;
}

.sitemap .wrapper .content .inner ul li ul li.withThird {
	width:auto;
	border-top: 1px solid #dddddd;
	border-bottom:0px solid #dddddd;
	margin: 0 0 0 0;
}

.sitemap .wrapper .content .inner ul li a,
.sitemap .wrapper .content .inner ul li ul li a {
	display: block;
	color: #666666;
	border-radius: 1em;
	padding: 0 0 0 0px;
	line-height: 24px;
}

.sitemap .wrapper .content .inner ul li a {
	margin: 0;
}

.sitemap .wrapper .content .inner ul li ul li ul {
	margin: 10px 0 0 20px;
	padding: 0;
}

.sitemap .wrapper .content .inner ul li ul li ul li {
	border-top: 0px solid #cccccc;
	border-bottom:0px solid #cccccc;
	float:left;width:100%;
	font-size: 12px;
	line-height: 16px;
	display: inline;
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
}

/*------.global SP-TB only------*/

.sitemap.global {
	display: block;
}

.sitemap.global .closeBtn {
	display: none;
}

.sitemap.global .wrapper {
	margin-top:0;
	padding-top:0;
}

.sitemap.global .wrapper .content .inner ul.lang {
	margin-top:0;
	height: auto;
	margin: 0;border-bottom: 1px solid #dddddd;
	width: 100%;
}

.sitemap.global .wrapper .content .inner ul.lang li {
	line-height: 50px;
	height:50px;
	width: auto;
	margin: 0 0 0 0;
	padding: 0;
	border-radius: 0;
	border: 0;
}

.sitemap.global .wrapper .content .inner ul.lang li:before,
.sitemap.global .wrapper .content .inner ul.lang li:first-child {
		display: none;
}

.sitemap.global .wrapper .content .inner ul.lang a {
	display: inline-block;
	width: auto;
	position: relative;
	line-height: 20px;
	font-size: 18px;
	height: 20px;
	text-indent: 10px;
	background-image: url(../images/arrow.svg);
	background-repeat: no-repeat;
	background-position:  0 center ;
	margin: 0 5px 20px 0;
	padding: 0 5px 0 0;
	border-radius: 10px;
}

.sitemap.global .wrapper .content .inner ul {
	padding:0 0 0 0;
	border:0px solid #e5e5e5;
}

.sitemap.global .wrapper .content .inner ul.country li.areas {
	border-top: 0px ;
	font-weight: 700;
	padding-top: 20px;
}

.sitemap.global .wrapper .content .inner ul.country li.areas.spNone {
	display: none;
}

.sitemap.global .wrapper .content .inner ul.country li.areas:nth-child(2) {
	border-top: 0px ;
	font-weight: 700;
}

.sitemap.global .wrapper .content .inner ul.country li:before {
	display: none;
}

.sitemap.global .wrapper .content .inner ul li ul  {
	width:auto;
	margin: 0 0 0 20px;
}

.sitemap.global .wrapper .content .inner ul li ul li {
	width: 100%;
	margin: 0;
}

.sitemap.global .wrapper .content .inner ul li ul li img {
	margin: 0 5px 0 5px;
	vertical-align: middle;
	border: 1px solid #efefef;
}

.sitemap.global .wrapper .content .inner ul  div {
	margin-top: 30px;
	font-size: 18px;
}

.sitemap.global .wrapper .content .inner ul.country li a {
	line-height: 24px;
	position: relative;
}



/* ============================================
    footer for Smartphone
============================================ */

footer {
	padding: 20px 15px;
}

footer ul.siteNavi {
	/*display: none;*/
	position: relative;
	top: 0;
	left: 0;
	margin: 0 0 10px -8px;
}

footer ul.footerLink {
	float: none;
	margin: 0 0 0 -5px;
}

footer ul.footerLink li {
	display: inline-block;
	text-align: left;
	margin: 0 0 5px;
	padding: 0 5px;
}


/* ============================================
    breadCrumb for Smartphone
============================================ */

#breadCrumb {
	display: none;
	/*
	height: 40px;
	background: #f2f2f2;
	*/
}


/* ============================================
    global for Smartphone
============================================ */

body#global {
    display: block;
}


/* ============================================
    dataTable for Smartphone*/

/*.dataTable th,
.dataTable td {
    width: 100%;
    display: inline-block;
    float: left;
	padding: 10px;
}

.dataTable tr {
    border-bottom: none;
}*/
.dataTable th {
	min-width: 80px;
    /*background: #FAFAFA;
    border-bottom: 1px solid #DEDEDE;*/
}
/*============================================ */

/* scrollArea */

.scrollArea {
	overflow-x: auto;
	overflow-y: auto;
	position: relative;
	padding-bottom: 10px;
	width: 100%;
}

.scrollArea .dataTable {
	width: 720px;
}

.scrollArea::-webkit-scrollbar {
  height: 5px;
}

.scrollArea::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}

.scrollArea::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}


/* tab */

.column02 article.wrapper section.content .row .tab-box .col_1of2 .productsPhoto {
    margin: 0;
	width: 100%;
	text-align: center;
}
.column02 article.wrapper section.content .row .tab-box .col_1of2 .productsPhoto img {
	width: 75%;
	height: auto;
}

.column02 article.wrapper section.content .row .tab-box .productsInfo {
	margin: 20px 20px 0 0;
}

.column02 article.wrapper section.content .row .productsInfo li {
	width: auto;
}

.column02 article.wrapper section.content .row .tab-box .productsInfo li {
	display: inline-block;
	margin: 0 20px 0 0;
}


/* Global Network */
#globalNetwork .mapArea {
	display: none;
}


/* ============================================
    news for Tablet
============================================ */

#newsIndex dl dt {
	float: none;
	width: 100%;
}

#newsIndex dl dd {
	margin: 0;
}

#newsIndex dl dd a {
	margin: 0;
}



/* =======================================================================================
    TK add  SP
======================================================================================= */

/* ============================================
    common SP
============================================ */
/* 150721 add*/
.row [class^=col_] {
  display: inline-block;
  box-sizing: border-box;
  float: left;
  overflow: hidden;
  margin: 0;
  width: 100%;
}

.column02 article.wrapper section.content .row a {
  width: 94%;
  margin: 0 auto;
  display: block;
}


.column02 article.wrapper section.content a.roundedBox img {
  width: 100%;
  height: auto;
}


.column02 article.wrapper section.content .inner .row:nth-child(2) {
  margin-top: 40px;
}

/* 0722 tk add */
.column02 article.wrapper section.content .inner .row .col_1of4 {
  width: 48%;
  margin: 0 1%;
}

.column02 article.wrapper section.content .inner .row .col_1of3 {
  width: 48%;
  margin: 0 1%;
}

.column02 article.wrapper section.content .row {
  margin: 0 0 30px;/*margin: 0;→tk chg 150728*/
}

/* 0804 */
.w100 {
  width: 100px !important;
}

/* ============================================
    footer SP
============================================ */
footer {
  display: block !important;
}

/* ============================================
    Fans Voice index SP
============================================ */
.column02 article.wrapper section.content .row#fansVoice .tab-box .productsInfo {
  margin: 4% 0 0 0;
}

.column02 article.wrapper section.content .row#fansVoice .tab-box .productsInfo li {
  margin: 0 1%;
  width: 22%;
}

.column02 article.wrapper section.content .row#fansVoice .tab-box .productsInfo li img {
  width: 100%;
  height: auto;
}

/* 0721 add*/
/*.column02 article.wrapper section.content .row#fansVoice .tab-box .col_1of2 {
  margin-bottom: 10px;
}
*/
.column02 article.wrapper section.content .row#fansVoice .tab-box .col_1of2 a {
  width: 78% ;
}

/* tk add 0722 */
.column02 article.wrapper section.content .row#fansVoice .tab-box .col_1of2 {
	margin: 0 0 4% 0;
}
.column02 article.wrapper section.content .row#fansVoice .tab-box .col_1of2:nth-child(2n) {
	margin: 0 0 4% 0;
}


/* ============================================
    Fans Voice SP
============================================ */
.fansvoice article.wrapper section.content .row .fansColInn,
 .column02 article.wrapper section.content .row .fansColInn {
  width: 100%;
  margin: 0 0 5%;
}

.fansvoice article.wrapper section.content .row .fansColInn p.productsPhoto,
 .column02 article.wrapper section.content .row .fansColInn p.productsPhoto {
  width: 90%;
  display: block;
  margin: 0 auto 10%;
}

.fansvoice article.wrapper section.content .row .productsInfo,
 .column02 article.wrapper section.content .row .productsInfo {
  width: 90%;
  margin: 0 auto;
  display: block;
  float: none;
}

.fansvoice article.wrapper section.content .row .productsInfo li:nth-child(even),
 .column02 article.wrapper section.content .row .productsInfo li:nth-child(even) {
  margin: 0 1% ;
}

.fansvoice article.wrapper section.content .row .productsInfo li:last-child,
 .column02 article.wrapper section.content .row .productsInfo li:last-child {
  margin: 0 1%;
}

.fansvoice article.wrapper section.content .row .productsInfo li,
 .column02 article.wrapper section.content .row .productsInfo li {
  width: 31%;
  margin: 0 1%;
  padding: 12px;
}

.fansvoice article.wrapper section.content .row .productsInfo .fansvoicePrName,
 .column02 article.wrapper section.content .row .productsInfo .fansvoicePrName {
  display: none;
}
/*
.fansvoice article.wrapper section.content .row .productsInfo li img {
  width: 100%;
  height: auto;
}
*/
.fansvoice article.wrapper section.content p.choProducts,
 .column02 article.wrapper section.content p.choProducts {
  width: 100%;
}

.column02 article.wrapper section.content .row#fansVoice .tab-box .col_1of2 .productsPhoto {
  margin: 0;
  width: 100%;
  max-width: 100%;
}

.column02 article.wrapper section.content p.fansvoiceCat {
	font-size: 14px;
	line-height: 22px;
  width: 100%;
}

/* ============================================
    Top SP
============================================ */
#top article.wrapper section#feature div a:hover {
  background-color: rgba(230,115,170,0.4);
}

/* ============================================
    PigeonWay SP
============================================ */
.column01 article.wrapper section.content p.keyWords {
  color: #D63D86;
  font-size: 18px; /* tk add 0723 */
}

.column01 section .inner h1.titles {
  font-weight: 700;
}
/* 0723 add */
#pages.pigeonway .row img {
  width: 100%;
  max-width: 350px;
  height: auto;
}

/* 0907 add */
.pigeonway #content04 .keyWords:before, .pigeonway #content05 .keyWords:before {
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/pigeonway/images/iconKeywords.png) no-repeat;
  background-size: contain;
  margin-right: 5px;
  position: relative;
  top: 4px;
}

/* ============================================
    except Fans Voice Detail  SP
============================================ */

#pages div.upper.noPic {
  display: none;
}

/* ============================================
    Only Fans Voice Detail  SP
============================================ */
#pages.voiceDetail div.upper.noPic {
  display: block;
}

/* ============================================
    about GlobalNetwork  SP
============================================ */
.column02 article.wrapper section.content .row ul.tabList.col3 li:nth-child(3n) {
  margin-right: 0 !important;
}

.column02 article.wrapper section.content .row ul.tabList.col3 li {
  width: 30%;
 }

/* ============================================
    about message  SP
============================================ */
.column02 article.wrapper section.content p span.right small {
  font-size: 10px;
}

/* ============================================
    about company  SP  0821 add
============================================ */
.column02 article.wrapper section.content.company .row ul li {
  width: 80%;
}

/* ============================================
    about origin  SP  0821 add
============================================ */
.column02 article.wrapper section.content.origin .inner .row .col_1of3 {
  width: 100%;
}
/* ============================================
    about nbhistory  SP
============================================ */
.nbhistory article.wrapper section.content .inner .row .col_1of4 {
    width: 100%;
}
/* ============================================
    about SP
============================================ */

/*--about index--*/
/* tk add 0723 */
.roundedBox span {
  font-size: 80%;
}

/* tk add 0824 */
.column02 article.wrapper section.content .inner .aboutTop .row {
  margin: 0;
}

/* ============================================
    sitemap SP
============================================ */
/*
.column02.sitemap article.wrapper section.content.noSideNavi .inner ul li ul li {
  width: 97%;
}
*/
.column02.sitemap article.wrapper section.content.noSideNavi .inner ul li ul li.bt1:nth-child(2) {
    border-top: 0px;
}

.column02.sitemap article.wrapper section.content.noSideNavi ul li {
  padding: 13px 0;
}

.sitemap .wrapper .content .inner ul li a, .sitemap .wrapper .content .inner ul li ul li a {
  line-height: 36px;
}

/*.column02.sitemap article.wrapper section.content.noSideNavi .inner .bb0 {
  border-bottom: 0px;
}
*/
.column02.sitemap article.wrapper section.content.noSideNavi ul li.tab_bb0 {
  border-bottom: 0px;
}

.column02.sitemap article.wrapper section.content.noSideNavi ul li.tab_bb1 {
  border-bottom: 1px solid #e5e5e5 !important;
}
/* ============================================
    news for sp
============================================ */
#newsIndex dl dd span,#newsIndex dl dd a {
  float: none;
}

#newsIndex dl dd span {
  margin: 5px 0;
}

#newsIndex dl dt,#newsIndex dl dd a {
  width: 100%;
}

.column02.newsDetail table.newsTableR {
  width: 100%;
  font-size: 12px;
}

.column02.newsDetail table.newsTable,.column02.newsDetail table.dataTable {
  font-size: 14px;
}


.column02 article.wrapper nav#sideNavi.newsNavi ul li {
    display: inline-block;
    width: 29%; /* tk chg 0810 30-29 */
    padding: 0 0 0 5px;
    height: auto;
    line-height: 12px;
    min-height: 36px; /* tk add 0810 */
}

.column02.newsDetail table.newsmid60 {
    margin-left: auto;
    font-size: 12px;
    width: 100%;
}

/* tk add 0811 */
#top article.wrapper section#contents div#news ul li a {
  display: block;
  height: auto; /* tk add 0811 */
}

/* tk add 0811 */
#top article.wrapper section#contents div#news ul li a span {
  display: inline-block;
  height: auto;
  word-break: break-word;
}

#top article.wrapper section#contents div#news ul li a small {
	display: block;
	width: 100%;
	float: none;
  height:auto; /* tk add 0811 */
}

#top ul.list .pdf:after {
  content: url(../images/icon_pdf.gif);
  position: relative;
  top: -1px;
  margin-left: 5px;
}


/* ============================================
    /global/index.html for sp
============================================ */
.column02.sitemap.global article.wrapper section.content.noSideNavi .inner ul li ul.country {
  width: 95%;
}

.column02.sitemap.global article.wrapper section.content.noSideNavi .inner ul li ul.country li {
  width: 92%;
}

/* ============================================
    #notification SP
============================================ */
/*--------#notification START--tk add 0812-------*/

#top article.wrapper section#contents div#notification {
  margin: 0 0 16px 0;
  width: 100%;
  border: 1px solid #ccc;
  height: auto !important;
  font-size: 12px;
  -webkit-text-size-adjust: 100%;
}

#top article.wrapper section#contents div#notification div.notifList {
  width: 96% !important;
  height: auto !important;
  padding: 2% !important;
  margin: 0;
  display: table;
}

#top article.wrapper section#contents div#notification div.notifList .notifBody {
  width: 80% !important;
  height: auto !important;
  margin: 0;
  display: table-cell;
  border-right: 2px solid #ccc;
  border-radius: initial;
  padding-right: 10px;
}

#top article.wrapper section#contents div#notification div.notifList .seeDetail {
  width: 10% !important;
  height: auto !important;
  display: table-cell;
  padding-left: 0;
}

#top article.wrapper section#contents div#notification div.notifList .seeDetail img {
  top: 2px;
  position: relative;
  left: 12px;
}

#top article.wrapper section#contents div#notification div.notifList .notifTtl {
  display: block;
  font-weight: 700;
  color: #6E6E50;
}

#top article.wrapper section#contents div#notification div.notifList .notifLink {
  padding-left: 0;
}

#top article.wrapper section#contents div#notification div.notifList .notifOther {
  padding-left: 0;
  display: block;
}

#notification .pdf:after {
  content: url(../images/icon_pdf.gif);
  position:relative;
  top: 2px;
}

#top article.wrapper section#contents div#notification .spHide {
  display: none;
}

/* ============================================
    #CustomerNotification SP 0825 add
============================================ */
#top article.wrapper section#customer #CustomerNotification {
 margin: 10px 1%;
 float: none;
}

#top article.wrapper section#customer #CustomerNotification h3:hover {
  opacity: 1;
  background: #F00;
  color: #FFF;
}


/* ============================================
    top otherContents SP 0825 add
============================================ */
#top article.wrapper section#otherContents {
    max-width: 100%;
    margin:0 1% 40px;
}

/* =============================================================
   // TK add
============================================================= */

}


/* ------------------------------------------------------
	Clear Floated Elements
---------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after  {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix  {
	height: 1%;
}

.clearfix  {
	display: block;
}

/* ------------------------------------------------------
    Lower Page Globalmap  0728 tk add  start
---------------------------------------------------------*/

#globalmap{ position: relative; height: 450px;}
#partslistpage #globalmap{ position: relative; height: 330px;}

#globalmap div.map00{ position: absolute;}
#globalmap div.map01{ position: absolute;}
#globalmap div.map02{ position: absolute;}
#globalmap div.map03{ position: absolute;}
#globalmap div.map04{ position: absolute;}
#globalmap div.map05{ position: absolute;}
#globalmap div.map06{ position: absolute;}
#globalmap span.closeBtn{display: none;position: absolute; top: 0; left: 0; width: 100%;  height: auto;  z-index: 7; background-color: #333333;}
#globalmap div.map00 img,
#globalmap div.map01 img,
#globalmap div.map02 img,
#globalmap div.map03 img,
#globalmap div.map04 img,
#globalmap div.map05 img,
#globalmap div.map06 img{  width: 900px; height: 450px; }

#partslistpage #globalmap div.map00 img,
#partslistpage #globalmap div.map01 img,
#partslistpage #globalmap div.map02 img,
#partslistpage #globalmap div.map03 img,
#partslistpage #globalmap div.map04 img,
#partslistpage #globalmap div.map05 img,
#partslistpage #globalmap div.map06 img{  width: 704px; height: 330px; }

#globalmap div.map00,
#globalmap div.map01,
#globalmap div.map02,
#globalmap div.map03,
#globalmap div.map04,
#globalmap div.map05,
#globalmap div.map06{display: none;}

#globalmap div.selected{
    display: block;
}

/* ----------------------------------------
Version TB
/* ---------------------------------------- */

@media screen and (min-width:768px) and (max-width: 980px)  {

#globalmap{position: relative; width: 603px; height: 300px; margin: 0 auto ;}
#globalmap div.map00 img,
#globalmap div.map01 img,
#globalmap div.map02 img,
#globalmap div.map03 img,
#globalmap div.map04 img,
#globalmap div.map05 img,
#globalmap div.map06 img{ width: 603px !important; height: 300px !important;}

#partslistpage #globalmap{position: relative; width: 510px; height: 300px; margin: 0 auto ;}
#partslistpage #globalmap div.map00 img,
#partslistpage #globalmap div.map01 img,
#partslistpage #globalmap div.map02 img,
#partslistpage #globalmap div.map03 img,
#partslistpage #globalmap div.map04 img,
#partslistpage #globalmap div.map05 img,
#partslistpage #globalmap div.map06 img{ width: 510px !important; height: 300px !important; }


/*--------#notification START--tk add 0812-------*/
#top article.wrapper section#contents div#notification {
  width: 750px;
  border: 1px solid #ccc;
  height: auto !important;
  -webkit-text-size-adjust: 100%;
}

#top article.wrapper section#contents div#notification div.notifList {
  width: 96% !important;
  height: auto !important;
  padding: 2% !important;
  margin: 0;
  display: table;
}

#top article.wrapper section#contents div#notification div.notifList .notifBody {
  width: 80% !important;
  height: auto !important;
  margin: 0;
  display: table-cell;
  border-right: 4px solid #ccc;
  border-radius: initial;
}

#top article.wrapper section#contents div#notification div.notifList .seeDetail {
  width: 15% !important;
  height: auto !important;
  display: table-cell;
  padding-left: 0;
}

#top article.wrapper section#contents div#notification div.notifList .seeDetail img {
  top: 1px;
  position: relative;
  left: 6px;

}

#top article.wrapper section#contents div#notification div.notifList .notifTtl {
  display: block;
  font-weight: 700;
  color: #6E6E50;
}

#top article.wrapper section#contents div#notification div.notifList .notifLink {
  padding-left: 16px;
}

#top article.wrapper section#contents div#notification div.notifList .notifOther {
  padding-left: 16px;
  display: block;
}

#notification .pdf:after {
  content: url(../images/icon_pdf.gif);
  position:relative;
  top: 2px;
}

/*--------END notification---------*/


}

@media screen and (min-width:568px) and (max-width: 767px)  {

#partslistpage #globalmap{height: 0 !important;}
#partslistpage #globalmap div{display: none;}

#globalmap{position: relative; width: 473px; height: 200px; margin: 0 auto ;}
#globalmap div.map00 img,
#globalmap div.map01 img,
#globalmap div.map02 img,
#globalmap div.map03 img,
#globalmap div.map04 img,
#globalmap div.map05 img,
#globalmap div.map06 img{ width: 473px !important; height: 200px !important;}

/*--------#notification START--tk add 0812-------*/
#top article.wrapper section#contents div#notification {
  width: 480px;
  border: 1px solid #ccc;
  height: auto !important;
  -webkit-text-size-adjust: 100%;
  font-size: 12px;
  float: none;
  margin: 20px auto;
}

#top article.wrapper section#contents div#notification div.notifList {
  width: 96% !important;
  height: auto !important;
  padding: 2% !important;
  margin: 0;
  display: table;
}

#top article.wrapper section#contents div#notification div.notifList .notifBody {
  width: 70% !important;
  height: auto !important;
  margin: 0;
  display: table-cell;
  border-right: 4px solid #ccc;
  border-radius: initial;
  padding-right: 10px;
}

#top article.wrapper section#contents div#notification div.notifList .seeDetail {
  width: 19% !important;
  height: auto !important;
  display: table-cell;
  padding-right: 10px;
  margin-top: -9px;
  right: 5px;
}

#top article.wrapper section#contents div#notification div.notifList .seeDetail img {
  top: 2px;
  position: relative;
  left: 8px;
}

#top article.wrapper section#contents div#notification div.notifList .notifTtl {
  display: block;
  font-weight: 700;
  color: #6E6E50;
}

#top article.wrapper section#contents div#notification div.notifList .notifLink {
  padding-left: 0;
}

#top article.wrapper section#contents div#notification div.notifList .notifOther {
  padding-left: 0;
  display: block;
}

#notification .pdf:after {
  content: url(../images/icon_pdf.gif);
  position:relative;
  top: 2px;
}

/*--------END notification---------*/

}

@media screen and (max-width:567px) {

#globalmap{height: 0 !important;}
#globalmap div{display: none;}

}


/* ------------------------------------------------------
    Network Page
---------------------------------------------------------*/

h2.subtitle{
    padding: 10px 18px !important;
    margin-top: 40px !important;
    border-left: none !important;
}

h2.areaName01{
    background: #BAC3E4;
    color: #ffffff !important;
}

h2.areaName02{
    background: #EFAACB;
    color: #ffffff !important;
}

h2.areaName03{
    background: #99e6cc;
    color: #ffffff !important;
}

h2.areaName04{
    background: #FF4D4D;
    color: #ffffff !important;
}

h2.areaName05{
    background: #FFE641;
    color: #ffffff !important;
}

h2.areaName06{
    background: #BADEF3;
    color: #ffffff !important;
}

.mapSize{
    width: 100%;
}

#yearsLogo {
	position: absolute;
	/*display: table;*/
	top: 90px;
	right: 130px;
	/*width: 249px;
	height: 249px;*/
	text-align: center;
	vertical-align: middle;
	z-index: 10;
	/*background: url('../images/bg_60th_logo.png') no-repeat center center;*/
}

#yearsLogo .yearsLogo-img {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	margin-top: -50px !important;
	margin-left: -50px !important;
	width: 100px !important;
	line-height: 249px !important;
	height: auto !important;
	vertical-align: middle !important;
}

#yearsLogo .yearsLogo-txt {
	position: absolute !important;
	top: 63px !important;
	left: 50% !important;
	margin-left: -90px !important;
	vertical-align: middle !important;
}

#yearsLogo .yearsLogo-txt img {
	width: 180px !important;
	height: auto !important;
}

@media screen and (max-width:980px) {
	#yearsLogo {
		top: 80px;
	}
}

@media screen and (max-width:567px) {
	#yearsLogo {
		top: 70px;
		right: 30px;
	}

	#yearsLogo .yearsLogo-img {
		width: 60px !important;
		margin-top: 0;
		margin-left: 0;
		height: auto;
	}

	#yearsLogo .yearsLogo-txt {
		display: none;
	}

}