﻿h2{
font-weight:normal;
font-size:20px;
}
h2 i,
h3 i{
color: #4169e1;
margin-right:10px;
}

.categoryList section ul ul {
  display: none;
}

.categoryList section span {
  cursor: pointer;
}

.categoryList section li span{
  	cursor: pointer;
	background-image: url("../img/folder-close.png");
	background-position: left top;
    	background-repeat: no-repeat;
    	padding: 0 4px 0 19px;
	content:'-';
}



/*------font-------*/

.highlight{
font-weight: bold;
}

.s_font{
font-size:10px;
}
.m_font{
font-size:12px;
}
.kome{
display: block;
padding:0px;
margin-left:0px;
font-weight: normal;
font-size: 0.7em;
}
.highlight{
font-weight: bold;
}
.td_dw{

font-size:11px;
}


.fa.close{
font-size: 30px;
float:right;
padding-bottom:10px;
}


.required:after {
font-size:12px;
    content: " 必須*";
	color: #E00;
}

.disabled:not(.pagination .disabled):after {
font-size:12px;
    content: " 変更不可*";
	color: #E00;
}

select:disabled {background-color: #cccccc;}
.td_price .input label{
float:left;
}
.Carts .td_price .radio,
.Galleries .td_price .radio{

margin-left: 50px;

}
.Carts .radioPrice,
.Galleries .radioPrice{
position:relative;

}

.Carts #p2146-2-table{
width:auto;

}
.Galleries .spanWrap,
.Carts .spanWrap{
	width:50px;
	position:relative;

left:-55px;
}
.Carts .priceRadio,
.Galleries .priceRadio{
width:105px;
float:left;


}



.Carts .SIZE,
.Galleries.cart .SIZE{
position:absolute;
right:0px;
background-color: #777;
    color: white;
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
	min-width:13px;
	float:left;
padding-left:5px;
padding-right:5px;
border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	-webkit-box-shadow:inset 0px 0px 8px #ffffff;
    -moz-box-shadow:inset 0px 0px 4px #ffffff;
    box-shadow:inset 0px 0px 4px #ffffff;
}

.Carts.confirm .SIZE,.SIZE{
position:static;
background-color: #777;
    color: white; 
    font-weight: bold;
    height: 20px;
    line-height: 22px;
    text-align: center;
	min-width:13px;
padding-left:6px;
padding-right:6px;
padding-top:0px;

}
.Carts.confirm .SIZE{
    margin-left: 15px;
}
.Carts .radio .SIZE{
background-color: #008080;
}

.sizeMeta{

background-color: #777;
    color: white;
    display: block;
    font-weight: bold;
    height: 19px;
    line-height: 22px;
    text-align: center;

padding-left:5px;
padding-right:5px;
	float:left;
margin-right:2px;
margin-top:1px;
margin-bottom:1px;
border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	-webkit-box-shadow:inset 0px 0px 8px #ffffff;
    -moz-box-shadow:inset 0px 0px 4px #ffffff;
    box-shadow:inset 0px 0px 4px #ffffff;
}
/*---------------------------botton--------------------------------*/
.edit .submit,
.edit .button,
.add .submit,
.csv_import .submit,
.csv_import .button,
.add .button,
.index .submit,
.public .submit,
.delete .submit,
.Suports .submit,
.updated .submit,
.created .submit,
.Suportcategories .submit,
.favorite .submit,

.history .submit{
float:left;
margin-right:5px;

}


#button_01{
position:relative;
padding-top:10px;
width:1200px;
height:40px;
}

.btn_clear {
margin-left:30px;

}

.del{
float:right;
}

.btn_contr{
width:300px;
}

.btn_print{
margin-top:10px;

}

.btn_hisotry{
float:left;
margin-left:50px;
}

.description{
clear:both;
}

.tooltip{
text-align:center;

}

UL{

list-style: outside none none;
}

#nav  UL {
padding-left: 0px;

}


a, ul.tab a:visited {
    color: #1D3994;
    //text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a:link {color:#4e4e4e;} /*未訪問のリンクの色*/
a:visited {color:#4e4e4e;} /*訪問済みのリンクの色*/

a:active {color:#4e4e4e;} /*クリック中のリンクの色*/

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

body,html{

width: 100%;
}

body{
overflow: scroll;
max-width: 100%;
    height: auto;
    color: #333333;
    font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
    //font-family: I-OTF-UDゴ表示Pro R,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体","Yu Gothic",YuGothic,Verdana,"メイリオ",Meiryo,Helvetica,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 14px;
    line-height: 1.4;
	background-color: #F0F0F0;
	margin: 0px;
//height: 100%;
	margin: 0px;
	padding: 0px;
}
/*------base-------*/
img {
border: none;
}
#container{
margin:0px auto;
}
#content.user inner{
width:auto;
}

#content.user{
width:auto;
}

#content{
	
	margin:0px auto;
	height: 100%;  
	overflow: hidden;
	//width: 1280px;
    	margin-left: auto;
    	margin-right: auto;
	padding-top:80px;
}
#inner{
	margin:0px auto;
	height: 100%;
	width:1000px;
}
/*------header---------*/

#header{
	height:auto;
    position: fixed;
    width: 100%;
    //min-width: 1300px;
    
    background-color: #FFF;
    border-bottom: 1px solid #D2D2D2;
    z-index: 110;
}

#innerHeader{
	margin:0px auto;
	width:1020px;
	height: 69px;
}
#tab-buy{
//width:1000px;
}
.loginUser span{
margin-top:220px;
position:static;
}
.group select{
width:150px;
}
.userInfoLi{
position:relative;
right:0px;
width:200px;

}
.userName{
width:200px;
}
.userInfo{
right:0px;
position:relative;

width:200px;
}
/*---------------------------menu--------------------------------*/

.menuMain{

margin: 0px;
padding: 0px;

position:relative;
height:10px;

}
#header h1{
margin: 0px;
margin-top:10px;
padding: 0px;
float: left;
}

.menu li.menuBtn1,
.menu li.menuBtn2,
.menu li.menuBtn3,
.menu li.menuBtn4,
.menu li.menuBtn5,

.menu li.userInfoLi
 {
  position: relative;
  float: left;
  margin: 0;
  padding: 6px 0px;
  list-style:none;
margin-right:5px;
top: 18px;
}

.menu li.powerOff {
  position: relative;
  float: left;
  margin: 0;
  padding: 5px 0px;
  list-style:none;
margin-right:5px;
top: 5px;
}
.menu li.userInfoLi {

height:0px;
}
.menu li ul {
  display: none;
  position: absolute;
  left: -1px;
  padding: 5px;
  width: 130px;
  background: #eee;
  border: solid 1px #ccc;
top: 45px;

}
.menu li ul li {
  margin: 0;
  padding: 0;
  width: 130px;
  border: none;
	list-style:none;
position:relative;

}
.menu li ul li a {
  display: inline-block;
  width: 130px;
  height: 20px;

}

.menu li ul li a:hover {
  background: #999;
  color: #fff;
}

.menu li i:hover{

color: #ffd700;
}

.menu li.active i{
color: #ffa500;
}


.menu li:hover > a span{
  
  color: #000000;
}
html body div#container div#header div#innerHeader ul.menu.menuMain li ul:hover + a span{
color: #000000;
}



.menuSetting{

margin-left:30px;
}
.menuMain{
margin-left:100px;
}

.menu a img{
position:absolute;
bottom:0px;
display:block;
left:0px;
}
.menu a span{
position:absolute;

display:block;
left:45px;
font-size:10px;
bottom:0px;
color:#d2d2d2;
}
.menu .powerOff a span{
position:absolute;

display:block;
left:0px;
font-size:10px;
bottom:0px;

}

.menu a {
display:block;
position:relative;
width:120px;
}
.menu .powerOff{
width:80px;
}
.menu li.active {
border-bottom:1px solid  #1c94c4;

}
.menu li.active a span,.menu li.powerOff span{
color:#000000;
}

.menu li i{

color:#4169e1;

}
/*---------------------------nav--------------------------------*/

#nav{
	float:left;
	
	margin-left:10px;
	margin-right:10px;
	width:250px;
	margin:0px auto;
	position:relative;
	
}
#nav .block,
.Users.edit .block,
.Users.index .block,
.Users.csv_import .block,
.Users.add .block
{
	
	position:relative;
	padding-bottom:20px;
	padding-left:10px;
	margin-bottom:10px;
}
#nav .block span a,
.Users.edit .block img,
.Users.csv_import .block img,
.Users.index .block img,
.Users.add .block img
{
display:block;
float:left;
position:absolute;
right:10px;
top:12px;

}

	
/*------footer-------*/


#footer .container {
    padding: 40px 0;
	 
}


#footer .copyright{
width: 300px;
font-size:10px;
margin:0px auto;
padding: 50px 0 0;
}

#footer{
height:250px;
width:100%;
}


/* =========================================================
■ table-01 CSS のみで見栄えよくしてみる
========================================================= */


.search_01{
width:400px;
height:400px;
padding:0px;
}

.search_02{
margin-left:10px;
width:400px;
}
/*----------------------------------------table-------------------------------*/
table {
    	*border-collapse: collapse; /* IE7 and lower */
    	border-spacing: 0;
	empty-cells: show;
}
table {
  
  border-spacing: 0;
  font-size:14px;
}
table th {
	border-bottom:1px  solid #DDD;
 
  
  font-weight: lighter;
  
  line-height: 120%;
  text-align: center;
  
}

