@charset "utf-8";
/* CSS Document */
#input_out{display: none}

.ss_box{
	background:-moz-linear-gradient(top, #FFFFFF 0%, #efefef 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #efefef));
	background:-webkit-linear-gradient(top, #FFFFFF 0%, #efefef 100%);
	background:-o-linear-gradient(top, #FFFFFF 0%, #efefef 100%);
	background:-ms-linear-gradient(top, #FFFFFF 0%, #efefef 100%);
	background:linear-gradient(top, #FFFFFF 0%, #efefef 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#efefef');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#efefef')";
	border:1px solid #ddd;
}

.kado_20{
   border-radius: 10px;         /* CSS3 */
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
}

select{
	padding:5px;
	border:1px solid #ccc;
}

#tbl-bdr table,#tbl-bdr td,#tbl-bdr th {
    border-collapse: collapse;
    border:1px solid #999;
	padding:7px;
}

.panel-head {
   padding:10px;
   position: relative;
   background-color:#CCC;
}
 
/*下矢印↓*/
.panel-head:after {
   content: "";
   position: absolute;
   border-right: 4px solid black;
   border-bottom: 4px solid black;
   width: 13px;
   top:10px;
   right: 20px;
   height: 13px;
   transform: rotate(45deg);
}
 
/*上矢印↑*/
.panel-head.ac:after {
   content: "";
   position: absolute;
   border-left: 4px solid black;
   border-top: 4px solid black;
   border-right: 0;
   border-bottom: 0;
   width: 13px;
   top:15px;
   right: 20px;
   height: 13px;
   transform: rotate(45deg);
}
 
.qa-answer{
    display:none;
}

#jquery-ui-sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;

	padding:5px;
}
#jquery-ui-sortable li {
    margin: 1px;
    padding: 10px;
    font-size: 15px;
    font-weight: bold;
	padding-left:40px;
	border:none;
	list-style:none;
	background:none;
}


.btn_mycar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
  font-size: 14px;
  margin:5px;
  background: #ff6666;
  padding: 20px;
  width:350px;
  text-decoration: none;
  cursor:pointer;
  display:inline-block;
}

.btn_mycar:hover {
  opacity:0.8;
  color: #ffffff;
  text-decoration: none;
}


.btn_search {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
  font-size: 20px;
  margin:10px;
  background: #3399cc;
  padding: 30px;
  width:350px;
  text-decoration: none;
  cursor:pointer;
  display:inline-block;
}

.btn_search:hover {
  opacity:0.8;
  color: #ffffff;
  text-decoration: none;
}

/**********************************************************************
* Base 
**********************************************************************/


body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
}

#top_icon li{
	text-decoration:none;
	list-style:none;
	float:left;
	width:140px;
	margin:5px;
	padding:7px;
	border:1px solid #CCC;
	text-align:center;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
}

#top_sh li{
	text-decoration:none;
	list-style:none;
	float:left;
	width:25%;
	margin:5px;
	padding:7px;
	border:1px solid #CCC;
	text-align:center;
    background-color: #f7f7f7;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
}

@media (max-width: 767px) {
#top_sh li{
	width:46%;
}
  
}


.img_waku{
	max-width:80px;
	max-height:80px;
	text-align:center;
}

.trim {
  width: 70px;  /* トリミングしたい幅 */
  height: 70px;  /* トリミングしたい高さ */
  object-fit: cover;
}

form img.thumb {
    margin:0 5px 5px 0;
    max-width:260px;
	max-height:260px;
    vertical-align:bottom;
}

.ok_alert {
    display: none; /* 初期状態は非表示 */
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -100px; /* (width + padding-left + padding-right + border-left + border-right) の半分 */
	z-index:100;
}

