r: #000;
  background-color: #F0F1F4;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1{
	font-size: 24px;
	margin: 0;
	padding: 0;
}

h2{
	font-size: 14px;
	margin: 0;
	padding: 0;
}

h3{
	font-size: 11px;
	margin: 0;
	padding: 0;
}

ul{
	list-style: none outside none;
}

a,
a:visited {
  text-decoration: none;
}
a:hover {
}

.pull-left {
  	float: left;  
}

.pull-right {
  	float: right;
}

.ma-b5{
	margin-bottom: 5px;
}

.ma-t5{
	margin-top: 5px;
}

.ma-r10{
	margin-right: 10px;
}

.ma-l10{
	margin-left: 10px;
}

.ma-b10{
	margin-bottom: 10px;
}

.ma-t10{
    margin-top: 10px;
}

.ma-b10{
    margin-bottom: 10px;
}

.ma-r20{
	margin-right: 20px;
}

.ma-b20{
	margin-bottom: 20px;
}

.ma-t20{
    margin-top: 20px;
}

.ma-t30{
    margin-top: 30px;
}

.ma-r50{
	margin-right: 50px;
}

.ma-b50{
	margin-bottom: 50px;
}

.ma-r60{
    margin-right: 60px;
}

.ma-r150{
	margin-right:150px;
}

.pa-t10{
	padding-top: 10px;
}

.pa-l10{
	padding-left: 10px;
}

.pa-l20{
	padding-left: 20px;
}

.onMouseOver:hover {
  	opacity: .8;
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
  	filter: progid:dximagetransform.microsoft.alpha(opacity=80);
}

.none {
	display: none;
}

.hide{
  display: none;
}

.select {
	opacity: .8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
	filter: progid:dximagetransform.microsoft.alpha(opacity=80);
}

.clearfix{
	clear: both;
}

.error {
    color: red;
    font: italic;
}

.error-message {
    color: red;
    font: italic;
    margin-bottom: 5px;
	width: 470px;
}

.hide{
  display: none;
}

input {
    padding: 12px 9px 9px 9px;
    border: solid 1px #E5E5E5;
    outline: 0;
    font: normal 14px/100% !important;;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
    margin-bottom: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

button.buttonIn {
	font-size: 13px;
	color: #000000;
	padding: 6px 12px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#cccccc);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#cccccc));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #bababa;
	-moz-box-shadow:
		0px 1px 3px rgba(138,138,138,0.1),
		inset 0px -1px 0px rgba(255,255,255,0.2);
	-webkit-box-shadow:
		0px 1px 3px rgba(138,138,138,0.1),
		inset 0px -1px 0px rgba(255,255,255,0.2);
	box-shadow:
		0px 1px 3px rgba(138,138,138,0.1),
		inset 0px -1px 0px rgba(255,255,255,0.2);
	text-shadow:
		0px -1px 1px rgba(000,000,000,0.1),
		1px 1px 7px rgba(255,255,255,0);
	cursor: pointer;
}


#buttonLeave {
	height: 33px;
	width: 420px;
	font-size: 12px;
	color: #000000;
	padding: 7px 6px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#cccccc);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#cccccc));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #bababa;
	-moz-box-shadow:
		0px 1px 3px rgba(138,138,138,0.1),
		inset 0px -1px 0px rgba(255,255,255,0.2);
	-webkit-box-shadow:
		0px 1px 3px rgba(138,138,138,0.1),
		inset 0px -1px 0px rgba(255,255,255,0.2);
	box-shadow:
		0px 1px 3px rgba(138,138,138,0.1),
		inset 0px -1px 0px rgba(255,255,255,0.2);
	text-shadow:
		0px -1px 1px rgba(000,000,000,0.1),
		1px 1px 7px rgba(255,255,255,0);
	cursor: pointer;
	margin-top: 10px;
}

#buttonreset {
    height: 33px;
    width: 430px;
    font-size: 12px;
    color: #000000;
    padding: 7px 6px;
    background: -moz-linear-gradient(
        top,
        #ffffff 0%,
        #cccccc);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#ffffff),
        to(#cccccc));
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #bababa;
    -moz-box-shadow:
        0px 1px 3px rgba(138,138,138,0.1),
        inset 0px -1px 0px rgba(255,255,255,0.2);
    -webkit-box-shadow:
        0px 1px 3px rgba(138,138,138,0.1),
        inset 0px -1px 0px rgba(255,255,255,0.2);
    box-shadow:
        0px 1px 3px rgba(138,138,138,0.1),
        inset 0px -1px 0px rgba(255,255,255,0.2);
    text-shadow:
        0px -1px 1px rgba(000,000,000,0.1),
        1px 1px 7px rgba(255,255,255,0);
    cursor: pointer;
    margin-top: 10px;
}


body {
	font-family: Arial, Helvetica, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro", Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け",sans-serif;
	font-size: 13px;
	/* Fix for webkit rendering */
	-webkit-text-size-adjust: none;
	margin: 0;
	background-color: #f0f1f4;
}

.wrapper{
	width: 950px;
	height: auto;
	margin: 0 auto;
	padding: 0 5px;
}

.index header{
	background: url("../i/smooth_short_header.png") top repeat-x;
	display: block;
	height: 300px;
	background-color: #f0f1f4;
	padding-bottom: 15px;
}

.admin header{
	background-image: url("../i/smooth_short.jpg");
	background-repeat: repeat-x;
	height: 170px;
	width: 100%;
}

h1.mainH1{
  background-color: #cc000a;
  /*background: url("/handsgallery/i/sec3-bg.png");*/
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  height: 30px;
  margin: 0 auto;
  line-height: 30px;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1000;
}
h1.mainH1 #subH1{
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}



/* LOG IN
-------------------------------------------------------------- */
.open{
    cursor: pointer;
}

#slideBox{
    display:none;
    background: url("../i/smooth_short_index.png") top repeat-x;
    height: 160px;
}

#slideBox .wrapper{
	width: 960px;
	padding-top: 70px;
	height: auto;
	margin: auto;
}

#slideBox .wrapper h2{
	margin: 10px 11px 0 0;
	color: white;
}

#slideBox .wrapper .signin{
	width: 630px;
	height: 40px;
}

.signin .email input, textarea {
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 12px/100%;
	width: 290px;
	height: 20px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
}

.signin .pass input, textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 12px/100%;
	width: 170px;
	height: 20px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
}

.signin .submit input {
	width: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	height: 40px;
}

.signin #image-btn {
    border: 0px;
    width: 110px;
    height: 40px;
    margin-top: 0;
    background: url("../i/open_login.png") left top no-repeat;
    cursor: pointer;
}

#slideBox .wrapper .pass-action{
	margin: 15px 0 0 10px;
	font-size: 11px;
}

#slideBox .wrapper .pass-action a{
	color: black;
}

#slideBox .wrapper .close-drawer{
	background: url("../i/login_close.png") left top no-repeat;
	height: 40px;
	width: 70px;
}




/* HEADER index
-------------------------------------------------------------- */
.index header .wrapper .title {
	margin: 10px auto;
	list-style: none;
	background: url(../i/logo_color.png) no-repeat;
	height: 50px;
	width: 122px;
	left: 50%;
	margin-top: 70px;
	margin-left: -66px;
	position: absolute;
	overflow: auto;	
}

.title span {
	width: 122px;
	height: 50px;
	display: block;
	float: left;
}

/* Modernizer Enabled */
.title span {
	-webkit-transition: background-position 0.5s ease;
	-moz-transition: background-position 0.5s ease;
	-o-transition-property: background-position 0.5s ease;
}
.title span:hover {
	background-position: 0 -100px !important;
}

.title span.logo {
	background: url(../i/logo.png) 0 0 no-repeat;
}

.title a {
   width: 122px;
   height: 50px;
   display: block;
}

.index header .menu{
	height: 80px;
	width: 100%;
	padding-top: 175px;
	clear: both;
}

