@charset "utf-8";

html { height: 100%;}
body {
	background: #fff;
	height: 100%;
}

body .header_space {
	background: url(../images/common/spacer.gif) repeat;
	height: 65px;
}
body .gnav_space {
	background: url(../images/common/spacer.gif) repeat #0085ca;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	height: 29px;
	width: 100%;
}

*:focus {
  outline: none;
}

/*固定ヘッダー*/
#header {
	width: 100%;
	background: #fff;
	position: fixed;
	top:0;
	z-index: 9999;
}
#header a {
	display: block;
}
#header .headerInner {
	padding: 10px 0 8px;
	margin: 0 2.7%;
}
#header .header_left {
	width: 480px;
	float: left;
}
#header .header_left h1 {
	width: 260px;
	margin-right: 5px;
}
#header .header_left .logo_catch {
	width: 215px;
	display: inline-block;
}
#header .header_right {
	width: 443px;
	float: right;
}
#header .header_right .faq_contact {
	width: 106px;
	padding: 1.2% 0 0;
	margin-right: 2.6%;
}
#header .header_right .faq_contact li {
	margin-bottom: 5px;
}

#header .header_right .faq_contact li.last {
	margin-bottom: 0;
}

#header .header_right .btn_reqest {
	width: 142px;
	margin-right: 2%;
}
#header .header_right .tel_date {
	width: 173px;
}
#header .header_right .tel_date li {
	display: block;
	line-height: 1;
	margin-bottom: 5px;
}
#header .header_right .tel_date li.last {
	margin-bottom: 0;
}


/*固定ヘッダー　グローバルナビ*/



#gnav {
	background: url(../images/common/gnav_bg.gif) repeat-x #fff;
	overflow: hidden;
}

#gnav ul {overflow: hidden; margin-bottom: -1px;}
#gnav ul li { float: left;}
#gnav ul li a {display: block;}
#gnav ul li.home { width: 4%;}

#gnav ul li.advantage,
#gnav ul li.service,
#gnav ul li.case,
#gnav ul li.introduction,
#gnav ul li.subscriber,
#gnav ul li.company { width: 16%;}

#gnav .gnavOpen {
	position: absolute;
	top: 100%;
	width: 100%;
	overflow: hidden;
	display: none;
	clear: both;
}
#gnav .gnavOpen .gnavOpenInner {
	padding: 20px 0;
	background: #FFF;
}
#gnav .gnavOpen ul {
	background: #FFF;
	width: 95%;
	margin: 0 auto 0 5%;
}
#gnav .gnavOpen ul li {
	width: 26%;
	margin: 0 1% 10px 0;
}
#gnav .gnavOpen ul li a{
	float: left;
	background: url(../images/common/sort_list_on.png) 0 center no-repeat ;
	background: url(../images/common/sort_list_on_ie8.png) 0 center no-repeat\9;
	-moz-background-size: 16px 16px;
	background-size: 16px 16px;
	padding: 3px 0 3px 25px;
	color: #717b8b;
	display: block;
	width: 95%;
}
#gnav .gnavOpen ul li a:hover {
	color: #0085ca;
	font-weight: bold;
}
#gnav .btmLine {
	clear: both;
	background: url(../images/common/menu_line.png) repeat-x bottom;
	width: 100%;
	height: 5px;
}

/*アンカーリンク*/

.anchorArea {
	background: #d5dae3;
	padding: 1.5%;
	overflow: hidden;
	border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}
.anchorArea ul li {
	float: left;
	margin-right: 2%;
}
.anchorArea ul li a {
	background: url(../images/common/anchor_list.png) 0 2px no-repeat;
	background: url(../images/common/anchor_list_ie8.png) 0 2px no-repeat\9;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
	display: block;
	padding: 0 0 0 25px;
}
.anchorArea ul li a:hover {
	background: url(../images/common/anchor_list_on.png) 0 2px no-repeat;
	background: url(../images/common/anchor_list_ie8_on.png) 0 2px no-repeat\9;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
}

