@charset "utf-8";

/* for HTML5 elements */
main, section, article, header, footer, aside, nav, figure, figcaption, canvas, source{
	display:block;
}
mark, time, data, svg, output, math{
	display:inline;
}
embed, video, meter, progress{
	display:inline-block;
}
datalist, keygen, audio, track, source{
	display:none;
}
ruby{
	display:ruby;
}
rb{
	display:ruby-base;
}
rt{
	display:ruby-text;
}
rtc{
	display:ruby-text-container;
}

body{
	color:#000;
	margin:0;
	padding:0;
	background-color:#fff;
	font-size:12pt;
}
img{
	border:none;
}
a, a:link{
	color:#2020fa;
	text-decoration:none;
}
a:visited{
	color:#701070;
}
a:active{
	color:#fa2020;
	text-decoration:none;
}
a:hover{
	color:#00e060;
	background-color:#e0e0c0;
	text-decoration:none;
}
p{
	line-height:1.2em;
	text-indent:1em;
}
img.left-float{
	float:left;
	margin-right:1em;
}
table{
	border-collapse:collapse;
}
li{
	margin-top:0.5em;
	margin-bottom:0.5em;
}
figure{
	margin:1em;
}
figcaption{
	text-align:center;
}

/*--------------------------------------------------
	 WholePageStructure
--------------------------------------------------*/
#strct{
	margin:0 auto;
	padding:0;
	min-width:1024px;
	max-width:1280px;
	position:center;
}

/*--------------------------------------------------
	CommonPageHeader
--------------------------------------------------*/
/* logo and title */
#header{
	margin:0;
	width:100%;
}
#header h1{
	margin:0.8em 5px 5px 0.8em;
	padding:0;
	float:left;
	width:116px;
	vertical-align:middle;
}
#header h1 a{
	display:block;
}
#header h1 a:hover{
	background:none;
	text-decoration:none;
}
#header h2{
	color:#fff;
	margin:0;
	padding:0.5em 1em 0.5em 0;
	float:right;
	width:18em;
	background-color:#860d0d;
	font-size:110%;
	text-align:right;
}

/* language sitemap */
#header #lang-map-search{
	margin:0;
	padding:0;
	float:right;
}
#header #lang-map-search ul{
	margin:10px 0 0 0;
	padding:0;
	height:15px;
	text-align:right;
	white-space:nowrap;
}
#header #lang-map-search ul li{
	margin:0 10px 0 0;
	padding:0;
	display:inline;
	height:12px;
	list-style:none;
}
#header #lang-map-search ul li a{
	margin:0;
	padding:0;
	text-decoration:none;
}
#header #lang-map-search ul li a:hover, #header ul li a:active{
	background:none;
	text-decoration:none;
}
#header #lang-map-search #ggl-img-text{
	margin:0 10px 0 0;
	padding:0;
	float:left;
}

/* navigation */
#header nav{
	clear:both;
	text-align:center;
}
#header nav ul{
	margin:0;
	padding:0;
	float:none;
	clear:both;
	height:25px;
	background-image:url('../img/hnav_bg.png');
	background-repeat:repeat-x;
	text-align:center;
	white-space:nowrap;
}
#header nav li{
	margin:0;
	padding:0;
	display:inline;
	height:25px;
	list-style:none;
	vertical-align:top;
}
#header nav li a{
	margin:0;
	padding:0;
	line-height:25px;
	text-decoration:none;
}
#header nav li a:hover, #header nav li a:active{
	background:none;
	text-decoration:none;
}

/*--------------------------------------------------
	CommonPageFooter
--------------------------------------------------*/
#footer{
	margin:0;
	width:100%;
	clear:both;
}
#footer ul{
	margin:0;
	padding:0;
	height:25px;
	background-color:#e0e0e0;
	text-align:center;
	white-space:nowrap;
}
#footer li{
	margin:0;
	padding:5px 0 0 0;
	display:inline;
	height:25px;
	list-style:none;
	font-size:66%;
}
#footer li a{
	color:#2020fa;
	padding-right:10px;
	padding-left:10px;
	background:none;
	line-height:25px;
	text-decoration:none;
}
#footer li a:hover, footer li a:active{
	background:none;
	text-decoration:underline;
}
#footer #copyright{
	color:#202020;
	margin:3px 1em 0 0;
	font-size:66%;
	text-align:right;
}