.index header .wrapper .menu .topCaption{
	width: 630px;
	height: 80px;
	float: left;
	background: url(../i/index_caption.png) 0 0 no-repeat;
}

.index header .wrapper .menu ul{
	list-style: none outside none;
}

.index header .wrapper .menu .nav{
	width: 300px;
	height: 42px;
	margin-top: 15px;
}

.index header .wrapper .menu .nav .help{
	width: 150px;
	height: 43px;
	background: url(../i/help_rollover.png) 0 0 no-repeat;
	overflow: hidden;
}

.index header .wrapper .menu .nav .help:hover{
	width: 150px;
	height: 43px;
	background: url(../i/help_rollover.png) 0 -43px no-repeat;
	overflow: hidden;
}

.index header .wrapper .menu .nav .signin{
	width: 150px;
	height: 43px;
	background: url(../i/login_small_rollover.png) 0 0 no-repeat;
	overflow: hidden;
}

.index header .wrapper .menu .nav .signin:hover{
	width: 150px;
	height: 43px;
	background: url(../i/login_small_rollover.png) 0 -43px no-repeat;
	overflow: hidden;
}

.index header .wrapper .menu .nav .signout{
	width: 110px;
	height: 30px;
	background: url(../i/logout.png) 0 0 no-repeat;
}

.index header .wrapper .menu .link {
	display: block;
	height: 43px;
	text-decoration: none;
}

.index header .wrapper a{
	color: transparent;
	font-size: 0;
}




/* HEADER admin
-------------------------------------------------------------- */
.admin header .logo{
	width: 162px;
	height: 170px;
	float: left;
	background: url(../i/admin_logo.png) 0 0 no-repeat;
}

.admin header .logo .link{
	display: block;
	height: 170px;
	text-decoration: none;
	color: transparent;
	font-size: 0;
}

.admin header .wrapper .menu{
	width: 401px;
	height: 43px;
	padding-top: 66px;
	float: right;
}

.admin header .wrapper .menu .myshop{
    width: 156px;
    height: 43px;
    margin-right: 10px;
    background: url(../i/goMyShop_rollover.png) 0 0 no-repeat;
    float: left;
    overflow: hidden;
}

.admin header .wrapper .menu .myshop:hover{
    width: 156px;
    height: 43px;
    margin-right: 10px;
    background: url(../i/goMyShop_rollover.png) 0 -43px no-repeat;
    float: left;
    overflow: hidden;
}

.admin header .wrapper .menu .help{
	width: 115px;
	height: 43px;
	background: url(../i/help_in_small_rollover.png) 0 0 no-repeat;
	float: left;
	overflow: hidden;
}

.admin header .wrapper .menu .help:hover{
	width: 115px;
	height: 43px;
	background: url(../i/help_in_small_rollover.png) 0 -43px no-repeat;
	float: left;
	overflow: hidden;
}

.admin header .wrapper .menu .logout{
	width: 115px;
	height: 43px;
	background: url(../i/logout_small_rollover.png) 0 0 no-repeat;
	float: left;
	overflow: hidden;
}

.admin header .wrapper .menu .logout:hover{
	width: 115px;
	height: 43px;
	background: url(../i/logout_small_rollover.png) 0 -43px no-repeat;
	float: left;
	overflow: hidden;
}

.admin header .wrapper .menu .link {
	display: block;
	height: 43px;
	text-decoration: none;
}

.admin header .wrapper a{
	color: transparent;
	font-size: 0;
}



/* happeningBar
-------------------------------------------------------------- */
#happeningBar{
	width: 950px;
	height: auto;
	margin: 0 auto;
	padding: 0 5px;
}

#happeningBar .happeningWrapper{
	height: 305px;
	width: 162px;
	float: left;
}

#happeningBar .addProduct{
	height: 60px;
	width: 162px;
	float: left;
	background: url(../i/menu_all_background_rollover.png) 0 0 no-repeat;
	overflow: hidden;
}

#happeningBar .addProductOn{
	height: 60px;
	width: 162px;
	float: left;
	background: url(../i/menu_all_background_rollover.png) 0 -60px no-repeat;
	overflow: hidden;
}

#happeningBar .addProduct:hover{
	height: 60px;
	width: 162px;
	float: left;
	background: url(../i/menu_all_background_rollover.png) 0 -60px no-repeat;
	overflow: hidden;
}

#happeningBar .editShop{
	height: 60px;
	width: 162px;
	float: left;
	background: url(../i/menu_all_background_rollover.png) 0 -120px no-repeat;
	overflow: hidden;
}

#happeningBar .editShop:hover{
	height: 60px;
	width: 162px;
	float: left;
	background: url(../i/menu_all_background_rollover.png) 0 -180px no-repeat;
	overflow: hidden;
}

#happeningBar .adminData{
	height: 60px;
	width: 162px;
	float: left;
	background: url(../i/menu_all_background_rollover.png) 0 -240px no-repeat;
	overflow: hidden;
}

#happeningBar .adminDataOn{
	height: 60px;
	width: 162px;
	float: left;
	background: url(../i/menu_all_background_rollover.png) 0 -300px no-repeat;
	overflow: hidden;
}

#happeningBar .adminData:hover{
	height: 60px;
	width: 162px;
	float: left;
	background: url(../i/menu_all_background_rollover.png) 0 -300px no-repeat;
	overflow: hidden;
}

#happeningBar .moneyManage{
	height: 60px;
	width: 162px;
	float: left;
	background: url(../i/menu_all_background_rollover.png) -162px 0 no-repeat;
	overflow: hidden;
}

#happeningBar .moneyManageOn{
	height: 60px;
	width: 162px;
	float: left;
	background: url(../i/menu_all_background_rollover.png) -162px -60px no-repeat;
	overflow: hidden;
}


#happeningBar .moneyManage:hover{
	height: 60px;
	width: 162px;
	float: left;
	background: url(../i/menu_all_background_rollover.png) -162px -60px no-repeat;
	overflow: hidden;
}

#happeningBar .myShop{
	height: 60px;
	width: 162px;
	float: left;
	background: url(../i/myshop.png) 0 0 no-repeat;
}

#happeningBar .myShop:hover{
	height: 60px;
	width: 162px;
	float: left;
	background: url(../i/myshop_hover.png) 0 0 no-repeat;
}


#happeningBar .setting{
	height: 65px;
	width: 162px;
	float: left;
	background: url(../i/menu_all_background_rollover.png) -162px -120px no-repeat;
	overflow: hidden;
}

#happeningBar .settingOn{
	height: 65px;
	width: 162px;
	float: left;
	background: url(../i/menu_all_background_rollover.png) -162px -184px no-repeat;
	overflow: hidden;
}

#happeningBar .setting:hover{
	height: 65px;
	width: 162px;
	float: left;
	background: url(../i/menu_all_background_rollover.png) -162px -184px no-repeat;
	overflow: hidden;
}

#happeningBar .happeningWrapper .link {
	display: block;
	height: 60px;
	text-decoration: none;
}

#happeningBar .happeningWrapper a{
	color: transparent;
	font-size: 0;
}

.fixed {
  position: fixed;
  top: 0px;
}





/* MAIN CONTENTS
-------------------------------------------------------------- */
.mainContents {
	margin: auto;
	height: 365px;
	background-color: #f0f1f4;
}

.mainContents .movie{
	padding: 10px;
	width: 480px;
	height: 270px;
	background-color: white;
	float: left;
}

.social div{
	bottom: 0;
	margin-top: 35px;
	height: 24px;
	float: left;
}


/* INDEX FORM
-------------------------------------------------------------- */
.form{
	margin-top: 24px;
	width: 430px;
	height: 250px;
	float: right;
}


.selfForm{
	width: 430px;
	height: 290px;
	margin: 0 auto;
	padding-top: 60px;
}


