@charset "UTF-8";
html,body {
	font-size: 12px;
	color: #333333;
	margin:0 10px;
	line-height:150%;
}
td{
text-align: left;}

/*構造*/

#base{
margin:auto;
width:1090px;}

#contents{
text-align:left;}

#head{
margin-bottom:1px;}

div#menu{
float:left;
width:170px;
margin-bottom:10px;}

div#login_main{
margin-bottom:20px;}

div#main{
float:left;
width:900px;
margin-left:20px;
margin-bottom:20px;}

#footer {
clear:both;
	font-size: 12px;
	/*background-color: #C2AB94;*/
	background-color:#92BFD7;
	text-align: center;
	padding:3px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#FFFFFF;
}

/*ヘッダー*/

#head h1{
font-size:100%;
margin:0;}



#head .headerLogo{
/*border-top:#291500 5px solid;*/
/*background:url(../img/head_bg.gif) repeat-x left 0;*/
padding:10px 10px 10px 0px;
/*height:57px;*/
}

#head .navi{
margin-bottom:2px;}

#head .login{
margin-bottom:2px;}


#head .Logo {
	font-size: 30px;
	line-height: 40px;
	font-family: Arial,"MS Pゴシック","Osaka","Hiragino Kaku Gothic Pro",Verdana,Helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color:#FFFFFF;
}

/*メニュー*/

.menu_category {
background:url(../img/menu_bg.gif) repeat-x left top;
padding:13px 5px 0 7px;
font-size:110%;
line-height:100%;
height:24px;
margin:0;
color:#291500;
font-weight:normal;
}

#menu h2{
margin:0;}

#menu ul{
margin:0 0 10px 0;
padding:0;}

#menu li{
border-top:#FFFFFF 1px solid;
border-bottom:#AAAAAA 1px solid;
border-left:#CCCCCC 7px solid;
list-style:none;
margin-left:0;
padding:2px 5px;
background:#EEEEEE;}

#menu li.selected_menu{
border-left:#291500 7px solid;
}

#menu ul img {
	margin-left: 4px;
}


/*表関連*/

.paragraphTitle {
background:url(../img/title_bg.gif) repeat-x left top;
padding:13px 5px 0 7px;
font-size:110%;
line-height:100%;
height:37px;
margin:0;
color:#291500;
}

.paragraphTitle_2 {
background:url(../img/title_bg_2.gif) repeat-x left top;
padding:13px 5px 0 7px;
font-size:110%;
line-height:100%;
height:37px;
margin:0;
color:#291500;
}

.paragraphTitle_3 {
background:url(../img/title_bg_3.gif) repeat-x left top;
padding:13px 5px 0 7px;
font-size:110%;
line-height:100%;
height:37px;
margin:0;
color:#291500;
}


td{
/*border-bottom:#CCCCCC 1px dashed;*/
}

.list table{
width:100%;}