a.pdf {
	padding-left: 25px;
	display: block;
	background: url(../images/common/icon_pdf.png) 1px 50% no-repeat;
	background: url(../images/common/icon_pdf_ie8.png) 1px 50% no-repeat\9;
	-moz-background-size: 40px 40px;
	background-size: 40px 40px;
	display: block;
	padding: 10px 0 10px 45px;
}

/* ページ内リンクの位置調整 */
span.linkPosAdjust {
  position: relative;
  top: -130px;
  display: block;
}
/* インライン表示 */

.inlineItem {
  display: inline;
}

/*コンテンツ*/

#content .contentInner {
	margin: 0 3%;
	padding-bottom: 80px;
	min-height: 750px;
}
#content h3 {
	font-size: 280%;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 3px;
}
#content .dotLine {
	border-bottom: 2px dotted #333;
	margin: 50px 0;
	clear: both;
}
#content .blue_dotLine {
	border-bottom: 2px dotted #0082cb;
	margin: 50px 0;
	clear: both;
}
#content .blue_dotLine_img {
	padding: 40px 0;
	margin: 0;
}
/*#content .grayLine {
	border-bottom: 2px solid #f1f2f4;
	margin: 50px 0;
	clear: both;
}*/

#content .catch {
	line-height: 1.8;
	margin-bottom: 40px;
}
#content h3 {
	margin-bottom: 20px;
}
#content h3 img {
	width: auto;
	display: inline-block;
	margin: 0 0 -10px 10px;
}

#content h4 {
	background: url(../images/common/h3_bg.gif) 10px center no-repeat;
	background: url(../images/common/h3_bg_ie8.gif) 10px center no-repeat\9;
	-moz-background-size: 7px 23px;
	background-size: 7px 23px;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.3;
	padding: 20px 0 20px 27px;
	margin: 50px 0 30px;
	border-top: 2px solid #f2594b;
	border-bottom: 2px dotted #f2594b;
	clear:both;
}
#content .h4sub {
  font-weight: bold;
  font-size: 140%;
  margin: 35px 0 20px;
  clear: both;
  overflow: hidden;
  border-bottom: 1px dotted #0085ca;
  padding-bottom: 5px;
  color: #0085ca;
}
#content .h4_area {
	overflow: hidden;
	position: relative;
	border-top: 2px solid #f2594b;
	border-bottom: 2px dotted #f2594b;
	margin: 50px 0 30px;
	clear: both;
}
#content .h4_area h4 {
	background: url(../images/common/h3_bg.gif) 10px center no-repeat;
	background: url(../images/common/h3_bg_ie8.gif) 10px center no-repeat\9;
	-moz-background-size: 7px 23px;
	background-size: 7px 23px;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.3;
	padding: 20px 0 20px 27px;
	border-top: none;
	border-bottom: none;
	margin: 0;
}
#content .h4_area .summary {
	min-height: 20px;
	margin-right: 10px;
	position: absolute;
	right: 0;
	top: 20px;
}
#content .h4_area .summary a {
	background: url(../images/common/summary_bg.png) 0 2px no-repeat;
	background: url(../images/common/summary_bg_ie8.png) 0 2px no-repeat\9;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
	display: block;
	padding: 0 0 0 25px;
}
#content .h4_area .summary a:hover {
	background: url(../images/common/summary_bg_on.png) 0 2px no-repeat;
	background: url(../images/common/summary_bg_on_ie8.png) 0 2px no-repeat\9;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
}


#content .h5Area {
	border-bottom: 2px solid #99a2b1;
	clear: both;
	margin-bottom: 20px;
}
#content .h5Area  h5 {
	display: inline-block;
	background: #99a2b1;
	color: #FFF;
	font-size: 125%;
	font-weight: bold;
	padding: 10px 15px;
	border-radius: 7px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
}

#content .attention {
	text-indent: -1em;
	padding-left: 1em;
}
#content .red {
	color: #de1e1e;
}

/*パンくず*/

