@charset "UTF-8";

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

body {
	background:#fff url('/img/bg_admin.png') repeat-x 0 0;
}


/*----------------------
タブメニュー http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/
------------------------*/

.projectUpdates {
	padding: 0 0 20px;
}

ul.tabs {
	font-size:12px;
	list-style:none;
	border-bottom: 1px #999999 solid;
	padding-bottom: 5px;
}

ul.tabs li {
	display: inline;
	margin-right: 2px;
}

ul.tabs li span {
	color:#999999;
	text-decoration: none;
	background: #e6e6e6;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-right-radius:3px;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	padding: 5px 15px 5px;
}

ul.tabs li span.active {
	color:#666666;
	background-color:#fafafa;
	border: 1px #999999 solid;
	border-bottom: 1px #fafafa solid;
	padding: 5px 15px 5px 15px;
}

.tab_container {
	padding:7px 10px;
	background-color:#fafafa;
	font-size:12px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
}

.tab_container dl {
	padding:0;
}

.tab_container dl dt {
	float: left;
	width: 100px;
	padding: 8px 7px 0 0;
	text-align:right;
	line-height: 1.3;
}

.tab_container dl dd {
	padding: 5px 0 7px 0;
	line-height: 1.3;
}



/*----------------------
HOME画面
------------------------*/

#navi {
	font-size:12px;
	margin-bottom:15px;
	padding:5px;
	border-bottom:1px dotted #ccc;
	border-top:1px dotted #ccc;
	background-color:#fcfcfc;
}

.dragme {
	float:right;
	cursor:move;
}

.actionpadUpdate {
	margin-bottom:15px;
	font-size:12px;
}

#projectAddForm {
	padding:7px 10px;
	margin-bottom:15px;
	font-size:12px;
	background-color:#FAFAFA;
	border: 1px solid #ccc;
	border-top:none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.projectTitle {
	text-align:left;
	font-size:13px;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
	padding:0 0 5px 21px;
	background:transparent url('/img/icon_project.png') no-repeat 0 1px;
}

.projectEditTitle {
	text-align:left;
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 21px;
	background:transparent url('/img/icon_project.png') no-repeat 0 1px;
}

ul.updates {
	list-style-type:none;
	line-height:2;
}

ul.updates li {
}

.actionpadUpdate ul {
	list-style-type:disc;
	margin-left:15px;
	line-height:2;
}

ul.updates .todo_done {
	background:transparent url('/img/icon_done.png') no-repeat 0 4px;
	padding:0 0 0 22px;
}


/*----------------------
セクション関連
------------------------*/

.section {
	padding:2px;
	background-color:#EFEFEF;
	margin: 0 0 10px;
}

.section div {
	background-color:#f4f4f2;
	border:1px solid #c6c7c6;
}

.section div h3 {
	background-color:#e8e8e6;
	border-bottom:1px solid #aaaaaf;
	border-top: 1px solid #fff;
	color:#77778c;
	font-weight:bold;
	line-height:1.3;
	padding:3px;
	text-align:center;
}

.section div div {
	padding:7px;
	border:none;
}

.section ul {
	list-style-type: none;
	line-height:2;
	margin:0;
	padding:0;
}

.section li {
	padding-left:20px;
	background:transparent url(/img/icon_project.gif) no-repeat 0px 4px;
}

.section table {
	border-collapse: collapse;
}

.section th {
	padding: 5px 0;
}

.section td {
	padding:5px;
}

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

#header {
	text-align:left;
	padding:10px 0 15px 0;
}

#logo {
	float: left;
}

#account {
	float: right;
	text-align:right;
	font-size: 12px
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: none;
	background-color: #EFEBE7;
	font-size:12px;
	padding:5px 10px;
	line-height:1.5;
}

#accountName {
	border-bottom:1px solid #000;
	padding:3px 0 5px;
	margin:0 0 2px 0;
}

#accountMenu {
	padding:3px 0;
}

#container {
	width:720px;
	margin:0 auto;
	text-align:left;
	zoom:1;
}

#leftside {
	float: left;
	width: 505px;
}

#rightside {
	float: right;
	width: 200px;
	font-size: 12px;
}

/*----------------------
デフォルトスタイル
------------------------*/

#leftside h3 {
	text-align:left;
	font-weight:bold;
	font-size:14px;
	border-bottom:1px dotted #ccc;
	margin-bottom:5px;
	padding:5px 0;
}

p {
	line-height:1.5;
	margin:0 0 14px 0;
}

h2 {
	padding: 10px 0 7px;
	border-bottom:2px solid #ccc;
	font-weight:bold;
	font-size:14px;
	margin:0 0 15px 0;
}

/*----------------------
Table Style
------------------------*/

table#cardInfo {
	border-collapse: collapse;
	background-color: #fff;
}

table#cardInfo td {
	padding: 9px;
	font-size:12px;
	border:1px solid #ccc;
	line-height:1;
}