.dp-google-map{ position:relative; }
.dp-map-centered{ margin:0 auto; }
.dp-light-border-map{ border:5px solid white; border-radius:1px; box-shadow:0 0 10px lightgrey; }

.tcd-submit-button{
  border:none;
}

.full-width{
  width:100%;
}

.borderless-table , .borderless-table *{
  border:none !important;
}

#tcd-google-maps-h2{
	background-color: #333;
	background-image: url("img/icon1.png");
	background-position: 20px center;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	padding: 10px 45px;
	margin: 20px 0;
}

.tcd-google-maps-settings{
	background: #fff;
	padding: 20px;
	margin: 0 0 15px;
	border: solid 1px #eee;
}

.tcd-google-maps-settings h3{
	background-image: url("img/icon2.png");
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 0 20px 22px;
	height: 25px;
	font-size: 22px;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
}
.tcd-google-maps-settings p{
	margin: 0 0 1em;
}
.tcd-google-maps-settings input[type="text"], .tcd-google-maps-settings textarea{
	width:100%;
	background: #F1F1F1;
	border: none;
	resize:vertical;
}
.tcd-google-maps-check{
	margin: 0;
}
.tcd-google-maps-check li{
	margin-bottom: 1em;
	list-style: none;
}
.tcd-google-maps-check li:last-child{
	margin-bottom: 0;
}

.table{
	width:100%;
}

.workflow_flow .flow-outer{
  padding:50px 6% !important;
}

.tcd-workflow-tabs span.current{
  background:white;
}

.tcd-workflow-tabs span.current a{
  color:black;
}

.tcd-workflow-tabs span a {
  color:white;
  text-decoration:none;
}

.tcd-workflow-tabs span{
  display:block;
  padding:10px;
  background:rgb(59, 73, 96);
  color:white;
  border-bottom:1px solid grey;
  margin-right:-6px;
}

/*.table td{
	border: 1px solid lightgrey;
}

.table-flow th{
	font-weight:300;
	color:white;
}

.table-flow td{
	padding-top:20px;
	padding-bottom:20px;
}*/

button{
	display:block;
	color:white;
	background:steelblue;
	border:none;
	cursor:pointer;
	border-radius:5px; 
}

.text-left{
  text-align: left;
}

.text-center{
	text-align: center;
}

.text-right{
	text-align: right;
}

.text-muted{
	color:grey;
}

.tcd-form-arrow{
  opacity:.4;
	margin-top:20px;
	margin-bottom:20px;
}

.tcd-form-error{
  color: red !important;
}