.formCaption{
	width: 430px;
	height: 15px;
	float: left;
	background: url(../i/formcaption.png) 0 0 no-repeat;
	margin-bottom: 10px;
}
.formItemBox {
  display: block;
  float: left;
  width: 100%;
}

#shopIdValidateMes{
  font-weight: bold;
  margin: 0 0 10px;
}
#shopIdValidateMes .loading{
  color: gray;
}
#shopIdValidateMes .error{
  color: red;
}
#shopIdValidateMes .success{
  color: #298772;
}


.form .email input, textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 12px/100%;
	width: 410px;
	height: 20px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
}

.form .pass input, textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 12px/100%;
	width: 410px;
	height: 20px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 10px;
    border-radius: 5px;
}

.form .shopname input, textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 12px/100%;
	width: 220px;
	height: 20px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	margin-bottom: 10px;
}
.dottedMark{
  float: left;
  line-height: 40px;
  margin: 0 0 0 10px;
  vertical-align: bottom;
}
.form .shopname input{

}

.form .termcheck{
	float: right;
	margin-bottom: 5px;
	color: black;
	font-size: 11px;
}

.form .termcheck a{
	color: #7ecfbd;
}

.form .font-l{
	padding: 11px 6px 0 0;
	font-size: 17px;
}

.form .font-r{
	padding: 11px 0 0 6px;
	font-size: 17px;
}

.form #signup-btn {
    border: 0px;
    width: 430px;
    height: 43px;
    background: url("../i/signup_rollover.png") 0 0 no-repeat;
    cursor: pointer;
    overflow: hidden;
}

.form #signup-btn:hover{
	background: url("../i/signup_rollover.png") 0 -43px no-repeat;
  overflow: hidden;
}

.form #login-btn {
    border: 0px;
    width: 430px;
    height: 43px;
    background: url("../i/selflogin.png") left top no-repeat;
}

.form #login-btn:hover{
	background: url("../i/signin_hover.png") left top no-repeat;
}



/* SELF LOGIN SIGNUP
-------------------------------------------------------------- */
.selfForm{
	width: 430px;
	height: 290px;
	margin: 0 auto;
	padding-top: 60px;
}

.selfForm .email input, textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 12px/100%;
	width: 410px;
	height: 20px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
}

.selfForm .pass input, textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 12px/100%;
	width: 410px;
	height: 20px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 10px;
    border-radius: 5px;
}

.selfForm .shopname input, textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 12px/100%;
	width: 220px;
	height: 20px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 10px;
    border-radius: 5px;
}

.selfForm .termcheck{
	float: right;
	margin-bottom: 5px;
	color: black;
	font-size: 11px;
}

.selfForm .termcheck a{
	color: #7ecfbd;
}

.selfForm .font-l{
	padding: 11px 6px 0 0;
	font-size: 17px;
}

.selfForm .font-r{
	padding: 11px 0 0 6px;
	font-size: 17px;
}

.selfForm #signup-btn {
    border: 0px;
    width: 430px;
    height: 43px;
    background: url("../i/new.png") left top no-repeat;
}

.selfForm #signup-btn:hover{
	background: url("../i/signup_hover.png") left top no-repeat;
}

.selfForm #login-btn {
    border: 0px;
    width: 430px;
    height: 43px;
    background: url("../i/selflogin.png") left top no-repeat;
}

.selfForm #login-btn:hover{
	background: url("../i/signin_hover.png") left top no-repeat;
}




/* prepare_reset_password
-------------------------------------------------------------- */
.passreset {
    width: 520;
    margin: 100px auto 0;
}


/* INDEXCONTENTS
-------------------------------------------------------------- */
#indexContents{
  background-color: #FFF;
  display: block;
	height: 300px;
	padding: 50px 5px;
	margin: 0 auto;
  overflow: hidden;
}

#indexContents .contentsCaption{
	width: 950px;
	height: 185px;
	float: left;
	margin-top: 50px;
}

#indexContents .contentsCaption .description{
	width: 319px;
	height: 45px;
	float: left;
	font-size: 12px;
	color: #999;
}

#indexContents .contentsCaption .topPayment{
	width: 332px;
	height: 49px;
	float: left;
	background: url("../i/top_payment.png") left top no-repeat;
	padding: 50px 0 0 143px;
}

#indexContents .contentsCaption .top_custom{
	width: 332px;
	height: 49px;
	float: left;
	background: url("../i/top_custom.png") left top no-repeat;
	padding: 50px 0 0 135px;
}

#indexContents .contentsCaption .top_anal{
	width: 332px;
	height: 47px;
	float: left;
	background: url("../i/top_anal.png") left top no-repeat;
	padding: 53px 0 0 143px;

}

#indexContents .contentsCaption .top_val{
	width: 332px;
	height: 47px;
	float: left;
	background: url("../i/top_val.png") left top no-repeat;
	padding: 53px 0 0 135px;
}

#indexContents .contentsCaption .kome{
	float: right;
	font-size: 10px;
	color: #aaa;
	margin-top: 30px;
}





/* CONTENTS
-------------------------------------------------------------- */
#contents{
	width: 950px;
	height: auto;
	padding: 0 5px;
	margin: 0 auto;
	background-color: #f0f1f4;
}




/* 	ADMIN
-------------------------------------------------------------- */
.admin-wall{
	width: 720px;
	height: auto;
	overflow:hidden;
	float: right;
	padding-top: 65px;
	margin-bottom: 100px;
}






/* SHOPS
-------------------------------------------------------------- */
#shops{
  display: block;
  overflow: hidden;
	height: 300px;
    padding: 70px 0;
	width: 100%;
	background-color: #f0f1f4;
}

#shops .step{
    margin-bottom: 10px;
    margin-left: 65px;
}

#shops .stepText1{
    margin-left: 72px;
    margin-top: 7px;
}

#shops .stepText2{
    margin-left: 62px;
    margin-top: 7px;
}

#shops .stepText3{
    margin-left: 39px;
    margin-top: 7px;
}

#shops .stepText4{
    margin-left: 52px;
    margin-top: 7px;
}

#shops .caption{
	width: 310px;
	height: 15px;
	margin: 0 auto;
	background: url(../i/shops.png) 0 0 no-repeat;
	margin-bottom: 30px;
}

#shops .shopBack1{
	width: 230px;
	height: 230px;
	border-radius: 115px;
/*
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
*/
	background-color: #a13143;
	float: left;
}

#shops .shopBack2{
	width: 230px;
	height: 230px;
	border-radius: 115px;
/*
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
*/
	background-color: #7ecfbd;
	float: left;
}

#shops .shopBack3{
	width: 230px;
	height: 230px;
	border-radius: 115px;
/*
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
*/
	background-color: #f897a6;
	float: left;
}

#shops .shopBack4{
	width: 230px;
	height: 230px;
	border-radius: 115px;
/*
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
*/
	background-color: #298772;
	float: left;
}




/* SHOPS2
-------------------------------------------------------------- */
#shops2{
  display: block;
  overflow: hidden;
  height: 420px;
    padding: 50px 0 50px 0;
    width: 100%;
    background-color: #ffd3da;
    border-top: 1px solid white;
}

#shops2 img{
    width: 226px;
    border-radius: 114px;
    box-shadow: 2px 1px 10px #666;
}

#shops2 .caption{
    width: 310px;
    height: 15px;
    margin: 0 auto;
    background: url(../i/shops.png) 0 0 no-repeat;
    margin-bottom: 30px;
}

#shops2 .event_banner{
  margin: 30px 0;
}

#shops2 .event_banner a{
  display: block;
}

#shops2 .event_banner img{
  height: 100px;
  border-radius: 0;
  width: 950px;  
}

#shops2 .shopBack1{
    width: 230px;
    height: 230px;
    border-radius: 115px;
    /*
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    */
    background-color: #a13143;
    float: left;
}

#shops2 .shopBack2{
    width: 230px;
    height: 230px;
    border-radius: 115px;
    /*
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    */
    background-color: #7ecfbd;
    float: left;
}

