@charset "utf-8";

body{
	*text-align:center;
	color:#444955;
	background:#e6cffc;
}
/* header */
#header{
	width:100%;
	margin:0 auto;
	background:silver;
	
}
h1{
	font-size:93%;
	font-weight:normal;
}
h2{
	padding:8px 15px 5px;
	color:#383636;
	background:#9acfc0;
	border-bottom:solid 1px #383636;
	border-radius: 5px 5px 0 0;/*角丸*/
}
h3{
	padding:5px 10px;
	background:#4cb6cf;
	color:#ffffff;
	border-radius: 5px;/*角丸*/
	clear:both;
}
a{
	color:#444955;
	text-decoration:none;
}
input{
	text-align:center;
}
#siteTitle{
	width:90%;
	min-width:900px;
	margin:0 auto;
	position:relative;
}
#header_image{
	margin-top:20px;
	margin-bottom:20px;
}
#status{
	position:absolute;
	right:0px;
	top:0px;
	line-height:30px;
	text-align:right;
	margin:0;
	width:350px;
}
#guide{
	position:absolute;
	right:0px;
	top:40px;
	line-height:30px;
	text-align:right;
	margin:0;
	width:500px;
}
#status span,
#guide span{
	line-height:30px;
	float:right;
	display:block;
}
#status span a:link,#status span a:visited,
#guide span a:link,#guide span a:visited{
	background:url(../img/btn_logout.png) no-repeat center center;
	text-align:center;
	height:30px;
	width:100px;
	display:block;
	text-decoration:none;
	color:#222;
	margin-left:0.5em;
}
#preview{
	position:absolute;
	top:40px;
	right:120px;
	display:block;

}
.navi{
	background:url(../img/common/nav_bg.gif) center center repeat-x;
}
/*ＣＳＳのみでドロップダウン*/
/*IEでzindexのバグ*/
#dropmenu{ 
	position: relative;
	margin-left:auto;
	margin-right:auto;
	/*text-align:center;*/
	width:90%;
	min-width:900px;
	height:32px;
	margin: 10px auto 0px;
	border-radius: 3px 3px 0 0;
	z-index: 500;
	clear:both;
}
#dropmenu li{
	position: relative;
	width: 14.25%;/*5リストの場合*/
	/*width: 16.66%;6リストの場合*/
	/*width: 14.28%;7リストの場合*/
	float: left;
	margin: 0;
	padding: 0;
	/*text-align: center;*/
	list-style: none;
}
#dropmenu li a{
	display: block;
	margin: 0;
	padding: 3px 5% 2px;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.2;/*全体の高さが上下のpaddingとfont-sizeの合計*/
	text-decoration: none;
	color:#444955;
	border: 1px solid #aaaaaa;
	background:url(../img/common/nav_bg.gif) center center repeat-x;
	height:25px;
}
#dropmenu li a img{
	padding-right:10px;
}
#dropmenu li:hover > a{
/*マウスを乗せたときの色の設定メインメニュー、サブメニュー共通*/
	/*background: red;*/
	color: #000;
	border: 1px solid #4cb6cf;
	background:url(../img/common/nav_bg_on.gif) center center repeat-x;
}
#dropmenu > li:hover > a{
/*
メインメニューにマウスを乗せたときに上側の角を丸くします。
「 > 」をはさむことで子要素のみに適用するため、孫要素にあたるサブメニューのリンクには適用されません。
*/
	border-radius: 3px 3px 0 0;

}
#dropmenu li ul{
/*
サブメニューの設定
「#dropmenu li」を基準に絶対値で表示位置を指定
「top: 100%;」でメインメニューの真下に表示
*/
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	border-radius: 0 0 3px 3px;/*下側の角を丸くしています*/
	z-index: 500;
	
}
#dropmenu li:last-child ul{
/*
サブメニューの幅はメインメニューの2倍に設定
一番右のサブメニューが右側にはみ出るので防ぐために一番右のサブメニューのみ
メインメニュー1つ分左にずらします。
*/
/*	left: -100%;*/
	width: 100%;

}
#dropmenu li ul li{
/*
サブメニュー内のli設定
横幅はメインメニューの2倍なので、メインメニューと一緒に幅がいいという場合は→100%
transitionでオンマウス時の変化に動きを付けています。
初期状態では「overflow: hidden;」「height: 0;」で表示されないようにしています
*/
	overflow: hidden;
	width: 100%;
