@charset "UTF-8";

/* =======================================================
	TOP CSS - modified on 09.10.31
	written by GRAM | グラム
	http://www.brooklyn.jp/
	
	01 CONTENT SETTING
	02 DETAIL SETTING
	03 SIDE MENU SETTING
	04 UTILITIES
======================================================= */



/* =======================================================
	01 CONTENT SETTING
======================================================= */



#header_image {
	width: 892px;
	height: 197px;
	margin: 3px auto 0;
	background-position: top left;
	background-repeat: no-repeat;
}
#header_image h2 {
	text-indent: -5000em;
}


.contact_content {
	width: 615px;
	height: auto;
	padding-top: 60px;
	background: url(../../../imgs/title/contact.jpg) top left no-repeat;
}



/* =======================================================
	02 DETAIL SETTING
======================================================= */



.contact_list {
	width: 615px;
	height: auto;
	margin: 20px 0 30px;
}
	.contact_list .contact_list_explain {
		width: 359px;
		height: auto;
		padding: 10px 0 0;
		float: left;
	}
	.contact_list .contact_list_explain p {
		width: 340px;
	}
	.contact_list .contact_list_btn {
		width: 256px;
		height: 70px;
		text-indent: -5000em;
		overflow: hidden;
		float: left;
	}
	.contact_list .contact_list_btn a {
		width: 256px;
		height: 70px;
		display: block;
		cursor: pointer;
	}
	
	.contact_list .contact_list_btn a.order_concert {
		background: url(../../../imgs/ui/btn_order_concert.jpg) 0 0 no-repeat;
	}
	.contact_list .contact_list_btn a.order_ticket {
		background: url(../../../imgs/ui/btn_order_ticket.jpg) 0 0 no-repeat;
	}
	.contact_list .contact_list_btn a.order_cd {
		background: url(../../../imgs/ui/btn_order_cd.jpg) 0 0 no-repeat;
	}
	
	.contact_list .contact_list_btn a:hover {
		background-position: 0 -70px;
	}


.contact_notice {
	width: 613px;
	height: 187px;
	margin: 60px 0 0;
	background: url(../../../imgs/layout/dot_line_box.jpg) top left no-repeat;
}
	.contact_notice ul {
		width: 580px;
		height: auto;
		margin: 0;
		padding: 17px 0 0 17px;
	}
	.contact_notice li {
		margin: 0 0 3px 12px;
		list-style-image: url(../../../imgs/common/list_style_circle.jpg);
	}


form fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

table.form_table {
	width: 615px;
	margin: 20px 0 20px;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	background: url(../../../imgs/common/double_line.gif) top left repeat-x;
}
	.form_table tr {
		width: 615px;
		background: url(../../../imgs/common/double_line.gif) bottom left repeat-x;
	}
	.form_table td {
		padding: 17px 0 17px 20px;
	}
	
	table.form_table input {
		width: 250px;
		height: 18px;
	}
	table.form_table input.longer {
		width: 350px;
		height: 18px;
	}
	table.form_table textarea {
		width: 400px;
		height: 100px;
	}
	table.form_table input,
	table.form_table textarea {
		background-color: #FAFAFA;
		border-style: groove solid none solid;
		border-color: #CCC #E5E5E5 #CCC #BBB;
		border-width: 2px 1px 0 1px;
	}
	table.form_table input:focus, table.form_table input:hover,
	table.form_table textarea:focus, table.form_table textarea:hover {
		background-color: #F5F5F5;
	}

.form_button {
	width: 420px;
	height: auto;
	margin: 0 0 0 185px;
}
	.form_button .btn_form_send,
	.form_button .btn_form_reset,
	.form_button .btn_form_correct,
	.form_button .btn_form_confirm {
		width: 173px;
		height: 30px;
		margin: 0 20px 0 0;
		overflow: hidden;
		float: left;
	}
	.form_button .btn_form_send input,
	.form_button .btn_form_reset input,
	.form_button .btn_form_correct input,
	.form_button .btn_form_confirm input {
		width: 173px;
		height: 30px;
		display: block;
		cursor: pointer;
		text-indent: -5000em;
		border: none;
	}
	
	.form_button .btn_form_send input {
		background: url(../../../imgs/ui/btn_form_send.jpg) 0 0 no-repeat;
	}
	.form_button .btn_form_reset input {
		background: url(../../../imgs/ui/btn_form_reset.jpg) 0 0 no-repeat;
	}
	.form_button .btn_form_correct input {
		background: url(../../../imgs/ui/btn_form_correct.jpg) 0 0 no-repeat;
	}
	.form_button .btn_form_confirm input {
		background: url(../../../imgs/ui/btn_form_confirm.jpg) 0 0 no-repeat;
	}
	.form_button .btn_form_send input:hover,
	.form_button .btn_form_reset input:hover,
	.form_button .btn_form_correct input:hover,
	.form_button .btn_form_confirm input:hover {
		background-position: 0 -30px;
	}

.validation-advice {
	margin: 5px 0 0;
}



/* =======================================================
	03 SIDE MENU SETTING
======================================================= */



.side_menu {
	width: 205px;
	height: auto;
	margin: 0 0 30px;
}
.side_menu .side_menu_title {
	width: 205px;
	height: 60px;
	text-indent: -5000em;
	background: url(../../../imgs/side/side_title_contact.jpg) top left no-repeat;
}
.side_menu ul {
	width: 197px;
	margin: 0 0 0 4px;
	padding: 1px 0 0;
	background: url(../../../imgs/common/dot_line_blue.gif) top left repeat-x;
}



/* =======================================================
	04 UTILITIES
======================================================= */



.slash_line { width: 615px; }

.w220 { width: 220px; }
.w260 { width: 260px; }


/* clear float */
.contact_list:after, .form_button:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.contact_list, .form_button {
	display: inline-table;
	min-height: 1px;
}
* html .contact_list, * html .form_button {
	height: 1%;
}
.contact_list, .form_button {
	display: block;
}