@charset "Shift_JIS";


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

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

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;
}




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

.invoiceagent_BoxLink1{
	margin-bottom:15px;
}
.invoiceagent_BoxLink1 a {
	display:block;
	padding:15px;
	text-decoration:none;
	border:4px solid #f3f3f3;
	-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;
}
.invoiceagent_BoxLink1 a:hover{
	border-color:#005490;
}
.invoiceagent_BoxLink1 a[href^="#"]{
	cursor:initial;
	color:	#333;
}
.invoiceagent_BoxLink1 a[href^="#"]:hover{
	border-color:#f3f3f3;
	color:	#333;
}
.invoiceagent_BoxLink1 a h2,
.invoiceagent_BoxLink1 a[href^="#"] h2{
	margin:0;
	background:none;
}
.invoiceagent_BoxLink1 a h2 span,
.invoiceagent_BoxLink1 a[href^="#"] h2 span{
	color:#737373;
	padding:0;
	background-color:transparent;
}
.invoiceagent_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;
}

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

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


/* トップページ --------------------------------------*/
.invoiceagentTop{
	margin: 0;
	padding:0 10px;
	background: linear-gradient(to bottom right, #5E9AC0 10%, #70aad0);
}
.invoiceagentTop ul.LinkListStyle1 li a,
.invoiceagentTop ul.LinkListStyle6 li a{
	background-image:url("/Prod/comp/soft1/invoiceagent/images/icon_link_arrow.png");
	background-size:auto;
	background-position: right 2px center;
	padding-right:13px;
}
.invoiceagentTop dl ul.LinkListStyle1 li a{
	padding-right:5px;
}
.invoiceagentTop ul.LinkListStyle1 li:not(.NewWin) a:hover,
.invoiceagentTop ul.LinkListStyle6 li:not(.NewWin) a:hover{
	background-position: right 0px center;
}
.invoiceagentTop ul.LinkListStyle1 li.NewWin a{
	background-image:url("/Prod/comp/soft1/invoiceagent/images/icon_link_window.png") !important;
	padding-right:15px;
}
.invoiceagentTopimg{
	margin-right:-10px;
	background:url("/Prod/comp/soft1/invoiceagent/images/branding_img.png") no-repeat top right;
}
.invoiceagentTopimg > *{
	margin-right:10px;
}
.invoiceagentTop .branding{
	padding: 18px 0 0 18px;
	letter-spacing: 0.03em;
	font-size: 210%;
}
.invoiceagentTop .branding .ttl {
	margin: 10px 0px 5px 0px;
	line-height:1.2;
}
.invoiceagentTop .branding .ttl strong{
	color: #124b74;
	text-shadow: 3px 3px 4px #fff,
				 -3px 3px 4px #fff,
				 3px -3px 4px #fff,
				 -3px -3px 4px #fff;
}
.invoiceagentTop .branding .logo {
	margin: 0px 0 0px 0px;
	shadow: 5px 5px 6px rgba(0,0,0,0.04),
				 -5px px 6px rgba(0,0,0,0.04),
				 5px -5px 6px rgba(0,0,0,0.04),
				 -5px -5px 6px rgba(0,0,0,0.04);
}
.invoiceagentTop .branding .cp{
	margin: 0px 0 15px 0px;
}
.invoiceagentTop .branding .cp strong{
	font-size:56%;
	color:#03395f;
	line-height:2;
	text-shadow: 1px 1px 3px #fff,
				 -1px 1px 3px #fff,
				 1px -1px 3px #fff,
				 -1px -1px 3px #fff;
}

.invoiceagentTop h2{
	background:none;
}
.invoiceagentTop h2 a {
	display:block;
	color:#fff;
	background:none;
	background-color: rgba(0,57,98,0.8);
}
.invoiceagentTop 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;
}
.invoiceagentTop h2 a:hover span{
	text-decoration:underline;
	background: url("/image/jp/r1/icon/icon_link_right_xl_hover_hd.gif") no-repeat right center;
}
.invoiceagentTop h2 a span,
.invoiceagentTop 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;
}


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

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

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

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

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

