@charset "utf-8";

/* --------------------------------------------------
	SiteName : mypl
	FileName : office.css
	Author : Future Link Network
	UpdatedBy : who-when

	== TOC =========================================
	1 : header styles
	2 : personalUser styles
	3. msgHeader styles
	4. officeLogINFooter styles
	5. officeLogINMain styles
	6. officeLogINMailDetail styles
	7. officeLogINButton styles
	8. officeLogINSpan styles
	9. office_ttl styles

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

/* 1. header styles
==================================================*/
#headerArea{
	padding:0 7px 12px 7px;
	background:transparent url(/contents/images/default/common/office/bg_headaer.gif) repeat-x left bottom !important;
}
#headerArea table p{
	font-size:120% !important;
	color:#993300 !important;
}

/* 2. personalUser styles
==================================================*/
#personalUser{
	background:transparent url(/contents/images/default/common/office/bg_personaluser.gif) no-repeat left bottom !important;
}
#personalUserHeader{
	background:transparent url(/contents/images/default/common/office/bg_personaluserheader.gif) no-repeat left top !important;
}
#personalUserMain{
	border-top:solid 1px #AFB63D !important;
	border-left:solid 1px #AFB63D !important;
	border-right:solid 1px #AFB63D !important;
	background:#F5F5F5 none !important;
}
#personalUserMain ul{
	border:solid 1px #AFB63D !important;
	margin-bottom: 0;
}
#personalUserMain ul li.sep{
	border-bottom:dotted 1px #AFB63D !important;
}
#personalUserMain h3{
	border-top:solid 1px #AFB63D !important;
	border-left:solid 1px #AFB63D !important;
	border-right:solid 1px #AFB63D !important;
	background:#F0F8FF none !important;
}
#personalUserMain ol{
	border:solid 1px #AFB63D !important;
}

/* 3. msgHeader styles
==================================================*/
#officeLogINHeader h3{
	padding:0 0 0 5px;
	background:#f0f8ff;
	border-top:solid 1px #AFB63D;
	border-left:solid 1px #AFB63D;
	border-right:solid 1px #AFB63D;
	font-size:84%;
}
#officeLogINHeader h3 span{
	display:block;
	padding:6px 8px 5px 3px;

}

/* 4. officeLogINFooter styles
==================================================*/
#officeLogINFooter{
	border-top:solid 2px #AFB63D;
	font-size:0;
	line-height:0;
}

/* 5. officeLogINMain styles
==================================================*/
#officeLogINMain{
	padding:5px;
	border:solid 1px #AFB63D;
	background:#efefef;
	zoom:1;
}
#officeLogINMain div.paging_01{
	margin:0 !important;
	padding:0 5px;
}

/* 6. officeLogINMailDetail styles
==================================================*/
#officeLogINMailDetail{
	border-top:solid 1px #AFB63D;
	border-left:solid 1px #AFB63D;
}
#officeLogINMailDetail table{
	width:100%;
}
#officeLogINMailDetail table th{
	width:20%;
	padding:5px 8px;
	border-right:solid 1px #AFB63D;
	border-bottom:solid 1px #AFB63D;
	background:#f5f5f5 none;
	font-weight:normal;
	text-align:left;
}
#officeLogINMailDetail table td{
	padding:5px 8px;
	border-right:solid 1px #AFB63D;
	border-bottom:solid 1px #AFB63D;
	background:#FFF none;
}


/* 7. officeLogINButton styles
==================================================*/
#officeLogINButton{
	padding:4px 5px;
	background:#f5f5f5 none;
	border-bottom:solid 1px #AFB63D;
	border-right:solid 1px #AFB63D;
}
#officeLogINButton.maillist{
	border-right:none;
	border-bottom:none;
}
#officeLogINButton form{
	display:inline;
}
#officeLogINButton input.delete{
	width:46px;
}
#officeLogINButton input.send{
	width:100px;
}
#officeLogINButton input.return{
	width:160px;
}
#officeLogINButton input.draft{
	width:90px;
	margin-left:3px;
}
#officeLogINButton input.l200{
	width:200px;
}
#officeLogINButton span{
	display:block;
	width:59%;
}

#officeLogINButton{margin:0;}
/* \*/
html*#officeLogINButton{
	[margin:0;
	margin:1px 0 0 0;
	]margin:0;
}/**/
.dummyend[id]{}
* html #officeLogINButton{margin:0;}


/* 8. officeLogINSpan styles
==================================================*/
#officeLogINSpam{
	padding:4px 5px;
	background:#F3FBD8 none;
	border-bottom:solid 1px #AFB63D;
	border-right:solid 1px #AFB63D;
	text-align:right;
}
/* 9. office_ttl styles
==================================================*/
.office_ttl{
	margin:0 0 10px 0;
	padding:0 10px 0 10px;
	border-top:solid 2px #AFB63D;
	background:#f5f5f5 none;
}
.office_ttl .title{
	padding:6px 0 6px 0;
	border-top:solid 1px #FFF;
	font-size:92%;
	line-height:1.3;
}

