@charset "utf-8";
body,div,dl,dt,dd,ul,li,ol,
h1,h2,h3,h4,h5,form,p,table,th,td,
address,input{
	margin:0;
	padding:0;
}

body{
	line-height:1;
}

a img,img{
	border:0;
}

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

caption,th{
    text-align:left;
}

ul,li,ol,li{
	list-style:none;
}

a{
	color:#202020;
}

a:hover{
	text-decoration:none;
}

address{
	font-style:normal;
}

iframe{
	border:0;
}

textarea{
	width:98%;
}

.clearfix{
	/zoom:1;
}

.clearfix:after{
	content:'';
	display:block;
	clear:both;
	height:0;
}

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

#wrapper{
	width:100%;
	margin:0 auto;
	background:#fff;
	position:relative;
}

#header{
	height:245px;
	background:url(/common/design/user/css/img/header_bg.gif) repeat-x 0 0;
}

#contents{
	width:1080px;
	margin:30px auto 0 auto;
	padding:0 0 50px 0;
	position: relative;
}

#footer{
	width:100%;
	padding:20px 0 0 0;
	background:#f8f8f8;
}

#main{
	width:850px;
	float:right;
}

#side{
	width:200px;
	float:left;
}

#wrapper .column1 #main, .column1 #main{
	width:1080px;
}

.head{
	width:1080px;
	height:155px;
	margin:0 auto;
}

#logo{
	width:170px;
	float:left;
}

#logo a{
	width:170px;
	height:80px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	background:url(/common/design/user/css/img/logo.png) no-repeat 0 0;
}

h1{
	font-size:75%;
	line-height:195%;
	margin:20px 0 0 180px;
}

.foot{
	width:1080px;
	margin:0 auto 20px auto;
}

.copy a{
	color:#fff;
}

.copy{
	color:#fff;
	width:100%;
	height:20px;
	font-size:68.75%;
	text-align:center;
	padding:10px 0 0 0;
	margin:10px 0 0 0;
	background:#202020;
}

.r_lnk{
	text-align:right;
	margin:0 !important;
}

.r_lnk a{
	line-height:150%;
	padding:0 0 0 17px;
	background:url(/common/design/user/css/img/arrow2.png) no-repeat left 50%;
}

.lnk a{
	font-size:75%;
	line-height:150%;
	padding:0 0 0 17px;
	background:url(/common/design/user/css/img/arrow2.png) no-repeat left 50%;
}

.ex{
	font-size:75%;
	line-height:160%;
	margin:0 0 20px 0;
}

.note{
	color:#878787;
	display:block;
}
.member_regist .note{
	color:#939393;
	font-size: 14px;
	margin-top: 10px;
}
.links li:hover{
	filter:alpha(opacity=90);
	opacity:0.9;
}

.l_txt{
	text-align:left !important;
}

.r_txt{
	text-align:right !important;
}

.c_txt{
	text-align:center !important;
}

table.common{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

table.common caption{
	font-size:87.5%;
	font-weight:bold;
	padding:3px 0 2px 7px;
	margin:0 0 10px 0;
	border-left:5px solid #e70000;
}

table.common th,
table.common td{
	font-size:75%;
	line-height:150%;
	padding:7px;
	background:#f8f8f8;
	border:1px dotted #d8d8d8;
}

table.common .even th,
table.common .even td{
	background:#fff;
}

table.common th{
	width:30%;
	text-align:center;
}

#page-top{
	position:fixed;
    bottom:40px;
    right:10px;
}

#page-top a{
	width:45px;
	height:45px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/common/design/user/css/img/pagetop.png) no-repeat left top;
}

#page-top a:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}

#topicpath{
	margin:0 0 30px 0;
}

#topicpath ul{
	width:1080px;
	margin:0 auto;
}

#topicpath li{
	font-size:75%;
	line-height:150%;
	display:inline;
	list-style-type:none;
	padding:0 0 0 15px;
	background:url(/common/design/user/css/img/topicpath.gif) no-repeat 0 50%;
}

#topicpath li a{
	color:#333;
}

#topicpath li.home{
	padding:0 5px 0 0;
	background:none;
}

#topicpath li strong{
	color:#202020;
}

#topicpath li span{
	color:#999;
}

.submit{
	text-align:center;
}

.sbmt_back,
.sbmt_check,
.sbmt_send,
.sbmt_regist,
.sbmt_edit,
.sbmt_delete,
.sbmt_order,
.sbmt_confirm{
	width:190px;
	height:35px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	border:none;
	margin:0 20px;
}

.sbmt_back{
	background:url(/common/design/user/css/img/sbmt_back.gif) no-repeat 0 0;
}

.sbmt_check{
	background:url(/common/img/common/btn-red.png) no-repeat 0 0;
}

.sbmt_send{
	background:url(/common/design/user/css/img/sbmt_send.gif) no-repeat 0 0;
}

.sbmt_regist{
	background:url(/common/design/user/css/img/sbmt_regist.gif) no-repeat 0 0;
}

.sbmt_edit{
	background:url(/common/design/user/css/img/sbmt_edit.gif) no-repeat 0 0;
}

.sbmt_delete{
	background:url(/common/design/user/css/img/sbmt_delete.gif) no-repeat 0 0;
}

.sbmt_order{
	background:url(/common/design/user/css/img/sbmt_order.gif) no-repeat 0 0;
}

.sbmt_confirm{
	background:url(/common/design/user/css/img/sbmt_confirm.gif) no-repeat 0 0;
}

.sbmt_back:hover,
.sbmt_check:hover,
.sbmt_send:hover,
.sbmt_regist:hover,
.sbmt_edit:hover,
.sbmt_delete:hover,
.sbmt_order:hover,
.sbmt_confirm:hover{
	background-position:0 -35px;
}

.form table{
	width:100%;
	margin:30px 0 0 0;
	border-top:2px solid #d8d8d8;
	border-bottom:2px solid #d8d8d8;
}

.form caption{
	font-size:87.5%;
	font-weight:bold;
	padding:5px;
	margin:0 0 15px 0;
	border-left:5px solid #e70000;
}
.member_regist  .form caption{
	font-size:24px;
	border-left: none;
	padding: 0px;
}
.form th,
.form td{
	line-height:150%;
	padding:10px;
	background:#f8f8f8;
	border-bottom:1px dotted #d8d8d8;
}

.form .even th,
.form .even td{
	background:#fff;
}

.form th{
	width:30%;
	font-size:87.5%;
	text-align:center;
}
.member_regist  .form th{
	background:#fafafa;
	width: 25%;
	border: 1px solid #e2e2e2;
}
.member_regist  .form td{
	background: #fff;
	border: 1px solid #e2e2e2;
}

.member_regist  .form th{
	font-size: 16px;
	text-align: right;
	vertical-align: middle;
	border-right: 1px solid #d8d8d8;
	font-weight: bold;
}
.form td{
	font-size:75%;
	text-align:left;
}

