/*  共通スタイル  */
body{
	background-color: #FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
#head,#menu,#main,td,th{
	font-size:12px;
	line-height:16px; /* line-heightの値を変更した場合は、#menu a、#menu a.homeのpaddingを調整してください。 */
	}
form{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
.button{
	background-color:#EAEAEA;
	border-color: #EAEAEA;
	border:1px outset #cccccc;
	}
textarea,input,select{
	font-size:12px;
	/*background-color:#E8EFF7;*/
	background-color:#FFFFFF;
	border-top:1px solid #999999;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #999999;
	border-right:1px solid #cccccc;
	/* gloove または insetで一括でも可 */
	}
h3{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-size:14px;
	}


/*  ヘッダー  */
#head{
	width:100%;
	height:51px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(/admin_image/head_bg.gif);
	}
h1{
	background:url(/admin_image/icon_title.gif);
	background-repeat:no-repeat;
	background-position:10px 15px;
	margin:0px 0px -4px 0px;
	padding:10px 0px 0px 25px;
	height:35px;
	}


/*  横用メニュー  */
#menu{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	height:25px;
	}
#menu ul{
	list-style:none;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	/*width:793px;*/
	}
#menu li{
	display:block;
	float:left;
	background:url(/admin_image/menu_tab.gif);
	background-repeat:no-repeat;
	background-position:100% 0%;
	padding:0px 10px 0px 0px;
	margin:0px 2px 0px 0px;
	}
#menu a{
	display:block;
	float:left;
	background:url(/admin_image/menu_tab.gif);
	background-repeat:no-repeat;
	background-position: 0% 0%;
	padding:3px 0px 5px 10px;
	}
#menu li.home{
	display:block;
	width:45px;
	float:right;
	background:url(/admin_image/menu_tab.gif);
	background-repeat:no-repeat;
	background-position:100% 0%;
	padding:0px 10px 0px 0px;
	margin:0px 2px 0px 0px;
	}
#menu a.home{
	display:block;
	float:right;
	background:url(/admin_image/menu_tab.gif);
	background-repeat:no-repeat;
	background-position:0% 0%;
	padding:3px 0px 5px 10px;
	width:40px;
	}
#menu a:hover{
	text-decoration:none;
	}


/*  縦メニュー  */
#menu_tate{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	height:100%;
	}
#menu_tate ul{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
#menu_tate li{
	display:block;
	background:url(/admin_image/menu_plate.gif);
	background-repeat:no-repeat;
	background-position:0% 100%;
	padding:0px 0px 5px 0px;
	margin:0px 10px 3px 0px;
	width:200px;
	float:left;
	}
#menu_tate a{
	display:block;
	background:url(/admin_image/menu_plate.gif);
	background-repeat:no-repeat;
	background-position:0% 0%;
	padding:5px 5px 0px 5px;
	}
#menu_tate a:hover{
	text-decoration:none;
	}


/*  メインコンテンツ  */
#main{
	/*width:790px;*/
	width:1000px;
	margin:0px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	}
#main .screen_title{
	background:url(/admin_image/page_title.gif) no-repeat scroll 0 0 transparent;
	height:28px;
	margin:0px 0px 15px 0px;
	}
h2{
	font-size:14px;
	background:url(/admin_image/icon_screen.gif);
	background-repeat:no-repeat;
	background-position:10px 5px;
	margin:0px 0px 0px 0px;
	padding:6px 0px 0px 30px;
	/*color:#7B869A;*/
	color:#333333;
	height:28px;
	}


/*  一覧ひょう（「ひょう」を漢字で書くとMacintoshでバグが起きるので、ひらがなで記述しています）  */
#list_outer {
	margin:0px 0px 15px 0px;
}
#list{
	/*width:790px;*/
	width:1000px;
	border:1px solid #CCCCCC;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#list th{
	background-color:#E8EFF7;
	border-top:1px solid #EAEAEA;
	border-left:1px solid #EAEAEA;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:3px 3px 3px 3px;
	font-weight:normal;
	/*color:#7B869A;*/
	color:#333333;
}
#list td{
	background-color:#FFFFFF;
	border-top:1px solid #EAEAEA;
	border-left:1px solid #EAEAEA;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:3px 3px 3px 3px;
	font-weight:normal;
	/*color:#7B869A;*/
	color:#333333;
}
#list th.point{
	background-color:#FFE8E8;
	border-top:1px solid #EAEAEA;
	border-left:1px solid #EAEAEA;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:3px 3px 3px 3px;
	font-weight:normal;
	color:#FF6262;
}
#list .point{
	color:#CC0000;
}
#list .submit{
	background-color:#C9D9E9;
	border-top:1px solid #EAEAEA;
	border-left:1px solid #EAEAEA;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:5px 5px 5px 5px;
	font-weight:normal;
	/*color:#7B869A;*/
	color:#333333;
	text-align:center;
}

