@charset "UTF-8";
/* CSS Document */

#isDspPassChange {
	text-align: right;
}

#isDspPassChange p span.red {
	color:#ff0000;
	font-size:14px;
	font-weight:bold;
}

/*ナビゲーション共通*/
div.navi {
	width:720px;
	padding:5px 1px 5px 5px;
	border-bottom:#E5E5E5 1px dotted;
	position:relative;
}
div.navi h2 {
	width:714px;
	height:85px;
	text-indent:-9999px;
}
div.navi ul {
	display:inline;
	position:absolute;
	top:14px;
	right:4px;
}
div.navi ul li {
	float:left;
}

/*履歴共通*/
div.history {
	width:714px;
	padding:5px;
}
div.history h3 {
	width:702px;
	height:22px;
	padding:6px 2px 2px 6px;
	background-color:#ebebeb;
	color:#000000;
	font-size:15px;
}

div.history h3 span.small {
	font-size:12px;
}
div.history table {
	table-layout:fixed;
}
div.history table th {
	height:30px;
	vertical-align:middle;
	border-top:#FFFFFF 4px solid;
	font-size:13px;
	padding:6px 2px 2px 2px;
}
div.history table td {
	text-align:center;
	height:35px;
	background-color:#f4f4f4;
	vertical-align:middle;
	border-top:#FFFFFF 4px solid;
	color:#0b4fac;
	font-size:13px;
	font-weight:bold;
	padding:6px 2px 2px 2px;
}
div.history table .middle {
	border:#FFFFFF 4px solid;
	border-bottom:none;
}

/*=============================================
お見積
=============================================*/
#estimate {
	width:724px;
	border:#e5e5e5 3px solid;
}
#estimate div.navi h2 {
	background:url(../img/title_mitsu.png) no-repeat left top;
}
div.history table th {
	background-color:#fef5c8;
}
#estimate div.history h3 {
	border-left:4px #FFCC33 solid;
}

/*=============================================
ご注文
=============================================*/
#order {
	width:724px;
	border:#e5e5e5 3px solid;
	margin-top:24px;
}
#order div.navi h2 {
	background:url(../img/title_order.png) no-repeat left top;
}

#order div.history h3 {
	border-left:4px #DA1E29 solid;
}
#order div.history table th {
	background-color:#fef1f1;
}


/*=============================================
承認
=============================================*/

#approvalarea {
	width:724px;
	border:#e5e5e5 3px solid;
	margin-bottom:24px;
}

#approvalarea div.history h3 {
	border-left:4px #CCFF00 solid;
}

#approvalarea div.history table th {
	background-color:#CCFF99;
}

#approvalarea div.title{
	width:705px;
	height:22px;
	padding:6px 2px 2px 6px;
	background-color:#CCFF00;
	color:#000000;
	font-size:15px;
	margin-bottom:5px;
	text-align:center;
}


/*=============================================
中カラム
=============================================*/
#main a.a_catch {
	display:block;
}
#topics {
	margin-top:36px;
	width:530px;
	float:left;
	position:relative;
	padding-bottom:50px;
}

/*バナー*/
#topics div.bnr_cat {
	width:538px;
	height:85px;
	position:relative;
	top:-5px;
	left:-5px;
}
#topics div.bnr_cat a {
	display:block;
	position:absolute;
	top:0;
	left:0;
}
#topics h2 {
	width:514px;
	height:23px;
	padding-left:16px;
	padding-top:6px;
	margin-top:12px;
	background:url(../img/bg_title_topics.png) no-repeat;
	font-size:14px;
}

#topics dl {
	width:502px;
	padding:10px 28px 10px 0;
	border-bottom:#999999 1px solid;
	background:url(../img/icon_topics.png) no-repeat right center;
}
#topics dl dt.new {
	background:url(../img/icon_new.png) no-repeat right 1px;
	padding-right:60px;
	height:20px;
	width:40px;
}
#topics dl dt a {
	text-decoration:none;
	color:#333333;
}
#topics dl dd a {
	color:#333333;
	font-weight:bold;
}
#topics dl dt a:hover {
	color:#eb1313;
}
#topics dl dd a:hover {
	color:#eb1313;
}

#topics a.index {
	width:84px;
	height:19px;
	display:block;
	background:url(../img/btn_topics.png) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	right:0;
	bottom:14px;
}


/*=============================================
右カラム
=============================================*/
#banner {
	width:179px;
	float:right;
	margin-top:36px;
}
#banner a {
	display:block;
	margin-bottom:7px;
}

/* 非活性スタイル */
a.disable{
	background-color: #aaa !important;
	cursor: not-allowed !important;
}
a.disable_font_color{
	color: #bbb !important;
	cursor: not-allowed !important;
}