#shops .shopBack3{
    width: 230px;
    height: 230px;
    border-radius: 115px;
    /*
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    */
    background-color: #f897a6;
    float: left;
}

#shops2 .shopBack4{
    width: 230px;
    height: 230px;
    border-radius: 115px;
    /*
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    */
    background-color: #298772;
    float: left;
}




/* quotes
-------------------------------------------------------------- */
#quotes{
  display: block;
  overflow: hidden;
  height: auto;
    padding: 70px 0;
	width: 100%;
	background-color: #f0f1f4;
}

#quotes .mediaimg{
	display: block;
	margin: 7px auto 0 auto;
}

#quotes .quote{
	width: 770px;
	height: auto;
	margin: 0 auto 60px auto;
}

#quotes .quotelast{
	width: 770px;
	height: auto;
	margin: 0 auto;
}

#quotes .quote .quote1img{
	background: url("../i/quote1.png") left top no-repeat;
	height: 24px;
}

#quotes .quotelast .quote2img{
	background: url("../i/quote2.png") left top no-repeat;
	height: 48px;
}

#quotes .quote .quote3img{
	background: url("../i/quote3.png") left top no-repeat;
	height: 97px;
}





.mailmag{
    text-align: center;
    margin-top: 40px;
}

.mailmag .title{
    background: url(../i/mailmagTitle.png) 0 0 no-repeat;
    width: 805px;
    height: 14px;
    margin: 0 auto;
    margin-bottom: 7px;
    margin-top: 35px;
}

.mailmag .nonemag{
    display: none;
}

.mailmag .email{
    width: 409px;
    display: block;
    margin: 0 auto;
    height: 20px;
    padding: 9px;
    margin-top: 10px;
}

.mailmag .button{
    clear: both;
    background: url(../i/mailmag0.png) 0 0 no-repeat;
    width: 429px;
    height: 45px;
    cursor: pointer;
    margin-top: 4px;
}

.mailmag .button:hover{
    background-position: left bottom;
}


/* ADMIN ITEMS
-------------------------------------------------------------- */
.items{
	width: 720px;
	height: auto;
	overflow: hidden;
	margin-bottom: 15px;
	float: right;
	clear: both;
}

.itemIn {
	height: 43px;
	width: 710px;
	margin: 0 0 30px 5px;
	background: url("../i/add_item_rollover.png") 0 0 no-repeat;
	overflow: hidden;
}

.itemIn:hover {
	height: 43px;
	width: 710px;
	margin: 0 0 30px 5px;
	background: url("../i/add_item_rollover.png") 0 -43px no-repeat;
	overflow: hidden;
}

.itemIn .link {
	display: block;
	height: 43px;
	text-decoration: none;
}

.itemIn a{
	color: transparent;
	font-size: 0;
}

.items ul{
	list-style: none outside none;
	clear:both;
}

.items li{
	height: 230px;
	width: 240px;
	margin-bottom: 10px;
	text-align: center;
	float: left;
}

.items .badge{
	z-index: 99;
	height: 70px;
	width: 70px;
	position: absolute;
	float: right;
	margin-left: 165px;
	cursor: pointer;
}

.items .badge:hover{
	background: url("../i/proedit.png") left top no-repeat;	
}

.items .on{
	height: 230px;
	width: 240px;
	z-index: 98;
	float: left;
	position: absolute;
	cursor: move;
}

.items img{
    height: 230px;
    width: 230px;
}

.on:hover{
	/*background: url("../i/badge_all.png") left top no-repeat;*/
}

.itemNum {
    height: 43px;
    width: 710px;
    margin: 0 0 30px 5px;
    overflow: hidden;
    cursor: pointer;
    background: url("../i/item_num_rollover.png") 0 0 no-repeat;
    overflow: hidden;
}

.itemNum:hover {
    height: 43px;
    width: 710px;
    margin: 0 0 30px 5px;
    background: url("../i/item_num_rollover.png") 0 -43px no-repeat;
    overflow: hidden;
}

.itemNum .link {
    display: block;
    height: 43px;
    text-decoration: none;
}

.itemNum a{
    color: transparent;
    font-size: 0;
}



/* ITEM EDIT
-------------------------------------------------------------- */
.itemeditForm{
	width: 100%;
	height: auto;
	font-weight: normal;
}

.itemeditForm .title input, textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 12px/100%;
	width: 370px;
	height: 20px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	margin-bottom: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
}

.itemeditForm .price input, textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 12px/100%;
	width: 130px;
	height: 20px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 15px;
    border-radius: 5px;
}

.itemeditForm .stock input, textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 12px/100%;
	width: 130px;
	height: 20px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 15px;
    border-radius: 5px;
}

.itemeditForm .des textarea {
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 12px/100%;
	width: 690px;
	height: 70px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 0px;
	margin-top: 0px;
    border-radius: 5px;
}

.itemeditForm .tag input, textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 12px/100%;
	width: 330px;
	height: 20px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 15px;
    border-radius: 5px;
}

.itemeditForm .variation input, textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 12px/100%;
	width: 250px;
	height: 20px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 15px;
    border-radius: 5px;
}

.itemeditForm .stock2 input, textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 12px/100%;
	width: 50px;
	height: 20px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 15px;
    border-radius: 5px;
}

.itemeditForm . input, textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 12px/100%;
	width: 250px;
	height: 20px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 10px;
    border-radius: 5px;
}

.itemeditForm .imgUpload{
	width: 710px;
	height: auto;
	clear: both;
	margin-bottom: 15px;
}

.itemeditForm .imgUpload .imgarea{
	width: 560px;
	height: 100px;
	margin-top: 10px;
	clear: both;
	background-color: rgba(255,255,255,0.5);
	border-radius: 5px;
}

.itemeditForm .imgUpload .imgarea li{
    width: 100px;
    height: 100px;
    float: left;
    margin-left: 10px;
}

.itemeditForm .imgUpload .imgarea li .batsu{
    float: left;
    position: absolute;
    z-index: 101;
    margin-left: -15px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.itemeditForm .imgUpload .imgarea img{
    width: 100px;
    height: 100px;
    float: left;
}

#prosave-btn {
    border: 0px;
    width: 310px;
    height: 45px;
    background: url("/i/pro_save.png") left top no-repeat;
    cursor: pointer;
}

#prosave-btn:hover{
	background: url("/i/pro_save_hover.png") left top no-repeat;
}

.itemeditForm .field{
    float: left;
    margin: 8px;
}

.cb-enable span, .cb-disable span { 
	line-height: 30px; 
	display: block; 
	background-repeat: no-repeat; 
	font-weight: bold; 
}
.cb-enable span { 
	background-position: left -90px; 
	padding: 0 10px;
}
	
.cb-disable span { 
	background-position: right -180px;
	padding: 0 10px; 
}

.cb-disable.selected { 
	background-position: 0 -30px; 
}

.cb-disable.selected span { 
	background-position: right -210px; 
	color: #fff; 
}
	
.cb-enable.selected { 
	background-position: 0 -60px; 
}

.cb-enable.selected span { 
	background-position: left -150px; 
	color: #fff; 
}

.itemAdd{
    clear: both;
    width: 136px !important;
    padding: 7px;
    text-align: center;
    background-color: white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 9px;
    margin-bottom: 40px;
}