.btn_dw{
display:block;
}
.dwMsg{
background-image: url("../img/buy.gif");
background-repeat: no-repeat;
background-position: center; 
height: 130px;

}
table tr:hover:not(.favoriteTr),.Favorites td:hover{

  background: #eee;
  
z-index:-999;
}


.bordered {
	border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
 
	margin-bottom:10px;
	padding-bottom:10px;
}

.tb_scroll{
  height:400px;
  
  overflow:auto;

}

.metaform table#form_tbl{
border-bottom:0px;

}
table {
border-spacing: 0;
empty-cells: show;
text-align: center;
vertical-align: top;
}
.Photos.metaform table,
.Photos.index table{

table-layout: fixed;
}

.Carts table,
.Downloads table,
.Payments table,
.Prices table,
.history table,
.Users table,
.public table{
width: 970px;
table-layout: fixed;
margin-top:20px;

}
.Dw_dates table,
.history table
{
width: 950px;
table-layout: fixed;
margin-top:20px;

}


.Carts.mailConfirm .th_img{
width:130px;
}
.Carts.mailConfirm .th_info{
width:250px;
}

.Downloads table{
width: 950px;

margin-top:20px;

}
.iziModal-content table{
width:570px;
table-layout: fixed;
}
.iziModal .th_cart{
width:25px;
}
.iziModal .th_dw{
width:30px;
}
.iziModal .th_info{
width:250px;
}
.iziModal .th_img{
width:130px;
}
.iziModal .th_price{
width:80px;
}
.iziModal .size{
width:50px;
}
.iziModal .catLength{
width:185px;
}
.Prices .th_size{
width:55px;
}
.Prices .th_target{
width:200px;
}
.Prices .th_info{
width:200px;
padding-left:5px;
padding-right:5px;
}
.Prices .th_img{
width:130px;

}
.Prices .th_price{
width:120px;

}
.Payments.index .th_no{
width:200px;
}
.Payments.index .open-default{
width:172px;
}
.Payments.index .th_method{
width:80px;
}
.Payments.index .th_payer{
width:130px;
}
.Payments.index .th_update,
.Payments.index .th_dwdate{
width:100px;
}
.Payments.index .th_price{
width:80px;
}
.Payments.index .th_status{
width:80px;
}
.Payments.index .th_img{
width:125px;
}
.Payments.index .th_statusEdit{

width:50px;
}

.Users.index .th_name{

width:150px;
}
.Users.index .th_group{
width:80px;
}
.Users.index .th_mail{
width:150px;
}
.Users.index .th_groupLimit{
width:50px;
}
.Users.index .th_userLimit{
width:50px;
}
.Users.index .th_edit{
width:50px;
}
.Users.index .th_loginCnt{
width:80px;
}

.Users.index .th_regDate{
width:180px;
}
.Users.index .th_checkbox{
width:18px;
}
.Users.index tbody tr{
height:70px;
}

.Carts.index .thead_checkbox,
.Downloads.index .thead_checkbox{
width:18px;
}
table#table_fix{
width: 100%;

}
table#table_fix textarea{
width: 98%;
}
table#table_fix .th_insert{
width:150px;

}
.bordered tr:hover

{
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}


.bordered .state_0
{
    background: #ffc0cb;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.bordered .state_1
{
    background: #FFFFFF;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.bordered .state_2
{
    background: #ff7f50;
   -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.bordered .state_3
{
    background: #b0e0e6;
   -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.Carts.index table tr td ul.tagit{
min-height:30px;
max-height:100px;
overflow: auto;

}
td a{
display:block;
}
.th_comment{
width:280px;
}

.Carts th{
padding:0px;
margin:0px;
}

.Carts .th_checkbox{
width:24px;
}
.Carts .th_public{
width:38px;
}
.Carts .th_price{
width:175px;
}
.Carts .th_dw{
width:35px;

}

.Carts .th_photo{
width:120px;
}



.Carts .th_comment{
width:220px;
}

.Carts .th_meta{
width:220px;
}

.Photos .th_edit{
width:30px;
}
.Carts .th_addimg{
width:80px;
}

.Carts .th_cartdel{
width:30px;
}

.Carts .td_meta{
padding-left:5px;
padding-right:5px;
}

.Dw_dates .th_dwdate{
width:100px;

}
.Dw_dates .th_cart{
width:30px;

}
.Dw_dates .th_cart{
width:30px;

}
.Dw_dates .th_meta{
width: 250px;
}

.Dw_dates .th_userInfo{
width: 200px;
}

.Dw_dates .th_used{
width: 145px;
}


.Dw_dates .td_used{
height: 150px;
padding-top:10px;
padding-bottom:10px;
}


.Dw_dates .td_name a{
margin-bottom:10px;
}
UL.tagit{
margin-top:0px;
}
.metaform th{
padding:0px;
margin:0px;

}
.metaform .th_tag{
width:180px;
}
.metaform .th_comment{
width:180px;
}

.metaform td  textarea {
width:180px;
}


.metaform .th_tag{
width:180px;
}
.metaform .th_edit{
width:280px;
padding-inline-start: 0px;
}
.metaform  UL{

padding-inline-start: 0px;
}
.metaform .th_jyogai{
width:160px;
}

.metaform .th_insert{
width:110px;
}

.th_price{
width:160px;
}
.th_photo{
width:120px;
}
.th_addimg{
width:100px;
}
table tr td .float{
float:left;
margin-right:20px;
}
.th_checkbox{
width:20px;

}

.th_dw{
width:30px;
}
.th_edit{
width:30px;
}

.Photos .th_meta{
padding-left: 5px;
    padding-right: 5px;
    width: 250px;
}




td.images li,
td.td_meta li,
td.td_select li{

clear:both;
margin-top: 5px;
list-style:none;
}
UL.td_price,
td.td_price{
width:200px;
text-align:left;
line-height: 20px;
}


.td_comment,.td_tag{

text-align:left;

}

.td_tag UL{
margin:0px;
}
.td_comment textarea,
.td_tag .input{
height:100px;

}

.search_key table tr{
height:10px;
}
.search_key table td{
border-left: 0px solid #CCCCCC;
border-top: 0px solid #CCCCCC;
border-bottom: 0px solid #CCCCCC;
border-right: 0px solid #CCCCCC;
padding:0px;
height:20px;
}

.key_br,.clear_both{
clear:both;
}

.key_br{
width:300px;
}

.mgt20{
margin-top:20px;
}

.mgt100{
margin-top:100px;
}


.ime_act{
ime-mode:active;
}

.ime_dis{
ime-mode:disabled;
}

.money{
text-align:right;
ime-mode:disabled;
}


.unpaid{

border-left:solid 80px #FFC0CB;
width:80px;
height:20px;
float:left;

}

.installment{
border-left:solid 80px  #FF7F50;
width:80px;
height:20px;
float:left;
}

.over{
border-left:solid 80px  #B0E0E6;
width:80px;
height:20px;
float:left;
}

h3{
clear:both;
font-size:17px;
font-weight:normal;
position:relative;
line-height: 25px;
left:20px;
}




H3::before {
display: block;
position: absolute;
top: 0px;
left: -20px;
font-family: "FontAwesome";
font-size: 17px;
line-height: 24px;
content: "";
color: #D2D2D2;
}



h4{
clear:both;
font-size:14px;
font-weight:normal;
position:relative;
line-height: 25px;
left:20px;
}




H4::before {
display: block;
position: absolute;
top: 0px;
left: -20px;
font-family: "FontAwesome";
font-size: 15px;
line-height: 24px;
content: "";
color: #D2D2D2;
}


.tree_list{
position:relative;

}
.chainImg:before{

top: 0px;
left: -18px;
font-family: "FontAwesome";
font-size: 20px;
line-height: 24px;
content: "";
color: #D2D2D2;
}

.sortUp{
font-family: "FontAwesome";
content: "";
font-size: 20px;
line-height: 24px;
left: 18px;
color: #D2D2D2;
display:block;
width:100px;
}
.sortDown{
content: "";
font-family: "FontAwesome";
font-size: 20px;
line-height: 24px;
left: 18px;
color: #D2D2D2;
display:block;
width:100px;
}

.not{
float:right;
}

ul.tag{
padding-left: 10px;
padding-top: 5px;
padding-bottom:5px;
margin-top: 0px;

}

ul.tag li {
    display: block;
    padding: 3px;
    margin: 2px 5px 2px 0;
  background: none repeat scroll 0 0 #dee7f8;
    border: 1px solid #cad8f3;
    border-radius: 6px;
    font-weight: normal;
font-size:10px;
float:left;

}
.highlight{

    
    padding: 3px;
    margin: -4px 2px 2px 0;
  background: none repeat scroll 0 0 #FFD700;
    border: 1px solid #cd981d;
    border-radius: 6px;
    font-weight: normal;
font-size: 1em;

font-weight: bold;

}

li .highlight{
	margin: 0px 2px 2px 0;
	padding: 0px;

}
.meta{
display: block;
    padding: 2px 4px 1px 4px;
   margin-right:5px;
  background: none repeat scroll 0 0 #D4D4D4;
    border: 1px solid #ABABAB;
    border-radius: 4px;
    font-weight: normal;
font-size: 0.7em;
float:left;

}



.categorySelect{
width:100px;

}
.search_plus{

display:none;

}
.search_plus select{
max-width: 400px;
}
dt{
float:left;
 clear: both;
    font-weight: bold;
    line-height: 25px;
    margin-right: 8px;
    min-width: 80px;
    width: auto;
}

dd{
float:left;
}

.clearfix:after{
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

select {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #cccccc;
    color: #333333;
    cursor: pointer;
	box-shadow: 2px 3px 5px -2px #ddd inset;
border-top-left-radius:4px;
border-top-right-radius:4px;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
}



.wide, .w100 {
    max-width: 100% !important;
    width: 100% !important;
}


/*見出し*/
    
     
   
.Photos.uploader table{
table-layout: fixed;
width:100%;
}
.td_comment textarea{
width:180px;
}
.pagination ul > li {
	list-style:none;
    float: left;
    
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-left-width: 0;
    color: #999999;
    cursor: default;
    background-color: transparent;
}

.pagination ul > li:first-child {
    border-left-width: 1px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}

.pagination ul > li:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
}
.pagination a{
display:block;
padding: 4px 12px;
    line-height: 20px;
}

.pagination .disabled{
display:block;
padding: 4px 12px;
    line-height: 20px;
}

/*ポップアップ*/
    div.tooltip {  
       
        position: absolute;  
        left: -9999px;  
             
    }  
      
    div.tooltip p{  
        color: #FFF; 
	width: 200px;  
        background: #222;  
        padding: 5px 5px;  
	position:realetive;
    }  



/*まず、フォーム全体の囲み罫や背景などを指定*/


/*リスト要素<ul>を初期化*/
form#form1 ul {
	padding:0;
	margin:0
}
/*<li>も初期化し、ボーダーなどを指定*/
form#form1 ul .form_li {
	list-style:none;
	margin:0px;
	padding: 10px 0px 10px 150px;
	border-top: 2px solid #F2F2F2;
	font-size: 12px;
	position:relative;
	
}



.Users.login table{
width:100%;
}


/*最初の<li>にはボーダーをつけない（:first-child疑似クラスによる指定）*/
form#form1 ul .form_li:first-child {
	border-top:none;}


/* span要素をブロック化しフロートでフォーム部品と横に並べる*/
form#form1 ul .form_li label{

	width: 170px;
	margin:0px;
	display:block;
	
	position:absolute;
	left: -30px;

/* floatでなく、CSS3 の「display: inline-block」を使う手もアリ 
	display: inline-block;*/
}



