@charset "UTF-8";

/*common*/
.r4 #contents .main {
	background:url(/products/ac/r4/images/index_bg01.jpg) no-repeat center 160px;
}
.r4 #contents .main .scrV {
	position:relative;
	visibility:hidden;
}
.r4 #contents .main .scrV .in {
	width:100%;
}

.r4 #contents .main .tableLink {
	border:1px solid #ccc;
	padding:20px 0;
}
.r4 #contents .main .tableLink table th,
.r4 #contents .main .tableLink table td {
	vertical-align:middle;
}
.r4 #contents .main .tableLink table th {
	padding:0 15px;
	border-right:1px solid  #ccc;
	*border-right:none;
	*background:url(/products/ac/r4/images/index_ie7_bg01.gif) repeat-y right top;
	*padding-right:16px;
}
.r4 #contents .main .tableLink table td.ico {
	padding:0 15px;
}
.r4 #contents .main .tableLink table td .link {
	background:url(/products/ac/r4/images/index_ico01.gif) no-repeat left center;
	padding:5px 0 5px 25px;
	font-size:114.3%;
}



/*secHeader*/
.r4 #contents .main #secHeader {
	text-align:center;
}
.r4 #contents .main #secHeader .fig {
	margin-top:46px;
}



/*secNav*/
.r4 #contents .main #secNav {
	padding:0 16px;
	margin-bottom:115px;
}
.r4 #contents .main #secNav h3 {
	text-align:center;
}
.r4 #contents .main #secNav ul {
	margin-top:10px;
}
.r4 #contents .main #secNav ul li {
	float:left;
	margin-left:32px;
}
.r4 #contents .main #secNav ul li:first-child {
	margin-left:0;
}



/*sec01*/
.r4 #contents .main #sec01 {
	margin:0 45px 100px;
}

/*sec01*/
.r4 #contents .main #sec02 {
	margin:0 45px 100px;
}
.r4 #contents .main #sec02 .cnts {
	position:relative;
	background:#f5f5f5;
	width:365px;
	padding:40px 30px;
}
.r4 #contents .main #sec02 .cnts .before,
.r4 #contents .main #sec02 .cnts .after {
	position:absolute;
	width:30px;
	height:30px;
}
.r4 #contents .main #sec02 .cnts .before {
	left:0;
	top:0;
	background:url(/products/ac/r4/images/index_02_bg01.gif) no-repeat;
}
.r4 #contents .main #sec02 .cnts .after {
	right:0;
	bottom:0;
	background:url(/products/ac/r4/images/index_02_bg02.gif) no-repeat;
}
.r4 #contents .main #sec02 .cnts h4 {
	text-align:center;
	font-size:128.6%;
	font-weight:bold;
	margin-bottom:25px;
}
.r4 #contents .main #sec02 .cnts .btn a {
	display:block;
	background:url(/products/ac/r4/images/index_02_btn01.gif) no-repeat;
	width:200px;
	height:45px;
	margin:0 auto;
	text-align:center;
	line-height:45px;
	color:#fff;
}
.r4 #contents .main #sec02 .cnts .btn a:hover {
	color:#fff;
	text-decoration:none;
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.r4 #contents .main .openFig {
	position:relative;
}
.r4 #contents .main .openFig .openFigIn {
	display:none;
	position:absolute;
	width:258px;
	height:169px;
	left:50%;
	top:50%;
	margin-left:-129px;
	margin-top:-85px;
	z-index:1;
}
.r4 #contents .main .openFig .openFigThumb img:hover {
	cursor:url(/products/ac/common/js/highslide/graphics/zoomin.cur),pointer;
}
.r4 #contents .main .openFig .openFigIn img {
	width:100%;
}
.r4 #contents .main .openFig .openFigIn:hover {
	cursor:url(/products/ac/common/js/highslide/graphics/zoomout.cur),pointer;
}



/*sec03*/
.r4 #contents .main #sec03 {
	margin:0 45px 100px;
}
.r4 #contents .main #sec03 h4 {
	font-size:121.4%;
	padding-bottom:5px;
	border-bottom:3px solid #168acd;
	margin-bottom:25px;
}
.r4 #contents .main #sec03 .cnts01 li {
	position:relative;
	float:left;
	background:#f5f5f5;
	width:216px;
	padding:30px 30px 40px;
	margin-left:20px;
}
.r4 #contents .main #sec03 .cnts01 li:first-child {
	margin-left:0;
}
.r4 #contents .main #sec03 .cnts01 li .before,
.r4 #contents .main #sec03 .cnts01 li .after {
	position:absolute;
	width:30px;
	height:30px;
}
.r4 #contents .main #sec03 .cnts01 li .before {
	left:0;
	top:0;
	background:url(/products/ac/r4/images/index_02_bg01.gif) no-repeat;
}
.r4 #contents .main #sec03 .cnts01 li .after {
	right:0;
	bottom:0;
	background:url(/products/ac/r4/images/index_02_bg02.gif) no-repeat;
}
.r4 #contents .main #sec03 .cnts01 li h5 {
	text-align:center;
	font-size:128.6%;
	font-weight:bold;
	margin-bottom:10px;
}
.r4 #contents .main #sec03 .cnts01 li h5.single {
	padding:0.75em 0;
}
.r4 #contents .main #sec03 .cnts02 li {
	float:left;
	width:276px;
	margin-left:20px;
}
.r4 #contents .main #sec03 .cnts02 li:first-child {
	margin-left:0;
}
.r4 #contents .main #sec03 .cnts02 li a {
	display:block;
	background:url(/products/ac/r4/images/index_02_btn01.gif) no-repeat;
	width:200px;
	height:45px;
	margin:0 auto;
	text-align:center;
	line-height:45px;
	color:#fff;
}
.r4 #contents .main #sec03 .cnts02 li a:hover {
	color:#fff;
	text-decoration:none;
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}



