@charset "utf-8";

#header { text-align:right; padding-left:300px; }
#header img { cursor:pointer; }
#btn_edit { margin-right:10px; }
#btn_output { margin-right:10px; }

#titArea #smsrLogo { float:left; }
#titArea #prdctLogo { float:left; margin-top:3px; }

/* 全体と左右 */
#optView { margin-top:15px; }
#view_info { float:left; width:540px; }
#functions { float:right; width:630px; }

.box { border:1px solid #ffffff; background:url(img/bg_tp70.png) repeat 0 0; }
/* 左 */
#view { height:398px; border:1px solid #ffffff; background:url(img/bg_view.png) repeat 0 0; position:relative; }
#view img { position:absolute; left:0; top:0; }
#price { width:260px; float:left; margin-top:10px; }
#paper { width:260px; float:right; margin-top:10px; }

#price .box,
#paper .box { padding:10px 15px; }
#price table { width:100%; height:97px; }
#price td { text-align:center; vertical-align:middle; }
#price strong { font-size:171%; }
#paper table { width:100%; height:97px; }
#paper th { text-align:left; font-weight:normal; }
#paper td { text-align:right; }
#paper .blankCell th,
#paper .blankCell td { font-size:0; height:5px; line-height:0; overflow:hidden; padding:0; }


/* 右 */
#baseFunc ul { margin:10px 20px; }
#baseFunc li { background:url(img/ico_base_func.png) no-repeat left center; padding-left:13px; width:180px; float:left; }
#baseFunc li.dualwidth { width:373px; }

#options { margin-top:10px; }
#options ul { margin-top:10px; }
#options li { border:1px solid #cccccc; margin-top:1px; padding:5px 0 4px 27px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; cursor:pointer; background:url(img/bg_options_li.gif) no-repeat left center; }
#options li.on { background:url(img/bg_options_li_on.gif) no-repeat left center; }
#options li.no { background:url(img/bg_options_li_no.gif) no-repeat left center; color:#777777; cursor:default; }
#optFunc { width:305px; float:left; }
#optPart { width:305px; float:right;}

#optFunc .box,
#optPart .box { padding:0 10px; height:383px; overflow:auto; }


/* 単価設定 */
#edit { margin-top:25px; }
#edit h2 { border-bottom:3px solid #373737; }
#edit .box { height:510px; padding:20px; overflow:auto; }
#edit table { border-top:1px solid #999999; margin:0 auto; }
#edit th { border-bottom:1px solid #999999; padding:2px 100px 2px 5px; vertical-align:middle; }
#edit td { border-bottom:1px solid #999999; padding:2px; vertical-align:middle; }
#edit .label { padding-left:30px; }
#edit .price { text-align:right; }
#edit .price input { font-size:125%; padding:2px; text-align:right; }