@charset "utf-8";
/*-------------------------------------------------@源ノゴシック　Page Titleーーーーーーー*/
.js-page-title{font-family:SourceHanSans}
/*@end*/
/*-------------------------------------------------@Bootstrap  STYLE over wright*/
.btn .glyphicon{line-height: 1.5}
small{color: #666}
/*@end*/
/*-------------------------------------------------@Page Intro */
.js-page-title{padding:48px 0 24px }
.info-intro.panel {font-size: 90%}
.info-intro-title{font-weight: bold}
.js-annotation {
    font-size: 15px;
    line-height: 1.2}
.js-text-indent {
    padding-left: 1em;
    text-indent: -1em}
/*@end*/
/*-------------------------------------------------@Product Style*/
.info-suite-name,
.info-single ul.info-product-details .info-product-name{
	display: block;
	padding-left: 12px; /*md_Changed*/
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px; /*md_Changed*/
	font-size: 15px;
	line-height: 1.3;
	font-weight: bold;
	margin-top: 24px;
	background-color:rgba(0, 120, 215, .15)}/*--------------------biz background color theme*/
.info-one .info-suite-name,
.info-one .info-single ul.info-product-details>.info-product-name{
	background-color: rgba(255, 104, 5, .15)}/*--------------------one background color theme*/
ul.info-product-details .info-key-brackets{
		display:inline-block;
		white-space: nowrap}

ul.info-product-details{
	overflow: hidden;
	font-size: 14px;
	border-left-width: 0;
	border-top-width:0;
	border-right-width:1px;
	border-bottom-width: 2px;
	border-color:rgba(0, 120, 215, .15);/*--------------------biz border color theme*/
	border-style:solid}
	.info-one ul.info-product-details{
	border-color: rgba(255, 104, 5, .15)}/*--------------------one border color theme*/

ul.info-product-details>[class^=info-product-]{
	min-height: 34px;
	display: block;
	padding-top:6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px}
ul.info-product-details.info-badge-block>[class^=info-product-]{
	padding:10px 12px
}
ul.info-product-details>[class^=info-product-]{
	border-left-width: 12px; /*info-single_Changed*/
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px; /*info-single md_Changed*/
	border-color: rgba(0, 120, 215, .15);/*--------------------biz border color theme*/
	border-style: solid}

.info-one ul.info-product-details>[class^=info-product-]{
	border-color: rgba(255, 104, 5, .15)}/*--------------------one border color theme*/
.info-single ul.info-product-details>.info-product-name{
	border-left:none;
	border-bottom:0}
.info-list-head ul.info-product-details{
	font-weight: bold;
	border-top-width: 1px}
/*@end*/

.info-product-link{text-align: right}
@media screen and (min-width:992px) {
	ul.info-product-details{
		border-left:	12px rgba(0, 120, 215, .15) solid;
		border-bottom:	1px rgba(0, 120, 215, .15) solid}

	.info-single ul.info-product-details{
		border-left-width: 1px;
		border-top:1px rgba(0, 120, 215, .15) solid}/*--------------------biz border color theme*/
	.info-one .info-single ul.info-product-details{
		border-top:1px rgba(255, 104, 5, .15) solid}/*--------------------one border color theme*/

	ul.info-product-details>[class^=info-product-]{
		float: left;
		border-left:0; /*xs_Changed*/
		border-bottom: 0 /*xs_Changed*/}
	.info-product-details .info-product-note{
		font-size: 12px}
	ul.info-product-details>[class^=info-product-].info-product-note{padding-right: 0}
	/*details item width*/
	.info-suite .info-product-name{width: 28%; padding-left:3em;}
	.info-single ul.info-product-details>.info-product-name{
		width: 28.7%;
		padding-left:11px; /*-border1px*/
		margin-top: 0}
	.info-product-details .info-product-release-date{
		white-space: nowrap;
		width: 8em;
		text-align: center}
	.info-product-details .info-product-link{width: 275px}
	.info-product-details .info-product-note{width:31%}
	.info-single ul.info-product-details{margin-top: 24px}
	.info-product-link{text-align: left}
	.info-biz .info-product-link{text-align: center}

	/*Info Header*/
	.info-list-head ul.info-products-note{text-align: center}

	.info-list-head ul.info-product-details .info-product-release-date,
	.info-list-head ul.info-product-details .info-product-note,
	.info-list-head ul.info-product-details .info-product-link{
	text-align: center}

	.info-list-head ul.info-product-details>[class^=info-product-]{
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: rgba(0, 120, 215, .15)}/*--------------------biz border color theme*/
	.info-list-head{margin-bottom: -12px}
	.info-list-head ul.info-product-details>[class^=info-product-]:last-child{border:none}
	.info-one .info-list-head ul.info-product-details>[class^=info-product-]{
		border-right-color: rgba(255, 104, 5, .15)}/*--------------------one border color theme*/


}

@media screen and (min-width:1200px) {
	.info-single ul.info-product-details>.info-product-name{width: 28.6%}
	.info-product-details .info-product-note{width:37.8%}/*md_Changed*/
}

/*Product Btn*/
.info-product-link .btn{
	margin:3px 3px 3px 3px;
	overflow: hidden}
.info-badge-block .info-product-link .btn{
	margin:3px 10px 3px 3px
}
.info-btn-enterprise .btn:after,
.info-product-link .btn:after{
	content: "\e258";
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	float: right}
.info-product-link .btn[disabled]:after{content: ""}/*none arrow*/
.info-product-details .btn-default{
	color:#fff;
	background-color: rgba(0, 120, 215, .8);
	border-color:  rgba(0, 120, 215, .8)}
.info-product-details .btn-default:hover{
	background-color: rgba(0, 120, 215, 1)}/*--------------------biz border color theme*/
.info-one .info-product-details .btn-default{
	background-color: rgba(255, 104, 5, .7);
	border-color:  rgba(255, 104, 5, .8)}
.info-one .info-product-details .btn-default:hover{
	background-color: rgba(255, 104, 5, .9)}/*--------------------one border color theme*/

/*.info-btn-enterprise Btn Base And biz-color*/
.info-btn-enterprise .btn:after{float: right}
.info-btn-enterprise .btn-default{white-space: normal}
.info-biz .info-btn-enterprise .btn-default{border-color: #ff6805}
.info-biz .info-btn-enterprise .btn-default:hover{background-color:rgba(255, 104, 5, .15)}
/*.info-btn-enterprise Btn one-color*/
.info-one .info-btn-enterprise .btn-default{border-color :rgba(0, 120, 215, .8)}
.info-one .info-btn-enterprise .btn-default:hover{background-color:rgba(0, 120, 215, .15) }
/*disabled Btn*/
.btn[disabled],.info-one .btn[disabled]{
	background-color: #ccc;
	border-color: #ccc;
	padding: 3px 5px;
    width: 100px;
	line-height: 1.4}

/*FOOTER LINK*/
.js-footer a{color: #fff}
.js-footer .nav>li>a:focus, .js-footer .nav>li>a:hover {background-color: inherit}
.js-footer .nav>li>a {   padding:0}

.info-to-top{
	z-index: 800;
	color: #fff;
    display: block;
    position: fixed;
    text-align: center;
    right: 15px;
    bottom: 100px;
    width: 50px;
    padding-top:.5em;
    height: 36px;
    border-radius: 5px;
    background-color: rgba(10, 10, 10, 0.50)}
.info-to-top:hover{color: #fff}
.info-to-top:visited{color: #fff}

@media screen and (min-width:992px) {
	.info-to-top{bottom: 60px}
	}
/*BADGE LINK*/
.info-product-link img[class*=-badge]{
	height: 40px;
	width: auto}