@charset "utf-8";
/*--- index ---*/
#top #contents #top_nav {
	margin-bottom: 2em;
}
#top #contents #top_nav li{
	margin:0.6em 0;}
	
/*--- dm_daikou ---*/
#dm_daikou .red_kadomaru {
	margin-bottom:0.5em;}
	
.arrow {display:block}

.mail_link {
	width:60%;
	margin:2em auto;}
	.mail_link li {
		margin-bottom:2em;}
		
/*--- kuroneko_mail ---*/
.list_type01{
	margin-left:6.666%;}
.list_type01 li{
	list-style:square;
	color:#003399;}
	.list_type01 li span{color:#000;}
	
.kdm_dl {
	margin-top:1em;}
.kdm_dl dt {
	width:22%;
	float:left;}
.kdm_dl dt:after {
		content:"：";}
.kdm_dl dd {
	width:78%;
	float:left;}

.kdm_list {margin:0.5em 0 1em;}	
.kdm_list li {/*font-size:2.4rem !important;*/}

.kuroneko_ok {
	background:#0056ac;
	border-radius:40px;
	color:#fff;
	text-align:center;}
.kuroneko_ng {
	background:#ec6c00;
	border-radius:40px;
	color:#fff;
	text-align:center;}

	
/*--- atena_injil ---*/
.youtube {
	
	margin:2em auto 1em;
	border:3px solid #ccc;}
	.youtube iframe {
		display:block;
		width:100%;
	height:auto;
	}
#merit {padding-top:1em;}
#merit dt {
width:30%;}
#merit dt span {
color:#fff;
border-radius:5px;
padding:2px 6%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#4f7ac9', endColorstr = '#3764c9');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#4f7ac9', endColorstr = '#3764c9')";
background-image: -moz-linear-gradient(top, #4f7ac9, #3764c9);
background-image: -ms-linear-gradient(top, #4f7ac9, #3764c9);
background-image: -o-linear-gradient(top, #4f7ac9, #3764c9);
background-image: -webkit-gradient(linear, center top, center bottom, from(#4f7ac9), to(#3764c9));
background-image: -webkit-linear-gradient(top, #4f7ac9, #3764c9);
background-image: linear-gradient(top, #4f7ac9, #3764c9);}

#merit dd {
	width:100%;
	margin-bottom:0.5em;}

/*---data_kanri ---*/
.imgl_s {
	width:26%;
	margin-right:2%;
	float:left;}
.imgl {
	width:50%;
	margin-right:2%;
	float:left;}
.p_right {
	width:100%;
	float:none;}
	
/*--- for_freshers ---*/
.imgr {
	width:44%;
	margin-left:2%;
	float:right;}
.p_right {
	width:100%;
	float:none;}
	
#for_freshers .half h5{
	color: #399;
	margin: 0 0 0.5em 0;
}

.accent {
	color: #1B4EA2;
	font-size: 1.6rem;
	font-weight: bold;
}
#fre_inq p a {
	color: #1B4EA2;
}
.accent_02{
	color: #1B4EA2;
	font-size: 1.2rem;
	font-weight: bold;
}

#signiture{
	color:#666666;
	margin-top:1em;
}
@media (max-width:320px){
	#signiture{
		text-align:right;}
}
#fre_inq {
	width:90%;
	margin:1em auto 0;}
	
#fre_inq p { line-height:3em;}

.fax span:after {content:"-";}

/*--- sitemap ---*/
.pagelist li {
	background: #EFEFEF; 
	border-left: solid 6px #DE5800;
	margin:1em 0.5em;
	}
.pagelist li a {
	display:block;
	padding:1em;
	font-size:0.8rem;}

/*--- policy ---*/

.policy_sec ol li{
	list-style:decimal;
	margin:1em 0 1em 2em;}
.policy_sec .textr {
	text-align:right;}
.policy_sec {
	margin-bottom:4em;}

.policy_sec table td {
	width: auto;
	padding: 0;
}
.policy_sec table .dem01{
	vertical-align:top;
	width:8%;}
.policy_sec table .dem02{
	vertical-align:text-top;
	width:6%;}

.policy_sec table td ul {
	list-style: square;
	margin-left:1em;}
.policy_sec table td ul.abc {
	list-style:lower-alpha;
	margin-left:2em;}
.policy_sec table td ul.dem03 {
	margin-left:2em;}

.policy_sec table td.dem03{
	vertical-align:top;
	width:6%;}
.policy_sec table .dem04{
	vertical-align:top;
	padding-left:6%}

.policy_sec .sec_area p {
	margin-bottom:1em;}

#pl_inq {
	margin-top:1em;}
	
/*--- voice ---*/

.voice_icon{
	background:url(../../images/contents/voice_mark.jpg) no-repeat left center;
	background-size:contain;
	padding-left:2em;
	margin:1em 0 0.4em;
	font-weight:bold;
	color:#0099CC;}
	
/*--- profile ---*/	


.dtl_tb dd span {
	display:block;
	width:70%;
	float:left;}

#profile .fax span:after {content:"-";}

a.p_mark {
	float: left;
	width: 20%;
	margin-top: 4px;
}

.prof_img {
	padding:0.5em 0;}

.gmap {
	position: relative;
padding-bottom: 50%;
height: 0;
overflow: hidden;
}
.gmap iframe,.gmap #map_canvas { 
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/*--- contact ---*/	

#pref , #addr01 , #addr02 ,#addr03 {
	margin-bottom:5px;
}

/*ボタン*/
form input[type="text"] ,form input[type="number"] ,form textarea{
	width:94%;}
.lh2 label {
	line-height:2em;}
form .dtl_tb dd span {
	display:inline;
	width:auto;
	float:none;}

.must {
	padding:0.2em 0.4em;;
	background:#c00;
	color:#fff;
	font-size:0.8rem;
	margin-right:10px;
	border-radius:5px;}

.fax span span:after {content:"-";}

#zip01 { width:30%; display:inline;}

#zip01 ~ a {width:50%;}

form input[type="submit"] , input[type="button"]{
	display: block;
	width: 180px;
	height: 50px;
	margin: 20px auto 0;
	text-indent: -9999px;
	border: none;
}
.checkBtn2 {
	background: url(../img/common/contactCheck2.jpg) no-repeat;
	width:320px !important;
}

.checkBtn {
	background: url(../../images/contents/contactCheck.jpg) no-repeat;
}
.backBtn {
	background: url(../../images/contents/contactBack.jpg) no-repeat;
}
.submitBtn {
	background: url(../../images/contents/contactSubmit.jpg) no-repeat;
}
.checkBtn:hover ,.backBtn:hover , .submitBtn:hover {
	background-position: 0px -50px;
}
.checkBtn2:hover {
	background: url(../img/common/contactCheck2_on.png) no-repeat;}
@media (max-width:360px){
	.checkBtn2 {
	width: 100% !important;
	height: auto;
	background-size: contain;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	
}
	.checkBtn2:hover { background-size:contain;}
}
/*エラーメッセージ*/
#errMsg {
}
p.error_messe{
	margin:5px 0;
	color:red;
}

#conf dt,#conf dd {
	min-height:1em;}

