@charset "UTF-8"; 

html { height:100%; min-height:100%; background:#fff; }
body { height:100%; min-height:100%; color:#555; }

td, th { color:#555; }

.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { min-height:1px; }
* html .clearfix { height:1px; /*¥*//*/ height:auto; overflow:hidden; /**/ }

a:link, a:visited { color:#05d; text-decoration:none; }
a:hover { color:#f70; text-decoration:underline; }

.white { color:#fff; }
.red { color:#d00; }
.green { color:#5a1; }
.orange { color:#f70; }
.blue { color:#06c; }

.fl { float:left; }
.fr { float:right; }
.fn { float:none; }

.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }

::selection { background:#fc7; /* CSS3 */ }
::-moz-selection { background:#fc7; /* Firefox */ }

article,aside,canvas,details,figcaption,figure,
header,footer,hgroup,menu,nav,section,summary { display:block; }

/*----TOOLTIP----*/
.tooltip { position:absolute; z-index:9999; color:#fff; font-size:10px; width:auto; text-decoration:none; line-height:1.25; }
.tooltip .tt_body { background-color:#380; padding:8px; font-size:1.25em; -webkit-border-radius:0px 5px 5px 5px; -moz-border-radius:0px 5px 5px 5px; -o-border-radius:0px 5px 5px 5px; border-radius:0px 5px 5px 5px; behavior:url(/static/seven/js/PIE.htc); position:relative; text-indent:0px; text-decoration:none; }

/*----TOOLTIP2----*/
.tooltip2 { position:absolute; z-index:9999; color:#fff; font-size:10px; width:auto; text-decoration:none; }
.tooltip2 .tt_body { background-color:#f70; padding:8px; font-size:1.25em; -webkit-border-radius:0px 5px 5px 5px; -moz-border-radius:0px 5px 5px 5px; -o-border-radius:0px 5px 5px 5px; border-radius:0px 5px 5px 5px; text-indent:0px; text-decoration:none; }

.main_admin a .tooltip { text-decoration:none; }

/*----HEAD----*/
.h_global { width:100%; margin:0px; position:fixed; top:0px; left:0px; min-width:320px; z-index:9999; }

.h_global .title_bar { background:#333; color:#ddd; }
.h_global .title_bar hgroup { width:80px; }
.h_global hgroup { float:left; width:80px; height:30px; overflow:hidden; }
.h_global hgroup .title { float:left; width:80px; height:30px; }
.h_global hgroup .title a { display:block; margin:0 0 0 10px; width:80px; height:30px; color:#fff; line-height:1.4; font-size:1.3em; text-decoration:none; }
.h_global hgroup .sub_title { padding:8px 5px 6px 10px; }

.h_global .title_bar .sub_title { display:none; }

.h_global .side { float:right; width:auto; position:relative; z-index:300; }
.h_global .side ul { position:relative; }
.h_global .side li { float:right; position:relative; }
.h_global .side li > a,
.h_global .side li > span { display:inline-block; padding:9px 10px 7px; border-left:1px dotted #555; font-size:0.8em; text-decoration:none; color:#ddd; }
.h_global .side li a:hover,
.h_global .side li:hover { background-color:#181818; color:#fc0; }
.h_global .side li .jsm7-font { margin-right:5px; color:#ddd; }

.h_global .side .sub { display:none; position:absolute; left:0; top:auto; z-index:5000; }
.h_global .side .sub li { float:left; width:12em; background:#181818; zoom:1; border-top:1px dotted #555; line-height:1.5; }
.h_global .side .sub li a { display:block; background:#181818; color:#eee; zoom:1; padding:5px 10px; }
.h_global .side .sub li a:hover { background-color:#000; color:#fc0; text-decoration:underline; }

.h_global .side .dd { padding:0px 15px 0px 0px; background:url(../img/nav_logo.png) no-repeat right top; }

.h_global .side .sub .sub-dd { position:relative; }
.h_global .side .sub .sub-dd > a { background:url("../../cms/img/toolbar/sprite_toolbar.png") no-repeat -5px -295px; }
.h_global .side .sub .sub-dd .sub-sub { display:none; position:absolute; top:-1px; left:100%; }
.h_global .side .sub .sub-dd:hover .sub-sub { display:block; }
 
/*----RIBON----*/
.h_global .ribon { width:100%; min-width:640px; background-image:url(/css/ie9_green.svg); background:#5a1; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#7b4), to(#5a1)); background:-webkit-linear-gradient(#7b4, #5a1); background:-moz-linear-gradient(#7b4, #5a1); background:-ms-linear-gradient(#7b4, #5a1); background:-o-linear-gradient(#7b4, #5a1); background:linear-gradient(#7b4, #5a1); -pie-background:linear-gradient(#7b4, #5a1); behavior:url(/static/seven/js/PIE.htc); position:relative; z-index:200; }

.h_global .ribon ul { margin:0px; padding:0px; position:relative; z-index:1000; }
.h_global .ribon ul li { float:left; position:relative; height:30px; margin:0px; padding:0px; border-right:1px dotted #490; zoom:1; }
.h_global .ribon ul li a { display:block; padding:9px 10px 7px 30px; background:url(../img/nav_logo.png) no-repeat; font-size:14px; color:#fff; font-weight:bold; text-decoration:none; }
.h_global .ribon ul li a:hover,
.h_global .ribon ul li:hover { background-color:#380; }
.h_global .ribon .home { background-position:-5px -80px; }
.h_global .ribon .setting { background-position:-245px -80px; }
.h_global .ribon .account { background-position:-485px -80px; }
.h_global .ribon .file { background-position:-725px -80px; }
.h_global .ribon .template { background-position:-965px -80px; }
.h_global .ribon .page { background-position:-5px -120px; }
.h_global .ribon .work { background-position:-245px -120px; }

.h_global .ribon .dd { padding:0px 15px 0px 0px; background:url(../img/nav_logo.png) no-repeat right top; }
.h_global .ribon .sub { display:none; position:absolute; left:0; top:auto; z-index:5000; }
.h_global .ribon .sub li { width:12em; height:auto; background:#380; zoom:1; border-top:1px dotted #270; }
.h_global .ribon .sub li a { display:block; width:auto; height:auto; background:#380; color:#eee; zoom:1; padding:5px 10px; line-height:1.5; }
.h_global .ribon .sub li a:hover { background:#160; color:#fff; text-decoration:underline; }


.main_admin .title_bar2 { position:relative; z-index:auto; padding:5px; background:#fff; }
.main_admin .title_bar2 hgroup { width:48%; color:#222; font-size:1.2em; }
.main_admin .title_bar2 .sub_title { padding:8px 5px; }
.main_admin .title_bar2 .search_box { position:relative; float:right; width:auto; padding:3px; margin:0px; border:1px solid #aaa; display:inline; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; behavior:url(/static/seven/js/PIE.htc); }
.main_admin .title_bar2 .search_box .keyword { position:relative; width:160px; padding:0px; margin:0px; border:0px; color:#555; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; behavior:url(/static/seven/js/PIE.htc); }
.main_admin .title_bar2 .search_box .search_btn { position:relative; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; border-radius:15px; behavior:url(/static/seven/js/PIE.htc); }
.main_admin .title_bar2 .search_box .search_btn:hover { background-color:#fd0; }

/*----PAGE----*/
#content-main { float: left; width: 100%; }

#content-related { float: right; width: 18em; position: relative; margin-right: -19em; }

.colMS { margin-right: 20em !important; }

.colSM { margin-left: 20em !important; }
.colSM #content-main { float: right; }
.colSM #content-related { float: left; margin-right: 0; margin-left: -19em; }

.popup .colM { width: 95%; }

.contents { width:90%; max-width:1000px; margin:0.5em auto 1em auto; }
.contents_in { padding:50px 20px; }

.main_admin { margin:0 auto; padding:30px 0px 50px 0px; line-height:1.5em; min-width:300px; max-width:1000px; position:relative; }
.main_edit { margin:0 auto; padding:100px 0px 50px 0px; }

.main_admin .column { }
.main_admin .wrapper { padding:0px 10px; }

.main_admin section header { position:relative; padding:10px; margin:0px; font-size:1.25em; font-weight:bold; color:#fff; background-image:url(/css/ie9_green.svg); background:#5a1; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#7b4), to(#5a1)); background:-webkit-linear-gradient(#7b4, #5a1); background:-moz-linear-gradient(#7b4, #5a1); background:-ms-linear-gradient(#7b4, #5a1); background:-o-linear-gradient(#7b4, #5a1); background:linear-gradient(#7b4, #5a1); -pie-background:linear-gradient(#7b4, #5a1); -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -o-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; vertical-align:bottom; behavior:url(/static/seven/js/PIE.htc); }
.main_admin section header h3_ { background:url(../img/i_white.png) no-repeat left center; padding:0px 0px 0px 22px; }
.main_admin section .conts { padding:0px; border:#ccc solid 1px; border-top:0px; }
.main_admin section .conts article { padding:10px; border-bottom:#999 dotted 1px; }
.main_admin section .conts article h4 { color:#555; font-size:1.25em; margin-bottom:5px; }
.main_admin section .conts article:last-child { border:0px; }

/*----TAB----*/
.tab_box { display:block; border-bottom:5px solid #5a1; }
.tab_box li { display:block; float:left; width:auto; min-width:84px; font-weight:bold; background:#ddd; padding:3px 10px 0px 10px; margin-right:2px; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -o-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; vertical-align:bottom; behavior:url(/static/seven/js/PIE.htc); }
.tab_box li:hover { display:block; color:#fff; background-image:url(/css/ie9_green.svg); background:#280; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#5a1), to(#280)); background:-webkit-linear-gradient(#5a1, #280); background:-moz-linear-gradient(#5a1, #280); background:-ms-linear-gradient(#5a1, #280); background:-o-linear-gradient(#5a1, #280); background:linear-gradient(#5a1, #280); -pie-background:linear-gradient(#5a1, #280); behavior:url(/static/seven/js/PIE.htc); position:relative; }
.tab_box .ui-tabs-selected { display:block; color:#fff; text-decoration:none; background-image:url(/css/ie9_green.svg); background:#5a1; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#7b4), to(#5a1)); background:-webkit-linear-gradient(#7b4, #5a1); background:-moz-linear-gradient(#7b4, #5a1); background:-ms-linear-gradient(#7b4, #5a1); background:-o-linear-gradient(#7b4, #5a1); background:linear-gradient(#7b4, #5a1); -pie-background:linear-gradient(#7b4, #5a1); behavior:url(/static/seven/js/PIE.htc); position:relative; }
.tab_box li a { color:#555; text-decoration:none; z-index:9999; }
.tab_box li:hover a,
.tab_box .ui-tabs-selected a { color:#fff; display:block; width:100%; height:100%; z-index:9999; }

.ui-tabs-panel { padding:10px 0px; /*border:1px solid #ccc; border-top:0px; */ }
.ui-tabs-panel article { width:100%; margin-bottom:10px; border-bottom:1px dotted #ccc; }
.ui-tabs-panel article h3 { margin-bottom:5px; }
.ui-tabs-panel article ul li { padding:0px 0px 5px 0px; margin:0px; overflow:auto; }
.ui-tabs-panel article ul li a {}
.ui-tabs-panel article ul li dl { }
.ui-tabs-panel article ul li dl dd {margin-bottom:5px; height:auto; }

@media projection, screen { .ui-tabs-hide { display:none; }}
@media print { .ui-tabs-nav { display:none; }}

.b_mode { float:right; width:auto; }


/*----PAGE_ADMIN----*/
.page_box { border:0px; }
.page_box .ui-tabs-panel h3 { font-size:1.2em; border-bottom:1px dotted #ccc; margin-bottom:10px; }
.page_box .ui-tabs-panel h3 span { font-size:0.8em; }
.page_box .jsm7-font { font-size:3.0em; }
.page_box .button_box { margin-bottom:20px; }
.page_box .button_box .table01 td { vertical-align:middle; }
.page_box .button_box .table01 .jsm7-font { font-size:1.7em; }
.page_box .button_box .table01 a { display:block; text-align:center; }
.page_box #page01 .list, .page_box #page02 .list, .page_box #page03 .list, .page_box #page04 .list { float:left; width:22%; min-width:20px; text-align:center; margin:0px 6px 12px 6px; border:1px solid #ccc; font-weight:bold; background-image:url(/css/ie9_gray.svg); background:#eee; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#eee)); background:-webkit-linear-gradient(#fff, #eee); background:-moz-linear-gradient(#fff, #eee); background:-ms-linear-gradient(#fff, #eee); background:-o-linear-gradient(#fff, #eee); background:linear-gradient(#fff, #eee); -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.4); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.4); box-shadow:0px 2px 2px rgba(0,0,0,0.4); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; /*-webkit-transition:all 400ms linear; -moz-transition:all 400ms linear; -o-transition:all 400ms linear; -ms-transition:all 400ms linear; transition:all 400ms linear; */ behavior:url(/static/seven/js/PIE.htc); }
.page_box #page01 .list:hover, .page_box #page02 .list:hover, .page_box #page03 .list:hover, .page_box #page04 .list:hover  { margin:2px 6px 10px 6px; background:#fd0; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ff9), to(#fd0)); background:-webkit-linear-gradient(#ff9, #fd0); background:-moz-linear-gradient(#ff9, #fd0); background:-ms-linear-gradient(#ff9, #fd0); background:-o-linear-gradient(#ff9, #fd0); background:linear-gradient(#ff9, #fd0); -webkit-box-shadow:0px 0px 1px rgba(0,0,0,0.4); -moz-box-shadow:0px 0px 1px rgba(0,0,0,0.4); box-shadow:0px 0px 1px rgba(0,0,0,0.4); behavior:url(/static/seven/js/PIE.htc); }
.page_box #page01 .list a, .page_box #page02 .list a, .page_box #page03 .list a, .page_box #page04 .list a { display:block; width:100%; padding:5px 0px; margin:0; color:#555; text-decoration:none; }
.page_box #page01 .list span, .page_box #page02 .list span,.page_box #page03 .list span, .page_box #page04 .list span { display:block; float:none; margin:0 auto; }

.page_box .date { text-indent:-9999px; width:15px; }
.page_box .creator span { }
.page_box .creator { text-indent:-9999px; width:15px; }
.page_box .creator span { }

/*----INFO----*/
.info_box { padding:0px; }
.info_box dl { position:relative; width:100%; background:#fd0; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; position:inherit; z-index:5; behavior:url(/static/seven/js/PIE.htc); line-height:1.5; }
.info_box dt { color:#333; font-size:1.25em; font-weight:bold; }
.info_box dt h3 { padding:5px 10px 0px 10px; margin:0px; }
.info_box dd { padding:0px 10px 5px 10px; zoom:1; }
.info_box ul li {}
.info_box ul li a:link, .info_box ul li a:visited { color:#c33; }
.info_box ul li a:hover { color:#c33; background:none; }
.info_box a { display:block; width:100%; }

/*----UPDATE----*/
.osusume_box { padding:10px; border:1px solid #ddd; margin-bottom:10px; }
.osusume_box h3 { margin-bottom:5px; }
.osusume_box h4 {border-bottom:1px dotted #aaa; color:#5a1; margin-bottom:5px; }
.osusume_box article { margin-bottom:10px; }
.osusume_box ul { }
.osusume_box ul li { padding:0px 5px; overflow:hidden;}
.osusume_box ul li a { display:block; width:100%; }

/*----UPDATE----*/
.update_box { padding:10px; border:1px solid #ddd; margin-bottom:10px; }
.update_box h3 { margin-bottom:5px; }
.update_box h4 { border-bottom:1px dotted #aaa; color:#5a1; margin-bottom:5px; }
.update_box article { margin-bottom:10px; }
.update_box ul { }
.update_box ul li { padding:0px 5px; overflow:hidden;}
.update_box ul li a { display:block; width:100%; }

/*----CONTACT----*/
.contact_box { padding:10px; border:1px solid #ddd; margin-bottom:10px; }
.contact_box h4 { text-align:center; margin-bottom:10px; }
.contact_box h4 img { max-width:300px; }
.contact_box a { display:block; padding:5px 10px; border:2px solid #5a1; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5pxx; border-radius:5px; background:#fff; background:linear-gradient(#fff, #eee); background:-moz-linear-gradient(top, #fff, #eee); background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); behavior:url(/static/seven/js/PIE.htc); font-weight:bold; color:#5a1; text-align:center; }
.contact_box a:hover { background:#eee; }

/*----FOOT----*/
.f_global { width:100%; background:#fff; margin:0px; padding:0px; border-top:1px solid #ccc; zoom:1; position:fixed; bottom:0px; text-align:right; font-size:12px; opacity:0.8; filter:alpha(opacity = 80); -ms-filter:"alpha(opacity=80)"; -moz-opacity:0.8; -khtml-opacity:0.8; }
.f_global .copyright { float:right; padding:12px 15px 10px 15px; }
.f_global .pagetop { float:right; display:block; text-indent:9999px; margin:8px 15px 8px 0px; width:20px; height:20px; background:url(../img/nav_logo.png) no-repeat -250px -5px; }
/*.f_global .main_admintop:hover { background-color:#fc7; }*/


.sub01 { font-weight:bold; padding:5px 10px 5px 20px; background:url(i_green16.png) no-repeat center left; line-height:2.0; }

.breadcrumbs { padding:0px 10px ; background:#fff; /*font-size:0.8em;*/ border-bottom:1px solid #ddd; margin-bottom:1em; }
.description { padding:0px 0px 5px 0px; margin-bottom:0.5em; border-bottom:1px dashed #bbb; }

fieldset { margin-bottom:10px;}
section.form-row {overflow:hidden; padding:5px; margin:0; border-bottom:1px solid #ddd; }
section.last { border:none; }
section img, section input { vertical-align:middle; }
form section p { padding:0; }
section.menu { border:none; }

fieldset h2, section h2 { background:#5a1; background-image:url(/css/ie9_green.svg); background:#5a1; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#7b4), to(#5a1)); background:-webkit-linear-gradient(#7b4, #5a1); background:-moz-linear-gradient(#7b4, #5a1); background:-ms-linear-gradient(#7b4, #5a1); background:-o-linear-gradient(#7b4, #5a1); background:linear-gradient(#7b4, #5a1); -pie-background:linear-gradient(#7b4, #5a1); -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; color:#FFF; font-size:1.2em; font-weight:bold; margin:0px 0px 10px 0px; padding:5px; vertical-align:bottom; behavior:url(/static/seven/js/PIE.htc); }


/* MESSAGES & ERRORS */
ul.messagelist { padding:0 0 5px 0; margin:0; }
ul.messagelist li { display:block; padding:4px 5px 4px 25px; margin:0 0 3px 0; color:#555; background:#ffc url(../img/icon_success.gif) 5px .3em no-repeat; }
ul.messagelist li.warning{ background-image:url(../img/icon_alert.gif); }
ul.messagelist li.error{ background-image:url(../img/icon_error.gif); }
.errornote { display:block; padding:5px 10px; margin:0 0 5px 0; border:5px solid red; color:red; background:#fff; /*#ffc url(../img/icon_error.gif) 5px .3em no-repeat; */ }
ul.errorlist { margin:0 !important; padding:0 !important; }
.errorlist li { /* font-size:12px !important; */ display:block; padding:4px 5px 4px 25px; margin:0 0 3px 0; border:1px solid red; color:white; background:red url(../img/icon_alert.gif) 5px .3em no-repeat; }
.errorlist li a { color:white; text-decoration:underline; }
td ul.errorlist { margin:0 !important; padding:0 !important; }
td ul.errorlist li { margin:0 !important; }
.errors { background:#ffc; }
.errors input, .errors select, .errors textarea { border:1px solid red; }
div.system-message { background:#ffc; margin:10px; padding:6px 8px; /* font-size:.8em; */ }
div.system-message p.system-message-title { padding:4px 5px 4px 25px; margin:0; color:red; background:#ffc url(../img/icon_error.gif) 5px .3em no-repeat; }

.row1 { background:#eef7e8; }
.row2 { background:white; }

/* FORM DEFAULTS */
input, textarea, select, .form-row p { padding:2px 3px; vertical-align:middle; font-weight:normal; font-size:1.0em; }
textarea { vertical-align:top !important; }
input[type=text], input[type=password], textarea, select, .vTextField { border:1px solid #bbb; margin:5px 0px; }

/* FORM BUTTONS */
.button, input[type=submit], input[type=button], .submit-row input { position:relative; padding:0px 15px; margin:5px; border:2px solid #5a1; background-image:url(/css/ie9_green.svg); background:#5a1; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#eee)); background:-webkit-linear-gradient(#fff, #eee); background:-moz-linear-gradient(#fff, #eee); background:-ms-linear-gradient(#fff, #eee); background:-o-linear-gradient(#fff, #eee); background:linear-gradient(#fff, #eee); -pie-background:linear-gradient(#fff, #eee); -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; border-radius:3px; box-shadow:0px 1px 2px #ccc; -moz-box-shadow:0px 1px 2px #ccc; -webkit-box-shadow:0px 1px 2px #ccc; font-weight:bold; color:#5a1; behavior:url(/static/seven/js/PIE.htc); }
.submit-row input { padding:10px; }
.button:active, input[type=submit]:active, input[type=button]:active, .button:hover, input[type=submit]:hover, input[type=button]:hover { position:relative; cursor:pointer; border:2px solid #5a1; background:#fff; box-shadow:0px 0px 1px #ccc; -moz-box-shadow:0px 0px 1px #ccc; -webkit-box-shadow:0px 0px 1px #ccc; behavior:url(/static/seven/js/PIE.htc); color:#5a1; }

.button[disabled], input[type=submit][disabled], input[type=button][disabled] { border:none; background:#ccc; margin:5px; box-shadow:none; }
.button.other, input[type=submit].other, .submit-row input.other { position:relative; padding:8px; border:2px solid #5a1; background:#fff; background:linear-gradient(#fff, #eee); background:-moz-linear-gradient(top, #fff, #eee); background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); font-weight:bold; color:#5a1; behavior:url(/static/seven/js/PIE.htc); }
/*.button.default:hover, input[type=submit].default:hover { border:2px solid #280 ; color:#280; }*/
.button.other:active, input[type=submit].other:active { position:relative; border:2px solid #280 ; background:#eee; color:#280; box-shadow:0px 0px 1px #ccc; -moz-box-shadow:0px 0px 1px #ccc; -webkit-box-shadow:0px 0px 1px #ccc; behavior:url(/static/seven/js/PIE.htc); }
.button[disabled].other, input[type=submit][disabled].other, input[type=button][disabled].default { background:#ccc; opacity:0.4; }

input[type=checkbox] { background:none; border:0px; cursor:pointer; }

.button.other, input[class=notfilled].other, .submit-row input.other, .other { position:relative; float:right; padding:8px; border:2px solid #5a1; background-image:url(/css/ie9_gray.svg); background:#eee; /background:#eee !important; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#eee)); background:-webkit-linear-gradient(#fff, #eee); background:-moz-linear-gradient(#fff, #eee); background:-ms-linear-gradient(#fff, #eee); background:-o-linear-gradient(#fff, #eee); background:linear-gradient(#fff, #eee); font-weight:bold; color:#5a1; behavior:url(/static/seven/js/PIE.htc); }
/*.button.default:hover, input[class=notfilled].default:hover { border:2px solid #280 ; color:#280; }*/
.button.other:active, input[class=notfilled].other:active { position:relative; border:2px solid #280 ; background:#ddd; color:#280; box-shadow:0px 0px 1px #ccc; -moz-box-shadow:0px 0px 1px #ccc; -webkit-box-shadow:0px 0px 1px #ccc; behavior:url(/static/seven/js/PIE.htc); }

.button.deletelink, input[type=submit].deletelink, input[type=button].deletelink, .submit-row input.deletelink { position:relative; float:left; padding:10px 20px; margin:5px; background-image:url(/css/ie9_red.svg); background:#c00; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#e22), to(#c00)); background:-webkit-linear-gradient(#e22, #c00); background:-moz-linear-gradient(#e22, #c00); background:-ms-linear-gradient(#e22, #c00); background:-o-linear-gradient(#e22, #c00); background:linear-gradient(#e22, #c00); -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; box-shadow:0px 1px 2px #ccc; -moz-box-shadow:0px 1px 2px #ccc; -webkit-box-shadow:0px 1px 2px #ccc; font-weight:bold; color:#fff; border:0px; behavior:url(/static/seven/js/PIE.htc); }
/*.button.deletelink:hover, input[type=submit].deletelink:hover, input[type=button].deletelink:hover { background:#280; background:linear-gradient(#bb0000, #990000); background:-moz-linear-gradient(top, #b00, #900); background:-webkit-gradient(linear, left top, left bottom, from(#b00), to(#900)); border:0px; }*/
.button.deletelink:active, input[type=submit].deletelink:active, input[type=button].deletelink:active { position:relative; background:#900; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#b00), to(#900)); background:-webkit-linear-gradient(#b00, #900); background:-moz-linear-gradient(#b00, #900); background:-ms-linear-gradient(#b00, #900); background:-o-linear-gradient(#b00, #900); background:linear-gradient(#b00, #900); box-shadow:0px 0px 1px #ccc; -moz-box-shadow:0px 0px 1px #ccc; -webkit-box-shadow:0px 0px 1px #ccc; behavior:url(/static/seven/js/PIE.htc); }

label { margin:5px; font-weight:bold; }
fieldset p.help { width:100%; padding:0px 5px; margin:0px; vertical-align:middle; font-size:0.8em; }

/* RADIO BUTTONS */
form ul.radiolist li { list-style-type:none; }
form ul.radiolist label { float:none; display:inline; }
form ul.inline { margin-left:0; padding:0; }
form ul.inline li { float:left; padding-right:7px; }

/* ALIGNED FIELDSETS */
.colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField { width:350px; }
form .aligned p, form .aligned ul { margin-left:5em; padding-left:0px; }
form .aligned table p { margin:0; padding:0; }
.vCheckboxLabel { float:none !important; display:inline; padding-left:4px; width:auto; }
.colM .aligned .vLargeTextField, .colM .aligned .vXMLLargeTextField { width:610px; }
fieldset .field-box { float:left; margin-right:10px; }


/* COLLAPSED FIELDSETS */
fieldset.collapsed .collapse-toggle { background:transparent; display:inline !important; }

/* MONOSPACE TEXTAREAS */
fieldset.monospace textarea { font-family:"Bitstream Vera Sans Mono",Monaco,"Courier New",Courier,monospace; }

/* SUBMIT ROW */
.submit-row { padding:10px 0px ; text-align:right; border:0px; margin:5px 0; overflow:hidden; }
.submit-buttons-top .submit-row { border-bottom:1px dashed #bbb; }
.submit-buttons-bottom .submit-row { border-top:1px dashed #bbb; }
body.popup .submit-row { overflow:auto; }
.submit-row input { float:right; }
/*.submit-row deletelink { float:left; }*/

/* CUSTOM FORM FIELDS */
/*.vSelectMultipleField { vertical-align:top !important; margin:2px; }
.vCheckboxField { border:none; margin:2px; }
.vDateField, .vTimeField { margin:2px; }
.vURLField { width:30em; margin:2px; }
.vLargeTextField, .vXMLLargeTextField { width:48em; margin:2px; }
.flatpages-flatpage #id_content { height:40.2em; }
.module table .vPositiveSmallIntegerField { width:2.2em; }
.vTextField { width:20em; }
.vIntegerField { width:5em; }
.vForeignKeyRawIdAdminField { width:5em; }
*/
/* INLINES */
.inline-group { padding:0; /*border:1px solid #ccc; */ margin:10px 0; }
.inline-related { position:relative; }
.inline-related h3 { margin:0; color:#666; padding:3px 5px; font-size:11px; 
/* background:#e1e1e1 url(../img/nav-bg.gif) top left repeat-x; */
 border-bottom:1px solid #ddd; }
.inline-related h3 span.delete { float:right; }

.inline-related fieldset { margin:0; background:#fff; border:none; }
.inline-related fieldset.module h3 { margin:0; padding:2px 5px 3px 5px; font-size:11px; text-align:left; font-weight:bold; background:#bcd; color:#fff; }
.inline-group .tabular fieldset.module { border:none; border-bottom:1px solid #ddd; }
.inline-related.tabular fieldset.module table { width:100%; }
.last-related fieldset { border:none; }
.inline-group .tabular tr.has_original td { padding-top:2em; }
.inline-group .tabular tr td.original { padding:2px 0 0 0; width:0; _position:relative; }
.inline-group .tabular th.original { width:0px; padding:0; }
.inline-group .tabular td.original p { position:absolute; left:0; height:1.1em; padding:2px 7px; overflow:hidden; font-size:9px; font-weight:bold; color:#666; _width:700px; }
.inline-group ul.tools { padding:0; margin:0; list-style:none; }
.inline-group ul.tools li { display:inline; padding:0 5px; }
.inline-group div.add-row,
.inline-group .tabular tr.add-row td { color:#666; padding:3px 5px; border-bottom:1px solid #ddd; /*background:#e1e1e1 url(../img/nav-bg.gif) top left repeat-x; */}

.inline-group .tabular tr.add-row td { padding:4px 5px 3px; border-bottom:none; }
.inline-group ul.tools a.add,
.inline-group div.add-row a,
.inline-group .tabular tr.add-row td a { background:url(../img/i_addlink.png) 0 50% no-repeat; padding-left:14px; font-size:11px; outline:0; /* Remove dotted border around link */
}

.empty-form { display:none; }


/* lang_tabs */
.lang_tabs { margin:0px; /*border-bottom:2px solid #5a1; */ list-style-type:none; }

.lang_tabs li { position:relative; float:left; width:auto; font-weight:bold; padding:5px 20px; margin:0px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -o-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; border:2px solid #7b4; border-bottom:none; background:#eee; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#eee)); background:-webkit-linear-gradient(#fff, #eee); background:-moz-linear-gradient(#fff, #eee); background:-ms-linear-gradient(#fff, #eee); background:-o-linear-gradient(#fff, #eee); background:linear-gradient(#fff, #eee); behavior:url(/static/seven/js/PIE.htc); }
.lang_tabs li a { color:#5a1; text-decoration:none; }
.lang_tabs li:hover { position:relative; color:#fff; background:background:#ddd; -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#fff)); background:-webkit-linear-gradient(#eee, #fff); background:-moz-linear-gradient(#eee, #fff); background:-ms-linear-gradient(#eee, #fff); background:-o-linear-gradient(#eee, #fff); background:linear-gradient(#eee, #fff); behavior:url(/static/seven/js/PIE.htc); }
.lang_tabs .selected, .lang_tabs .selected:hover { background:#7b4; /background:#5a1; }
.lang_tabs .selected a { color:#fff; }

#lang_tab_content .header { position: relative; margin:0 0 -3px 0; padding: 2px 5px 3px; background: none repeat scroll 0 0 #77BB44; font-size: 11px; font-weight: bold; text-align: left;}

.deletetranslation { margin-left:30px; }

.cms-page .datetime { margin-left:9em; }

/* misc */
.delete_items, .delete_items ul { margin:0 0 1em 24px; list-style-type:square;}

/* TABLES */
.table01 { width:100%; border-collapse:collapse; border:1px solid #ccc; margin-bottom:10px; }
.table01 th, .table01 td { padding:5px 10px; border:1px solid #ccc; vertical-align:top; }
.table01 td div label, .table01 td label { width:auto; }

.table03 { border:2px solid #580; border-collapse:collapse; margin-bottom:10px; }
.table03 th, .table03 td { padding:5px 10px; border:1px solid #ddd; vertical-align:top; }
.table03 caption { padding:5px 8px; font-weight:bold; }
.table03 thead th { padding:10px 10px; }
.table03 thead td { padding:10px 10px; }
.table03 tbody th { text-align:left; font-weight:bold; }

.row1, tr.row1, table01 .row1 { background:#eef7e8; }
.row2, tr.row2, table01 .row2 { background:white; }

.folder_header .jsm7-font { font-size:1.2em; }
.row1 td:nth-child(2) .jsm7-font,
.row2 td:nth-child(2) .jsm7-font { font-size:3.0em; vertical-align:middle; }
.row1 td:nth-child(3) .jsm7-font,
.row2 td:nth-child(3) .jsm7-font { font-size:1.2em; vertical-align:middle; }

/* SORTABLE TABLES */
thead th { padding:2px 5px; line-height:normal; }
thead th a:link, thead th a:visited { color:#555; }
thead th.sorted { }
table thead th .text span { padding:2px 5px; display:block; }
table thead th .text a { display:block; cursor:pointer; padding:2px 5px; }
table thead th.sortable:hover { background:#eee; }
thead th.sorted a.sortremove { visibility:hidden; }
table thead th.sorted:hover a.sortremove { visibility:visible; }
table thead th.sorted .sortoptions { display:block; padding:4px 5px 0 5px; float:right; text-align:right; }
table thead th.sorted .sortpriority { font-size:.8em; min-width:12px; text-align:center; vertical-align:top; }
table thead th.sorted .sortoptions a { width:14px; height:12px; display:inline-block; }
table thead th.sorted .sortoptions a.sortremove { background:url(../img/sorting-icons.gif) -4px -5px no-repeat; }
table thead th.sorted .sortoptions a.sortremove:hover { background:url(../img/sorting-icons.gif) -4px -27px no-repeat; }
table thead th.sorted .sortoptions a.ascending { background:url(../img/sorting-icons.gif) -5px -50px no-repeat; }
table thead th.sorted .sortoptions a.ascending:hover { background:url(../img/sorting-icons.gif) -5px -72px no-repeat; }
table thead th.sorted .sortoptions a.descending { background:url(../img/sorting-icons.gif) -5px -94px no-repeat; }
table thead th.sorted .sortoptions a.descending:hover { background:url(../img/sorting-icons.gif) -5px -115px no-repeat; }


/* ORDERABLE TABLES */
table.orderable tbody tr td:hover { cursor:move; }
table.orderable tbody tr td:first-child { padding-left:14px; background-image:url(../img/nav-bg-grabber.gif); background-repeat:repeat-y; }
table.orderable-initalized .order-cell, body>tr>td.order-cell { display:none; }




/* MESSAGES & ERRORS */
ul.messagelist { padding:0 0 5px 0; margin:0; }
ul.messagelist li { /* font-size:12px; */ display:block; padding:4px 5px 4px 25px; margin:0 0 3px 0; /* border-bottom:1px solid #ddd; */ color:#555; background:#ffc url(../img/i_yes.png) 5px .3em no-repeat; }
ul.messagelist li.warning{ background-image:url(../img/icon_alert.gif); }
ul.messagelist li.error{ background-image:url(../img/i_no.png); }
.errornote { display:block; padding:5px 10px; margin:0 0 5px 0; border:5px solid red; color:red; background:#fff; /*#ffc url(../img/icon_error.gif) 5px .3em no-repeat; */ }
ul.errorlist { margin:0 !important; padding:0 !important; }
.errorlist li { display:block; padding:4px 5px 4px 25px; margin:0 0 3px 0; border:1px solid red; color:white; background:red url(../img/icon_alert.gif) 5px .3em no-repeat; }
.errorlist li a { color:white; text-decoration:underline; }
td ul.errorlist { margin:0 !important; padding:0 !important; }
td ul.errorlist li { margin:0 !important; }
.errors { background:#ffc; }
.errors input, .errors select, .errors textarea { border:1px solid red; }
div.system-message { background:#ffc; margin:10px; padding:6px 8px; }
div.system-message p.system-message-title { padding:4px 5px 4px 25px; margin:0; color:red; background:#ffc url(../img/icon_error.gif) 5px .3em no-repeat; }


/* OBJECT TOOLS */
.object-tools { float:right; margin:-77px 0px 4px 0px; font-weight:bold; width:auto; position:relative; }
.object-tools li { display:block; float:left; margin-left:2px; }
.form-row .object-tools { float:none; }

.object-tools a:link, .object-tools a:visited, .filter a:link, .filter a:visited { position:relative; float:left; display:block; background:#eee; border:1px solid #bbb; color:#555; margin:0px 0px 0px 5px; padding:0px 10px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; box-shadow:0px 1px 2px #ccc; -moz-box-shadow:0px 1px 2px #ccc; -webkit-box-shadow:0px 1px 2px #ccc; vertical-align:middle; text-decoration:none; behavior:url(/static/seven/js/PIE.htc); }
.object-tools a:active { background:#ddd; box-shadow:0px 0px 1px #ccc; -moz-box-shadow:0px 0px 1px #ccc; -webkit-box-shadow:0px 0px 1px #ccc; }
.object-tools a.notice { position:relative; padding:1px 11px; border:none; background:#5a1; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#7b4), to(#5a1)); background:-webkit-linear-gradient(#7b4, #5a1); background:-moz-linear-gradient(#7b4, #5a1); background:-ms-linear-gradient(#7b4, #5a1); background:-o-linear-gradient(#7b4, #5a1); background:linear-gradient(#7b4, #5a1); -pie-background:linear-gradient(#7b4, #5a1); -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; color:#FFF; font-weight:bold; vertical-align:middle; text-decoration:none; box-shadow:0px 1px 2px #ccc; -moz-box-shadow:0px 1px 2px #ccc; -webkit-box-shadow:0px 1px 2px #ccc; behavior:url(/static/seven/js/PIE.htc); }


.object-tools .addselect { position:relative; float:left; padding:1px 11px; display:block; width:8em; position:relative; background:#5a1; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#7b4), to(#5a1)); background:-webkit-linear-gradient(#7b4, #5a1); background:-moz-linear-gradient(#7b4, #5a1); background:-ms-linear-gradient(#7b4, #5a1); background:-o-linear-gradient(#7b4, #5a1); background:linear-gradient(#7b4, #5a1); -pie-background:linear-gradient(#7b4, #5a1); -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; color:#FFF; font-weight:bold; vertical-align:middle; text-decoration:none; box-shadow:0px 1px 2px #ccc; -moz-box-shadow:0px 1px 2px #ccc; -webkit-box-shadow:0px 1px 2px #ccc; behavior:url(/static/seven/js/PIE.htc); }

.object-tools .addselect .selectBox{ float:left; width:auto; height:auto; display:block; }
.object-tools a.notice:active, .object-tools a.notice:hover, .object-tools .addselect:active, .object-tools .addselect .selectBox:active, .object-tools .addselect:hover, .object-tools .addselect .selectBox:hover /*.object-tools.selectBox.expanded*/ { position:relative; background:linear-gradient(#491, #280); background:-moz-linear-gradient(top, #491, #280); background:-webkit-gradient(linear, left top, left bottom, from(#491), to(#280)); color:#FFF; behavior:url(/static/seven/js/PIE.htc); }
.object-tools .addselect .sub { float:left; position:absolute; top:1.8em; left:0; display:block; width:100%; }
.object-tools .addselect li { width:100%; }
.object-tools .addselect li a { position:relative; float:none; display:block; border:0; width:100%; background:none; height:auto; padding:0; margin:0; padding:3px 5px; border:1px solid #bbb; background:#fff; color:#555; cursor:pointer; position:relative; box-shadow:0px 1px 2px #ccc; -moz-box-shadow:0px 1px 2px #ccc; -webkit-box-shadow:0px 1px 2px #ccc; behavior:url(/static/seven/js/PIE.htc); }
.object-tools .addselect li a:active, .object-tools .addselect li a:hover { background:#ff9; border:1px solid #5a1; }
.object-tools .addselect li span{ vertical-align:middle; }
.object-tools .addselect li img{ vertical-align:middle; margin-right:5px; }

/*フィルターのCSSはadmin/css/changelists.cssを参照してください*/


/* OBJECT HISTORY */
table#change-history { width:100%; }
table#change-history tbody th { width:16em; }



/* TEXT STYLES & MODIFIERS */
.small { font-size: 0.68em; }
.tiny { font-size: 0.63em; }
p.tiny { margin-top: -2px; }
.mini { font-size: 0.56em; }
p.mini { margin-top: -3px; }
.help,
p.help { font-size: 0.63em; !important; color: #999; }
img.help-tooltip { cursor: help }
p img,
h1 img,
h2 img,
h3 img,
h4 img,
td img { vertical-align: middle }
.quiet,
a.quiet:link,
a.quiet:visited { color: #999 !important; font-weight: normal !important; }
.quiet strong { font-weight: bold !important }
.float-right { float: right }
.float-left { float: left }
.clear { clear: both }
.align-left { text-align: left }
.align-right { text-align: right }
.example { margin: 10px 0; padding: 5px 10px; background: #efefef; }
.nowrap { white-space: nowrap }



@media screen and (max-width:768px) {
    .colMS { margin-right: 0 !important; }
    .colSM { margin-left: 0 !important; }
    .main_admin #content-main, .main_admin #content-related { float:none; width:100%; }
    .main_admin .update_box .conts article { float:none; width:100%; }
    .main_admin .decision_box .conts article { float:none; width:100%; }
    .change-list #content { margin-top:76px; }
    .change-list .filter { position:static; margin-bottom:10px; height:24px; }
}

@media screen and (max-width:640px) {
    .h_global .title_bar .side { width:220px; }
    .h_global .side li .admin { text-indent:-9999px; max-width:200px; }
    .h_global .side > ul > li > a { text-indent:-9999px; font-size:12px; }
    .h_global .side .sub { right:0; left:auto; }
    .change-list #content { margin-top:76px; }
    .change-list #site-selector { float:none; }
    .change-list .filter { position:static; margin-bottom:10px; height:24px; }
}

@media screen and (max-width:500px) {
    .main_admin { font-size:0.8em; }
    .main_admin .title_bar2 { display:none; }
    .filter { display:none; }
    .change-list #content { margin-top:76px; }
    .change-list #toolbar { text-align:right; }
    .change-list #site-selector { float:none; }
    .change-list #changelist-search input[type="submit"] { margin-top:5px !important; }
    #sitemap ul.header li .col1 { font-size:1.0em; }
}

/* メイディアディレクトリ内の画像ファイルのプロパティにおいて、
「クリア」のチェックボックを非表示にする */
.filer-image.change-form .clearable-file-input {
	display:none;
}