@charset "utf-8";

html, body, div, span, applet, object, 
iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend, table.table, 
caption, tbody, tfoot, thead, tr, th,td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

caption, th, td{
	font-weight: normal;
	text-align: left;
}

blockquote:before, blockquote:after,q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a img{
	border: 0;
}

figure{
	margin:0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
color:#555;
font-size:small;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
-webkit-text-size-adjust: none;
}

a{
	color:#2c7cff;
	text-decoration:none;
}

a:hover{
	color:#488fdd;
}

a:active, a:focus {
	outline:0;
}

#wrapper{
	margin:0 auto;
	padding:0 1%;
	width:98%;
	position:relative;
	background:#fff;
}

.anDiv{
height:0px;
}

.border{
	margin-top:20px;
	padding:0;
	border-bottom:0.5px solid #ebebeb;
}

.border2{
	padding:0;
	border-bottom:0.5px solid #ebebeb;
}

.borRad{
	border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
}
.border3{
	margin:5px;;
	border:0.5px solid #ebebeb;
}

.package{
	text-align:left;
}

.pk span{
	display: inline-block;
	width:170px;
}

.pack span{
	display: inline-block;
	width:300px;
}

.semDiv{
border:1px dashed;
width:90%;
margin:auto;
margin-Top:10px;
}

.border_color{
	border-bottom:2px solid #6caefe;
}

.frm iframe{
width:100%;
}

.color{
	background:#ebebeb;
	height:30px;
}

#wrapper textarea{
	width:95%;
	height:100px;
	margin-top:5px;
	border:none;
}

.flLeft{
float:left;
}

.flRight{
float:right;
}

.txtAl_Left{
text-align:left;
}

table{
	width:100%;
}

table td{
	border-bottom:1px dashed;
}

table .item{
	background:#ebebeb;
	width:20%;
	text-align:center;
	vertical-align:middle;
	border-right:1px dashed;
}

table .item2{
	border-top:1px dashed;
}

.txt{
	margin:auto;
	width:95%;
	overflow-x:hidden;
	overflow-y:hidden;
}

.inner{
margin:0 auto;
width:100%;
}

.mar10{
	margin:10px;
}

.marTop5{
	margin-top:5px;
}

.marTop7{
	margin-top:7px;
}

.marTop10{
	margin-top:10px;
}

.marTop15{
	margin-top:15px;
}

.marTop20{
	margin-top:20px;
}

.marTop30{
	margin-top:30px;
}

.marTop40{
	margin-top:30px;
}

.marTop50{
	margin-top:50px;
}

.marTop60{
	margin-top:60px;
}

.marTop70{
	margin-top:70px;
}


.marBot10{
	margin-bottom:10px;
}

.marBot15{
	margin-bottom:15px;
}

.marLeft5{
	margin-left:5px;
}

.marLeft10{
	margin-left:10px;
}

.marLeft20{
	margin-left:20px;
}

.marLeft30{
	margin-left:30px;
}

.marLeft40{
	margin-left:40px;
}

.marLeft50{
	margin-left:50px;
}

.marLeft60{
	margin-left:60px;
}

.marLeft63{
	margin-left:63px;
}

.marLeft70{
	margin-left:70px;
}

.marLeft80{
	margin-left:80px;
}

.marLeft90{
	margin-left:90px;
}

.marLeft100{
	margin-left:100px;
}

.marLeft200{
	margin-left:200px;
}

.marLeft300{
	margin-left:300px;
}

.marRight10{
	margin-right:10px;
}

.marRight20{
	margin-right:20px;
}

.marRight30{
	margin-right:30px;
}

.marRight40{
	margin-right:40px;
}

.marRight50{
	margin-right:50px;
}

.ftSize12{
	font-size:12px;
}

.ftSize14{
	font-size:14px;
}

.ftSize16{
	font-size:16px;
}

.ftSize18{
	font-size:18px;
}

.ftSize20{
	font-size:20px;
}

.ovflowH{
overflow:hidden;
}

.btn li{
	display:inline-block;
	border:1px solid #e2e2e2;
	width:300px;
	height:50px;
	text-align:center;
	background-color:#fafafa;
}

.btn a{
	color:#222222;
}

.btn li:hover{
	background-color:#55acee;
	color:#ffffff;
}

#header{
	height:110px;
}

#header h1{
	padding:5px 0 10px;
	font-size:12px;
	font-weight:normal;
}

.logo{
	float:left;
}