.pankuzu {
	margin: 10px 10px 30px;
	overflow: hidden;
}
.pankuzu ul li {
	margin-right: 5px;
	display: inline-block;
	vertical-align: top;
	/display: inline;
	/zoom: 1;
	line-height: 1.3;
	min-height: 16px;
}
.pankuzu ul li a {
	display: inline;
}
.pankuzu .pankuzu_home {
	width: 1.5%;
}

/*フッター*/

#footer {	
	width: 100%;
}

#footer .footerTop_inner,
#footer .footerBtm_inner {
	margin: 0 3%;
}

#footer .footerTop {
	background: #838c9a;
	padding: 35px 0;
	color: #FFF;
}

.footerTop .leftArea {
	width: 46.5%;
	display: inline-block;
	vertical-align: top;
	/display: inline;
	/zoom: 1;
	padding-right: 3%;
	border-right: 1px solid #939aa5;
}
.footerTop .leftArea .rightImg {
	padding: 2%;
	border-radius: 7px 7px;
  -webkit-border-radius: 7px 7px;
  -moz-border-radius: 7px 7px ;
	background: #fff;
	width: 46%;
}
.footerTop .leftArea .rightImg p {
	display: inline-block;
	vertical-align: middle;
	/display: inline;
	/zoom: 1;
}
.footerTop .leftArea .rightImg .icms {
	width: 67%;
	margin-right: 1%;
}
.footerTop .leftArea .rightImg .p_mark {
	width: 27.5%;
}
.footerTop .rightArea {
	width: 46.5%;
	display: inline-block;
	vertical-align: top;
	/display: inline;
	/zoom: 1;
	padding: 0 0 0 3%;
	border-left: 1px solid #6b7481;
}
.footerTop .leftText,
.footerTop .rightImg {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	/display: inline;
	/zoom: 1;
}
.footerTop .leftText p {
	font-size: 130%;
	margin-bottom: 10px;
}
.footerTop .leftText ul li {
	list-style: disc inside;
	font-size: 90%;
}
.footerTop .leftText p.small {
	font-size: 90%;
}

#footer .footerBg {
	background: url(../images/common/footer_bg.gif) repeat-x;
	height:8px;
}
#footer .footerBtm {
	background: #e1e1e1;
}
#footer .footerBtm_inner {
	padding: 20px 0;
	overflow: hidden;
}
#footer .footerBtm_inner .linkArea {
	border-left: 1px solid #999;
	padding-left: 0.8%;
	float: left;
}
#footer .footerBtm_inner .linkArea .subTitle {
	font-size: 115%;
}
#footer .footerBtm_inner ul li {
	background: url(../images/common/footet_list.gif) 0 7px no-repeat;
	background: url(../images/common/footet_list_ie8.gif) 0 7px no-repeat\9;
	-moz-background-size: 6px 8px;
	background-size: 6px 8px;
	padding: 0 0 0 15px;
	font-size: 95%;
}

#footer .footerBtm_inner .area_01 { width: 16%;}
#footer .footerBtm_inner .area_02 { width: 44%;}
#footer .footerBtm_inner .area_03 { width: 19%;}
#footer .footerBtm_inner .area_04 { width: 17%;}


#footer .btmTop .leftLink {
	padding: 0 2% 2% 0;
	width: 58%;
}
#footer .btmTop .rightLink {
	width: 37%;
	padding-right: 3%;
}
#footer .btmTop .leftLink,
#footer .btmTop .rightLink {
	display: inline-block;
	vertical-align: top;
	/display: inline;
	/zoom: 1;
}

#footer .btmBtm  {
	border-top: 1px solid #999;
	margin-top: 10px;
	padding: 10px 0 0;
}
#footer .btmBtm ul li {
	float: left;
	margin-right: 20px;
}

.copyright {
	background: #000;
	color: #fff;
	clear: both;
}
.copyright p {
	margin: 0 auto;
	text-align: center;
	font-size: 80%;
	padding: 3px 0;
}

/*右下固定バナー*/


