@charset "Shift_JIS";


/* ----------------------------*/
/* 　SVF　独自スタイル         */
/* ----------------------------*/

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

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

/* オンマウスで透過 */
a:hover img.Onmouse{
	filter: alpha(opacity=80); /* IE7以下用 */
	 -ms-filter: "alpha(opacity=80)"; /* IE8用 */
	opacity:0.8; /* Firefox 1.5以上, Opera, Safari用 */
}

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

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

.btm_adjust{
	margin-bottom:5px;
}




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

.svf_BoxLink1{
	border:4px solid #f3f3f3;
	margin-bottom:15px;

	-webkit-transition: border-color 0.3s ease-in;
	-moz-transition: border-color 0.3s ease-in;
	-o-transition: border-color 0.3s ease-in;
	transition: border-color 0.3s ease-in;
}
.svf_BoxLink1:hover{
	border-color:#005490;
}
.svf_BoxLink1 a {
	display:block;
	padding:15px;
	text-decoration:none;
}
.svf_BoxLink1 a h2{
	margin:0;
	background:none;
}
.svf_BoxLink1 a h2 span{
	color:#737373;
	padding:0;
	background-color:transparent;
}
.svf_BoxLink1 a ul.LinkListStyle1 li{
	display:inline-block;
	padding:5px 17px 0 0;
	background:url("/image/jp/r1/icon/icon_important_link_hd.gif") no-repeat right 0.45em;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}

.svf_relLink_disp .BoxPatternA.svf_relLink{
	display:block;
}
.BoxPatternA.svf_relLink{
	display:none;
	padding-bottom:15px;
}
.BoxPatternA.svf_relLink ul li{
	float:left;
	width:calc((100% - 15px)/2);
}

.BoxPatternA.svf_relLink ul.LinkListStyle1 li:nth-child(2n-1){
	margin-right:15px;
}