.logo span{
	display:block;
}

.info{
float:right;
text-align:right;
}

.info .open{
	font-size:11px;
}

.logo span,.info span{
	font-size:.6em;
	font-weight:normal;
}

#mainBanner{
	margin:10px auto;
	padding:0;
	position:relative;
	line-height:0;
	border-top:2px solid #ebebeb;
	border-bottom:2px solid #ebebeb;
	text-align:center;
}

#mainBanner img{
	max-width:100%;
	height:auto;
}

.slogan{
	position:absolute;
	max-width:100%;
	height:80%;
	bottom:10px;
	padding:5px 10px;
	line-height:1.4;
	text-align:left;
}

.slogan h2{
	font-size:28px;
}

.slogan p{
	font-size:18px;
}

#subpage #mainBanner{
	margin-top:0;
}

.gridWrapper{
	padding-bottom:20px;
	overflow: hidden;
}

* html .gridWrapper{
	height:1%;
}
	
.grid{
float:left;
}

.box{
padding:10px;
text-align:center;
}

.box img{
max-width:100%;
height:auto;
}

.box h3{
	padding:10px 0 5px;
}

.box h3, .box p{
	text-align:left;
}

.box p.readmore{
	padding:10px 5px 5px;
	text-align:right;
}

.box p.readmore a{
	padding:3px 7px;
	border-radius:3px;
	color:#fff;
	background:#6caefe;
}

.box div.btn a{
	padding:3px 7px;
	border-radius:3px;
	color:#fff;
	background:#6caefe;
}

.box span.readmore a{
	padding:3px 7px;
	border-radius:3px;
	color:#fff;
	background:#6caefe;
}
.box p.readmore a:hover{
	background:#488fdd;
}

.box span.readmore :hover{
	background:#488fdd;
}

section.content article{
	padding:20px;
	margin-bottom:20px;
	border:1px solid #ebebeb;
	overflow:hidden;
}

* html section.content article{
	height:1%;
}

section.content p{
	margin-bottom:5px;
}

h3.heading{
	font-weight:normal;
	padding:10px 0;
	margin-bottom:5px;
	border-top:3px double #ebebeb;
	border-bottom:3px double #ebebeb;
}

section.content img{
	max-width:90%;
	height:auto;
}

.alignleft{
	float:left;
	clear:left;
	margin:3px 10px 10px 0;
}

.alignright{
	float:right;
	clear:right;
	margin:3px 0 10px 10px;
}

#gallery .grid{
	background:transparent;
}

#gallery .grid img,.border{
	box-shadow:0 0 3px #ccc;
}

#footer{
	clear:both;
}

#footer .inner{
	border-top:2px solid #ebebeb;
	border-bottom:2px solid #ebebeb;
	overflow:hidden;
}

* html #footer .inner{
	height:1%;
}

#footer .grid{
	margin:0;
}

ul.footnav{
	width:650px;
	padding:10px 0;
	margin-left:150px;
}

ul.footnav li{
	float:left;
	margin-bottom:10px;
	padding:0 7px 0 8px;
	border-right:1px solid #ebebeb;
}

#wrapper,#header,.inner{
	width:960px;
	padding:0;
	margin:0 auto;
}
	
#wrapper{
	padding-bottom:20px;
}
	
#wrapper .wr_h2{
	text-align:left;
	font-size:28px;
	margin-bottom:10px;
}

#wrapper .wr_h2a{
	text-align:left;
	font-size:28px;
}

#wrapper .wr_h2_2{
	text-align:left;
	font-size:24px;
}

#wrapper .wr_h2_3{
	text-align:left;
	font-size:18px;
}

#wrapper .wr_h2_4{
	text-align:left;
	font-size:20px;
}

#wrapper .wr_h2_5{
	text-align:left;
	color:#3a5c96;
	font-size:24px;
	margin-bottom:10px;
}

#wrapper .wr_h2_6{
	text-align:left;
	margin-left:10px;
	font-size:22px;
}

#wrapper .fl_right{
	float:right
}
	
 nav#mainNav{
	clear:both;
	position:relative;
}
	
nav#mainNav ul li{
	float: left;
	position: relative;
}
	
nav#mainNav ul li a{
	display: block;
	text-align: center;
	_float:left;
	font-size:15px;
	width:160px;
	padding:20px 0;
  border-top:2px solid #ebebeb;
	border-bottom:2px solid #ebebeb;
}

nav#mainNav ul li.last a{
	width:159px;
}
	