/* 10. menu styles
==================================================*/
div.menulist_01,
div.menulist_02{
	margin:0;
}
div.menulist_01 li,
div.menulist_02 li{
	float:left;
	display:block;
	margin:0 5px 5px 0;
	background:#F7F7F7 url(/contents/images/default/common/office/bg_menulist_01.gif) no-repeat left top;
	cursor:pointer;
	line-height:1.1;
	white-space:nowrap;
	font-size:84%;
	zoom:1;
}
div.menulist_01 li span,
div.menulist_02 li span{
	position:relative;
	left:1px;
	top:1px;
	display:block;
	padding:2px 8px 4px 8px;
	background:transparent url(/contents/images/default/common/office/bg_utility_01.gif) no-repeat right bottom;
}
div.menulist_02 li{
	background:#F7F7F7 url(/contents/images/default/common/office/bg_menulist_02.gif) no-repeat left top !important;
}
div.menulist_02 li span{
	background:transparent url(/contents/images/default/common/office/bg_menulist_02.gif) no-repeat right bottom !important;
}
div.menulist_01 li span a,
div.menulist_02 li span a{
	display:block;
	padding:0 0 0 8px;
	background:transparent url(/contents/images/default/common/icon/icn_arw_02.gif) no-repeat left center;
	text-decoration:none !important;
}
div.menulist_01 li:hover,
div.menulist_02 li:hover{
	background-color:#EBF1FF;
}
div.menulist_01 li span a:link,
div.menulist_02 li span a:link{
	color:#000000 !important;
}
div.menulist_01 li span a:visited,
div.menulist_02 li span a:visited{
	color:#000000;
}
div.menulist_01 li span a:hover,
div.menulist_01 li span a:active,
div.menulist_02 li span a:hover,
div.menulist_02 li span a:active{
	color:#CC0000 !important;
}

/* 11. officetable_01 styles
==================================================*/
.officetable_01{
	margin:0 0 10px 0;
}
.officetable_01 table{
	width:100%;
	border-bottom:solid 1px #F4F4F4;
}
.officetable_01 table th{
	padding:3px 8px;
	font-weight:normal;
	text-align:left;
}
.officetable_01 table th{
	background:#F0F9CA url(/contents/images/default/common/line/bg_dotline_01.gif) repeat-x left bottom;
}
.officetable_01 table tr.headline th{
	border-top:solid 1px #B2DB7F;
}
.officetable_01 table td{
	padding:2px 9px;
}
.officetable_01 tr.oddline td{
	background:#F4F4F4 none;
}
.officetable_01 tr.evenline td{
	background:#FFF none;
}
.officetable_01 tr.pointline td{
	background:#FAF1C2 none;
}
.officetable_01 tr.beline td{
	background:transparent url(/contents/images/default/common/line/bg_dotline_01.gif) repeat-x left bottom;
}


.officetable_02{
	border-top:solid 1px #C0C0C0;
	border-left:solid 1px #C0C0C0;
}
.officetable_02 table{
	width:100%;
}
.officetable_02 th{
	padding:10px 5px 5px 5px;
	border-right:solid 1px #C0C0C0;
	border-bottom:solid 1px #C0C0C0;
	background-color:#F7F7F7;
	font-weight:normal;
	white-space:nowrap;
	text-align:left;
	vertical-align:top;
}
.officetable_02 td{
	padding:8px;
	border-right:solid 1px #C0C0C0;
	border-bottom:solid 1px #C0C0C0;
	vertical-align:top;
}
.officetable_02 table.innertable th,
.officetable_02 table.innertable td{
	padding:0;
	border:none;
	background-color:#FFF;
}
.officetable_02 td p span{
	color:#F60;
}

/* 12. colerBox styles
==================================================*/
.c_box_01{
	margin:0;
	padding:6px 10px;
	border:solid 1px #ffbab2;
	background:#ffe4e1 none;
}
.c_box_02{
	margin:0;
	padding:6px 10px;
	border:solid 1px #fffacd;
	background:#ffffe0 none;
}

/* 等幅フォント */
.mono{
	font-family:"ＭＳ ゴシック","Osaka－等幅",monospace;
}

/* search_box etc */
.of_search_box{
	border-top:1px solid #E0E0E0;
	border-left:1px solid #E0E0E0;
}
.of_search_box table{
	width:100%;
}
.of_search_box th,
.of_search_box td{
	padding:8px;
	border-bottom:1px solid #E0E0E0;
	border-right:1px solid #E0E0E0;
}
.of_search_box th{
	font-weight:normal;
	background:#F4F4F4;
}
.of_search_box tr.endtr th,
.of_search_box tr.endtr td{
	border-bottom:none;
}
.of_submitarea{
	margin:10px 0;
	padding:10px;
	background:#F4F4F4;
	border:1px solid #E0E0E0;
	text-align:center;
}
.of_error_message{
	color:#CC3300;
	font-weight:bold;
	font-size: 100%;
}

.of_input_section{
	margin:0 0 15px 0;
	border-top:1px solid #E0E0E0;
	border-left:1px solid #E0E0E0;
}
.of_input_section table{
	width:100%;
}
.of_input_section th,
.of_input_section td{
	border-bottom:1px solid #E0E0E0;
	border-right:1px solid #E0E0E0;
	padding:10px 8px;
	text-align:left;
}
.of_input_section th{
	font-weight:normal;
	vertical-align: top;
}
.of_input_section th{background:#F7F7F7;}
.of_input_section td label{
	font-size:84%;
	line-height:1.65;
	padding-right:0.6em;
}
.of_input_section th span{
	color:#CC3300;
	padding-left:3px;
}
.of_input_section ul.clearfix li{
	float:left;
	padding-right:10px;
}