/*-メールフォーム個人情報保護-*/
.policy_area {
	margin:2em 0;

	}
.policy_area h4 {
	color:#cc0000;
	text-align:center;
	margin-bottom:0.6em;}

.policy_in {
	overflow-y: scroll;
	padding: 0.6em;
	border: 1px solid #ccc;
	height: 150px;
}

.policy_area dt{
}
.policy_area dd{
	padding:0px 0px 0px 1em;
	margin-bottom:10px;
}
.p_contact dt,.p_contact dd{display:inline-block;}

.policy_area .p_contact dd.mb_n {margin-bottom:0;}
.policy_area .p_contact dd{ padding:0;}

/* topテスト */
.work_test {
  border: solid 10px #00a0e9;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.test_hd {
  background: #00a0e9;
  margin-top: 0;
  color: #fff;
  text-align: center;
  padding-bottom: 1px;
}
.test_hd p {
  margin-top: 0;
  margin-bottom: 6px;
}

.tl01 {
  background: #0068b7;
  font-size: 17px;
  display: inline-block;
  line-height: 1.5
}
.wt-list {
  margin: 10px 15px 0;
}
.wt-list li {
  background: #fff;
  border: solid 1px #bbae8f;
  text-align: center;
  padding: 5px 3px 20px 3px;
  position: relative;
  margin-bottom: 25px;
}
.wt-list li a {
  text-decoration: none;
  background: linear-gradient(#efc575, #da860d );
  border: solid 1px #f29a76;
  color: #fff;
  font-weight: 600;
  padding: 5px 0;
  position: absolute;
  bottom: -20px;
  right: 9%;
  width: 80%;

}
.wt-list li strong {
  font-size: 16px;
  display: block;
  line-height: initial;
  margin-bottom: 10px;
}
/* テストページ */
.page-test {
  font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.c-wrap {
  margin: 0 auto;
}
.page_hd {
  padding: 40px 0;
  line-height: 37px;
  color: #292929;
  text-align: center;
}
.page_hd h2 {
  font-size: 1.8rem;
}
.page_hd span {
  display: block;
  font-weight: normal;
  font-size: 1.6rem;
  letter-spacing: 10px;
}
.bggry {
  background: #f5f5f5;
}
.main_txt {
  font-size: 1.6rem;
  font-weight: bold;
  color: #02aedc;
  text-align: center;
  margin-bottom: 30px;
}
.page_tp {
  padding: 40px 7px;
}
.top_tb {
  max-width: 600px;
  margin: 0 auto;
  color: #a18e5c;
  border: solid 1px #ddc995;
  font-size: 16px;
}
.top_tb dl{
  display: flex;
  border-bottom: solid 1px #ddc995;
}
.top_tb dl:last-child {
  border-bottom: none;
}
.top_tb dt {
  background: #ddc995;
  border-bottom: solid 1px #e3decc;
  border-top: none;
  padding-left: 5px;
  padding: 15px 0 15px 10px;
  width: 50%;
}
.top_tb dd {
  padding: 15px 0 15px 10px;
  width: 50%;
}
.page-test h3 {
  background: none;
  color: #292929;
  font-size: 24px;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 0;
  margin-bottom: 30px;
}
#test-li {
  padding: 20px 0 50px 0;
}
#test-li ul {
  border: solid 1px #02aedc;
  font-size: 14px;
  width: 70%;
  margin: 0 auto;
}
#test-li li {
  border-bottom: solid 1px #02aedc;
  padding: 15px 10px;
}
#test-li li:last-child {
  border-bottom: none;
}
#test-li li img {
  width: 20%;
}
.txbl {
  color: #02aedc;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.usage {
  margin: 0 auto;
  padding: 0 20px;
}
.usage li {
  background: #adc2c8;
  color: #fff;
  font-size: 23px;
  font-weight: 600;
  margin-bottom: 8px;
  padding: 5px;
}
#test-feat {
  padding: 40px 0;
}


