* {
    margin: 0px;
    padding: 0px;
}
body {
    color: #666666;
    font-style: normal;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", "Sans-Serif";
    font-weight: normal;
    font-size: 12px;
    background: #fff ! important;
    max-width: 990px;
    max-height: 600px;
}



#main {
    background: url('../img/prof/edit_back.gif') top left no-repeat;
    height: 555px;
    width: 950px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 12px;
    padding: 10px;
}

#loading {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 900px;
    min-height: 100%;
    padding-top: 200px;
    padding-left: 420px;
    background-color: #fff;
    z-index: 9999;
}
body > #loading {
    height: auto;
}


#palletRotator {
    text-align:left;
    margin-left:30px;
}

#palletRotator img {
    cursor: pointer;
}


#editor_area {
    background: url('../img/prof/editor_area.gif') top left no-repeat;
    width: 3000px;
    height: 2000px;
    position: absolute;
    top: -10px;
    left: -10px;
}

/* photo */
.photo {
    position: absolute;
    top: 68px;
    left: 22px;
    display: none;
    width: auto;
    height: auto;
    z-index: 0;
}

.activePhoto {
    display: block;
}

#photoController {
    cursor:move;
    position: absolute;
    top: 46px;
    left: 0px;
    width: 460px;
    height: 193px;
    z-index: 1002;
}

/* fin photo */


/* frame */
.frames {
    cursor:pointer;
    width: 150px;
    height: 49px;
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
    
    border: 1px solid #E7E7E7;
    border-color: #E7E7E7 rgb(204, 204, 204) rgb(204, 204, 204) rgb(231, 231, 231);
    background: url('../img/prof/edit/frame_back.gif') top left no-repeat;
}

#framePager {
    position: relative;
    cursor: pointer;
}

.frame {
    position: absolute;
    top: 67px;
    left: 21px;
    width: 420px;
    height: 153px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: none;
    /*background: url('../img/prof/frame/edit/201102/001.png') top left no-repeat;*/
}

.activeFrame {
    display: block;
}
/* fin frame */


/* parts */
.parts {
    display: none;
    z-index: 2;
}

.activeParts {
    display: block;
}
/* fin parts */


#editor {
    height: 191px;
    width: 458px;
    margin-top: 10px;
    background-color: #fff;
}


#previous_editor {
    display: none;
}

.editor_border {
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    z-index: 1001;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}

#editor_border_left {
    top: 46px;
    left: 0px;
    width: 22px;
    height: 173px;
    background-image: url('../img/prof/editor_border_2.gif');
}
#editor_border_top {
    top: 46px;
    left: 0px;
    width: 462px;
    height: 22px;
    background-image: url('../img/prof/editor_border_1.gif');
}
#editor_border_right {
    top: 46px;
    left: 440px;
    width: 22px;
    height: 173px;
    background-image: url('../img/prof/editor_border_4.gif');
}
#editor_border_bottom {
    top: 218px;
    left: 0px;
    width: 464px;
    height: 22px;
    background-image: url('../img/prof/editor_border_3.gif');
}

.select_photo {
    position: absolute;
    z-index: 1001;
    display: none;
}

#select_photo_left {
    top: 67px;
    left: 19px;
    width: 1px;
    height: 151px;
    border-left: 3px solid #f00;
}
#select_photo_top {
    top: 67px;
    left: 19px;
    width: 420px;
    height: 1px;
    border-top: 3px solid #f00;
}
#select_photo_right {
    top: 67px;
    left: 439px;
    width: 1px;
    height: 151px;
    border-left: 3px solid #f00;
}
#select_photo_bottom {
    top: 202px;
    left: 19px;
    width: 420px;
    height: 1px;
    border-top: 3px solid #f00;
}


/* text */

.preview_text_area {
    position: absolute;
    display:none;
}

#preview_text_left {
    top: 81px;
    left: 164px;
    width: 1px;
    height: 108px;
    border-left: 1px solid #00f;
}
#preview_text_top {
    top: 81px;
    left: 164px;
    width: 253px;
    height: 1px;
    border-top: 1px solid #00f;
}
#preview_text_right {
    top: 81px;
    left: 417px;
    width: 1px;
    height: 108px;
    border-left: 1px solid #00f;
}
#preview_text_bottom {
    top: 189px;
    left: 164px;
    width: 253px;
    height: 1px;
    border-top: 1px solid #00f;
}

.preview_text_container {
    position: absolute;
/*
    width:253px;
    height:108px;
    */
    top:81px;
    left:168px;
    display:none;
}

.activeText {
    display:block;  
}


/* fin text */

#uploader_frame {
    width: 0px;
    height: 0px;
    border: 0px;
}


/* layout written */
#left_box {
    float: left;
    position:relative;
    width: 460px;
}
#right_box {
    float: right;
    position:relative;
    width: 490px;
}
#palletFrames {
    float:right;
    width:180px;
    z-index: 1005;
}
#center {
    float: left;
    position:relative;
    width:300px;
    z-index: 1004;
    background-color: #ffffff;
}
#preview_box {
    position:relative;
    height: 83px;
    width: 950px;
}