form#form1 ul .form_li .ms-drop label{
width: 250px;
	margin:0px;
	display:block;
	
	position:static;
	left: -5px;
	
}

/* span要素をブロック化しフロートでフォーム部品と横に並べる*/
.reg form#form1 ul .form_li label{
	width: 180px;
	margin:0px;
	display:block;
	
	position:absolute;
	left: -5px;
	
/* floatでなく、CSS3 の「display: inline-block」を使う手もアリ 
	display: inline-block;*/
}
form#form1 ul .form_li  label[for=CompanyStatus0],
form#form1 ul .form_li  label[for=CompanyStatus1],
form#form1 ul .form_li  label[for=CompanyStatus2],
form#form1 ul .form_li  label[for=CompanyStatus3],
form#form1 ul .form_li  label[for=CompanyStatus4]{
	width: 150px;
	margin:0px;
	display:inline;
	
	position:static;

}
form#form1 ul .form_li label span{
display:block;
width:auto;
float:right;
right:0px;
}

form#form1 ul .form_li .ms-drop label{



}

form#form1 ul .form_li .ms-drop label.optgroup {
    background-color: #e5e5e5;
}


form#form1 ul .form_li .ms-drop label span{

float:none;
display:inline;
}

/* span要素をブロック化しフロートでフォーム部品と横に並べる*/
form#form1 ul .tagit span {
	width: auto;
	margin:0px;
	display:block;
	float:left;
/* floatでなく、CSS3 の「display: inline-block」を使う手もアリ 
	display: inline-block;*/
}


/*「:after」で <li>の末尾でフロートをクリア*/
form#form1 ul .form_li:after {
	content:".";
	display:block;
	height:0;
	
	visibility:hidden;
	
}

.reg form#form1 ul .form_li {
	list-style:none;
	margin:0px;
	padding: 10px 0px 10px 180px;
	border-top: 2px solid #F2F2F2;
	font-size: 12px;
	position:relative;
	
}
.attention,
.tabFocus{

border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background-color:#ffebcd;
background: rgba(255,235,205,0.8);
}
/* テキスト入力部品の見た目を統一する */
.txtfiled,input[type='text'],input[type='password'],input[type='tel'],input[type='number'],textarea,input[type='email']{

	margin:0px;
	color:#666;
	border: solid 1px #ccc;
	/*テキストエリア内にシャドウをつける。最初にbackground初期化が必要*/
   
	-webkit-box-shadow: 2px 3px 5px -2px #ddd inset;
	-moz-box-shadow: 2px 3px 5px -2px #ddd inset;
	box-shadow: 2px 3px 5px -2px #ddd inset;
	/*角丸にする*/
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}


/*チェックボックス、ラジオボタンのブロックの指定*/
form#form1 ul li p {
	margin:5px 0 0 40px;
}
/*チェックボックス、ラジオボタンの label要素を横に並べる*/
form#form1 ul li p label {
	margin-right: 2em;
	display: block;
	float: left;
}
form#form1 ul .form_li label.checkbox {
	
	display: inline;
	position:static;
}

/*input要素とテキストがくっつかないように右にマージンを少し*/
form#form1 ul li p label input {
	margin-right:0.5em;
}
/*チェックボックス、ラジオボタンの label要素にロールオーバー時の変化を指定する*/
form#form1 ul li p label:hover {
	background : #FFF;
	color: #096;
	font-weight:bold;
}
/*チェックボックスの<label>の横幅を統一する（<p>にクラス名.checkをつけて）*/
form#form1 ul li p.check label{
	width: 9em;
}
/*送信・リセットボタンの体裁を指定（[type="○○"]で属性の値でセレクト）*/

form#form1 ul li input[type="reset"] {
	cursor:pointer;     /*←これでカーソルを指先型に変化させる*/
	
	width:auto;
	font-size:14px;
	 border:1px  solid #DDD;
   
    cursor: pointer;
    border-radius: 5px;
     
/* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#99c9e5),
        to(#428ec9)
        );
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
         
/* Firefox */
    background: -moz-linear-gradient(
        top,
        
        #428ec9
        );
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
     
/* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ff99c9e5,endColorstr=#ff428ec9);
    zoom: 1;

}

form#form1 ul li input[type="submit"]:hover ,
form#form1 ul li input[type="reset"]:hover {
/*↓ここではロールオーバー時の透明度を変更。もちろんグラデーションを指定してもOK*/
	opacity: 0.5;
	
}


#tdImg img{
display:block;
margin:0px auto;
width:atuo;

}
#tdImg{
margin:0px auto;

}

.ui-draggable{

}

.btn_del_img,.btn_cart_img,.add_btn_del_img{
margin:2px 0px 0px 0px;

width:30px;
height:30px;
padding:0;
font-size: 23px;
background:none;
border:0;
    
line-height:1em;
  
cursor:pointer;
float:left;


}

.btn_del_img,
.add_btn_del_img{
margin-left: 20px;
}
.btn_cart_img img{
width:30px;
margin-top:-3px;


}
.ui-draggable .trashImg span::before{
font-size:27px;
}
.ui-draggable{
clear:both;
}
.Carts.index .addImgBtn{
position:relative;
height: 50px;
width: 80px;
}
.addImgBtn .btn_cart_img{
position:absolute;
left:10px;
}

.addImgBtn .btn_del_img,
.addImgBtn .add_btn_del_img{
position:absolute;
right:10px;
}

.Photos tdImg.ui-draggable .addImgBtn{
margin:0px auto;
height:50px;
width:37px;
}
.addImg{
height:150px;
width:85px;
overflow: hidden;

}
.btn_del,
.btnRight{
margin-left:150px;

}


.tag_cloud{

height:100px;
position:relative;
}
.page_nav{
	float:right;
}
.crumbs{
	float:left;
	
}

    #crumbs {
    border:1px solid #dedede;
    height:2.3em;
	width: 650px;
	
    }

    #crumbs li {
	list-style:none;
    float:left;
    line-height:2.3em;
    padding-left:.75em;
    color:#777;
	overflow:hidden;
max-width:200px;
    }

    #crumbs li a {

    display:block;
    padding:0 15px 0 0;
    background:url(../img/crumbs.gif) no-repeat right center;
    }

    #crumbs li a:link, #crumbs li a:visited {
    text-decoration:none;
    color:#777;
    }

    #crumbs li a:hover, #crumbs li a:focus {
    color:#dd2c0d;
    }





.Carts .confirm,Carts.mailConfirm{

margin-right:10px;
}

.Carts .confirm button{

margin-top:0px;
}

.action{
width:900px;
}

.Carts .action .ms-parent button{
margin-top:0px;
margin-left:0px;
} 

.Carts .action .form_li{
clear:both;

}

#CartsComment,#DownloadUsed{
height: 50px;
width: 800px;
}
#DownloadUsed{
height: 50px;