.list td{
text-align:center;
border-bottom:#CCCCCC 1px solid;}

.login table{
	width:300px;
	background-color: #EEEEEE;
	background:url(../img/login_back.jpg) repeat-x left top;
	height:100px;
}

.login tr,td{
	text-align:center;
	line-height: 150%;
/*
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
*/
}

/*共通*/
form{
margin:0;}

p{
margin:0 0 5px 0;}

th {
	font-size: 12px;
	color: #291500;
	background-color: #DDDDDD;
	border-left:#FFFFFF 1px solid;
	text-align: center;
}
tr,td {
	font-size: 12px;
	line-height: 150%;
	text-align:left;
}
table {
	border-collapse: collapse;
}
A:link{
	text-decoration: none;
	color: #FF3399;
}

A:visited {
	text-decoration: none;
	color: #FF3399;
}
A:active{
	text-decoration: none;
	color: #FF3399;
/*	color: #B03060;*/
}

A:hover{
text-decoration:underline;}

.english {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#FFFFFF;
	/*color:#000000;*/
}
.formBody {
	padding-left: 20px;
	color: #660000;
}
.formObject {
	margin-left: 60px;
}
.formItem {
	color: #291500;
	text-align: left;}


/* ベルト定義(一般) */

.buttonColumn {
	font-size: 12px;
	padding: 5px 5px;
	text-align: center;
	/* M.Tanabe Add Start 2011.09.08 */
	margin-top: 20px;
	/* M.Tanabe Add End 2011.09.08 */
}
form {
	display:inline
}
.selectCount {
	font-size: 12px;
	font-weight: bold;
	color: #993300;
}
.tableTitle {
	background-color: #FF6335;
	color: #FFFFFF;
	font-weight: bold;
}
.tableRowOdd {
	background-color: #FFFFFF;
}
.tableRowEven {
	background-color: #DDDDDD;
}
.tableTitleDownload {
	padding-left: 10px;
	color: #000000;
	background-color: #99CCFF;
}
.tableTitleSummary {
	color: #990000;
	background-color: #FFFFCC;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}
.NumericCell {
	text-align: right;
	padding-right: 5px;
}
.mailng {
	color: #CC0000;
	font-weight: bold;
}

.currency {
	text-align: right;
	padding-right: 10px;
	/*background-color: #FFFFFF;*/
}

.caution {
	color: #CC0000;
	font-weight: bold;
}
.linkDisabled{
	color: gray;
}
.txtNum{
	text-align:right;
}
.txtDate{
	text-align:right;
}
.txtReadonly {
	background:transparent;
}

.warning {
	color:red;
}
.dummyButton{
	background-color:#FFF2B7;
	width:35px;
	border-width:1px;
	border-style:solid;
}

.bgcolorReaders{
	background-color:#FFFFFF;
}
.bgcolorPay{
	background-color:#FFECF0;
}
.bgcolorReport{
	background-color:#EBFFD7;
}
.bgcolorMaster{
	background-color:#FFFFC8;
}
.pagenavi1{
	text-align:center;
	width:100%;
	padding-top: 13px;
	padding-bottom: 10px;
}
.pagenavi2{
	text-align:left;
	width:150px;
	margin-top:5px;
}
.nes{
	color:red;
}
.nes2{
	color:blue;
}

.messageArea{
	border-collapse: collapse; /* 枠線の表示方法 */
	border: 1px #FF0000 solid; /* テーブル全体の枠線（太さ・色・スタイル） */
}

.note{
border:#CCCCCC 1px solid;
background-color:#EEEEEE;
padding:10px;
margin:10px 0;}


.icon{
width:11px;
height:11px;
padding-right:2px;}

/* -------------------- */
/* CSS追加 by M.Tanabe */
/* -------------------- */
.controlPosition {
    margin-left: 20px;
}

.controlPosition2 {
    margin-left: 30px;
}

.controlPosition3 {
    margin-left: 80px;
/*    margin-left: 150px;*/
}

.textPosition {
    margin-left: 20px;
}
.textPosition2 {
    margin-left: 45px;
}

.th_border_bottom {
    border-bottom: 1px solid #ffffff;
}

.titlePosition {
    vertical-align: top;
}

dl.actual {
    margin-top: 0px;
    margin-bottom: 0px;
}

dt.actual {
    float: left;
}

.ddPosition1 {
    margin-left: 80px;
}

.ddPosition2 {
    margin-left: 120px;
}

.ddPosition3 {
    margin-left: 100px;
}

#totalLine ul li {
    background-image: url(../img/totalLine_back.jpg);
	background-repeat: repeat-x;
    list-style-type: none;
    width: 225px;
    float: left;
    margin-left: -40px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 3px;
    padding-left: 30px;
/*    background: #ffe4e1;*/
    height: 21px;
/*    border-top: 1px solid #ffb6c1;*/
/*    border-bottom: 1px solid #ffb6c1;*/
}

#totalLine input{
    padding-top: 0px;
    padding-bottom: 0px;
}

.tagListLeft{
    border-left: 1px solid #ffffff;
}

.tagListLeft2{
    border-left: 1px solid #dcdcdc;
}

.tagListCenter{
    text-align: center;
}

.tagListRight{
    text-align: right;
}

/* ------------------------------ */
/* タグ・パネル */
/* ------------------------------ */
img {
    border: none;
}

#panelContainer {
    width: 910px;
    padding-top: 20px;
    padding-right: 0px;
    padding-left: 0px;
}

.panelDetailArea {
    width: 100%;
}

.panelDetailArea_Btn {
	width: 55px;
	height: 123px;
	float: left;
	margin-right: 5px;
	background-color: #F5F5F5;
	border: 1px solid #E3E3E3;
	text-align: center;
}

.panelDetailArea_Btn img {
	margin-top: 10px;
	margin-bottom: 3px;


    *margin-bottom: 0px;
}

.panelDetailArea_L {
    width: 550px;
    float: left;
    margin-bottom: 10px;
}

.otherItems{
    margin-top: -1px;
/*    margin-left: 176px;*/
}

.tagu {
	height: 45px;
	vertical-align: middle;
}

.panelDetailArea .tagu table{
	padding: 0;
    border: 1px #fff solid;
}
.panelDetailArea .tagu table td{
	padding: 0;
    border: 1px #fff solid;
}
.panelDetailArea .tagu table td.stm {
	vertical-align: middle;
	padding-left: 30px;
}

