@charset "utf-8";
/* ===================================================================
グレーテーブルボックススタイル
=================================================================== */


/* 共通
----------------------------------------------------------- */
.bgcolor_errortext {
	color: #cc0000;
}
#grayTableBox {
	width: 640px;
	margin-top: 20px;
	background:url(../img/bg/line_white.gif) bottom repeat-x;
}
#grayTableBox tr th{
	font-size: 109%;
	font-weight: bold;
	padding: 13px;
	border-top:#ffffff 1px solid;
	background: url(../img/bg/bg_gray.gif);
	vertical-align: top;
}
#grayTableBox tr.firstChild th{
	border: none;
}
#grayTableBox tr td{
	font-size: 92%;
	background:url(../img/bg/line_white.gif) top repeat-x;
	vertical-align: top;
}
span#formHeadTxt {
	display: block;
	font-size: 92%;
	margin-top: 30px;
}
div#agree{
	width: 450px;
	margin: 30px auto 0;
	padding: 5px;
	background: url(../img/bg/bg_gray.gif);
}
div#agree div{
	width: 450px;
	background: #ffffff;
	text-align: center;
}
div#agree div span{
	font-size: 100%;
	display: block;
	padding: 12px;
	margin: 0px;
}
input#confirm{
	display: block;
	margin: 25px auto 0;
}
input.confirm{
	display: block;
	margin: 25px 10px;
}
form.confirmForm{
	display: block;
	float: left;
}
div#confirmBtnArea {
	width: 360px;
	margin: 0 auto;
}
	


/* お問い合わせ
----------------------------------------------------------- */
#inquiryBody div#wrapper div#contents div#mainContents table#grayTableBox tr th{
	width: 154px;
}
#inquiryBody div#wrapper div#contents div#mainContents table#grayTableBox tr td{
	width: 407px;
	padding: 13px 13px 13px 40px;
}
#inquiryBody div#wrapper div#contents div#mainContents table#grayTableBox tr td input.name{
	width: 120px;
	margin:0 30px 0 10px;
}
#inquiryBody div#wrapper div#contents div#mainContents table#grayTableBox tr td input.mail{
	width: 310px;
	margin-right:10px;
}
#inquiryBody div#wrapper div#contents div#mainContents table#grayTableBox tr td textarea{
	width: 400px;
	height: 160px;
}


/* ご利用案内
----------------------------------------------------------- */
#museumGuideBody div#wrapper div#contents div#mainContents table#grayTableBox tr th{
	width: 120px;
}
#museumGuideBody div#wrapper div#contents div#mainContents table#grayTableBox tr td{
	width: auto;
	padding: 13px 13px 13px 20px;
}
#museumGuideBody div#wrapper div#contents div#mainContents span.walk a {
	background: #f8f8f8 url(../img/icon/walk.gif) no-repeat 10px center;
	padding: 5px 0 5px 30px;
	display: block;
	width: 200px;
}
#museumGuideBody div#wrapper div#contents div#mainContents span.walk a:hover {
	background: #edcdef url(../img/icon/walk.gif) no-repeat 10px center;
	color: #000;
}
#museumGuideBody div#wrapper div#contents div#mainContents span.bus a {
	background: #f8f8f8 url(../img/icon/bus.gif) no-repeat 10px center;
	padding: 5px 0 5px 30px;
	display: block;
	width: 200px;
}
#museumGuideBody div#wrapper div#contents div#mainContents span.bus a:hover {
	background: #edcdef url(../img/icon/bus.gif) no-repeat 10px center;
	color: #000;
}
#museumGuideBody div#wrapper div#contents div#mainContents span.pdf a {
	background: #f8f8f8 url(../img/icon/pdf.gif) no-repeat 10px center;
	padding: 5px 0 5px 30px;
	display: block;
	width: 250px;
}
#museumGuideBody div#wrapper div#contents div#mainContents span.pdf a:hover {
	background: #edcdef url(../img/icon/pdf.gif) no-repeat 10px center;
	color: #000;
}
/* アンケート
----------------------------------------------------------- */
#enqueteBody div#wrapper div#contents div#mainContents table#grayTableBox tr th{
	width: 134px;
}
#enqueteBody div#wrapper div#contents div#mainContents table#grayTableBox tr td{
	width: 427px;
	padding: 13px 13px 13px 40px;
	vertical-align: middle;
}
#enqueteBody div#wrapper div#contents div#mainContents table#grayTableBox tr td input.ctv,
#enqueteBody div#wrapper div#contents div#mainContents table#grayTableBox tr td input.occupationTxt{
	width: 300px;
	margin:0 10px;
}
#enqueteBody div#wrapper div#contents div#mainContents table#grayTableBox tr td input.mediaTvRadio,
#enqueteBody div#wrapper div#contents div#mainContents table#grayTableBox tr td input.mediaNpMg,
#enqueteBody div#wrapper div#contents div#mainContents table#grayTableBox tr td input.mediaLeaflet,
#enqueteBody div#wrapper div#contents div#mainContents table#grayTableBox tr td input.mediaBlog,
#enqueteBody div#wrapper div#contents div#mainContents table#grayTableBox tr td input.mediaKeyword,
#enqueteBody div#wrapper div#contents div#mainContents table#grayTableBox tr td input.impression,
#enqueteBody div#wrapper div#contents div#mainContents table#grayTableBox tr td input.staffPerformance{
	width: 200px;
	margin:0 10px;
}
#enqueteBody div#wrapper div#contents div#mainContents table#grayTableBox tr td input.eventYouExpext,
#enqueteBody div#wrapper div#contents div#mainContents table#grayTableBox tr td input.favoriteHpMuseum,
#enqueteBody div#wrapper div#contents div#mainContents table#grayTableBox tr td input.merchandiseYouExpect{
	width: 400px;
}
#enqueteBody div#wrapper div#contents div#mainContents table#grayTableBox tr td div.radioArea{
	float: left;
	width: 180px;
}
#enqueteBody div#wrapper div#contents div#mainContents table#grayTableBox tr td textarea{
	width: 400px;
	height: 100px;
}