.dp-flow-row{
  width:auto;
  font-size:0px;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.dp-flow-col{
  vertical-align: top;
  display:inline-block;
  font-size:medium;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



/* カスタムフィールド */
.ml_custom_fields { margin:0 -12px; padding:0; }
.ml_custom_fields_instruction { border-bottom:1px solid #eee; padding:15px 12px; margin:-6px -12px 15px; background:#e9f3f5; }
.ml_custom_fields dt { font-weight:bold; margin:0; padding:0 12px; }
.ml_custom_fields dd { margin:0 0 15px; padding:0 12px 15px; border-bottom:1px solid #ddd; }
.ml_custom_fields dd:last-child { border:none; margin:0; padding:0 12px; }
.ml_custom_fields p.desc { color:#999; }
.ml_custom_fields .radio li { margin:15px 0 0 0; }
.ml_custom_fields .radio.template li { float:left; text-align:center; margin:15px 15px 0 0; }
.ml_custom_fields .radio.template li img { display:block; margin:0 0 10px 0; }
.ml_custom_fields .radio.template li label { border:1px solid #ddd; display:block; padding:10px; border-radius:5px; }
.ml_custom_fields .radio.template li label.active, .ml_custom_fields .radio.template li label:hover { border-color:#95cfe7; background:#edfaff; }
.cf_media_field { padding:15px 0 0; }
.ml_custom_fields .preview_field img { display:block; max-width:200px; max-height:120px; width:auto; height:auto; margin:0 0 10px 0; }
#ml_custom_fields_box0 { margin-top:15px; margin-bottom:15px; padding-top:15px; padding-bottom:15px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
#ml_custom_fields_box2 { display:none; }
#ml_custom_fields_box3 { display:none; }
#ml_custom_fields_box4 { display:none; }



/* レイアウト */
#tcd-workflow-menu { background:#3b4960; margin:20px 0; -moz-border-radius:7px; -khtml-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box; border:1px solid #ccc; }
#my_theme_left { float:left; width:20%; }
#my_theme_right { width:80%; min-height:500px; float:right; background:#fff; -moz-border-radius:0 7px 7px 0; -khtml-border-radius:0 7px 7px 0; -webkit-border-radius:0 7px 7px 0; border-radius:0 7px 7px 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; }
#tab-panel { padding:39px 30px 20px; }



/* 左メニュー */
#workflow_tab { margin:0 -1px 0 0; border-bottom:1px solid #6a7992; }
#workflow_tab li { margin:0; }
#workflow_tab li a { display:block; text-decoration:none; padding:11px 15px; border-bottom:1px solid #000; border-top:1px solid #6a7992; color:#fff; font-size:100%; }
#workflow_tab li:first-child a { border-top:none; -moz-border-radius:7px 0 0 0; -khtml-border-radius:7px 0 0 0; -webkit-border-radius:7px 0 0 0; border-radius:7px 0 0 0; }
#workflow_tab li.current a, #workflow_tab li.current a:hover { background:#fff; position:relative; color:#333; }
#workflow_tab li.current a:after { content: ''; width:7px; height:13px; position:absolute; top:22px; right:0px; background:url(../img/arrow_left.gif) no-repeat left top; }
#workflow_tab li a:hover { background:#617089; }
#workflow_tab li a:focus { outline:0; }

/* 項目 */
.workflow_field { display:block !important; margin:0 0 20px 0; background:#fff; border:1px solid #ccc; box-shadow:0px 0px 0px 3px #fff inset; padding:20px;overflow:hidden; }
.workflow_field2 { padding:1px 15px 25px; }
.workflow_headline {
  font-size:16px; line-height:160%; border-bottom:1px solid #ccc; margin:-20px -20px 18px; padding:10px 20px;
  box-shadow:0px 0px 0px 1px #fff inset, 0 0 0 3px #fff;
  background:#f2f2f2; background:
  -webkit-linear-gradient(top, #ffffff, #eeeeee);
  background: -moz-linear-gradient(top, #ffffff, #eeeeee);
  background: -ms-linear-gradient(top, #ffffff, #eeeeee);
  background: -o-linear-gradient(top, #ffffff, #eeeeee);
  background: linear-gradient(to bottom, #ffffff, #eeeeee);
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#eeeeee');
}
.workflow_headline2 { font-weight:bold; font-size:15px; padding:0 0 12px 0; border-bottom:1px solid #ccc; margin:30px 0 10px 0; }
.workflow_headline2:before { content:''; display:block; float:left; width:5px; height:20px; background:#7a879e; margin:0px 8px 0 0; -moz-border-radius:1px; -khtml-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; }
.workflow_headline3 { font-weight:bold; font-size:13px; padding:0; margin:0 0 10px 0; }
.workflow_field input[type="file"] { cursor:pointer; border:1px solid #ccc; background:#fff; padding:5px 5px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; float:left; margin:0 10px 0 0; }

.workflow_field ul li ul{
  margin: 6px 0 0 15px;
}



/* ボタン */
.button-ml {
  cursor:pointer; color:#fff; font-size:14px; padding:0px 30px; height:35px; line-height:35px; margin:20px 0 0 0; display:block; text-decoration:none;
  background:#0073aa; border:1px solid #005177;
  -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.button-ml:hover
 { background:#13cae0; border:1px solid #3ea5b1; color:#fff; }
.button-ml:active
 { box-shadow:none; bottom:-2px; position:relative; }
a.button-ml { display:inline-block; margin:0; }



/* ロゴ関連 */
.workflow_field .button_area { padding:20px 0; }
.workflow_field .button_area label { display:block; font-weight:bold; }
.workflow_field .button_area .button-ml { margin:0; }
.uploaded_logo { padding:10px 20px; margin:0 0 20px 0; text-align:center; background:#fff; border:1px solid #ccc; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
.uploaded_logo h4 { font-size:14px; }
.uploaded_logo .uploaded_logo_image { margin:0 0 15px 0; }
.uploaded_logo .uploaded_logo_image img { border:1px solid #ccc; }
.workflow_field .hide { display:none; }
.uploaded_logo #resize_button_area { margin:0 0 10px 0; }
#original_logo_size img {  }
.uploaded_logo #dp_logo_to_resize { cursor:crosshair; }
.resize_amount { margin:0 0 15px 0; font-size:14px; }
.resize_amount input { width:40px; }
.resize_amount label { margin:0 10px; }



/* ロゴの位置調整 */
#tcd-w-logo-adjuster{ max-width:1180px; height:237px; background:url(../img/header.gif) no-repeat left top; border:1px solid #aaa; position:relative; overflow:hidden; margin:0 0 20px 0; }
#tcd-w-logo-adjuster img { position:absolute; left:0; top:0; cursor:move; border:1px solid #00e0dd; }
#tcd-w-logo-adjuster img.ui-draggable-dragging { opacity: 0.6; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.7); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.7); box-shadow: 0 0 5px rgba(0,0,0,0.7); border:none; }
#tcd-w-logo-adjuster span{ color:#f00; font-size:16px; }



/* 広告バナーの登録 */
.banner_wrapper .banner_headline { background:#f2f2f2; margin:0 0 10px 0; padding:12px 10px 8px; -moz-border-radius:6px 6px 0 0; -khtml-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); background: -moz-linear-gradient(top, #fff, #eee);
border-bottom:1px solid #ccc; }
.banner_wrapper { border:1px solid #ccc; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; margin:20px 0px; }
.image_box { margin:0 0 15px 0; }
.upload_banner_button_area { margin:0 0 15px 0; }
.image_box img { display:block; max-width:200px; max-height:120px; width:auto; height:auto; margin:0 0 15px 0; }



/* メニュー色 */
li.menu-item .field-bgcolor, li.menu-item .field-bgcolor2 { display:none; }
li.menu-item-depth-0 .field-bgcolor, li.menu-item-depth-0 .field-bgcolor2 { display:block; }



/* その他の設定 */
.hankaku { ime-mode:disabled; }
#color_type ul { margin:0; }
#color_type li { float:left; margin:0 30px 0 0; }
.sub_box { border:1px solid #ccc; padding:0 20px 20px; margin:0 0 15px 0; border-radius:5px; box-shadow:0 0 5px 0 #ccc; }
.uploaded_banner_image p { border:1px solid #8fcad1; background:#def5f8; display:inline-block; padding:5px 20px; border-radius:3px; }

h3.welcome_headline { font-size:24px; background:url(img/workflow_ico.png) no-repeat 0 0; padding-left:56px; font-weight:bold; line-height:2.0; }
h2.parts { position:relative; margin-top:20px; padding-left:36px; font-size:22px; font-weight:700; }
h2.parts:before { position:absolute; left:0; top:50%; margin-top:-12px; font-family:"dashicons"; content:"\f111"; font-size:26px; color:#2C73AB; }
.nmb { margin-bottom:-20px; }
.size_m, .addrow, .delete { -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; -ms-transition:all .25s ease-in-out; transition:all .25s ease-in-out; }
button.size_m { width:160px; margin:30px 0; font-size: 14px; padding: 0px 30px; height: 35px; line-height: 35px; }
button.delete { height:16px; width:16px; margin-right:0; padding:0 0 2px 0; text-align:center; font-size: 14px; line-height:12px; font-weight:bold; border-radius:50%;  }
button.delete:hover {background-color:#cc0000;}
button.addrow { display:inline-block; width:100%; margin:20px 0 10px; padding:10px 10px 8px; border-radius:3px; font-size:16px; vertical-align:middle; }
button.addrow:before { position:relative; top:3px; font-family:"dashicons"; content:"\f502"; font-size:20px; color:#fff; padding-right:10px; }
button.addrow:hover {background-color:#7a879e;}


/* パーツのデフォルト設定 */

.workflow_form_headline, .workflow_table_headline, .workflow_flow_headline { height:2.6em; line-height:2.6em; color:#fff; font-size:22px; }
.workflow_form .text-center, .workflow_table .text-center, .workflow_flow .text-center { vertical-align:middle; }
.tcd-submit-button { margin-bottom:30px; }
.workflow_form>tbody>tr>td { padding:10px 16px !important; }
.workflow_form .form-control { border-fadius:0 !important; }
.workflow_form label { font-weight:400 !important; }
.workflow_form select { border-color:#ccc; }
.workflow_form textarea { min-height:12em; }
.workflow_table tr { padding:8px 30px; }
.workflow_table tr td span { line-height:2em;  }
.workflow_flow table.flow_box {margin:0; border:solid 1px #ddd; background:#F7F7F7; text-align:center;}
.workflow_flow tr td.lb_upper { padding:10px; font-weight:bold; font-size:20px; line-height:1.4; }
.workflow_flow tr td.lb_lower { background:#fff; border-top:solid 1px #ddd; padding:14px 10px; }

.cf:after { content: "."; display: block; clear: both; height: 0; font-size:0.1em; line-height:0; visibility: hidden; }
.cf { display: inline-block; }
/* exlude MacIE5 \*/
* html .cf { height: 1% }
.cf {display:block;}
/* end MacIE5 */