@charset "utf-8";

/*////////////////////////////////////////////////////////////

	[news.css]

	1. page title
	2. news table 
	3. form
	4. input_index
	5. input_text
	6. input_photo
	7. input_attach

////////////////////////////////////////////////////////////*/

/*------------------------------------------------------------

	1. page title

------------------------------------------------------------*/
div#body h1 {
	background: url(../img/title/news.jpg) no-repeat left top;	
}

/*------------------------------------------------------------

	2. news table 

------------------------------------------------------------*/
table.news {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
}
* html div.panel table.news {
	width: 566px;
}

table.news th,
table.news td {
	padding: 0.25em 0;
	border: none;
	border-bottom: 1px dotted #CCC;
}

table.news th {
	text-align: left;
}

table.news th.date {
	width: 8em;
}

table.news a {
	display: block;
}

/*------------------------------------------------------------

	3. form

------------------------------------------------------------*/

/* add form
------------------------------------------------------------*/
form.add {
	padding: 6px;
	background: #FFF0DC;
	border: 1px solid #FC9;
	/**/
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/* upload form */
form#upload_form {
	margin: 0 0 10px;
}

/* input_form
------------------------------------------------------------*/
form#input_form {
	position: relative;
}

/*------------------------------------------------------------

	4. input_index

------------------------------------------------------------*/

/* add news
------------------------------------------------------------*/
form#add_form {
	margin: 0 0 10px;
}

form#add_form input#add_date {
	width: 80px;
}

form#add_form input#add_time {
	width: 40px;
}

form#add_form input#add_title {
	width: 320px;
}

/* table
------------------------------------------------------------*/
table#input_index td.date {
	font-weight: normal;
}

table#input_index th.display,
table#input_index td.button {
	width: 1px;
	padding: 3px;
}

table#input_index th.no,
table#input_index td.pcount,
table#input_index td.acount {
	text-align: center;
}

table#input_index a {
	display: block;
}

/*------------------------------------------------------------

	5. input_text

------------------------------------------------------------*/
table#input_text {
	margin: 0 0 10px;
}

table#input_text th {
	width: 100px;
}

table#input_text input#input_ddate,
table#input_text input#input_edate{
	width: 80px;
}

table#input_text input#input_dtime {
	width: 40px;
}

table#input_text input#input_title,
table#input_text textarea#input_content {
	width: 460px;
}
* html table#input_text input#input_title,
* html table#input_text textarea#input_content {
	width: 440px;
}

table#input_text textarea#input_content {
	margin: 6px 0 0;
}

/* help */
table#input_text p.help {
	position: absolute;
	right: 0;
	top: 0;
}

/*------------------------------------------------------------

	6. input_photo

------------------------------------------------------------*/
table#input_photo th.no {
	text-align: right;
}

table#input_photo td.thumb {
	width: 180px;
	height: 180px;
	text-align: center;
	vertical-align: middle;
}

table#input_photo td.info {
	width: 60%;
}

table#input_photo td.info dl {
	margin: 0;
}

table#input_photo td.info dt {
	margin: 0 0 3px;
	font-weight: normal;
	color: #F60;
}

table#input_photo td.info dd,
table#input_photo p.action {
	margin: 0 0 6px;
}

table#input_photo td.info input.textbox {
	width: 233px;
}
* html table#input_photo td.info input.textbox {
	width: 245px;
}

table#input_photo td.form input {
	width: 50px;
}

table#input_photo tr.disabled th,
table#input_photo tr.disabled td {
	background: #FFF;
}

/*------------------------------------------------------------

	7. input_attach

------------------------------------------------------------*/
table#input_attach input#attach_name {
	width: 360px;
}

table#input_attach th.no {
	text-align: right;
}

table#input_attach th.title {
	width: 588px;
}

/*------------------------------------------------------------

	8. view

------------------------------------------------------------*/
div#view div#message {
	margin: 0 0 12px;
}