@charset "utf-8";

/*================================================================================
	initialize or setting Default HTML TAG
================================================================================*/
html{
	margin: 0px;
	padding: 0px;
	height:100%;
}

body {
	margin: 0px;
	padding: 0px;
	height:100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	color: #5b5b5b;
	line-height:1.8;
}

p,dl{
/*
	text-align:justify;
	text-justify:inter-ideograph;
*/
}

ul,ol{
	padding-left:1.5em;
}

hr{
	margin-top:23px;
	margin-bottom:-22px;
	margin-right:20px;
	padding:0px;
	height:0px;
	border:none;
	border-top:solid 1px #dedede;
}

a img{
	border:none;
	outline:none;
}

/*================================================================================
	anchor & button setting
================================================================================*/
a:link {
	text-decoration: none;
	color: #5b5b5b;
	outline:none;
}

a:visited {
	text-decoration: none;
	color: #5b5b5b;
	outline:none;
} 

a:hover {
	text-decoration: none;
	outline:none;
	opacity: 0.6;
	filter: alpha(opacity=75);
}

button:hover{
	text-decoration: none;
	outline:none;
	opacity: 0.6;
	filter: alpha(opacity=75);
}

/*================================================================================
	site identity
================================================================================*/
/* header section */
header#commonHeader {
	width: 960px;
	margin: 0px auto;
	padding:0px 0px 0px;
}

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

header#commonHeader h1#siteId{
	margin:20px 200px 4px 0px;
	padding:0px;
	width: 170px;
	height: 83px;
	display: block;
	float: left;
}

header#commonHeader h1#siteId a{
	width: 170px;
	height: 83px;
	margin: 0px;
	padding: 0px;
	display: block;
	background-image:url(/image/common/site_logo.png);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-99999px;
}

header#commonHeader p#siteDescription{
	width: 500px;
	height: 20px;
	min-height: 20px;
	margin: 20px 0px 36px;
	padding: 0px;
	display: block;
	overflow: hidden;
	float: left;
	font-size: 71%;
	color:#808080;
	line-height: 1;
	text-align: right;
}

header#commonHeader p#userNames{
	width: 300px;
	height: 20px;
	min-height: 20px;
	margin: 20px 0px 22px;
	padding: 0px;
	display: block;
	overflow: hidden;
	float: left;
	font-size: 71%;
	color:#808080;
	line-height: 1;
	text-align: left;
}

header#commonHeader aside{
	margin: 0px;
	padding: 0px;
	display: block;
	float: right;
	position:relative;
}

header#commonHeader aside#receptionMenu ul,
header#commonHeader aside#memberMenu ul
{
	margin: 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 78%;
	line-height: 1;
}

header#commonHeader aside#receptionMenu ul:after,
header#commonHeader aside#memberMenu ul:after
{
	content: "";
	display: block;
	clear: both;
}

header#commonHeader aside#receptionMenu ul li,
header#commonHeader aside#memberMenu ul li
{
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
}

header#commonHeader aside#receptionMenu ul li a,
header#commonHeader aside#memberMenu ul li a
{
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-99999px;
}

/*
header#commonHeader aside#receptionMenu ul li a#receptionTel{
	width:143px;
	height:27px;
	background-image:url(/image/common/headermenu_01.png);
}
*/

header#commonHeader aside#receptionMenu ul li a#receptionNews{
	width:77px;
	height:27px;
	background-image:url(/image/common/headermenu_01.png);
}

header#commonHeader aside#receptionMenu ul li a#receptionSupport{
	width:73px;
	height:27px;
	background-image:url(/image/common/headermenu_02.png);
}

header#commonHeader aside#receptionMenu ul li a#receptionMail{
	width:103px;
	height:27px;
	background-image:url(/image/common/headermenu_04.png);
}

header#commonHeader aside#receptionMenu ul li a#receptionLang{
	width:84px;
	height:27px;
	background-image:url(/image/common/headermenu_05.png);
}

/*
header#commonHeader aside#receptionMenu ul li a#receptionFaq{
	width:99px;
	height:27px;
	background-image:url(/image/common/headermenu_05.png);
}
*/

/*
header#commonHeader aside#receptionMenu ul li a#receptionTel.eng{
	width:143px;
	height:27px;
	background-image:url(/image/common/headermenu_e_01.png);
}
*/

header#commonHeader aside#memberMenu ul li a.receptionLogin{
	width:71px;
	height:27px;
	background-image:url(/image/common/headermenu_03.png);
}

header#commonHeader aside#memberMenu ul li a.receptionUmenu{
	width:100px;
	height:27px;
	background-image:url(/image/common/headermenu_06.png);
}

header#commonHeader aside#memberMenu ul li.receptionUname{
	max-width:120px;
	height:27px;
	text-align:right;
}

header#commonHeader aside#memberMenu ul li.receptionUname span.nameBox{
	max-width:90px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display:inline-block;
	margin:3px 5px 0px 0px;
}

