@charset "shift_jis";
/* CSS Document */


/* ----dispaly---- */

img.data_ex_imgta{
	display:none;
}

.none_pc{
	display:none;
}

/* -------------------------
           wrapper
---------------------------- */
div#wrapper {
background: url(../img/index/main_back.png) left top repeat-x;
overflow:hidden;
width:100%; 
margin:0 auto;
}


/* ----header---- */

#header {
	width:100%;
	margin:0 auto;
	clear:both;
	position:fixed;
    height:85px;
    background-image:url(../img/index/ue_back.png);
    box-shadow:rgba(50,50,50,0.1) 2px 7px 7px;
}

#header02{
	display:none;
		text-align:center;

}

#header02 div.h_in02_01{
	text-align:center;
}
#header02 div.h_in02_02{
	border-top:5px solid #FF9D0E;
	border-bottom:5px solid #FF9D0E;
	margin-top: -15px;
}

.h_in01{
max-width:960px;
margin:0 auto;
overflow:hidden;	
}

.h_in01_01{
float:left;
margin:17px 0;
width:90px;

}

.h_in01_02{
margin:0 auto;
padding-left:100px;
text-align:center;
margin-top:-10px;

}

.h_in01_02 img{
text-align:center;
margin:0 auto;
height:auto;
}



/* ----container---- */

div#container {
width: 960px;
margin: 0 auto;
overflow:hidden;
}


/* ----formLinkBox---- */

div#formLinkBox {
position: fixed;
top: 90px;
right: 0px;
}


/* ----コンテンツ用テーマ---- */

div#contentsTheme {
margin-top:100px;
background-color: #fff;
border: 1px solid #ccc;
}


div.cT_n {
  border: 1px solid #fff;
  padding: 50px 0 50px 50px;
  height: 100px;
}


div.cT_n_HK01 {
  background: url(../img/contents/theme.png) no-repeat right top;
}
div.cT_n_HK02 {
  background: url(../img/contents/scaning/theme.png) no-repeat right top;
}

p.cT_n_p02 {
  font-size: 29px;
}

p.cT_n_p03 {
  font-size: 13px;
}

div#contents h2 {
  background: url(../img/index/h2_back.png) left bottom repeat-x;
  padding-bottom: 10px;
}


/* ----main---- */


div#main {
  padding: 20px 0;
  overflow: hidden;
}


/* ------------------------------
            コンテンツ
--------------------------------- */
div#contents {
background: url(../img/index/contents_back.png);
padding: 5px;
margin-bottom:20px;
}

/* ----contentsInner---- */

div#contentsInner {
background: #FFFFFF;
padding: 35px;
display: block;
}


span.h2Tab {
font-size: 26px;
font-weight: normal;
display: block;
float: left;
width: 75%;
}
span.h2Sub {
font-size: 13px;
font-weight: normal;
display: block;
float: right;
width: 25%;
padding-top: 15px;
text-align: right;
color:#FF9D0F;
}


/* ----article---- */
article {
  padding-top: 20px;
}

/*----------3つの特徴----------*/

div.data_ex_01{
	margin:0 auto;
	margin-top:20px;
	overflow:hidden;
	max-width:820px;
	background-image:url(../img/contents/data_back_01.png);
	padding:10px;
}

div.data_ex_01 ul{
	border:1px solid #fff;
	list-style:none;
	padding:10px;
	overflow:hidden;
}

div.data_ex_01 li{
	color:#fff;
	line-height:150%;
	font-size:18px;
}

div.data_ex_01 li.data01_l01{
	float:left;
}

div.data_ex_01 li.data01_l02{
	border-bottom:1px dashed #777;
}

div#textH {
max-width:820px;
overflow:hidden;
margin:0 auto;
font-weight: normal;
padding: 10px;
background-color: #f0f0f0;
font-size:14px;
line-height: 1.5;
margin-top: 20px;
}


/* ------------------------------
          contentsBox
--------------------------------- */


div.contentsBox {
padding: 30px 0 0;
}

div.contentsBox section{
padding: 30px 25px 30px;
}

div.contentsBox2{
padding:0 0;
}

div.contentsBox h3.contentsTabORG {
background: url(../img/tab/h3_contents_back_org.png) left top repeat;
font-size: 20px;
font-weight: normal;
line-height: 50px;
padding: 5px 0 0 10px;

  border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
}

div.contentsBox span.contentsTabORG_s {
  background: url(../img/tab/h3_contents_back_org_s.png) left 7px no-repeat;
  line-height: 50px;
  padding-left:15px;
}



/*---------オンサイト入力サービス---------*/

section h3.h3Green {
background: url(../img/tab/h3_back.png) left top no-repeat;
margin-bottom:20px;
}