#input_text {
    margin-top:-9px;
    position:relative;
    z-index: 1004;
    background-color: #ffffff;
    margin-bottom:10px;
}

* html #input_text {
    margin-bottom:-10px;
}

#tab_navigation {
    position:relative;
    z-index:100;
}

#previewContainers {
    width:620px;
    float:left;
    margin-right:30px;
    background: url('../img/prof/edit/title_dekiagari.gif') 240px 0px no-repeat;
}


#submitContainer {
    width:260px;
    float:left;
}

#palletOrder {
    height:67px;
    background: url('../img/prof/edit/hassoubi.gif') 0px 0px no-repeat;
}

#palletOrder p {
    padding-top: 20px;
    padding-left: 25px;
    line-height: 20px;
}

#buttonContinue {
    background: url('../img/prof/edit/btn_kakunin.gif') 0px 0px no-repeat;
}
#buttonContinue {
    display: block;
    width: 204px;
    height: 42px;
    margin-top:20px;
    margin-left: auto;
    margin-right: auto;
    background: url('../img/prof/edit/btn_kakunin.gif') top left no-repeat;
}

/* */
div.input_mode {
    margin-top:10px;
    display: none;
    height: 139px;
}

.input_mode_1 textarea {
    width:290px;
    height:49px;
    font-size:17px;
}

.input_mode_2 textarea, .input_mode_3 textarea {
    width:290px;
    height:140px;
    font-size:17px;
}

.mode_control {
    display: none;
}


.photo_loading {
    background: url('../img/loading.gif') 213px 71px no-repeat;
}



#zoom_level,#font_size {
    border: 0px;
    text-align: center;
    width: 50px;
    color: #000;
    background-color: #ffffff;
    display: block;
    position: relative;
    left:50px;
}

#zoom_ruler_bg {
    width: 154px;
    height: 19px;
    background: url('../img/prof/ruler_bg.gif') 0px 0px no-repeat;
}
#zoom_ruler {
    width: 20px;
    height: 19px;
    background: url('../img/prof/ruler.gif') 0px 0px no-repeat;
}

#rotate_ruler_bg {
    width: 154px;
    background: url('../img/prof/ruler_bg.gif') 0px 0px no-repeat;
}


#palletControllerDisabler {
    position: relative;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
    background-color: #ffffff;
    display: block;
    z-index: 3;
    width:160px;
}

#palletRotatorDisabler {
    position: relative;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
    background-color: #ffffff;
    display: block;
    z-index: 3;
    width:160px;
}
/*
#photoSelectorDisabler {
    position: relative;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
    background-color: #b4e1f8;
    display: block;
    z-index: 3;
    width:160px;
}
*/

#photoSelector {
    height:30px;
    font-size:smaller;
}

.photo_thumb_disable {
	display:none;
}

#photoUploader {
    padding-left:0px;
}


/* buttons */

#buttons {
    margin-left: 35px;
    margin-right: -35px;
}

#buttonReset {
    display: block;
    float: left;
    width: 106px;
    height: 47px;
    width: 106px;
    height: 47px;
    background: url('../img/prof/edit/reset.gif') left top no-repeat;
}

#buttonSave {
    display: block;
    float: left;
    width: 153px;
    height: 48px;
    background: url('../img/prof/edit/fix.gif') left top no-repeat;
}




/* container */
.container {
    float: left;
    cursor:pointer;
    width: 297px;
    height: 124px;
    margin-left: 5px;
    margin-top: 20px;
    background: url('../img/prof/edit/henshuchu_off.gif') 0px 0px no-repeat;
    z-index: 3;
}

.activeContainer {
    width: 297px;
    height: 124px;
    background: url('../img/prof/edit/henshuchu.gif') 0px 0px no-repeat;
}

.container .preview {
    width: 242px;
    height: 88px;
    margin-left: 28px;
    margin-top: 28px;
    z-index: 4;
}


/* modalbox */
#MB_overlay {
    background-color: #fff ! important;
}

#MB_window {
    top: 250px ! important;
}

#MB_caption {
    font-family: inherit ! important;
    padding: 0.8em 2em 0 .75em;
}

#MB_header {
    border: 1px solid #E7E7E7;
    border-color: #E7E7E7 rgb(204, 204, 204) rgb(204, 204, 204) rgb(231, 231, 231);
}

#MB_content {
    border: 1px solid #E7E7E7;
    border-color: #E7E7E7 rgb(204, 204, 204) rgb(204, 204, 204) rgb(231, 231, 231);
}

.dialog {
    display: none;
}

#MB_content .dialog {
    text-align: center;
    display: block ! important;
    margin: 10px;
}

.date {
    color: #CC3300;
    font-weight: bold;
}
.clear {clear:both;
}

.message {
    font-size:smaller;
    color:red;
    font-weight:bold;
}