header#commonHeader aside#memberMenu div#memberPDMenu{
	width:220px;
	display:none;
	position:absolute;
	right:0px;
	top:25px;
}

header#commonHeader aside#receptionMenu ul li a#receptionMail.eng{
	width:85px;
	height:27px;
	background-image:url(/image/common/headermenu_e_02.png);
}

header#commonHeader aside#receptionMenu ul li a#receptionNews.eng{
	width:61px;
	height:27px;
	background-image:url(/image/common/headermenu_e_03.png);
}

header#commonHeader aside#receptionMenu ul li a#receptionLang.eng{
	width:61px;
	height:27px;
	background-image:url(/image/common/headermenu_e_04.png);
}

header#commonHeader aside#changeLang{
	max-width: 100px;
	height: 20px;
	min-height: 20px;
	margin: 20px 0px 22px 10px;
	padding: 0px;
	display: block;
	overflow: hidden;
	float: left;
	font-size: 65%;
	color:#808080;
	line-height: 1;
	text-align: right;
}

header#commonHeader nav#specialPDMenu ul
{
	margin: 0px 0px 10px;
	padding: 0px;
	list-style-type: none;
	font-size: 78%;
	line-height: 1;
}

header#commonHeader nav#specialPDMenu ul:after
{
	content: "";
	display: block;
	clear: both;
}

header#commonHeader nav#specialPDMenu ul li
{
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: right;
}

header#commonHeader nav#specialPDMenu ul li a
{
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-99999px;
}

header#commonHeader nav#specialPDMenu ul li a#receptionSTRMenu{
	width:71px;
	height:27px;
	background-image:url(/image/common/headermenu_str.png);
	cursor:pointer;
}

header#commonHeader nav#specialPDMenu ul li a#receptionSTRMenu.eng{
	background-image:url(/image/common/headermenu_str_en.png);
}

/* footer section */
footer#commonFooter {
	width: 960px;
	margin:60px auto 60px;
	padding:0px;
	overflow:hidden;
	position: relative;
	border-top:solid 1px #e8e8e8;
}

a.gotoPageTop {
	background-image: url(../image/common/pagetop.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	float:right;
	width: 40px;
	height: 20px;
	overflow: hidden;
	margin:0px;
	padding:0px;
	text-indent:-99999px;
	line-height:0px;
}

ul#footerMenu {
	width: 480px;
	margin: 50px 0px 0px -11px;
	padding: 0px;
	list-style-type: none;
	overflow: hidden;
	float: left;
}

ul#footerMenu li {
	padding-right: 0px;
	padding-left: 5px;
	margin-left:5px;
	margin-bottom: 8px;
	border-left: solid 1px #b2b2b2;
	line-height:9px;
	float: left;
}

ul#footerMenu li:first-child{
	margin-left:11px;
	padding-left:0px;
	border:none;
}

ul#footerMenu li a {
	white-space: nowrap;
	font-size:65%;
	color:#b2b2b2;
}

p#copyright {
	width: 460px;
	text-align: right;
	margin: 20px 0px 0px;
	padding: 0px;
	font-size:65%;
	color:#b2b2b2;
	position:absolute;
	bottom:-3px;
	right:0px;
}

p#copyright span.large{
	font-size:160%;
	vertical-align:-3px;
}

footer#commonFooter div#devicelink{
	margin:0px;
	padding:10px 0px;
	border-bottom:solid 1px #e8e8e8;
	text-align:center;
}

footer#commonFooter div#devicelink button.setdevice{
	display:inline-block;
	height:20px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px 20px;
	background-color:#b5b5b5;
	background-repeat:no-repeat;
	border-radius:10px;
	border:none;
	white-space:nowrap;
	line-height:1;
	cursor:pointer;
	text-align:center;
	color:#ffffff;
	font-family: "ヒラギノ角ゴ ProN W6";
}

/*================================================================================
	global menu
================================================================================*/
nav#globalMenu{
	width: 100%;
	height: 44px;
	padding:0px 0px 40px;
}

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

nav#globalMenu ul {
	width: 960px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	list-style-type: none;
	padding: 0px;
}

nav#globalMenu ul li {
	float: left;
	width: 152px;
	height:44px;
	margin:0px 0px 0px 50px;
	padding:0px;
}

nav#globalMenu ul li:first-child {
	float: left;
	width: 152px;
	margin:0px;
	padding:0px;
}

nav#globalMenu ul li a{
	display: block;
	overflow: hidden;
	width: 152px;
	height:44px;
	margin:0px;
	padding:0px;
	text-align:center;
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-indent:-99999px;
}

nav#globalMenu ul li a.select{
	background-position:0px -44px;
	cursor:default;
	pointer-events:none;
}

nav#globalMenu ul li a.selectEnable{
	background-position:0px -44px;
}

nav#globalMenu ul li a#glmProducts{
	background-image:url('../image/common/global_01.png');
}

nav#globalMenu ul li a#glmProjects{
	background-image:url('../image/common/global_02.png');
}

