@charset "shift_jis";
/* CSS Document */

div#contact_frame{
	width:758px;
	min-height:481px;
	margin:auto;
	margin-top:37px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

/* サブタイトル */
div#contact_frame h3{
	width:128px;
	float:left;
}

/* --------------------------------------------------------------------------------------
 トップ
--------------------------------------------------------------------------------------- */
div#contact_frame .btn05 a{
	background:url(../../contact/img/btn05.gif) left top no-repeat;
	display: block;
	text-indent: -9999px;
	height:16px;
	width:133px;
}

div#contact_frame .btn06 a{
	background:url(../../contact/img/btn06.gif) left top no-repeat;
	display: block;
	text-indent: -9999px;
	height:16px;
	width:214px;
}
div#contact_frame .btn07 a{
	background:url(../../contact/img/btn07.gif) left top no-repeat;
	display: block;
	text-indent: -9999px;
	height:16px;
	width:200px;
}

div#contact_frame .btn05 a:hover{background-position:right top;}
div#contact_frame .btn06 a:hover{background-position:right top;}
div#contact_frame .btn07 a:hover{background-position:right top;}


div#contact_frame .top_moji{margin-top:16px; margin-bottom:40px; line-height:22px; font-size:12px;}

/* --------------------------------------------------------------------------------------
 ショップ
--------------------------------------------------------------------------------------- */
/* インラインフレーム */

div#shop_frame {
	width:725px;
	margin:auto;
	font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif;
	color:#666666;
}

div#shop_frame .caption{
	margin:25px auto 0px auto;
}

div#shop_frame .caption_moji{
	margin-top:10px;
}

div#shop_frame .iframe{
	height:700px;
	line-height:18px;
	margin-top:10px;
	
	overflow: auto;
	overflow-x:hidden;
	
}

div#shop_frame .iframe .area_title{
	clear:both;
	width:100%;
	border-bottom:1px solid #999;
	padding:0px 0px 7px 3px;
	margin-top:35px;
	margin-bottom:7px;
}

div#shop_frame .iframe .shop_frame{clear:both;}

dt,.mark,.name,.add,.tel { min-height:16px;}


div#shop_frame .iframe .shop_frame .mark{ width:30px; margin:13px 0px 0px 0px; text-align:right; line-height:13px;}
div#shop_frame .iframe .shop_frame .mark2{ width:30px; margin:13px 0px 0px 0px; text-align:right; line-height:13px; height:32px;}

div#shop_frame .iframe .shop_frame .name{ width:190px; margin:-18px 0px 0px 40px; line-height:16px;}
div#shop_frame .iframe .shop_frame .name2{ width:190px; margin:-34px 0px 0px 40px; line-height:16px; height:32px;}

div#shop_frame .iframe .shop_frame .add{ width:470px; margin:-18px 0px 0px 230px;}
div#shop_frame .iframe .shop_frame .add2{ width:470px; margin:-34px 0px 0px 230px; height:32px;}

div#shop_frame .iframe .shop_frame .tel{
	width:400px;
	margin:2px 0px 0px 230px;
	line-height:14px;
}

div#shop_frame .iframe .shop_frame .tel2{
	width:400px;
	margin:-12px 0px 0px 230px;
	line-height:14px;
}



/* --------------------------------------------------------------------------------------
 プライバシポリシー
--------------------------------------------------------------------------------------- */
div#contact_frame .privacy{font-size:10px; float:left;}
div#contact_frame .privacy a{color:#EA5532}

div#contact_frame .moji_frame01{margin-top:19px; margin-bottom:15px; line-height:22px;}
div#contact_frame .kome_moji{color:#EA5532;}


/* --------------------------------------------------------------------------------------
 フォーム
--------------------------------------------------------------------------------------- */

div#contact_frame .form_frame{
	background:url(../../contact/img/line.gif) left bottom no-repeat;
}

div#contact_frame .left{
	width:145px;
	float:left;
	padding:21px 7px;
}
div#contact_frame .right{
	float:left;
	width:580px;
	padding:18px 0px;
}

div#contact_frame .form{margin-right:14px;}

/* ボタン */
div#contact_frame .btn_frame{
	margin-top:20px;
	text-align:center;
}

div#contact_frame .btn1{
	border: 0px;
	width:169px;
	height:26px;
	margin-right:30px;
	background:url(../../contact/img/btn01.gif) left top no-repeat;
	cursor:pointer;
}

div#contact_frame .btn2{
	border: 0px;
	width:169px;
	height:26px;
	background:url(../../contact/img/btn02.gif) left top no-repeat;
	cursor:pointer;
}

div#contact_frame .btn3{
	border: 0px;
	width:169px;
	height:26px;
	margin-right:30px;
	background:url(../../contact/img/btn03.gif) left top no-repeat;
	cursor:pointer;
}

div#contact_frame .btn4{
	border: 0px;
	width:169px;
	height:26px;
	background:url(../../contact/img/btn04.gif) left top no-repeat;
	cursor:pointer;
}

/* --------------------------------------------------------------------------------------
 確認画面
--------------------------------------------------------------------------------------- */
div#contact_frame .kakunin_moji{
	margin-top:19px;
	line-height:22px;
	padding-bottom:26px;
	border-bottom:1px  #C9C9C9 solid;
}

div#contact_frame .kakunin_left{
	width:145px;
	float:left;
	padding:0px 7px;
	margin-top:25px;
}
div#contact_frame .kakunin_right{
	float:left;
	width:580px;
	margin-top:25px;
}

div#contact_frame .kakunin_left2{
	width:145px;
	float:left;
	padding:0px 7px;
	margin-top:60px;
}
div#contact_frame .kakunin_right2{
	float:left;
	margin-top:60px;
	width:580px;
}
div#contact_frame .kakunin_bottom_line{
	padding-bottom:70px;
	border-bottom:1px #C9C9C9 solid;
}

/* --------------------------------------------------------------------------------------
 完了画面
--------------------------------------------------------------------------------------- */
div#contact_frame .kakunin_completion{
	margin-top:155px;
	margin-bottom:350px;
	line-height:22px;
	text-align:center;
}





/* フォームチェック/////////////////////////////////////////////////////////////////////// */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg,

.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg{
	display: none;
}


.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg,
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg{
	display: block;
	color:#EA5532;
	margin-top:3px;
}

.textfieldValidState input, input.textfieldValidState,
.textareaValidState textarea, textarea.textareaValidState {
	background-color:#ffffff;
}

input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input,
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea{
	background-color:#FDEDE4;
}


.textfieldFocusState input, input.textfieldFocusState,
.textareaFocusState textarea, textarea.textareaFocusState{
	background-color: #ffffff;
}


.textfieldFlashText input, input.textfieldFlashText,
.textareaFlashState textarea, textarea.textareaFlashState{
	color: red !important;
}