@charset "UTF-8";

/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
COMMON（共通パーツ、フォント設定）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.clr {
	clear: both;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', Osaka, "ＭＳ Ｐゴシック";
	line-height: 1.5em;
	font-size: 75%;
	/*font-size: 12px;*/
	color: #333;
	background: #FCFAF6;
}

font {
	line-height: 1.5em !important;
}

body#pageFlame {
	background: none;
}
body#pageMapDetail {
	background: none;
}

textarea {
	font-family: "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', Osaka, "ＭＳ Ｐゴシック";
}


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
COLOR（カラー設定）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*link-color*/
a:link, a:active {
	color: #4EB691;
	text-decoration: none;
}
a:visited {
	color: #4EB691;
	text-decoration: none;
}
a:hover {
	border-color: 1px solid #4EB691;
	color: #4EB691;
	text-decoration: underline;
}


/*外部リンク（別ウィンドウで開く）*/
.aTargetBlank {
	padding-right: 16px;
	background-image: url(/common-img/ico-link-blank.gif);
	background-position: right 1px;
	background-repeat: no-repeat;
}


/*-------------------------------------------------------------
共通フォント設定
-------------------------------------------------------------*/
.xx-middle {
	font-size: 10px;
	color: #333;
	line-height: 12px;
}
.xx-middle_red {
	font-size: 10px;
	color: #FF3300;
}
.x-middle {
	line-height: 14px;
	font-size: 11px;
	color: #333;
}
.x-middle_st {
	font-size: 11px;
	color: #333;
	font-weight: bold;
	line-height: 14px;
}
.middle {
	line-height: 18px;
	font-size: 12px;
	color: #666;
}
.middle_st {
	line-height: 18px;
	font-size: 12px;
	color: #666;
	font-weight: bold;
}
.middle_white {
	line-height: 18px;
	font-size: 12px;
	color: #FFFFFF;
}
a.middle_white {
	color: #FFFFFF;
}
.middle_white_st {
	line-height: 18px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.middle_red_st {
	line-height: 18px;
	font-size: 12px;
	color: #F30;
	font-weight: bold;
}
.x-middle_st_white {
	line-height: 18px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.middle_red {
	line-height: 18px;
	font-size: 12px;
	color: #F30;
}
.middle_blue {
	line-height: 18px;
	font-size: 12px;
	color: #4870C3;
}
.x-middle_red {
	line-height: 14px;
	font-size: 11px;
	color: #FF3300;
}
.x-large {
	line-height: 18px;
	font-size: 14px;
	color: #333333;
}
.x-large_st {
	line-height: 18px;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}
.x-large_red_st {
	line-height: 18px;
	font-size: 14px;
	color: #FF3300;
	font-weight: bold;
}
.x-large_blue_st {
	line-height: 18px;
	font-size: 14px;
	color: #4870C3;
	font-weight: bold;
}
.x-large_white_st {
	line-height: 18px;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
}
.large {
	line-height: 18px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
/* フォームエラー */
input.err {
	background: #FDCCB7;
	border: 1px solid #F30;
}
select.err {
	background: #FDCCB7;
}
radio.err {
	background: #FDCCB7;
}
.err {
	background: #FDCCB7;
}

/* 旧ざまーけっと移行用 2008.01.18 tyama */
/* ユニットタイトル */
.zmtitle {
line-height:18px;
font-size:14px;
color:#000;
font-weight:bold;
}
.zmprice {
color:#f60;
}
.zmcatch {
 border: dotted 1px #F60;
	background: #FFFFF3;
 padding: 10px;
	margin: 0 0 15px 0;
	color: #F30;
}
/* linkicn */

/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
フォーム関連
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*標準的なフォーム*/
table#tableFormNormal { font-size: 12px; }

/*交流センター*/
table#tableFormNormal { margin: 10px auto 8px auto; width: 100%; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; border-collapse: collapse; }
table#tableFormNormal th {padding: 10px; width: 10em; font-weight: normal; color: #666; background: #F6F6F6; text-align: left; font-size: 12px; border-left: 4px solid #666; }

/*必須設定*/
table#tableFormNormal th.thImp { border-color: #aaaaaa transparent #aaa #F30; }
table#tableFormNormal th.thImp sup { color: #F30; padding-left: 3px; }
table#tableFormNormal td { padding: 10px; color: #666; font-size: 12px;}
table#tableFormNormal th,
table#tableFormNormal td { border-bottom: 1px dotted #726d6b; }

/*プレゼントフォーム*/
table#tableFormPresent { font-size: 12px; }
table#tableFormPresent { margin: 10px 0 8px 0; width: 910px; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; border-collapse: collapse; }
table#tableFormPresent th { padding: 10px; width: 15em; font-weight: normal; color: #666; background: #F6F6F6; text-align: left; font-size: 12px; border-left: 4px solid #666; }
table#tableFormPresent th.thImp { border-color: #aaaaaa transparent #aaa #F60; }
table#tableFormPresent th.thImp sup { color: #F60; padding-left: 3px; }
table#tableFormPresent td { padding: 10px; color: #666; font-size: 12px; }
table#tableFormPresent th,
table#tableFormPresent td { border-bottom: 1px dotted #726d6b; }
table#tableFormPresent .spanControl { margin: 0; padding: 0; line-height: 1em; font-size: 12px; }
table#tableFormPresent input,
table#tableFormPresent textarea { border-style: solid; border-width: 1px; border-color: #AAAA94 #DFDFD6 #DFDFD6 #AAAA94; vertical-align: middle; color: #696969; background: #F1F1ED; }
table#tableFormPresent input.inputRadio { border-style: none; color: #000; background: transparent; }
table#tableFormPresent input.inputCheckbox { border-style: none; color: #000; background: transparent; }
table#tableFormPresent .num { text-align: right; }
table#tableFormPresent .w-300	{ width: 300px; }
table#tableFormPresent .w-180	{ width: 180px; }
table#tableFormPresent .w-100	{ width: 100px; }
table#tableFormPresent .w-70		{ width: 70px; }
table#tableFormPresent .w-30		{ width: 30px; }



/*フォーム各種関連*/
p.pFormAssist {
	margin-top: 5px;
	color: #666;
	font-size: 10px;
}

table#tableFormNormal .spanControl {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-size: 12px;
}

table#tableFormNormal input,
table#tableFormNormal select,
table#tableFormNormal textarea {
	border-style: solid;
	border-width: 1px;
	border-color: #AAAA94 #DFDFD6 #DFDFD6 #AAAA94;
	vertical-align: middle;
	color: #696969;
	background: #F1F1ED;
}

table#tableFormNormal input.inputRadio {
	border-style: none;
	color: #000;
	background: transparent;
}