/*.panelDetailArea_L select {*/
.courseSelect {
	width: 150px;
	height: 30px;
	padding-top: 0px;
    font-size: 20px;
    text-align: center;
}

/*.panelDetailArea_L option {*/
.courseOption {
    height: 37px;
    font-size: 20px;
    padding-top: 12px;
}

.saleSelect {
	width: 110px;
	height: 30px;
	padding-top: 0px;
    font-size: 20px;
    text-align: left;
}

.saleOption {
    height: 37px;
    font-size: 20px;
    padding-top: 12px;
}

.discount {
    color: #ff0000;
}




.panelDetailArea_R {
    float: right;
}

.panelDetailArea table{
/*    width: 550px;*/
    font-size: 12px;
    border: 1px #000000 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px;
}

.panelDetailArea th{
	padding: 2px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #FCD4DF;
	/*    font-weight: normal;*/
    color: #000000;
	white-space: nowrap;
/*    text-align: left;*/
}
.panelDetailArea td{
    padding: 2px 2px 2px 2px;
    border: 1px #000000 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}

.panelDetail_inputSize_1 {
    width: 60px;
    *width: 55px;
/*
    width: 110px;
    *width: 100px;
*/
}

.panelDetail_inputSize_2 {
    width: 55px;
    *width: 50px;
}

.panelDetail_inputSize_3 {
    width: 70px;
    *width: 65px;
}

.panelDetail_inputSize_4 {
    width: 60px;
    *width: 55px;
}

.cBoth {
    clear: both;
}

.lineTotal {
    font-size: 16px;
    font-weight: bold;
}


/* ---------- */
/* パネル */
/* ---------- */
.hid {
	display: none
}

.panelItemContainer {
	border: 1px solid #E4E4E4;
	padding: 10px 5px 10px 2px;
	background-color: #F5F5F5;
}

.panelPageSelectBtnArea {
	width: 54px;
	height: 180px;
	float: left;
	margin-top: 53px;

    *margin-top: 56px;
	margin-right: 5px;
}

.panelPageSelectBtnArea img {
    margin-top: 10px;
    margin-bottom: 3px;
    *margin-bottom: 0px;
    margin-right: 5px;
    margin-left: 5px;
}

.panelBtnArea {
	width: 550px;
	float: left;
	margin-left: 3px;
}
.panelBtnArea table {
    margin-bottom: 10px;
}
.panelBtnArea table td.panelBtnAreaSelectTD {
	margin: 0;
}

.panelBtnAreaSelectTD a {
	display:block;
	width: 89px;
	height: 43px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background-image: url(../img/btn_page_select_back.jpg);
	background-repeat: repeat-x;

	padding-top: 12px;

}

.panelBtnAreaSelectTD a:hover {
	width: 89px;
	height: 43px;
	background-image: url(../img/btn_page_select_back_on.jpg);
	background-repeat: repeat-x;
	color: #FFF;
	text-decoration: none;
	vertical-align: middle;
}


/* パネル Start  */

.panelArea {
    width: 535px;
    margin-top: -20px;
}

.panelArea ul {
    list-style-type: none;
    margin-left: -38px;
}

.panelArea li {
    float: left;
    width: 104px;
    height: 44px;
    border: 1px solid #000000;
    text-align: center;
    background-color: #ffffff;
}


/*
.panelBtnAreaLI {
	margin: 0;
	width: 104px;
	height: 44px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #aaa;
	background-color: #FFF;
}
*/

.panelBtnAreaLI a {
    width: 104px;
    height: 44px;
	font-weight: bold;
	text-align: center;
	border: 0px solid #aaa;
	background-color: #FFF;
	display: block;
	color: #000;
}
.panelBtnAreaLI a:hover {
    width: 104px;
    height: 44px;
	background-color: #a4d9f0;
	color: #000;
	text-decoration: none;
}


/* パネル End  */








.panelBtnAreaTD {
	margin: 0;
	width: 106px;
	height: 46px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #aaa;
	background-color: #FFF;
}
.panelBtnAreaTD a {

	width: 106px;
	height: 46px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border: 0px solid #aaa;
	background-color: #FFF;

	display: block;
	color: #000;
}
.panelBtnAreaTD a:hover {
	width: 106px;
	height: 46px;
	background-color: #a4d9f0;
	color: #000;
	text-decoration: none;
}

.itemPanel {
    margin-top: -12px;
}

/* ---------- */
/* 10キー */
/* ---------- */
.tenKeyArea {
	width: 277px;
	float: right;
	padding: 2px;
	background-color: #E3E3E3;
}
.tenKeyArea img {
    margin: 2px 0px 0px 0px;
}
.tenKeyArea table {
	border: 0px solid #ffffff;
}
.tenKeyArea td {
	border: 0px solid #ffffff;
}


/* -------------------- */
/* 下部・ボタンエリア */
/* -------------------- */
.panelBtmBtnArea {
    margin-top: 15px;
    margin-left: 61px;
}
.panelBtmBtnArea_L {
    float: left;
}
.panelBtmBtnArea_R {
    float: right;
}
.panelBtmBtnArea_R img {
    margin-right: 10px;
}



/* ------------------------------ */
/* 文字パネル */
/* ------------------------------ */

/* ==================== */
/* １段目から５段目まで */
/* ==================== */
#charPanelContainer {
    width: 704px;
    padding-top: 20px;
    padding-right: 0px;
    padding-left: 0px;
}