/*	width: 170px;*/
	height: 0;
	color: #fff;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}
#dropmenu li ul li a{
/*サブメニューのリンク メインメニューのリンクと違う部分のみ記述*/
	/*padding: 13px 15px;*/
	text-align: left;
	font-size: 12px;
	font-weight: normal;
}
/*
#dropmenu li ul li.shop a{
	background: teal;	
}

#dropmenu li ul li.both a{
	background: violet;	
}
*/
#dropmenu li:hover ul li{
/*
メインメニューにマウスを乗せた際のサブメニュー
heightは「#dropmenu li ul li a」の上下のpadding各13pxとfont-size12pxの合計の値
上下のボーダーを重ねています
*/
	overflow: visible;
	height: 30px;

}
/*
一番番上のサブメニューの上のボーダーと、一番下のサブメニューの下のボーダーは必要ないので消す
*/
#dropmenu li:hover ul li:first-child{
	border-top: 0;
}
#dropmenu li:hover ul li:last-child{
	border-bottom: 0;
}
/*下の角を丸くします*/
#dropmenu li:hover ul li:last-child a{
	/*background:url(../img/common/nav_bg.gif)center center repeat-x;*/
	border-radius: 0 0 3px 3px;
}
#dropmenu li:hover ul li:last-child a:hover{
	/*background:url(../img/common/nav_bg_on.gif)center center repeat-x;*/
}
/* footer */
#footer{
	position:rerativ;
	clear:both;
	padding:15px;
	height:1.5em;
	text-align:center;
}

/* contents */
#contents{
	width:90%;
	min-width:900px;
	margin:0 auto 50px;
}
#contents table{
	min-width:800px;
	width:95%;
	margin:20px 10px 0;
}
#contents table th{
	text-align:center;
	background:#eeeeee;
	border:solid 1px #aaaaaa;
	padding:5px 0;
}
#contents table td{
	border:solid 1px #aaaaaa;
	text-align:left;
	line-height:1.5em;
	text-align:right;
	min-height:15px;
	padding:0 5px;
}

#contents table td.left{
	text-align:left;
}
#contents table td.right{
	text-align:right;
}
#contents table td.center{
	text-align:center;
}
#contents table td.edit{
	text-align:center;
	width:120px;
}
#contents table td.edit a,
#contents table td.edit input{
	display:inline-block;
	margin:3px 5px;
	padding:3px 5px 2px;
	background:#cccccc;
	border-radius:5px;
}
#contents table td.edit form{
	display:inline;
}
#contents table td.edit a:hover{
	background:#ff7a8d;
}
#contents table td span{
	display:inline-block;
	/*min-width:50px;*/
	margin-right:10px;
}
#contents table .check{
	background:#b7e2ec;
}

#contents table .error{
	background:red;
	color:#ffffff;
}
#contents table .error2{
	background:#ffff00;

}
#contents table .error_m{
	color:red;

}

#contents table  .goukei,
#contents table  tr.goukei th,
#contents table  tr.goukei td{
	background:#a8e2a0;
}
#contents table  .ruikei,
#contents table  tr.ruikei th,
#contents table  tr.ruikei td{
	background:#ffc78b;
}
#contents table th.harf,
#contents table td.harf{
	min-width:80px;
}

/* footer */
#footer{
	clear:both;
}

/* enter */
div.work .form_submit_work{
	padding:18px;
	font-size:120%;
}

div#form{
	margin:10px auto;
	/*width:380px;*/
}
div#form .form_submit,
#contents.leave_form input[type="submit"],
div.form .form_submit{
	padding:0.8em 15px;
	font-size:100%;
/*	height:100px;*/
}