section h3 {
font-size: 20px;
line-height: 20px;
padding: 0 0 10px 15px;
border-bottom: 2px solid #bbb;
font-weight: normal;
}

p.str02 {
padding-top: 20px;
line-height: 180%;
}

p.str00 {
padding-top: 40px;
line-height: 180%;
}



ul.list {
list-style: none;
padding: 0 10px;
margin-bottom:10px;
overflow:hidden;
}

ul.list li {
background: url(../img/icon/pointer.png) left 3px no-repeat;
padding: 0 0 10px 25px;
}


div.list_img01{
	margin:0 auto;
	text-align:center;
}

div.list_img01 img{
	margin:0 auto;
	text-align:center;
	max-width: 100%;
    height: auto
}


/*---------オフショア入力サービス---------*/

ul.list02 {
list-style: none;
overflow: hidden;
margin:0 auto;
text-align:center;
}

ul.list02 li {
float: left;
width:33.3%;
text-ali
gn:center;
}

/*---------多様なサービス---------*/

div.data_svcmenu{
margin:0 auto;
text-align:center;
overflow:hidden;
}

ul.data_svcmenu_ul01{
	float: left;
	width:25%;
	list-style:none;
}

ul.data_svcmenu_ul01 img{
	max-width:90%;
	height:auto;
}



ul.data_svcmenu_ul01 li.data_svcmenu_li02{
	padding-left:10px;
	margin-left:10px;
	background-image:url(../img/tab/h3_contents_back_org_s02.png);
	background-repeat:no-repeat;
	background-position:center left;
	font-size:14px;
	text-align: left;

}


/*---------スリープログループ会社概要---------*/
div.data_ex02{
	overflow:hidden;
}

div.data_ex02 ul{
	overflow:hidden;
	padding:10px;
}

ul.data_comp_ul01{
	list-style:none;
}

ul.data_comp_ul01 li{
	border-bottom:2px solid #ccc;
	padding:5px 0 5px 10px;
}

ul.data_comp_ul01 li.datacomp_li01{
	float:left;
	width:180px;
}

ul.data_comp_ul01 li.datacomp_li01 span{
	background-image:url(../img/icon/pointer.png);
	background-repeat:no-repeat;
	background-position:left 3px;
	padding-left:20px;
}

ul.data_comp_ul01 li.datacomp_li02{
	margin-left:230px;
}


div.data_ex03{
	text-align:right;
	margin:10px 0 0;
}


 a.scn_a:link{
	text-decoration: underline;
	color: #FF9D0F;
}
 
 a.scn_a:hover{
	text-decoration: underline;
	color: #FF9D0F;
}

 a.scn_a:visited{
	text-decoration: underline;
	color: #FF9D0F;
}


/*----------申込フォーム----------*/
p.str {
padding-left:10px;
border-left:2px solid #FF9D0F;
}

.mini {
font-size: 90%;
}

.hitsyu{
	background-color:rgba( 254, 254, 254, 0.8);
	padding:2px;
	padding-left:10px;
	width:140px;

border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

/*----------申込フォーム----------*/
div.formBox {
	padding: 20px;
	text-align:center;
	margin:0 auto;
	background-image:url(../img/index/contents_back.png);
	
border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}


div.form01{
	text-align:center;
	margin:0 auto;
	max-width:660px;
}

div.form01 dl{
	text-align:left;
	margin-top:20px;
}

div.form01 dt{
	float:left;
	width:22%;
	margin-bottom: 20px;
}

div.form01 dd{
	margin-left:22%;
}

div.sbm01{
	margin:20px 0 10px;
}


.form01 input,
.form01 textarea {padding: 3px;}
	
/*----入力の全角半角自動---*/
.txtmode1 {
   ime-mode: active;   /* 全角モード */
 }
.txtmode2 {
   ime-mode: inactive; /* 半角モード */
 }
 
 
 
 
 
 
 /* ----footer---- */


div#footerBottom{
margin: 0 auto;
background-color:#BCBCBC;
overflow:hidden;
}

div.footerContainer {
max-width:960px;
margin: 0 auto;
padding:15px 0;
background-color:#BCBCBC;
overflow:hidden;
}

div.footerBottomL {
float:left;
width:40%;
font-size: 12px;
overflow:hidden;
}


div.footerBottomR {
float:right;
width:60%;
overflow:hidden;
}

ul.footerNavBottom {
list-style: none;
overflow:hidden;
text-align:right;

}

ul.footerNavBottom li {
float: right;
font-size: 12px;
}





/* ----pageTop---- */
#pageTop {
position: fixed;
bottom: 70px;
right: 50px;
}