.charPanelArea a {
	display: block;
	font-size: 36px;
	color: #000000;
	width: 58px;
	height: 38px;
	float: left;
	text-align: center;
	margin: 2px;
	border: 1px solid #aaa;
	background-color: #F7F7F7;
	padding-top: 20px;
}

.charPanelArea a:hover{
	text-decoration: none;
	background-color: #A4D9F0;
}


/* ==================== */
/* ６段目 */
/* ==================== */
.charPanelArea2 a {
    color: #000000;
    text-decoration: none;
}
.charPanelArea2 a:hover {
	text-decoration: none;
	background-color: #a4daf0;
}

/* 文字 */
.charPanelArea2_btnChar  {
	display: block;
	font-size: 36px;
	color: #000000;
	width: 58px;
	height: 38px;
	float: left;
	text-align: center;
	margin: 2px;
	border: 1px solid #aaa;
	background-color: #f7f7f7;
	padding-top: 20px;
}

.charPanelArea2_btnChar a:hover {
    text-decoration: none;
    background-color: #87ceeb;
}

/* ボタン：｢C｣｢BS｣ */
.charPanelArea2_btn {
	display: block;
	font-size: 36px;
	color: #000000;
	width: 84px;
	height: 60px;
	float: left;
	text-align: center;
	margin: 2px 10px 2px 2px;
}

/* ボタン：｢確定｣｢キャンセル｣ */
.charPanelArea2_btn2 {
	display: block;
	font-size: 16px;
	width: 84px;
	height: 60px;
	float: left;
	text-align: center;
	margin: 2px 2px 2px 10px;
}


/* ------------------------------ */
/* 10キーパネル */
/* ------------------------------ */
/* ==================== */
/* １段目から５段目まで */
/* ==================== */
#tenkeyPanelContainer {
    width: 192px;
    padding-top: 20px;
    padding-right: 0px;
    padding-left: 0px;
}

.tenkeyPanelArea a {
	display: block;
	font-size: 36px;
	color: #000000;
	width: 60px;
	float: left;
	text-align: center;
	margin: 2px;
	height: 60px;
}



/* ==================== */
/* ６段目 */
/* ==================== */
.tenkeyPanelArea2 a {
    color: #000000;
    text-decoration: none;
}


/* ボタン：｢C｣｢BS｣ */
.tenkeyPanelArea2_btn {
    display: block;
    font-size: 36px;
    color: #000000;
    width: 82px;
    height: 38px;
    float: left;
    text-align: center;
    margin: 2px 10px 2px 2px;
    border: 1px solid #000000;
    background-color: #ffebcd;
    padding-top: 20px;
}

/* ボタン：｢確定｣｢キャンセル｣ */
.tenkeyPanelArea2_btn2 {
	display: block;
	font-size: 16px;
	width: 92px;
	height: 60px;
	float: left;
	text-align: center;
	margin: 2px;
}


/* ------------------------------ */
/* 文字・10キーパネル共通 */
/* ------------------------------ */
/* ブランク */
.charBlank {
    display: block;
    width: 60px;
    height: 38px;
    float: left;
    text-align: center;
    margin: 2px;
    padding-top: 20px;
}

#searchContainer {
    width: 800px;
}


.separator {
    margin-bottom: 10px;
}

#selected_apartment_name {
    margin-bottom: 10px;
    margin-left: 20px;
    text-decoration: underline;
}


.error_message {
    color: #ff0000;
    font-weight: bold;
}

.fontSizeSmall {
    font-size: 9px;
}

.caution{
	vertical-align: super;
	color: tomato;
	font-size: 60%;
}
.warn{
	vertical-align: super;
	color: blue;
	font-size: 60%;
}
.alert{
	vertical-align: super;
	color: tomato;
	font-size: 100%;
	font-weight: bold;
}