@charset "Shift_JIS";


/* --------------------------------------*/
/* 　H-SVFシリーズ　独自スタイル         */
/* --------------------------------------*/


/* リンクカラー ---------------------------------- */

a:link {
	color: #004bbc;
}
a:visited {
	color: #551a8b;
}
a:hover {
	color: #b1000e;
}

.PageTop a:link,
.PageTop a:visited {
	color: #004bbc;
}

.HorizontalInnerLinks li a:link,
.HorizontalInnerLinks li a:visited{
	color: #004bbc;
}


/* hover動作 */
.GnaviBox ul li a:hover,
#HSVFS_Inquiry .InqBtn a:hover,
.HSVFS_Banner li a:hover,
.HSVFS_Catalog .HSVFS_Catalog_Inner a:hover img{
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

/* グリッド --------------------------------------*/
#HSVFS_GridRelease{
	width:100%;
}
.HSVFS_Grid4{
	margin:0 auto;
	width:965px;
	box-sizing:border-box;
}


/* トップページ --------------------------------------*/

/* ブランディング */
.BrandingBox {
	text-align:center;
	margin-bottom:30px;
	position:relative;
	height:300px;
	margin:0 auto 30px;
	background:url("/Prod/comp/soft1/hsvfseries/images/branding.jpg") no-repeat top center;
	background-color:#00103C;
}
.BrandingBox p.ttl{
	white-space:nowrap;
	position:absolute;
	color:#fff;

	bottom:50%;
	right:50%;
	-webkit-transform: translateY(50%) translateX(50%);
	transform: translateY(50%) translateX(50%);

	text-align:center;
	font-size:200%;
	text-shadow:0px 0px 10px #02162A,
				0px 0px 10px #02162A,
				0px 0px 10px #02162A,
				0px 0px 10px #02162A,
				0px 0px 10px #02162A,
				0px 0px 10px #02162A,
				0px 0px 10px #02162A,
				0px 0px 10px #02162A;
}
.BrandingBox p.ttl span{
	display:block;
	font-size:80%;
	margin-top:30px;
}

/* トピックス＆ニュース */
.HSVFS_Grid4 h2 {
	font-size:140%;
	text-align:center;
	background:none;
}
.HSVFS_Grid4 h2 a{
	color:#000;
}
.HSVFS_Grid4 h2 span{
	background:none;
}
.New_list{
	height:150px;
	overflow:auto;
	margin-bottom:40px;
}
.NL_frame{
	font-size:90%;
}
.NL_frame > dt {
	width:8em;
	float:left;
}
.NL_frame > dd  {
	width:calc(100% - 9em);
	float:right;
}
.NL_frame > dd dl:not(:last-child){
	margin-bottom:5px;
}
.NL_inner > dt {
	width:10em;
	float:left;
	background-color:#000;
	color:#fff;
	text-align:center;
	font-size:90%;
}
.NL_inner > dd {
	width:calc(100% - 11em);
	float:right;
}
.NL_inner > dd ul,
.NL_inner > dd p{
	font-size:100%;
}

/* Pick Up */
.PickUp{
	padding:30px 0 10px;
	background-color:#dfdfdf;
}
.PickUp h2 {
	font-size:140%;
	text-align:center;
	background:none;
}
.PickUp h2 span{
	color:#000;
	background:none;
}

.PickUp ul{
	margin:15px auto;
	width:965px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

}
.PickUp ul li{
	margin:0 15px 15px 0;
	box-sizing:border-box;
	border:1px solid #fff;
}
.PickUp ul.row4 li{
	width:calc((100% - 45px)/4);
}
.PickUp ul.row3 li{
	width:calc((100% - 31px)/3);
}
.PickUp ul.row4 li:nth-child(4n),
.PickUp ul.row3 li:nth-child(3n),
.PickUp ul li:last-child{
	margin-right:0;
}
.PickUp ul li a{
	position:relative;
	background-color:#fff;
	font-size:130%;
	text-decoration:none;
	padding:15px;
	height:100%;
	box-sizing:border-box;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;

}
.PickUp ul li a span{
	padding:1px 3px 0;
	text-align:center;
	line-height:1.5;
}
.PickUp ul li a span.cate{
	font-size:60%;
	margin-bottom:3px;
	color:#333;
	border:1px solid #aaa;
	width:6.5em;
}
.PickUp ul li a span.prod{
	font-size:65%;
	margin-bottom:5px;
	color:#fff;
	width:6.5em;
}
.PickUp ul li a span.prod.spa{
	background-color:#2A99A5;
}
.PickUp ul li a span.prod.svf{
	background-color:#0D4677;
}
.PickUp ul li a span.prod.eur{
	background-color:#0764A7;
}
.PickUp ul li a span.prod.invoiceagent{
	background-color:#5E9AC0;
}
.PickUp ul li a p.link{
	margin:5px 0;
	font-size:70%;
	font-weight:bold;
}
.PickUp ul li a p.TextStyle1{
	font-size:65%;
}
.PickUp ul li a p.link:after{
	content:url("/image/jp/r1/icon/icon_link_right.gif");
}
.PickUp ul li:hover{
	border:1px solid #052B53;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.PickUp ul li a:hover p.link:after{
	content:url("/image/jp/r1/icon/icon_link_right_hover.gif");
}
/* Newマーク */
.PickUp .NewPickUp{
	position:absolute;
	top:0;
	right:0;
	height: 0px; 
	width: 0px; 
	border-top: #e60027 45px solid; 
	border-left: 60px solid transparent; 
	border-right: 0px solid transparent; 
	border-bottom: 0px solid transparent; 
}
.PickUp .NewPickUp p {
	position:absolute;
	top:-40px;
	left:-30px;
	right:0;
	bottom:0;
	color:#fff;
	font-size:12px;
	padding-right:3px;
}


