@charset "UTF-8";
@import url(designs.css);

html {
	font-size:9pt;
	line-height:1.5;
	font-family : sans-serif;
}

html.backoffice{
	background-image:url(../img/bg.png);

	background-repeat:repeat-y;
}

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}


.clear{
	clear:both;
}


/* ---------------- レイアウト ---------------- */

.sidebar {
	float:left;
	width:220px;
/*height:100%;*/
	background-color:#565656;
	z-index:10;
	position:relative;
}

.main {
	float:right;
	width:100%;
	margin:0 0 0 -230px;
}

.main_inner {
	margin:0 0 70px 230px;
}


/* ---------------- ナビゲーション ---------------- */

.sidebar .toggleSideBar {
	background-image:url(../img/sidebar-toggler.jpg);
	width:29px;
	height:29px;
	margin-top:10px;
	margin-left:180px;
	cursor:pointer;
	filter: alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
}

.sidebar .toggleSideBar:hover {
	filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}

.sidebar nav {
	padding-top:10px;
}


.sidebar nav li {
	border-top:1px solid #666;
	border-bottom:1px solid #333;
}

.sidebar nav li:first-child {
	border-top:none;
}

.sidebar nav li:last-child {
	border-bottom:none;
}


.sidebar nav li a {
	padding:10px;
	display:block;
	color:#fff;
	text-decoration:none;
}

.sidebar nav li a:hover {
	background-color:#333;
}

.sidebar nav li a.open {
	background-color:#333;
}

.sidebar nav li a span.arrow {
	float:right;
	padding-right:3px;
}

.sidebar nav li a i {
	padding-right:15px;
	font-size:15px;
	color:#ccc;
}

/* 小メニュー */
.sidebar nav ul.child {
	display:none;
	margin:3px 0;
}

.sidebar nav ul.child li {
	border-top:none;
	border-bottom:none;
}

.sidebar nav ul.child a {
	padding:8px 0 8px 30px;
/*	background-color:#565656;*/
}

.sidebar nav ul.child a:hover {
	background-color:#888;
}

.sidebar nav ul.child i {
	padding-right:5px;

}

/* アクティブ時 */
.sidebar nav li.active a {
	background-color:#cc0000;
	background-image: url(../img/sidebar-menu-arrow.png);
	background-repeat:no-repeat;
	background-position:right center;
}

.sidebar nav li.active ul.child {
	display:block;
}

.sidebar nav li.active ul.child a {
	background-color:transparent;
	background-image: none;
}

.sidebar nav li.active ul.child a:hover {
	background-color:#888;
}

.sidebar nav li.active ul.child li.active a {
	background-color:#777 !important;

}

/* ---------------- ナビゲーション(狭く閉じた状態) ---------------- */

html.narrowBg{
	background-image:url(../img/bg_narrow.png);
}


body.sidebarClosed .sidebar {
	width:35px;
}

body.sidebarClosed .sidebar a span.title,
body.sidebarClosed .sidebar a span.arrow {
	display:none;
}


body.sidebarClosed .sidebar .toggleSideBar {
	margin-left:2px;
}

body.sidebarClosed .main_inner {
	margin-left:45px;
}


body.sidebarClosed .sidebar li {
	position:relative;
}


body.sidebarClosed .sidebar li:hover a span.title {
	display:block;
	position:absolute;
	top:0px;
	left:35px;
	background-color:#333;
	width:180px;
	padding:12px;
}

body.sidebarClosed .sidebar li.active a span.title {
	background-color:#cc0000;
}

body.sidebarClosed .sidebar nav li.active a {
	background-color:#cc0000;
	background-image:none;
}

body.sidebarClosed .sidebar li:hover {
	background-color:#333;
}

body.sidebarClosed .sidebar li.active ul.child {
	display:none;
}

body.sidebarClosed .sidebar li:hover ul.child {
	position:absolute;
	top:36px;
	left:36px;
	display:block;
	padding:0;
	margin:0;
}

body.sidebarClosed .sidebar li:hover ul.child li {
	padding:0;
	margin:0;
}

body.sidebarClosed .sidebar li:hover ul.child li a {
	width:183px;
	padding:10px;
	margin:0;
	background-color:#333;
}

body.sidebarClosed .sidebar li:hover ul.child li a:hover {
	background-color:#666;
}

/* ---------------- ヘッダ ---------------- */

header {
	background-color:#fff;
	position:fixed;
	width:100%;
	z-index:100;
	heigh:40px;
}

h1 {
	padding:10px;
	width:400px;
	float:left;
}

h1 img {
	max-height:20px;
}


.welcome {
	padding:15px 10px 0 0;
	float:right;
}


/* ---------------- メインカラム ---------------- */

.container {
	padding-top:45px;
}

.main .content {
	padding:10px 20px 0 0;
}

/* ---------------- ログイン ---------------- */

.login {
	padding:10px;
}

.login div.login_form {
	background-color:#eee;
	width:370px;
	margin:auto;
	padding:20px;
	border-radius:6px;
	margin-top:40px;

}