div#form div.form_left{
	/*width:150px;*/
	/*border:1px solid lime;*/
	float:left;
}
div#form div.form_left p{
	display:block;
	width:150px;
	float:left;
	padding-top:0.9em;
}
div#form div.form_left.wide p{
	width:300px;
}
div#form div.form_left p.calender_date{
	width:250px;
	padding-top:8px;
}
div#form div.form_right{
	/*width:300px;
	border:1px solid lime;*/
	/*float:left;*/
	clear:both;
	margin:5px 10px;
}
div.form div.form_left{
	margin-top:8px;
}
/* login */
#login .logo{
	padding-bottom:15px;
}
#login .logo img{
	width:300px;
	height:auto;
}
#login{
	margin:0 auto 0 auto;
	potision;relative;
	padding:100px 0 150px 0;
	clear:both;
}
#login_box{
	width:310px;
	padding:10px 20px;
	/*background:#f8f7f3;*/
	background:#daf8ff;
	/*border:1px solid #d8d8d8;*/
	border:1px solid #4cb6cf;
	margin:0 auto;
}
#login_box h1{
	padding:0;
	width:auto;
	text-align:center;
}
#login_box dl{
	margin:0;
}
#login_box dt{
	width:80px;
	float:left;
	margin:0 0 10px 0;
	line-height:30px;
	height:30px;
	clear:left;
}
#login_box dd{
	margin:0 0 10px 90px;

}
#login_box dd span{
	color: #FF0000;
	margin-top: 5px;
}
#login dd input{
	width:210px;
	background:#FBFBFB;
	border:1px solid #D8D8D8;
	font-size: 20px;
}
#login_btn input{
	width:310px;
	height:40px;
	font-size:116%;
}
/* admin */
.admin ul li{
	list-style:none;
	width:45%;
	background: -moz-linear-gradient(top center, #fff 0%, #fff 30%, #ededed 98%, #dedede 100%);/* Firefox用 */ 
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), color-stop(0.3,#fff), color-stop(9.8,#ededed), to(#dedede));/* Safari,Google Chrome用 */
	border:solid 1px #999999;
	border-radius: 5px;/*角丸*/
	float:left;
	margin:0 2% 15px;
}
.admin ul li dt{
	height:120px;
	/*line-height:118px;*/
	width:29.9%;
	float:left;
	text-align:center;
	margin:0;
	border-right:solid 1px #999999;
}
.admin ul li dl.five dt{
	height:160px;
}
.admin ul li dl.six dt{
	/*height:200px;*/
	height:240px;
}
.admin ul li dt img{
	width:80px;
	height:auto;
}
.admin ul li dt a{
	display:block;
	height:76%;
	width:100%;
	border-radius: 5px 0 0 5px;/*角丸*/
	padding:12% 0;
}
.admin ul li dl.five dt a{
	height:100px;
	padding:30px 0;
}
.admin ul li dl.six dt a{
	height:100px;
	padding:70px 0;
}
.admin ul li dt a:hover{
	background:#ddddfd;
}
.admin ul li dd{
	height:39px;
	line-height:39px;
	width:69.8%;
	margin:0;
	float:left;
	border-bottom:solid 1px #999999;
}
.admin ul li dd a{
	display:block;
	height:100%;
	width:95%;
	padding-left:5%;
}
.admin ul li dd a:hover{
	background:#ddddfd;
}
.admin ul li dd.first a{
	border-radius: 0 5px 0 0;/*角丸*/
}
.admin ul li dd.last{
	height:40px;
	border:none;
}
.admin ul li dd.last a{
	border-radius: 0 0 5px 0;/*角丸*/
}
.t-list{
	clear:both;
	margin-top:15px;
}
/* work */
.work_navi ul{
	width:100%;
	height:30px;
	margin:15px 0;
	padding:0;
}
.work_navi li{
	display:block;
	float:left;
	width:14.5%;
	text-align:center;
	padding:0 1%;
	margin:0;
}
.work_navi .attend li{
	width:25%;
}
.work_navi li a{
	display:block;
	width:100%;
	line-height:25px;
	border-bottom:2px solid #4cb6cf;
}
.work_navi li a:hover{
	border-bottom:2px solid #9acfc0;
	background:#9acfc0;
}
div.submit{
	margin-top:10px;
}
div.submit .form_submit{
	padding:20px;
}
div.work_link{
	margin:20px auto;
	padding:10px;
	text-align:left;
}
div.work_link p{
	display:block;
	float:left;
	padding-right:15px;
	text-align:center;
}
div.work_link p.off{
	background:url(../img/common/arrow.gif) center right no-repeat;
}
div.work_link p.off span{
	background:#eae3cf;
	display:inline-block;
	padding:10px;
	width:150px;
}
div.work_link p.on{
	background:url(../img/common/arrow_off.gif) center right no-repeat;
}
div.work_link p.on:hover{
	background:url(../img/common/arrow_on.gif) center right no-repeat;
}
div.work_link a{
	color:#383636;
	text-decoration:none;
	display:inline-block;
	background:#b4f8ff;
	padding:10px;
	width:150px;
}
div.work_link a:hover{
	background:#4cb6cf;
}
div.work_link p.yajirusi{
	width:60px;
	text-align:center;
	background:none;
	border: none;
}

/*work/repot-table設定*/

#contents div.work div.staff_codename{
	border:gray inset 1px;
	padding:10px;
	width:50%;
	border-radius: 5px;
}
#contents div.work div.staff_codename span.staff_code{
margin-left:20px;

}