.variationAdd{
    clear: both;
    width: 335px !important;
    margin-bottom: 40px;
    padding: 7px;
    text-align: center;
    background-color: white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.itemDel {
    width: 15px;
    cursor: pointer;
    color: #808080;
    text-align: center;
}

.field .onoffswitch {
    position: relative; width: 120px;
    -webkit-user-select:none; -moz-user-select:none;
    -ms-user-select: none;
}

.field .onoffswitch-checkbox {
    display: none;
}

.field .onoffswitch-label {
    display: block; overflow:
    hidden; cursor: pointer;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
}

.field .onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

.field .onoffswitch-inner > div {
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 13px;
    font-weight: normal;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.field .onoffswitch-inner .onoffswitch-active {
    padding-left: 11px;
    background-color: #78C6AE;
    color: #FFFFFF;
}

.field .onoffswitch-inner .onoffswitch-inactive {
    padding-right: 11px;
    background-color: #F8F8F8;
    color: #666666;
    text-align: right;
}

.field .onoffswitch-switch {
    width: 50px; margin: 0px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 66px;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
}

.field .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.field .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}



/* FOOTER
-------------------------------------------------------------- */
footer{
  display: block;
  overflow: hidden;
  height: 330px;
	background: url("../i/smooth_index.png") top no-repeat;
	padding-top: 30px;
	font-size: 11px;
	color: #333333;
	clear: both;
	background-color: white;
}
footer .wrapper{
  overflow: hidden;
}
footer .wrapper .etc{
	width: 470px;
	height: 200px;
	float: left;
}

footer .wrapper .etc li{
	margin-top: 16px;
	padding-left: 5px;
	height: 16px;
}

footer .wrapper .etc li a{
	padding-left: 6px;
}

footer .wrapper .etc li .tipi1{
	background: url("../i/tipi1.png") left top no-repeat;
	height: 16px;
	width: 17px;
	float: left;
}

footer .wrapper .etc li .tipi2{
	background: url("../i/tipi2.png") left top no-repeat;
	height: 16px;
	width: 17px;
	float: left;
}

footer .wrapper .etc li .tipi3{
	background: url("../i/tipi3.png") left top no-repeat;
	height: 16px;
	width: 17px;
	float: left;
}

footer .wrapper .etc a{
	color: black;
	text-decoration: none;
}

footer .wrapper .fb{
	width: 350px;
	height: 200px;
	background-color:rgba(255,255,255,0.72);
}

footer .wrapper .tipi{
	width: 155px;
	height: 125px;
	left: 50%;
	margin-top: 230px;
	margin-left: -66px;
	position: absolute;
	overflow: auto;	
	background: url("../i/tipifooter.png") left top no-repeat;
}

footer .wrapper .link {
	display: block;
	height: 125px;
	text-decoration: none;
}

footer .footerBottom{
	background-color: #f0f1f4;
	height: 130px;
	margin-top: 270px;
}
footer .wrapper .copyright a{
	color: black;
}




/* DATA & PAY
-------------------------------------------------------------- */

.data .dataLeft{
	width: 350px;
	height: 200px;
	background-color: white;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 20px
}

.data .dataRight{
	width: 350px;
	height: 200px;
	background-color: white;
	float: right;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 20px
}

.data .number{
	font-size: 40px;
	text-align: center;
	margin-top: 85px;
}

.data .dataCenter{
	width: 720px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	clear: both;
	overflow: hidden;
	margin-bottom: 50px;
	padding-bottom: 20px;
}

.data .dataCenter a{
	color: black;
	text-decoration: none;
}

button.buttonDetail {
	font-size: 13px;
	color: #000000;
	padding: 1px 6px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#cccccc);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#cccccc));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #bababa;
	-moz-box-shadow:
		0px 1px 3px rgba(138,138,138,0.1),
		inset 0px -1px 0px rgba(255,255,255,0.2);
	-webkit-box-shadow:
		0px 1px 3px rgba(138,138,138,0.1),
		inset 0px -1px 0px rgba(255,255,255,0.2);
	box-shadow:
		0px 1px 3px rgba(138,138,138,0.1),
		inset 0px -1px 0px rgba(255,255,255,0.2);
	text-shadow:
		0px -1px 1px rgba(000,000,000,0.1),
		1px 1px 7px rgba(255,255,255,0);
	cursor: pointer;
}


.dataCenter .dataDescription:first-child{
	width: 940px;
	padding: 3px 8px;
	height: auto;
	color: gray;
	overflow: hidden;
	clear: both
}

.dataCenter .dataDescription{
	width: 940px;
	height: auto;
	padding: 4px 10px;
	overflow: hidden;
	clear: both;
}

.dataCenter .dataDescription .id{
	float: left;
	width: 50px;
	padding-top: 7px;
}

.dataCenter .dataDescription .productname{
	width: 160px;
	float: left;
	padding-top: 7px;
}

.dataCenter .dataDescription .username{
	width: 130px;
	float: left;
	padding-top: 7px;
}

.dataCenter .dataDescription .date{
	width: 140px;
	float: left;
	padding-top: 7px;
}

.dataCenter .dataDescription .status{
	width: 100px;
	float: left;
	padding-top: 7px;
}

.dataCenter .dataDescription .detail{
	width: 110px;
	height: 29px;
	float: left;
}

.data .dataCentral{
	width: 700px;
	height: auto;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	clear: both;
	margin-top: 50px;
	margin-bottom: 20px;
	padding-left: 19px;
	padding-bottom: 20px;
}

.data .dataCentral .BankName input, textarea { 
	padding: 12px 9px 9px 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 14px/100% !important;;
	width: 200px;
	height: 14px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
}

.data .dataCentral .BankBranchName input, textarea { 
	padding: 12px 9px 9px 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 14px/100%;
	width: 200px;
	height: 14px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
}

.data .dataCentral .BranchName input, textarea { 
	padding: 12px 9px 9px 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 14px/100%;
	width: 200px;
	height: 14px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
}

.data .dataCentral .AccountNumber input, textarea { 
	padding: 12px 9px 9px 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 14px/100%;
	width: 200px;
	height: 14px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
}

.data .dataCentral .AccountName input, textarea { 
	padding: 12px 9px 9px 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 14px/100%;
	width: 200px;
	height: 14px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
}

.data .dataCentral .Money input, textarea { 
	padding: 12px 9px 9px 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 14px/100%;
	width: 200px;
	height: 14px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
}

.data .dataCentral .submit input {
	width: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	margin-top: 5px;
}

#buttonBank {
	height: 33px;
	width: 680px;
	font-size: 12px;
	color: #000000;
	padding: 7px 6px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#cccccc);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#cccccc));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #bababa;
	-moz-box-shadow:
		0px 1px 3px rgba(138,138,138,0.1),
		inset 0px -1px 0px rgba(255,255,255,0.2);
	-webkit-box-shadow:
		0px 1px 3px rgba(138,138,138,0.1),
		inset 0px -1px 0px rgba(255,255,255,0.2);
	box-shadow:
		0px 1px 3px rgba(138,138,138,0.1),
		inset 0px -1px 0px rgba(255,255,255,0.2);
	text-shadow:
		0px -1px 1px rgba(000,000,000,0.1),
		1px 1px 7px rgba(255,255,255,0);
	cursor: pointer;
	margin-top: 10px;
}

.data .dataUnder{
	width: 720px;
	height: auto;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	clear: both;
	margin-bottom: 50px;
	padding-bottom: 20px;
}

.dataUnder .dataDescription{
	width: 940px;
	height: auto;
	padding: 4px 10px;
	overflow: hidden;
	clear: both;
}

.dataUnder .dataDescription .id{
	float: left;
	width: 50px;
	padding-top: 7px;
}

.dataUnder .dataDescription .HistoryBankName{
	float: left;
	width: 140px;
	padding-top: 7px;
}

.dataUnder .dataDescription .HistoryBranchName{
	width: 140px;
	float: left;
	padding-top: 7px;
}

.dataUnder .dataDescription .HistoryUserName{
	width: 140px;
	float: left;
	padding-top: 7px;
}

.dataUnder .dataDescription .HistoryNumber{
	width: 140px;
	float: left;
	padding-top: 7px;
}

.dataUnder .dataDescription .HistoryMoney{
	width: 140px;
	float: left;
	padding-top: 7px;
}

.dataUnder .dataDescription .HistoryData{
	float: left;
	width: 140px;
	padding-top: 7px;
}

