@charset "utf-8";
/* CSS Document */
.w20per{width:20%;}
.w260{width:260px;}
.w270{width:270px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb60{margin-bottom:60px;}
.mb80{margin-bottom:80px;}
.table_box-row > .bg-color-light_gray{width:20%;}
#orange{background:#FF6600;}
#Catalog .gbtn{background-color:#ECEFF2;
padding:10px 0; color:#000;}
#Catalog .undermenu li{float:left; margin-right:30px;}
.center{text-align:center;}

@media screen and (min-width: 937px) {
.pcmb20{margin-bottom:20px;}
}

@media only screen and (max-width: 936px) {
.spmt20{margin-top:20px;}
.spmb20{margin-bottom:20px;}
.tableScroll{overflow-x:scroll;}
}
@media only screen and (max-width: 1040px) {
.tableScroll{overflow-x:scroll;}
}

/*----------------------- size */

/* size10px */
.f10{font-size:10px; font-size:1.0rem;}

/* size12px */
#Catalog .caution,
.f12{font-size:12px; font-size:1.2rem;}
  
/* size14px */
#Catalog #catacheck .m-table_box.table_box-border .table_box-row .sp_w100p dl dd,
#Catalog #catatop .m-table_box.table_box-border .table_box-row .sp_w100p dl dd,
#Catalog .gbtn,
#Catalog .conMypage .kiyaku,
.f14{font-size:14px; font-size:1.4rem;}
  
/* size16px */
#Catalog .conLogin dl dt,
.f16{font-size:16px; font-size:1.6rem;}
  
/* size18px */
.f18{font-size:18px; font-size:1.8rem;}
  
/* size20px */
#Catalog #catacheck .m-table_box.table_box-border .table_box-row .sp_w100p dl dt,
#Catalog #catatop .m-table_box.table_box-border .table_box-row .sp_w100p dl dt,
#Catalog .conSample h3,
#Catalog .conMypage h3,
.f20{font-size:20px; font-size:2.0rem;}  
  
/* size22px */
.f22{font-size:22px; font-size:2.2rem;}  
  
/* size24px */
.f24{font-size:24px; font-size:2.4rem;}

/* bold */
#Catalog #catatop .m-table_box.table_box-border .table_box-row .sp_w100p dl dt,
#Catalog .gbtn,
li.flow,
#Catalog .conSample h3,
#Catalog .conMypage .kiyaku,
#Catalog .conMypage h3,
#Catalog .conLogin dl dt,
.bold{font-weight:bold;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: flow */
@media screen and (min-width: 937px) {
li.flow{
	width: 240px;
	min-height: 46px;
	line-height: 46px;
	list-style: none;
	text-align: center;
	background: #F4F5F7;
	margin-left: 25px;
	margin-top:40px;
	float: left;
	position: relative;
	z-index: 10;
}
li.flow.first{margin-left:0;}
/*li.flow:nth-child(odd),
li.flow2:nth-child(odd){
	background: #FCC;
}*/
li.flow span,
li.flow2 span{
	position: relative;
	z-index: 20;
}
li.flow::after{
	content: "";
	height: 0;
	border-top: solid 23px rgba(0, 0, 0, 0);
	border-bottom: solid 23px rgba(0, 0, 0, 0);
	border-left: solid 23px #F4F5F7;
	position: absolute;
	top: 0;
	right: -23px;
	z-index: 5;
}
li.flow.white{background:#F9FAFB; color:#7C7D7D;}
li.flow.white::after{border-left: solid 23px #F9FAFB;}
}

@media only screen and (max-width: 936px) {
.flows{margin-top:20px;}
	
li.flow{
	width:100%;
	min-height: 20px;
	line-height: 20px;
	list-style: none;
	text-align: center;
	background: #F4F5F7;
	margin-top:5px;
	position: relative;
	z-index: 10;
}

li.flow span,
li.flow2 span{
	position: relative;
	z-index: 20;
}
li.flow::after{
	content: "";
	height: 0;
	border-top: solid 10px rgba(0, 0, 0, 0);
	border-bottom: solid 10px rgba(0, 0, 0, 0);
	border-left: solid 10px #F4F5F7;
	position: absolute;
	top: 0;
	right: -10px;
	z-index: 5;
}
li.flow.white{background:#F9FAFB; color:#7C7D7D;}
li.flow.white::after{border-left: solid 10px #F9FAFB;}
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: page */
/*--------------------------------------- 01: login */
#Catalog .conLogin{border:1px solid #CCC;
margin-top:30px; padding:40px 0;}
@media screen and (min-width: 937px) {
#Catalog .conLogin dl{margin-bottom:20px; margin-left:40px;}
#Catalog .conLogin dl dt{float:left; width:100px;}
#Catalog .conLogin dl dd{float:left; width:350px;}
}
#Catalog .conLogin p #login{background-color:#3366CC;}

@media only screen and (max-width: 936px) {
	#Catalog .conLogin dl{margin-bottom:30px;}
	#Catalog .conLogin dl dt{margin-bottom:7px;}
	#Catalog .conLogin{text-align:center;}
}

/*--------------------------------------- 02: registration */
@media only screen and (max-width: 936px) {
#Catalog .Catalog_01{padding:0 20px;}
#Catalog .col-pc-r,
#Catalog .col-pc-l{padding-bottom:0;}
}
#Catalog .caution{display:block; font-weight:normal;}

/*--------------------------------------- 03: mypage */
#Catalog .conSample,
#Catalog .conMypage{border:1px solid #CCC; margin-top:40px;
position:relative;}
#Catalog .conMypage.mt10{margin-top:10px;}
#Catalog .conSample h3,
#Catalog .conMypage h3{border-left:4px solid #3366CC;
background-color:#F4F5F7; width:100%; padding:15px 0; padding-left:20px;}
#Catalog .kiyaku{background-color:#ECEFF2;
padding:10px 0; color:#000; margin-bottom:30px;}
@media screen and (min-width: 937px) {
#Catalog .conMypage ul{margin-left:240px; margin-top:30px; margin-bottom:30px;}
#Catalog .conMypage li{float:left; width:250px; margin-right:30px;}
#Catalog .conMypage p{text-align:center;}
}
@media only screen and (max-width: 936px) {
#Catalog .conMypage ul{margin-bottom:30px;}
#Catalog .conMypage li{margin-top:20px;}
#Catalog .conMypage p{padding:0 20px;}
}

/*--------------------------------------- 04: cutsample request index */
#Catalog .conSample ul li{list-style:disc;}
@media screen and (min-width: 937px) {
#Catalog .conSample ul{padding:20px 30px 30px 40px;}
}
@media only screen and (max-width: 936px) {
#Catalog .conSample ul{padding:20px 20px 30px 30px;}
}
#Catalog .choice{margin-top:60px; margin-bottom:80px;}
#Catalog .choice table{border-top:1px solid #CCC;}
#Catalog .choice table tr{border-bottom:1px solid #CCC;}
#Catalog .choice table .noline{border-bottom:none;}
#Catalog .choice table tr th{padding:5px 0 5px 10px; background-color:#F4F5F7;
text-align:left;}
#Catalog .choice table tr td{padding:20px 10px; vertical-align:middle;}
#Catalog .choice table tr td span{background-color:#ECEFF2;
text-align:center; color:#3366cc; font-size:12px; cursor:pointer;
padding:10px; width:80px;}
/*#Catalog .choice table tr td:nth-of-type(4),
#Catalog .choice table tr td:nth-of-type(3){background-color:#ECEFF2;
text-align:center; color:#3366cc; font-size:12px; cursor:pointer;}*/

/*--------------------------------------- 05: cutsample request add */
#Catalog .adinfo{border:2px solid #CCC; padding:20px;
margin-top:20px; margin-bottom:20px;}
@media screen and (min-width: 937px) {
/*#Catalog .undermenu{margin-left:260px; margin-bottom:60px;}
#Catalog .undermenu li{float:left; margin-right:30px;}*/
#Catalog .undermenu{
  position: relative;
  left: 50%;
  float: left;
}

#Catalog .undermenu li{
  position: relative;
  left: -50%;
  float: left;
}
}
@media only screen and (max-width: 936px) {
#Catalog .undermenu li{margin-bottom:15px;}
}
#Catalog #cutadd .m-table_box{margin-bottom:40px;}
#Catalog #cutadd .container{margin-bottom:60px;}