/*sec04*/
.r4 #contents .main #sec04 {
	margin:0 45px 100px;
}
.r4 #contents .main #sec04 h4 {
	font-size:121.4%;
	padding-bottom:5px;
	border-bottom:3px solid #168acd;
	margin-bottom:25px;
}
.r4 #contents .main #sec04 .sLink {
	 background:url(/products/ac/r4/images/index_ico02.png) no-repeat left center;
	 padding-left:15px;
	 text-decoration:none;
}
.r4 #contents .main #sec04 .sLink:hover {
	text-decoration:underline;
}
.r4 #contents .main #sec04 .cnts01 {
	position:relative;
	background:#f5f5f5;
	width:568px;
	padding:40px 30px;
	margin:0 auto;
}
.r4 #contents .main #sec04 .cnts01 .before,
.r4 #contents .main #sec04 .cnts01 .after {
	position:absolute;
	width:30px;
	height:30px;
}
.r4 #contents .main #sec04 .cnts01 .before {
	left:0;
	top:0;
	background:url(/products/ac/r4/images/index_02_bg01.gif) no-repeat;
}
.r4 #contents .main #sec04 .cnts01 .after {
	right:0;
	bottom:0;
	background:url(/products/ac/r4/images/index_02_bg02.gif) no-repeat;
}
.r4 #contents .main #sec04 .cnts01 .ul01 {
	width:400px;
	margin:0 auto;
}
.r4 #contents .main #sec04 .cnts01 .ul01 li {
	float:left;
	background:url(/products/ac/r4/images/index_04_ico01.gif) no-repeat left center;
	padding-left:20px;
	width:180px;
}



/*sec05*/
.r4 #contents .main #sec05 {
	margin:0 45px 20px;
}
.r4 #contents .main #sec05 h3 {
	font-size:114.3%;
	background:url(/products/ac/r4/images/index_05_ico03.gif) no-repeat left center;
	padding-left:18px;
	margin-bottom:20px;
}
.r4 #contents .main #sec05 .btn01 a {
    display: block;
    background: url(/products/ac/r4/images/index_05_bg01.gif) no-repeat;
    text-align: center;
    width: 720px;
    height: 64px;
    line-height: 64px;
	margin:0 auto;
}
.r4 #contents .main #sec05 .btn01 a span {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    background: url(/products/ac/r4/images/index_05_ico01.gif) no-repeat left center;
    padding-left: 45px;
}
.r4 #contents .main #sec05 .btn01 a span img {
    vertical-align: middle;
    margin-left: 10px;
}
.r4 #contents .main #sec05 .btn01 a:hover span {
	text-decoration:underline;
}



/*===================================================================
	会計ソフト_インフォメーション
===================================================================*/
.r4 #contents .detailSection .detailInfo {
	margin:0 45px;
}
.r4 #contents .detailSection .detailInfo h2 {
	font-size:115%;
	margin-bottom:10px;
}
.r4 #contents .detailSection .detailInfo .tel {
	font-size:250%;
	font-weight:bold;
}
.r4 #contents .detailSection .detailInfo h3 {
	font-weight:normal;
	margin-bottom:10px;
}
.r4 #contents .detailSection .detailInfo dl {
	margin-bottom:10px;
}
.r4 #contents .detailSection .detailInfo dl dt {
	clear:both;
	float:left;
	font-weight:normal;
}
.r4 #contents .detailSection .detailInfo dl dd {
	margin-left:4em;
}
.r4 #contents .detailSection .detailInfo .note {
	font-size:85%;
}
.r4 #contents .detailSection .detailInfo .h3Bg {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #b5b6b6;
}
.r4 #contents .detailSection .detailInfo .h3Bg h3 {
	margin-top:0 !important;
	padding-bottom:0 !important;
}
.r4 #contents .detailSection .detailInfo .hdType02 {
    margin-left:5px;
	padding-left:5px;
    border-left:3px solid #001e66;
}
.r4 #contents .detailSection .detailInfo .section_block {
    padding: 0 30px 0 20px;
}
.r4 #contents .detailSection .detailInfo h3,
.r4.feature #contents .detailSection .main .detailGroup .detailInfo h3 {
	font-size:100%;
	font-weight:bold;
	margin-bottom:0;
	border-bottom:none;
}
.r4 #contents .detailSection .detailInfo p,
.r4.feature #contents .detailSection .main .detailGroup .detailInfo p {
    line-height: 1.4;
	margin-top:0;
}
.r4 #contents .detailSection .detailInfo .tel_num {
    font-size: 250%;
}
.r4 #contents .detailSection .detailInfo .mf {
    font-size: 90% !important;
}
.r4 #contents .detailSection .detailInfo .note_5em {
    font-size: 85%;
    padding-left: 4.5em;
    text-indent: -4.8em;
}



/*module*/
.fs12 {font-size:85.7%;}
.fs13 {font-size:92.9%;}
.fs15 {font-size:107.1%;}
.fs18 {font-size:128.6%}
.clfx {zoom: 1;}
.clfx:after {content: "";  display: block;  clear: both;}
.r4 #contents .hover:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