#fixedArea {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 1000;
}
#fixedArea ul li {
	float: left;
}
#fixedArea ul li.fixed_service {
	width: 132px;
	margin-right: 5px;
}
#fixedArea ul li.fixed_request {
	width: 180px;
	margin-right: 5px;
}
#fixedArea ul li.fixed_top {
	width: 71px;
}




/* ==========================================================
	各ページ共通パーツ
========================================================== */

/*　---------------- 検索バー ----------------　*/

.sortArea .sortInner {
	padding: 1% 2%;
	background: #d5dae3;
	border-radius: 7px 7px;
  -webkit-border-radius: 7px 7px;
  -moz-border-radius: 7px 7px;
	margin-bottom: 20px;
	z-index: 500;
}
.sortArea .sortInner .sortTitle {
	font-size: 110%;
	margin-right: 1%;
	font-weight: bold;
}
.sortArea #sortBtn_01,
.sortArea #sortBtn_02 {
	border-right: 1px solid #88919e;
	margin-right: 2%;
	padding-right: 3%;
	width: 23.3%;
	position: relative;
	cursor: pointer;
}
#sortList_01,
#sortList_02 {
	width: 74%;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 900;
}
.sortArea span {
	position: absolute;
	top: 18%;
	left: 3%;
}
#sortList_01 li a,
#sortList_02 li a {
	background: url(../images/common/sort_list.png) 5px center no-repeat #0085ca;
	background: url(../images/common/sort_list_ie8.png) 5px center no-repeat #0085ca\9;
	-moz-background-size: 16px 16px;
	background-size: 16px 16px;
	padding: 3px 0 3px 25px;
	color: #FFF;
	border: 1px solid #0085ca;
	padding-right: 2%;
}
#sortList_01 li a:hover,
#sortList_02 li a:hover {
	background: url(../images/common/sort_list_on.png) 5px center no-repeat #FFF;
	background: url(../images/common/sort_list_on_ie8.png) 5px center no-repeat #FFF;
	-moz-background-size: 16px 16px;
	background-size: 16px 16px;
	padding: 3px 0 3px 25px;
	color: #0085ca;	
}
.sortArea .sortInner  .sort_summary {
	margin-left: 1%;
}
.sortArea .sortInner  .sort_summary a {
	background: url(../images/common/summary_bg.png) 0 2px no-repeat;
	background: url(../images/common/summary_bg_ie8.png) 0 2px no-repeat\9;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
	padding: 0 0 0 25px;
}
.sortArea .sortInner  .sort_summary a:hover {
	background: url(../images/common/summary_bg_on.png) 0 2px no-repeat;
	background: url(../images/common/summary_bg_on_ie8.png) 0 2px no-repeat\9;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
}

/*　---------------- 導入事例タイル ----------------　*/

#content .caseArea { overflow: hidden;}
#content .caseArea .box {
	width: 32.1%;
	float: left;
	margin: 0.6%;
}
#content .caseArea .box a {
	padding: 5%;
	background: #f1f2f4;
	border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
	position: relative;
	display: block;
}
#content .caseArea a .icon {
	display: block;
	margin-bottom: 10px;
}
#content .caseArea a .text {
	background: url(../images/top/tile_indent_off.png) 0 center no-repeat;
	background: url(../images/top/tile_indent_ie8_off.png) 0 center no-repeat\9;
	-moz-background-size: 33px 33px;
	background-size: 33px 33px;
	display: block;
	padding: 8px 0 0 43px;
	min-height: 33px;
	line-height: 1.3;
	margin-bottom: 10px;
	font-weight: bold;
	min-height: 40px\9;
}
#content .caseArea a:hover .text {
	background: url(../images/top/tile_indent_on.png) 0 center no-repeat;
	background: url(../images/top/tile_indent_ie8_on.png) 0 center no-repeat\9;
	-moz-background-size: 33px 33px;
	background-size: 33px 33px;
	font-weight: bold;
}

/*newのオン／オフの切り替え*/

#content .caseArea .box a .new_on {
	background: url(../images/common/new.png) 0 2px no-repeat;
	background: url(../images/common/new_ie8.png) 0 2px no-repeat\9;
	-moz-background-size: contain;
	background-size: contain;
	width: 20%;
	width: 54px\9;
	height: 26px\9;
	position: absolute;
	top: 3%;
	left: 3%;
	z-index: 100;
}