width: 600px;
}

.Carts.index .h4_child,

.Downloads.index .h4_child{
margin-left: 65px;
margin-bottom:20px;
}



.fr{
float:right;
}

.mgl_s{
margin-left:20px;
}
.mgr_s{
margin-right:20px;
}

.form-error{
box-shadow: 0 0 1.5px 1px red inset;
background: none repeat scroll 0% 0% #FF9393;

}

.Carts .tabFocus.form-error{
box-shadow: 0 0 1.5px 1px red;
background: none repeat scroll 0% 0% #FF9393;

}


.form-error button{

background: none repeat scroll 0% 0% #FF9393;

}

.Carts .mailconfirm button{
float:left;
}

#nav .block{
background: #ffffff;

}
.block{

margin-bottom:10px;

padding:15px 15px 15px 15px;
border: 1px solid #DDD;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}

.login.block,
.resetpwd.block{
margin:0 auto;
width:400px;

}

.login img,
.resetpwd img{
display:block;

margin-left:110px;
margin:0px auto;
}

.block:after{
clear: both;
}
.blockTop{

}

.block_m{
width:500px;
}
.block_s{
width:300px;
}
table td li{
list-style:none;
}





.cartAllTop {

}
.cartAllBottom {
top:10px;
}
.cartAll {

background: #f3f3f3 none repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    color: #4e4e4e;
    cursor: pointer;
width:320px;
height:30px;
padding:5px 10px;
padding-top: 15px;
}

.top30 {
top:30px;
}

.cartAll img{
display:block;
margin-left: 10px;
    margin-top: -8px;
float:left;
}
.cartAll span{
float:left;
display:block;

}
button.payPal,button.editBtn,button.cartAdd,button.cartDel,button.cartAllAdd,button.dw,button.cartAllDel {
    width: auto;
    padding:0;
    
    background:none;
    border:0;
    
    line-height:0;
    overflow:visible;
    cursor:pointer;
}


.reissueBtn{
line-height:1;
}
.catAddBtn{
line-height:0px;
height:20px;
}

.sendBtn{
line-height:0px;
height:23px;
}
.thDownload{

font-size:8px;

}
/*---------------upform-------------------*/


#PhotoUploadForm{

margin:0px auto;
}

.upform{
margin:0px auto;

}

/*--------------------upform-------------------------*/

.pleaseUpform a{
width:100%;
height:200px;  
display:block;
padding-top:200px;

}

.folderImg{
top: 0px;
left: -18px;
font-family: "FontAwesome";
font-size: 20px;
line-height: 24px;
content: "";
color: #D2D2D2;

}

/*--------------------Form input textarea-------------------------*/


form#form1 ul li input[type="submit"]:active,
 form#form1 ul li input[type="reset"]:active,
.buttonCss:active {
    color: #000;
    border-color: #444;
}

textarea,input{

 background: inherit;

}


/*----------------------------------block---------------------*/
.block.Photos.edit,
.block.Categories,
.block.Tags,
.block.Photos.upform,

{

margin: 0px auto;

}


.block.Photos.edit textarea{
height:130px;
width:350px;

}
.block::after{
clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;

}
.block.Photos.photoFloat

{
float:left;
width:700px;
margin-left:8px;

}
.block.Photos.edit .tagit{
width:350px;
box-shadow: 2px 3px 5px -2px #ddd inset;
}
section.tree ul{

margin-left:20px;
}
section.tree{
margin-bottom:20px;
}

.ui-state-highlight{
background-color: #ee33ff;

}
.addStart{
width:150px;
margin:0px auto;
margin-top:30px;

}
#PricePrice{
width:100px;
}
/*-------------tab---------------*/
#tabCart.ui-tabs,
#tabUser.ui-tabs {
	padding: 0;
	border-width: 0;
}

#tabCart .ui-widget-header,
#tabUser .ui-widget-header {
	border: 0;
}

#tabCart .ui-tabs-nav,
#tabUser .ui-tabs-nav {
	border-width: 0;
	padding: 0;
	margin-left:20px;
}

#tabCart .ui-tabs-panel,
#tabUser .ui-tabs-panel {
	border-width: 1px;
}

#tabCart .ui-tabs-nav li.ui-tabs-selected,
#tabUser .ui-tabs-nav li.ui-tabs-selected {
	border-width: 1px;
	margin-bottom: -5px;
}
.Carts #tabCart,
.Users #tabUser{
background : none!important;

}

.ui-widget-header {
background : none!important;
}

.Photos{
background:#FFFFFF;

}

.Carts{
background:#FFFFFF;

}

.Downloads{
background:#FFFFFF;

}

.Downloads .block,
.Users .block,
.Categories .block,
.Tags .block,
.Companies .block,
.Settings .block,
.Dw_dates .block,
.Payments .block,
.Groups .block,
.Favorites .block,
.Suportcategories .block{
background : none!important;
}

.Users,
.Categories,
.Galleries,
.Tags,
.Companies,
.Settings,
.Payments,
.Groups,
.Favorites,
.Restorations,
.Suports,
.Suportcategories,
.Prices
{
background:#FFFFFF;

}

.history,.Dw_dates{
background:#FFFFFF ;

}



.Carts.index textarea{
width:98%;
}


.Photos .td_tag .tagit{
min-height: 97px;
height: 97px;

}

.Carts .td_check{
padding:0px;
}
.favoriteNew{
height:17px;
width:200px;
}


#catNew{
width:100px;
}



div.login{
width:400px;
}
.control-group{
clear:both;
padding-top:10px;
}
.control-group label,.control-group div{
float:left;

}
.control-group label{
width:150px;
text-align:right;
padding-top: 5px;
font-size: 11px !important;
}
.control-group .controls{
	margin-left: 15px;
}

.form-actions{
padding-top:10px;
margin-left: 300px;
clear:both;
}
#infscr-loading{
	display:block;
	margin:0px auto;
	text-align:center;
}
.td_loading{
width:800px;
}

/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.uploader TD,.login TD{
height: 50px;
}
.de_step1{
background:url(../img/db_step1.png) no-repeat center center;
height: 90px;
background-size: 700px;
}
.de_step2{
background:url(../img/db_step2.png) no-repeat center center;
height: 90px;
background-size: 700px;
}
.de_step3{
background:url(../img/db_step3.png) no-repeat center center;
height: 90px;
background-size: 700px;
}
.upform .db_btn{
width:200px;
}
.upload_btn{
width:450px;
margin:0 auto;
}
h2 span.blinking{

font-size:10px;
color:#E00;
}

.newInfo span.blinking{
font-size:10px;
color:#E00;
}



.Downloads .dw_size{
width:75px;

}

.Downloads td {
position:relative;

}
.Downloads td .sizeMeta{
position:absolute;
left:50%;
top:50%;
margin-top:-10px;
width:50px;
margin-left:-25px;
}
.Downloads .th_check{
width:100px;
}
.Downloads .cameraImg{
width:120px;
}


.fa-minus-circle::before {
    content: "";
}
.favoriteImg{

background:url(../img/delbk.gif) no-repeat center center;

position:relative;
height:120px;

}
.favoriteImg img{
 position: absolute; /* 3 */
    top: 0;             /* 4 */
    left: 0;            /* 5 */
    right: 0;           /* 6 */
    bottom: 0;           /* 7 */
    margin: auto;        /* 8 */
}

.favoriteBtn {

background: #f3f3f3 none repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    color: #4e4e4e;
    cursor: pointer;
width:120px;
height:20px;
margin-top:10px;
margin-bottom:10px;
margin:0px auto;
}



.favoriteBtn span{
margin:0px auto;
}
.Favorites tr{
height:145px;
}

.tree_list .fa-caret-square-o-up,
.tree_list .fa-caret-square-o-down,
li .fa-caret-square-o-up,
li .fa-caret-square-o-down{
font-size:18px;
margin-left:5px;

}

.tree{
font-size:15px;
}
.empty{
display:block;
margin:auto;
}
th.no{
width:80px;
}
th.price{
width:50px;
}
th.payMethod{
width:150px;
}
th.photo{
width:120px;
}
th.size{
width:50px;
}
th.status{
width:150px;
}
th.update{
width:120px;
}
th.dwdatePay{
width:120px;
}
th.statusEdit{
width:50px;
}
.confirm  th.price{
 width: 120px;

}
.Payments .SIZE,.Dw_dates .SIZE,.Downloads .SIZE,.iziModal .SIZE,.Prices .SIZE{ 
width:16px;
float:none;
display:inline;
padding-top:3px;
padding-left:7px;
padding-right:7px;
border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: inset 0px 0px 8px #ffffff;
    -moz-box-shadow: inset 0px 0px 4px #ffffff;
    box-shadow: inset 0px 0px 4px #ffffff;
}
.popup_help {
  padding: 0 3px;
  color: #66f;
  font-weight: bold;
  cursor: pointer;
}
.popup_help_window {
background: #eee none repeat scroll 0 0;
    border: 1px solid #ccc;
    
    padding: 5px;
    
    
    

  max-width: 450px;
  position: absolute;
  
  
  display: none;
  
  font-size: 15px;
  
  line-height: 1.5em;
  
}


  


.button-link {
	color: #00f ;
	text-decoration: underline ;
}
 