.login table {
	margin:auto;
}

.login table th, .login table td {
	padding:10px;
}

.login table th, .login table td {
	padding:10px;
}

.login input[type=text],
.login input[type=password] {
	padding:10px;
	width:300px;
	font-size:14px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.login table th.c, .login table td.c {
	text-align: center;
}

.login div.login_form p {
	line-height:1.4;

}

/* ---------------- flashメッセージ ---------------- */

div.message_alert {
	padding:15px;
	background-color:#F2DEDE;
	border:1px solid #EBCCD1;
	color:#A94442;
	border-radius:4px;
	margin-bottom:20px;
	line-height:1.4;
}


/* ---------------- フォーム共通 ---------------- */

input[type=text],input[type=password],input[type=email],input[type=number],textarea{
	border-radius: 0px;
	border:1px solid #ccc;
	padding:6px;
}

input[type=submit]{
	padding:6px 12px;
	font-size:12px;
	background-color:#f1b048;
	border:none;
	border-radius: 0;
	color:#fff;
	cursor:pointer;
}

button.cancel {
	padding:6px 12px;
	font-size:12px;
	background-color:#999;
	border:none;
	border-radius: 0;
	color:#fff;
	cursor:pointer;
	margin-left:10px;
}

input[type=submit]:hover {
	background-color:#efa000 !important;
	border-radius: 0;
}

button.action {
	padding:6px 12px;
	font-size:12px;
	background-color:#3f87cb;
	border:none;
	border-radius: 0;
	color:#fff;
	cursor:pointer;
}

button.action:hover {
	background-color:#3178bd !important;
	border-radius: 0;
}


/* ---------------- パンくず ---------------- */



div.pankuzu {
	margin:-15px -20px 10px -11px;
	border-radius:0;
	background:#565654;
	padding:10px;
	padding-top:13px;
	color:#fff;
}
div.pankuzu a,div.pankuzu i{color:#fff;text-decoration:none}

div.pankuzu ul.pankuzu {
	float:left;
	width:70%;
}

div.pankuzu ul.pankuzu li {
	float:left;
	font-size:12px;
	margin-bottom:3px;
}

div.pankuzu ul.pankuzu li i {
	padding-left:10px;
	padding-right:10px;
}

div.pankuzu ul.pankuzu li i.home {
	padding:0 5px 0 0;
}

div.pankuzu ul.actions {
	float:right;
	width:30%;
	margin-top:3px;
}

div.pankuzu ul.actions li {
	float:right;
	font-size:12px;
	margin-left:10px;
}

div.pankuzu ul.actions li:last-child {
	margin-right:0;
}

div.pankuzu ul.actions li i {
	color:#7697ff;
	padding-right:5px;
}

/* ----------------- 汎用 -------------- */

.c {
	text-align:center;
}

.l {
	text-align:left;
}

.r {
	text-align:right;
}

span.req {
	color:#ff0000;
}

div.btn {
	text-align:center;
}

.content p {
	line-height:1.4;
}

.content p.info {
	color:#333;
}

.content p.info:before {
	font-family:FontAwesome;
	content:"\f06a";
	padding-right:5px;
	color:#ff5e65;
}

.content .info_icon {
	padding-left:3px;
	color:#ff5e65;
}

.content i.info {
	margin-left:5px;
}
.content i.info:before {
	font-family:FontAwesome;
	content:"\f06a";
	padding-right:5px;
	color:#ff5e65;
	font-style:normal;
}

.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }

/* ----------------- メインコンテンツ -------------- */

.content table,
table.list_table {
	margin:auto;
	margin-bottom:10px;
	border-left:1px solid #cfcfcf;
	border-top:1px solid #cfcfcf;
}

.content table th,
table.list_table th {
	border-bottom:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	vertical-align:top;
	background-color:#eee;

}

.content table th a,
table.list_table th a {
	color:#2c2c2c !important;
}

.content table td,
table.list_table td {
	border-bottom:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	vertical-align:top;
}

.content table th.right,
.content table td.right,
table.list_table th.right,
table.list_table td.right {
	text-align:right;
}

.content table td.actions,
table.list_table td.actions {
	white-space:nowrap;
}

.content table th,
.content table td,
table.list_table th,
table.list_table td {
	padding:6px;
	line-height:1.4;
}


.content table th.th_h,
table.list_table th.th_h {
	font-weight:bold;
	text-align:center;
}

.content table tr.row_highlight td {
	background-color:#ddd !important;
}

.content table tr td {
	background-color:#f9f9f9;
}

.content table tr.altrow td {
	background-color:#fff;
}




.content a {
	color:#2c2c2c;
/*	font-weight:bold; */
	text-decoration:underline;
}

.content a:hover {
	color:#4183c4;
	text-decoration:underline;
}

.content th a:after {
	content:url("../img/sort.png");
}
.content th a.asc:after {
	content:url("../img/asc.png");
}

.content th a.desc:after {
	content:url("../img/desc.png");
}

.content p {
	margin-bottom:10px;
}

.content p.counter b {
	color:#133855;
	padding:0 4px;
}

.content h2 {
	font-size:26px;
	color:#666;
/*font-weight:bold;*/
	margin-bottom:20px;
}

.content div.actions {
	margin-bottom:20px;
}

.content div.actions li {
	display:inline;
	padding-right:10px;
}



input.medium {
	width:300px;
}

input.ex_short {
	width:50px;
}

input.short {
	width:120px;
}

input.long {
	width:500px;
}

div.error-message {
	font-size:.8em;
	color:#ff0000;
	font-weight:bold;
	padding-top:4px;
}

textarea.small {
	width:500px;
	height:60px;
}

textarea.medium {
	width:500px;
	height:130px;
}


textarea.medium_large {
	width:700px;
	height:300px;
}


textarea.large {
	width:700px;
	height:600px;
}

input[type=checkbox], input[type=radio] {
	margin-right:4px;
}

div.notes {
	font-size:.8em;
	color:#666;
	padding-top:4px;
}

h3 {
	margin-bottom: 10px;
	padding: 4px 0;
	color: #333;
	font-size: 24px;
	font-weight: normal;
	margin-top: 25px;
}

h4 {
	margin-bottom: 10px;
	padding: 4px 0;
	color: #666;
	font-size: 20px;
	font-weight: normal;
}

/* -------------- 表示順 ------------------ */
ul#sorting {
	margin:auto;
	width:420px;
}