table#tableFormNormal input.inputCheckbox {
	border-style: none;
	color: #000;
	background: transparent;
}

table#tableFormNormal .num {
	text-align: right;
}

/*input-width*/
table#tableFormNormal .w-300	{ width: 300px; }
table#tableFormNormal .w-180	{ width: 180px; }
table#tableFormNormal .w-100	{ width: 100px; }
table#tableFormNormal .w-70		{ width: 70px; }
table#tableFormNormal .w-30		{ width: 30px; }

/*btn-submit*/
#submit {
	text-align: center;
}

#submit p {
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
}

#submit input.inputSubmitBtn {
	margin-left: 0.5em;
	padding: 2px 3em;
	border-width: 2px;
	border-color: #6B7F8E #223441 #223441 #6B7F8E;
	vertical-align: middle;
	color: #FFF;
	background: #345064;
	cursor: pointer;
}

#submit input.inputResetBtn {
	margin-left: 0.5em;
	border-width: 2px;
	border-color: #C9898A #753C3D #753C3D #C9898A;
	width: 6em;
	vertical-align: middle;
	color: #FFF;
	background: #B55D5E;
	cursor: pointer;
}

input.inputBackBtn {
	text-align: center;
	margin-left: 0.5em;
	border-width: 2px;
	border-color: #C9898A #753C3D #753C3D #C9898A;
	width: 9em;
	vertical-align: middle;
	color: #FFF;
	background: #B55D5E;
	cursor: pointer;
}


form {
 	margin: 0;
	padding: 0;
}
/*エラーフォーム*/
input.err {
	background: #FDCCB7 !important;
	border: 1px solid #F66 !important;
}
select.err {
	background: #FDCCB7 !important;
}
radio.err {
	background: #FDCCB7 !important;
}
.err {
	background: #FDCCB7 !important;
}

/*アクセスエラー時*/
.accessError {
	margin: 150px auto 0 auto;
	width: 500px;
	border: 1px solid #CCC;
}
.accessError p {
	margin: 0;
	padding: 80px 20px 20px 20px;
	color: #F00;
	text-align: center;
	background: url(/common-img/logo.gif) no-repeat center 20px;
}