#contents div.work div.staff_codename span.staff_name{
	color:teal;
	font-weight:bold;
}

#contents div.work div.work_code_list  th.border{
/*
background-color:#b0e0e6;
*/
border-bottom:2px solid gray;

}
#contents div.work div.work_code_list tr.border td{

border-bottom:2px solid gray;
/*	width:120px;*/
}
#contents div.work div.work_code_list td.border{
border-bottom:2px solid gray;
}
#contents div.work div.work_code_list td{
text-align: center;
}

#contents div.work div.work_code_list td.date{
	width:120px;
}

#contents div.work div.work_code_list td.code{
	width:70px;

}

#contents div.work div.work_code_list td.name{
	width:100px;
}

#contents div.work div.work_code_list td.int{

}

#contents div.work div.work_code_list td.time{
	width:80px;
}

#contents div.work div.work_code_list td.work_code{
	font-weight:bold;
}

#contents .work_entry th{
	color:#fff;
	background:#444955;
}
#contents .work_entry td{
	text-align:center;
	font-weight:bold;
}


	/* index */
	div.work{
		padding:0 10px;
	}
	#menu{
		/*text-align:center;*/
		margin:10px;
	}
	#menu li{
		display:inline-block;
		margin:5px;
		list-style:none;
		/*IE8 以下*/
		float:left \9;
	}
	#menu li a{
		display:table-cell;
		height:118px;
		width:128px;
		text-align:center;
		font-weight:bold;
		color:#383636;
		vertical-align:middle;
		text-decoration:none;
		border:solid 1px #999999;
		background: -moz-linear-gradient(top center, #fff 0%, #fff 30%, #ededed 98%, #dedede 100%);/* Firefox用 */ 
		background: -webkit-gradient(linear, center top, center bottom, from(#fff), color-stop(0.3,#fff), color-stop(9.8,#ededed), to(#dedede));/* Safari,Google Chrome用 */
		border-radius: 5px;/*角丸*/
		/*IE8 以下*/
		display:block \9;
		padding-top:20px \9;
		width:130px \9;
		height:100px \9;
		background:url(../img/common/menu_bg.gif) top center repeat-x\9;
		border:none \9;
	}
	#menu li a:hover{
		border:solid 1px #70c5d9;
		background: -moz-linear-gradient(top center, #fff 0%, #fff 30%, #a5d7df 98%, #81cad9 100%);/* Firefox用 */ 
		background: -webkit-gradient(linear, center top, center bottom, from(#fff), color-stop(0.3,#fff), color-stop(9.8,#a5d7df), to(#81cad9));/* Safari,Google Chrome用 */
		/*IE8 以下*/
		background:url(../img/common/menu_bg_on.gif) top center repeat-x\9;
		border:none \9;
	}
	
	/* work */
	div.work .form_submit_work{
		padding:18px;
		font-size:120%;
	}
	div.work .enter_flow{
		width:100%;
		/*text-align:center;*/
	}

	
	.fee th,
	.fee td{
		border:solid 1px #aaaaaa;
	}
	#contents .work th{
		text-align:left;
		padding:5px;
	}
	#contents .work tr.center th{
		text-align:center;
	}
	#contents .work .entry th{
		min-width:80px;
	}
	#contents .work table.tdleft td{
		text-align:left;
	}
	#contents .work .entry td{
		min-width:80px;
	}
	#contents .work .fee_main{
		float:left;
		width:52%;
	}
	#contents .work .fee_sub{
		width:47%;
		float:right;
		margin-bottom:5px;
	}
	#contents .work .fee_main table{
		min-width:400px;
	}
	#contents .work .fee_sub table{
		min-width:380px;
	}
	#contents .work .fee_sub table.cut{
		height:250px;
	}
	#contents .work .fee_sub table th{
		min-width:90px;
	}
	#contents .work .submit{
		padding:15px;
		float:left;
	}
	#contents .work .arrow{
		display:block;
		padding:15px;
		width:80px;
		text-align:center;
		font-weight:bold;
		height:30px;
		line-height:32px;
		margin-top:0;
		margin-left:5px;
		background: -moz-linear-gradient(top center, #f2f2f2 0%,#ebebeb 49%, #dddddd 50%, #cfcfcf 100%);/* Firefox用 */ 
		background: -webkit-gradient(linear, center top, center bottom, from(#f2f2f2),color-stop(4.9,#ebebeb),color-stop(5,#dddddd), to(#cfcfcf));/* Safari,Google Chrome用 */
		/*IE8 以下*/
		background:#ebebeb \9;
		border:solid 1px #707070;
		border-radius: 3px;
	}
	#contents .work .arrow:hover{
		background: -moz-linear-gradient(top center, #e8f6fd 0%,#d9f0fc 49%, #bee6fd 50%, #a7d9f5 100%);/* Firefox用 */ 
		background: -webkit-gradient(linear, center top, center bottom, from(#e8f6fd),color-stop(4.9,#d9f0fc),color-stop(5,#bee6fd), to(#a7d9f5));/* Safari,Google Chrome用 */
		/*IE8 以下*/
		background:#a7d9f5 \9;
		border:none \9;
		border:solid 1px #81cad9;
	}
	#contents .work .error_check{
		color:#ff0000;
	}
	
	/* offecework */
	
		div#contents div.office_work table{
		min-width:400px;

		}

		div#contents div.office_work th{
		padding-left:10px;
		width:150px;
		}

		div#contents div.office_work td{
		padding-left:10px;
		text-align:left;
		}

		div#contents div.office_work div.office_left{
		width:600px;
		float:left;
		margin-bottom:20px;
		}

		div#contents div.office_work div.office_left th{
			text-align:left;
		}

		div#contents div.office_work div.office_right{
		margin-left:20px;
		margin-top:20px;
		width:200px;
		float:left;

		}

		div#contents div.office_work div.office_right input{
		width:100px;
		height:100px;
		}
		div#contents div.office_work a.officework_btn{
			background:url(../img/btn_logout.png) no-repeat center center;
			text-align:center;
			height:30px;
			width:100px;
			display:block;
			text-decoration:none;
			color:#222;
			margin-left:0.5em;
			line-height:30px;
		}
		div#contents div.office_work .office_data th,
		div#contents div.office_work .office_data td{
			width:auto;
			text-align:center;
		}

	/* report */
	.achievement .date_form{
		width:180px;
		float:left;
		padding-top:11px;
	}
	

	/* attendance */
	#contents .attendance .work{
		padding-top:20px;
	}
	#contents .attendance h3.name{
		background:#d8ccaa;
		color:#383636;
		padding:10px 20px;
	}
	
	#contents .attendance span.error{
		color:red;
	}
	
	#contents .attendance .form{
		float:left;
	}
	#contents .attendance .form_left{
		float:left;
		margin-right:10px;
		padding-top:3px;
	}
	#contents .attendance .form_right{
		float:left;
		margin-right:10px;
	}
	#contents .attendance table{
		clear:both;
	}
	#contents .attendance .dl{
		margin:15px;
	}
	#contents .attendance .staff_form{
		clear:both;
	}
	#contents .attendance .staff_form input{
		width:100px;
	}
	#contents .attendance h4{
		text-align:center;
	}
	
	/* achievement */
	#contents .achievement .form{
		width:200px;
		float:left;
	}
	#contents .achievement .form div{
		float:left;
		clear:none;
	}
	#contents .achievement .form#newsForm{
		
	}
	#contents .achievement .staff_form,
	#contents .achievement .staff_name{
		clear:both;
	}
	#contents .achievement h3.name{
		background:#d8ccaa;
		color:#383636;
		padding:10px 20px;
	}
	#contents .achievement .comment,
	#contents .attendance .comment{
		display:block;
		float:left;
		padding-top:5px;
		margin-bottom:15px;
		min-height:20px;
		height:20px;
	}
	#contents .achievement .form .form_left{
		padding-top:5px;
		padding-right:5px;
	}
	#contents .achievement .form_right{
		float:left;
		margin-right:10px;
		margin-bottom:15px;
	}
	#contents .achievement table{
		margin-bottom:15px;
	}
	#contents .achievement table th{
		min-width:10px;
		border:solid 1px #aaaaaa;
	}
	#contents .achievement table td{
		min-width:10px;
		border:solid 1px #aaaaaa;
	}
	.staff_form{
		padding-top:10px;
	}
	.staff_form input{
		float:left;
		width:40px;
		height:35px;
		margin:3px;
	}
	#contents .staff_name input{
		float:left;
		width:100px;
		height:35px;
		margin:3px;
	}
	
	/* setting */
	#contents .master .form_right.margin{
		margin:5px 15px 20px;
	}
	#contents .setting .attention{
		padding-top:5px;
	}
	#contents .master.setting .set_btn{
		margin-top:80px;
	}
	#contents .setting_code{
		width:250px;
		min-width:250px;
	}
	#contents .setting_code th{
		width:120px;
	}
	#contents .setting_code td{
		text-align:center;
	}
	
	#contents .setting_input td{
		width:11%;
		text-align:center;
		padding:3px 0;
	}
	#contents .setting_input input{
		width:90%;
	}
	.setting_error{
		color:#ff0000;
	}
	#contents .setting_insurance{
		width:250px;
		min-width:250px;
		float:left;
		margin-bottom:25px;
	}
	#contents .setting_insurance th{
		width:100px;
	}
	#contents .setting_staff{
		clear:both;
	}
	#contents .welfare_flag th,
	#contents .welfare_flag2 th{
		width:120px;
	}
	#contents .welfare_flag td,
	#contents .welfare_flag2 td{
		text-align:left;
	}
	#contents .welfare_flag2{
		width:300px;
		min-width:300px;
		float:left;
		margin-bottom:25px;
	}
	#contents .leave{
		clear:both;
	}
	#contents.leave_form .form_left2{
		width:120px;
		float:left;
		margin-top:15px;
	}
	#contents .leave .setting_code{
		float:left;
		width:350px;
	}
	#contents .leave .form_right{
		float:left;
		margin-top:20px;
	}
	#contents.leave_form input[type="submit"]{
	}
	#contents.leave_form .form_right input[type="submit"]{
		width:100px;
		line-height:50px;
	}
	#contents .master.setting .insurance{
		margin-top:107px;
	}
	#contents .master .form_right.wage{
		margin:0 15px 20px;
	}
	/* marster */
	.valid_button{
		height:30px;
		margin-bottom:15px;
	}
	.valid_button span{
		line-height:30px;
		float:left;
		display:block;
	}
	.valid_button span a:link,.valid_button span a:visited{
		background:url(../img/btn_logout.png) no-repeat center center;
		text-align:center;
		height:30px;
		width:100px;
		display:block;
		text-decoration:none;
		color:#222;
		margin-left:0.5em;
	}
	#contents .master table.master{
		width:80%;
		min-width:700px;
		float:left;
		margin:0 10px; 
	}
	#contents .master table.master th{
		text-align:left;
		padding:5px;
	}
	#contents .master table.master td{
		text-align:left;
	}
	#contents .master .staff table td{
		text-align:center;
	}
	#contents .master .staff table td.right{
		text-align:right;
	}
	#contents .staff table td span{
		margin:0;
	}
	#contents .master .form_right{
		float:left;
		margin:20px 15px;
	}
	#contents .master .form_right input{
		width:100px;
		height:50px;
	}


	#contents .print_list table .date{
		width:180px;
	}
	#contents .print_list table .name{
		width:100px;
	}