.form td input{
	margin:0 3px 3px 3px;
	padding:2px;
	position:relative;
	top:1px;
}
.member_regist .form td input {
	margin:  0;
	padding: 10px 6px;
	top: 0;
	font-size: 16px;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	color: #000;
    box-sizing: border-box;
}
.member_regist .form dd label{
	position: relative;
}
.member_regist .form td label input{
    margin-right: 8px;
}
.member_regist .form td label input:before{
	content: "";
	width: 21px;
	height: 21px;
	display: inline-block;
	border: 2px solid #dadada;
	border-radius: 50%;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    overflow: hidden;
}

.member_regist .form td label input:after{
    content: "";
    width: 11px;
    height: 11px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    background: #dadada;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.member_regist .form td label input:checked:after {
	background: #ff0000;
	width: 16px;
	height: 16px;
}
.member_regist .form td label input{
	width: 24px;
	height: 24px;
}
.member_regist .form select[name="add_pre"]{
	height: auto !important;
}
.member_regist .form td input.btn-edit-blue{
	padding: 4px 10px;
	color: #fff;
    border: 1px solid #0097c8;
    letter-spacing: 0.05em;
}
.cus-flex>div input{
	width: 100%;
}
.form .nec{
	width:8%;
	text-align:center;
}

.form .nec span{
    color:#fff;
	padding:2px 5px;
	background:#ff0000;
}
.member_regist .form .nec {
	color: #fff;
	padding: 4px 8px;
	background: #e00014;
	font-size: 14px;
	border-radius: 4px;
	width: auto;
}

.form .option{
	width:8%;
    color:#666;
	text-align:center;
}

.form .option span{
    color:#fff;
	padding:2px 5px;
	background:#ccc;
}

.form select{
	margin:3px 5px 3px 0;
}
.member_regist .form td textarea{
	border: 1px solid #e1e1e1;
	padding: 10px 6px;
	border-radius: 6px;
    font-size: 16px;
    resize: none;
}
.member_regist .form select {
	margin: 0;
	padding: 9px 6px;
	font-size: 16px;
	border-radius: 4px;
	border: 1px solid #e1e1e1;
	min-width: 250px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.member_regist .form p.css-select {
display: inline-block;
	margin-bottom: 0px;
	position: relative;
}
.member_regist .form p.css-select:after{
	content: "";
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 10px solid red;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	background: #fff;
	pointer-events: none;
}
.member_regist .text-16{
	font-size: 16px;
	margin-bottom: 10px;
	display: inline-block;
	line-height: 24px;
}
.m-b-0{
	margin-bottom: 0px !important;
}
.m-b-10{
	margin-bottom: 10px !important;
}
.dis-flex{
	display: flex !important;
}
.fw-bold{
	font-weight: bold !important;
}
.cus-flex >div{
	max-width: 200px;
}
.radio-box-ct {
    display: flex;
    align-items: center;
}
.member_regist .w-text{
    display: block;
	font-size: 16px;
	width: 145px;
	margin-right: 20px;
	font-weight: 700;
	text-align: right;
}
.form td label{
	margin:3px 20px 3px 0;
}
.member_regist .form td label {
    display: flex;
    align-items: center;
	font-size: 16px;
}
.member_regist .fieldGroup{
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.member_regist .fieldGroup .icon-fiel{
	width: 32px;
	height: 32px;
    flex-shrink: 0;
	margin-right: 15px;
}
.member_regist .fieldGroup .icon-fiel img{
	width: 100%;
}
.member_regist .fieldGroup .content-sns {
    flex: 1;
}
.member_regist .fieldGroup input[type="text"]{
    width: 100%;
}
.member_regist .fieldGroup textarea{
	border: 1px solid #e1e1e1;
	border-radius: 4px;
}
.w-auto{
	width: auto !important;
}
.form td.row label{
	width:25%;
}

.form td.row2 label{
	width:50%;
}

.form td.row3 label{
	width:auto;
}

.form .submit{
	width:190px;
	margin:20px auto 0 auto;
}
.member_regist  .form .submit{
	width: 100%;
}
.member_regist  .sbmt_check{
	width: 426px;
	height: 82px;
	float: inherit;
}
.member_regist .sbmt_check:hover{
	background-position: 0px;
}
.check table{
	width:100%;
	margin:30px 0 0 0;
	border-top:2px solid #d8d8d8;
	border-bottom:2px solid #d8d8d8;
}

.check caption{
	font-size:87.5%;
	font-weight:bold;
	padding:5px;
	margin:0 0 10px 0;
	border-left:5px solid #e70000;
}

.check th,
.check td{
	line-height:160%;
	padding:10px;
	background:#f8f8f8;
	border-bottom:1px dotted #d8d8d8;
}

.check .even th,
.check .even td{
	background:#fff;
}

.check th{
	width:30%;
	font-size:87.5%;
	text-align:center;
	border-right:1px dotted #d8d8d8;
}

.check td{
	font-size:75%;
	text-align:left;
}

.check .submit{
	width:480px;
	margin:20px auto 0 auto;
}

.error{
	padding:20px;
	margin:20px auto 0px auto;
	border:2px solid #ff0000;
}

.error .msg{
	font-weight:bold;
	color:#ff0000;
	line-height:150%;
	height:25px;
	padding:3px 0 10px 40px;
	margin:0 0 10px 0;
	border-bottom:1px dashed #ff0000;
	background:url(/common/design/user/css/img/alert.gif) no-repeat 0 0;
}

.error ul{
	padding:0 10px;
}

.error li{
	font-size:85%;
	color:#ff0000;
	line-height:180%;
	background:url(/common/design/user/css/img/arrow4.png) no-repeat 0 50%;
	padding:0 0 0 12px;
}

.comp dl{
	padding:20px;
	border:1px solid #202020;
}

.comp dt{
	font-size:75%;
	line-height:160%;
	margin:0 0 20px 0;
}

.comp dd{
	text-align:center;
}

.comp dd p a{
	font-size:75%;
	line-height:150%;
	display:inline;
	margin:0 10px;
	padding:0 0 0 15px;
	background:url(/common/design/user/css/img/arrow2.png) no-repeat left 50%;
}

.search{
	padding:0 0 1px 0;
	margin:0 0 30px 0;
}

.search h2{
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/common/design/user/css/img/h2_search.gif) no-repeat 0 0;
}

.column1 .search h2{
	background:url(/common/design/user/css/img/h2_search_full.gif) no-repeat 0 0;
}

.search h3{
	font-size:87.5%;
	width:740px;
	height:21px;
	padding:9px 0 0 10px;
	margin:0 0 20px 0;
	background:#f8f8f8;
}

.search .box{
	padding:20px;
	border:5px solid #f8f8f8;
	background:#fff;
}

.search table{
	width:100%;
	margin:0 auto;
	border-top:2px solid #d8d8d8;
	border-bottom:2px solid #d8d8d8;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

.search th,
.search td{
	font-size:75%;
	padding:7px;
	border:1px dotted #d8d8d8;
}

.search th{
	width:25%;
	font-weight:bold;
	text-align:center;
}

.search td select{
	margin:0 3px;
}

.search td input{
	margin:0 3px 0 0;
	padding:2px;
	position:static;
	top:1px;
}

.search td label{
	margin:2px 20px 2px 0;
}

.search td.row label{
	float:left;
	margin:2px 15px 2px 0;
}

.search td span a{
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	margin:2px 0;
	clear:both;
	background-position:0 0;
	background-repeat:no-repeat;
}

.search .sbmt{
	width:190px;
	margin:20px auto 0 auto;
}

.sbmt_search{
	width:190px;
	height:35px;
	/display:block;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	border:none;
}

.sbmt_search{
	background:url(/common/design/user/css/img/sbmt_search.gif) no-repeat 0 0;
}

.sbmt_search:hover{
	background-position:0 -35px;
}

.page_navi ul{
	text-align:center;
}

.page_navi li{
	font-size:75%;
	display:inline;
}

.page_navi li span{
	color:#fff;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:6px 10px;
	background-color:#898989;
	border:1px #bbb solid;
	font-weight:bold;
}

.page_navi li a{
	color:#878787;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:6px 10px;
	border:1px #bbb solid;
}

.page_navi li a:link,
.page_navi li a:visited{
	border-color:#bbb;
}

.page_navi li a:hover,
.page_navi li a:active{
	color:#fff;
	border-color:#bbb;
	background-color:#bbb;
}

.item_list span{
	font-size:75%;
	padding:0 0 0 15px;
	background:url(/common/design/user/css/img/arrow2.png) no-repeat 0 50%;
	float:right;
	margin:20px 0 0 0;
}

.item_list ul{
	text-align:center;
}

.item_list li{
	width:150px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
}

.item_list li p{
	font-size:75%;
	line-height:150%;
	margin:10px 0 0 0;
}

.item h2{
	font-size:87.5%;
	height:33px;
	padding:15px 0 0 10px;
	margin:0 0 20px 0;
	border-bottom:1px solid #202020;
	border-top:1px solid #202020;
}

.item h2 span{
	margin:0 0 0 10px;
}

.item h2 strong{
	font-size:150%;
	color:#e70000;
	margin:0 5px 0 0;
}

.item .item_list{
	margin:20px 0;
}

.item .item_list ul{
	margin:0 0 -14px 0;
}

.item .item_list li{
	margin:0 7px 14px 7px;
}

.creator h2{
	font-size:87.5%;
	height:33px;
	padding:15px 0 0 10px;
	margin:0 0 20px 0;
	border-bottom:1px solid #202020;
	border-top:1px solid #202020;
}

.creator h2 span{
	margin:0 0 0 10px;
}

.creator h2 strong{
	font-size:150%;
	color:#e70000;
	margin:0 5px 0 0;
}

.creator .item_list{
	margin:20px 0;
}

.creator .item_list ul{
	margin:0 0 -20px 0;
}

.creator .item_list li{
	width:216px;
	margin:0 30px 20px 30px;
}

.creator .item_list li p{
	text-align:left;
}

.creator .item_list li p span{
	font-size:80%;
	color:#fff;
	padding:0 7px;
	margin:0 5px 0 0;
	background:#202020;
	border-radius:20px;
}

.creator .item_list li p .offi{
	background:#0173bc;
}

.bana_delivery{
	width:370px;
	height:65px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/common/design/user/css/img/bana_delivery.gif) no-repeat 0 0;
    display: block;
    background-size: contain;
}

.thumb{
	width:370px;
    height: 430px;
	margin:0 0 10px 0;
	float:left;
	position: relative;
}

#imgMain{
	width:370px;
	height:370px;
	text-align:center;
    z-index: 1;
}