navmainNav .inner{
	z-index:10;
}

nav#mainNav ul li a span,nav#mainNav ul li a strong{
	display:block;
}
	
nav#mainNav ul li a span{
	color:#bababa;
	font-size:12px;
}

nav div.panel{
  display:block !important;
  float:left;
 }
  
a#menu{
	display:none;
}
  
nav#mainNav li.active a,nav#mainNav li a:hover{
	border-color:#6caefe ! important;
	color:#6f6f6f
}
  
nav#mainNav ul li ul{
	display: none;
}
  
nav#mainNav ul li:hover ul{
  display: block;
  position: absolute;
  z-index:500;
 }
	
nav#mainNav ul li li{
	margin:0;
  float: none;
  height:40px;
	background:#fff;
}
	
nav#mainNav ul li li:last-child{
	border:0;
}
	
nav#mainNav ul li li a{
	height:40px;
	padding:0 0 0 10px;
  line-height:40px;
  text-align:center;
}
	
nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover{
	border-color:#ebebeb;
	color:#bababaf;
}

#main{
	float:right;
	width:680px;
	padding:15px 0 0 0;
}
	
#sidebar{
	float:left;
	width:250px;
	padding:15px 0 0 0;
	overflow:hidden;
}
	
#sidebar article{
	padding:7px;
	margin-bottom:20px;
	border:1px solid #ebebeb;
	overflow:hidden;
}
	
.gridWrapper{
	width:990px;
	margin:0 0 0 -30px;
}
	
#gallery article{
	padding:10px 0 10px 10px;
}
	
.grid{
	float:left;
	width:300px;
	margin-left:30px;
}
	
#subpage .grid{
	width:auto;
}
	
#gallery .grid{
	width:auto;
	margin:10px 0 2px 10px;
}
	
#footer .inner{
	width:940px;
	padding:10px;
}

/*---ブログのやつ---*/
.blog img{
	margin-top:30px;
	margin-bottom:30px;
}

.blog .date{
	float:right;
	margin-right:20px;
}

.blog .write p{
	margin-bottom:15px;
}

.clr{
	clear:both;
}

/*---セミナーのやつ---*/
.seminar .date{
	float:right;
	margin-right:15px;
}
.seminar .cls{
	clear:both;
}

/*---企業情報んとこ---*/
.comp{
	text-align:left;
}

.comp span{
	display:inline-block;
}

.comp .title{
	width:120px;
}

.comp .contens{
	width:500px;
}

.comp .date{
	width:250px;
}

.frmMap{
	width:80%; 
	height:500px; 
	frameborder:0;
	border:0; 
	allowfullscreen;
}

.reTop span{
	float:right;
	margin-right:20px;
}

.imgDiv{
	width:960px;
}

/*中途採用の微妙なスペース用*/
.hei80{
	height:80px;
}

.hei40{
	height:40px;
}

.homeImg{
	margin-top:10px;
	margin-bottom:10px;
}

/*セミナーの１，２，３んとこ*/
.btn2{
	text-align:center;
}

.btn2 li{
	display:inline-block;
	border:1px solid #e2e2e2;
	width:50px;
	height:50px;
	text-align:center;
	background-color:#fafafa;
}

.btn2 a{
	color:#6caefe;
}

.btn2 .dCol{
	color:#222222;
	height:50px;
	line-height: 45px;
}

.btn2 div{
	line-height: 45px;
}

.btn2 .noCli{
	pointer-events:none;
}

.btn2 li:hover{
	background-color:#55acee;
	color:#ffffff;
}

.aUnder{
	text-Decoration:underline;
}

.relative {
	position: relative;
}
.absolute {
	position: absolute;
	right:30px;
	bottom:30px;
}

@charset "utf-8";

/*うぇぶかるてのたぶ*/
ul.tab {
	margin: 0;
	padding: 0;
	border-bottom: 2px #ddd solid;
}
ul.tab li {
	float: left;
	margin: 0 0 0 5px;
	position: relative;
	bottom: -2px;
	list-style-type: none;
	border: 1px #ddd solid;
	border-top: none;
	border-bottom: 2px #ddd solid;
}
ul.tab li.none {
	border-bottom: 2px #fff solid;
	font-weight: bold;
}
ul.tab li a {
	color: #000;
	display: block;
	padding: 3px 10px 5px;
	text-decoration: none;
	background: #fff;
}
ul.tab li a.blue {
	border-top: 5px #3a5c96 solid;
	font-size:16px;
	color:#555;
}
ul.tab li a:hover {
	position: relative;
	bottom: 6px;
}
/* clerfix */
.clear:after {
    content:"";
    display:block;
    overflow:hidden;
}
.clear:after {
    clear:both;
}
.clear {
    zoom:1;
}

