@charset "utf-8";

/*----------------------------- 
フォーム
-----------------------------*/
#content .inquiry dl
{
	width: 900px;
	margin: 0;
	padding: 3.5em 0 0 0;
	position: relative;
	font-size: 75%;
	font-family: Meiryo,"メイリオ","MS P Gothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
}

#content .inquiry dl dt
{
	width: 225px;
	padding: 10px 0 10px 125px;
	position: absolute;
	left: 0;
}

#content .inquiry dl dd.error input,
#content .inquiry dl dd.error textarea
{
	background-color: #ffcccc;
}

#content .inquiry dl dt span,
#content .inquiry dl dd span,
#content .inquiry div.recruit span,
#content .inquiry .message span
{
	color: #f67200;
}

#content .inquiry dl dt.error,
#content .inquiry span.error
{
	color: #dd0000;
}

#content .inquiry dl dd p.asterisk
{
	text-indent: -1.5em;
	padding: 0 0 0 1.5em;
	margin: 0 20px 0 266px;
}

#content .inquiry dl dd
{
	width: 550px;
	overflow: hidden;
	margin: 0;
	padding: 10px 0 10px 350px;
	background-color: #d7e9b6;
}

#content .inquiry dl dd:nth-of-type(2n)
{
	background-color: #ffffff;
}

#content .inquiry div.recruit
{
	text-align: center;
	background-color: #d7e9b6;
	margin: 0 0 12px 0;
	padding: 0 0 15px 0;
	font-size: 75%;
	font-family: Meiryo,"メイリオ","MS P Gothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
}

#content .inquiry div.recruit p
{
	text-indent: -1em;
	margin: 0 0 0 1em;
	text-align: left;
	display: inline-block;
	*display: inline;  
	*zoom: 1;  
}

#content .inquiry input[type="text"],
#content .inquiry input[type="password"],
#content .inquiry input[type="file"],
#content .inquiry textarea
{
	width: 252px;
	padding: 2px 5px;
	border: solid 1px #9d9e9e;
	vertical-align: top;
}

#content .inquiry input
{
	display: inline;
	vertical-align: middle;
}

#content .inquiry textarea
{
	float: left;
}

#content .inquiry input.zip
{
	width: 100px;
	margin: 0 10px 0 0;
}

#content .inquiry input.tel
{
	width: 70px;
	margin: 0 9px 0 0;
}

#content .inquiry input[type="submit"],
#content .inquiry input[type="reset"]
{
	width: 116px;
	height: 28px;
	margin: 0 auto;
	padding: 1px 0 0 0;
	font-size: 75%;
	border: none;
	background-image: url(../images/news/btn_back01.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	font-family: Meiryo,"メイリオ","MS P Gothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
}

#content .inquiry input[type="submit"]:hover,
#content .inquiry input[type="reset"]:hover
{
	background-image: url(../images/news/btn_back01_on.gif);
}

#content .inquiry .btn_box
{
	text-align: center;
}

#content .inquiry .btn_box input[type="submit"],
#content .inquiry .btn_box input[type="reset"]
{
	margin: 0 3px;
}

#content .inquiry .message
{
	width: 568px;
	font-size: 75%;
	margin: 10px 0 0 0;
	position: absolute;
	top: -35px;
	right: 0;
	z-index: 1;
}

/*----------------------------- 
エラー噴出し
-----------------------------*/
.wrapper
{
   padding: 10px;
   position: relative;
}

.box
{
	position: relative;
	background: #ffeded;
	width: 100px;
	padding: 5px;
	margin-bottom: 20px;
	border: 1px solid #dd0000;
	box-shadow:2px 2px 5px rgba(0,0,0,0.4);
}

.box:after
{
	content: '';
	position: absolute;
	border-bottom: 10px solid #ffeded;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	top: -9px;
	left: 5px;
}

.box:before
{
	content: '';
	position: absolute;
	border-bottom: 10px solid #dd0000;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	top: -11px;
	left: 5px;
}

/*----------------------------- 
送信完了
-----------------------------*/
#content .inquiry
{
	width: 900px;
	margin: 10px 0 20px 50px;
	position: relative;
}

#content .thanks
{
	text-align: center;
}

#content .thanks p
{
	padding: 10px 0 125px 0;
	font-size: 75%;
	text-align: left;
	margin: 0;
	background-image: url(../images/inquiry/img_thanks01.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	display: inline-block;
	*display: inline;  
	*zoom: 1;  
}
