@charset "UTF-8";

/* ===================================
	File Name   : contact.css
	Discription : Contact Page Layout CSS
	Editors     : Taz Sakurai
	Create Date : 2010/02/28

	Update Discription :
		2011/03/   Updae
====================================== */

/*========== Style Contents ==========

	1. Individual Redefinition
	2. Contact Introduction
	3. Confirm Screen
	4. Thanks Message
	5. 
	6. 
	*. Clear Release
	
====================================== */





/*===== ■1. Individual Redefinition =====*/
#Header ul li a#BtnInquiry {background-position: -200px 0px;}
#Footer ul#FooterNavi li a#BtnFootInquiry {background-position: -200px -692px;}

#SideBox dl dd ul li a {
	background: url(img/img_btn-inquiry.png) no-repeat;
	width: 107px;
}






/*===== ■2. Contact Introduction =====*/
#ContactIntro p {
	width: 630px;
	margin: 0px 0px 10px 30px;
	font-size: 93%;
}

#ContactIntro #mailfrom_hidden_object {
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#ContactIntro #mfp_closed,
#ContactIntro .mfp_disp {
	display: none;
}

#ContactIntro p.mfp_err {
	display: none;
	width: auto;
	margin: 0px;
	font-size: 100%;
	text-align: left;
	margin: 5px 0px 0px 0px;
	color: #FF0000;
}

#ContactIntro ul {
	border: 1px solid #FFF100;
	padding: 10px;
	margin: 20px 0px 30px 28px;
	width: 574px;
}

#ContactIntro ul li {
	background: url(../common/img/mark_circle-yellow.jpg) no-repeat left 4px;
	padding: 0px 0px 3px 12px;
	font-weight: bold;
	font-size: 85%;
}

#ContactIntro ul li em {
	color: #FF3300;
	padding: 0px 5px;
}

#ContactIntro dl dt {
	background: #D9CBAB;
	padding: 3px 10px 2px;
	margin: 0px 0px 15px;
	font-weight: bold;
	font-size: 108%;
	color: #2E230D;
}

#ContactIntro dl dd table {
	background: url(img/bg_table.gif) repeat-y;
	width: 640px;
	margin: 0px auto 30px;
}

#ContactIntro dl dd table th {
	background: url(img/bg_title-bottom.gif) no-repeat bottom;
	width: 230px;
	padding-bottom: 14px;
	vertical-align: top;
}

#ContactIntro dl dd table th em {
	background: url(img/bg_title-top.gif) no-repeat;
	display: block;
	padding: 10px 10px 7px;
	font-weight: bold;
	text-align: right;
	font-size: 93%;
	color: #FFFFFF;
}

#ContactIntro dl dd table td {
	background: url(img/bg_dotted-inquiry.gif) repeat-x bottom;
	padding: 7px 0px 14px 15px;
	font-size: 93%;
	font-weight: bold;
	vertical-align: top;
}

#ContactIntro dl dd table td a {
	font-size: 85%;
	padding: 0px 5px;
}

#ContactIntro table td ol {
	list-style: none;
}

#ContactIntro table td ol li {
	padding: 0px 0px 5px;
}

#ContactIntro table td ul {
	border: none;
	padding: 0px;
	margin: 0px;
	width: auto;
}

#ContactIntro table td ul li {
	background: none;
	float: left;
	padding: 0px 20px 0px 0px;
	font-weight: normal;
	font-size: 100%;
}

#ContactIntro table td span {
	display: block;
	padding: 2px 0px;
	line-height: 1.2;
	font-size: 85%;
}

#ContactIntro #mfp_buttons {
	padding: 0px;
	text-align: center;
}

#ContactIntro #mfp_buttons ul {
	border: none;
	padding: 0px;
	width: 120px;
	height: 30px;
	overflow: hidden;
	margin: 0px auto;
}

#ContactIntro #mfp_buttons ul li {
	background: none;
	/*float: left;
	padding: 0px 10px;*/
	width: 100px;
	height: 30px;
	overflow: hidden;
	font-size: 100%;
}

#ContactIntro #button_mfp_goconfirm {/* RollOver設定はmailform.jsの1194行目に記載 */
	width: 100px;
	height: 30px;
	overflow: hidden;
	background: url(img/img_btn-inquiry.png) no-repeat 0px -18px;
	border: none;
	border-style: none;
	cursor: pointer;
}

/*#ContactIntro #button_mfp_reset { RollOver設定はmailform.jsの1194行目に記載 
	width: 120px;
	height: 40px;
	overflow: hidden;
	background: url(../common/img/btn_reset.jpg) no-repeat;
	border: none;
	border-style: none;
	cursor: pointer;
}*/

#ContactIntro table td em {
	color: #FF3300;
	padding: 0px 5px;
}






/*===== ■2. Confirm Screen =====*/
table.infield {
	background: #FFFFFF;
	width: 560px;
	padding: 0px;
	margin: 0px;
}

div#disabled_submit {
	width: 1px;
	height: 1px;
	overflow: hidden;
}

div#disabled_submit input {
	margin: 10px;
}

table.infield {
	width: 500px;
	margin: 0px auto 15px;
}

table.infield tr th {
	padding: 5px;
	text-align: right;
	font-size: 93%;
	border-bottom: 1px solid #CCCCCC;
}

table.infield tr td {
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
}

table.infield tr td p {
	font-size: 93%;
	border-left: 2px solid #CCCCCC;
	padding: 5px 0px 5px 10px;
	margin: 0px;
}

.mfp_color {
	background-color: #FBDDD1;
}

div#confirmWindow {
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	width: 100%;
	height: 100%;
	margin: 0px;
	overflow: hidden;
	z-index: 1;
	position: fixed!important;
	position/**/:  absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	background-color: #000000;
	font-size: 12px;
	text-align: center;
	_top: expression(
		document.documentElement && document.documentElement.scrollTop  || 
		document.body && body.scrollTop  || 0
		+ 0 + 'px'
	);
}

div#confirmBody {
	width: 1px;
	visibility: hidden;
	position: absolute;
	z-index: 10;
	text-align: center;
	margin: 0px auto 0px auto;
}

div#confirmBody h2 {
	color: #FFFFFF;
	margin: 0px auto 10px;
	width: 294px;
	height: 33px;
	padding-top: 10px;
}

div#confirmBody ul {
	width: 560px;
	margin-left: 90px;
}

div#confirmBody ul li {
	float: left;
	padding: 0px 10px;
}

div#twex {
	margin: 0px;
	overflow: hidden;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	text-align: center;
	background-color: #000000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}

img#loading_proccess_image {
	position: absolute;
	z-index: 1000;
}






/*===== ■3. Thanks Message =====*/
#ThanksMessage p {
	padding: 50px 0px;
	text-align: center;
	line-height: 2;
}

#ThanksMessage p strong {
	display: block;
	font-size: 116%;
}

#ThanksMessage p em {
	display: block;
	padding: 25px 0px 0px;
	text-align: center;
	font-weight: bold;
	color: #006666;
}






/*===== ■*.Clear Release  =====*/
#*************:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#************* {
	display: inline-block;
}

/* Hides from IE-mac ￥*/
*html #************* {
	height: 1%;
}

#************* {
	display: block;
}
/* End hides from IE-mac ￥*/