#imgMain img{
    width: 100%;
    height: auto;
}

.thumb ul{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
}

.thumb li{
	width:50px;
	height:50px;
	text-align:center;
	margin:0 10px 10px 0;
    border: 1px solid #ededed;
    overflow: hidden;
}

.thumb li img{
	cursor:pointer;
    width: 100%;
    height: auto;
}
.thumb .btn-create-design{
    background-color: #ffffff;
    position: absolute;
    bottom: 5px;
    left: 5px;
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: 45px;
    padding: 0 15px;
    font-size: 16px;
    color: #E40B18;
    text-align: center;
    line-height: 45px;
    margin-right: 5px;
    border: 2px solid #efefef;
}

.thumb .btn-create-design.disabled{
    color: #ffffff;
    pointer-events: none;
    border: 2px solid #cccccc;
    background-color: #cccccc;
}

.thumb .change-btn{
    background-color: #ffffff;
    position: absolute;
    bottom: 5px;
    right: 5px;
    display: inline-block;
    vertical-align: top;
    width: 55px;
    height: 45px;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    line-height: 45px;
    margin-right: 5px;
    border: 2px solid #efefef;
    background-image: url("/common/design/user/img/change.png");
    background-size: 60%;
    background-position: 50%;
    background-repeat: no-repeat;
    text-indent: -9999px;
}

.thumb .change-btn.disabled{
    pointer-events: none;
    display: none;
}

.sns_block{
	margin: 20px 0;
	display: block;
}

.btn_twitter{
	float:right;
}

.btn_facebook{
	float:left;
}

.btn_twitter a,
.btn_facebook a{
	width:180px;
	height:45px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

.btn_twitter a{
	background:url(/common/design/user/css/img/btn_twitter.gif) no-repeat 0 0;
    background-size: 100%;
}

.btn_facebook a{
	background:url(/common/design/user/css/img/btn_facebook.gif) no-repeat 0 0;
    background-size: 100%;
}

.btn_twitter a:hover,
.btn_facebook a:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}

.tags{
    margin: 10px 0;
}

.tags .tags-title{
    font-size: 11px;
    color: #000000;
    font-weight: bold;
}

.tags a{
    margin: 10px 0;
    font-size: 11px;
    color: #999999;
}
.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.35);
	z-index: 9999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.modal .modal-container {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #ffffff;
	padding: 15px 25px;
	max-height: 600px; }
.modal .modal-container .modal-close {
	position: absolute;
	top: 10px;
	right: 5px;
	font-size: 28px;
	color: #b8b8b8;
	line-height: 0;
	cursor: pointer; }
.modal .modal-container .modal-header {
	padding: 0;
	border: none;
	font-size: 18px;
	font-weight: 500; }
.modal .modal-container .modal-body {
	padding: 15px 0;
	overflow-y: scroll;
	max-height: 500px; }

.modal-swap-item .items {
	width: 550px; }
.modal-swap-item .items .item,
.modal-swap-item .items .item-model,
.modal-swap-item .items .item-color {
	display: inline-block;
	vertical-align: top;
	width: 135px;
	min-height: 160px;
	margin-right: 25px;
	margin-bottom: 25px;
	cursor: pointer;
	border: 1px solid #d6d8db;
	padding: 10px;
	text-align: center;
	font-size: 12px; }
.modal-swap-item .items .item .title,
.modal-swap-item .items .item-model .title,
.modal-swap-item .items .item-color .title {
	margin-top: 20px;
	display: block; }
.modal-swap-item .items .item img,
.modal-swap-item .items .item-model img,
.modal-swap-item .items .item-color img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 150px;
	margin: 0 auto; }