/* グローバルナビボックスリンク */
.GnaviBox{
	background-color:#333;
	padding:40px 0;
	margin-bottom:40px;
	background:url("/Prod/comp/soft1/hsvfseries/images/gnavibox_backimg.png") no-repeat top center;
	background-size:cover;
}
.GnaviBox ul{
	margin:0 auto;
	width:965px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;

}
.GnaviBox ul li{
	width:322px;
	box-sizing:border-box;
}
.GnaviBox ul li:nth-child(3n){
	width:321px;
}
.GnaviBox ul li a{
	border-top:1px solid #fff;
	border-left:1px solid #fff;

	height:100px;
	color:#fff;
	font-size:120%;
	text-decoration:none;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	background:url("/image/jp/r1/icon/icon_link_right_white_hd.gif") no-repeat right 15px center;
}
.GnaviBox ul li a:hover{
	text-decoration:underline;
	background:url("/image/jp/r1/icon/icon_link_right_white_hd.gif") no-repeat right 13px center;
}

.GnaviBox ul li:nth-child(3n) a{
	border-right:1px solid #fff;
}
.GnaviBox ul li:nth-last-of-type(1),
.GnaviBox ul li:nth-last-of-type(2),
.GnaviBox ul li:nth-last-of-type(3) a{
	border-bottom:1px solid #fff;
}

/* 子サイトバナー */
.HSVFS_Banner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;

	margin-bottom:15px;
}
#HSVFS_GridRelease .HSVFS_Banner{
	margin-bottom:30px;
}
.HSVFS_Banner li {
	width:306px;
}
.HSVFS_Banner li a{
	height:130px;
	color:#fff;
	font-size:160%;
	text-decoration:none;
	text-align:center;
	line-height:1.5;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
}
.HSVFS_Banner li:nth-child(1) a{
	text-shadow:0px 0px 15px #17263C,
				0px 0px 15px #17263C,
				0px 0px 15px #17263C,
				0px 0px 15px #17263C,
				0px 0px 15px #17263C,
				0px 0px 15px #17263C,
				0px 0px 15px #17263C,
				0px 0px 15px #17263C;
	background:url("/Prod/comp/soft1/hsvfseries/images/svf_banner.png") no-repeat center center;
}
.HSVFS_Banner li:nth-child(2) a{
	text-shadow:0px 0px 15px #12475C,
				0px 0px 15px #3d6396,
				0px 0px 15px #3d6396,
				0px 0px 15px #3d6396,
				0px 0px 15px #3d6396,
				0px 0px 15px #3d6396,
				0px 0px 15px #3d6396,
				0px 0px 15px #3d6396;
	background:url("/Prod/comp/soft1/hsvfseries/images/invoiceagent_banner.png") no-repeat center center;
	    font-size: 145%;
}
.HSVFS_Banner li:nth-child(3) a{
	text-shadow:0px 0px 15px #194060,
				0px 0px 15px #194060,
				0px 0px 15px #194060,
				0px 0px 15px #194060,
				0px 0px 15px #194060,
				0px 0px 15px #194060,
				0px 0px 15px #194060,
				0px 0px 15px #194060;
	background:url("/Prod/comp/soft1/hsvfseries/images/eur_banner.png") no-repeat center center;
}
.HSVFS_Banner li a:hover{
	opacity:0.9;
}


/* 関連リンク */
.BoxPatternA.HSVFS_Rel{
	padding:30px 15px;
}
.BoxPatternA.HSVFS_Rel h2{
	color:#333;
	font-weight:bold;
}
.HSVFS_Rel .LinkListStyle5 ul{
	
}
.HSVFS_Rel .LinkListStyle5 li {
	width:calc((100% - 90px)/3);
	box-sizing:border-box;
}
.HSVFS_Rel .LinkListStyle5 li:last-child{
	margin-right:0;
}


/* 帳票システムとは --------------------------------------*/