.activ{
color:#6f6f6f;
}

/*ウェブカルテ商品案内のやつ*/
.webLog{
	width:300px;
}

.webMenu{
	float:left;
	margin-top:66px;
}

.webSysLog{
	width:400px;
}

.webSysDoll{
	width:250px;
}

.webTitle{
	color:#3a5c96;
	font-size:24px;
	margin-top:15;
}

.webSysHead{
	font-size:18px;
}

.webkarteP{
	color:#3a5c96;
	font-size:22px;
	text-align:center;
	border-top:1px solid #3a5c96;
}

.webkarteP2{
	color:#75c7d8;
	font-size:24px;
	text-align:center;
}

.webkarteP3{
	color:#75c7d8;
	font-size:24px;
	text-align:center;
	border-bottom:1px solid #3a5c96;
}

.webDiv{
	margin-top:30px;
	font-size:18px;
	color:#3a5c96;
}

.webFrm{
	font-size:18px;
	background-color:#fff4ea;
}

.webBlue{
	margin-left:20px;
	font-size:22px;
	color:#3a5c96;
}

.webSysBlue{
	margin-left:10px;
	font-size:22px;
	color:#3a5c96;
}

.webPackfrm{
	border:1px solid;
}

.webPackItem{
	background-color:#fff4ea;
	margin-right:10px;
}

.webPacktitle{
	font-size:18px;
	margin-top:10px;
}

.ft18{
	font-size:18px;
}

.ft20{
	font-size:20px;
}

.ft22{
	font-size:22px;
}

.ft16{
	font-size:16px;
}

.webPre{
	width:200px;
	font-size:18px;
	margin-top:10px;
}

.clr{
	clear:both;
}

.webSysChar{
	margin-left:10px;
	font-size:20px;
}

.webBgCol{
	background-color:#3a5c96;
	color:#fff;
}

.webSys2Img img{
	width:900px;
}

.sys2Img1{
	margin-top:20px;
	background-color:#fff4ea;
	width:850px;
}

.sys2Img2{
	float:left;
	background-color:#fff4ea;
	width:470px;
}

.sys2Img3{
	float:left;
	margin-left:20px;
	background-color:#fff4ea;
}

.sys2Img4{
	background-color:#fff4ea;
	width:900px;
	float:left;
}

.sys2Img5{
	background-color:#fff4ea;
	width:870px;
}

.sys2Img6{
	background-color:#fff4ea;
	width:920px;
}

.imgWidth{
	width:450px;
}

.imgWidth1{
	width:350px;
}

.imgWidth2{
	width:900px;
}

.imgWidth3{
	width:850px;
}

.imgWidth4{
	width:300px;
}

/*lxの商品説明*/
.ft24{
	font-size:24px;
}

.menu li{
	width:200px;
}

.menu2 li{
	width:250px;
}

.menu3 li{
	width:32%;
}

#pageTop {
	position: fixed;
	bottom: 50px;
	right: 50px;
	background:#6caefe
}

#pageTop:hover{
	background:#488fdd;
}


#pageTop a{
	color:#fff;
	font-size:18px;
	padding:12px;
	display:block;
}

/*商品案内の写真*/
.imgPro{
	text-align:center;
	margin-top:15px;
	margin-bottom:15px;
}

/*MX紹介用*/
.menu_mx li{
	width:24%;
	min-height:50px;
}

ul.tab li a.blue_mx {
	border-top: 5px #3a5c96 solid;
	font-size:12px;
	color:#555;
	display: table-cell;
	vertical-align: middle;
	min-height: 50px;
	width:24%;
}

.accordion1 {text-align: center;}
.accordion1 .inner {display: none;text-align: left;}
.accordion1 p{cursor: pointer; padding: 10px;line-height: 30px;}
.accordion1 .inner li{padding: 10px 0;margin-left: 0px;}

/* ウェブカルテ紹介ページ用追記 */
.pAll_10{padding: 10px !important;}
.pt_5	{padding-top: 5px !important;}
.pt_10	{padding-top: 10px !important;}
.pt_15	{padding-top: 15px !important;}
.pl_10	{padding-left: 10px !important;}
.pl_15	{padding-left: 15px !important;}
.pr_10	{padding-right: 10px !important;}
.pr_15	{padding-right: 15px !important;}
.pb_0	{padding-bottom: 0px !important;}
.pb_10	{padding-bottom: 10px !important;}