.feature_field {
  border-radius: 15px;
  border: solid 3px #02aedc;
  width: 80%;
  margin: 50px auto;
  padding: 0 30px 20px 30px;
}
.feature_field span {
  background: #02aedc;
  color: #fff;
  display: inline-block;
  padding: 20px;
  font-size: 20px;
}
.feature_field dl {
  margin: 40px 0;
}
.feature_field dt {
  font-size: 23px;
  font-weight: 600;
  border-bottom: solid #cedade 1px;
  margin-bottom: 4px;
}
.feature_field dd {
  font-size: 16px;
  margin-bottom: 30px;
}
.fee_field {
  margin: 40px auto;
  padding: 0 5px;
}
.atte {
  font-size: 15px;
  color: #c80601;
  margin-bottom: 15px;
}
.atte img {
  width: 8%;
}
.ftb {
  overflow: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  margin-bottom: 20px;
}
.fee_field table {
  border-collapse: collapse;
  font-size: 14px;
}
.fee_field th {
  font-size: 16px;
}
.fee_field th,
.fee_field td {
  border: solid 1px #fff;
  padding: 10px 5px 10px 5px;
  width:  200px;
}
.col-hd {
  background: #a18e5c;
  color: #fff;
}
.col-p {
  text-align: center;
  padding: 4px 0;
}
td.col-s {
  width: 27%;
}
td.col-s2 {
  width: 55%;
}
td.row-s {
  padding: 30px 0 30px 10px;
}
.row_01 {
  background: #e3decc;
}
.row_02 {
  background: #e2e0da;
}
.notation {
  font-size: 12px;
}
.detail {
  text-align: center;
}
.detail a {
  border-radius: 15px;
  text-decoration: none;
  color: #fff;
  font-size: 23px;
  font-weight: bold;
  background: linear-gradient(to bottom,#8dd1eb,#84cae6,#278cb7,#157bab);
  display: block;
  padding: 4px;
  margin: 50px auto 0;
}
.detail a:hover {
-webkit-transition: all .3s ease;
transition: all .3s ease;
opacity: .7;
}
.detail span {
  border-radius: 15px;
  border: solid 1px #fff;
  display: block;
  padding: 21px;
}

/*inserter*/
.inserter {
  padding: 0 10px;
}
.section-subhead {
  color: #0d3b66;
  font-size: 18px;
  font-weight: bold;
}
.box-radius {
  border-radius: 5px;
}
.inserter-merit {
  margin: 35px 0;
}
.merit-title {
  text-align: center;
  margin: 10px 0 5px;
}
.merit-title img {
  width: 45%;
}
.inserter-meritlist {
  border: solid 3px #f18904;
  counter-reset: number 0;
  font-size: 14px;
  font-weight: bold;
  padding: 15px;
  box-shadow: 2px 2px #ccc;
  line-height: 2.5;
}
.inserter-meritlist li {
  text-indent: -3.2em;
  padding-left: 3.5em;
}
.inserter-meritlist li::before {
  background: #f18904;
  counter-increment: number 1;
  content: counter(number);
  color: #fff;
  padding: 5px 10px;
  margin-right: 15px;
}
.inserter-detaillist {
  margin-top: 20px;
}
.inserter-detaillist li.box-radius {
  border: solid 3px #b9edf8;
  margin-bottom: 23px;
  padding: 33px 25px;
}
.detailList-title {
  color: #16569b;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
}
.detailList-contents {
  font-size: 14px;
}
.detailList-contents div:last-child {
  margin-top: 18px;
}
.inserter-detaillist .box-radius:last-child {
  background: #eee;
  border: solid 3px #16569b;
}
.detailList-device {
  font-size: 14px;
  font-weight: bold;
  line-height: 2.1;
}
.detailList-device li {
  text-indent: -1em;
  padding-left: 1em;
}
.detailList-device li::before {
  content: '●';
  color: #16569b;
  padding-right: 0.5em;
}

/*for freash*/
.element_01{
	padding:10px 5%;
}


.table_type01 th,
.table_type01 td{
	border: solid 1px #CCC;
	padding: 5px;
	text-decoration: none;
	/*border-collapse: collapse;*/
	margin-bottom: 3px;
}

.table_type01 th{
	background-color: #F6F6F6;
	text-align:center;
	color:#333333;
	font-weight:bold;
}
.table_type01 td{
	vertical-align: top;
}
.element_01 td table td{
	border: none;
	padding: 5px 0;
}
.compaper ul{
	padding-left:1rem;
}
.compaper ul li{
	list-style: disc;
	padding:5px 0;
}