@charset "utf-8";
/* CSS */
/* 初期化用CSS読み込み */
@import url(format.css);
@import url(header.css);
@import url(menu.css);
@import url(footer.css);

body {
	margin:0 auto;
	min-width: 550px;
/*	background:url(/img/side_bar.gif) repeat-y #E2E2E2;*/
/*	background-position:0px 100%;*/
	background-color:#E2E2E2;
	border-top:2px solid #ccc;
	font-family: Verdana, Arial, sans-serif,"ＭＳ ゴシック";
	font-size:12px;
	text-align:left;
	color:#333;
}

/*-------- body ---------*/
#main_body {
	margin:0 auto;
	width:100%;
	text-align:left;
	border-top:#aaa 1px solid;
	/*---- IE以外----*/
	min-width:550px;
}
* html #main_body {
	width:expression((document.documentElement.clientWidth < 550)? "550px":"auto");
}
/*------- メイン --------*/
.main {
	padding:0px 0px 1px 0px;
	background:url(/img/side_bar.gif) repeat-y;
	background-position:0px 100%;
}

#contents {
/*	float:right;*/
/*	clear:right;*/
/*	margin-left: -240px;*/
	width:100%;
}
#contents .section{

/*	margin:3px 3px 3px 240px; */
	margin:3px 3px 3px 7px;
	padding:3px 5px 5px 5px;
	background:#EFEFEF;
	/*---- IE以外----*/
/*	min-height:523px;*/
	/*---- IE専用----*/
/*	_height:523px;*/
}

a:link {
	color: #31BEFF;
}
	
a:visited {
	color: #31BEFF;
}

a:hover {
	color: #FF9966;
}
hr {
	border-top:1px solid #999;
	border-bottom:1px solid #fff;
	border-left:0px solid #fff;
	border-right:0px solid #fff;
}
/*--------------------------------------*
 *	コンテンツ							*
 *--------------------------------------*/ 
#contents .section h1 {
	padding:7px 0px 4px 25px;
	margin:5px 0 10px 0px;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	background:url(/img/title_arrow.gif) no-repeat;
	background-position:left;
	border-bottom:3px solid #818181;
}
#contents .section #progress{
	margin:5px 0 0 0;
	width:100%;
	background:url(/img/tab_back.gif) repeat;
	background-position:top;
}
#contents .section #progress #tab_container{
	margin:0;
	padding:0;
}
#contents .section #progress .tab{
	width:160px;
	height:22px;
	margin:0px;
	padding:7px 0 0 0;
	background:url(/img/tab_container.gif) no-repeat;
	vertical-align:middle;
	text-align:center;
	float:left;
}
#contents .section #progress .tab_focus{
	width:160px;
	height:22px;
	margin:0px;
	padding:7px 0 0 0;
	vertical-align:middle;
	text-align:center;
	background:url(/img/tab_container_focus.gif) no-repeat;
	float:left;
}
#contents .section #progress .tab_last{
	width:160px;
	height:22px;
	margin:0px;
	padding:7px 0 0 0;
	vertical-align:middle;
	text-align:center;
	background:url(/img/tab_container_last.gif) no-repeat;
	float:left;
}
#contents .section #progress .tab_last_focus{
	width:160px;
	height:22px;
	margin:0px;
	padding:7px 0 0 0;
	vertical-align:middle;
	text-align:center;
	background:url(/img/tab_container_last_focus.gif) no-repeat;
	float:left;
}
#contents .section #progress .dsc{
	clear:both;
	margin:0px;
	padding:10px 40px 0px 36px;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
	background:url(/img/icon_dsc.gif) no-repeat #FAFAFA;
	background-position:15px 12px;
	background-position-y:20px; /* IEのみ */
	line-height:150%;
}
#contents .section .table_container_main {
	margin:0px 0 7px 0;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:9px 9px;
	background-color:#FAFAFA;
}
#contents .section .table_container {
	margin:0px 0 7px 0;
	border:1px solid #ccc;
	padding:9px 9px;
	background-color:#FAFAFA;
}
#contents .section .table_title {
	margin:0px 0px 0px 0px;
	padding:4px 0 4px 10px;
	border-top:1px solid #D0E1EE;	
	border-left:1px solid #D0E1EE;	
	border-right:1px solid #D0E1EE;	
	background:url(/img/back_blue_dark.gif) repeat-x #E2F2FE;
	color:#70A2C7;
	font-weight:bold;
}
#contents .section #form_table {
	background-position:top;
	border-top:1px solid #D0E1EE;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-collapse:separate;
	font-size:12px;
	width:100%;
}
#contents .section #form_table th {
	margin:15px 0px;
	padding:8px;
	background:url(/img/back_blue.gif) repeat-x #EBF7FF;
	border-bottom:1px solid #D0E1EE;
	border-right:1px solid #D0E1EE;
	text-align:left;
	vertical-align:top;
	width:170px;
	color:#70A2C7;
	font-weight:bold;
}
#contents .section #form_table td {
	padding:8px;
	margin:15px 0px;
	border-bottom:1px solid #D0E1EE;
	background:url(/img/back_blue.gif) repeat-x #EBF7FF;
}
.form_indis {
	float:left;
	width:20px;
	padding-top:3px;
}