.dataUnder .dataDescription a{
	color: black;
	text-decoration: none;
}




/* SETTING
-------------------------------------------------------------- */
.admin-wall .shopInfo{
	clear: both;
	width: 720px;
	height: auto;
	overflow: hidden;
	background-color: white;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.admin-wall .shopInfo .shopname input, textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 12px/100%;
	width: 400px;
	height: 20px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right: 50px;
    border-radius: 5px;
}

.admin-wall .shopInfo textarea {
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 12px/100%;
	width: 400px;
	height: 70px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px;
	margin-bottom: 35px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 0px;
	margin-top: 0px;
    border-radius: 5px;
}

.admin-wall .shopInfo .shipping{
    width: 470px;
    margin-bottom: 35px;
}

.admin-wall .shopInfo .shoppayment{
	width: 470px;
}

.admin-wall .shopInfo .shopurl {
    width: 420px;
    margin-bottom: 35px;
}

.admin-wall .shopInfo .field {
    width: 420px;
    margin-bottom: 35px;
}

.admin-wall .shopInfo .shopurl span{
    font-size: 20px;
    margin-top: 10px;
}

.admin-wall .shopInfo .shopurl span a{
    color: #000000;
}

/*.admin-wall .shopInfo .shopurl input, textarea { */
	/*padding: 9px;*/
	/*border: solid 1px #E5E5E5;*/
	/*outline: 0;*/
	/*font: normal 12px/100%;*/
	/*width: 302px;*/
	/*height: 20px;*/
	/*box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;*/
	/*-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;*/
	/*-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;*/
	/*margin-bottom: 35px;*/
	/*-moz-border-radius: 5px;*/
	/*-webkit-border-radius: 5px;*/
    /*border-radius: 5px;*/
/*}*/

.admin-wall .shopInfo .shoplogo input, textarea { 
	padding: 9px;
	outline: 0;
	font: normal 12px/100%;
	width: 400px;
	height: 20px;
	margin-bottom: 35px;
	margin-right: 50px;
    border-radius: 5px;
}

.admin-wall .shopInfo .daibikiform{
	width: 430px;
	float: right;
	clear: both;
	font-size: 11px;
	margin-right: 40px;
	margin-bottom: 15px;
}

.admin-wall .shopInfo .bankform{
	width: 430px;
	float: right;
	clear: both;
	font-size: 11px;
	margin-right: 50px;
	margin-bottom: 35px;
}

.admin-wall .shopInfo .bank input, textarea { 
	padding: 12px 9px 9px 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 14px/100% !important;;
	width: 185px;
	height: 14px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
}

.admin-wall .userInfo{
	width: 720px;
	height: auto;
	overflow: hidden;
	background-color: white;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	margin-bottom: 50px;
	padding-bottom: 20px;
}

.admin-wall .userInfo .userMail input, textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 12px/100%;
	width: 400px;
	height: 20px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	margin-bottom: 35px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right: 50px;
    border-radius: 5px;
}

.admin-wall .userInfo .nawpass input, textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 12px/100%;
	width: 400px;
	height: 20px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	margin-bottom: 35px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right: 50px;
    border-radius: 5px;
}

.admin-wall .userInfo .newpass input, textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 12px/100%;
	width: 400px;
	height: 20px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	margin-bottom: 35px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right: 50px;
    border-radius: 5px;
}

#settingsave-btn {
    border: 0px;
    width: 310px;
    height: 43px;
    margin-right: 57px;
    background: url("../i/pro_save_rollover.png") 0 0 no-repeat;
    cursor: pointer;
    overflow: hidden;
}

#settingsave-btn:hover {
    background: url("../i/pro_save_rollover.png") 0 -43px no-repeat;
    cursor: pointer;
    overflow: hidden;
}





/* SHOPEDIT
-------------------------------------------------------------- */
#shopedit{
    background: white;
    padding: 0;
    width: 100%;
    height: 100%;
}

#shopview{
    width: 100%;
    height: 100%;
}

.clereView {
    padding-right: 0px;
}

#shopedit iframe {
    width: 100%;
    height: 100%;
    z-index: 1;
    border: none;
}

#panel{
    height: 100%;
    width: 330px;
    color: #666;
    font-size: xx-large;
    z-index: 2;
    position: absolute;
    right: 0px;
    top: 0px;
    float: right;
    background-color: #f0f1f4;
    float: right;
    overflow-y: scroll;
    box-shadow: 0px 0px 10px #686868;
    padding: 20px 30px 0 0;
}

#panel .admin a{
    background-image: url("../i/return_admin_rollover.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 43px;
    margin: 0 auto;
    overflow: hidden;
    width: 310px;
}
#panel .admin a:hover{
    background-image: url("../i/return_admin_rollover.png");
    background-position: 0 -43px;
}

#panel .designedit{
    background: url("../i/select_design.png") left top no-repeat;
    width: 320px;
    height: 40px;
    display: block;
    clear: both;
    margin-top: 15px;
    cursor: pointer;
}

/* designedit, bgchange, bgupload, logoupload, addon */
#panel .designedit, #panel .bgchange, #panel .bgupload, #panel .logoupload, #panel .addon{
    font-size: 0;
    width: 320px;
    height: 0;
    display: block;
    clear: both;
    margin-top: 10px;
    cursor: pointer;
    padding: 40px 0 0;
    overflow: hidden;
}

#panel .bgchange{
    background: url("../i/bg_change.png") left top no-repeat;
}

/*
#file_01,#mask_file_01{
    display:none;
}
*/
#mask_file_01 {
    border: none;
    background:url("/i/file_select_edit.png") left top no-repeat;
    cursor:pointer;
    float: left;
    height:40px;
    margin: 10px 0 0 10px;
    width:140px;
}

.file_mask {
    margin-top: 10px;
    display:block;
    background:url("/i/file_select_edit.png") left top no-repeat;
    background-position:left top;
    height:40px;
    width:140px;
    float: left;
    margin-left: 10px;
    cursor:pointer;
}

.file_mask2 span:hover{
    background-position:left bottom;
}

/*
#file_02,#mask_file_02{
    display:none;
}
*/

#mask_file_02 {
    border: none;
    background: url("/i/file_select_edit.png") left top no-repeat;
    cursor: pointer;
    float: left;
    height: 40px;
    margin: 10px 0 0 10px;
    width: 140px;
}

.file_mask2 {
    margin-top: 10px;
    display:block;
    background:url("/i/file_select_edit.png") left top no-repeat;
    background-position:left top;
    height:40px;
    width:140px;
    float: left;
    margin-left: 10px;
    cursor:pointer;
}

.file_mask2 span:hover{
    background-position:left bottom;
}

#panel .addon{
    background: url("../i/addon.png") left top no-repeat;
}

#panel .icon{
    background: url("../i/shopupload.png") left top no-repeat;
    width: 229px;
    height: 35px;
    display: block;
    margin-left: 105px;
    clear: both;
    margin-top: 10px;
}

#test-input{
  background-color: #999;
}
#test-input:hover{
  background-color: #000;
}

#panel .shopsave{
    background-image: url("../i/pro_save_rollover.png");
    background-position: 0 0;
    background-repeat: none;
    border: none;
    clear: both;
    cursor: pointer;
    display: block;
    height: 43px;
    margin: 15px auto;
    overflow: hidden;
    width: 310px;
}
#panel .shopsave:hover{
    background-image: url("../i/pro_save_rollover.png");
    background-position: 0 -43px;
}


#shopedit .open{
    /* height: 100%; */
    width: 35px;
    padding-top: 20px;
    z-index: 2;
    position: absolute;
    right: 0px;
    top: 0px;
    float: right;
    /* background-color: silver; */
}

#shopedit .open img {
    top: 32px;
    position: absolute;
}

#panel .bgupload{
    background: url("../i/gb_up.png") left top no-repeat;
}

#bgup{
}

#bgup a{
    font-size: 13px;
    color: #000000;
}

