/* --- clearfix --- */
.clear {
	clear: both;
}
/* --- リンク --- */
a {
/*	color: #FF0000; */
	color: #4d6371;
	text-decoration: none; /* テキストの下線（なし） */
}

a img {
	border-style: none;
}

/* --- body --- */
#doc {
    margin:auto; /* center in viewport */
    width: 970px; /* fix page width */
    background:#fffff;

	font: 13px/1.231 "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ",
		Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", arial, helvetica, clean, sans-serif;
	*font-size: small;
	*font: x-small;
}

/* --- ヘッダ --- */
#hd {
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 100px;
	background-image:
		url(../images/css/header_L2.png),
		url(../images/css/header_R2.png),
		url(../images/css/header_m.png);
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-position: top left, top right, top right;
}
#hd #loginInfo {
//	float: right;
//	margin-top: 15px;
	margin-right: 10px;
	text-align: right;

	position: relative;
	top: 78px;
}
#hd #logo {
/*	margin-top: 5px; */
	float: right;

	margin-right: 20px;
	margin-top: -4px;

//	padding-top: 12px;
}
#hd #currentNode {
	font-size: 200%;
	margin-top: 0px; 
	margin-left : 26px;
//	padding-top: 20px;
	padding-top: 0px;
}
#hd #breadCrumb {
	font-size: 100%;
	margin-top: -4px; 
//	margin-top: 5px; 
	margin-left : 20px;
}
#hd #breadCrumb a {
//	font-weight: bold;
	vertical-align: top;
}


/* --- タブ --- */
#tab {
	width: 100%;
	height: 38px;
}
#tab ul {
//	list-style: none;
//	width: 90%;
//	margin-left: 10px;
}
#tab ul li {
//	margin-right: 8px; /* タブの右マージン */
//	float: left;
//	width: 116px;
//	height: 38px;

	display: inline-block;
}

/* --- メイン --- */
#main {
	clear: both;
	margin-top: -1px;
	*margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background: #ffffff;
	background-image:
		url(../images/css/title_L2.png), url(../images/css/title_R2.png),
		url(../images/css/content_b_L2.png), url(../images/css/content_b_R2.png),
		url(../images/css/content_L.png), url(../images/css/content_R.png),
		url(../images/css/title_M.png), url(../images/css/content_b_m.png);
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y,
		repeat-y, repeat-x, repeat-x;
	background-position: top left, top right, bottom left, bottom right, top
		left, top right, top right, bottom right, bottom right;
	min-height: 100px;
}

/* --- フッタ --- */
#ft {
//	background: #ffffff;
	font:80% verdana;
	padding: 1em;
	text-align: center;
}
#ft #copyright {
}
#ft #version {
}


/* --- メイン - タイトル --- */
#main #mainTitle {
/*	vertical-align: middle; */
	height: 60px; /* fix height */
	font-size: 167%;
}

#main #mainTitle img {
	vertical-align: -76%;

	padding-top: 6px;
	padding-bottom: 5px;
	padding-left: 1px;
	padding-right: 5px;
}


/* --- メイン - メニュー --- */
#menu {
	width: 200px;
	float: left;
//	border-left: 1px #ffbb88 solid;
//	border-top: 1px #ffbb88 solid;
//	border-right: 1px #ffbb88 outset;
//	border-bottom: 1px #ffbb88 outset;

//	border-left: 1px #03c300 solid;
//	border-top: 1px #03c300 solid;
//	border-right: 1px #03c300 outset;
//	border-bottom: 1px #03c300 outset;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul li {
	padding: 3px 0; /* 項目のパディング（上下、左右） */
//	border-left: 1px #ffbb88 solid;
//	border-top: 1px #ffbb88 solid;
//	border-right: 1px #ff5500 solid;
//	border-bottom: 1px #ff5500 solid;

	border-left: 1px #8FC31F solid;
	border-top: 1px #8FC31F solid;
	border-right: 1px #8FC31F solid;
	border-bottom: 1px #8FC31F solid;
	
	margin-bottom:-1px;
	
	padding: 10px 10px 12px 30px; /* リンクエリアのパディング（上右下左） */
}
#menu ul li.active {
//	background-color: #FF8833;
	background-color: #8FC31F;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url("../images/css/pin.png");
	background-repeat: no-repeat;
	background-position: 10px center;
}
#menu ul li.disable {
	background-color: #FFFFFF;
	color: #CCCCCC;
//	border-left: 1px #ffbb88 solid;
//	border-top: 1px #ffbb88 solid;
//	border-right: 1px #ff5500 solid;
//	border-bottom: 1px #ff5500 solid;
	border-left: 1px #03c300 solid;
	border-top: 1px #03c300 solid;
	border-right: 1px #03c300 solid;
	border-bottom: 1px #03c300 solid;
}
#menu ul li.inactive {
	background-color: #FFFFFF;
}
#menu ul li.hidden {
	display: none
}

#menu ul li a {
	display: block;
	position: relative; /* IE6用 */
	color: #000000;
}
#menu ul li.active a {
	color: #FFFFFF;
}
#menu ul li a:hover {
	font-weight: bold;
}


/* --- メイン - コンテンツ --- */
#mainContent {
	margin-left: 220px;
	min-height: 300px;
}