.ftBold		{font-weight: bold !important;}
.ftNorm		{font-weight: normal !important;}
.ftSizeXL	{font-size: 2.5em !important;}
.ftSizeLL	{font-size: 2.3em !important;}
.ftSizeL	{font-size: 2.0em !important;}
.ftSizeML	{font-size: 1.8em !important;}
.ftSizeM	{font-size: 1.5em !important;}
.ftSizeSM	{font-size: 1.3em !important;}
.ftSizeS	{font-size: 1.0em !important;}
.ftSizeSS	{font-size: 0.9em !important;}
.ftSizeXS	{font-size: 0.8em !important;}
.ftSizeXXS	{font-size: 0.7em !important;}

.txt_dblue	{color: #3a5c96;}

.txt_center	{text-align: center !important;}
.txt_nowrap	{white-space: nowrap !important;}

.aboutBG	{padding: 30px; width: 880px; height: 1284px; background: url(images/webkarte/BG_about.png) no-repeat 0px -100px;}
.pointBG	{padding: 30px; width: 582px; height: 238px; background: url(images/webkarte/BG_point.png) no-repeat;}
.bg_y		{background-color: #feeddd !important;}

.wkMenu li	{width: 32%;}
.line_arrowR{height: 25px; width: 100px; position: absolute; background: url(images/webkarte/line_arrowR.png) no-repeat top right;}
.line_arrowL{height: 25px; width: 100px; position: absolute; background: url(images/webkarte/line_arrowL.png) no-repeat top left;}

.webPackItem li	{width: 10.5em; float: left;}
ul.webPackItem2	{width: 10.5em; float: left;}
.pkgBG		{margin-top: 15px; background-color: #fff4ea;}
.itemSub	{margin-top: -5px; padding-bottom: 5px; padding-left: 1em; width: 9em !important;}
.w15em		{width: 15em !important;}
.w20em		{width: 20em !important;}
.w22em		{width: 22em !important;}

table.WK_sys_req	{border: 1px solid; border-radius: 5px; border-collapse: separate; border-spacing: 0;}
.WK_sys_req th		{padding: 6px 2px; border-right: 1px solid; border-bottom: 1px solid; text-align: center; font-size: 14px; font-weight: bold; background-color: #feeddd;}
.WK_sys_req td		{padding: 4px 2px; border-right: 1px solid; text-align: center; vertical-align:middle; font-size: 14px; background-color: #fcf9f5;}
.noLineB			{border-bottom: none;}
.WK_sys_req th:last-child	{border-right: none;}
.WK_sys_req td:last-child	{border-right: none;}
.WK_sys_req tr:last-child td{border-bottom: none;}

.WK_sys_req thead th:first-child	{border-radius: 5px 0 0 0;}
.WK_sys_req thead th:last-child		{border-radius: 0 5px 0 0;}
.WK_sys_req tbody tr:first-child td:first-child	{border-radius: 5px 0 0 5px;}
.WK_sys_req tbody tr:first-child td:last-child	{border-radius: 0 5px 0 0;}
.WK_sys_req tbody tr:last-child td:first-child	{border-radius: 0 0 0 5px;}
.WK_sys_req tbody tr:last-child td:last-child	{border-radius: 0 0 5px 0;}

/* ウェブカルテ2紹介ページ用追記 */
.aboutBG2		{padding: 30px; width: 880px; height: 1284px; background: url(images/webkarte2/BG_about.png) no-repeat 0px -100px;}
.pointBG2		{margin-bottom: 40px; padding: 26px 0 0 30px; width: 605px; height: 205px; background: url(images/webkarte2/BG_point.png) no-repeat;}
.line_arrowR2	{height: 25px; width: 100px; position: absolute; background: url(images/webkarte2/line_arrowR.png) no-repeat top right;}
.line_arrowL2	{height: 25px; width: 100px; position: absolute; background: url(images/webkarte2/line_arrowL.png) no-repeat top left;}
.web2_fl		{float: left;}
.web2_fr		{float: right;}
.web2_txt_wh	{color: #ffffff !important;}
.web2_ftSizeTtl	{font-size: 45px !important;}
.web2_marTop100	{margin-top: 100px;}