.modal-swap-item .items .item.active,
.modal-swap-item .items .item-model.active,
.modal-swap-item .items .item-color.active {
	border-color: #ff0201; }

.loader {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.35);
	z-index: 9999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.loader .loader-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 15px 25px;
	max-height: 600px; }

.loader-text {
	color: #ffffff;
	display: inline-block;
	margin-left: 5px;
}

.loader-bounceball {
	position: relative;
	display: inline-block;
	height: 37px;
	width: 15px;
}
.loader-bounceball:before {
	position: absolute;
	content: '';
	display: block;
	top: 0;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #ffffff;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: loader-bounce 500ms alternate infinite ease;
	animation: loader-bounce 500ms alternate infinite ease;
}

@-webkit-keyframes loader-bounce {
	0% {
		top: 30px;
		height: 5px;
		border-radius: 60px 60px 20px 20px;
		-webkit-transform: scaleX(2);
		transform: scaleX(2);
	}
	35% {
		height: 15px;
		border-radius: 50%;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	100% {
		top: 0;
	}
}

@keyframes loader-bounce {
	0% {
		top: 30px;
		height: 5px;
		border-radius: 60px 60px 20px 20px;
		-webkit-transform: scaleX(2);
		transform: scaleX(2);
	}
	35% {
		height: 15px;
		border-radius: 50%;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	100% {
		top: 0;
	}
}

.category{
	margin:0 0 20px 0;
}

.category ul{
	margin:0 -5px -5px 0;
}

.category li{
	color:#fff;
	font-size:68.75%;
	text-align:center;
	width:126px;
	padding:5px;
	margin:0 5px 5px 0;
	background:#cecece;
	float:left;
}

.category li a{
	color:#FFF;
}

.detail{
	margin:0 0 30px 0;
	position:relative;
	zoom:1;
}

.detail dl{
	padding:20px 0;
	border-top:1px solid #202020;
	border-bottom:1px solid #202020;
}

.detail dl dt,
.detail dl dd{
	font-size:75%;
}

.detail dl dt{
	width:20%;
	line-height:150%;
	font-weight:bold;
	text-align:center;
	position:absolute;
}

.detail dl dt span{
	font-size:80%;
	font-weight:normal;
}

.detail dl dd span.red{
	color:#F00;
	font-weight:bold;
}

.detail dl dd{
	line-height:150%;
	padding:0 0 12px 25%;
	margin:0 0 12px 0;
	word-break:break-all;
}

.detail dl dd:last-child{
	padding-bottom:0;
	margin-bottom:0;
}

.profile{
	padding:30px;
	border-radius:3px;
	position:relative;
}

.profile h3{
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 20px 0;
	background:url(/common/design/user/css/img/h3_profile.gif) no-repeat 0 0;
	border-bottom:1px solid #202020;
}

.profile .photo{
	width:120px;
	float:left;
}

.profile .info{
	width:620px;
	float:right;
}

.profile .info .name{
	font-size:87.5%;
	font-weight:bold;
	margin:0 0 20px 0;
}

.profile .info .name span{
	font-size:80%;
	color:#fff;
	padding:0 7px;
	margin:0 5px 0 0;
	background:#202020;
	border-radius:20px;
}

.profile .info .name .offi{
	background:#0173bc;
}

.btn_item{
	position:absolute;
	top:9px;
	right:30px;
}

.btn_item a{
	width:240px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background:url(/common/design/user/css/img/btn_item.gif) no-repeat 0 0;
}

.btn_item a:hover{
	background-position:0 -30px;
}

.product{
	margin:30px 0 0 0;
}

.product h3{
	width:850px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 15px 0;
}

.product .item_list{
	margin:20px 0;
}

.product .item_list ul{
	margin:0 0 -14px 0;
}

.product .item_list li{
	margin:0 7px 14px 7px;
}

.second h3{
	height:36px;
	background:url(/common/design/user/css/img/h3_second.gif) no-repeat;
}

.popular h3{
	height:32px;
	background:url(/common/design/user/css/img/h3_popular.gif) no-repeat;
}

.creator_info .profile h2{
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 20px 0;
	background:url(/common/design/user/css/img/h2_profile.gif) no-repeat 0 0;
	border-bottom:1px solid #202020;
}

.creator_info .profile .photo{
	width:198px;
}

.creator_info .profile .info{
	width:540px;
}

.users h3{
	height:32px;
	background:url(/common/design/user/css/img/h3_users.gif) no-repeat;
}

#top{
	width:640px;
	float:left;
}

dl.news_list{
	position:relative;
	zoom:1;
}

dl.news_list dt,
dl.news_list dd{
	font-size:75%;
}

dl.news_list dt{
	font-weight:bold;
	width:9em;
	position:absolute;
}

dl.news_list dd{
	padding:0 0 12px 9em;
	margin:0 0 12px 0;
	border-bottom:1px dotted #cacaca;
}

#top_sub{
	width:180px;
	float:right;
}

.count{
	font-size:75%;
	text-align:center;
	padding:20px 10px;
	margin:0 0 10px 0;
	border:1px solid #e70000;
}

.count span{
	font-weight:bold;
	color:#e70000;
	margin:0 5px;
}

.data{
	height:200px;
	background:url(/common/design/user/css/img/date_bg.png) no-repeat 0 70px;
	position:relative;
}

.data h2{
	height:70px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/common/design/user/css/img/h2_date.png) no-repeat 0 0;
}

.data .text{
	line-height:150%;
	text-align:center;
	margin:20px 0 10px 0;
}

.data .text span{
	color:red;
	font-size:120%;
	font-weight:bold;
	margin:0 3px 0 0;
}

.btn_detail_full{
	width:130px;
	margin:0 auto;
}

.btn_detail_full a{
	width:130px;
	height:25px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	background: url(/common/design/user/css/img/btn_detail_full.gif) no-repeat 0 0;
}

.btn_detail_full a:hover{
	background-position:0 -25px;
}

.s_tag{
	margin:20px 0 0 0;
}

.s_tag h2{
	width:180px;
	height:35px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/common/design/user/css/img/h2_tag.gif) no-repeat 0 0;
}

.s_tag .box{
	margin:0 0 5px 0;
	border-right:1px solid #bbb;
	border-left:1px solid #bbb;
	border-bottom:1px solid #bbb;
}

.s_tag .box p{
	padding:10px;
}

.bana_creator{
	margin:10px 0 0 0;
}

.bana_creator a{
	width:180px;
	height:120px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background:url(/common/design/user/css/img/bana_creator.jpg) no-repeat 0 0;
}

.bana_creator a:hover{
	background-position:0 -120px;
}

.bana_stamp{
	margin:10px 0 0 0;
}

.bana_stamp a{
	width:180px;
	height:160px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background:url(/common/design/user/css/img/bana_stamp.gif) no-repeat 0 0;
}

.bana_stamp a:hover{
	background-position:0 -160px;
}

.ranking{
	margin:10px 0 0 0;
}

.ranking h2{
	width:128px;
	height:18px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto 10px auto;
	background:url(/common/design/user/css/img/h2_ranking.gif) no-repeat 0 0;
}

.rank_list ul{
	width:160px;
	margin:0 auto;
}