/* スタッフボタン */
#contents .staff_Mark input{
color:red;
}

/* 幅調整用　後で削除 */
/*
#header{
	width:900px;
	
}
#contents{
	width:900px;
}
*/
/* 幅調整用　後で削除 */


/* ドロップダウン用css 変更の際は注意してください */
	/* マウスオーバーさせるクラス */
	.stop{
		position:relative;
		margin-bottom:5px;
	}
	/* 表示位置の設定 */
	.stop ul{
		z-index:999;
		position:absolute;
		top:100%;
		left:0;
		list-style:none;
	}
	/* 非表示にする内容 */
	.stop ul li{
		overflow:hidden;
		width:190px;
		height:0;
		-moz-transition: .2s;
		-webkit-transition: .2s;
		-o-transition: .2s;
		-ms-transition: .2s;
		transition: .2s;
	}
	/* マウスオーバーで表示する設定 */
	.stop:hover ul li{
		overflow:visibble;
		height:auto;
		text-align:left;
	}
/* ドロップダウンのデザイン */
	.stop:hover ul{
		background:#ffffff;
		border:solid 1px #666666;
	}
	.stop:hover ul li{
	}
	
/**********ＷＥＢサイト管理ページ********/
#contents table.web{
	border:solid 1px #aaaaaa;
	text-align:left;
	line-height:1.5em;