.button-link:hover {
	cursor: pointer ;
	color: #f00 ;
}
.lock {

	    overflow:hidden;

	}

.nyukin{
background-color: BLUE;
color: white;

line-height: 22px;
text-align: center;
min-width:13px;
width:16px;
height: 20px;
float:none;
display:inline;
padding-top:3px;
padding-left:7px;
padding-right:7px;
}
.minyukin{
background-color: RED;
color: white;
line-height: 22px;
text-align: center;
min-width:13px;
width:16px;
height: 20px;
float:none;
display:inline;
padding-top:3px;
padding-left:7px;
padding-right:7px;
}
.shiyou{
background-color: GREEN;
color: white;
line-height: 22px;
text-align: center;
min-width:13px;
width:16px;
height: 20px;
float:none;
display:inline;
padding-top:3px;
padding-left:7px;
padding-right:7px

}
.softDel{
background-color: PURPLE;
color: white;
line-height: 22px;
text-align: center;
min-width:13px;
width:16px;
height: 20px;
float:none;
display:inline;
padding-top:3px;
padding-left:7px;
padding-right:7px

}

.rePromise{
background-color: pink;
color: white;
line-height: 22px;
text-align: center;
min-width:13px;
width:16px;
height: 20px;
float:none;
display:inline;
padding-top:3px;
padding-left:7px;
padding-right:7px

}
.uploaderCount{
   background-color: #f33;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: white;
    display: block;
    font-size: 10px;
    height: 13px;
    line-height: 13px;
    min-width: 13px;
    padding: 0 3px;
    position: absolute;
    right: 30px;
    text-align: center;
    bottom: 5px;
    white-space: nowrap;
    width: auto;
	border-radius: 3px;
box-sizing: border-box;
}
.uploaderCount2{
   background-color: #f33;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: white;
    
    font-size: 10px;
    height: 13px;
    line-height: 13px;
    min-width: 13px;
    padding: 0 3px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 3px;
    white-space: nowrap;
    width: auto;
	border-radius: 3px;
box-sizing: border-box;
}
.payCount{
   background-color: #f33;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: white;
    display: block;
    font-size: 10px;
    height: 13px;
    line-height: 13px;
    min-width: 13px;
    padding: 0 3px;
    position: absolute;
    right: 30px;
    text-align: center;
    bottom: 5px;
    white-space: nowrap;
    width: auto;
	border-radius: 3px;
box-sizing: border-box;
}
.payCount2{
   background-color: #f33;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: white;
   
    font-size: 10px;
    height: 13px;
    line-height: 13px;
    min-width: 13px;
    padding: 0 3px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 3px;
    white-space: nowrap;
    width: auto;
	border-radius: 3px;
box-sizing: border-box;
}

#scroll{
overflow:auto;
width:800px;
height:190px;

}
.disabled {
    color: lightgray;
}
.center{
margin:auto;
width:169px;
height:79px;
}
.btn_left {
    margin-left: 150px;
}
.public_block{
background: #ffffff ;
}
h1, h2, h3, h4 {
    font-weight: normal;
}
.metaform_regdel_btn{
margin:10px;
}

#content .textbox{
float:left;
width:650px;
}
#content .imgbox{
float:right;

}
.sec{
height:400px;
}

#addr{
width:300px;
}
form#form1 ul .form_li .radio label{
position:static;
display:inline;
}
.clearb{
clear:both;
}



#tabCart h3::before{
display:inline;
position:static;
}
.th_method{
width:100px;
}
.th_status{
width:100px;
}


.radioPrice{
margin-top:1px;
}

.toback{
display:block;
float:left;
width:auto;
}

#pageTop {

  position: fixed;
  bottom: 50px;
  right: 10px;
z-index: 999;
}

 

#pageTop a {
  display: block;
  
  padding: 10px 0 0 0px;
  border-radius: 30px;
  width: 50px;
  height: 40px;
  background-color: #1c94c4;
  color: #fff;
   font-size: 11px;
  text-decoration: none;
  text-align: center;
}

 

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

#pagePrev {

  position: fixed;
  top: 80px;
  right: 10px;
	z-index: 999;
}

 

#pagePrev a {
  display: block;
  
  padding: 10px 0 0 0px;
  border-radius: 30px;
  width: 50px;
  height: 40px;
  background-color: #1c94c4;
  color: #fff;
   font-size: 11px;
  text-decoration: none;
  text-align: center;
}

 

#pagePrev a:hover {
  text-decoration: none;
  opacity: 0.7;
}
#SuportContent{
width:700px;
height:500px;
}
.Users table{
margin-top:50px;
}
.reg .form_li{
min-height:20px;
}
.reg textarea{
width:500px;
height:300px
}


div.Suports.list ul {
list-style:none;
}
.Suports.list li,
.Suports.info li{
clear:both;
background: #007fff none repeat scroll 0 0;
    border: 1px solid #003eff;
    color: #ffffff;
    font-weight: normal;
border-top-left-radius: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
    background: #f6f6f6 none repeat scroll 0 0;
    border: 1px solid #c5c5c5;
    color: #454545;
    font-weight: normal;
padding: 10px;
display: flex;          /* 2 */
    
    align-items: center;    /* 4 */
}


.Suports.list span.dan,
.Suports.info span.dan {
float: left;


}

.Suports.list span.dan2,
.Suports.info span.dan2 {
float:left;
display: block;
margin-left: 15px;



}

.Suports.list span.dan3,
.Suports.info span.dan3 {
float:left;
display: block;
margin-left: 15px;
margin-right:30px;

}
#tab-download .sizeAll{

float:left;
}


.Carts .action button.sizeAllBtn{
margin-left: 0;
margin-top: 0;
}



.quickLabel{
float:left;

width:60px;
display: table-cell;
vertical-align: middle;
}

#tab-download .quick{
display: table-cell;
vertical-align: middle;
width:450px;
padding:5px;
}

#tab-buy .quick,
#tab-download .quick{

padding:5px;
}

.Carts .action button.groupAllBtn{
float:left;
margin-left:5px;
margin-top:0px;
	
}

.sizeAll{
display:inline-block;
width:35px;
height:35px;
font-size:11px;
background-color: #2d2fa3;
    color: white;
    position:relative;
    font-weight:bold;
    line-height: 22px;
 
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top: 3px;
margin-right:3px;
    text-align: center;
	border-radius: 3px;
   cursor:pointer;
}

.sizeAll:hover{
 background-color: #ffa500;
    color: #fff;
}

.sizeAll i{
position:absolute;
opacity: 0.2;
left: 4px;
color:white;

}

.matomeSize{
text-align:center;
font-size: 15px;
margin-top: -7px;

}
fieldset {
   
    border: 1px solid #4169e1;
    
    border-radius: 5px;
    padding: 5px;
	
}
#tab-buy fieldset {
width:384px;
}
#tab-download fieldset {
width: 336px;
}
fieldset legend {
    background: #4169e1;
    color: #fff;
    padding: 5px 10px ;
    font-size: 15px;
    border-radius: 5px;
   
    margin-left: 20px;
}
#tab-buy input[type="radio"],
#tab-download input[type="radio"]{
display: none;
}

#tab-buy .sizeAll.selected,
#tab-download .sizeAll.selected  {
    background-color: #ffa500;
    color: #fff;
}
body {
    overflow-y: scroll;
}
html, body {
    background-color: #f0f0f0;
   font-size:13px;
    height: 100%;
   
    margin: 0;
    padding: 0;
    
}
* {
    font-family: Arial,Helvetica,"lucida grande",tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
}
body {
    display: block;
}
address, article, aside, blockquote, body, caption, center, col, colgroup, dd, dir, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, legend, li, listing, main, marquee, menu, nav, noframes, ol, p, plaintext, pre, section, summary, table, tbody, td, tfoot, th, thead, tr, ul, xmp {
    unicode-bidi: isolate;
}

.dwAddLabel {
	background: #5479c9 none repeat scroll 0 0;
    color: #fff !important;
    
    font-size: 14px;
    margin: 0 0.5em 0.5em 0;
   
	padding: 5px 5px;
	


}
.dwAddDesciption{




}


.buyAddLabel{
background: #008080 none repeat scroll 0 0;
    color: #fff !important;
    
    font-size: 14px;
    margin: 0 0.5em 0.5em 0;
    
	padding: 5px 5px;
	

}

.pink {

    background: #4169e1 none repeat scroll 0 0;
}
.plan .buttonCss{
	margin-top:10px;
	margin-bottom:30px;
}
.plan fieldset{
	float:left;
width:200px;
	border-radius: 7px;
margin-top:0px;
margin-bottom:30px;
}

form#form1 ul.planDescription{
margin-top:10px;
margin-left:10px;
float:left;
width:650px;
}

.plan h2{
clear:both;
}
.plan .planBtn{
margin-top:10px;
margin-left:10px;
}
.btn_completed.fa{
color: #000000;
}
.Carts.paypal table{
width:650px;
}

.dwAll{

position:relative;
left:0px;

background: #ef3f56 none repeat scroll 0 0;
opacity: 0.6;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
width:280px;
height:30px;
padding:5px 10px;
}
.Carts #tab-download .quick .btn,
.Carts #tab-buy .quick .btn{
position:relative;

}
#tabCart .dwImgAll::before{
font-family: "FontAwesome";
margin-right: 5px;
content: "";
font-size:14px;

}