ul#sorting li{

	width:400px;
	padding:10px;
	border:2px solid #ccc;
	margin-bottom:10px;
	cursor:move;
	text-align:left;
	font-weight:bold;
	background-color:#fff;

}



/* ----------- モダル ------------- */
#modalBase {
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:black;
    opacity:0.60;
    filter:alpha(opacity=60);
}

#modal{
    position: fixed;
    top:50%;
    left:50%;
	background-color:#fff;
	border:5px solid #ccc;
	padding:10px;
}

* html #modalBase{
    position:absolute;
}
* html #modal{
    position: absolute;
}


/* ----------------- フォーム ------------------ */

.inp1 {
	width:250px;
}

.inp2 {
	width:50px;
}

.inp3 {
	width:300px;
}


.inp4 {
	width:100px;
}

.mb5 {
	margin-bottom:5px;
}

.error {
	color:#ff0000;
	background-color:#ffdae6;
	margin:auto;
	margin-bottom:10px;
	font-weight:bold;
	width:600px;
	padding:10px;
}


.align_c {
	text-align:center;
}

/* --------- 検索 ------------- */
div.search {
	padding:10px;
}


div.search select{
	min-width:100px;
	padding:5px;
}


div.search button {
	padding:5px 10px;
	font-size:12px;
	background-color:#f1b048;
	border:none;
	border-radius: 0;
	color:#fff;
	cursor:pointer;

}
div.search button:hover {
	background-color:#efa000 !important;
}

tr.search th {
	background-color:#fff;
	padding:5px 10px;
	vertical-align: middle;
}

tr.search th.term input:first-child {
	margin-bottom:2px;
}

tr.search th input[type=text],
tr.search th select {
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

p.not_set {
	text-align:center;
	color:#777;
	font-weight:bold;
	margin:20px;
}

p.exception {
	font-weight:bold;
	text-align:center;
	font-size:1.4em;
	padding:15px;
	background-color:#F2DEDE;
	border:1px solid #EBCCD1;
	color:#A94442;
	border-radius:4px;
	margin:40px 0px;
	line-height:1.4;

}

.alert {
	color:#ff0000;
}

/* ------------------------- ダイアログ ---------------------- */
#zenginDialog {
	display:none;
}

table.dialogTable {
	border-top:1px solid #666;
	border-left:1px solid #666;
	margin:10px auto;
}
table.dialogTable th, table.dialogTable td {
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	padding:6px;
	line-height:1.2;
/*font-size:.8em;*/
}

table.dialogTable th {
	background-color:#ccc;
	white-space:nowrap;
}
table.dialogTable td {
	background-color:#fff;
}

p.dialogNotes {
	line-height:1.4;
}

#zenginDialog h3 {
	margin-top:10px;
}

.form-notes {
	color:#cc0000;
	margin-top:3px;
}

/* ------------- 編集履歴差分表示 ------------ */

.different th, .different td {
	background-color:#ffd4d7 !important;
}


table td{
	word-break: break-all;
}

.luck_of_fund {
	color:#cc0000 !important;
	font-size:1.2em;
}

input::-webkit-input-placeholder{
	color:#666666;
}
input:-moz-placeholder{
	color:#666666;
}
input::-moz-placeholder{
	color:#666666;
}
input:-ms-input-placeholder {
	color:#666666;
}

tr.mibarai td {
	background-color:#ffcccc !important;
}


.gray75 {
	color:#535353;
	line-height:1.8 !important;
}