@charset "utf-8";

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

	[fan_club.css]

	1. page title
	2. amenities
	3. addmission
	4. about
	5. form

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

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

	1. page title

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

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

	2. amenities

------------------------------------------------------------*/
div#amenities div.wrapper {
	position: relative;
	overflow: auto;
	margin: 20px 0 0;
}
* html div#amenities div.wrapper {
	height: 1%;
}

div#amenities div.wrapper dl {
	float: left;
	width: 184px;
	height: 240px;
	margin: 0;
}

div#amenities div.wrapper dl#amenity1,
div#amenities div.wrapper dl#amenity2,
div#amenities div.wrapper dl#amenity4,
div#amenities div.wrapper dl#amenity5 {
	margin-right: 18px;	
}

div#amenities div.wrapper dl#amenity1,
div#amenities div.wrapper dl#amenity2,
div#amenities div.wrapper dl#amenity3 {
	margin-bottom: 18px;
}

div#amenities div.wrapper dl#amenity1 {
	background: url(../img/fan_club/amenity1.gif) no-repeat;
}

div#amenities div.wrapper dl#amenity2 {
	background: url(../img/fan_club/amenity2.gif) no-repeat;
}

div#amenities div.wrapper dl#amenity3 {
	background: url(../img/fan_club/amenity3.gif) no-repeat;
}

div#amenities div.wrapper dl#amenity4 {
	background: url(../img/fan_club/amenity4.gif) no-repeat;
}

div#amenities div.wrapper dl#amenity5 {
	background: url(../img/fan_club/amenity5.gif) no-repeat;
}

div#amenities div.wrapper dt,
div#amenities div.wrapper dd {
	margin: 0;
	text-indent: -9999px;
	overflow: hidden;
}

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

	3. addmission

------------------------------------------------------------*/
div#addmission p.button {
	width: 384px;
	margin: 24px 0 24px 102px;
}

div#addmission p.button a {
	display: block;
	height: 82px;
	background: url(../img/fan_club/btn_admission.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

div#addmission p.button a:hover {
	background-position: 0 -82px;
}

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

	4. about

------------------------------------------------------------*/
div#privacy_policy {
	overflow: auto;
	height: 240px;
	margin: 24px 0;
	padding: 6px 12px 12px;
	background: #FFF0DC;
	border: 1px solid #FC9;
}

div#privacy_policy h4.first-child  {
	margin: 0.5em 0;
}

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

	5. form

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

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

form#input_form input {
	margin: 0;
}

/* form table
------------------------------------------------------------*/
form table.form th {
	width: 180px;
}

input#name1,
input#name2,
input#kana1,
input#kana2 {
	width: 90px;	
}
* html input#name1,
* html input#name2,
* html input#kana1,
* html input#kana2 {
	width: 100px;	
}

input#address,
input#email1,
input#email2,
textarea#comment {
	width: 360px;	
}
* html input#address,
* html input#email1,
* html input#email2,
* html textarea#comment {
	width: 370px;
}