.pager {
	text-align:center;
	margin:5px;
}
.pager a{
	border:1px solid #CCCCCC;
	padding:3px;
	display:inline-block;
	margin:0px 3px;
	background-color:#C9D9E9;
}
.pager .current{
	border:1px solid #CCCCCC;
	padding:3px;
	display:inline-block;
	font-weight:bold;
}


	/*  入力フォーム  */
#form{
	width:100%;
	border:1px solid #CCCCCC;
	padding:0px 0px 0px 0px;
	margin:0px 0px 15px 0px;
}
#form th{
	background-color:#E8EFF7;
	border-top:1px solid #EAEAEA;
	border-left:1px solid #EAEAEA;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:3px 3px 3px 3px;
	font-weight:normal;
	/*color:#7B869A;*/
	color:#333333;
	width:25%;
}
#form td{
	background-color:#FFFFFF;
	border-top:1px solid #EAEAEA;
	border-left:1px solid #EAEAEA;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:3px 3px 3px 3px;
	font-weight:normal;
	/*color:#7B869A;*/
	color:#333333;
	width:75%;
}
#form .submit{
	background-color:#C9D9E9;
	border-top:1px solid #EAEAEA;
	border-left:1px solid #EAEAEA;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:5px 5px 5px 5px;
	font-weight:normal;
	/*color:#7B869A;*/
	color:#333333;
	text-align:center;
}
#form .point{
	font-size:11px;
}


/*  エラー  */
div #error {
	border:1px solid #FF6666;
	background-color:#FFF0F0;
	margin:10px 0px;
}
#error ul{
	list-style:none;
	margin:0px 0px 15px 10px;
	padding:5px 5px 5px 5px;
	}
#error li{
	background:url(/admin_image/check.gif);
	background-repeat:no-repeat;
	background-position:0% 30%;
	margin:0px 10px 10px 10px;
	padding:0px 0px 0px 15px;
	}
#error .error_bg{
	background:#FFE8E8;
	}


/*  完了  */
#complete ul{
	list-style:none;
	margin:0px 0px 15px 10px;
	padding:5px 5px 5px 5px;
	}
#complete li{
	background:url(/admin_image/icon_arrow.gif);
	background-repeat:no-repeat;
	background-position:0% 40%;
	margin:0px 10px 10px 10px;
	padding:0px 0px 0px 15px;
	font-weight:bold;
	}


/*  ライン  */
#line{
	background:url(/admin_image/line.gif);
	width:100%;
	height:1px;
	margin:0px 0px 15px 0px;
	}


/*  コピーライト  */
#copy .line{
	width:100%;
	height:1px;
	margin:0px 0px 10px 0px;
	background:#CCCCCC;
	}
#copy{
	/*color:#999999;*/
	color:#333333;
	font-size:11px;
	margin:0px 0px 20px 0px;
	text-align:center;
	}





/* jquery datePicker用 */
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #ffffff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaaaaa;
}
table.jCalendar td.today {
	background: #666;
	color: #ffffff;
	font-weight: bold;
}
table.jCalendar td.selected {
	background: #f66;
	color: #ffffff;
	font-weight: bold;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #ffffff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
input.dp-applied {
width: 140px;
float: left;
}
a.dp-choose-date {
float: left;
width: 16px;
height: 16px;
padding: 0;
margin: 5px 3px 0;
display: block;
text-indent: -2000px;
overflow: hidden;
background: url('/image/calendar.png') no-repeat;
}
a.dp-choose-date.dp-disabled {
background-position: 0 -20px;
cursor: default;
}

div#dp-popup {
	position: absolute;
	font-size: 10px;
	font-family: arial, sans-serif;
	background: #ccc;
	padding: 2px;
	min-height: 172px;
	min-width: 171px;
}
div#dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div#dp-popup a {
	color: #000000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div#dp-popup div#dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div#dp-popup div#dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div#dp-popup div#dp-nav-prev a, div#dp-popup div#dp-nav-next a {
	cursor: pointer;
}
div#dp-popup div#dp-nav-prev a.disabled, div#dp-popup div#dp-nav-next a.disabled {
	cursor: default;
}
div#dp-popup div#dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div#dp-popup div#dp-nav-next a {
	float: right;
}
div#dp-popup a.disabled {
	cursor: default;
	color: #aaaaaa;
}
div#dp-popup td {
	cursor: pointer;
}
div#dp-popup td.disabled {
	cursor: default;
}