/*--------------------------------------- 06: cutsample request check */
#Catalog #cutcheck .choice{margin-top:0; margin-bottom:30px;}

/*--------------------------------------- 07: cutsample request history */
#cuthistory{margin-top:40px;}
#Catalog #cuthistory .m-table_box{margin-bottom:20px;}
#Catalog #cuthistory .choice{border-bottom:1px solid #CCC;}
#Catalog #cuthistory .choice tr{border-bottom:none;}
#Catalog #cuthistory .choice tr:nth-child(2n+1){background-color:#F4F5F7;}
#Catalog #cuthistory .choice{margin-top:15px; margin-bottom:15px;}
#Catalog #cuthistory .searchhit{text-align:right;}

/*--------------------------------------- 08: catalog request top */
#Catalog #catatop .table_box-row > .bg-color-light_gray{width:0;}
#Catalog #catatop .m-table_box.table_box-border{border-left:none;}
#Catalog #catatop .m-table_box.table_box-border .table_box-row > *{border-right:none;}
#Catalog #catatop .bg-color-light_gray{background:none;}
#Catalog #catatop .m-table_box.table_box-border .table_box-row .sp_w100p dl dd{
	font-weight:normal; margin-top:10px;}
@media only screen and (max-width: 936px) {
#Catalog #catatop .m-table_box .table_box-row > *{display:table-cell;}
#Catalog #catatop .m-table_box .table_box-row .disblock{display:block;
padding:0 20px 20px;}
#Catalog #catatop .m-table_box .table_box-row li.sp_noline{border-bottom:none;
padding:0;}
}