/*	text-align:right;*/
	min-height:15px;
	padding:0 5px;
}
#contents table.web th{
	border:solid 1px #aaaaaa;
	text-align:left;
	line-height:1.5em;
/*	text-align:right;*/
	min-height:15px;
	padding:10px;
}
#contents table.web th.h30{
width:30px;
}
#contents table.web th.th50{
width:50px;
}
#contents table.web th.th80{
width:80px;
}
#contents table.web th.th100{
width:100px;
}
#contents table.web th.h150{
width:150px;
}
#contents table.web th.th200{
width:200px;
}
#contents table.web th.th300{
width:300px;
}

#contents table.web td{
	border:solid 1px #aaaaaa;
	text-align:left;
	line-height:1.5em;
/*	text-align:right;*/
	min-height:15px;
	padding:10px;
}


/*ニュースページ*/
#contents table.news_edit{
	border:solid 1px #aaaaaa;
	text-align:left;
	line-height:1.5em;
/*	text-align:right;*/
	min-height:15px;
	padding:10px;
}
#contents table.news_edit th{
	border:solid 1px #aaaaaa;
	text-align:left;
	line-height:1.5em;
/*	text-align:right;*/
	min-height:15px;
	padding:10px;
}
#contents table.news_edit td{
	border:solid 1px #aaaaaa;
	text-align:left;
	line-height:1em;
