/* Copyright (c) 2010 LINKcom Corporation. All Rights Reserved. */
/*
@Explanation	全画面共通設定用スタイルシート
@CreateDate		2010/06/07
@DrawUp 		Naoki Yamada

概要:
全画面共通設定用スタイルシート

更新履歴:
日付			内容(更新者)
==========	=================================================================
2011/05/31	FLEX&CF切替対応件でArticle、Header、List Table、Column Width、Detail関連修正(Kim)
2011/09/29	FLEX&CF切替対応でIE7までの文字サイズのバグ修正(saito)
2011/10/04	グローバルスタイルのDefault Color指定を外す (PageLink共通モジュール対応) by TK
2012/07/19	グローバルスタイルのfont-family指定を外す(\マーク表示対応)(Aoshi)
2012/07/17	共創開発デスクトップ対応(fukuju)
2012/08/15	ajax版の新着マイツール専用のスタイル指定(Aoshi)
2012/09/10	body * の指定による不具合を回避するため body の指定に変更(Aoshi)
2015/03/10	CF11新着情報マイツールのext-all.cssが全体に影響してしまうため、レイアウトを調整(kishida)
2015/10/06	CF11新着情報マイツールの文字サイズを変更(kishida)
*/

@charset "utf-8";

/*	=00 Basic Setting
-----------------------------------------------------*/
/* =00-1 Reset Default Style --------------------------*/
body {
	margin: 0px;
	padding: 0px;
}

/* =00-2 Typography 
	font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;

--------------------------*/

pre, code, var, samp, kbd {
	font-family: monospace;
}
input, textarea {
	font-family: sans-serif;
}

/* ajax版の新着マイツール */
#WhatIsNew .x-grid3-hd-inner
,#WhatIsNew .x-grid3-cell-inner{
	padding: 2px 2px 2px 2px;
}

#WhatIsNew .x-grid3-hd-row td
,#WhatIsNew .x-grid3-row td
,#WhatIsNew .x-grid3-summary-row td{
	font-family: 'ＭＳ Ｐゴシック', Arial;
	font-size: 10pt;
}
#WhatIsNew .x-grid-with-row-lines .x-grid-cell {
    font-size: 10pt;
}
#WhatIsNew .x-column-header-inner{
    padding-top: 2px !important;
}
#WhatIsNew .x-column-header-inner .x-column-header-text {
    font-size: 12px;
}
/* toolTipのスタイル指定 */
.x-tip-header-text
, .x-tip-body{
	font-family: 'ＭＳ Ｐゴシック', Arial !important;
	font-size: 10pt !important;
}
.x-tip-header
, .x-tip-body{
	word-break: break-all;
}
.x-tip-header {
	padding: 2px;
}

/* CF11のext-all.css影響回避 */
table.desktoplayout {
	border-collapse: separate;
	border-spacing: 8px;
}
table.desktoplayout .layoutdisplayarea {
	padding: 2px 2px 0 2px;
}
table.desktoplayout table {
	border-collapse: collapse;
	border-spacing: 0px;
}


/*	=01 Global Layout
-----------------------------------------------------*/
/* =01-1 Basic Style --------------------------*/
#wrapper *{
/*	color:#000000;
*/
	font-size:0.98em;
	list-style:none;
	margin:0px;
	padding:0px;
}

#wrapper img {
	border-style:none;
}

#wrapper {
	margin-bottom:5px;
	padding:0px 5px;
	*padding:0px;
}

table#contents {
	width:100%;
}

/* =01-2 Link Module --------------------------*/
#wrapper a:hover {
	background-color:#d1e1fa;
	text-decoration:none;
}

/* =01-3 Previous Module --------------------------*/
#wrapper .Previous {
	color:#556B2F;
	font-size:0.95em;
}

#wrapper .NotYet {
	color:#FF69B4;
	font-size:0.95em;
}


/*	=02 Tab Line
-----------------------------------------------------*/
#wrapper #tabLine {
	border-bottom:1px solid #bbbbbb;
	margin-bottom:10px;
}

/* =02-1 Tab Menu --------------------------*/
#wrapper ul.tabMenu {
	float:left;
}

html>/**/body #wrapper #tabLine ul.tabMenu li {
	float:left;
}

#wrapper #tabLine ul.tabMenu li {
	/display:inline;
	/margin-left:-3px;
}

#wrapper #tabLine ul#dsktopTab li {
	/margin-left:-8px;
}

