@charset "utf-8";

@import url(reset.css);
@import url(base2.css);


#topicbase {
	display:block;
	padding-bottom:35px;
}

#toppad {
	display:block;
}

.news1 {
	display:block;
	font-size:12px;
	background:url(../images/hasen_s1.gif) left bottom no-repeat;
	padding-bottom:13px;
	padding-top:6px;
}

.news1 dt {
	color:#8BB33F;
	display:block;
	float:left;
	font-weight:bold;
	padding-left:5px;
	padding-right:10px;
}

.news1 dd {
	display:block;
	float:left;
	width:570px;
}

.news1 dd a {
	color:#000;
	text-decoration:none;
}

.news1 dd a:hover {
	text-decoration:underline;
}

#t1block {
	display:block;
	background:url(../images/t1bg_s1.jpg) left top repeat-y;
}

#t2block {
	display:block;
	background:url(../images/t1bg_s1.jpg) left top repeat-y;
	margin-bottom:25px;
}

#t3block {
	display:block;
	background:url(../images/t3bg_s1.jpg) left top repeat-y;
	margin-bottom:25px;
}

.t1pad {
	display:block;
	padding-left:10px;
	font-size:11px;
	line-height:140%;
	padding-top:6px;
	padding-bottom:6px;
}

.t2pad {
	display:block;
	padding-left:18px;
	font-size:11px;
	line-height:140%;
	padding-top:6px;
	padding-bottom:6px;
}

.ts {
	display:block;
	float:left;
	text-align:center;
}

.ts span {
	display:block;
	width:204px;
}

.ts2 {
	display:block;
	float:left;
	text-align:center;
	padding-left:11px;
}

.ts2 span {
	display:block;
	width:204px;
}

.ts3 {
	display:block;
	float:left;
	text-align:center;
	padding-left:10px;
}

.ts3 span {
	display:block;
	width:204px;
}


.tg {
	display:block;
	float:left;
	text-align:center;
}

.tg a {
	color:#000;
	text-decoration:none;
}

.tg2 a {
	color:#000;
	text-decoration:none;
}

.tg3 a {
	color:#000;
	text-decoration:none;
}

.tg span {
	display:block;
	width:178px;
}

.tg2 {
	display:block;
	float:left;
	text-align:center;
	padding-left:35px;
}

.tg2 span {
	display:block;
	width:189px;
}

.tg3 {
	display:block;
	float:left;
	text-align:center;
	padding-left:37px;
}

.tg3 span {
	display:block;
	width:182px;
}

#banbase {
	display:block;
	padding-left:5px;
	padding-right:4px;
}

#bcont {
	display:block;
	padding-top:14px;
}

#tbottom {
	display:block;
	padding-top:16px;
}


/* イメージ */

#lb {
	display:block;
	background:url(../images/operation/lb1_s1.jpg) left top no-repeat;
	width:651px;
	height:372px;
}

.l1 {
	display:block;
	padding-left:24px;
	padding-top:97px;
}

.l2 {
	display:block;
	padding-left:24px;
	padding-top:12px;
}

.l3 {
	display:block;
	padding-left:24px;
	padding-top:12px;
}

.imbun {
	display:block;
	font-size:12px;
	line-height:150%;
	padding-left:38px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
}

.imbun5 {
	display:block;
	font-size:12px;
	line-height:150%;
	padding-left:7px;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:25px;
}

.imbun6 {
	display:block;
	font-size:12px;
	line-height:150%;
	padding-left:8px;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:25px;
}

.imbun7 {
	display:block;
	font-size:14px;
	line-height:150%;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:5px;
	font-weight:bold;
	margin-left:20px;
}

.imbun a {
	text-decoration:underline;
	font-weight:bold;
	color:#47A300;
}

.imbun a:hover {
	text-decoration:none;
}

.impad {
	display:block;
	padding-top:18px;
}

