/*Logo*/

body {
	padding-top: 45px !important;
}

a.brand {
	display:block;
	height:24px;
	width:94px;
	text-indent:-9999px;
	font-size:1px;
	background:url("../img/logo-sb.gif") 20px 7px no-repeat;
	padding: 7px 20px 9px !important;
}

/*
a.brand {
	display:block;
	height:24px;
	width:61px;
	text-indent:-9999px;
	font-size:1px;
	background:url("../img/logo.gif") 20px 7px no-repeat;
	padding: 7px 20px 9px !important;
}
*/

span.error {
	color:#C30;
}

div.container .well {
	padding: 8px 10px;
}

div.container .well .alert-success {
	margin-bottom:0;
}

div.container .well .table-bordered {
	margin-bottom:0;
}

/*Header
==========================================================*/

.row .span12 ul.nav-pills {
	margin-bottom:5px;
}

.row .span12 .nav-pills > li > a  {
	padding-bottom: 3px;
    padding-top: 3px;
}

.row .span12 ul.nav-pills .page_transition {
	margin-top:8px;
}


/*一覧
==========================================================*/

/*公開中・非公開の表示*/

.dis-block ,
.dis-none {
	background-image: none !important;
    background-repeat: none !important;
    border: none !important;
	border-radius:0 !important;
	box-shadow:none !important;
	cursor:default !important;
	text-shadow:none !important;
}

.dis-block {
    background-color: #5BB75B !important;
}

.dis-block:hover {
	background-color: #5BB75B !important;
}

.dis-none {
	background-color: #DA4F49 !important;
}

.dis-none:hover {
	background-color: #DA4F49 !important;
}


/*環境設定
==========================================================*/

#tip_accept ,
#tip_title ,
#tip_directory ,
#tip_design_select ,
#tip_thanks_message ,
#tip_submit_type ,
#tip_finish_button ,
#tip_usage ,
#tip_lockcode-area,
#tip_notification_email,
#tip_notification_type,
#tip_reply_title,
#tip_reply_body,
#tip_data_save_type,
#tip_description {
	font-size:14px;
	font-weight:bold;
	margin-top:25px;
	margin-bottom:10px;
	background:#e7e7e7;
	padding:5px;
}

#tip_title {
	margin-top:0 !important;
}

#tip_submit_type {
	margin-top:30px !important;
}

.directory-area ,
.url-area {
	display:inline;
}

#reply-body-area .input-xlarge {
	width:100%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
	height:300px;
	*width:508px;
}


/*項目編集
==========================================================*/

.movedelement {
	background-color:#f9fdff !important;
	 border: 1px dashed #0000FF
}

.movedelement .span4 {
	width:550px;
}

#elements-sortable div.row .span3 {
	float:right;
	width:110px;
	margin:0;
}

#elements-sortable div.row .span3 p {
	text-align:right;
	font-weight:bold;
}

#elements-sortable div.row .span3 div.controllset {
	width:80px;
	float:right;
	letter-spacing:-0.4em;
}

#elements-sortable div.row .span3 .element-sort ,
#elements-sortable div.row .span3 .element-edit ,
#elements-sortable div.row .span3 .element-copy ,
#elements-sortable div.row .span3 .element-delete {
	padding:5px 0 !important;
	width:100% !important;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	display:inline-block;
	*display: inline;
	*zoom: 1;
}

#elements-sortable div.row .span3 .element-edit ,
#elements-sortable div.row .span3 .element-copy ,
#elements-sortable div.row .span3 .element-delete {
	margin-top:5px;
}

.move_elementCaptionField h3#caption-sample {
	width:550px;
}

.controllset {
    background-color: #ebf5fc !important;
	border: 1px solid #caeaff !important;
}

/*テキストエリア*/

.move_elementTextField input.txt-l-size {
	width:100%;
}

.move_elementTextField input ,
.move_elementTextField input.txt-m-size {
	width:60%;
}

.move_elementTextField input.txt-s-size {
	width:20%;
}


.move_elementTextareaField textarea {
	width:100%;
}


.move_elementExplanationField p {
	line-height: normal !important;
}


/*チェックボックス*/
ul li.sample-image-radio-item ,
ul li.sample-image-checkbox-item {
	margin-left:20px;
}

ul li.sample-image-radio-item .thumbnail ,
ul li.sample-image-checkbox-item .thumbnail {
	background-color:#FFFFFF;
}

/*画像*/

#move_elementImageCheckboxField-dialog li {
	height:313px;
}

#move_elementImageCheckboxField-dialog .thumbnail {
	padding:4px ;
	border: 1px solid #DDDDDD ;
	height:303px;
}

#move_elementImageCheckboxField-dialog .thumbnail .caption {
	padding:9px 9px 0 9px !important
}

.move_elementImageField .span4 {
	width:auto !important;
	letter-spacing:normal !important;/*隙間をなくすためのハック*/
	display:inline-block !important;
	*display: inline !important;
	*zoom: 1 !important;
}


.move-image-target-highlight {
	height:311px !important;
}


.sample-image-area {
	width:auto;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	display:inline-block;
	*display: inline;
	*zoom: 1;
	margin-bottom:5px;
}

.sample-image-area .imgarea-ssize {
	width:200px;
}

.sample-image-area .imgarea-msize {
	width:400px;
}

.sample-image-area .imgarea-lsize {
	width:650px;
}
	

/*タイトル*/

div.title-area {
	margin:-20px 0 15px 20px;
	background:#d9f0ff;
	padding:5px;
	font-weight:bold;
}

div.title-area p {
	margin:0;
}

div.title-area span.ic-area img {
	padding-right:5px;
}


/*サイド*/

div#floatmenuarea .well {
	padding:10px;
}
	
/*ポップアップ*/

.ui-dialog fieldset label {
	font-weight:bold;
	background:#F5F5F5;
	padding:5px;
	margin-bottom:8px;
}

.radio.inline,
.checkbox.inline {
    display: inline-block !important;
    margin-bottom: 0 !important;
    padding: 5px 0 0 18px !important;
    vertical-align: middle !important;
	font-weight:normal !important;
	background:none !important;
}

#move_elementCalcField-dialog #formula-element {
	padding:3px;
	margin-bottom:10px;
}

#move_elementCalcField-dialog #formula-element input {
	margin-right:3px;
}

.thumbnail a.image-radio-del ,
.thumbnail a.image-checkbox-del {
	color:#FFFFFF !important;
}



.ui-dialog .ui-dialog-titlebar {
	padding:15px 1em;
}

/*ページ切り替えの装飾*/
.pageseparator-example {
	font-size:14px;
	font-weight:bold;
	color:#C30;
}

/*グラフ表示
==========================================================*/

.graph-area {
	text-align:center;
}

.graph-area ul li ,
.graph-area p {
	text-align:left;
}

.graph-area ul {
	width:800px;
	margin:0 auto 30px;
}

.graph-area ul li {
	list-style:none;
	padding:7px 5px;
	border-bottom:1px solid #eaeaea;
}

.graph-area ul li:nth-child(odd) {
	background:#eaeaea;
}