@charset "utf-8";

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

	[tour.css]

	1. page title
	2. index
	3. tour
	4. list
	5. form
	6. input_text
	7. input_photo

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

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

	1. page title

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

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

	2. index

------------------------------------------------------------*/
div#content div.domestic h2,
div#content div.international h2 {
	margin: 0;
}

div#content div.domestic p.info,
div#content div.international p.info {
	margin: 12px 0 0;
}

div.domestic table.index a {
	background-image: url(../img/content/bullet_link_domestic.gif);
}

div.international table.index a {
	background-image: url(../img/content/bullet_link_international.gif);
}

table.index {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

table.index th,
table.index td {
	padding: 6px;
	border: none;
	border-bottom: 1px solid #CCC;
	text-align: left;
	line-height: 1.2;
}

table.index th {
	background: #F0F0F0;
	line-height: 1.2;
	font-size: 80%;
	font-weight: normal;
}

table.index .date {
	border-left: 1px dotted #CCC;
	font-weight: normal;
}

table.index .title {
	border-left: 1px dotted #CCC;
}

table.index a {
	display: block;
}

div.section table.index th.button,
div.section table.index td.button {
	padding: 3px;
	border-left: 1px dotted #CCC;
}

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

	3. tour

------------------------------------------------------------*/
table.tour {
	width: 100%;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0;
}

table.tour th,
table.tour td {
	border: none;
	border-bottom: 1px solid #CCC;
}

table.tour th {
	width: 9em;
	background: #F0F0F0;
	text-align: left;
}

table.tour td.photo {
	width: 240px;
	padding: 12px 0 12px 12px;
}

table.tour td.photo dl {
	width: 240px;
	margin: 0;
}

table.tour td.photo dl dt {
	width: 240px;
	margin: 0 0 6px;
}

table.tour td.photo dl dd {
	width: 240px;
	margin: 0;
	line-height: 1.2;
	text-align: center;
}

table.tour td.photo img {
	width: 240px;
}

/* other
------------------------------------------------------------*/
div#content p.other {
	margin: 12px 0 0;
	text-align: right;
}

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

	4. list

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

div#domestic_tour {
	margin: 0;
}

div#domestic_tour h3 {
	margin: 0;
}

div#international_tour {
	margin: 24px 0 0;
}

div#international_tour h3 {
	margin-bottom: 0;
}

div#domestic_tour table,
div#international_tour table {
	width: 100%;
}

/* pager
------------------------------------------------------------*/
div.section p.pager {
	margin: 12px 0;
}

div.section p.pager a,
div.section p.pager em {
	margin: 0;
	padding: 2px 4px;
	background: none;
	line-height: 1.2;
}

div.section p.pager a {
	background: #F3F3F3;
	border: 1px solid #DDD;
	color: #333;
}

div.section p.pager a:hover {
	background: #FFF0DC;
	border: 1px solid #FC9;
	color: #F60;
}

div.section p.pager em {
	background: #FFE1C4;
	border: 1px solid #FC9;
	font-style: normal;
	font-weight: bold;
}

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

	5. 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;
}

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

	6. input_text

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

table#input_text th {
	width: 120px;
}

table#input_text input.textbox,
table#input_text textarea#comment {
	width: 420px;
}

p.buttons input#content_list,
p.buttons input#content_reset {
	margin-right: 20px;
}

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

	7. 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.sort {
	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;
}