body {
	background: #fff;
}

#container2 {
	margin: 0 auto;
	display:block;
	padding: 15px;
	width: 1100px;
	text-align: left;
	background: #fff;
	height:850px;
	padding:15px;
}


#container2 #boxs-left {
float:left;
width:800px;
background:#fff;
}

#container2 p {
	margin-top: 20px;
}
#container2 #boxs-right {
float:right;
background:#fff;
width:245px;
}
/*-----グッズ選択--------------------------------*/

#container2 .skin{
	display: block;
	width:245px;
	margin:0 auto;
	z-index:1;
}

#container2 .myskin-list {
	padding:0;
}

#container2 .myskin-list img {
	border-radius:10px;
}

#container2 .myskin-list li {
	display:inline;
	list-style-type:none;
	width:200px;
	vertical-align:middle;
	display:table-cell;
}

#container2 .myskin-list li img {
	max-width:40px;
	height:auto;
}

#container2 .myskin-list label {
	display:inline-block;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-size: 10pt;
	padding:0.1em 0.1em;
	background-color:#ddd;
	color:#999;
	border:2px solid #bbb;
	border-radius:10px;
	text-shadow:1px 1px 1px #fff;
	box-shadow:inset 1px 1px 5px #fff;
	cursor:pointer;
}

#container2 .myskin-list label:hover {
	border-color:#69a;
	color:#69a;
}

#container2 .myskin-list label.selected {
	color:#fff;
	background-color:#69f;
	box-shadow: inset 0px 0px 10px #036;
	border-color:#036;
	text-shadow:-1px -1px 1px #036;
}

#container2 .myskin-list label input {
	display:none;
}

input[type=range][orient=vertical]
{
    writing-mode: bt-lr; /* IE */
    -webkit-appearance: slider-vertical; /* WebKit */
    width: 8px;
    height: 175px;
    padding: 0 5px;
}

#container2 ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top:20px;
	margin-left:10px;
	color: #fff;
}
#container2 ul#menu li{
	float: left;
	position: relative;
	margin: 0;
	padding: 10px 5px;
	width: 220px;
	background-color: #e1e1e1;
	display: block;
	border:2px solid #ed9017;
	border-radius:3px;
	text-align:center;
	color:#666;
	text-shadow:1px 1px 1px #fff;
	box-shadow:inset 1px 1px 3px #fff;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:12pt;
	background: #fceabb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */

}


#container2 ul.child{
	display: none;
	position: absolute;
	margin-left: -5px;
	padding: 0;
	z-index:3;
}

#container2 ul#menu ul li{
	padding: 5px 5px;
	margin:0;
	background:#f1f1f1;
	border:0;
	font-size:10pt;
	background-color: rgba(255,255,255,0.5);
	border-bottom: 1px dotted #333;
	border-radius:0;
}

#container2 ul#menu ul li img{
	float:left;
}

#container2 ul#menu ul li span{
	float:right;
	width:160px;
	display:inline;
	vertical-align:middle;
	text-align:left;
	padding-left:5px;
	color:#666;
}
#filecl{
	width:240px;
	margin-top: 10px;
	padding:10px 0;
	border: 1px solid #ccc;
	border-radius:2px;
	box-shadow:2px 2px 2px #ccc;
	font-size: 1.4rem;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );

}

#filecl:hover{
background: #e0f3fa;
background: -moz-linear-gradient(top, #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%);
background: -webkit-linear-gradient(top, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
background: linear-gradient(to bottom, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=0 );
}
/*-----------------------------------------------------------------*/


#container2 #canvas {
	background:#eee;
	border:1px solid #ccc;
	border-radius:5px;
	box-shadow:5px;
	
  -webkit-box-shadow: inset -2px -11px -12px rgba(0, 0.5, 0.5, 0.5);
  box-shadow: inset 0 -2px -2px rgba(0, 0, 0, 0.5);
}

#container2 #canvas2,#container2 #cnvs_edit {
	display:none;
	/*display: block;*/
}

#container2 [type="range"] {
    -webkit-appearance:none;

    cursor:pointer;
    width:500px;
    vertical-align:middle;

    background-color:rgba(245, 245, 245, 1.0);
	
   -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2) inset;
       -moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2) inset;
                  box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2) inset;

    -webkit-border-radius:24px;
         -moz-border-radius:24px;
                   border-radius:24px;
}

#container2 [type="range"]::-webkit-slider-thumb {
    -webkit-appearance:none;

    cursor:pointer;

    position:relative;
    z-index:5;

    border:none;
    width:4rem;
    height:4rem;

     background-color:rgba(255, 160, 225, 1.0);

    -webkit-border-radius:50%;
         -moz-border-radius:50%;
                    border-radius:50%;
}

[type="range"]:focus,
[type="range"]:focus::-webkit-slider-thumb,
[type="range"]:active,
[type="range"]:active::-webkit-slider-thumb {
    cursor:ew-resize;
    outline:none;
}

[type="range"]:active::-webkit-slider-thumb {
    background-color:rgba(255, 20, 147, 1.0);
}


.clearfix:after {
    content:"";
    display:block;
    clear:both;
}
#container2 #canvs{
	display: block;
	width:800px;
	margin:0 auto 10px;
}
#container2 .btn {
	background: -moz-linear-gradient(top,#BFD9E5, #63B0CF 50%,#0080B3 50%,#09C);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#63B0CF), color-stop(0.5,#0080B3), to(#09C));
	border: 1px solid #DDD;
	color: #fff;
	width: 500px;
	padding: 10px 10px;
	margin: 10px auto;
	
background: #f85032;
background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
background: -webkit-linear-gradient(top, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
background: linear-gradient(to bottom, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 );
	font-size:1.4rem;
	font-weight:700;
	box-shadow: 2px 2px 2px #e1e1e1;
	border-radius:5px;


}
#container2 .editarea{
	display: block;
	width:500px;
	margin:0 auto;
}

#container2 h1 {
	font-size:2.6rem;
	margin:0 ;
	padding:0 0 25px 0;
	background:#fff;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;

};