@charset "utf-8";
/*
* common.css
*
* version---1.0
* updated---2013/10/23
*/

/* 全体
---------------------------------------------------------- */
body {
	color: #333;
}

.container {
	font-size: 11pt;
}

a:hover {
	text-decoration: none;
}

/* クリアフィックス
---------------------------------------------------------- */
.clearfix:after {
	content: "." !important; 
	display: block !important; 
	height: 0 !important; 
	clear: both !important; 
	visibility: hidden !important;
	font-size: 0 !important;
	line-height: 0 !important;
}
.clearfix {
	display: inline-block !important;
	min-height: 1% !important;  /* for IE 7*/
	overflow: hidden !important;
}

/* 画面タイトル
---------------------------------------------------------- */
h1 {
	height: 25px;
	line-height: 25px;
	padding-left: 20px;
	background-color: #e3e3e3;
	border-bottom: 1px solid #a7a7a7;
	position: fixed;
	top: 42px;
	width: 100%;
	z-index: 2;
}

/* コンテンツ（1カラム）
---------------------------------------------------------- */
.onecolumnContents {
	padding-top: 67px;
}

/* メイン */
.onecolumnContents .main {
	height: 624px;
	overflow-y: auto;
	padding: 0 139px;
	padding-top: 14px;
	padding-bottom: 30px;
}

/* コンテンツ（2カラム）
---------------------------------------------------------- */
.twocolumnContents {
	padding-top: 67px;
}

/* サイドバー */
.twocolumnContents .side {
	float: left;
	background: #ededed;
	width: 317px;
	border-right: 1px solid #a7a7a7;
}
	.twocolumnContents .side p.sideTit01 {
		background: #cecece;
		height: 40px;
		width: 100%;
	}
		.twocolumnContents .side p span {
			font-weight: bold;
			padding: 13px 0px;
			margin-left: 20px;
			display: inline-block;
			width: 248px;
		}
		.twocolumnContents .side p img {
			margin-top: 7px;
			margin-left: 5px;
			vertical-align: top;
			cursor: pointer;
		}
		.twocolumnContents .side p img:hover {
			filter: alpha(opacity=80);
			opacity: 0.8;
		}
		.twocolumnContents .side .listWrapper01 {
			overflow: auto;
		}
	.twocolumnContents .side .current {
		background-color: #b7c0cc;
	}

/* メイン */
.twocolumnContents .main {
	margin-left: 318px;
	padding: 0 30px;
	padding-top: 14px;
	padding-bottom: 30px;
	overflow-y: auto;
	height: 642px;
}

/* コンテンツ（カラム共通）
---------------------------------------------------------- */
.main .titWrapper01 {
	position: relative;
}
	.main .titWrapper01 .btnWrapper01 {
		position: absolute;
		top: 0px;
		right: 0px;	
	}
	.main .titWrapper01 .btnWrapper01 img {
		cursor: pointer;	
	}
	.main .titWrapper01 .btnWrapper01 img:hover {
		filter: alpha(opacity=80);
		opacity: 0.8;
	}

.main .runbtnWrapper01 {
	text-align: center;
}
	.main .runbtnWrapper01 p {
		display: inline-block;
		height: 37px;
		width: 202px;
		text-align: center;
		cursor: pointer;
	}
	.main .runbtnWrapper01 p:hover {
		filter: alpha(opacity=80);
		opacity: 0.8;	
	}
	
/* 非表示class */
.nonDisplay01 {
	display: none;
}
	

/* サイドバーリスト（2カラム）
---------------------------------------------------------- */
.twocolumnContents .side ul.sideList01 {
	font-size: 9pt;
	display: inline-block;
	width: 100%;
}
	.twocolumnContents .side ul.sideList01 li {
		padding: 7px 0px;
		border-bottom: 1px solid #cecece;
		cursor: pointer;
		white-space: nowrap;
		display: inline-block;
		width: 100%;
	}
		.twocolumnContents .side ul.sideList01 li span {
			padding-left: 20px;
			padding-right: 10px;
		}

/* 見出し
---------------------------------------------------------- */
h2 {
	height: 30px;
	border-bottom: 1px solid #c4c4c4;
	font-size: 15pt;
	font-weight: bold;
	margin-bottom: 18px;
}

.titSquare {
	background-image: url(../img/ico_square01.gif);
	background-position: center left;
	background-repeat: no-repeat;
	text-indent: 15px;
	font-size: 10.5pt;
	margin-bottom: 7px;
	font-weight: bold;
}

.titBlack {
    background: #666;
    color: #fff;
    font-size: 12pt;
    line-height: 24px;
    padding-left: 10px;
}

/* テーブル
---------------------------------------------------------- */
table th {
	font-weight: normal;	
}