/*--- button ---*/
#contents .section .form_button{
	margin:0;
	padding:0 0 2px 0;
	background:url(/img/button_back.gif) no-repeat;
	color:#FFFFFF;
	width:175px;
	height:33px;
	border:0px;
	text-align:center;
	vertical-align:middle;
}
#contents .section .form_button:hover, #contents .section .form_buttonHover{
	margin:0;
	padding:0 0 2px 0;
	background:url(/img/button_back_hover.gif) no-repeat;
	color:#FFFFFF;
	width:175px;
	height:33px;
	border:0px;
	text-align:center;
	vertical-align:middle;
}
#contents .section .form_button_mini{
	margin:0;
	padding:0;
	background:url(/img/button_back_mini.gif) no-repeat;
	color:#FFFFFF;
	width:122px;
	height:22px;
	border:0px;
	text-align:center;
	vertical-align:bottom;
}
#contents .section .form_button_mini:hover, #contents .section .form_button_miniHover{
	margin:0;
	padding:0px 0 0px 0;
	background:url(/img/button_back_hover_mini.gif) no-repeat;
	color:#FFFFFF;
	width:122px;
	height:22px;
	border:0px;
	text-align:center;
}

#contents .section .table_button{
	width:100%;
	margin:0 0 5px 0;
	padding:0;
	border:0px;
}
#contents .section .table_button .left {
	margin:0;
	padding:0;
	width:50%;
	text-align:left;
	border:0px;
	vertical-align:top;
}
#contents .section .table_button .right {
	margin:0;
	padding:0;
	width:50%;
	text-align:right;
	border:0px;
	vertical-align:top;
}
#contents #additional {
	margin:0px 0;
	padding:15px;
	border:1px solid #D0E1EE;	
	background-color:#FFF;
	line-height:150%;

}
#contents .comment_container {
	margin:0px 0 5px 0;
	padding:7px;
	border:1px solid #ccc;	
	background-color:#FAFAFA;
}

#contents .sub_comment {
	padding:15px;
	margin:0px 0;
	border:1px solid #D0E1EE;	
	background-color:#FFF;
	line-height:150%;

}
#contents #additional ul{
	margin:0 0 8px;
	padding:0 0 0 40px;
	list-style-type:square;
}
#contents #additional dl{
	margin:4px 0;
	padding:0 0 0 15px;
}
#contents #additional dt{
	padding:0 0 0 14px;
	background:url(/img/bullet_blue.gif) left 0.1em no-repeat;
	font-weight:bold;
}
#contents #additional dd{
	margin:0 0 2px;
	padding:0 0 0 15px;
}
#contents .sub_comment ul{
	margin:0 0 8px;
	padding:0 0 0 40px;
	list-style-type:square;
}

/*--- list_table ---*/
#contents .section .list_title {
	margin:0px 0px 8px 0px;
/*	padding:4px 0 4px 10px; */
	border:1px solid #D0E1EE;	
	background:url(/img/back_blue.gif) repeat-x #EBF7FF;
	color:#70A2C7;
}
#contents .section #list_table,
#contents .section #list_table_works{
	border:1px solid #D0E1EE;	
	border-collapse:collapse;
	background:#FDFDFD;
	font-size:12px;
	width:100%;
}
#contents .section #list_table th {
	text-align:center;
	border:1px solid #D0E1EE;	
	background:url(/img/back_blue_dark.gif) repeat-x #E2F2FE;
	background-position:top;
	color:#70A2C7;
	vertical-align:middle;
	font-weight:bold;
	padding:8px;
}
#contents .section #list_table_works th {
	text-align:center;
	border:1px solid #D0E1EE;	
	background:url(/img/back_blue_dark.gif) repeat-x #E2F2FE;
	background-position:top;
	color:#70A2C7;
	vertical-align:middle;
	font-weight:bold;
	padding:3px;
	font-size:12px;
}
#contents .section #list_table td,
#contents .section #list_table_works td{
	border:1px solid #D0E1EE;	
	color:#3B607B;
	padding:7px;
	font-size:12px;
}
#contents .section #list_table_works .c_red{
	color:#F00;
}
#contents .section #list_table .odd{
	border:1px solid #D0E1EE;	
	background:url(/img/back_blue.gif) repeat-x #EBF7FF;
	color:#3B607B;
	padding:7px;
}
#contents .section #list_table_works .odd{
	border:1px solid #D0E1EE;	
	background:url(/img/back_gray.gif) repeat-x #EAE6E6;
	color:#3B607B;
	padding:7px;
}
#contents .section .list_title .page_cnt{
	text-align:right;
	padding:4px 10px 4px 0;

}
#contents .section .list_title .tbl_title{
	font-weight:bold;
	text-align:left;
	float:left;
	padding:4px 0 4px 10px;

}
/*--- search_table ---*/
#carl_search {
	margin:10px 0;
	text-align:left;
}
#carl_search .carl_row {
	float:left;
}