.alert-info {
  color: #fff;
  background-color: #000;
  border-color: #555;
  padding:40px;
  border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.kado_title{
   border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
   padding:10px;
   background-color:#337ab7;
   color:#FFF;
   font-size:14px;
}

.kado{
   border-radius: 3px;         /* CSS3 */
   -moz-border-radius: 3px;    /* Firefox */
   -webkit-border-radius: 3px; /* Safari,Chrome */
}


.kado1{
   border-radius: 3px;         /* CSS3 */
   -moz-border-radius: 3px;    /* Firefox */
   -webkit-border-radius: 3px; /* Safari,Chrome */
}

.colo-black {color: #000000}
.colo-gray {color: #666666}
.colo-silver {color: #c0c0c0}
.colo-white {color: #ffffff}
.colo-navy {color: #000080}
.colo-teal {color: #008080}
.colo-aqua {color: #00ffff}
.colo-blue {color: #0054ff}
.colo-olive {color: #808000}
.colo-green {color: #008000}
.colo-lime {color: #00ff00}
.colo-yellow {color: #ffff00}
.colo-orange {color: #ffa200}
.colo-marron {color: #800000}
.colo-purple {color: #800080}
.colo-fuchsia {color: #db01db}
.colo-red {color: #cc0000}

.m1 {margin	                :1px;}
.m3 {margin	                :3px;}
.m5 {margin	                :5px;}
.m10 {margin			    :10px;}
.m15 {margin			    :15px;}
.t1 {margin-top				:1px;}
.t3 {margin-top				:3px;}
.t5 {margin-top				:5px;}
.t10 {margin-top			:10px;}
.t15 {margin-top			:15px;}
.t20 {margin-top			:20px;}
.t30 {margin-top			:30px;}
.r1 {margin-right			:1px;}
.r3 {margin-right			:3px;}
.r5 {margin-right			:5px;}
.r10 {margin-right			:10px;}
.r15 {margin-right			:15px;}
.r20 {margin-right			:20px;}
.l1 {margin-left			:1px;}
.l3 {margin-left			:3px;}
.l5 {margin-left			:5px;}
.l10 {margin-left			:10px;}
.l15 {margin-left			:15px;}
.l20 {margin-left           :20px;}
.l30 {margin-left           :30px;}
.b1 {margin-bottom          :1px ;}
.b3 {margin-bottom          :3px ;}
.b5 {margin-bottom          :5px ;}
.b7 {margin-bottom          :7px ;}
.b10 {margin-bottom         :10px;}
.b15 {margin-bottom         :15px;}
.b20 {margin-bottom         :20px;}

.f10 {font-size:10px;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f30 {font-size:30px;}
.f40 {font-size:40px;}

.b {font-weight:bold;}
.ss{font-size:x-small;}

.label-important,
.badge-important {
  background-color: #b94a48;
}

.label-important[href],
.badge-important[href] {
  background-color: #953b39;
}

.label-warning,
.badge-warning {
  background-color: #f89406;
}

.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}

.label-success,
.badge-success {
  background-color: #468847;
}

.label-success[href],
.badge-success[href] {
  background-color: #356635;
}

.label-info,
.badge-info {
  background-color: #3a87ad;
}

.label-info[href],
.badge-info[href] {
  background-color: #2d6987;
}

.label-inverse,
.badge-inverse {
  background-color: #333333;
}


.center-link {
	margin:3px;
	text-decoration:none;
	padding:8px 12px;
	background:#444;
	color:#FFF !important;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:solid 1px #222;
	text-shadow:0 -1px 0 rgba(0,0,0,0.4);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.4), 0 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.4), 0 1px 1px rgba(0,0,0,0.2);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.4), 0 1px 1px rgba(0,0,0,0.2);
	-webkit-transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	transition-duration:0.2s;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.center-link:hover {
	background-color:#333;
	border:solid 1px #222;
	text-decoration:none;
}
.center-link:active {
	-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,0.6);
	-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,0.6);
	box-shadow:inset 0 1px 4px rgba(0,0,0,0.6);
	background-color:#333;
	border:solid 1px #222;
}

.table_form td {
	padding:15px;
}

.table_form2 td {
	padding:3px;
}

.table_form {
	background-color:#f5f5f5;
}

.label-warning{
	background-color:#4386ca;
	color:#FFF;
	padding:3px 5px 2px 5px;
	font-size:small;
	font-weight:bold;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}


.label-company{
	background-color:#999;
	color:#FFF;
	padding:3px 5px 2px 5px;
	font-weight:bold;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
}

.label-del{
	background-color:#c00;
	color:#FFF;
	padding:3px 5px 2px 5px;
	font-size:small;
	font-weight:bold;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}

.label-edit{
	background-color:#eaaa10;
	color:#FFF;
	padding:3px 5px 2px 5px;
	font-weight:bold;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
}



.label-step-1{
	background-color:#eaaa10;
	font-size:10px;
	color:#FFF;
	padding:5px;
	width:70px;
	text-align:center;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
}

.label-step-2{
	background-color:#cc0000;
	font-size:10px;
	color:#FFF;
	padding:5px;
	width:70px;
	text-align:center;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
}

.label-step-3{
	background-color:#08a300;
	font-size:10px;
	color:#FFF;
	padding:5px;
	width:70px;
	text-align:center;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
}

.label-step-4{
	background-color:#999;
	font-size:10px;
	color:#FFF;
	padding:5px;
	width:70px;
	text-align:center;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
}