.HSVFS_Overview{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

	background:url("/Prod/comp/soft1/hsvfseries/overview/images/overview.jpg") no-repeat center center;
	height:477px;
	margin-bottom:15px;
}
.HSVFS_Overview h1{
	color:#fff;
}
.HSVFS_Overview_Inner{
	width:90%;
	max-height:90%;
	overflow-y:auto;
	color:#fff;
	padding-right:15px;

	text-shadow:0px 0px 10px #02162A,
				0px 0px 10px #02162A,
				0px 0px 10px #02162A,
				0px 0px 10px #02162A,
				0px 0px 10px #02162A,
				0px 0px 10px #02162A,
				0px 0px 10px #02162A,
				0px 0px 10px #02162A;
}
.HSVFS_Overview_Inner .TextStyle1{
	font-size:95%;
	line-height:2;
}


/* カタログ --------------------------------------*/
.HSVFS_Catalog {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.HSVFS_Catalog .HSVFS_Catalog_Inner{
	width:306px;
	border:1px solid #cdcdcd;
	box-sizing:border-box;
}
.HSVFS_Catalog .HSVFS_Catalog_Inner:hover{
	border:1px solid #052B53;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.HSVFS_Catalog .HSVFS_Catalog_Inner a{
	position:relative;
	display: block;
	height:100%;
	text-decoration:none;
	padding:15px;
}
.HSVFS_Catalog .HSVFS_Catalog_Inner img{
	border:1px solid #cdcdcd;
}
.HSVFS_Catalog_UpdateNew{
	position:absolute;
	top: 10px;
	left:230px;
}
.HSVFS_Catalog .HSVFS_Catalog_Inner a:hover img{
	opacity:0.9;
}
.HSVFS_Catalog .HSVFS_Catalog_Inner a h2{
	background:none;
}
.HSVFS_Catalog .HSVFS_Catalog_Inner a h2 span{
	display:inline-block;
	padding-right:20px;
	background-color:transparent;
	background:url("/image/jp/r1/icon/icon_new_window.gif") no-repeat center right;
	font-size:92%;
}

/* リーフレット --------------------------------------*/
.HSVFS_Leaflet a{
	display:block;
	text-decoration:none;
	border:1px solid #cdcdcd;
	padding:15px 15px 5px;
	margin-bottom:15px;
}
.HSVFS_Leaflet a:hover{
	border:1px solid #052B53;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.HSVFS_Leaflet a h3:after{
	content:url("/image/jp/r1/icon/icon_pdf.gif");
}


/* 紹介動画 --------------------------------------*/

.HSVFS_movie {
	background-color:#363434;
	margin-bottom:15px;
}
.HSVFS_movie iframe,
.HSVFS_movie .Inner{
	display:inline-block;
	vertical-align:middle;
}
.HSVFS_movie .Inner{
	width:auto;
	padding:15px;
	box-sizing:border-box;
}
.HSVFS_movie h2{
	color:#fff;
	font-weight:bold;
	background:none;
}
.HSVFS_movie h2 span{
	font-size:80%;
	font-weight:normal;
	width:3em;
	text-align:center;
	padding:0 5px;
	margin-bottom:5px;
	color:#fff;
}
.HSVFS_movie h2 span.spa{
	background-color:#2A99A5;
}
.HSVFS_movie h2 span.svf{
	background-color:#0D4677;
}
.HSVFS_movie h2 span.eur{
	background-color:#0764A7;
}
.HSVFS_movie .TextStyle2{
	color:#fff;
}

.YouTubeBox h2 span{
	font-size:80%;
	font-weight:normal;
	width:3em;
	text-align:center;
	padding:0 5px;
	margin-bottom:5px;
	color:#fff;
}
.YouTubeBox h2 span.spa{
	background-color:#2A99A5;
}
.YouTubeBox h2 span.svf{
	background-color:#0D4677;
}
.YouTubeBox h2 span.eur{
	background-color:#0764A7;
}



/* FAQ --------------------------------------*/
.FaqH h2 span {
	padding-left:3em;
	text-indent:-2.2em;
}


/* お問い合わせ --------------------------------------*/

#HSVFS_Inquiry {
	text-align:center;
	margin-bottom:30px;
	padding:30px;
	background-color:#f2f2f2;
}

#HSVFS_Inquiry h2{
	font-size:145%;
	font-weight:bold;
	color:#333;
}
#HSVFS_Inquiry .TextStyle1{
	text-align:left;
}

#HSVFS_Inquiry .InqBtn a{
	display:block;
	margin:0 auto;
	width:15em;
	box-sizing:border-box;
	font-size:120%;
	color:#fff;
	padding:15px 20px 15px 15px;
	text-decoration:none;
	background:url("/image/jp/r1/icon/icon_link_right_white_hd.gif") no-repeat right 5px center;
	background-color:#000;
}

#HSVFS_Inquiry .InqBtn a:hover{
	background:url("/image/jp/r1/icon/icon_link_right_white_hd.gif") no-repeat right 3px center;
	background-color:#222;
}


/* 共通 --------------------------------------*/

/* インデント */
.LinkListStyle1.indent{
	margin-left:15px;
}

/* ボタンから― */
.ButtonStyle1.HSVFS a{
	background-color:#00103C;
}
.ButtonStyle1.HSVFS a:hover{
	background-color:#052B53;
}

.FatMenuWide .FatMenuWide{
	border-top:none !important;
}