/* セレクト
---------------------------------------------------------- */
/* 高さ共通 */
.selectWrapper01,
.selectWrapper02,
.selectWrapper03,
.selectWrapper04 {
	position: relative;
	display: inline-block;
}
.selectWrapper01 .selectStyle,
.selectWrapper02 .selectStyle,
.selectWrapper03 .selectStyle,
.selectWrapper04 .selectStyle {
	position: relative;
	border: none;
}
.selectWrapper01 .selectInner,
.selectWrapper02 .selectInner,
.selectWrapper03 .selectInner,
.selectWrapper04 .selectInner {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
	.selectWrapper01 .selectInner img.startImg01,
	.selectWrapper02 .selectInner img.startImg02,
	.selectWrapper03 .selectInner img.startImg03,
	.selectWrapper04 .selectInner img.startImg04 {
		float: left;
	}
	.selectWrapper01 .selectInner .labelArea,
	.selectWrapper02 .selectInner .labelArea,
	.selectWrapper03 .selectInner .labelArea,
	.selectWrapper04 .selectInner .labelArea {
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
		line-height: 26px;
		margin: 0 3px;
		padding-left: 10px;
	}
	.selectWrapper01 .selectInner img.icoImg01,
	.selectWrapper02 .selectInner img.icoImg02,
	.selectWrapper03 .selectInner img.icoImg03,
	.selectWrapper04 .selectInner img.icoImg04 {
		position: absolute;
	}
	.selectWrapper01 .selectInner img.closeImg01,
	.selectWrapper02 .selectInner img.closeImg02,
	.selectWrapper03 .selectInner img.closeImg03,
	.selectWrapper04 .selectInner img.closeImg04 {
		float: right;
	}

/* 高さ26px用 */
.selectWrapper01 {
	height: 26px;
	width: 80px;
}
.selectWrapper01 .selectStyle {
	height: 26px;
	width: 80px;
}
.selectWrapper01 .selectInner {
	width: 80px;
}
	.selectWrapper01 .selectInner .labelArea {
		background: url(../img/bg_select_middle01.png) repeat-x;
		width: 64px;
		height: 26px;
		line-height: 26px;
	}
	.selectWrapper01 .selectInner img.icoImg01 {
		top: 11px;
		right: 5px;
	}
	
/* 高さ24px用 */
.selectWrapper02 {
	height: 24px;
	width: 115px;
}
.selectWrapper02 .selectStyle {
	height: 24px;
	width: 115px;
}
.selectWrapper02 .selectInner {
	width: 115px;
}
	.selectWrapper02 .selectInner .labelArea {
		background: url(../img/bg_select_middle02.png) repeat-x;
		width: 99px;
		height: 24px;
		line-height: 24px;
	}
	.selectWrapper02 .selectInner img.icoImg02 {
		top: 10px;
		right: 5px;
	}
	
/* 高さ20px用 */
.selectWrapper03 {
	height: 20px;
	width: 104px;
	font-size: 10pt;
}
.selectWrapper03 .selectStyle {
	height: 20px;
	width: 104px;
}
.selectWrapper03 .selectInner {
	width: 104px;
}
	.selectWrapper03 .selectInner .labelArea {
		background: url(../img/bg_select_middle03.png) repeat-x;
		width: 90px;
		height: 20px;
		line-height: 20px;
		padding-left: 8px;
	}
	.selectWrapper03 .selectInner img.icoImg03 {
		top: 8px;
		right: 7px;
	}
	
/* アイキャッチ用 */
.selectWrapper04 {
	height: 24px;
	width: 212px;
	font-size: 10pt;
}
.selectWrapper04 .selectStyle {
	height: 24px;
	width: 212px;
	background-color: #333333;
	color: #ffffff;
}
.selectWrapper04 .selectInner {
	width: 212px;
}
	.selectWrapper04 .selectInner .labelArea {
		background: url(../img/bg_select_middle04.png) repeat-x;
		width: 180px;
		height: 24px;
		line-height: 24px;
		padding-left: 8px;
		text-align: left;
	}
	.selectWrapper04 .selectInner .icoArea 
	{
		background: url(../img/bg_select_middle04.png) repeat-x;
		width: 18px;
		height: 24px;
		line-height: 24px;
		position: absolute;
		top: 0;
		right: 3px;
		display: inline-block;
	}
	.selectWrapper04 .selectInner img.icoImg04 {
		top: 8px;
		right: 7px;
	}

/* チェックボックス
---------------------------------------------------------- */
/* スタイルリセット */
input[type="checkbox"] {
	margin: 0;
	padding: 0;
	width: 1em;
	height: 1em;
	opacity: 0;
	filter: alpha(opacity=0);
    outline: 0 none;
	vertical-align: middle;
	cursor: pointer;
}
label {
    background: url(../img/btn_check01.png) no-repeat left center;
    cursor: pointer;
    display: inline-block;
}
label.checked {
    background: url(../img/btn_check02.png) no-repeat left center;
}

/* ラジオボックス
---------------------------------------------------------- */
/* スタイルリセット */
input[type="radio"] {
	margin: 0;
	padding: 0;
	width: 16px;
	height: 16px;
	opacity: 0;
	filter: alpha(opacity=0);
    outline: 0 none;
	vertical-align: middle;
	cursor: pointer;
}
label.radioStyle {
    background: url(../img/btn_radio01.png) no-repeat left center;
    cursor: pointer;
    display: inline-block;
}
label.checkedRadio {
    background: url(../img/btn_radio02.png) no-repeat left center;
}

/* カラーパレット用色指定
---------------------------------------------------------- */
/* 黒 */
.c_2c2a2b { background-color: #2c2a2b; }
.c_d3d3d3 { background-color: #d3d3d3; }
.c_a7a7a7 { background-color: #a7a7a7; }
.c_7a7a7a { background-color: #7a7a7a; }
.c_4f4d4e { background-color: #4f4d4e; }
.c_232122 { background-color: #232122; }

/* 緑1 */
.c_55c800 { background-color: #55c800; }
.c_daeace { background-color: #daeace; }
.c_b5d69c { background-color: #b5d69c; }
.c_8fc16b { background-color: #8fc16b; }
.c_6aad39 { background-color: #6aad39; }
.c_459808 { background-color: #459808; }

/* 赤1 */
.c_eb2a19 { background-color: #eb2a19; }
.c_f0d4d1 { background-color: #f0d4d1; }
.c_e2a8a3 { background-color: #e2a8a3; }
.c_d37d75 { background-color: #d37d75; }
.c_c55147 { background-color: #c55147; }
.c_b62619 { background-color: #b62619; }

/* オレンジ */
.c_eb5500 { background-color: #eb5500; }
.c_f0dace { background-color: #f0dace; }
.c_e0b59d { background-color: #e0b59d; }
.c_d1906b { background-color: #d1906b; }
.c_c16b3a { background-color: #c16b3a; }
.c_b24609 { background-color: #b24609; }

/* 青 */
.c_1e359f { background-color: #1e359f; }
.c_d2d5e4 { background-color: #d2d5e4; }
.c_a5abca { background-color: #a5abca; }
.c_7781af { background-color: #7781af; }
.c_4a5795 { background-color: #4a5795; }
.c_1d2d7a { background-color: #1d2d7a; }

/* グレー */
.c_595556 { background-color: #595556; }
.c_dadada { background-color: #dadada; }
.c_b5b4b4 { background-color: #b5b4b4; }
.c_918f8f { background-color: #918f8f; }
.c_6c6969 { background-color: #6c6969; }
.c_474444 { background-color: #474444; }

/* 緑2 */
.c_aac800 { background-color: #aac800; }
.c_e6eace { background-color: #e6eace; }
.c_cdd69c { background-color: #cdd69c; }
.c_b4c16b { background-color: #b4c16b; }
.c_9bad39 { background-color: #9bad39; }
.c_829808 { background-color: #829208; }

/* 赤2 */
.c_eb5532 { background-color: #eb5532; }
.c_f4d8d2 { background-color: #f4d8d2; }
.c_e8b1a5 { background-color: #e8b1a5; }
.c_dd8b77 { background-color: #dd8b77; }
.c_d1644a { background-color: #d1644a; }
.c_c63d1d { background-color: #c63d1d; }

/* 黄色 */
.c_ebaa00 { background-color: #ebaa00; }
.c_f0e6ce { background-color: #f0e6ce; }
.c_e0cd9d { background-color: #e0cd9d; }
.c_d1b56b { background-color: #d1b56b; }
.c_c19c3a { background-color: #c19c3a; }
.c_b28309 { background-color: #b28309; }

/* 青2 */
.c_3c6b9f { background-color: #3c6b9f; }
.c_d6dde5 { background-color: #d6dde5; }
.c_adbbca { background-color: #adbbca; }
.c_8599b0 { background-color: #8599b0; }
.c_5c7795 { background-color: #5c7795; }
.c_33557b { background-color: #33557b; }
			
/* エラーメッセージスタイル */
.txtError01 {
    color:#f00;
}
.inputError01 {
	border: 1px solid #f00 !important;
}

/* ボタン無効スタイル */
.btnDisabled {
    cursor:default;
    -ms-filter: "alpha( opacity=50 )";
    filter:alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}

/* メッセージ表示部分
---------------------------------------------------------- */
.footerMessage {
    margin: 10px 0 0 0;
    color: #f00;
    text-align:center;
    height:20px;
}

/* ヘッダー部のメッセージ表示域 */
.topBarPosition
{
    float: right;
    margin: 0 20px 0 0;
    line-height: 25px;
}