nav#globalMenu ul li a#glmTopics{
	background-image:url('../image/common/global_03.png');
}

nav#globalMenu ul li a#glmService{
	background-image:url('../image/common/global_04.png');
}

/*
nav#globalMenu ul li a#glmSupport{
	background-image:url('../image/common/global_04.png');
}
*/

nav#globalMenu ul li a#glmCompany{
	background-image:url('../image/common/global_05.png');
}

/* english */

nav#globalMenu ul li a.select.eng{
	background-position:0px -44px;
	cursor:default;
	pointer-events:none;
}

nav#globalMenu ul li a.selectEnable.eng{
	background-position:0px -44px;
}

nav#globalMenu ul li a#glmProducts.eng{
	background-image:url('../image/common/global_en_01.png');
}

nav#globalMenu ul li a#glmProjects.eng{
	background-image:url('../image/common/global_en_02.png');
}

nav#globalMenu ul li a#glmTopics.eng{
	background-image:url('../image/common/global_en_03.png');
}

/*
nav#globalMenu ul li a#glmSupport.eng{
	background-image:url('../image/common/global_en_04.png');
}
*/

nav#globalMenu ul li a#glmService.eng{
	background-image:url('../image/common/global_en_04.png');
}

nav#globalMenu ul li a#glmCompany.eng{
	background-image:url('../image/common/global_en_05.png');
}

/*================================================================================
	page frame
================================================================================*/
div#pageContent{
	width:960px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	visibility:hidden;
}

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

/* 2 colummn main area */
article#mainContent,section#mainContent{
	width:690px;
	margin:0px;
	padding:0px;
	float:left;
}

/* 2 colummn side bar */
aside#sideContent{
	width:250px;
	margin:0px;
	padding:0px;
	float:right;
	position:relative;
}

/* 1 colummn main area */
article#fullContent,section#fullContent{
	width:100%;
	margin:0px 0px 0px;
	padding:0px;
	z-index:10;
	position:relative;
}

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

/* rcs content */
div#rcsContent{
	width:100%;
	min-width:960px;
	margin:0px auto;
	padding:0px;
	text-align:center;
	position:relative;
	visibility:hidden;
}

div#univsContent{
	width:100%;
	min-width:960px;
	margin:-40px auto 0px;
	padding:0px;
	text-align:center;
	position:relative;
	visibility:hidden;
}

div#rcsContent:after,
div#univsContent:after{
	content:"";
	display:block;
	clear:both;
}

header#commonHeader nav#specialPDMenu{
	margin: 0px;
	padding: 0px;
	display: block;
	float: right;
	position:relative;
/*	height:37px;*/
	overflow:visible;
}

.wrapper{
	position:relative;
}

.wrapper:after{
	content:"";
	display:block;
	clear:both;
}

/*================================================================================
	scroller link
================================================================================*/
aside#pageScrollerLink{
	width:100%;
	margin:0px;
	padding:0px;
	position:fixed;
	z-index:1000;
	text-align:center;
	bottom:20px;
	display:none;
}

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

aside#pageScrollerLink ul{
	width:100px;
	margin:0px auto;
	padding:0px;
	list-style-type:none;
	text-align:center;
}

aside#pageScrollerLink ul:after{
	content: "";
	display: block;
	clear: both;
}

aside#pageScrollerLink ul li{
	margin:0px;
	padding:0px;
	float:left;
}

aside#pageScrollerLink ul li a{
	display:block;
	margin:0px;
	padding:0px;
	width:40px;
	height:40px;
	background-color:#000000;
	border-radius:50%;
	text-indent:-99999px;
}

aside#pageScrollerLink ul li a:hover{
	opacity:1 !important;
	background-color:rgba(0,0,0,0.7);
}

aside#pageScrollerLink ul li:last-child{
	margin:0px 0px 0px 20px;
	padding:0px;
	float:left;
}

aside#pageScrollerLink ul li:first-child a{
	display:block;
	margin:0px;
	padding:0px;
	width:40px;
	height:40px;
	background-color:#000000;
	border-radius:50%;
	background-image:url('/image/rcs/upt.png');
	background-position:no-repeat;
	background-repeat:no-repeat;
}

aside#pageScrollerLink ul li:last-child a{
	display:block;
	margin:0px;
	padding:0px;
	width:40px;
	height:40px;
	background-color:#000000;
	border-radius:50%;
	background-image:url('/image/rcs/inq.png');
	background-position:no-repeat;
	background-repeat:no-repeat;
	position:relative;
}

aside#pageScrollerLink ul li:last-child a span#scrollerInq{
	display:block;
	text-indent:0 !important;
	padding:5px !important;
	width:80px;
	position:absolute;
	top:-30px;
	left:-26px;
	font-size:75%;
	line-height:1;
	color:#3d3d3d;
	font-weight:normal;
	font-family: "FOT-筑紫ゴシック Pr5 M";
	opacity:0;
}