/* トップページ --------------------------------------*/
.svfTop{
	margin:0;
	padding:0 10px;
	background: -moz-linear-gradient(top left, #0d497c, #131c2f); 
	background: -webkit-linear-gradient(top left, #0d497c, #131c2f); 
	background: linear-gradient(to bottom right, #0d497c, #131c2f); 
}
.svfTop ul.LinkListStyle1 li a,
.svfTop ul.LinkListStyle6 li a{
	background-image:url("/Prod/comp/soft1/svf/images/icon_link_arrow.png");
	background-size:auto;
	background-position-x: right 2px;
	padding-right:13px;
}
.svfTop dl ul.LinkListStyle1 li a{
	padding-right:5px;
}
.svfTop ul.LinkListStyle1 li:not(.NewWin) a:hover,
.svfTop ul.LinkListStyle6 li:not(.NewWin) a:hover{
	background-position-x: right 0px;
}
.svfTop ul.LinkListStyle1 li.NewWin a{
	background-image:url("/Prod/comp/soft1/svf/images/icon_link_window.png") !important;
	padding-right:15px;
}
.svfTopimg{
	background:url("/Prod/comp/soft1/svf/images/branding_img.png") no-repeat top right 45px;
}
.svfTop .branding{
	padding:37px 0 0 27px;
	letter-spacing:0.05em;
	font-size:230%;
}
.svfTop .branding .ttl {
	margin:0px 0 17px 0;
}
.svfTop .branding .ttl strong{
	color:#fff;
/*
	text-shadow:0px 0px 5px #093355,
				0px 0px 5px #093355,
				0px 0px 5px #093355,
				0px 0px 5px #093355;
*/
}
.svfTop .branding .logo {
	margin-left:5px;
}
.svfTop .branding .cp {
	margin: -65px 0 55px 190px;
	font-size:60%;
	color:#fff;
	line-height:1.2;
}

.svfTop h2{
	background:none;
}
.svfTop h2 a {
	display:block;
	color:#fff;
	background:none;
	background-color: rgba(0,0,0,0.6);
}
.svfTop h2 a span{
	display:inline-block;
	color:#fff;
	background-color:transparent;
	padding-right:17px;
	background: url("/image/jp/r1/icon/icon_link_right_xl_hd.gif") no-repeat right center;
}
.svfTop h2 a:hover span{
	text-decoration:underline;
	background: url("/image/jp/r1/icon/icon_link_right_xl_hover_hd.gif") no-repeat right center;
}
.svfTop h2 a span,
.svfTop h2 a:hover span{
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}


.svfTop .category {
	padding: 0/* 5px*/;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;

	-webkit-flex-pack: justify;
	-moz-flex-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.svfTop .category .catebox{
	width:348px;
	background-color:rgba(10,12,30,0.6);
}
.svfTop .category .catebox:last-child{
	width:230px;
	background-color:transparent;
}
.svfTop .category .catebox:last-child h2:last-child {
	margin:0;
	padding:0;
}
.svfTop .category .catebox h2 a{
	height:70px;
	position:relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.svfTop .category .catebox h2 a span{
	margin-left:60px;
	position:absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.svfTop .category .catebox h2 a span:before{
	margin-left:-60px;
	position:absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.svfTop .category .catebox:first-child h2 a span:before{
	content:url("/Prod/comp/soft1/svf/images/icon_beginner.png");
}
.svfTop .category .catebox:nth-child(2) h2 a span:before{
	content:url("/Prod/comp/soft1/svf/images/icon_products.png");
}
.svfTop .category .catebox:last-child h2 a{
	height:65px;
	background-color:rgba(0,70,100,0.6);
}
.svfTop .category .catebox:last-child h2 a span{
	margin-left:52px;
	font-size:100%;
}
.svfTop .category .catebox:last-child h2 a span:before{
	margin-left:-52px;
}
.svfTop .category .catebox:last-child h2:first-child a span:before{
	content:url("/Prod/comp/soft1/svf/images/icon_faq.png");
}
.svfTop .category .catebox:last-child h2:last-child a span:before{
	content:url("/Prod/comp/soft1/svf/images/icon_sitemap.png");
}

.svfTop .category .catebox ul{
	margin-left:15px;
	margin-right:15px;
}
.svfTop .topics h2 a{
	position:relative;
	height:55px;
}
.svfTop .topics h2 a span{
	position:absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.svfTop .topics .inner{
	margin-top:-15px;
	padding:20px;
	background-color:rgba(0,89,130,0.4);
}
.svfTop .topics .inner .scroll_box{
	height:150px;
	overflow-y:auto;
	margin-right:-20px;
}
.svfTop .topics dl.DateListStyle2:last-child{
	margin-bottom:0;
}
.svfTop .topics dl.DateListStyle2 dt{
	color:#fff;
}
.svfTop .topics dl.DateListStyle2 dd{
	border-bottom:1px dotted #43819d;
}
.svfTop .topics dl.DateListStyle2 dd{
	color:#fff;
}
.svfTop ul.LinkListStyle1 li a,
.svfTop ul.LinkListStyle6 li a{
	color:#bfe2e6;
}

/* はじめての方 --------------------------------------*/

.PageTitleStyle1.outline,
.PageTitleStyle1.recommend{
	width:720px;
	height:220px;
	margin-bottom:20px;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;

	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
.PageTitleStyle1.outline{
	background:url("/Prod/comp/soft1/svf/beginner/outline/images/outline_title.png") no-repeat 0 0;
	background-color:#ccc;
	text-shadow:0px 0px 5px #fff,
				0px 0px 5px #fff,
				0px 0px 5px #fff,
				0px 0px 5px #fff;
}
.PageTitleStyle1.recommend{
	background:url("/Prod/comp/soft1/svf/beginner/recommend/images/recommend_title.png") no-repeat 0 0;
	background-color:#ccc;
	text-shadow:0px 0px 5px #565b5f,
				0px 0px 5px #565b5f,
				0px 0px 5px #565b5f,
				0px 0px 5px #565b5f;
}
.PageTitleStyle1.outline h1,
.PageTitleStyle1.recommend h1{
	font-size:120%;
	line-height:1.35;
	color:#333;
	margin:0 0 15px 35px;
}
.PageTitleStyle1.outline h1 span,
.PageTitleStyle1.recommend h1 span{
	display:block;
	color:#1d65a0;
	font-size:145%;
	margin-top:10px;
}
.PageTitleStyle1.recommend h1,
.PageTitleStyle1.recommend h1 span{
	color:#fff;
}
dl.recommend {
	width:100%;
}
dl.recommend dt{
	width:2em;
	padding:5px 0 4px;
	font-size:150%;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background-color:#005490;
}
dl.recommend dd{
	margin-left: calc(2.3em + 25px);
	margin-top: -3em;
	margin-bottom:25px;
}
dl.recommend dd p strong{
	display:block;
	color:#353535;
}


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


/* お問い合わせ --------------------------------------*/
.Grid4 div#svf_Inquiry,
.Grid3 div#svf_Inquiry{
	padding:0 0 15px;
	background-color:#eee;
}
.Grid3 div#svf_Inquiry{
	padding-bottom:15px;
	margin-bottom:15px;
}
div#svf_Inquiry h2{
	padding-top:30px;
	font-weight:bold;
	font-size:140%;
	text-align:center;
	color:#222;
	background:none;
}
.Grid3 div#svf_Inquiry h2{
	padding-top:15px;
}
div#svf_Inquiry h2 span{
	font-size:65%;
	padding:0;
	background-color:transparent;
}
div#svf_Inquiry .ColumnSet{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
div#svf_Inquiry .Column2{
	width:400px;
	padding:15px 30px;
	background-color:#fff;
}
.Grid3 div#svf_Inquiry .Column2{
	width:297px;
	padding:10px 20px 0;
}
div#svf_Inquiry .Column2 h3{
	min-height:50px;
	padding:25px 0 0 80px;
	color:#222;
	font-size:120%;
}
div#svf_Inquiry .Column2:nth-child(1){
	margin-left:15px;
}
div#svf_Inquiry .Column2:nth-child(1) h3{
	background:url("/Prod/comp/soft1/svf/images/inq_tel.png") no-repeat left center;
}
div#svf_Inquiry .Column2:nth-child(1) ul li {
	font-size:75%;
}
div#svf_Inquiry .Column2:nth-child(1) ul li:nth-child(1){
	margin-bottom:15px;
	padding-left:80px;
}
.Grid3 div#svf_Inquiry .Column2:nth-child(1) ul li:nth-child(1){
	padding-left:0px;
	text-align:center;
}
div#svf_Inquiry .Column2:nth-child(1) ul li:nth-child(1) a{
	font-size:230%;
	font-weight:bold;
}
div#svf_Inquiry .Column2:nth-child(1) ul li:nth-child(2) address{
	display:inline;
}
div#svf_Inquiry .Column2:nth-child(2) h3{
	background:url("/Prod/comp/soft1/svf/images/inq_web.png") no-repeat left center;
}
.Grid3 div#svf_Inquiry .Column2 h3{
	background-position:10px center;
}
div#svf_Inquiry .inq_web_btn {
	padding-left:80px;
}
.Grid3 div#svf_Inquiry .inq_web_btn {
	padding-left:25px;
}
div#svf_Inquiry .inq_web_btn a{
	display:block;
	margin-bottom:15px;
	padding:13px 15px 10px;
	width:80%;
	color:#fff;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	background-color:#000;
	box-shadow:1px 1px 5px #555;
	letter-spacing:0.05em;
}
div#svf_Inquiry .inq_web_btn a:hover{
	background-color:#333;
}
div#svf_Inquiry > .AdditionalNotesStyle2{
	margin:15px;
}
.Grid3 div#svf_Inquiry > .AdditionalNotesStyle2{
	margin:15px 15px 0;
}