.impad2 {
	display:block;
	padding-top:18px;
	padding-bottom:45px;
	
}

.impad7 {
	display:block;
	background:url(../images/operation/img4_s1.jpg) left top no-repeat;
	width:651px;
	height:269px;
	
}

.mov {
	display:block;

	padding-bottom:25px;
}

.pad7 {
	display:block;
	padding-left:409px;
	padding-top:17px;
}

#imb1 {
	display:block;
}



/* 導入事例 */


.cabun {
	display:block;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:30px;
	font-size:14px;
	line-height:150%;
}

.doub {
	display:block;
	background:#FFF;
}

.cali {
	display:block;
	font-size:12px;
	background:url(../images/case/cali_s1.gif) left top no-repeat;
	padding-left:19px;
	padding-top:7px;
	padding-bottom:5px;
	padding-right:30px;
	margin-left:20px;
}

.cali2 {
	display:block;
	font-size:12px;
	background:url(../images/case/cali2_s1.gif) left top no-repeat;
	padding-left:19px;
	padding-top:7px;
	padding-bottom:5px;
	padding-right:30px;
	margin-left:20px;
}

.cali3 {
	display:block;
	font-size:12px;
	background:url(../images/case/cali3_s1.gif) left top no-repeat;
	padding-left:19px;
	padding-top:7px;
	padding-bottom:5px;
	padding-right:30px;
	margin-left:20px;
}

.cali4 {
	display:block;
	font-size:12px;
	background:url(../images/case/cali4_s1.gif) left top no-repeat;
	padding-left:19px;
	padding-top:7px;
	padding-bottom:5px;
	padding-right:30px;
	margin-left:20px;
}

.cali5 {
	display:block;
	font-size:12px;
	background:url(../images/case/cali5_s1.gif) left top no-repeat;
	padding-left:19px;
	padding-top:7px;
	padding-bottom:5px;
	padding-right:30px;
	margin-left:20px;
}

.rg {
	display:block;
	background:#FFF;
}

.rg p {
	display:block;
	float:left;
	font-size:14px;
	line-height:145%;
	padding-left:7px;
	padding-top:10px;
}



/* 機能紹介 */

#prosm {
	display:block;
	margin-bottom:24px;
}

#nexsm {
	display:block;
	background:url(../images/product/sm_s1.jpg) left top no-repeat;
	width:651px;
	height:625px;
}

#nexsmpad {
	display:block;
	padding-top:146px;
	padding-left:14px;
}

#nexsmpad ul {
	display:block;
}

#nexsmpad ul li {
	display:block;
	float:left;
	padding-left:9px;
	padding-right:14px;
	padding-bottom:13px;
}

.probbase {
	display:block;
	padding-left:14px;
	padding-top:130px;
}

.tbt {
	display:block;
	float:left;
}

.bt1 {
	display:block;
	padding-left:134px;
	padding-bottom:11px;
	clear:both;
}

.btl {
	display:block;
	float:left;
	padding-right:17px;
	padding-bottom:13px;
}

.btc {
	display:block;
	float:left;
	padding-right:14px;
	padding-bottom:13px;
}

.btr {
	display:block;
	float:left;
	padding-bottom:13px;
}

#hom {
	display:block;
	padding-top:15px;
}

#homl {
	display:block;
	float:left;
	width:432px;
}

#hom p {
	display:block;
	font-size:12px;
	line-height:140%;
	padding-left:34px;
	padding-top:4px;
	padding-right:0px;
	padding-bottom:15px;
}

.m1b {
	display:block;
	padding-top:20px;
}

.m1b p {
	display:block;
	float:left;
	font-size:12px;
	line-height:145%;
	padding-left:25px;
	padding-top:60px;
}

.m2b {
	display:block;
}

.m2b p {
	display:block;
	float:left;
	font-size:12px;
	line-height:145%;
}