#content .caseArea .box a .new_off {
	display: none;
}


/*　---------------- 最適なサービスタイル ----------------　*/

#content .service_tileArea {
	overflow: hidden;
}
#content .service_tileArea .tile {
	width: 32.1%;
	float: left;
	margin: 0.6%;
}

#content .service_tileArea a {
	display: block;
	border: 3px solid #dee1e2;
	border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
	padding: 2.5%;
	overflow: hidden;
}
#content .service_tileArea a:hover {
	border: 3px solid #28a6e8;
	color: #333;
}

#content .service_tileArea a .title {
	display: inline-block;
	background: url(../images/top/tile_indent_off.png) 0 0 no-repeat;
	background: url(../images/top/tile_indent_ie8_off.png) 0 0 no-repeat\9;
	-moz-background-size: 33px;
	background-size: 33px;
	min-height: 33px;
	vertical-align: middle;
	padding-left: 40px;
	margin: 7% 0 10px;
	font-size: 110%;
	width: 50%;
	min-height: 55px;
	font-weight: bold;
}
#content .service_tileArea a:hover .title {
	background: url(../images/top/tile_indent_on.png) 0 0 no-repeat;
	background: url(../images/top/tile_indent_ie8_on.png) 0 0 no-repeat\9;
	-moz-background-size: 33px;
	background-size: 33px;
	font-weight: bold;
}
#content .service_tileArea a .icon {
	width: 27.1%;
	display: inline-block;
	float: right;
}
#content .service_tileArea a .text {
	display: block;
	clear: both;
}

/*　---------------- 導入をご検討の方、企業情報、契約済みの加盟店様　インデックスページのタイル ----------------　*/


.index .tileArea {
	overflow: hidden;
}
.index .tileArea .tile {
	width: 44.5%;
	float: left;
	margin: 1%;
	display: block;
	border: 3px solid #dee1e2;
	border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
	padding: 1.2%;
}
.index .tileArea .tile .icon {
	width: 26.7%;
	float: right;
	margin-top: 5%;
	padding: 0 5% 0 8%;
}
.index .tileArea .title {
	font-size: 160%;
	font-weight: bold;
	margin-bottom: 10px;
}
.index .tileArea .text {
	font-size: 110%;
	display: block;
}
.index .tileArea .tile .btn {
	display: inline-block;
	width: 41.9%;	
	min-width: 180px;
}

/*　------ IE10ハック ------　*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#content .service_tileArea .tile a {
	min-height: 170px;
}

}/* IE10 */



/*　---------------- 一覧へ戻るボタン ----------------　*/

#content .backBtn {
	clear: both;
	width: 23.3%;
	margin: 0 auto;
	padding: 50px 0 100px;
}

/*　---------------- 計測タグのスペース削除 ----------------　*/

.trackingTag { display: none;}


/*　---------------- デバイスごとの表示きりかえ ----------------　*/

.sp {
	display: none;
}
.tb {
	display: none;
}
.pc {
	display: block;
}
.pc_none {display: none;}
.tb_none {display: block;}
.sp_none {display: block;}


/*　---------------- 共通リンク設定 ----------------　*/

a.underline { text-decoration: underline;
 background-image: none;
}

/* ==========================================================
	PC用1220以上
========================================================== */

@media (min-width: 1220px)  {

#header .headerInner,
#gnav .gnavOpen .gnavOpenInner .menuWrap,
#content .contentInner,
#footer .footerTop_inner,
#footer .footerBtm_inner,
#fixedArea .foxedInner {
	width: 1120px;
	margin: 0 auto;
}

}/* ▲min-width: 1220px▲*/

/* ==========================================================
	PC用1300以上
========================================================== */

@media (min-width: 1120px)  {

#gnav .gnavInner {
	width: 1120px;
	margin: 0 auto;
}

}/* ▲min-width: 1120px▲*/