@charset "utf-8";
/* body */
body { margin:0; padding:0; text-align:center; background:#FC4EA9; color:#fff; }

/* navi */
div#navi { padding:170px 60px 0 0; text-align:right;  }
div#navi a { color:#fff; }

/* banner */
div#banner1 { position:absolute; margin: 40px 0 0 15px;}
div#banner2 { position:absolute; margin: 110px 0 0 15px;}

/* footer */
div#footer a { color:#fff; }

/* common */
div.sliderButton { float:left; cursor:pointer; }
p.title { margin:0; padding:0; }
/* wrap */
div#wrap { width:1000px; height:950px; background-image: url("../img/background.png"); background-repeat: no-repeat; margin:0 auto; }

/* container */
div#container  { width:800px; height:950px; margin:0 auto; }
div#header     { height:227px; text-align:left; }
div#containerL { float:left; width:298px; height:670px; }
div#containerR { float:right; width:500px; height:670px; }

/* preview */
div#preview                { width:270px; height:300px; text-align:left; }
div#preview p.title        { width:140px; height:20px; margin:0 0 0 56px; _margin:0 0 0 28px; padding:0; }
div#preview .previewImgBox { width:140px; height:180px; background-image: url("../img/bg_preview.png"); background-repeat: no-repeat; margin:0 0 8px 56px; _margin:0 0 8px 28px; text-align:center; }
div#preview .previewImg    { margin:0 auto; padding-top:13px; }
div#preview .sendToMobile  { margin:0 0 0 47px; _margin:0 0 0 19px; height:45px; overflow:hidden; }
div#preview .blogUrl       { margin:0 0 0 47px; _margin:0 0 0 19px; height:50px; overflow:hidden; }
div#frmPreview             { display:none; }

/* wallpapers */
div#wallpapers { width:280px; margin:0 auto 0 auto; padding:0; }
div#wallpapers ul.triggers    { width:280px; height:20px; list-style:none; margin:0; padding:0; }
div#wallpapers ul.triggers li { width:140px; height:20px; float:left; text-align:center; margin:0; padding:0; overflow:hidden; }
div#wpContainer {  width:280px; height:290px; position:relative; }

/* share */
div#share                        { width:280px; height:290px; position:absolute; left:0; top:0; background-image: url("../img/bg_share.png"); background-repeat: no-repeat; text-align:center; }
div#shareContainer               { width:270px; height:275px; margin:0 auto; padding-top:9px; text-align:left; }
div#shareArea                    { width:230px; height:275px; float:left; position:relative; overflow:hidden; }
div#shareContainer .sliderButton { width:20px; height:275px; visibility:hidden; }
div#shareBody                    { height:100px; width:230px; }
div#shareArea .box               { float:left; width:230px; height:275px; }
div#shareArea .elm               { float:left; width:115px; height:128px; text-align:center; margin-top:5px; }

/* recomm */
div#recomm                        { width:280px; height:290px; position:absolute; left:0; top:0; background-image: url("../img/bg_share.png"); background-repeat: no-repeat; text-align:center; }
div#recommContainer               { width:270px; height:275px; margin:0 auto; padding-top:9px; text-align:left; }
div#recommArea                    { float:left; height:275px; width:230px; overflow:hidden; position:relative; }
div#recommContainer .sliderButton { width:20px; height:275px; visibility:hidden; }
div#recommSlider                  { height:100px; width:230px; }
div#recommArea .box               { float:left; width:230px; height:275px; }
div#recommArea .elm               { float:left; width:115px; height:128px; text-align:center; margin-top:5px; }

/* frame */
div#frame                        { text-align:left; }
div#frame p.title                { height:20px; margin:0; padding:0; }
div#frameContainer               { width:485px; height:120px; padding:9px 0 0 6px; background-image: url("../img/bg_frame.png"); background-repeat: no-repeat; }
div#frameArea                    { width:433px; height:100px; float:left; position:relative; overflow:hidden; }
div#frameContainer .sliderButton { width:20px; height:100px; visibility:hidden; }
div#frameArea div.box            { width:433px; height:100px; float:left; }
div#frameSlider                  { width:433px; height:100px; }
div#frameArea div.elm1           { float:left; width:86px; height:90px; margin-top:10px; text-align:center;}

/* edit */
div#edit { width:500px; height:500px; margin:5px 0 0 0; clear:all; }

/* editLeft */
div#editLeft        { height:440px; width:280px; margin-top:20px; float:left; z-index:0; }
div#canvasContainer { position:relative; width:256px; height:326px; _height:335px; margin:0 auto; padding-top:9px; background-image:url("../img/bg_canvas.png"); background-repeat:no-repeat; background-position:0 0; clear:all; z-index:0; }
div#canvas          { width:240px; height:320px; background:white; margin:0 auto; clear:all; z-index:0; }
div#itemSize        { width:200px; height:50px; position:relative; float:left; margin:0; }
div#bgcolor         { width:80px; height:50px; float:right; margin:0; }
div#bgColorPicker   { width:18px; height:18px; margin:5px auto 0 auto; padding:0; line-height:0; }
div#make            { width:280px; height:30px; margin:0; }

/* colorPicker */
div.colorPicker { width:20px; height:20px; border:1px solid gray; }
#colorpicker-value-input { height:16px; }

/* slider */
div.sliderbg    { width:188px; height:28px; position:relative; background:url(../img/bg-fader.gif) 5px 0 no-repeat; margin:0 auto; }
div.sliderthumb { position:absolute; top:4px; }

/* editRight */
div#editRight { text-align:center; float:left; width:200px; height:440px; margin:0; overflow:auto; z-index:1; position: relative; overflow:visible; }
div#editRight .title { text-align:left; }

/* item */
div#item                   { z-index:100; }
div#itemContainer          { width:205px; height:195px; text-align:left; padding:9px 0pt 0pt 6px; background-image: url("../img/bg_items.png"); background-repeat: no-repeat; }
div#itemArea               { width:153px; height:182px; margin:0; padding:0; position:relative; float:left; }
div#itemArea .sliderButton { width:20px; height:182px; visibility:hidden; }
div#itemArea div.box       { width:153px; height:182px; margin:0; padding:0; position:absolute; left:0; top:0; }
div#itemArea div.elm1      { width:51px; height:50px; margin-top:10px; float:left; text-align:center; }
div#itemArea div.elm2      { width:153px; height:50px; margin-top:10px; float:left; text-align:center; }

/* effect */
div#effect                 { z-index:100; }
div#effectContainer        { width:205px; height:195px; text-align:left; padding:9px 0pt 0pt 6px; background-image: url("../img/bg_items.png"); background-repeat: no-repeat; }
div#effectArea             { width:153px; height:182px; margin:0; padding:0; position:relative; float:left; }
div#itemArea .sliderButton { width:20px; height:182px; visibility:hidden; }
div#effectArea div.box     { width:153px; height:182px; margin:0; padding:0; position:absolute; left:0; top:0; }
div#effectArea div.elm1    { width:51px; height:50px; margin-top:10px; float:left; text-align:center; }

div.floatWindow {
	border: 1px solid black;
	position:absolute;
	top:50%;
	left:50%;
	background:#fff;
	display:none;
	padding:15px;
	z-index:9999;
}

table.userInput {
	color:black;
	font-size:10pt;
	margin:0 auto;
}

/*========================================
 * sendToMobileInput
 *========================================*/
div#sendToMobileInput {
	width:500px;
	height:330px;
	margin-top:-200px;
	margin-left:-250px;
}

div#sendToMobileInput th {
	padding-right:10px;
	text-align:right;
	vertical-align:top;
}
div#sendToMobileInput td {
	text-align:left;
}
div#sendToMobileInput td.send {
	text-align:left;
	height:50px;
	vertical-align:middle;
}
div#sendToMobileInput textarea.txtaMessage {
	width:300px;
	height:150px;
}
div#sendToMobileInput input.author {
	width:300px;
}
div#sendToMobileInput input.pass {
	width:100px;
}
span.notice {
	font-size:9pt;
}
/*========================================
 * blogUrl
 *========================================*/
div#blogUrl {
	width:500px;
	height:170px;
	margin-top:-70px;
	margin-left:-250px;
}
textarea.blogUrl {
	width:450px;
	height:120px;
	font-size:9pt;
}
/* askShare */
div#askShare    { width:300px; height:70px; margin-top:-60px; margin-left:-150px; }
div#askShare td { text-align:center; }

/* filter */
div#filter { width:100%; height:100%; background:#fff; z-index:9998; display:none; position:absolute; left:0; top:0; }