#tabCart .cartImgAll::before {
    
    content: "";
    font-family: "FontAwesome";
    font-size:14px;
    margin-right:5px;
}

#tabCart .mail::before {
	content: "";
	font-family: "FontAwesome";
	font-size:14px;
	margin-right:5px;
}


#tabCart .star::before {
    content: "";
font-family: "FontAwesome";
	font-size:14px;
	margin-right:5px;
}
#tabCart .edit::before {
    content: "";
font-family: "FontAwesome";
	font-size:14px;
	margin-right:5px;
}

#tabCart .trash::before {
    content: "";
font-family: "FontAwesome";
	font-size:14px;
	margin-right:5px;
}
.Carts.index{
min-height:400px;
}
#content{
//display:none;
visibility:hidden;
}
.td_price input {
    display:none;
}

.td_price span.SIZE {
    /* 非選択時のスタイル */
	 
    cursor: pointer;
    display: inline-block;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    
}
.td_price span.SIZE.selected {
    /* 選択時のスタイル */
	   background-color: #ffa500;
   
   
    color: #fff;
    
}
.td_price li{
padding:12px 0px;

}
.td_price span.SIZE.sizeNo{
background-color: #a9a9a9;
}
.sizeTab {
    background-color: #008080;
    color: white;
    font-weight:bold;
    height: 20px;
    line-height: 22px;
    min-width: 13px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top: 3px;
    text-align: center;
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	-webkit-box-shadow:inset 0px 0px 8px #ffffff;
    -moz-box-shadow:inset 0px 0px 4px #ffffff;
    box-shadow:inset 0px 0px 4px #ffffff;
}

.awsCss1{
 color: #d2d2d2;
 font-size:20px;
}



.td_price li:first-child{
padding-top:0px;
}
.td_price{
padding-bottom:12px;
}


input.radioError{
box-shadow: 0 0 1.5px 1px red;
}
.inputTextLong{
width:300px;
}
.Favorites.edit table {
margin-bottom:15px;
}
.block.treeview{
overflow:auto;
white-space: nowrap;


}
#tagCloud.block {
word-wrap:break-word;
word-break: break-all;
}
.Users.add .treeview li,
.Users.csv_import .treeview li,
.Users.edit .treeview li,
.Users.index .treeview li{
   background: #ffd700 none repeat scroll 0 0;
    border: 1px solid #ff8c00;
    border-radius: 6px;
    display: block;
    
    font-size: 10px;
    font-weight: normal;
    margin: 2px 5px 2px 0;
    
}
.disabled, .disabled:hover, .disabled:visited, .disabled:focus,
.Users.csv_import .treeview.disabled ul li,
.Users.add .treeview.disabled ul li,
.Users.edit .treeview.disabled ul li,
.Users.index .treeview.disabled ul li {
 border:#eee 1px solid;
 background:#f6f6f6;
 -webkit-box-shadow:none;
 box-shadow:none;
 text-shadow:none;
 color:#ddd;
 cursor:default;
 outline:none;
}
.Carts .action button#catAddBtn{
	margin-left:0px;
}

.Users .block.treeview{
width:350px;
}
.Users .blockLeft{
position:relative;
width:350px;
float:left;
padding: 10px 0 10px 150px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border-bottom:solid 1px #ffffff;
background:#ffffff;
position:relative;
            z-index:1;
}
.ui-tabs-panel{
            position:relative;
            z-index:0;
        }

.ui-draggable-dragging a{
	pointer-events:none;
}


.sGroup,.mGroup{
display:inline-block;
padding:1px 3px;
border:2px solid #5bc0de;
margin-left:5px;
color:#ddd;text-decoration:none;
font-weight:700;text-transform:uppercase;

transition:all .2s;

text-align:center;
font-size:14px;
}
.sGroup{
border-color:#5bc0de;
color:#5bc0de;
padding:1px 3px;
font-size:12px;
}
.mGroup{
background:#5bc0de;
color:#fff;
padding:1px 3px;
font-size:12px;
}

.Galleries.download table tr td{
vertical-align:middle;
}
.restPwd{
margin-bottom:5px;
display:block;
text-align: right;
}
.newInfo{
position:absolute;
width:450px;
left:350px;
top: -13px;
}
.newInfo UL{
margin-top:0px;
padding-left:10px;

}
.newInfo h4{
margin-bottom:0px;
margin-top:0px;
}
.newInfo ul li{
display:none;
}



.square_btn {
    position: relative;
    display: inline-block;
    padding: 0.25em 0;
    text-decoration: none;
    color: #FFF;
    
    width:90%;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    
}

.square_btn:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.orange{
background:#ffa500;
border: solid 1px #cd853f;/*線色*/
}
.red{
background:#ff0000;
border: solid 1px #dc143c;
}
.blue{
background:#0000ff;
border: solid 1px #000080;
}
.gray{
background:#a9a9a9;
border: solid 1px #808080;
}
.public th.th_status{
width:80px;
}



.photoList{
position:relative;

}
#tab-download{
display:none;
}
#tab-buy{
display:none;
}
#tab-mail{
display:none;
}
#tab-contact{
display:none;
}
#tab-favorite{
display:none;
}
#tab-edit{
display:none;
}
#tab-del{
display:none;
}
#tab-pub{
display:none;
}

.td_meta input.name{
width:98%;
}
.td_piublic{
width:18px;
}

.td_price .SIZE:hover {
    background: #ff8c00;
    color: white;
}


button.btn_dw.dw.popup:hover{
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.metaform .allInsert .selectCategory,
.Carts .selectCategory{
width:205px;
}
.Carts #nameAll{
width:144px;
}
.metaform #nameAll{
width:135px;
}

.metaform .selectCategory,
.Carts .td_meta .categorySelect{
width:150px;
}

.Carts .index .ms-parent {
   
    position: relative;
    
    z-index: 100;
}
.public .catEdit:hover,
.sizeAbout:hover {
    background: #ff8c00;
    color: white;
}

.public th.tag{
width:200px;
}
.public .td_btn{
	width:120px;
}
.public .catEdit {
width:100%;
padding:0;
}
.public .th_no{
width:100px;

}

.public .th_name{
width:125px;

}

.public .td_name{
width:125px;
margin:0px auto;

}

.public .th_group{
width:125px;

}

.public .td_group{
width:125px;
margin:0px auto;

}
.public .th_count{
width:150px;

}
.history .th_paydate{
width:125px;
}

.history .th_group{
width:125px;
}

.history .th_payer{
width:125px;
}

.history .th_price{
width:125px;
}

.history .th_detail{
width:200px;
}
.history .th_dwdate{
width:125px;
}
.history .th_method{
width:90px;
}
.history .open-default{
width:170px;
}
.btn,.bt_back{
	display: inline-block;
margin-right:10px;

background: #ffebcd none repeat scroll 0 0;
    border: 2px solid #ff8c00;
    border-radius: 3px;
    color: #ff8c00;
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    transition: all 0.4s ease 0s;
    box-shadow: inset 0 -10px 15px -12px rgba(0, 0, 0, 0.3), 0 0 0px #555;
     cursor:pointer;

}
.btn:hover {
    background: #ff8c00;
    color: white;
}
.btnSub{
	display: inline-block;
margin-right:10px;

background: #d4d4d4 none repeat scroll 0 0;
    border: 2px solid #a9a9a9;
    border-radius: 3px;
    
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    transition: all 0.4s ease 0s;
    box-shadow: inset 0 -10px 15px -12px rgba(0, 0, 0, 0.3), 0 0 0px #555;
     cursor:pointer;

}
.btnSub:hover {
    background: #ff8c00;
    color: white;
}
.public .delCart {
	text-align:center;
    background: #ccc none repeat scroll 0 0;
    border: 2px solid #a9a9a9;
    border-radius: 3px;
    color: #696969;
    display: inline-block;
    padding: 0.5em 0.5em;
    text-decoration: none;
    transition: all 0.4s ease 0s;
    width: 30px;
	height:30px;
		position: absolute;
	
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.userPubBtn {
	background: #ffebcd none repeat scroll 0 0;
    border: 2px solid #ff8c00;
    border-radius: 3px;
    bottom: 0;
    color: #ff8c00;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    height:30px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    transition: all 0.4s ease 0s;
    
}

.userPubBtn:hover {
    background: #ff8c00;
    color: white;
}

.fa-cart-plus::before{
font-size:23px;
}
.editBtn:hover{
color:#ff8c00;
}

.cartAdd:hover,

.cartDel:hover {
 
  color:#ff8c00;

}
.editBtn,
.cartAdd,
.cartDel,
.Carts.index h3 i {
  color:#4169e1;

}

.editBtn i{
font-size:22px;
color:#4169e1;
}
.editBtn i:hover{
color:#ff8c00;
}
table td i.fa-globe,
table td i.fa-times{
color: #a9a9a9;
}


.cartAllAdd,
.cartAllDel,
.dwAllDel{
padding-bottom: 8px;
padding-top: 8px;

position:relative;
margin-top:20px;
top:0px;
}

.cartAllAdd span{
line-height: 27px;
}

.cartAllAdd .fa-cart-plus{

display: inline-block;
width: 20px;
height: 20px;

position: relative;
top: 2px;
}

.cartAllDel i.minusCart{
position:absolute;
right: 15px;
top: 5px;
}

.minusDw .fa-minus-circle{
position:absolute;
 left: -3px;
 top: 3px;
}

th .minusDw .fa-minus-circle{
position:absolute;
 left: -2px;
top: 0px;
}
th .minusCart .fa-minus-circle{
position:absolute;
left: 0px;
top: -3px;
}
th,th a i{
color: #808080;
}
/*
table th:not(.cartPlus):not(.th_price):not(.th_public):not(.th_cart):not(.dwMinus):not(.th_dwperiod):not(.th_size){
font-size:18px;
}*/

th:not(.dwMinus,.minusCart){
font-size:12px;
}
th a i:not(.dwMinus,.minusCart){
font-size:18px;
}
th a span i.fa:not(.dwMinus i.fa,.minusCart i.fa){
font-size:18px;
}

th a i.fa:not(.dwMinus i.fa,.minusCart i.fa){
font-size:18px;
}

th i.fa:not(.dwMinus i.fa,.minusCart i.fa){
font-size:18px;
}
th span i.fa:not(.dwMinus i.fa,.minusCart i.fa){
font-size:18px;
}
th .fa-stack-2x{
font-size:23px;
}
table tr td .images a img{

border: 1px solid #ffffff;
}
table tr td a img:hover{

border: 1px solid #ff8c00;
box-shadow: 0 0 3px #ff4500;
}
.pagination li:hover,
.userPubBtn:hover {
    background: #ff8c00;
    color: white;
}
.pagination li.active{
background: #ffd700;
    color: white;
}
.public .td_btn div{
position:relative;
min-height:100px;
}
.public .delCart:hover{
    background: #ff8c00;
    color: white;
}

.fa-minus-circle.fa-stack-1x:before{
	color: white;
    
	font-size:9px;
 position: absolute;
	 left: 12px;
    top: -2px;
    
}



#pub_btn{
margin-top:20px;

}