.rank_list li{
	text-align:center;
	padding:20px 0 0 0;
	margin:0 0 15px 0;
	position:relative;
}

.rank_list li:last-child{
	margin:0;
}

.rank_list li span{
	width:50px;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	margin:5px 0 0 0;
	position:absolute;
	top:0;
	left:0;
}

.rank_list li .rank1{
	background:url(/common/design/user/css/img/icon_rank1.png) no-repeat 0 0;
}

.rank_list li .rank2{
	background:url(/common/design/user/css/img/icon_rank2.png) no-repeat 0 0;
}

.rank_list li .rank3{
	background:url(/common/design/user/css/img/icon_rank3.png) no-repeat 0 0;
}

.rank_list li .rank4{
	background:url(/common/design/user/css/img/icon_rank4.png) no-repeat 0 0;
}

.rank_list li .rank5{
	background:url(/common/design/user/css/img/icon_rank5.png) no-repeat 0 0;
}

.rank_list li p{
	font-size:75%;
	line-height:150%;
	margin:10px 0 0 0;
}

.news h2{
	color:#fff;
	font-size:112.5%;
	font-weight:normal;
	height:28px;
	padding:12px 10px 0 10px;
	margin:0 0 20px 0;
	background:url(/common/design/user/css/img/title_bg.gif) repeat-x 0 0;
}

.tag{
	margin-bottom:30px;
}

.tag h2{
	color:#fff;
	font-size:112.5%;
	font-weight:normal;
	height:28px;
	padding:12px 10px 0 10px;
	margin:0 0 20px 0;
	background:url(/common/design/user/css/img/title_bg.gif) repeat-x 0 0;
}

.about h3{
	font-size:87.5%;
	color:#fff;
	padding:10px;
	margin:0 0 15px 0;
	background:#292929;
}

.youtube{
	margin:0 0 0 1px;
}

.sub{
	margin:0 0 30px 0;
}

.sub h5{
	padding:5px;
	margin:0 0 5px 0;
	background:#d8d8d8;
}

.sub .price{
	height:200px;
	padding:0 10px 0 0;
	margin:0 0 10px 0;
	overflow:auto;
}

.sub table{
	width:100%;
	border-collapse:collapse;
	border-top:2px solid #d8d8d8;
	border-bottom:2px solid #d8d8d8;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

.sub table th,
.sub table td{
	font-size:75%;
	line-height:150%;
	text-align:center;
	padding:7px;
	background:#fff;
	border-right:1px dotted #d8d8d8;
}

.sub table .even th,
.sub table .even td{
	background:#f8f8f8;
}

.login h2{
	color:#fff;
	font-size:112.5%;
	font-weight:normal;
	height:28px;
	padding:12px 10px 0 10px;
	margin:0 0 20px 0;
	background:url(/common/design/user/css/img/title_bg.gif) repeat-x 0 0;
}

.login .body{
	margin:25px;
}

.login .login_form,
.login .sns_signup{
	width:500px;
	height:330px;
	padding:1px;
	margin:0 0 30px 0;
	border:1px solid #ccc;
}

.login .signup{
	width:1076px;
	padding:1px;
	border:1px solid #ccc;
}

.login .login_form h3,
.login .sns_signup h3,
.login .signup h3{
	color:#fff;
	font-size:87.5%;
	font-weight:normal;
	padding:10px;
	background:#202020;
}

.login .login_form{
	float:left;
}

.login_form input[type="text"],
.login_form input[type="password"]{
	width:96%;
	color:#666;
	padding:5px;
	margin:0 0 10px 0;
}

.login_form table{
	width:100%;
}

.login_form table th{
	width:25%;
	font-size:75%;
	text-align:center;
}

.login_form table th,
.login_form table td{
	padding:10px;
}

.reminder{
	margin:10px 0 0 0;
}

.reminder a{
	font-size:75%;
	padding:0 0 0 15px;
	background:url(/common/design/user/css/img/arrow2.png) no-repeat 0 50%;
}

.login .sbmt{
	width:160px;
	margin:20px auto 0 auto;
}

.sbmt_login{
	width:190px;
	height:35px;
	/display:block;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	border:none;
	margin:10px auto 0 auto;
	background:url(/common/design/user/css/img/sbmt_login.gif) no-repeat 0 0;
}

.sbmt_login:hover{
	background-position:0 -35px;
}

.sns_signup{
	float:right;
}

.login .signup{
	clear:both;
}

.login .signup .ex{
	width:450px;
	float:left;

}

.reminder h2{
	color:#fff;
	font-size:112.5%;
	font-weight:normal;
	height:28px;
	padding:12px 10px 0 10px;
	margin:0 0 20px 0;
	background:url(/common/design/user/css/img/title_bg.gif) repeat-x 0 0;
}

.member_regist h2{
	color:#fff;
	font-size:26px;
	height: 30px;
	padding:20px;
	background: url(/common/img/common/bg-title.png);
	text-align: center;
	font-weight: 700;
	background-repeat: no-repeat;
	background-size: contain;
}

.f_policy{
	width:1040px;
	height:200px;
	padding:20px;
	margin:20px 0 10px 0;
	border:1px solid #ccc;
}

.ag{
	font-size:75%;
	font-weight:bold;
}

.ag input{
	margin:0 3px 0 0;
	position:relative;
	top:2px;
}

.company h2{
	color:#fff;
	font-size:112.5%;
	font-weight:normal;
	height:28px;
	padding:12px 10px 0 10px;
	margin:0 0 20px 0;
	background:url(/common/design/user/css/img/title_bg.gif) repeat-x 0 0;
}

.faq h2{
	color:#fff;
	font-size:112.5%;
	font-weight:normal;
	height:28px;
	padding:12px 10px 0 10px;
	margin:0 0 20px 0;
	background:url(/common/design/user/css/img/title_bg.gif) repeat-x 0 0;
}
.faq > h3 {
	border-bottom: 2px solid #e70000;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	padding: 4px 0 8px;
	margin: 20px 0;
}
.faq li h3{

	font-size:87.5%;
	line-height:150%;

	padding:2px 0 2px 35px;
	background:url(/common/design/user/css/img/icon_q.gif) no-repeat 0 0;
}
.faq li{
	padding:0 10px 10px 10px;
	margin:0 0 10px 0;
	border-bottom:1px dotted #e0e0e0;
}
.faq li h3:hover{
	cursor:pointer;
	text-decoration:underline;
}

.faq li p{
	font-size:75%;
	line-height:160%;
	padding:0 0 0 15px;
	margin:10px 0 10px 35px;
}

.accordion .accordion_head{
	cursor:pointer;
}

.faq h3.accordion_group_head{
	cursor:pointer;
}

.faq h3.accordion_group_head {
	padding-left: 35px;
	background: url(/common/design/user/css/img/icon_q.gif) no-repeat 0 0;
}

.faq li table.common{
	width:90%;
	margin:0 0 0 35px;
}

.faq li table.common th{
	width:40%;
}

.faq li table.common td{
	width:50%;
}

.faq .info{
	font-size:75%;
	text-align:center;
	padding:30px;
	margin:30px 0 0 0;
	border:1px solid #ccc;
}

.item_detail h2{
	color:#fff;
	font-size:112.5%;
	font-weight:normal;
	height:28px;
	padding:12px 10px 0 10px;
	margin:0 0 20px 0;
	background:url(/common/design/user/css/img/title_bg.gif) repeat-x 0 0;
}

.item_detail h3{
	font-size:87.5%;
	color:#fff;
	padding:10px;
	margin:0 0 15px 0;
	background:#3CF;
}

.item_detail h4{
	font-size:87.5%;
	padding:3px 5px;
	margin:0 0 10px 0;
	border-left:5px solid #e70000;
}

.item_detail ul{
	margin:30px 0 0 0;

}
.item_detail li{
	width:200px;
	height:340px;
	border:1px solid;
	float:left;
	margin:10px 0 0 10px;
	font-size:80%;
	line-height:140%;
	padding:0 0 10px 0;
}

.item_detail li p{
	padding:0 0 0 15px;
}

.item_detail li a{
	border-bottom:thin #00F;
	color:#00F;
}
.item_detail li a:hover{
	background-position:0 -500px;
}
.item_detail li span{
	color:#F00;
	font-size:130%;
}

.item_manual{
	width:850px;
	}

.item_manual h2{
	color:#fff;
	font-size:112.5%;
	font-weight:bold;
	height:28px;
	padding:12px 10px 0 10px;
	margin:0 0 20px 0;
	background:url(/common/design/user/css/img/title_bg.gif) repeat-x 0 0;
}

.item_manual h3{
	font-size:87.5%;
	color:#fff;
	padding:10px;
	margin:15px 0 15px 0;
	background:#3CF;
}

.item_manual_text01{
	font-size:110%;
	font-weight:bold;
}

.item_manual_text02{
	font-size:95%;
	line-height:20px;

	margin:0 0 0 0px;
}

.item_manual_box01{
	width:850px;
	margin:10px 0 0 0;
}

.item_manual_box01 li{
	float:left;
	width:425px;
	line-height:25px;

}

.color_list{
	width:850px;
}

.color_list.bags img{
	height: 135px;
}

.color_list li{
	width:135px;
	float:left;
	margin:10px 0 0 4px;
	font-size:80%;
	line-height:140%;
}
.color_list li p{
	padding:10px 0 0 0;
	text-align:center;
}

.color_list li p span{
	font-size:85%;
}

.category_list{
	width:850px;
}

.category_list li{
	width:135px;
	float:left;
	margin:10px 0 0 4px;
	font-size:80%;
	line-height:140%;
}
.category_list div{
	width:135px;
	height:135px;

}
.category_list img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.category_list li p{
	padding:10px 0 0 0;
	text-align:center;
}

.photo{
	width:425px;
	float:left;
}

.photo p span{
	font-weight:bold;
}

.contact h2{
	color:#fff;
	font-size:112.5%;
	font-weight:normal;
	height:28px;
	padding:12px 10px 0 10px;
	margin:0 0 20px 0;
	background:url(/common/design/user/css/img/title_bg.gif) repeat-x 0 0;
}

.sitemap h2{
	color:#fff;
	font-size:112.5%;
	font-weight:normal;
	height:28px;
	padding:12px 10px 0 10px;
	margin:0 0 20px 0;
	background:url(/common/design/user/css/img/title_bg.gif) repeat-x 0 0;
}

.sitemap h3{
	font-size:87.5%;
	padding:5px 10px;
	margin:20px 0 15px 0;
	border-left:5px solid #202020;
}

.sitemap ul{
	margin:0 -10px 0 0;
}

.sitemap li{
	width:152px;
	font-size:75%;
	line-height:150%;
	padding:0 0 0 20px;
	margin:0 10px 15px 0;
	background:url(/common/design/user/css/img/arrow2.png) no-repeat 0 3px;
	float:left;
}

.common h2{
	background-image:url(/common/design/user/css/img/h2_common_cate.gif);
}

.s_item_detail{
	margin:10px 0 0 0;
}

.s_item_detail h2{
	width:180px;
	height:35px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/common/design/user/css/img/h2_tag_item_detail.gif) no-repeat 0 0;
}

