@charset "utf-8";

body {
}

.win body {font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.mac body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.hasDatepicker {
  width:100px!important;login.css
}

table {
    margin:0;
}
/*
table tr.header:hover {
	background: #fff;
}
table tr:hover {
	background: #fef7eb;
}
*/
#aliveLogMonitor table tr:hover,
.search table tr:hover {
    background: #fff;
}
.nowrap {
    white-space:nowrap;
}
.alignleft { float:left; }
.alignright { float:right; }
.alignclear { clear:both; }
#loadIndicator {
    display:block;
    width:100px;
    height:100px;
    position:fixed;
    top:50%;
    left:50%;
    margin:-50px 0 0 -50px;
    /*background:#f00;*/
    display:none;
}


#headerWrapper {
    width:100%;
    height:40px;
    background:url(../img/bg_body.png) repeat-x;
    position:fixed;
    top:0;
    left:0;
}
#header {
    margin:0 auto;
    width:950px;
    padding:0 10px;
}
#header h1 {
    margin:0;
    line-height:40px;
    float:left;
/*    color:#86C9E0;*/
    color:#fffafa;
}
#header a {
    color:#fff;
    text-decoration:none;
}
#header a:hover {
    text-decoration:underline;
}

ul#headerNavi {
    float:left;
}
ul#headerInfo {
    float:right;
    margin:1em 0;
}

ul#headerNavi li,
ul#headerInfo li {
    float:left;
    margin:0 0 0 5px;
    list-style-type:none;
}
ul#headerNavi li a {
	font-weight:normal;
	padding: 4px 8px;
	background: #dcdcdc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
	background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: linear-gradient(top, #fefefe, #dcdcdc);
	color:#333;
	border:1px solid #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	text-shadow: #fff 0px 1px 0px;
	min-width: 0;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-user-select: none;
	user-select: none;
}
ul#headerInfo li a {
	font-weight:normal;
	padding: 4px 8px;
	background: #ffcc00;
	background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -ms-linear-gradient(top,#fefefe, #dcdcdc);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
	background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: linear-gradient(top, #fefefe, #dcdcdc);
	color: #404040;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	min-width: 0;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-webkit-user-select: none;
	user-select: none;
}
ul#headerNavi li a:hover {
/*	background: #ededed;*/
/*	background: #99ccff;*/
	background: #cccccc;

	border-color: #acacac;
	text-decoration: none;
}
ul#headerInfo li a:hover {
/*	background: #eeeeee;*/
	background: #99ccff;
	border-color: #acacac;
	text-decoration: none;
}
ul#headerInfo #userName {
    color:#fffafa;
}

#contentWrapper {
    margin:40px auto 20px auto;
    width:950px;
    padding:0 10px;
}
/* content color */
#content h2 {
    padding-top:20px;
    color:#333;
    letter-spacing:1px;
}
#content h2 a {
    color:#999;
    text-decoration:none;
}
#content h2 a:hover {
    color:#333;
}
#content h3 {
/*    color:#f63;*/
    color:#1f4c79;
    padding:20px 0 0 0;
}
#content h2.viewTab {
    border-bottom:1px solid #ccc;
}
#content h2.viewTab.underTab {
    margin-top:60px;
    padding-top:0;
/*    border-top:1px solid #ccc;
    border-bottom:1px solid #fff;*/
}
#content h2.viewTab div {
    display:inline-block;
    margin-left:1em;
}
#content h2.viewTab div a,
#content h2.viewTab div span {
    display:block;
    border:1px solid #ccc;
    border-bottom:1px solid #fff;
    padding:7px 7px;
    margin-bottom:-1px;
}
#content h2.viewTab.underTab div a,
#content h2.viewTab.underTab div span {
/*
	border-top:1px solid #fff;
    border-bottom:1px solid #ccc;
    margin-top:-1px;
*/    
}
#content h2.viewTab div a {
/*	
    border-bottom:1px solid #ccc;
    background:#f0f0f0;
    margin-bottom:-1px;
*/
}
#content h2.viewTab.underTab div a {
/*
	border-top:1px solid #ccc;
    margin-top:-1px;
*/
}
#content .paginatorInfo {
    clear:both;
    text-align:right;
    line-height:2em;
}
/* content table */
/*
#content table {
    width:100%;
    border-top:2px solid #ccc;
    border-bottom:2px solid #ccc;
}
#content .entries.list table th,
#content .entries.list table td {
    font-size:12px;
    line-height:1.3em;
}
#content .entries.list table .smallFont {
    font-size:11px;
    color:#666;
}
*/