#panel .logoupload{
    background: url("../i/logo_up.png") left top no-repeat;
}

#logoup{
}

#shopedit .link {
    display: block;
    height: 43px;
    text-decoration: none;
}

#shopedit a{
    color: transparent;
    display: block;
    font-size: 0;
    text-decoration: none;
    width: 140px;
    height: 40px;
}
#shopedit a img{
    border: none;
}

.slanting{
    width: 230px;
    height: 227px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3, mirror=1);
    text-align: center;
    margin-top: 200px;
    font-size: 25px;
    color: white;
    position: fixed;
}

#shopedit #panel .pulldwon-li{
  display:none;
  width: 320px;
  overflow: hidden;
}

#template{
}

#template img {
    box-shadow: 3px 2px 10px #cbcbcb;
    cursor: pointer;
}

#color{
}

#color li {
    /*box-shadow: 3px 2px 10px #cbcbcb;*/
    height: 58px;
}

#color img {
    /* 	box-shadow: 3px 2px 10px #cbcbcb;	 */
    cursor: pointer;
}

#panel form .shop1{
    background-image: url("/i/temp1.png");
    border: solid 0px;
    width: 310px;
    height: 180px;
    margin-left: 10px;
    box-shadow: 3px 2px 10px #cbcbcb;
    cursor: pointer;
    border-radius: 0px;
    margin-top: 10px;
}

#panel form .shop2{
    background-image: url("/i/temp2.png");
    border: solid 0px;
    width: 310px;
    height: 180px;
    margin-left: 10px;
    box-shadow: 3px 2px 10px #cbcbcb;
    cursor: pointer;
    border-radius: 0px;
    margin-top: 15px;
}

#panel form .shop3{
    background-image: url("/i/temp3.png");
    border: solid 0px;
    width: 310px;
    height: 180px;
    margin-left: 10px;
    box-shadow: 3px 2px 10px #cbcbcb;
    cursor: pointer;
    border-radius: 0px;
    margin-top: 15px;
}

#panel form .shop4{
    background-image: url("/i/temp4.png");
    border: solid 0px;
    width: 310px;
    height: 180px;
    margin-left: 10px;
    box-shadow: 3px 2px 10px #cbcbcb;
    cursor: pointer;
    border-radius: 0px;
    margin-top: 15px;
}

#panel form .shop5{
    background-image: url("/i/temp5.png");
    border: solid 0px;
    width: 310px;
    height: 180px;
    margin-left: 10px;
    box-shadow: 3px 2px 10px #cbcbcb;
    cursor: pointer;
    border-radius: 0px;
    margin-top: 15px;
}

#panel form .shop6{
    background-image: url("/i/temp6.png");
    border: solid 0px;
    width: 310px;
    height: 180px;
    margin-left: 10px;
    box-shadow: 3px 2px 10px #cbcbcb;
    cursor: pointer;
    border-radius: 0px;
    margin-top: 15px;
}

#panel form .shop7{
    background-image: url("/i/temp7.png");
    border: solid 0px;
    width: 310px;
    height: 180px;
    margin-left: 10px;
    box-shadow: 3px 2px 10px #cbcbcb;
    cursor: pointer;
    border-radius: 0px;
    margin-top: 15px;
}

#panel form .shop8{
    background-image: url("/i/temp8.png");
    border: solid 0px;
    width: 310px;
    height: 180px;
    margin-left: 10px;
    box-shadow: 3px 2px 10px #cbcbcb;
    cursor: pointer;
    border-radius: 0px;
    margin-top: 15px;
}

#panel form .shop{
    background-image: url("/i/temp.png");
    border: solid 0px;
    width: 310px;
    height: 180px;
    margin-left: 10px;
    box-shadow: 3px 2px 10px #cbcbcb;
    cursor: pointer;
    border-radius: 0px;
    margin-top: 15px;
}