.s_item_detail ul{
	padding:10px 5px 0 5px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.s_item_detail li{
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px dotted #d8d8d8;
}

.s_item_detail li h3{
	color:#333;
	font-size:75%;
	line-height:150%;
	padding:0 0 0 20px;
	background:url(/common/design/user/css/img/arrow1.png) no-repeat 5px 3px;
}

.s_item_detail li:last-child{
	padding:0;
	border-bottom:none;
}

.s_item_detail li a{
	color:#333;
	font-size:75%;
	line-height:150%;
	text-decoration:none;
	display:block;
	padding:3px;
	background:url(/common/design/user/css/img/arrow1.png) no-repeat right 50%;
}

.s_item_detail li a:hover{
	background:url(/common/design/user/css/img/arrow3.png) no-repeat right 50%;
}

.s_item_detail li ul{
	border:none;
	margin:0 0 0 10px;
}

.s_item_detail li ul li{
	padding:0;
	margin:0 0 5px 0;
	border-bottom:none;
}

.s_item_detail li ul li:last-child{
	margin:0;
}

.bookmark_list h2{
	color:#fff;
	font-size:112.5%;
	font-weight:normal;
	height:28px;
	padding:12px 10px 0 10px;
	margin:0 0 20px 0;
	background:url(/common/design/user/css/img/title_bg.gif) repeat-x 0 0;
}

.bookmark_list ul{
	margin:0 0 -14px 0;
}

.bookmark_list li{
	width:150px;
	height:270px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin:0 7px 14px 7px;
	position:relative;
}

.bookmark_list li p{
	font-size:75%;
	line-height:150%;
	margin:10px 0 0 0;
}

.payment h2{
	color:#fff;
	font-size:112.5%;
	font-weight:normal;
	height:28px;
	padding:12px 10px 0 10px;
	margin:0 0 20px 0;
	background:url(/common/design/user/css/img/title_bg.gif) repeat-x 0 0;
}

.search_list h2{
	font-size:87.5%;
	height:33px;
	padding:15px 0 0 10px;
	margin:0 0 20px 0;
	border-bottom:1px solid #202020;
	border-top:1px solid #202020;
}

.search_list h2 span{
	margin:0 0 0 10px;
}

.search_list h2 strong{
	font-size:150%;
	color:#e70000;
	margin:0 5px 0 0;
}

.search_list table{
	width:100%;
	margin:10px 0;
	border:1px solid #d8d8d8;
}

.search_list table th{
	color:#fff;
	background:#202020;
}

.search_list .gift{
	color:#fff;
	background:#202020;
}

.search_list table td{
	color:#333;
}

.search_list table td.left{
	text-align:left;
}

.search_list table th,
.search_list table td{
	font-size:75%;
	line-height:150%;
	text-align:center;
	padding:10px;
	border-right:1px dotted #d8d8d8;
}

.cart .search_list table th,
.cart .search_list table td{
	line-height: none;
}

.search_list table td{
	border-bottom:1px dotted #d8d8d8;
}

.search_list table td .state{
	font-weight:bold;
}

.btn_detail a,
.btn_delete a,
.btn_edit a,
.btn_sell a{
	width:60px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	margin:0 auto;
}

.btn_detail a{
	background:url(/common/design/user/css/img/btn_detail.gif) no-repeat 0 0;
}

.btn_delete a{
	background:url(/common/design/user/css/img/btn_delete.gif) no-repeat 0 0;
}

.btn_edit a{
	background:url(/common/design/user/css/img/btn_edit.gif) no-repeat 0 0;
}

.btn_sell a{
	width:80px;
	background:url(/common/design/user/css/img/btn_sell.gif) no-repeat 0 0;
}

.btn_detail a:hover,
.btn_delete a:hover,
.btn_edit a:hover,
.btn_sell a:hover{
	background-position:0 -30px;
}

.search_list .lnk{
	margin:0 0 10px 0;
}

.password h2{
	color:#fff;
	font-size:112.5%;
	font-weight:normal;
	height:28px;
	padding:12px 10px 0 10px;
	margin:0 0 20px 0;
	background:url(/common/design/user/css/img/title_bg.gif) repeat-x 0 0;
}

.delete h2{
	color:#fff;
	font-size:112.5%;
	font-weight:normal;
	height:28px;
	padding:12px 10px 0 10px;
	margin:0 0 20px 0;
	background:url(/common/design/user/css/img/title_bg.gif) repeat-x 0 0;
}

.delete .submit{
	margin:20px 0 0 0;
}

.delete .submit p{
	margin:0 20px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:middle;
}

.btn_home a{
	width:190px;
	height:35px;
	text-indent:-9999px;
	overflow:hidden;
	display:inline-block;
	float:left;
	cursor:pointer;
	border:none;
	background:url(/common/design/user/css/img/btn_home.gif) no-repeat 0 0;
}

.btn_home a:hover{
	background-position:0 -35px;
}

.mydesign_info h2{
	color:#fff;
	font-size:112.5%;
	font-weight:normal;
	height:28px;
	padding:12px 10px 0 10px;
	margin:0 0 20px 0;
	background:url(/common/design/user/css/img/title_bg.gif) repeat-x 0 0;
	position:relative;
}

.mydesign_info h2 .date{
	font-size:68.75%;
	color:#fff;
	position:absolute;
	top:13px;
	right:13px;
}

.mydesign_info h2 span a:hover{
	text-decoration:underline;
}

.mydesign_info .ex{
	font-size:87.5%;
	clear:right;
}

.mydesign_info .photo ul{
	margin:0 -20px 0 0;
}
.mydesign_info .photo li{
	margin:0 20px 0 0;
	float:left;
}

.mydesign_info .common{
	margin:30px 0 0 0;
}

.mydesign_info .btn_box{
	text-align: center;
	margin:30px 0 30px 0;
}

.mydesign_info .btn_box p{
	display:inline-block;
	margin:0 20px;
}

.btn_design_edit a,
.btn_second a{
	width:200px;
	height:30px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

.btn_design_edit a{
	background:url(/common/design/user/css/img/btn_design_edit.gif) no-repeat 0 0;
}

.btn_second a{
	background:url(/common/design/user/css/img/btn_second.gif) no-repeat 0 0;
}

.btn_design_edit a:hover,
.btn_second a:hover{
	background-position:0 -30px;
}

.cart h2{
	color:#fff;
	font-size:112.5%;
	font-weight:normal;
	height:28px;
	padding:12px 10px 0 10px;
	margin:0 0 20px 0;
	background:url(/common/design/user/css/img/title_bg.gif) repeat-x 0 0;
}

.cart h3{
	color:#fff;
	font-size:87.5%;
	font-weight:normal;
	padding:10px;
	background:#898989;
}

.cart .flow{
	margin:20px 0 30px 0;
}

.cart .box{
	padding:20px;
	border:1px solid #202020;
}

.cart .box .note{
	font-size:75%;
	line-height:150%;
}

.cart .box .form .note{
	font-size:100%;
}


.cart .search_list input[type="text"]{
	width:25px;
	padding:2px;
	margin:0 3px 0 0;
}

.sum{
	padding:20px 20px 15px 20px;
	margin:15px 0;
	border:1px solid #d8d8d8;
}

.sum table{
	width:100%;
}

.sum table th,
.sum table td{
	font-size:75%;
	padding:5px 0;
	text-align:right;
}

.sum table th{
	width:90%;
}

.sum table td span{
	color:#ff0000;
	font-weight:bold;
}

.account{
	background:#f8f8f8;
}
.cart .submit{
	width:420px;
	margin:20px 0 0 auto;
}

.cart .submit p{
	float:left;
	margin:0 0 0 20px;
}

.cart .submit input{
	margin:0 0 0 20px;
}

.btn_cash a{
	background:url(/common/design/user/css/img/btn_cash.gif) no-repeat 0 0;
}

.btn_back_cart a{
	background:url(/common/design/user/css/img/btn_back_cart.gif) no-repeat 0 0;
}
.btn_shopping a,
.btn_cash a,
.btn_back_cart a{
    width:190px;
    height:50px;
    text-indent:-9999px;
    overflow:hidden;
    display:block;
}
.cart .form,
.cart .check{
	margin:20px 0 0 0;
}

.order_info h2{
	color:#fff;
	font-size:112.5%;
	font-weight:normal;
	height:28px;
	padding:12px 10px 0 10px;
	margin:0 0 20px 0;
	background:url(/common/design/user/css/img/title_bg.gif) repeat-x 0 0;
}

.order_info table.common{
	margin:20px 0 0 0;
}

.error_message{
	font-size:70%;
	color:#F00;
	margin-left:40px;
	margin-top:15px;
	margin-bottom:-15px;
}

.sns{
	float:right;
	margin:0 0 10px 0;
}

.fb-like-box {
    background-color: #fff;
    margin: 20px 0 0;
}

#social {
    display: inline;
    list-style: outside none none;
}

#social li {
    display: block;
    float: left;
    vertical-align: middle;
}
.tweet {
    width: 100px;
}

