@charset "utf-8";


/*-------------------------
	Common Layout
-------------------------*/
@import "family.css";


/*-------------------------
	Visual Layout
-------------------------*/
#visual {
		height: 295px;
}

@media only screen and (max-width: 648px){

#visual {
		height: 140px;
		position: relative;
}


}

/*-------------------------
	Content Layout
-------------------------*/
#content p.introduction {
		margin-bottom: 30px;
}

#content span {
		margin: 0px 5px;
		font-weight: bold;
		color: #B7332B;
}

#content input.text,
#content textarea.textarea {
		padding: 5px;
}

#content label,
#content input.submit {
		cursor: pointer;
}
#content input.submit {
		width: 180px;
		height: 50px;
		margin: 0px 60px 40px 0px;
		font-size: 14px;
}

#content table {
		background: url( ../images/common/tableback.jpg ) repeat-x left top #6D6B3B;
}

#content table th,
#content table td {
		padding: 20px;
		text-align: left;
		font-weight: normal;
}

#content table th {
		border-top: solid 1px #FFF;
		border-right: solid 1px #6E6E3C;
		border-left: solid 1px #6E6E3C;
		color: #FFF;
}
#content table tr.first th {
		border-top: solid 1px #6E6E3C;
}
#content table td {
		background: #FFF;
		border: solid 1px #6E6E3C;
}
#content p.error {
		margin: 0px;
		font-weight: bold;
		color: #F00;
}

#content p.lead {
		padding: 30px 0px 10px;
		text-align: center;
}


@media only screen and (max-width: 959px){
	
	#content input.text, #content textarea.textarea {
    padding: 5px;
    width: 96%;
}

#content h3 img {
    width: 30%;
}

}


@media only screen and (max-width: 648px){

#content h3 img {
    width: 50%;
}

}