.roundframe{
	border:1px solid #bbbbbb;
	padding:15px 10px 10px 10px;
	width:618px;
	margin:20px auto 10px auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.roundframe p{
	font-size:12px;
	margin:0 0 1em 2em;
}
.roundframe img{
	margin:0 auto;
}

.inputList{
	list-style-type:none;
	margin-left:40px;
}

.col2{
	float:left;
	width:283px;
}
.col1 h3,
.col2 h3{
	margin:0.5em 0;
}
.col2 h4{
	font-size:14px;
	color:#49a300;
	font-weight:normal;
	line-height:150%;
}
.col2 p{
	font-size:12px;
	line-height:160%;
}

div.col2:nth-child(odd){
	margin-left:20px;
}
.inputList li.col2:nth-child(even){
	margin-left:20px;
}

p.image{
	display:block;
	margin:30px auto 20px auto;
	text-align:center;
}

.felicaBox{
	padding:15px 10px 10px 10px;
	margin:40px auto 30px auto;
	width:618px;
	font-size:13px;
	line-height:140%;
	background:url(../images/product/felica-img.png) #e9ffd8 505px 45px no-repeat;
}
.felicaBox h3{
	text-align:center;
	margin-bottom:1em;
}
.felicaBox p{
	width:470px;
	margin-left:23px;
}
.felicaBox p.notice{
	margin-top:1em;
	text-align:right;
	font-size:11px;
	width:570px;
}

#hom img{
	margin:0 45px 0 20px;
}
#hom p.notice{
	text-align:right;
	font-size:10px;
	width:430px;
}
#hom .softList{
	padding:0;
	margin-left:35px;
	list-style-type:none;
}
#hom .softList li{
	float:left;
	width:5em;
	height:15px;
	padding-top:2px;
	padding-left:1.5em;
	margin-bottom:0.5em;
	font-size:13px;
	line-height:13px;
	background: url(../images/product/arrow.jpg) left center no-repeat;
}
.greenframe{
	clear:both;
	width:552px;
	padding:15px 10px 10px 10px;
	margin:0 auto 10px auto;
	border:1px solid #49a501;
	text-align:center;
}
.greenframe img{
	margin:0 auto 5px auto;
}
.greenframe p{
	text-align:right;
}

.floatright{
	float:right;
}
.marginB10px{
	margin-bottom:10px;
}
.marginB30px{
	margin-bottom:30px;
}

/* 価格 */


#price {
	display:block;
	padding-left:7px;
	padding-top:15px;
	padding-bottom:15px;
}

.tab1 {
	width:637px;
	background:#CCC;
	font-size:12px;
	line-height:150%;
}

.tab1 th {
	background:#C4FF93;
	color:#666;
	text-align:center;
	padding-top:7px;
	padding-bottom:7px;
}

.gru {
	background:#EAEAEA;
	text-align:center;
}

.wh2 {
	background:#FFF;
	text-align:right;
}

.wh {
	background:#FFF;
}

.tab1 td {

	padding:7px;
}


/* FAQ */

.bba {
	display:block;
	padding-top:9px;
	padding-bottom:30px;
}

.bb1 {
	display:block;
	float:left;
	padding-left:6px;
}

.bb2 {
	display:block;
	float:left;
	padding-left:21px;
}

.bb3 {
	display:block;
	float:left;
	padding-left:22px;
}

.qbun {
	display:block;
	font-size:13px;
	font-weight:bold;
	line-height:140%;
	background:url(../images/faq/q_s1.gif) left top no-repeat;
	padding-left:39px;
	padding-top:4px;
	padding-bottom:15px;
}

.abun {
	display:block;
	font-size:12px;
	line-height:140%;
	background:url(../images/faq/a_s1.gif) left top no-repeat;
	padding-left:66px;
	padding-top:6px;
	padding-bottom:30px;
}

.n1 {
	width:270px;
	border:#CCC solid 1px;
}

.n2 {
	width:200px;
	border:#CCC solid 1px;
}