/*	text-align:right;*/
	min-height:15px;
	padding:10px;
}
#contents table.news_edit input{
	text-align:left;
}
#contents div.submit_button{
 padding:20px;
  }
#contents div.submit_button input{
  width: 100px;
  line-height:2em;
  }
  
 
/* --page-navi　ページャー*/
.page-navi{
	text-align:center;
	margin:1em 0;
}
.page-navi span a:link,.page-navi span a:visited{
	background-color:#eaedf7;
	border:1px solid #7b87ba;
	display:inline-block;
	padding:6px 8px;
	color:#1e2b65;
	text-decoration:none;
	font-size:14px;
}
.page-navi span a:hover{
	background:#656ba7;
	color:#FFFFFF;
}
.page-navi span{
	margin:0 3px;
}
.page-navi .focused{
	background-color:#FFFFF;
	border:1px solid #7b87ba;
	display:inline-block;
	padding:6px 8px;
	color:#6f7aaa;
	text-decoration:none;
	font-size:14px;
}

/*ボタン　リンクなど*/
div.action_button{
clear:both;
margin-top:20px;
}
/*---post_list*/
.deletebtn a:link,.deletebtn a:visited{
	float:right;
	width:16em;
	background:#f6f2b4;
	border:1px solid #dacf9b;
	line-height:2;
	display:block;
	text-align:center;
	text-decoration:none;
	margin-right:10px;
	color:#222222;
}
.deletebtn a:hover{
	border:1px solid #ab9f5f;
	color:#222222 !important;
}
.p-edit,.p-delete{
	margin-left:5px;
}

div.action_button a:link,div.action_button a:visited{
	color:teal;
	padding:10px;
	border:silver 2px outset;
	border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	font-weight:bold;
	/*グラデーション*/
	/* Firefox */
	background: -moz-linear-gradient(top center, #fff 0%, #999 100%);
	/* Chrom と Safari */
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#999));
	/* 共通 */
	background: linear-gradient(top center, #fff 0%, #999 100%);
}

div.action_button a:hover{
	border:silver 2px inset;
}