.mt_10{
	margin-top:10px;
}

.mt_20{
	margin-top:20px;
}

.tshirt_p_sns{
	margin:10px 0 0 210px;
}

#header_lp{
	height:180px;
}

.tp_title01{
	font-size:150%;
	line-height:30px;
	color:#E70000;
	border-bottom:double #E70000;
	border-width:5px;
	margin:20px 0 0 0;
}

.tp_title02{
	font-size:120%;
	line-height:25px;
	color:#E70000;
	border-bottom:double #E70000;
	border-width:5px;
	margin:10px 0 0 0;
}

.tp_title03{
	font-size:120%;
	font-weight:bold;
	line-height:1;
	color:#00A1E9;
	margin:20px 0 0 0;
}

.tp_box01{
	width:640px;
	margin:20px 0 0 0;
}

.tp_box01 li{
	float:left;
	width:320px;
	line-height:25px;
}

.tp_box01 li span{
	font-size:140%;
	font-weight:bold;
	line-height:150%;
	background-color:#00A1E9;
	color: white;
	padding:5px;
	margin:6px 0 0 0;
}

.tp_ranking{
	width:640px;
	margin:10px 0 0 0;
}

.tp_ranking li{
	width:160px;
	float:left;
	margin:0 0 0 0;
	font-size:80%;
	line-height:140%;
}
.tp_ranking div{
	width:125px;
	height:125px;

}
.tp_ranking img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.tp_ranking li p{
	padding:10px 0 0 0;
	text-align:center;
}