textarea {
	width:500px;
	height:140px;
	border:#CCC solid 1px;
}

.bt {
	display:block;
	padding-top:20px;
	padding-bottom:40px;
	padding-left:270px;
}

.bbb {
	width:80px;
	font-size:12px;
}

/* e-就業 */

#es {
	display:block;
	background:url(../images/es/sm_s1.jpg) left top no-repeat;
	width:651px;
	height:374px;
}

.e1 {
	display:block;
	padding-left:24px;
	padding-top:88px;
}

.e2 {
	display:block;
	padding-left:24px;
	padding-top:12px;
}

.e3 {
	display:block;
	padding-left:24px;
	padding-top:12px;
}

.kako {
	display:block;
	padding-left:7px;
	padding-right:7px;
}

#kakob {
	display:block;
	border:#CCC solid 1px;
	padding:15px;
}

#kakob ul {
	display:block;
	padding-left:12px;
	float:left;
	padding-right:20px;
}

#kakob li {
	display:block;
	list-style-type:none;
	font-size:13px;
	padding-bottom:10px;
}

#kakob a {
	color:#000;
	text-decoration:underline;
}

#kakob a:hover {
	text-decoration:none;
}

#malbase {
	display:block;
	padding:7px;
}

#mid {
	display:block;
	background:#E7FFD2;
	border:#49A300 solid 1px;
	padding:12px;
}

#mid p {
	display:block;
	font-size:12px;
	line-height:140%;
	padding-bottom:12px;
}

#mid a {
	color:#000;
	text-decoration:underline;
}

#mid a:hover {
	text-decoration:none;
}

.mbt {
	display:block;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:533px;
}

.tab2 {
	width:637px;
	background:#CCC;
	font-size:12px;
	line-height:150%;
}

.tab2 th {
	background:#C4FF93;
	color:#666;
	text-align:center;
	padding-top:7px;
	padding-bottom:7px;
}

.ce {
	text-align:center;
}


.tab2 td {
	text-align:left;
	padding:7px;
	background:#FFF;
}

.tab2 span {
	color:#F00;
}

#jj {
	display:block;
	padding-bottom:45px;
}

#j1 {
	display:block;
	background:url(../images/es/j1_s1.jpg) left top no-repeat;
	width:231px;
	height:159px;
	float:left;
}

#j1 p {
	display:block;
	font-size:12px;
	line-height:150%;
	padding-left:27px;
	padding-top:77px;
}

#j1 span {
	display:block;
	text-align:center;
	width:163px;
}

#j2 {
	display:block;
	background:url(../images/es/j2_s1.jpg) left top no-repeat;
	width:218px;
	height:159px;
	float:left;
}

#j2 p {
	display:block;
	font-size:12px;
	line-height:150%;
	padding-left:17px;
	padding-top:77px;
}

#j2 span {
	display:block;
	text-align:center;
	width:163px;
}

#j3 {
	display:block;
	background:url(../images/es/j3_s1.jpg) left top no-repeat;
	width:193px;
	height:159px;
	float:left;
}

#j3 p {
	display:block;
	font-size:12px;
	line-height:150%;
	padding-left:17px;
	padding-top:77px;
}

#j3 span {
	display:block;
	text-align:center;
	width:163px;
}

#f1 {
	display:block;
}

#flt {
	display:block;
	float:left;
	width:450px;
	font-size:12px;
	line-height:150%;
}

.flo1 {
	display:block;
	background:url(../images/flow/line_s1.gif) left bottom no-repeat;
	padding-left:16px;
	padding-top:29px;
	padding-bottom:32px;
}

.flo2 {
	display:block;
	background:url(../images/flow/line_s1.gif) left bottom no-repeat;
	padding-left:16px;
	padding-top:60px;
	padding-bottom:27px;
}