#wrapper #tabLine ul.tabMenu li a {
	border-right:2px solid #ffffff;
	*border-right-width:5px;
	height:1.3em;
	line-height:1.3em;
	display:inline;
	padding:0px 10px;
	text-align:center;
	text-decoration:none;
	text-shadow: rgba(255,255,255,0.5) 0 1px 0;

}

#wrapper #tabLine ul.tabMenu li.currentTab a,
#wrapper #tabLine ul.tabMenu li a:hover {
	color:#000000;
}

#wrapper #tabLine p#tabEdit {
	float:left;
	margin-left:10px;
}

/* =02-2 Sub Menu --------------------------*/
#wrapper ul#subMenu {
	text-align:right;
}

#wrapper ul#subMenu li {
	display:inline;
	margin-right:5px;
}

#wrapper ul#subMenu li img {
	margin-right:3px;
}


/*	=03 Action Menu
-----------------------------------------------------*/
#wrapper ul.actionMenu li {
	display:inline;
	margin-right:5px;
	padding-left:3px;
}


/*	=04 Sidebar
-----------------------------------------------------*/
#wrapper .sidebar {
	vertical-align:top;
	width:220px;
}

#wrapper .sidebar p#allMessage a,
#wrapper .sidebar ul#tree li a {
	display:block;
}

#wrapper .sidebar p#allMessage img,
#wrapper .sidebar ul li img {
	margin-right:5px;
}

/* =04-1 Desktop SideMenu --------------------------*/
#wrapper .sidebar dl dd a {
	display:block;
	padding:3px 0px 3px 10px;
}

/* =04-2 Side title --------------------------*/
#wrapper .sideTitle {
	border-bottom:1px solid #cccccc;
	padding:5px 10px;
	text-align:right;
}


/*	=05 Section - Contents
-----------------------------------------------------*/
#wrapper .section {
	vertical-align:top;
}

#wrapper .section ul.pageLink li {
	display:inline;
}

#wrapper .section ul#showType li{
	float:left;
	margin-right:5px;
}

#wrapper .section ul#searchForm {
	text-align:right;
}

#wrapper .section ul#searchForm li {
	display:inline;
}

#wrapper .section ul#searchForm li input[type="text"] {
	
}

#wrapper .section ul#searchForm li input[type="image"] {
	vertical-align:middle;
}

#wrapper .section p.pageLinkControlBar {
	clear:left;
}

/* =05-1 Desktop Contents Area --------------------------*/
#wrapper table#contents td#contentsArea2,
#wrapper table#contents td#contentsArea3 {
	vertical-align:top;
}

#wrapper table.tabLayout {
	border-collapse:separate;
	border-spacing:10px 0px;
}

/* =05-2 Desktop iframe --------------------------*/
#wrapper iframe {
	clear: left;
}


/* =05-3 Side content --------------------------*/
#wrapper .sideContent {
	border-bottom:1px solid #cccccc;
	padding:5px 10px;
}


/*	=06 Article
-----------------------------------------------------*/
#wrapper .article {
	background-color:#ffffff;
	clear:left;
	margin-bottom:5px;
	font-weight:normal;
}

/* =06-1 Header --------------------------*/
#wrapper .article .itemHeader {
	height:17px;
}

#wrapper .article .itemHeader p.title {
	float:left;
}

#wrapper .article .itemHeader ul.appName li.label,
#wrapper .article .itemHeader ul.appName li.label a {
	text-shadow: rgba(255,255,255,0.5) 0 1px 0;
}

#wrapper .article .itemHeader ul.controlBar {
	float:right;
}

#wrapper .article .itemHeader ul.controlBar li {
	display:inline;
}

/* =06-2 Post Info --------------------------*/
#wrapper .article .postInfo {
	*display:inline-block;
	clear:both;
	padding:5px 0px 5px 20px;
}

#wrapper .article .postInfo:after {
	content: "";
	display: block;
	clear: both;
}

#wrapper .article .postInfo dl {
	
}

#wrapper .article .postInfo dl dt {
	float:left;
	font-weight:normal;
	margin-right:5px;
}

#wrapper .article .postInfo dl dd {
	float:left;
	margin-right:10px;
}

/* =06-3 Item Body --------------------------*/
#wrapper .article .itemBody {
	clear:both;
	padding:10px 20px;
}

#wrapper .article .itemBody p {
	line-height:1.6em;
}