#content #aliveLogMonitor table,
#content .search table {
    border:none;
}
#content table td,
#content table th {
    border-left:none;
    border-right:none;
    border-color:#ccc;
}
#content .search table td,
#content .search table th {
    border:none;
    padding:2px;
}
#content #aliveLogMonitor table td,
#content .search table td {
    vertical-align:top;
}

/*
#content table th {
    width:160px;
    text-align:left;
    white-space:nowrap;
}
#content #aliveLogMonitor table th,
#content .search table th,
#content .list table th {
    width:inherit;
}
#content table table,
#content table table th,
#content table table td {
    border:none;
}
*/

/* フッター */
#footerWrapper {
    clear:both;
    height:30px;
    /*background:#ccc;*/
}
#footer {
    margin:0 auto;
    width:950px;
    padding:0 10px;
    line-height:30px;
    text-align:center;
}
#footer #copyright {
    font-family:times;
    font-size: 1.1em;
    color:#999;
}

/*form .submit input[type=submit],*/
input[type=submit],
input[type=button] {
	display: inline;
	font-size: 110%;
	width: auto;
}
/*
.submit input[type=submit],
.submit input[type=button] {
	background:#62af56;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
	background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
	border-color: #2d6324;
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
	padding: 8px 10px;
}
.submit input[type=submit]:hover,
.submit input[type=button]:hover {
	background: #5BA150;
}
*/
/* Buttons and button links */
div.actions {
    padding:10px 0;
}
td.actions {
    white-space:nowrap;
}
.actions ul li {
    line-height:2.5em;
}
input[type=submit],
input[type=button],
.actions ul li a,
.actions a {
	font-weight:normal;
	padding: 4px 8px;
	background: #dcdcdc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
	background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: linear-gradient(top, #fefefe, #dcdcdc);
	color:#333;
	border:1px solid #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	text-shadow: #fff 0px 1px 0px;
	min-width: 0;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-user-select: none;
	user-select: none;
}
.actions ul li a:hover,
.actions a:hover {
	background: #ededed;
	border-color: #acacac;
	text-decoration: none;
}
input[type=submit]:active,
input[type=button]:active,
.actions ul li a:active,
.actions a:active {
	background: #eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#eee));
	background-image: -webkit-linear-gradient(top, #dfdfdf, #eee);
	background-image: -moz-linear-gradient(top, #dfdfdf, #eee);
	background-image: -ms-linear-gradient(top, #dfdfdf, #eee);
	background-image: -o-linear-gradient(top, #dfdfdf, #eee);
	background-image: linear-gradient(top, #dfdfdf, #eee);
	text-shadow: #eee 0px 1px 0px;
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	border-color: #aaa;
	text-decoration: none;
}

/** Paging **/
.paging {
	background:#fff;
	color: #ccc;
	margin-top: 1em;
	clear:both;
}
.paging .current,
.paging .disabled,
.paging a {
	text-decoration: none;
	padding: 5px 8px;
	display: inline-block
}
.paging > span {
	display: inline-block;
	border: 1px solid #ccc;
	border-left: 0;
}
.paging > span:hover {
	background: #efefef;
}
.paging .prev {
	border-left: 1px solid #ccc;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.paging .next {
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}
.paging .disabled {
	color: #ddd;
}
.paging .disabled:hover {
	background: transparent;
}
.paging .current {
	background: #efefef;
	color: #c73e14;
}


/** Forms **/
form .required {
	font-weight: bold;
}
form .required label:after {
	color: #e32;
/*	content: '*';*/
	display:inline;
}
form div.submit {
	border: 0;
/*	clear: both;*/
	margin: 10px 5px 0;
	display: inline;
}
div.submit {
    margin: 10px 0;
    float:right;
}
select {
	clear: both;
	font-size: 1.0em;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 1.2em;
	padding: 0 3px;
}
select[multiple=multiple] {
	width: 100%;
}
input[type=checkbox] {
	margin: 6px 6px 7px 2px;
	width: auto;
}
input[type=text] {
	width:60%;
}
.search input[type=text] {
	width:90%;
}
input {
	font-size: 1em;
	padding: .2em .4em;
	width:98%;
}
textarea {
	font-size: 1em;
	padding: .2em .4em;
	width:98%;
}
input.numberInput {
	width:100px;
}
div.input.checkbox {
    display:inline-block;
/*    padding:0 10px;*/
}
div.checkbox label {
	display: inline;
}
input[type=radio] {
	width:auto;
	margin: 6px 0;
	margin-left: 10px;
	margin-right: 5px;
	line-height: 26px;
}
input[type=submit] {
	display: inline;
	font-size: 1em;
	width: auto;
}
form .submit input[type=submit] {
/*	background:#62af56;*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dcdcdc));
	background-image: -webkit-linear-gradient(top, #cccccc, #dcdcdc);
	background-image: -moz-linear-gradient(top, #cccccc, #dcdcdc);
	border-color: #2d6324;
	color: #555555;
	text-shadow: rgba(0, 0, 0, 0.1) 0px -1px 0px;
	padding: 8px 10px;
}
form .submit input[type=submit]:hover {
	background: #dfdfdf;
}

/*** 登録機一時許可のボタン　ここから ↓******************************************************/
form div.submit_pcenable {
	border: 0;
	margin: 10px 5px 0;
	display: inline;
}
div.submit_pcenable {
    margin: 10px 0;
    float:right;
}
form .submit_pcenable input[type=submit] {
	background:#117700;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#007700), to(#00bb00));
	background-image: -webkit-linear-gradient(top, #007700, #00bb00);
	background-image: -moz-linear-gradient(top, #007700, #00bb00);
	border-color: #2d6324;
	color: #ffffff;
	text-shadow: rgba(0, 0, 0, 0.1) 0px -1px 0px;
	padding: 8px 10px;
}
form .submit_pcenable input[type=submit]:hover {
	color: #000000;
	background: #7fde64;
}
/*** WhiteList 有効のボタン　ここまで ↑******************************************************/

/*** WhiteList 有効のボタン　ここから ↓******************************************************/
form div.submit_cb {
	border: 0;
	margin: 10px 5px 0;
	display: inline;
}
div.submit_cb {
    margin: 10px 0;
    float:right;
}
form .submit_cb input[type=submit] {
	background:#0055ff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0000ff), to(#8888ff));
	background-image: -webkit-linear-gradient(top, #0000ff, #8888ff);
	background-image: -moz-linear-gradient(top, #0000ff, #8888ff);
	border-color: #2d6324;
	color: #ffffff;
	text-shadow: rgba(0, 0, 0, 0.1) 0px -1px 0px;
	padding: 8px 10px;
}
form .submit_cb input[type=submit]:hover {
	color: #000000;
	background: #bbbbff;
}
/*** WhiteList 有効のボタン　ここまで ↑******************************************************/

/*** WhiteList 無効のボタン　ここから ↓******************************************************/
form div.submit_cr {
	border: 0;
	margin: 10px 5px 0;
	display: inline;
}
div.submit_cr {
    margin: 10px 0;
    float:right;
}
form .submit_cr input[type=submit] {
	background:#ff4400;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#ff8888));
	background-image: -webkit-linear-gradient(top, #ff0000, #ff8888);
	background-image: -moz-linear-gradient(top, #ff0000, #ff8888);
	border-color: #2d6324;
	color: #ffffff;
	text-shadow: rgba(0, 0, 0, 0.1) 0px -1px 0px;
	padding: 8px 10px;
}
form .submit_cr input[type=submit]:hover {
	color: #000000;
	background: #ffbbbb;
}
/*** WhiteList 無効のボタン　ここまで ↑******************************************************/

/*** WhiteList1 編集のボタン　ここから ↓******************************************************/
form div.submit_wl1_edit {
	border: 0;
	margin: 10px 5px 0;
	display: inline;
}
div.submit_wl1_edit {
    margin: 10px 0;
    float:right;
}
form .submit_wl1_edit input[type=submit] {
	background:#aaaaaa;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#aaaaaa));
	background-image: -webkit-linear-gradient(top, #888888, #aaaaaa);
	background-image: -moz-linear-gradient(top, #888888, #aaaaaa);
	border-color: #2d6324;
	color: #ffffff;
	text-shadow: rgba(0, 0, 0, 0.1) 0px -1px 0px;
	padding: 8px 10px;
}
form .submit_wl1_edit input[type=submit]:hover {
/*	color: #ffffff;*/
	background: #888888;
}
/*** WhiteList1 有効・無効のボタン　ここまで ↑******************************************************/

/*** WhiteList2 編集のボタン　ここから ↓******************************************************/
form div.submit_wl2_edit {
	border: 0;
	margin: 10px 5px 0;
	display: inline;
}
div.submit_wl2_edit {
    margin: 10px 0;
    float:right;
}
form .submit_wl2_edit input[type=submit] {
	background:#aaaaaa;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#aaaaaa));
	background-image: -webkit-linear-gradient(top, #888888, #aaaaaa);
	background-image: -moz-linear-gradient(top, #888888, #aaaaaa);
	border-color: #2d6324;
	color: #ffffff;
	text-shadow: rgba(0, 0, 0, 0.1) 0px -1px 0px;
	padding: 8px 10px;
}
form .submit_wl2_edit input[type=submit]:hover {
/*	color: #ffffff;*/
	background: #888888;
}
/*** WhiteList2 有効・無効のボタン　ここまで ↑******************************************************/


/* Form errors */
form .error {
	background: #FFDACC;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-weight: normal;
}
form .error-message {
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
	border: none;
	background: none;
	margin: 0;
	padding-left: 4px;
	padding-right: 0;
}
form .error,
form .error-message {
	color: #9E2424;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}

/** Notices and Errors **/
.message {
	clear: both;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 5px;
}

.success,
.message,
.cake-error,
.cake-debug,
.notice,
p.error,
.error-message {
	background: #ffcc00;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -ms-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#E6B800));
	background-image: -webkit-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -o-linear-gradient(top, #ffcc00, #E6B800);
	background-image: linear-gradient(top, #ffcc00, #E6B800);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(0, 0, 0, 0.2);
	margin-bottom: 18px;
	padding: 7px 14px;
	color: #404040;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.success,
.message,
.cake-error,
p.error,
.error-message {
	clear: both;
	color: #fff;
	background: #c43c35;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.success {
	clear: both;
	color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background: #3B8230;
	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
	background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -ms-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -o-linear-gradient(top, #76BF6B, #3B8230);
	background-image: linear-gradient(top, #76BF6B, #3B8230);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
p.error {
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	font-weight: normal;
	line-height: 140%;
}
.notice {
	color: #000;
	display: block;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	color: #fff;
}
p.notes {
	padding-left:1em;
	text-indent:-1em;
	color: #e32;
}
div#refertype_input {
	display: none;
	padding: 10px;
}

div.search {
	padding-bottom: 5px;
/*  border-bottom:2px solid #ccc;*/
/*  margin-bottom: 20px;*/
}
div.search table {
	width: 100%;
}
div.search th {
	table-layout: fixed;
	text-align: left;
	padding-left: 10px;
}
button#clearDateFrom,
button#clearDateTo
{
	font-size:xx-small;
}
th.bordernone,
td.bordernone
{
	text-align: left;
    border-style: none;
}
th.userView
{
	text-align:left;
}
span.sortlabel
{
	font-size:xx-small;
}

div.aggregate_search
{
    padding:30px 0px 40px 0px;
}

div.aggregate_list th
{
    text-align:left;
}

div.aggregate_total
{
    padding:0px 0px 10px 0px;
    font-size: 120%;
}

div.closeaccount_list th
{
    text-align:left;
}
div.closeaccount_list th.serialno
{
    width: 150px;
}
div.closeaccount_list th.description
{
    width: 300px;
}
div.closeaccount_list th.status
{
    width: 100px;
}
div.closeaccount_list th.date
{
    width: 135px;
}
div.closeaccount_list th.blank
{
    width: 50px;
}

div.configmenu li {
    padding-bottom: 8px;
}

th.serialnu_sn
{
	text-align:left;
	width:15%;
}

th.serialnu_customer
{
	text-align:left;
	   width:40%;
}

th.serialnu_place
{
	text-align:left;
	   width:20%;
}

th.serialnu_model
{
	text-align:left;
	   width:15%;
}

th.serialnu_ddnsuser
{
	text-align:left;
	   width:20%;
}

th.serialnu_ddnspass
{
	text-align:left;
	   width:20%;
}

.flash_success {
    background-color: lightblue;
    border: 1px solid #00BFFF;
    padding: 10px;
}

.flash_failure {
    color: #CD0A0A;
    border: 1px solid #CD0A0A;
    background-color: #FEF1EC;
    padding: 10px;
}

.osr_title table {
  padding-left: 0px;
  width:100%;
}

.osr_title td {
  border-style:none;
}

.osr_title td {
  border-style:none;
  font-size: 110%;
}

div.welcomeHeader {
  margin: 10px auto;
  padding-left: 20px;
  width: 100%;
  max-width: 640px;
  padding-top: 50px;
}

#welcomeContents {
  margin: 30px auto 200px auto;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 640px;
}

.welcomeBox {
  width: 30%;
  min-width: 100px;
  min-height: 100px;
  margin: 10px;
  float: left;
}

.welcomeBox ul {
  list-style: none;
  margin: 10px 0px;
  padding: 0px;
}

.welcomeBox li {
  margin-bottom: 1em;
  font-size: 1.3em;
  background: #2a4d6d;
  height: 60px;
  line-height: 60px;
  color: #fff;
  text-align: center;
  border: 3px solid #2a4d6d;
}

.welcomeBox a {
  width: 100%;
  height: 100%;
  display: block;
  color: #fff;
  text-decoration: none;
}

.welcomeBox a:visited {
  color: #fff;
  text-decoration: none;
}
.welcomeBox a:hover {
  background-color: #fff;
  border-color: #2a4d6d;
  color: #2a4d6d;
  text-decoration:none;
  font-weight: bold;
}

/* ローディング画像表示 */
#loading-view{
/*
	position:absolute;
	left:50%;
	top:20%;
	margin-left:-30px;
*/
 /* 領域の位置やサイズに関する設定 */
 width: 100%;
 height: 100%;
 z-index: 9999;
 position: fixed;
 top: 0;
 left: 0;
 /* 背景関連の設定 */
 /* background-color: #000000;*/
 filter: alpha(opacity=85);
 -moz-opacity: 0.85;
 -khtml-opacity: 0.85;
 opacity: 0.85;
 background-image: url(../img/loading.gif);
 background-position: center center;
 background-repeat: no-repeat;
 background-attachment: fixed;
	
}

/* Style for D-GUARD  --- From --- */
tr.condev16-tr {
font-size:x-small;
}
td.condev16-td {
width:13px;height:5px;padding:0px;border-style:none;text-align:center;
}
td.condev16-td-space {
width:4px;height:5px;padding:0px;border-style:none;text-align:center;
}

/* Style for D-GUARD  --- To --- */