/*--------------------------------------------------
	CommonLeftSide
--------------------------------------------------*/
#strct-left{
	margin:0;
	padding:0;
	float:left;
	width:24%;
}
#strct-left h3{
	color:#101020;
	margin:0;
	padding:5px;
	border-bottom:1px dotted #bbb;
	border-top-right-radius:4pt;
	border-top-left-radius:2pt;
	background-color:#ffffd1;
	font-weight:bold;
	font-size:110%;
	text-align:center;
}
#strct-left nav, #strct-left aside{
	margin:0.5em 0 0 0;
	border:1px solid #bbb;
	border-top-left-radius:2pt;
	border-top-right-radius:4.5pt;
	border-bottom-right-radius:4.5pt;
	border-bottom-left-radius:2pt;
}
#strct-left nav ul{
	margin:0;
	padding:0;
}
#strct-left nav li{
	margin:0 6px 0 0;
	padding:0;
	list-style:none;
}
#strct-left nav li a{
	padding:5px 5px 5px 15px;
	border-bottom:1px dotted #bbb;
	display:block;
	width:auto;
	height:auto;
	background:none;
}
#strct-left nav li a:hover{
	color:#fff;
	background-color:#777;
	background-image:url('../img/lnav_bg.png');
	background-repeat:repeat-y;
	background-position:right;
	text-decoration:none;
	text-shadow:#511 1px 1px 2px;
}
#strct-left aside h4{
	margin:0;
	padding:0.5em 1em;
	font-weight:bold;
	font-size:105%;
}
#strct-left aside h5{
	margin:0;
	padding:1em 1em 0.5em 1em;
	border:none;
	font-weight:bold;
	font-size:100%;
}
#strct-left aside p{
	margin:0;
	padding:0 0.5em 0.25em 1em;
}
#strct-left aside ul{
	margin:1.5em 0.5em 1em 0;
	padding:0 0 0 15px;
	white-space:nowrap;
}
#strct-left aside ul li{
	margin:0 1.5em 0 0;
	padding:0;
	display:inline;
	list-style-type:none;
}
#strct-left aside ul.SbMenu{
	margin:0.5em 0.5em 0.5em 0;
}
#strct-left aside ul.SbMenu li{
	padding:0.25em 0;
	display:block;
}
#strct-left aside ul li img{
	margin:0 4pt 0 0;
	padding:0;
}

/* SNS Group */
#strct-left aside.snsgroup{
	padding:4pt 0.5pt 4pt 4pt;
	font-size:90%;
}
#strct-left aside.snsgroup ul{
	margin:0;
	padding:0;
	clear:both;
	width:98%;
	text-align:center;
	white-space:nowrap;
}
#strct-left aside.snsgroup ul li{
	margin:0;
	padding:0.5em 0;
	overflow:hidden;
	list-style:none;
}
#strct-left aside.snsgroup ul li.snsgr-twt iframe{
	margin:0;
	padding:0;
	border:none;
	overflow:hidden;
	width:215px;
	height:250px;
}
#strct-left aside.snsgroup ul li.snsgr-fb{
	margin:8pt 4pt 0 0;
	padding:0;
	display:inline;
}
#strct-left aside.snsgroup ul li.snsgr-fb iframe{
	margin:0;
	padding:0;
	border:none;
	overflow:hidden;
	display:inline;
	width:92px;
	height:62px;
}
#strct-left aside.snsgroup ul li.snsgr-gp{
	margin:4pt 0 0 0;
	padding:0;
	display:inline;
}
#strct-left aside.html5logo{
	margin:15px 0 0 0;
	padding:0.5em 1em;
	border-top:1px solid #bbb;
	border-right:none;
	border-bottom:1px solid #bbb;
	border-left:1px solid #bbb;
	border-bottom-left-radius:8px;
	border-top-left-radius:8px;
	text-align:center;
}
#strct-left aside.html5logo svg{
	margin:0.5em;
	padding:0;
	display:inline;
	vertical-align:middle;
}