.PageTitleStyle1.outline_d,
.PageTitleStyle1.outline_a{
	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_d{
	background:url("/Prod/comp/soft1/invoiceagent/beginner/outline_documents/images/outline_title.png") no-repeat 0 0;
	background-color:#ccc;
	text-shadow: 0px 0px 5px #011a48,
				 0px 0px 5px #011a48,
				 0px 0px 5px #011a48,
				 0px 0px 5px #011a48,
				 0px 0px 5px #011a48,
				 0px 0px 5px #011a48,
				 0px 0px 5px #011a48,
				 0px 0px 5px #011a48
				;
}
.PageTitleStyle1.outline_a{
	background:url("/Prod/comp/soft1/invoiceagent/beginner/outline_aiocr/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.outline_d h1,
.PageTitleStyle1.outline_a h1
{
	font-size:90%;
	line-height:1.35;
	color:#fff;
	margin:0 0 15px 35px;
}
.PageTitleStyle1.outline_d h1 span,
.PageTitleStyle1.outline_a h1 span{
	display:block;
	color:#fff;
	font-size:160%;
	margin-top:10px;
	line-height:1.5;
}
.PageTitleStyle1.outline_a h1,
.PageTitleStyle1.outline_a h1 span{
	color:#000;
}
.PageTitleStyle1.recommend h1,
.PageTitleStyle1.recommend h1 span{
	color:#fff;
}


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


/* お問い合わせ --------------------------------------*/
.Grid4 div#invoiceagent_Inquiry,
.Grid3 div#invoiceagent_Inquiry{
	padding:0 0 15px;
	background-color:#eee;
}
.Grid3 div#invoiceagent_Inquiry{
	padding-bottom:15px;
	margin-bottom:15px;
}
div#invoiceagent_Inquiry h2{
	padding-top:30px;
	font-weight:bold;
	font-size:140%;
	text-align:center;
	color:#222;
	background:none;
}
.Grid3 div#invoiceagent_Inquiry h2{
	padding-top:15px;
	line-height:1.35;
}
div#invoiceagent_Inquiry h2 span{
	font-size:65%;
	padding:0;
	background-color:transparent;
	line-height:2;
}
div#invoiceagent_Inquiry .ColumnSet{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
div#invoiceagent_Inquiry .Column2{
	width:400px;
	padding:15px 30px;
	background-color:#fff;
}
.Grid3 div#invoiceagent_Inquiry .Column2{
	width:297px;
	padding:10px 20px 0;
}
div#invoiceagent_Inquiry .Column2 h3{
	min-height:50px;
	padding:25px 0 0 80px;
	color:#222;
	font-size:120%;
}
div#invoiceagent_Inquiry .Column2:nth-child(1){
	margin-left:15px;
}
div#invoiceagent_Inquiry .Column2:nth-child(1) h3{
	background:url("/Prod/comp/soft1/invoiceagent/images/inq_tel.png") no-repeat left center;
}
div#invoiceagent_Inquiry .Column2:nth-child(1) ul li {
	font-size:75%;
}
div#invoiceagent_Inquiry .Column2:nth-child(1) ul li:nth-child(1){
	margin-bottom:15px;
	padding-left:80px;
}
.Grid3 div#invoiceagent_Inquiry .Column2:nth-child(1) ul li:nth-child(1){
	padding-left:0px;
	text-align:center;
}
div#invoiceagent_Inquiry .Column2:nth-child(1) ul li:nth-child(1) a{
	font-size:230%;
	font-weight:bold;
}
div#invoiceagent_Inquiry .Column2:nth-child(1) ul li:nth-child(2) address{
	display:inline;
}
div#invoiceagent_Inquiry .Column2:nth-child(2) h3{
	background:url("/Prod/comp/soft1/invoiceagent/images/inq_web.png") no-repeat left center;
}
.Grid3 div#invoiceagent_Inquiry .Column2 h3{
	background-position:10px center;
}
div#invoiceagent_Inquiry .inq_web_btn {
	padding-left:80px;
}
.Grid3 div#invoiceagent_Inquiry .inq_web_btn {
	padding-left:25px;
}
div#invoiceagent_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#invoiceagent_Inquiry .inq_web_btn a:hover{
	background-color:#333;
}
div#invoiceagent_Inquiry > .AdditionalNotesStyle2{
	margin:15px;
}
.Grid3 div#invoiceagent_Inquiry > .AdditionalNotesStyle2{
	margin:15px 15px 0;
}




/* ---テーブル セルの幅指定--- */
.Wide20px  { width:  20px; }
.Wide40px  { width:  40px; }
.Wide60px  { width:  60px; }
.Wide80px  { width:  80px; }
.Wide100px { width: 100px; }
.Wide120px { width: 120px; }
.Wide140px { width: 140px; }
.Wide160px { width: 160px; }
.Wide180px { width: 180px; }
.Wide200px { width: 200px; }
.Wide220px { width: 220px; }
.Wide240px { width: 240px; }
.Wide260px { width: 260px; }
.Wide280px { width: 280px; }
.Wide300px { width: 300px; }
.Wide320px { width: 320px; }
.Wide340px { width: 340px; }
.Wide360px { width: 360px; }
.Wide380px { width: 380px; }
.Wide400px { width: 400px; }
.Wide420px { width: 420px; }
.Wide440px { width: 440px; }
.Wide460px { width: 460px; }
.Wide480px { width: 480px; }

.Wide5Per  { width:  5%; }
.Wide10Per { width: 10%; }
.Wide15Per { width: 15%; }
.Wide20Per { width: 20%; }
.Wide25Per { width: 25%; }
.Wide30Per { width: 30%; }
.Wide35Per { width: 35%; }
.Wide40Per { width: 40%; }
.Wide45Per { width: 45%; }
.Wide50Per { width: 50%; }
.Wide55Per { width: 55%; }
.Wide60Per { width: 60%; }
.Wide65Per { width: 65%; }
.Wide70Per { width: 70%; }
.Wide75Per { width: 75%; }
.Wide80Per { width: 80%; }
.Wide85Per { width: 85%; }
.Wide90Per { width: 90%; }
.Wide95Per { width: 95%; }

.nwp { white-space: nowrap; }


.Red {
	color: #b1000e;
}