#mainContent img {
	vertical-align: -45%;
 
	padding-top: 6px;
	padding-bottom: 5px;
	padding-left: 1px;
	padding-right: 5px;
}

#noMenuContent {
	margin-left: -220px;
}


/* --- メイン - コンテンツ - javascript off エラー --- */
#mainContent #javascriptcheck {
}

/* --- メイン - コンテンツ - 説明 --- */
#mainContent .explain {
}

/* --- メイン - コンテンツ - キャプション --- */
#mainContent .subTitle {
	font-size: 123.1%;
	margin: 16px 0px 16px 0px;
	padding: 10px;
	background: #F2EFE8;
	border-top: 1px #9E9882 solid;
	border-left: 1px #9E9882 solid;
	border-right: 1px #9E9882 solid;
	border-bottom: 5px #9E9882 solid;
}


/* --- メイン - コンテンツ - エラー/情報/確認 --- */
#mainContent .mainError {
	padding: 0.5em;
	padding-left: 50px;
	background-image: url("../images/css/mark1.png");
	background-position: 20px center;
	background-repeat: no-repeat;
	margin-bottom: 1em;
	min-height: 35px;
}
#mainContent .mainInfomation {
	padding: 0.5em;
	padding-left: 50px;
	background-image: url("../images/css/mark2.png");
	background-position: 5px center;
	background-repeat: no-repeat;
	margin-bottom: 1em;
/*	min-height: 35px; */
	
	display: table-cell;
	height: 32px;
	width: 640px;
	vertical-align: middle;
}
#mainContent .mainConfirm {
	padding: 0.5em;
	padding-left: 50px;
	background-image: url("../images/css/mark3.png");
	background-position: 5px center;
	background-repeat: no-repeat;
	margin-bottom: 1em;
/*	min-height: 35px; */

	display: table-cell;
	height: 32px;
	width: 640px;
	vertical-align: middle;
}


/* --- ホームコンテンツ --- */
div.homeFull {
	margin-left: 5px;
	margin-right: 5px;
}
div.homeHalf {
	float: left;
	width: 48%;
	margin-left: 5px;
	margin-right: 5px;
}

div.homeItem {
	border-left: 1px #9E9882 solid;
	border-top: 1px #9E9882 solid;
	border-right: 1px #9E9882 solid;
	border-bottom: 1px #9E9882 solid;
	margin-bottom: 10px;
}

div.homeItem div.caption {
/*	background: #F2EFE8; */
	background: #EDEDED;
	border-bottom: 3px #9E9882 solid;
	font-size: 93%;
	padding: 10px;
	display: block;
	color: #000000;
}
div.homeItem div.caption a {
	color: #000000;
}
div.homeItem div.caption a:hover {
	background: #E2DFD8;
	font-weight: bold;
}

div.homeItem div.contents {
	padding: 10px;
	font-size: 93%;
}


/* --- アイテム属性 --- */
.itemProp {
	padding: 0.5em 1em;
}
.itemProp table {
//	width: 100%;	// colspan対策
	table-layout: fixed;
	border-spacing: 0;
	border-left: 1px solid #9E9882;
	border-top: 1px solid #9E9882;
	border-right: none;
	border-bottom: none;
}
.itemProp table th {
	border-left: none;
	border-top: none;
	border-right: 1px solid #9E9882;
	border-bottom: 1px solid #9E9882;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1em;
	padding-bottom: 1em;
}
.itemProp table td {
	border-left: none;
	border-top: none;
	border-right: 1px solid #9E9882;
	border-bottom: 1px solid #9E9882;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1em;
	padding-bottom: 1em;
}
.itemProp table td.key {
	width: 100px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-size: 108%;
	color: #666;
}
.itemProp table td.info {
	width: 24px;
}
.itemProp table td.required {
	background-image: url("../images/form/required.png");
	background-repeat: no-repeat;
	background-position: center center;
}
.itemProp table td.value {
	width: 600px;
	text-align: left;
	vertical-align: middle;
}
.itemProp table td.caption {
	text-align: center;
}

.itemProp table .note {
	font-size: 80%;
	color: #666;
}
.itemProp table .attention {
	font-size: 80%;
	color: red;
}

/* --- フォーム --- */
form .disable {
	color: #888;
}

input.length2 {
	width:20px;
}
input.length4 {
	width:40px;
}
input.small {
	width:100px;
}
input.medium {
	width:200px;
}
input.large {
	width:350px;
}

textarea.small {
	width:400px;
	height:50px;
}
textarea.medium {
	width:400px;
	height:100px;
}
textarea.large {
	width:400px;
	height:200px;
}


/* --- リスト --- */
.listButton {
	font-size:85%;
	margin: 3px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #dcdcdc;
	padding:4px 10px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	color:#777777;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}
.listButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.listButton:active {
	position:relative;
	top:1px;
}

/* --- カレンダー --- */
/* jquary css over witer */

div#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table.ui-datepicker-calendar tbody tr td a.ui-state-default {
	color:black;
}

.ui-datepicker-week-end, .ui-datepicker-week-end a.ui-state-default {
	color:red !important;
}

div.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
	background-color: #8FC31F;
	background-image: none;
	border-style: none;
}

/* --- ダイアログ --- */
/* jquary css over witer */

div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
	background-color: #8FC31F;
	background-image: none;
	border-style: none;
}