.flo3 {
	display:block;
	background:url(../images/flow/line_s1.gif) left bottom no-repeat;
	padding-left:16px;
	padding-top:10px;
	padding-bottom:29px;
}

.flo4 {
	display:block;
	background:url(../images/flow/line_s1.gif) left bottom no-repeat;
	padding-left:16px;
	padding-top:18px;
	padding-bottom:29px;
}

.flo5 {
	display:block;
	background:url(../images/flow/line_s1.gif) left bottom no-repeat;
	padding-left:16px;
	padding-top:118px;
	padding-bottom:29px;
}

.flo6 {
	display:block;
	background:url(../images/flow/line_s1.gif) left bottom no-repeat;
	padding-left:16px;
	padding-top:60px;
	padding-bottom:24px;
}

.flo7 {
	display:block;
	background:url(../images/flow/line_s1.gif) left bottom no-repeat;
	padding-left:16px;
	padding-top:15px;
	padding-bottom:24px;
}

.imbun b {
	font-size:15px;
	line-height:160%;
}

#accordion {width:610px;
;}
.accordion {width:610px;}
.accordion dt {
	display:block;
	padding-left:520px;}
.accordion dt:hover {background:url(images/header_over.gif)}
.accordion dd {overflow:hidden; background:#fff;
padding-left:7px;
font-size:12px;
line-height:140%;}

.accordion p {
	display:block;
	padding-top:5px;
	padding-bottom:10px;
}

.accordion p a {
	color:#000;
}


#accordion2 {
	display:block;}
.accordion2 {display:block;}
.accordion2 dt {display:block;}

.accordion2 dt p {
	display:block;
	cursor:pointer;
}

.accordion2 dt p:hover {
	text-decoration:underline;
}
.accordion2 dt:hover {}
.accordion2 .open {}
.accordion2 dd {overflow:hidden; background:#fff}
.accordion2 span {display:block;}


#out {
	display:block;
	padding-top:15px;
	padding-left:35px;
	padding-bottom:20px;
}

#out p {
	display:block;
	float:left;
	font-size:15px;
	font-weight:bold;
	width:400px;
	padding-top:20px;
}

#tbg {
	display:block;
	background:url(../images/case/tbg_s1.gif) left top repeat-y;
	width:651px;
}

#tbg2 {
	display:block;
	background:url(../images/case/tbg2_s1.gif) left top repeat-y;
	width:651px;
}

#tbg3 {
	display:block;
	background:url(../images/case/tbg3_s1.gif) left top repeat-y;
	width:651px;
}

/* mini価格 */

#kakakum {
	display:block;
	padding-left:7px;
}

#minip {
	display:block;
	padding-left:7px;
	padding-top:15px;
	padding-bottom:15px;
}

.tabmp {
	font-size:16px;
	line-height:150%;
}

.tabmp th {
	background:#C4FF93;
	color:#666;
	padding-left:7px;
	padding-top:7px;
	padding-bottom:7px;
}

.grum {
	width:250px;
	background:#EAEAEA;
	text-align:center;
}

.wh2m {
	width:550px;
	background:#FFF;
	text-align:left;
	padding-left:15px;
}

.wh3m {
	width:100px;
	background:#FFF;
	text-align:right;
}

#mini {
	display:block;
	padding-left:7px;
	padding-top:15px;
	padding-bottom:15px;
}

.tabm {
	background:#FFe4b5;
	font-size:16px;
	line-height:150%;
}

.wh2min {
	background:#FFF;
	text-align:left;
	padding-left:15px;
}

.tabm th {
	background:#C4FF93;
	color:#666;
	text-align:center;
	padding-top:7px;
	padding-bottom:7px;
}

.tabm2 {
	width:500px;
	font-size:12px;
	line-height:150%;
}


/* reset
============================================================ */
.reset {
	clear:both;
	display:block;
	height:0px;
	font-size:1px;
	line-height:1px;
	min-height:1px;
	height:0;
	visibility:hidden;
}