@charset "utf-8";

/*************/
/*** reset ***/
/*************/
body  {font:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  "MS P Gothic", sans-serif; background:#ffffff; margin:0; padding:0; font-size:14px; color:#000000; line-height:130%;}
p,div {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
a {color:#000000; text-decoration:underline;}
a:hover {text-decoration:none;}
img {border:none;}
input {margin:0; padding:0;}
textarea {resize:vertical;}
address {text-decoration:none; font-style:normal;}
table {border-collapse:separate; border-spacing:0; width:100%;}

.clrfix {min-height:1px;}
.clrfix:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}

/**************/
/*** common ***/
/**************/

#container{min-width:980px;}

.link {background:transparent url(../img/marker3.gif) no-repeat 0 0; padding-left:15px;}
.link:hover {background-position:0px -15px;}

.center {text-align:center;}
.notice {border:#9f9f9f solid 1px; margin-bottom:10px; padding:10px; text-align:center; background-color:#ffffe0; font-weight:bold;}
.notice .msg {color:#000000;}
.notice .error {color:#ff0000;}

.large {font-size:large;}
.small {font-size:small;}
.small2 {font-size:85%;}
.bold {font-weight:bold;}
.strong {font-weight:bolder;}

a.button,button.button {margin:5px 0; padding:5px 10px; font-weight:bold; background-color:#f9f9f9; border:#9f9f9f solid 1px; text-decoration:none; cursor:default; white-space:nowrap; border-radius:5px;}
a.button:hover,button.button:hover {background-color:#afafaf; text-decoration:none;}


p.button {padding:20px; text-align:center; vertical-align:middle;}

.blank {margin-bottom:10px;}
.blank_top {margin-top:10px;}

p.menu a.selected {font-weight:bold;}


/************************/
/*** ログインフォーム ***/
/************************/
#admin_login_container {background-color:#cccccc;}
#admin_loginform {width:500px; background-color:#fff; margin:-200px 0 0 -250px; left:50%; top:50%; position:absolute;}

#admin_login_logo {margin:25px auto 5px; text-align:center;}

#admin_totop {float:right; margin:0 20px 20px 0;}

.admin_login_input {width:320px; height:29px; margin:0 auto 13px;}
.admin_login_input:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.admin_login_input img {float:left;}
.admin_login_input input {margin:0; padding:0; float:right; width:192px; height:19px; padding:5px; background:url(../img/login_inputform.gif); font-size:large; border:none;}

.admin_login_notice {width:320px; margin:5px auto 10px; font-size:small; text-align:center;}
.admin_login_notice .msg {color:#000000;}
.admin_login_notice .error {color:#ff0000;}

#admin_login_subimt {text-align:center;}
#admin_login_subimt input {width:102px; height:29px; background:transparent url(../img/login_button.gif) no-repeat 0 0; text-indent:9999px; text-decoration:none; overflow:hidden; border:none;}
#admin_login_subimt input:hover {background-position:0px -29px;}

#admin_login_footer {font-size:x-small; margin:25px 0 10px 0; text-align:center;}


/********************/
/*** 管理画面共通 ***/
/********************/
/*** ヘッダー ***/
#header {height:64px;}
#header_hr {height:5px; background-color:#cccccc;}
#header_main {min-width:980px; margin:0 10px 0 0; height:59px;}
#header #logo {margin:4px 20px 0 5px; float:left;}
#header #to_open {float:left;}
#header #to_open .title {margin-top: 10px; font-size:large;}
#header #to_open a {display:block; margin-top:5px;}
#header #header_navi {float:right; font-size:small; margin:10px 5px 0 0;}
#header #header_navi #header_navi_link {text-align:right;}


/*** メンテナンス ***/
#maintenance {background-color:#fda898; text-align:center; line-height:1.6em; font-weight:bold;}


/*** ナビゲーション ***/
#gmenu {height:52px; background-color:#cccccc; margin:0 auto; padding:0; clear:both; white-space:nowrap;}
#gmenu ul {height:52px; list-style: none; margin:0 auto; padding:0; overflow:visible; white-space:nowrap; font-size: 0;}
#gmenu li {background-color:#cccccc; display:inline-block; zoom:1; font-size:large; vertical-align:top; }
#gmenu li a {text-decoration:none; padding:10px 10px; vertical-align:middle; line-height:32px; display:inline-block;/* *display: inline; *zoom: 1;*/}
#gmenu li a {overflow:hidden;}
#gmenu li a:hover {background-color:#aaaaaa; color:#fcfcfc;}
#gmenu li a.selected {background-color:#aaaaaa; color:#fcfcfc; font-weight:bold;}


/*** コンテンツ ***/
#contents {min-width:980px; width:100%; margin:10px auto 5px; clear:both; }
#contents:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.contents_box {border-color:#9f9f9f; border-style:solid; border-width:1px 0 0 0;}


/*** コンテンツ(左) ***/
.contents_left {float:left; width:220px; margin-bottom:10px; border-color:#9f9f9f; border-style:solid; border-width:0; }
.contents_left div.selected {font-weight:bold;}

.contents_left > .contents_title:first-child {border-top-width:1px;}

.contents_left ul.menu {border-color:#9f9f9f; border-width:0 1px 1px; border-style:solid; min-height:1px; margin:0 0 10px 0; padding:5px 5px 5px 10px; list-style:none;}
.contents_left ul.menu:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}

.contents_left ul.menu li {margin-bottom:5px;}
.contents_left ul.menu li.hold {font-weight:bold;}
.contents_left ul.menu li.center {text-align:center;}
.contents_left ul.menu li a {background:transparent url(../img/marker3.gif) no-repeat 0 0; padding-left:15px;}
.contents_left ul.menu li a:hover, .contents_left ul.menu li.hold a {background-position:0px -15px;}


/*** コンテンツ(メイン/右) ***/
.contents_right {float:right; min-width:640px; width:100%; margin: 0 0 10px -220px;}
.contents_right_box {overflow:hidden; margin:0 10px 10px 240px; border-color:#9f9f9f; border-style:solid; border-width:1px 0 0 0;}


/***  コンテンツ(メイン/右/多国語の場合) ***/
/*  #container の代わりに使用  同じ場所に min-width 調整用の class 追加 (後ろの数字は言語数) */
#container_multi         { width:auto; }
.container_multi_width_2 { min-width:1465px;}
.container_multi_width_3 { min-width:2080px;}
.container_multi_width_4 { min-width:2695px;}

/*  #contents の代わりに使用  同じ場所に min-width 調整用の class 追加 (後ろの数字は言語数) */
#contents_multi         { width:auto; margin:10px 0 5px; clear:both; white-space:nowrap; display:table; table-layout:fixed; border-collapse:separate;}
.contents_multi_width_2 { min-width:1455px;}
.contents_multi_width_3 { min-width:2070px;}
.contents_multi_width_4 { min-width:2685px;}

/*  .contents_right_box の代わりに使用   */
.contents_right_box_multi    {overflow:visible; width:auto; margin:0 10px 0 240px; display:inline-table; border-color:#9f9f9f; border-style:solid; border-width:1px 0 0 0;}

/*  新規追加box .contents_right_box_multi 直下に使用   */
.multi_language_title        {height:25px; background-color:#cccccc; border-color:#9f9f9f; border-style:solid; border-width:0 1px 1px 1px; padding:7px 10px 3px; clear:both;}
.multi_language_title .title {float:left;}
.multi_language_title .caption {float:right;}
.contents_right .multi_language_title .title { font-size:large; font-weight:bold; }

.multi_language_box             {width:600px; min-width:600px; display:table-cell; padding:0 15px 0 0;}
.multi_language_box:after       {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.multi_language_box:last-child  {padding:0;}

/*  .contents_body の代わりに使用 (配信カテゴリー、公開開始日時指定、公開終了日時指定)  */
.contents_body .contents_body_left_multi {float:left; width:100%; margin-right:-250px; margin-bottom:10px; min-height:1px;}
.contents_body .contents_body_left_multi div.contents_body_left_body {margin-right:250px;}
.contents_body .contents_body_right_multi {float:right; width:240px; min-height:1px; margin-bottom:10px;}

.contents_body_multi        {border-color:#9f9f9f; border-width:0 1px 1px; border-style:solid; padding:5px; min-height:1px;}
.contents_body_multi:after  {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.contents_body_multi p      {display:inline-block; width:auto; padding:10px; word-break:break-all; word-wrap:break-word; white-space:normal; max-width:238px;}


#contents_multi .contents_body .contents_body_left {width:100%; float:none;}
#contents_multi .contents_body .contents_body_right {width:100%; float:none;}
#contents_multi .contents_body .contents_body_left .contents_body_left_body {width:100%;}



/*  #footer の代わりに使用  */
#footer_multi {min-width:980px; width:auto; min-height:30px; background-color:#cccccc; overflow:auto;}




/*** アクセス解析概況 ***/
#analytics_summary #analytics_summary_term {margin:5px 0 8px 0; padding:0; font-size:102%; font-weight:bold; text-align:center;}

#analytics_summary table {border-color:#9f9f9f; border-style:solid; border-width:1px 0 0 1px;}
#analytics_summary table th {width:100px; padding:3px 0; border-color:#9f9f9f; border-style:solid; border-width:0 1px 1px 0; background-color:#9f9f9f; color:#ffffff;}
#analytics_summary table td {padding:3px 0; border-color:#9f9f9f; border-style:solid; border-width:0 1px 1px 0;}
#analytics_summary table td.value {text-align:right; border-color:#9f9f9f; border-style:solid; border-width:0 0 1px 0;}
#analytics_summary table td.unit {width:25px; text-align:center; border-color:#9f9f9f; border-style:solid; border-width:0 1px 1px 0;}


/*** アクセス解析詳細 ***/
table.analytics_detail {margin-bottom:20px; border-left:#9f9f9f 1px solid;}
table.analytics_detail th {border-color:#ffffff; border-style:solid; border-width:0 1px 1px 0; padding:3px 0; background-color:#9f9f9f; color:#ffffff;}
table.analytics_detail td {border-color:#9f9f9f; border-style:solid; border-width:0 1px 1px 0; padding:3px 0;}
table.analytics_detail tr:nth-child(2n) {background-color:#f0f0f0;}
table.analytics_detail th:last-child {border-right:1px solid #9f9f9f;}
table.analytics_detail tfoot {font-weight:bold;}

table.analytics_detail th.date, table.analytics_detail td.date {/*width:85px; */text-align:center;}
table.analytics_detail td.value {width:70px; text-align:right; border-right:none;}
table.analytics_detail td.unit {width:30px; text-align:center;}

table.analytics_detail td.data_summary {min-width:200px;}
table.analytics_detail td.data_city {min-width:100px;}
table.analytics_detail td.media {width:60px;}

table.analytics_detail tfoot td.city {text-align:center;}
table.analytics_detail tfoot td.area {text-align:center;}
table.analytics_detail tfoot td.category {text-align:center;}
table.analytics_detail tfoot td.source {text-align:center;}
table.analytics_detail tfoot td.media {text-align:center;}
table.analytics_detail tfoot td.keyword {text-align:center;}
table.analytics_detail tfoot td.repeat_user {text-align:center;}
table.analytics_detail tfoot td.repeat_count {text-align:center;}
table.analytics_detail tfoot td.title {text-align:center;}
table.analytics_detail tfoot td.social_url {text-align:center; word-break:break-all;}


/*** コンテンツ(要素) ***/
.contents_title {height:25px; background-color:#cccccc; border-color:#9f9f9f; border-style:solid; border-width:0 1px 1px 1px; padding:7px 10px 3px; clear:both;}
.contents_title .title {float:left;}
.contents_right .contents_title .title {font-size:large; font-weight:bold;}
.contents_title .caption {float:right;}
.contents_title .caption a.link {margin-left:10px;}


/*** カテゴリリスト用 ***/
ul.cat {list-style:none; padding:0 5px;}
ul.cat li{margin-bottom:3px; padding-left:8px; background:url(../img/admin_list.gif) no-repeat left top;}
ul.cat li.selected {font-weight:bold;}
.child {margin-left:50px;}
.child2 {margin-left:10px;}
.child3 {margin-left:20px;}
.child4 {margin-left:30px;}
.child5 {margin-left:40px;}
.child6 {margin-left:50px;}


/*** 本文用ボックス ***/
.contents_body {border-color:#9f9f9f; border-width:0 1px 1px; border-style:solid; padding:5px; min-height:1px;}
.contents_body:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}

.contents_body .contents_body_left {float:left; width:100%; margin-right:-290px; margin-bottom:10px; min-height:1px;}
.contents_body .contents_body_left div.contents_body_left_body {margin-right:290px;}
.contents_body .contents_body_right {float:right; width:275px; min-height:1px; margin-bottom:10px;}
.contents_body .contents_body_box {overflow:hidden; border-color:#9f9f9f; border-style:solid; border-width:1px 0 0 0; margin-bottom:5px;}
.contents_body .contents_body_box .contents_title {height:15px; line-height:15px; vertical-align:center;}
.contents_body .contents_body_box .contents_title .subtitle {float:left; font-size:normal;}
.contents_body .contents_body_box .contents_title .submenu {float:right;}

.contents_body p {padding:10px;}
.contents_body p.navi {text-align:center; padding:0;}
.contents_body p.navi span {padding:0 10px;}
.contents_body .menu {padding:0 5px 0 10px;}
.contents_body .submenu {padding:0 5px; text-align:right;}
.contents_body .menu label {white-space:nowrap;}


/* 入力フォーム */
input.inputbox, select.inputbox {width:300px; height:30px; font-size:large;}
input.inputbox_numeric, select.inputbox_numeric {width:120px; height:30px; font-size:large; text-align:right;}
input.inputbox_small, select.inputbox_small {width:120px; height:30px; font-size:large;}
input.inputbox2 {width:25px; height:30px; font-size:large; text-align:right;}
input.inputbox4 {width:50px; height:30px; font-size:large; text-align:right;}
input.button {padding:10px 20px;}
textarea.inputbox {width:300px; height:60px; font-size:large;}
textarea.inputbox_max {width:98%; height:250px; font-size:large; resize:vertical;}
ul.inputlist {list-style:none; margin:0; padding:0;}
ul.inputlist li {padding:3px; float:left; display:block;}

input.inputbox_mini, select.inputbox_mini {width:100px; height:30px; font-size:large;}

.contents_left input.inputbox, .contents_left select.inputbox {width:195px;}

#config_admin_detail div.inputbox div {margin-bottom:5px;}
#config_admin_detail div.inputbox table.permission {border-left:#9f9f9f 1px solid; width:auto;}
#config_admin_detail div.inputbox table.permission th {border-color:#ffffff; border-style:solid; border-width:0 1px 1px 0; padding:10px 3px; background-color:#9f9f9f; color:#ffffff;}
#config_admin_detail div.inputbox table.permission td {border-color:#9f9f9f; border-style:solid; border-width:0 1px 1px 0; padding:5px 10px 5px 5px; text-align:center;}

#cms_detail div.inputbox, #cms_detail div.inputbox_mini {margin-bottom:10px;}
#cms_detail div.inputbox.check { margin-top:20px; }
#cms_detail p.subtitle {padding:0; font-size:small; font-weight:bold;}
#cms_detail div.inputbox input, #cms_detail div.inputbox textarea {width:100%;}
#cms_detail div.inputbox input.slag {width:150px; height:30px; margin:0 3px; font-size:large;}

#cms_category_detail p.subtitle {padding:10px 0 5px 0; font-size:small; font-weight:bold;}

#cms_detail div.inputbox div.checkbox { width:auto; height:30px; }
#cms_detail div.inputbox div.checkbox label { width:auto; height:30px; line-height:30px; font-size:medium; }
#cms_detail div.inputbox div.checkbox label input[type="checkbox"] { width:auto; vertical-align:baseline; }


/* 一覧表(管理者用) */
table.admin {border-left:#9f9f9f 1px solid;}
table.admin th {border-color:#ffffff; border-style:solid; border-width:0 1px 1px 0; padding:3px; background-color:#9f9f9f; color:#ffffff;}
table.admin td {border-color:#9f9f9f; border-style:solid; border-width:0 1px 1px 0; padding:10px 3px;}
table.admin tr:nth-child(2n) {background-color:#f0f0f0;}

table.admin th.username {width:100px;}
table.admin th.nickname {min-width:350px;}
table.admin th.perm {width:1em;}
table.admin th.operation {width:90px; border-right:#9f9f9f 1px solid;}

table.admin td.perm {text-align:center;}
table.admin td.operation {border-right:none;}
table.admin td.operation, table.admin td.operation2 {width:45px; text-align:center;}


/* 一覧表(システム設定用) */
table.config {margin-bottom:15px; border-left:#9f9f9f 1px solid;}
table.config th {border-color:#ffffff; border-style:solid; border-width:0 1px 1px 0; padding:10px 3px; background-color:#9f9f9f; color:#ffffff;}
table.config td {border-color:#9f9f9f; border-style:solid; border-width:0 1px 1px 0; padding:3px 8px 3px 3px; vertical-align:top;}
table.config tr:nth-child(2n+1) {background-color:#f0f0f0;}
table.config th:last-child {border-right:#9f9f9f 1px solid;}

table.config th.name {width:180px;}
table.config th.value {min-width:305px;}
table.config th.update {width:140px;}
table.config th.operation {width:50px; border-right:#9f9f9f 1px solid;}

table.config td.type {width:20px; padding-top:10px; text-align:center; border-right:none;}
table.config td.value {min-width:285px;}
table.config td.update {text-align:center;}
table.config td.operation {padding:10px 3px; text-align:center;}

table.config td input.inputbox {width:100%; font-size:large;}
table.config td textarea.inputbox {width:100%; resize:vertical; font-size:large;}


/* 一覧表(コンテンツ用) */
table.contents {border-left:#9f9f9f 1px solid;}
table.contents th {border-color:#ffffff; border-style:solid; border-width:0 1px 1px 0; padding:3px; background-color:#9f9f9f; color:#ffffff;}
table.contents td {border-color:#9f9f9f; border-style:solid; border-width:0 1px 1px 0; padding:3px;}
table.contents tr:nth-child(2n) {background-color:#f0f0f0;}
table.contents tr.done td, table.contents tr.done td a {color:#9f9f9f;}
table.contents tr.draft td, table.contents tr.draft td a {color:#4c4c4c;}
table.contents tr.rejected td, table.contents tr.rejected td a {background-color:#7c7c7c;}
table.contents tr:first-child th:last-child {border-right:#9f9f9f 1px solid;}

table.contents th.check {width:20px;}
table.contents th.id {width:45px;}
table.contents th.title {min-width:225px;}
table.contents th.lang_count {width:40px;}
table.contents th.update {width:130px;}
table.contents th.publish {width:150px;}
table.contents th.publish_date {width:75px;}
table.contents th.sort {width:57px;}
table.contents th.operation {width:90px; border-right:#9f9f9f 1px solid;}
table.contents th.operation_large {width:150px; border-right:#9f9f9f 1px solid;}

table.contents td {text-align:center; padding:5px 3px;}
table.contents td.title {text-align:left;}
table.contents td.sort {border-right:none;}
table.contents td.sort, table.contents td.sort2 {width:20px;}

table.contents caption:has(*) {margin:1rem 0; padding-top:1rem;  text-align:left;}
table.contents caption h2 {font-size:1.25rem;}
table.contents caption h3 {font-size:1rem;}


/* 一覧表(詳細表示テーブル用) */
table.contents_detail {border-left:#9f9f9f 1px solid;}
table.contents_detail th {width:130px; border-color:#ffffff; border-style:solid; border-width:0 1px 1px 0; padding:3px; background-color:#9f9f9f; color:#ffffff;}
table.contents_detail td {border-color:#9f9f9f; border-style:solid; border-width:0 1px 1px 0; padding:3px;}
table.contents_detail tr:nth-child(2n) {background-color:#f0f0f0;}
table.contents_detail th:last-child {border-right:#9f9f9f 1px solid;}
table.contents_detail tr.done td, table.contents_detail tr.done td a {color:#9f9f9f;}
table.contents_detail tr.draft td, table.contents_detail tr.draft td a {color:#4c4c4c;}


/* 一覧表(メタ情報設定用) */
table.meta {border-left:#9f9f9f 1px solid; display:none;}
table.meta th {border-color:#ffffff; border-style:solid; border-width:0 1px 1px 0; padding:3px; background-color:#9f9f9f; color:#ffffff;}
table.meta td {border-color:#9f9f9f; border-style:solid; border-width:0 1px 1px 0; padding:5px 10px 5px 5px;}
table.meta tr:nth-child(2n+1) {background-color:#f0f0f0;}
table.meta th:last-child {border-right:#9f9f9f 1px solid;}

table.meta th.metakey {width:180px;}
table.meta th.metavalue {}
table.meta th.operation {width:50px; border-right:#9f9f9f 1px solid;}

table.meta td.metakey {vertical-align:top;}
table.meta td.operation {text-align:center;}

table.meta td input {width:100%; font-size:large;}
table.meta td textarea {width:100%; resize:vertical; font-size:large;}


/* 一覧表(カテゴリー管理用) */
table.category {border-left:#9f9f9f 1px solid;}
table.category th {border-color:#ffffff; border-style:solid; border-width:0 1px 1px 0; padding:3px; background-color:#9f9f9f; color:#ffffff;}
table.category td {border-color:#9f9f9f; border-style:solid; border-width:0 1px 1px 0; padding:3px;}
table.category tr:nth-child(2n) {background-color:#f0f0f0;}

table.category th.id {min-width:30px;}
table.category th.name {min-width:225px;}
table.category th.slag {width:120px;}
table.category th.show_always {width:30px;}
table.category th.show_content {width:30px;}
table.category th.update {width:150px;}
table.category th.operation {width:90px; border-right:#9f9f9f 1px solid;}

table.category td.id {width:30px; text-align:center;}
table.category td.slag {width:120px;}
table.category td.show_always {width:30px; text-align:center;}
table.category td.show_content {width:30px; text-align:center;}
table.category td.update {width:150px; text-align:center;}
table.category td.operation {border-right:none;}
table.category td.operation, table.category td.operation2 {width:45px; text-align:center;}

table.category td.name span {margin-bottom:3px; padding-left:8px; background:url(../img/admin_list.gif) no-repeat left top;}
table.category .child {padding-left:50px;}
table.category .child2 {padding-left:10px;}
table.category .child3 {padding-left:20px;}
table.category .child4 {padding-left:30px;}
table.category .child5 {padding-left:40px;}
table.category .child6 {padding-left:50px;}


/* ツリー並べ替え(nestable) */
.dd { position: relative; display: block; margin: 0; padding: 0; list-style: none; font-size: 13px; line-height: 20px; }
.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }
.dd-item, .dd-empty, .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; }
.dd-handle { display: block; height: 30px; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd-handle:hover { color: #2ea8e5; background: #fff; }
.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; }
.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                      -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                         -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                              linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}
.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}


/* 一覧表(ファイル管理用) */
table.file {border-left:#9f9f9f 1px solid;}
table.file th {border-color:#ffffff; border-style:solid; border-width:0 1px 1px 0; padding:3px; background-color:#9f9f9f; color:#ffffff;}
table.file td {border-color:#9f9f9f; border-style:solid; border-width:0 1px 1px 0; padding:3px;}
table.file tr:nth-child(2n) {background-color:#f0f0f0;}
table.file th:last-child {border-right:#9f9f9f 1px solid;}

table.file th.checkbox {width:30px;}
table.file th.filename {min-width:465px;}
table.file th.is_used {width:50px;}
table.file th.updated_at {width:130px;}

table.file td.checkbox {text-align:center;}
table.file td.filename {}
table.file td.is_used {text-align:center;}
table.file td.updated_at {text-align:center;}

#file_menu {height:30px; padding:10px 5px;}
#file_menu_link {float:left; min-width:350px;}
#file_menu_button {float:right; text-align:right; width:100px; margin-right:50px;}


/* ブロックIPアドレス一覧表 */
table.block_ipaddress {border-left:#9f9f9f 1px solid;}
table.block_ipaddress th {border-color:#ffffff; border-style:solid; border-width:0 1px 1px 0; padding:3px; background-color:#9f9f9f; color:#ffffff;}
table.block_ipaddress td {border-color:#9f9f9f; border-style:solid; border-width:0 1px 1px 0; padding:5px 10px 5px 5px;}
table.block_ipaddress tr:nth-child(2n+1) {background-color:#f0f0f0;}
table.block_ipaddress th:last-child {border-right:#9f9f9f 1px solid;}

table.block_ipaddress th.netmask {min-width:200px;}
table.block_ipaddress th.update {width:140px;}
table.block_ipaddress th.status {width:50px;}
table.block_ipaddress th.operation {width:75px;}

table.block_ipaddress td.update, table.block_ipaddress td.status, table.block_ipaddress td.operation {text-align:center;}


/* その他 */
#config_admin_emergency .inputbox {padding:5px 8px 5px 3px;}
#config_admin_emergency textarea {width:100%; min-height:350px; resize:vertical; font-size:large;}
#config_admin_emergency .multilang p {font-weight:bold;}
#config_admin_emergency .multilang textarea {min-height:130px;}

#config_admin_agreement .inputbox {padding:5px 8px 5px 3px;}
#config_admin_agreement textarea {width:98%; min-height:450px; resize:vertical; font-size:large;}


/*** フッター ***/
#footer {min-height:30px; background-color:#cccccc;}
#footer_version {padding:3px 10px 0 0; font-size:small; text-align:right;}
#footer_copyright {width:980px; margin:0 auto; text-align:center; padding:5px 0; font-size:small;}


/******************************/
/*** CKEditor(管理トップ用) ***/
/******************************/
#rbody {padding:0; margin:0;}

.rbody div {clear:both;}
.rbody div:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.rbody div, .rbody p, .rbody ul, .rbody ol {line-height:1.3em; margin:0 8px 8px;}
.rbody p:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}

.rbody h2 {line-height:1.3em; margin:15px 0 7px; font-size:130%; font-weight:normal; padding:0 5px 3px 15px; background:url(../img/hr.png) repeat-x 0 bottom; clear:both;}
.rbody h3 {line-height:1.3em; margin:15px 0 7px; font-size:115%; font-weight:normal; padding:0 5px 3px 15px; background:url(../img/hr.png) repeat-x 0 bottom; clear:both;}
.rbody h4 {line-height:1.3em; margin:15px 0 7px 3px; font-size:100%; font-weight:normal; padding-left:3px; border-left:3px solid #b1d2df; clear:both;}
.rbody h5 {line-height:1.3em; margin:15px 0 7px 3px; font-size:100%; font-weight:normal; padding-left:3px; border-left:3px solid #b1d2df; clear:both;}
.rbody h6 {line-height:1.3em; margin:15px 0 7px 3px; font-size:100%; font-weight:normal; padding-left:3px; border-left:3px solid #b1d2df; clear:both;}

.rbody table {border-collapse:collapse; clear:both;}
.rbody tr,.rbody th,.rbody td {border-color:#9f9f9f;}
.rbody th {padding:3px; background-color:#cfcfcf;}
.rbody td {padding:3px;}
.rbody table.stripe tr:nth-child(2n+1) {background-color:#fffef0;} /* 奇数行の縞 */
.rbody table.stripe2 tr:nth-child(2n) {background-color:#fffef0;} /* 偶数行の縞 */

.rbody ul li {margin-left:3px; padding-left:18px; background:url(../img/marker.png) no-repeat 5px 7px; text-decoration:none; list-style:none;}
.rbody ol li {margin-left:26px;}

.rbody img {margin:2px;}

.rbody a {color:#003399; text-decoration:underline;}
.rbody a:hover {text-decoration:none;}



/*** タブレット型端末対応 ***/
@media screen and (max-width:980px) {
	#container {min-width:100%; overflow:hidden;}
	#header_main {min-width:100%;}
	#contents {min-width:100%;}
	#footer_copyright {min-width:100%;}
	.contents_left {clear:both; width:100%;}
	.contents_right {clear:both; margin-left:0;}
	.contents_right_box {margin-left:0; margin-right:0;}
	.contents_left .contents_box {float:left; width:220px; margin-right:10px;}
}