#panel form .bg1{
    background-image: url("/i/temp/bgimg_01.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-top: 10px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg2{
    background-image: url("/i/temp/bgimg_02.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-top: 10px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg3{
    background-image: url("/i/temp/bgimg_03.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-top: 10px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg4{
    background-image: url("/i/temp/bgimg_04.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-top: 10px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg5{
    background-image: url("/i/temp/bgimg_05.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-top: 10px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg6{
    background-image: url("/i/temp/bgimg_06.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg7{
    background-image: url("/i/temp/bgimg_07.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg8{
    background-image: url("/i/temp/bgimg_08.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg9{
    background-image: url("/i/temp/bgimg_09.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg10{
    background-image: url("/i/temp/bgimg_10.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg11{
    background-image: url("/i/temp/bgimg_11.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg12{
    background-image: url("/i/temp/bgimg_12.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg13{
    background-image: url("/i/temp/bgimg_13.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg14{
    background-image: url("/i/temp/bgimg_14.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg15{
    background-image: url("/i/temp/bgimg_15.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg16{
    background-image: url("/i/temp/bgimg_16.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg17{
    background-image: url("/i/temp/bgimg_17.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg18{
    background-image: url("/i/temp/bgimg_18.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg19{
    background-image: url("/i/temp/bgimg_19.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg20{
    background-image: url("/i/temp/bgimg_20.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg21{
    background-image: url("/i/temp/bgimg_21.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg22{
    background-image: url("/i/temp/bgimg_22.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg23{
    background-image: url("/i/temp/bgimg_23.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg24{
    background-image: url("/i/temp/bgimg_24.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg25{
    background-image: url("/i/temp/bgimg_25.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg26{
    background-image: url("/i/temp/bgimg_26.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg27{
    background-image: url("/i/temp/bgimg_27.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg28{
    background-image: url("/i/temp/bgimg_28.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg29{
    background-image: url("/i/temp/bgimg_29.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg30{
    background-image: url("/i/temp/bgimg_30.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg31{
    background-image: url("/i/temp/bgimg_31.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg32{
    background-image: url("/i/temp/bgimg_32.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg33{
    background-image: url("/i/temp/bgimg_33.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg34{
    background-image: url("/i/temp/bgimg_34.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg35{
    background-image: url("/i/temp/bgimg_35.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg36{
    background-image: url("/i/temp/bgimg_36.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg37{
    background-image: url("/i/temp/bgimg_37.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg38{
    background-image: url("/i/temp/bgimg_38.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg39{
    background-image: url("/i/temp/bgimg_39.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg40{
    background-image: url("/i/temp/bgimg_40.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg41{
    background-image: url("/i/temp/bgimg_41.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg42{
    background-image: url("/i/temp/bgimg_42.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg43{
    background-image: url("/i/temp/bgimg_43.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg44{
    background-image: url("/i/temp/bgimg_44.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg45{
    background-image: url("/i/temp/bgimg_45.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg46{
    background-image: url("/i/temp/bgimg_46.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg47{
    background-image: url("/i/temp/bgimg_47.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg48{
    background-image: url("/i/temp/bgimg_48.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg49{
    background-image: url("/i/temp/bgimg_49.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg50{
    background-image: url("/i/temp/bgimg_50.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg51{
    background-image: url("/i/temp/bgimg_51.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg52{
    background-image: url("/i/temp/bgimg_52.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg53{
    background-image: url("/i/temp/bgimg_53.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg54{
    background-image: url("/i/temp/bgimg_54.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg55{
    background-image: url("/i/temp/bgimg_55.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg56{
    background-image: url("/i/temp/bgimg_56.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg57{
    background-image: url("/i/temp/bgimg_57.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg58{
    background-image: url("/i/temp/bgimg_58.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg59{
    background-image: url("/i/temp/bgimg_59.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg60{
    background-image: url("/i/temp/bgimg_60.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg61{
    background-image: url("/i/temp/bgimg_61.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg62{
    background-image: url("/i/temp/bgimg_62.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg63{
    background-image: url("/i/temp/bgimg_63.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg64{
    background-image: url("/i/temp/bgimg_64.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg65{
    background-image: url("/i/temp/bgimg_65.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg66{
    background-image: url("/i/temp/bgimg_66.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg67{
    background-image: url("/i/temp/bgimg_67.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg68{
    background-image: url("/i/temp/bgimg_68.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg69{
    background-image: url("/i/temp/bgimg_69.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg70{
    background-image: url("/i/temp/bgimg_70.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg71{
    background-image: url("/i/temp/bgimg_71.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg72{
    background-image: url("/i/temp/bgimg_72.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg73{
    background-image: url("/i/temp/bgimg_73.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg74{
    background-image: url("/i/temp/bgimg_74.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg75{
    background-image: url("/i/temp/bgimg_75.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg76{
    background-image: url("/i/temp/bgimg_76.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg77{
    background-image: url("/i/temp/bgimg_77.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg78{
    background-image: url("/i/temp/bgimg_78.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg79{
    background-image: url("/i/temp/bgimg_79.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg80{
    background-image: url("/i/temp/bgimg_80.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg81{
    background-image: url("/i/temp/bgimg_81.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg82{
    background-image: url("/i/temp/bgimg_82.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg83{
    background-image: url("/i/temp/bgimg_83.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg84{
    background-image: url("/i/temp/bgimg_84.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg85{
    background-image: url("/i/temp/bgimg_85.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg86{
    background-image: url("/i/temp/bgimg_86.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg87{
    background-image: url("/i/temp/bgimg_87.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg88{
    background-image: url("/i/temp/bgimg_88.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg89{
    background-image: url("/i/temp/bgimg_89.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg90{
    background-image: url("/i/temp/bgimg_90.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg91{
    background-image: url("/i/temp/bgimg_91.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg92{
    background-image: url("/i/temp/bgimg_92.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg93{
    background-image: url("/i/temp/bgimg_93.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg94{
    background-image: url("/i/temp/bgimg_94.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}

#panel form .bg95{
    background-image: url("/i/temp/bgimg_95.jpg");
    border: solid 0px;
    width: 62px;
    height: 60px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0px;
    float: left;
}


div.info{
    position:relative; /*this is the key*/
    z-index:24;
    cursor: help;
}
div.info:hover{z-index:25;}
div.info span{display: none}
div.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em;
    width:auto;
    border:1px solid #ccc;
    background-color:#666; color:#eee;
    text-align:left;
    padding:5px;
    margin: 0 5px;
}

div#uploadErrorMessage {
	margin: 15px;
	font-size: 15px;
	color: #ff0000;
}

/* announce */
#announce{
    background-color: #F00;
    display: block;
    height: 40px;
}
#announce p a{
    color: #FFF;
    display: block;
    font-size: 14px;
    line-height: 40px;
    margin: 20px 0;
    text-align: center;
}
#announce p a .link{
    text-decoration: underline;
}
















/* page: 縺雁撫縺�粋繧上○繝壹�繧ｸ
 * about: 繝壹�繧ｸ陦ｨ遉ｺ蜑阪↓繝倥Ν繝励∈隱伜ｰ弱☆繧九そ繧ｯ繧ｷ繝ｧ繝ｳ
 */
#recommendedHelp{
  border-radius: 5px;
  box-shadow: 0px 0px 5px #999;
  background-color: #F4F4F4;
  font-family: Arial, Helvetica, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro", Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け",sans-serif;
  height: 440px;
  left: 50%;
  margin: -220px 0 0 -300px;
  overflow: hidden;
  position: fixed;
  top: 50%;
  width: 600px;
  z-index: 2;
}
#recommendedHelp a{
  color: #00ae9f;
  font-size: 14px;
  font-weight: bold;
}
#recommendedHelp header{
  background: none;
  border-bottom: 1px solid #dedede;
  display: block;
  height: auto;
  background-color: #FFF;
  padding-bottom: 0;
}
#recommendedHelp header h1{
  background-color: #ececec;
  border-bottom: 1px solid #dedede;
  color: #5f5e5e;
  font-weight: bold;
  font-size: 17px;
  line-height: 40px;
  overflow: hidden;
  text-align: center;
}
#recommendedHelp header h2{
  background: url(/css/img/alertIcon.png) no-repeat 22px 9px;
  background-color: #F4F4F4;
  color: #4b4848;
  line-height: 40px;
  padding: 0 20px 0 45px;
}
#recommendedHelp header h2 img{
  margin: 10px 0 0;
}
#recommendedHelp ul{
  padding: 20px 20px 0px;
}
#recommendedHelp ul li{
  margin: 0 0 15px;
}
#recommendedHelp ul li a{
  background-color: #e6e6e6;
  border-radius: 3px;
  display: block;
  max-width: 550px;
  overflow: hidden;
  padding: 8px 5px 8px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#recommendedHelp ul li a:hover{
  color: #00c8b6;
  background-color: #e0e0e0;
}

#recommendedHelp a.btn{
  border-radius: 8px;
  color: #FFF;
  cursor: pointer;
  background-color: #00ae9f;
  display: inline-block;
  float: left;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 24px;
  margin: 10px 170px 0;
  padding: 10px 5px;
  text-align: center;
  text-shadow: 0px 0px 1px #999;
  vertical-align: middle;
  width: 250px;
}
#recommendedHelp a.btn:hover{
  background-color: #00c8b6;
}

#recommendedHelp .cancelBtn{
  cursor: pointer;
  font-size: 25px;
  height: 41px;
  position: absolute;
  right: 0px;
  text-align: center;
  top: 8px;
  width: 41px;
}

.overlayBackground{
  /* design */
  background: #000;
  filter: alpha(opacity=50);
  -moz-opacity: .5;
  opacity: .5;
  /* overlay */
  cursor: pointer;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
}







#copyright{
  font-family: Arial, Helvetica, '繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, '�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け', sans-serif;
  font-size: 13px;
  margin: 20px auto 10px;
  overflow: hidden;
  text-align: right;
  width: 960px;
}
#copyright a{
  color: #1C1C1C;
}

#catchcopy{
  font-family: Arial, Helvetica, '繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, '�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け', sans-serif;
  font-size: 13px;
  margin: 20px auto 10px;
  overflow: hidden;
  text-align: right;
  width: 960px;
}
#catchcopy a{
  color: #1C1C1C;
}


/**
 *  * sbDesign
 *   */
/* origin Design for #selectDomain */
#selectDomain{
  display: block;
    margin: 0 0 0 20px;
	  width:120px;
}
#selectDomain span.sbText{
  background-color: #FFF;
    line-height: 20px;
	  padding: 9px;
}
#selectDomain span.sbText:before{
  padding: 5px;
    top: 9px;
}
#selectDomain span.sbText:after{
  right: 7px;
    top: 17px;
}


/* sbDesign Class */
span.sbDesign {
	box-sizing: border-box;
}
span.sbDesign select {
	box-sizing: border-box;
	cursor: pointer;
	margin: 0;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
	position: absolute;
	zoom:1.1;
	z-index: 2;
}
#registerInputUrl{
  position: relative;
}
#selectDomainWrap{
  position: absolute;
  right: 0;
  top: 0;
}
span.sbDesign span.sbText {
	box-sizing: border-box;
	display: block;
	padding:3px 5px;
	position: relative;
	font-size: 12px;
	white-space:nowrap;
	overflow:hidden;
	-webkit-text-overflow:ellipsis;
	text-overflow:ellipsis;
	width: 100%;
}
span.sbDesign span.sbText:before {
	content:"";
	display: block;
	width: 8px;
	height: 10px;
	background : #7cadb6;
	border-radius: 3px;
	padding: 4px;
	position: absolute;
	right: 3px;
	top: 3px;
}
span.sbDesign span.sbText:after {
	content: "";
	width: 0;
	height: 0;
	display: block;
	border: 5px solid transparent;
	border-top: 5px solid white;
	position: absolute;
	right: 6px;
	top: 10px;
}