.tp_textbox{
	margin:10px 0 0 0;
	line-height:25px;
}


.btn01_tp{
	margin:20px 0 0 120px;
}

.btn01_tp a{
	width:400px;
	height:90px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background:url(/common/design/user/css/img/campaign/s_fes2015/btn01_s_fes2015.gif) no-repeat 0 0;
}

.btn01_tp a:hover{
	background-position:0 -90px;
}

@-moz-document url-prefix(){
	input,
	select,
	textarea{
		font-family:MS UI Gothic;
	}
}

.cart_mes{
	margin-top:20px;
	font-size:90%;
	color:#999;
}

.btn_again a{
	background-image: url(/common/design/user/img/btn_again.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: 100%;
	white-space: nowrap;
	display: block;
	height: 21px;
	width: 110px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}

.btn_again a:hover {
	background-image: url(/common/design/user/img/btn_again.png);
	background-repeat: no-repeat;
	background-position: 0px -22px;
	text-indent: 100%;
	white-space: nowrap;
	display: block;
	height: 21px;
	width: 110px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}

.pt_10{
	padding-top:10px;
}
#main #tshirt .item_code,
#main #icase .item_code,
#main #baby .item_code,
#main #poloshirt .item_code,
#main #parka .item_code,
#main #sweat .item_code,
#main #towel .item_code,
#main #bag .item_code,
#main #apron .item_code,
#main #other .item_code,
#main #longtshirt .item_code{text-transform:uppercase; display: none}

.report-time-custom {
	color: #009dff !important;
}

#footer .wrap.link-to-tmix, .link-to-tmix  {
	clear: both;
	color: white;
	border: none;
	font-size: 12px;
	text-align: right;
	margin-top: -18px;
	padding-right: 70px;
	margin-bottom: 10px;
}

.link-to-tmix a {
	color: white !important;
}
.none{
	display: none;
}

.text-page-404 {
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #323232;
	float: left;
}

.ml-121 {
	display: inline-block;
	margin-left: 121px;
}

.btn_draw:hover{
	background: black;
}
.btn_draw{
	width: 100%;
	background: #E70204;
	color: white !important;
	padding: 15px 0px;
	font-size: 16px;
}

.signature {
	float: right;
	margin-top: 20px;
	font-weight: bold;
}

.item_detail .delivery-title_s1 {
	font-size: 26px;
	line-height: 30px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: url(/common/design/user/img/images_index-add/title-common-bg.png) left top repeat;
	margin: 0 0 20px;
	padding: 20px 10px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.item_detail_new_list_ct .goods {
	list-style: none;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}

.item_detail_new_list_ct .goods li {
	width: 33.33333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3px 5px 20px;
	margin: 9px 0 0;
	border: none;
	height: auto;
}

.item_detail_new_list_ct .goods li a {
	display: block;
	border: 2px solid #d8d8d8;
	text-decoration: none;
	height: 100%;
	transition: 0.3s;
	padding: 5px 12px;
}

.item_detail_new_list_ct .goods li a h3 {
	position: relative;
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin: 0 -18px 18px;
	background-color: #ff6814;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 5px;
	box-sizing: border-box;
	height: 50px;
	min-height: 50px;
}

.item_detail_new_list_ct .goods li a h3:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -6px;
	width: 0;
	height: 0;
	border-top: 6px solid #b67919;
	border-left: 6px solid transparent;
}

.item_detail_new_list_ct .goods li a h3:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: -6px;
	width: 0;
	height: 0;
	border-top: 6px solid #b67919;
	border-right: 6px solid transparent;
}

.item_detail_new_list_ct .goods li a p {
	font-size: 14px;
	line-height: 22px;
	color: #000;
	margin-bottom: 0;
	padding-left: 0;
}

.item_detail_new_list_ct .goods li a img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.item_detail_new_list_ct .goods li a .img-container {
	width: 100%;
	min-height: 120px;
}

.item_detail_new_list_ct .container_s1 {
	padding: 0;
}

.item_detail_new_list_ct .container_s1 h2 {
	margin-bottom: 25px;
	margin-top: 30px;
}
.lazyload {
	opacity: 0;
}

.lazyloading {
	opacity: 1;
	transition: opacity 100ms;
	background: #f7f7f7 url('/rakuten/plugins/jquery.bxslider/images/bx_loader.gif') no-repeat center;
}

.member_regist .btn-edit-blue {
	background: #0097c8;
	border: 0;
	border-radius: 5px;
	padding: 2px 10px;
	outline: unset;
  transition: all .3s ease;
}
.member_regist .btn-edit-blue a{
	color: #fff !important;
	font-size: 18px;
}
.member_regist .btn-edit-red:hover {
  box-shadow: unset;
}

.member_regist .btn-edit-red a {
  color: #fff;
}

#topicpath li:last-child {
  font-weight: 700;
}

#topicpath li:last-child a {
  pointer-events: none;
  cursor: default;
}

.add_item_wish {
	display: flex;
	margin: 15px 0;
}

.add_item_wish .icon_add_red {
	width: 25px;
	height: 29px;
	margin-right: 8px;
	display: inline-block;
	vertical-align: middle;
}

.add_item_wish .icon_add_red img {
	width: 100%;
}

.add_item_wish .content_add_item_wish a {
	font-size: 20px;
	color: #3978ea;
}

b, strong {
	font-weight: 700 !important;
}
b.slogan, strong.slogan {
	font-weight: normal !important;
}

.submit .sbmt_check-ct-1 {
  color: #fff;
  text-indent: 1px;
  background: linear-gradient(#444,#1a1a1a);
  padding: 15px;
  height: auto;
  border-radius: 5px;
}

.submit .sbmt_check-ct-1:hover {
  background-position: 0 -54px;
}
.nav-ct a {
	width: 130px!important;
}

.member_regist .form table {
    border-width: 1px;
}

.member_regist .form tr:last-child td {
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
}

.image-choose-file .uploadpreview{
    width:150px;
    height:150px;
    display:block;
    border:1px solid #ccc;
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(/common/img/common/image-choose-file.jpg);
}

.image-choose-file .upload-wrap{
    width:200px;
    position: relative;
}

.image-choose-file .upload-wrap input[type="file"] {
    color: transparent;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.member_regist .d_chuck {
    width: 65px;
    flex-shrink: 0;
}
.member_regist .profile_image_id {
    margin-bottom: 10px;
}

.member_regist .profile_image_id .image {
    width: 150px;
    height: 150px;
    position: relative;
    border: 1px solid #dedede;
    margin-bottom: 5px;
}

.member_regist .profile_image_id .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}