/*--------------------------------------- 09: catalog request check */
#Catalog #catacheck #cata .m-table_box{display:table-row;}
#Catalog .l-main_contents #catacheck #cata .l-inner-main.line{border-top:1px solid #e6e6e6;}
#Catalog #catacheck #cata .table_box-row > .bg-color-light_gray{width:0;}
#Catalog #catacheck #cata .m-table_box.table_box-border{border-left:none;}
#Catalog #catacheck #cata .m-table_box.table_box-border .table_box-row > *{border-right:none;}
#Catalog #catacheck #cata .bg-color-light_gray{background:none;}
#Catalog #catacheck #cata .m-table_box.table_box-border .table_box-row .sp_w100p dl dd{
font-weight:normal; margin-top:10px;}
#Catalog #catacheck #cata .gbtn.m-btn.btn-primary.catabtn{margin-top:30px; width:260px;}

@media only screen and (max-width: 936px) {
#Catalog #catacheck #cata .m-table_box .table_box-row > *{display:table-cell;}
#Catalog #catacheck #cata .m-table_box .table_box-row .disblock{display:block;
padding:0 20px 20px;}
#Catalog #catacheck #cata .m-table_box .table_box-row li.sp_noline{border-bottom:none;
padding:0;}
}

/*--------------------------------------- 10: fax */
#Catalog #fax .choice{margin-top:40px; margin-bottom:80px;}


/*--------------------------------------- 11: modal */
#Catalog #infoModal .choice.tableScroll table{width:1040px;}
@media screen and (min-width: 937px) {
.wrapper.modalwrapper{padding-left:0;}
#Catalog #infoModal{padding:40px 0;}
#Catalog #infoModal .l-inner-main{width:1040px;}
#Catalog #infoModal .center .m-btn02{
  text-align: center;
  display: block;
  font-size: 1.4rem;
  border: 0;
  max-width: 100%;
  cursor: pointer;
  text-decoration: none;
}
}
@media only screen and (max-width: 936px) {
.wrapper.modalwrapper{padding-left:0; padding-right:0; background-color:#FFF;}
#Catalog #infoModal{padding:80px 0;}
#Catalog #infoModal .center .m-btn02{
  text-align: center;
  font-size: 1.4rem;
  border: 0;
  cursor: pointer;
  text-decoration: none;
}

#Catalog #infoModal .m-form{margin-right:0;}
}
#Catalog #infoModal .choice tr:nth-child(2n+1){background-color:#F4F5F7;}
#Catalog  #infoModal .choice{margin-top:0; margin-bottom:25px;}
.m-btn02:after {
  content: '';
  height: 100%;
  width: 0;
  vertical-align: middle;
  display: inline-block;
}
.m-btn02:hover {
  opacity: 0.7;
  text-decoration: none;
  transition: opacity .2s linear;
}




/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: common contents */
/*--------------------------------------- all center */
/*@media only screen and (max-width: 936px) {
body{text-align:center;}
}*/

@media screen and (min-width: 937px) {
#Catalog .conLogin
{
	width:1040px;
	margin:0 auto;
	text-align:left;
}
#Catalog .conLogin{width:580px; text-align:center; margin:30px auto;}
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: clear */
.clear:after,
dl:after,
ul:after,
div:after{
content:".";
display:block;
clear:both;
height:0;
line-height:0;
visibility:hidden;
font-size: 0; 
}
  
    /* IE6 */
	* html .clear,
	* html dl,
    * html ul,
    * html div{height:1%;}
  
    /* IE7 */
	*:first-child+html .clear,
	*:first-child+html dl,
    *:first-child+html ul,
    *:first-child+html div{display:inline-block;}




#Catalog .l-main_contents .logout{
  position: relative;
  width: 1040px;
  max-width: 1040px;
  width: auto;
  margin:0 auto;
}
#Catalog .l-main_contents .logout a{
  float:right;
  padding: 3px;
}
#Catalog .l-main_contents .logout span{
  font-size: 2.0rem;
  font-weight: bold;
}
.m-form input[type="password"] {
    height: 35px;
}


#Catalog .m-form input[type="text"],#Catalog .m-form textarea{
    ime-mode:active;
}

#Catalog .m-form input.in_inactive{
    ime-mode:disabled !important;
}