#carl_search .carl_itemname {
	float:left;
	border-left:3px solid #70A2C7;
	padding-bottom:1px;
	padding-left:5px;
	margin:0 0 3px 1px;
	font-weight:normal;
	color:#5f5f5f;
	font-size:10px;
	letter-spacing:1px;
}
#carl_search .carl_item {
	clear:both;
	padding-right:20px;
}
#carl_search .carl_btn {
	padding-top:13px;
}


/*------------------------------------------ ログイン画面用 --------------------------------------------*/
#login_container {
	width:100%;
	background:#F5F5F5;

}
.login {
	width:600px;
	margin:10% auto;
	padding:30px;
	background:#FFF;
	border:1px solid #CCCCCC;
}

.login label {
	display:block;
	float:left;
	width:120px;
	margin-right:10px;
	padding-left:140px;
	font-size:10pt;
	font-weight:bold;
	color:#666666;
	text-align:left;
}

.login h3 {
	margin:0 0 30px;
	color:#333333;
	font-size:12px;
}

#login_corp{
	margin-bottom:5px;
}
#login_text, #login_password{
	width:200px;
	margin-bottom:5px;
}

#login_container .form_submit{
	margin:10px 0 0 0;
	padding:0 0 2px 0;
	background:url(/img/button_back.gif) no-repeat;
	color:#FFFFFF;
	width:175px;
	height:33px;
	border:0px;
	text-align:center;
}

#login_container .form_submit:hover, #login_container .form_submitHover{
	margin:10px 0 0 0;
	padding:0 0 2px 0;
	background:url(/img/button_back_hover.gif) no-repeat;
	color:#FFFFFF;
	width:175px;
	height:33px;
	border:0px;
	text-align:center;
}

.login_err {
	/*----IE以外----*/
	min-height:30px;
	/*----IE専用----*/
	_height:30px;	
	color:#990000;
	font-size:10px;
	padding:10px 0 0 10px;
}

div.login_btns {
	text-align:right;
}
/* メッセージ */
.carl_msg {
	padding:15px;
	text-align:center;
	color: #F7C51A;
	font-size:12px;
	font-weight:bold;
	border:1px solid #FBE391;
	background-color:#FDF1CA;
}
/* エラーメッセージ */
.carl_err {
	color:#FF6666;
	font-size:12px;
}
/* prefix */
.carl_prefix {
	color:#5f5f5f;
	font-size:10px;
}
/* suffix */
.carl_suffix {
	color:#5f5f5f;
	font-size:10px;
}
/* attention */
.carl_attention {
	color:#5f5f5f;
	font-size:10px;
}
/* pagemove */
.carl_pagemove {
	margin:8px 0px 0px 0px;
	padding:4px 0 4px 0;
	border-top:1px solid #D0E1EE;	
	border-bottom:1px solid #D0E1EE;	
	color:#70A2C7;
	font-size:10px;
	font-weight:bold;
	text-align:center;
}
/* ラジオボタンの幅 */
.rdo_short {
	float:left;
	margin-right:20px;
}
/* チェックボックスの幅 */
.chk_short {
	float:left;
	margin-right:20px;
}


/*--------------------------------------*
 *	エラーテンプレート					*
 *--------------------------------------*/ 
/* エラーメッセージ */
.carl_err_exit {
	padding:50px;
	color:#FF0000;
	font-weight:bold;
	text-align:center;
}

/*--- テーブルの中のテーブル ---*/
#contents .section .table_in_container {
	margin:10px 0 10px 0;
	padding:3px 5px 10px 5px;
	background-color:#FAFAFA;
	border:1px solid #D0E1EE;	
}
#contents .section .normal_title {
	margin:0;
	padding:4px 0 4px 0px;
/*	border-bottom:1px solid #D0E1EE;	*/
	color:#70A2C7;
	font-weight:bold;
}
#contents .section .normal_title span{
	font-weight:normal;
}
#contents .section #normal_table {
	border-collapse:collapse;
	background:#FAFAFA;
	width:100%;
}
#contents .section #normal_table th {
	vertical-align:middle;	
	border-bottom:1px dashed #D0E1EE;	
	border-right:none;	
	background:#FAFAFA;
	font-weight:bold;
}
#contents .section #normal_table td {
	border-bottom:1px dashed #D0E1EE;	
	background:#FAFAFA;
	padding:4px 4px 4px 4px;
}
#contents .section #normal_table .odd{
	border-bottom:1px dashed #D0E1EE;	
	background:#FAFAFA;
	padding:4px 4px 4px 4px;
}

/*------------------------------------this.main------------------------------------------------*/
#contents .section #form_table hr{
	height:2px;
	border:1px solid #D0E1EE;
	border-bottom-color:#FFFFFF;
}
.sort {
	margin:0;
	padding:0;
/*	float:right;
	width:10px;*/
}
.sort_th {
	padding:8px 0 0px 0;
}
.nosort_th {
	padding:0px 0 0px 0;
}