.metaform .btnReg{
background: #f5f5f5 none repeat scroll 0 0;
    border: 2px solid #a9a9a9;
    border-radius: 3px;
    display: inline-block;
    margin-right: 10px;
    padding: 0.3em 1em;
    text-decoration: none;
    transition: all 0.4s ease 0s;
}

ol {
			margin: 0;
			padding: 0;
			padding-left: 30px;
		}

		ol.sortable, ol.sortable ol {
			margin: 0 0 0 25px;
			padding: 0;
			list-style-type: none;
		}

		ol.sortable {
			margin: 4em 0;
		}

		.sortable li {
			margin: 5px 0 0 0;
			padding: 0;
		}

		.sortable li div  {
			border: 1px solid #d4d4d4;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			border-color: #D4D4D4 #D4D4D4 #BCBCBC;
			padding: 6px;
			margin: 0;
			cursor: move;
			background: #f6f6f6;
			background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
			background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
			background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
			background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
			background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
		}

		.sortable li.mjs-nestedSortable-branch div {
			background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #f0ece9 100%);
			background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#f0ece9 100%);

		}

		.sortable li.mjs-nestedSortable-leaf div {
			background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #bcccbc 100%);
			background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#bcccbc 100%);

		}

		li.mjs-nestedSortable-collapsed.mjs-nestedSortable-hovering div {
			border-color: #999;
			background: #fafafa;
		}

		.disclose {
			cursor: pointer;
			width: 10px;
			display: none;
		}

		.sortable li.mjs-nestedSortable-collapsed > ol {
			display: none;
		}

		.sortable li.mjs-nestedSortable-branch > div > .disclose {
			display: inline-block;
		}

		.sortable li.mjs-nestedSortable-collapsed > div > .disclose > span:before {
			content: '+ ';
		}

		.sortable li.mjs-nestedSortable-expanded > div > .disclose > span:before {
			content: '- ';
		}


#contentOut{
margin-left:3px;
width:160px;
height:127px;
float:left;
border: 1px solid #000000;
border-radius: 2px;
}
#sideMenuOut{
width:90px;
height:126px;
font-size:8px;
text-align:center;

float:left;
}

#sideCatOut{
margin-bottom:2px;
width:90px;
height:40px;
border: 1px solid #000000;
border-radius:2px;
position: relative;
}


#sideFavOut{
margin-bottom:2px;
width:90px;
height:40px;
border: 1px solid #000000;
border-radius: 2px;
position: relative;
}



#sideTagOut{
margin-bottom:2px;
width:90px;
height:40px;
border: 1px solid #000000;
border-radius: 2px;
position: relative;

}
#sideCatOut span,
#sideFavOut span,
#sideTagOut span{
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	display:block;
	position: absolute;
	
	margin: auto;
	width: 40px;
	height: 10px;

}

#limitRight,
.seikyuRight{
width:280px;
float:left;

}
.seikyuRight img{
border: 1px solid #000;
margin:10px;

box-shadow: 2px 2px 3px #939393;
}
#limitLeft,
.seikyuLeft{
width:400px;
float:left;
}

#limitWrapper{
position:relative;
clear:both;
//height:360px;

}



//.Users.add #limitWrapper,
//.Users.edit #limitWrapper,
//.Companies.edit #limitWrapper,
//.Companies.add #limitWrapper{
//height: 450px;
//}
.Users.index #limitWrapper{
position:relative;
clear:both;
//height:270px;

}
.blockFocus{

background-color:#f5f5f5;
border: 1px solid #a9a9a9;
border-radius: 4px;
margin-bottom:20px;
}
#limitDisp{
width:260px;
height:136px;
margin:0px auto;
margin-top:50px;
margin-left: 160px;


}
#titleSearch{
background:url(../img/titleSearch.png) no-repeat center center;
height:15px;
}

.selectList{
position:relative;
top:-10px;
left:10px;
display: inline-block;
margin-right:10px;
background: #d4d4d4 none repeat scroll 0 0;
    border: 2px solid #a9a9a9;
    border-radius: 3px;
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    transition: all 0.4s ease 0s;
    
}
h2 i{
position:relative;

}
h2.h2_002 {
    font-size: 18px;
    padding: .30em 0 .30em .70em;
	border-left: 7px solid #4169e1;
	border-top: 1px solid #87CEFA;
	border-right: 1px solid #87CEFA;
	border-bottom: 1px solid #87CEFA;
background:#DCF1FF none repeat scroll 0 0;
clear:both;
}
.Companies.edit h3{
margin-left:50px;
}

.Companies.index UL li{

margin-top:3px;
margin-bottom:3px;
}

UL.news li{
position:relative;
margin-left:100px;
padding-top:5px;
padding-bottom:5px;
}

.news .newsDate{
position:absolute;
left:-130px;
}
.news .newsTitle{
width:300px;
}
DIV.Users.newsBlock{
margin-top:30px;
}

#innerHeader.basic img{
position:absolute;
top:5px;
left:50%;
margin-left:-46px;
}

#innerHeader.basic{
height:60px;
}

.pageChange{
position:fixed;
top:10px;
left:0px;
opacity: 0.7;

}

.pageChange img{
max-width: 70px;
height: auto;
}

.pageChange:hover{
opacity: 1;
}

.ms-drop ul > li{
padding-left:10px;
}
.Carts .coPriceBtn{
padding-right:2px;
}

.description{
font-size: 14px;
padding: 20px;
background: #f5f5f5 none repeat scroll 0 0;
margin-left: 60px;
margin-right: 60px;
 border-radius: 5px;
}
#tmpBtn{
margin-left: 60px;
margin-bottom:10px;
}
.Downloads.index tbody tr td li{
clear:both;
}

::-webkit-input-placeholder {
	color: #AAA;
	text-align:center;
font-size:12px;

}

:-moz-placeholder { /* Firefox 18- */
	color: #AAA;
	text-align:center;
font-size:12px;

}

::-moz-placeholder {  /* Firefox 19+ */
   color: #AAA;
   text-align:center;
	font-size:12px;

}

:-ms-input-placeholder {
	color: #AAA;
	text-align:center;
	font-size:12px;

}
li.tagit-new{
width:98%;
}
.Carts.index .ui-state-default a{
font-size:12px;
height: 17px;
}
.cartDel{
margin-left:-10px;
}
.th_tag{
width:80px;
}
.th_cartAdd{
width:23px;
}
.th_linkImg{
width:67px;
}
.th_checkbox{
width:20px;
}
.th_img{
width:130px;
}
.td_meta{

}

.Photos.index .td_comment,
.Photos.index .td_tag,
.Photos.index .td_addImg{

overflow:hidden;
word-wrap:break-word;
word-break: break-all;
padding:0px;
height:148px;
}
.catLength{
white-space: nowrap;
width:195px;
overflow-x:hidden;

}
.length100{
white-space: nowrap;
width:100px;
overflow-x:hidden;
}
.length120{
white-space: nowrap;
width:120px;
overflow-x:hidden;
}
.nameLength{
white-space: nowrap;
width:147px;
overflow-x:hidden;

}
.userLength{
white-space: nowrap;
width:135px;
overflow-x:hidden;

}
.groupLength{
white-space: nowrap;
width:125px;
overflow-x:hidden;

}



.Photos.index .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 8px;
}

.Photos.index  .mCSB_inside > .mCSB_container {
    margin-right: 8px;
}
.Carts.index .mCSB_inside > .mCSB_container {
    margin-right: 0px;
}
.even{
background-color:#F4F4F4;

}