/*--------------------------------------------------
	MainContent
--------------------------------------------------*/
/* structure */
#strct-main{
	margin:0;
	padding:5px 10px 0 10px;
	float:left;
	width:72%;
}

#HImgArea{
	margin:0 0 1em 0;
	padding:0;
	overflow:hidden;
	width:100%;
	height:160px;
	position:relative;
	top:0;
	left:0;
}
#TitleImage1{
	opacity:1;
	z-index:1;
	position:absolute;
	top:0;
	left:0;
}
#TitleImage2{
	opacity:0;
	z-index:2;
	position:absolute;
	top:0;
	left:0;
}

/* crumb */
#strct-main nav.crumb{
}
#strct-main nav.crumb ol{
	margin:0;
	padding:0;
	font-size:66%;
}
#strct-main nav.crumb li{
	padding-left:5px;
	padding-right:8px;
	display:inline;
	list-style-type:none;
}
#strct-main nav.crumb svg{
	margin:0;
	padding:0;
	display:inline;
	width:5px;
	height:8px;
}

/* content */
#strct-main h1{
	color:#224;
	margin-top:1em;
	margin-bottom:1em;
	font-weight:bold;
	font-size:180%;
}
#strct-main h2{
	color:#405090;
	margin-top:2em;
	margin-bottom:1em;
	border-bottom:1px dotted #444;
	font-weight:bold;
	font-size:140%;
}
#strct-main section{
	clear:both;
}
#strct-main dt{
	font-weight:bold;
}
#strct-main dd{
	margin-bottom:1em;
	margin-left:1.5em;
}
#strct-main figure{
	margin-top:1em;
	margin-bottom:1em;
}
#strct-main figure dt{
	font-size:90%;
}
#strct-main figure dd{
	margin-left:0;
	padding-left:0;
}
#strct-main blockquote{
	margin:1em;
	padding:0.5em 1em 0.5em 1em;
	background-color:#f8f8f8;
	border-top:3px double #ddd;
	border-bottom:3px double #ddd;
}

/* top page */
#top-info, #top-pickup, #top-whatsnew{
	margin:0 0 1em 0;
	padding:0;
	border:1px solid #bbb;
	border-radius:8px;
}
#top-info h2, #top-pickup h2, #top-whatsnew h2{
	color:#041a59;
	margin:0;
	padding:5px 1em;
	border-bottom:2px dotted #444;
	border-top-right-radius:7px;
	border-top-left-radius:7px;
	background-image:url('../img/topsecttitle_bg.png');
	background-repeat:repeat-x;
}
#top-info h2 a, #top-pickup h2 a, #top-whatsnew h2 a{
	color:#041a59;
	background-color:#d0d9f5;
	text-decoration:none;
}
#top-info h2 a:hover, #top-pickup h2 a:hover, #top-whatsnew h2 a:hover{
	color:#041a59;
	background-color:#d0d9f5;
	text-decoration:underline;
}
#top-info article, #top-whatsnew article{
	margin:0.5em;
	padding:0.25em;
	border-bottom:1.5pt solid #ddd;
}
#top-info article header h3{
	margin:0.25em;
}
#top-whatsnew article header h3{
	margin:0.25em;
	display:inline;
}
#top-info article header p, #top-whatsnew article header p{
	margin:0 0 1em 2em;
	font-size:90%;
}

/* contents table */
#contents article table{
	margin:0.5em;
	padding:0;
	border:2.25pt solid #bbb;
}
#contents article table th{
	padding:3pt;
	border:1pt solid #bbb;
	background-color:#f0ebd0;
	font-weight:bold;
	text-align:center;
}
#contents article table td{
	padding:3pt;
	border:1pt solid #bbb;
}

/*--------------------------------------------------
	 ProductsTopPage
--------------------------------------------------*/
div.TopBrandList{
	display:flex;
	margin-top:0.75em;
	padding-bottom:0.5em;
	width:98%;
	border-bottom:0.5pt solid #bbb;
	align-items:center;
}
div.TopBrandList div.Logo{
	text-align:center;
	padding:8pt;
	width:35%;
}
div.TopBrandList div.Description{
	padding:8pt;
	width:65%;
}