/* =06-4 Item Link --------------------------*/
#wrapper .article dl.itemlink {
	padding:5px 0px 5px 20px;
}

#wrapper .article dl.itemLink dt {
	clear:both;
	float:left;
	font-weight:normal;
	margin-right:5px;
}

/* =06-5 Item Files --------------------------*/
#wrapper .article dl.itemFiles {
	clear:both;
	padding:5px 0px 5px 20px;
}

#wrapper .article dl.itemFiles dt {
	clear:both;
	float:left;
	font-weight:normal;
	margin-right:5px;
	padding-left:5px;
}

#wrapper .article dl.itemFiles dd {
	margin-bottom:5px;
}

/* =06-6 Footer --------------------------*/
#wrapper .article .itemFooter {
	padding:3px 10px;
	text-align:right;
}


/*	=07 List Table

-----------------------------------------------------*/
#wrapper table.listTable * {
	font-size:0.96em;
}

#wrapper table.listTable {
	background-color:#ffffff;
	clear:both;
	margin-bottom:1px;
	width:100%;
}

#wrapper table.listTable tr.header th {
	text-align:left;
	padding:5px;
	color:#ffffff;
}

#wrapper table.listTable tr td {
	padding:1px;
}

#wrapper table.listTable tr.oddRow{
	background-color:#f6f6f6;
}

/*	=10 App Icon (desktop)
-----------------------------------------------------*/
#wrapper #iconArea {
	clear:both;
	margin-bottom:15px;
	padding:0px 0px 10px 10px;
}

#wrapper .iconArea {
	border-bottom:1px solid #bbbbbb;
}
	
#wrapper #iconArea .icon {
	float: left;
	margin-right: 10px;
	margin-bottom:10px;
	width: 150px;
}

#wrapper #iconArea .icon a {
	display:block;
	padding:5px;
}

#wrapper #iconArea .icon p.iconImage {
	margin-bottom:5px;
	height:32px;
	width:32px;
}

#wrapper #iconArea .icon p.iconTitle {
	color:#666666;
	font-size:0.8em;
	padding-left:5px;
}

#wrapper p#iconEdit {
	clear:both;
}


/*	=11 My Tool (desktop)
-----------------------------------------------------*/
#wrapper .mytool {
	padding:2px;
}

/* =11-1 Header --------------------------*/
#wrapper .mytool .itemHeader ul.appName {
	color:#666666;
	float:left;
	height:100%;
}

#wrapper .mytool .itemHeader ul.appName li {
	float:left;
	margin-left:5px;
	font-weight:normal;
}

#wrapper .mytool .itemHeader ul.appEditLink {
	float:right;
	line-height:1.6em;
}

#wrapper .mytool .itemHeader ul.appEditLink li{
	float:left;
	margin-right:7px;
}

#favIcon a{
	text-decoration:none;
	float:left;
	margin:2px;
	cursor:pointer;
}
#favIcon a div {
	height:72px;
	width:120px;
	padding-top:2px;
	padding-left:2px;
	vertical-align:top;
	border-left:1px solid #AAAAAA;
}

/* =11-2 Detail --------------------------*/
#wrapper .article .mytoolDetail {
	padding-right:1px;
	padding-left:1px;
	width:100%;	
}

/* =11-3 More Link --------------------------*/
#wrapper .article .mytoolDetail p.moreLink {
	text-align:right;
}

/* =11-4 Column Width --------------------------*/
#wrapper .article .mytoolDetail table td.itemIcon {
	width:2%;
}
#wrapper .article .mytoolDetail table td.itemTitle {
	width:31%;
	warp;
}
#wrapper .article .mytoolDetail table td.itemDetail {
	width:30%;
}
#wrapper .article .mytoolDetail table td.itemRegMail {
	width:17%;
}
#wrapper .article .mytoolDetail table td.itemLastMod {
	width:19%;
}



/*	=20 Mail Setting (forum)
-----------------------------------------------------*/
#wrapper #mailSet {
	padding:10px 20px;
}

#wrapper #mailSet form {
	text-align:center;
}

#wrapper #mailSet p {
	font-weight:bold;
	margin-bottom:5px;
	text-align:left;
}

#wrapper #mailSet ul {
	margin-bottom:10px;
	padding:5px 10px;
	text-align:left;
}

#wrapper #mailSet ul li {
	line-height:1.5em;
}


/*	=20 btnBar (filelib)
-----------------------------------------------------*/
#wrapper .btnBar {
	padding:10px;
	text-align:center;
}