.loader {
  
  position: absolute;
  top: 50%;
  left: 50%;
  width: 31px;
  height: 31px;
  margin-top: -15px;
  margin-left: -15px;
  text-align: center;
  color: #000000;
  
}

.loaded{

//visibility:hidden;
}

.fadeOut{
  -webkit-animation-name:'FOut';
  -webkit-animation-duration:.3s;
  -webkit-animation-timing-function:ease-in;
  -webkit-animation-iteration-count:1;
  visibility: hidden;
}
@-webkit-keyframes 'FOut' {
  0%{opacity:1;visibility: visible;}
  100%{opacity:0;visibility: hidden;}
}

.fadeIn{
  -webkit-animation-name:'FIn';
  -webkit-animation-duration:.3s;
  -webkit-animation-timing-function:ease-in;
  -webkit-animation-iteration-count:1;
}

@-webkit-keyframes 'FIn' {
  0%{opacity:0;visibility: hidden;}
  100%{opacity:1;visibility: visible;}
}




#tree{
min-height:100px;
}

.checkBtn:hover{
   box-shadow: inset 0 35px 10px -12px rgba(255, 255, 255, 0.3), 0 0 0px #555;
}

.checkBtn{
display:block;
min-width:230px;
 background: #ff8c00;
color: white;
padding-top:5px;
padding-right:7px;
padding-bottom:0px;
padding-left:5px;
border: 2px solid #ff8c00;
border-radius: 3px;
margin-left: 65px;
text-decoration: none;
transition: all 0.4s ease 0s;
box-shadow: inset 0 -35px 10px -12px rgba(255, 255, 255, 0.3), 0 0 0px #555;
cursor:pointer;
}

.checkBtn:active {
  //bottom: -4px;
  //margin-bottom: 4px;
  //border: none;
  box-shadow: 1px 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, .3);
}




.checkBtnText .text001{
font-size:10px;
text-align: left;
}

.checkBtnText .text002{
font-size:15px;
}
.checkBtnIcon{
float:left;
margin-right:10px;
margin-top: 3px;
}
#tab-edit thead{
height:40px;

}
#tab-edit thead i.fa{
position: relative;
top: 2px;
}
.publicStatus{
font-size:11px;
}
#pageTop,#pagePrev{
display:none;
}

table input[type="checkbox"] + label {
    display: block;
    background-image: url(../img/bg_checkbox_off.png);
    background-size: 18px;
    background-position: left center;
    background-repeat: no-repeat;
    
	height:18px;
	
}



table.allInsert input[type="checkbox"] + label {
    display: block;
    background-image: url(../img/bg_checkbox_off.png);
    background-size: 18px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0px;
	padding: 4px 0 0 28px;
	height:18px;
	
	
}


table input[type="checkbox"]:checked + label {
    background-image: url(../img/bg_checkbox_on.png);
cursor:pointer;
}

table input[type="checkbox"] {
    position: absolute;
    top: 0;
	left:0;
    opacity: 0;
    width: 100%;  
    height:100%;
	cursor:pointer;
}

.Photos.uploader table tbody tr,
.Users.login table tbody tr{
cursor:pointer;
}

.th_checkbox,
td .checkbox{
position:relative;

}

table tbody label.insertChkLabel{
width:160px;
height:18px;
}
table .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 8px;
}
.bankPayed{
display: inline-block;
padding: 0.2em 0.3em;
text-decoration: none;
color: #ff1493;
border: dashed 1px #ff1493;
background: #fff0f5;
border-radius: 3px;
transition: .4s;
}

.paypalPayed{
display: inline-block;
padding: 0.2em 0.3em;
text-decoration: none;
color: #67c5ff;
border: dashed 1px #67c5ff;
background: #f2fcff;
border-radius: 3px;
transition: .4s;
}
.scrollCustomX{
white-space: nowrap;
max-width:300px;

}
.Carts.index .mailConfirm .comment { min-height:22px; }


.metaform .th_checkbox{
width:23px;

}
.metaform .th_photo{
width:128px;

}
.metaform .th_meta1{
width:200px;

}
.metaform .th_meta2{
width:300px;

}

.Downloads.index .th_meta1,
.Downloads.index .th_meta2{
width:250px;

}
.Downloads.index .th_dwperiod{
width:130px;

}
body {
    counter-reset: section;
}
.Photos.upform h4,
.Photos.uploader h4,
.Photos.metaform h4,
.Carts.confirm h4,
.Carts.index .ui-tabs h4,
.Downloads.index .action h4:not(.confirm) {
position: relative;
padding-left:35px;
border-radius:5px;
background: #eaf3ff;/*背景色*/
padding-top:3px;
padding-bottom:3px;
width:860px;

}
h4 .dwAddBtn{
width:20px;
margin-top:5px;

}

.Carts.index h4.aboutPhoto{
border:0px;
}
.Carts.index .ui-tabs h3.dw{
font-size:16px;
}
.Photos.uploader  h4,
.Photos.upform  h4,
.Carts.confirm h4,
.Photos.metaform h4,
.Carts.index .ui-tabs h4,
.Downloads.index .action h4:not(.confirm){
border:0px;
}
.Photos.uploader  h4:before,
.Photos.metaform h4:before,
.Carts.confirm h4:before,
.Photos.upform  h4:before,
.index .ui-tabs h4:before,

.Downloads.index .action h4:not(.confirm):before{


font-family: "Font Awesome 5 Free";
counter-increment: section;
  content: counter(section);
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #4169e1;
font-weight: normal;
width: 36px;
text-align: center;
height: 36px;
line-height: 37px;
left: -0.5em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}
.metaform ul.tagit{
overflow: auto;
width: 160px;
}
.cartAllDelTop,
.dwAllDel{
float:right;
margin-top:10px;
margin-bottom:10px;
margin-right:40px;
}


.Carts.confirm h5.h4_child{

color: #6594e0;/*文字色*/
border: dashed 1px #4169e1;
border-radius:5px;
padding:5px 5px;
margin-bottom:10px;
margin-top:5px;
width:370px;
font-size:14px;
font-weight:normal;
background: #eaf3ff;
}

input[type="file"],
.uploadifive-button{
cursor:pointer;
}

.pswp__caption .pswp__caption__center{
text-align: center;
overflow:hidden;

word-wrap: break-word;
font-size: 22px;
line-height: 30px;
}
strong {
    -webkit-text-emphasis: filled circle #6594e0;
   text-emphasis: filled circle #6594e0;
}
textarea:disabled,
input:disabled,
:disabled {  
 
background:#e5e5e5;
-webkit-text-fill-color:#494949; /* Override iOS / Android font color change */
-webkit-opacity:1; /* Override iOS opacity change affecting text & background color */
color:#494949; /* Override IE font color change */
} 

UL#fileNameUl li:first-child{
display:none;
}
.sortablePlaceholder{
height:152px;


}
#CartsCatNew{
width:130px;
}


#filenamePlus{
width:20px;
height:20px;
font-size:11px;
padding:0px;
}
.inputNum{
width:90px;
}
#publicPanel dd{
margin-left:0px;
//background: #f0f0f0 none repeat scroll 0 0;
border: 2px solid #00008b;

border-top: 0px;
padding-bottom:20px;
width: 100%;
}

#publicPanel dt{
text-align:center;
margin:0px auto;
display: inline-block;
height:25px;
background: #00008b none repeat scroll 0 0;
border: 2px solid #00008b;
border-bottom: 2px solid #191970;
color: #ffffff;
display: inline-block;
padding: 0px;
text-decoration: none;
transition: all 0.4s ease 0s;
width: 100%;
cursor: pointer;
cursor: hand;
}

#publicPanel dt i{
color:#ffffff;
}

#publicPanel dd h4{
width:93%;
}


.clearfix:after{
	content: "";
	clear: both;
	display: block;
}



input[type="checkbox"].switch_1 {
	display: none;
}
input[type="checkbox"].switch_1+label,
input[type="checkbox"].switch_1+label::before,
input[type="checkbox"].switch_1+label::after {
	-webkit-transition: all .2s;
	transition: all .2s;
}
input[type="checkbox"].switch_1+label {
	display: block;
	position: relative;
	width: 100px;
	height: 48px;
	border-radius: 24px;
	cursor: pointer;
	margin-top:10px;
}
input[type="checkbox"].switch_1+label::before {
	display: block;
	content: attr(data-off-label);
	position: absolute;
	top: 16px;
	right: 7px;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 12px;
}
input[type="checkbox"].switch_1+label::after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 44px;
	height: 44px;
	background-color: #fff;
	border-radius: 50%;
}
input[type="checkbox"].switch_1:checked+label::before {
	content: attr(data-on-label);
	left: 7px;
	right: auto;
	color: #fff;
}
input[type="checkbox"].switch_1:checked+label::after {
	left: 54px;
	background-color: #f7f7f7;
}



input[type="checkbox"].switch_1+label {
	background-color: #737373;
}
input[type="checkbox"].switch_1+label::before {
	color: #aaa;
}
input[type="checkbox"].switch_1:checked+label {
	background-color: #3498db;
}
input[type="checkbox"].switch_1:checked+label::before {
	color: #fff;
}

input[type="checkbox"].switch_1:checked+label {
	background-color: #3498db;
}
input[type="checkbox"].switch_1:checked+label::before {
	color: #fff;
}

