@charset "utf-8";

/***  at home web CSS Document ***************************************

	ver.2009/09

	google_ajax.css

----------------------------------------------------------------***/

/**  google_ajax.css Menu *********************************************

	1.吹き出し写真
	2.吹き出しコメント

	3.保存メッセージ
		3-1.メッセージのみ
		3-2.解説付き


*******************************************************************/

/*-----------------------------------------------------------------

	1.吹き出し写真

-------------------------------------------------------------------*/

div.balloonPhoto{
	width: 253px;
	background-image: url(/static/20251015-114853709/images/00000/new/bg/bg_comment01_bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 16px;
}

div.balloonPhoto div.wrapFirst{
	background-image: url(/static/20251015-114853709/images/00000/new/bg/bg_comment01_top.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 11px;
}

div.balloonPhoto div.wrapSecond{
	background-image: url(/static/20251015-114853709/images/00000/new/bg/bg_comment01.gif);
	background-repeat: repeat-y;
	text-align: left;
}

div.balloonPhoto p.images{
	margin-bottom: 9px;
	margin-left: 11px;
}

div.balloonPhoto dl{
	margin: 0px 11px;
}

div.balloonPhoto dl dt{
	line-height: 0;
	margin-bottom: 7px;
}

/*----------------------------------------------------------------

	2.吹き出しコメント

-------------------------------------------------------------------*/

div.balloonComment{
	width: 309px;
	background-image: url(/static/20251015-114853709/images/00000/new/bg/bg_comment02_bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 12px;
}

div.balloonComment div.wrapFirst{
	background-image: url(/static/20251015-114853709/images/00000/new/bg/bg_comment02_top.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 17px;
}

div.balloonComment div.wrapSecond{
	background-image: url(/static/20251015-114853709/images/00000/new/bg/bg_comment02.gif);
	background-repeat: repeat-y;
	text-align: left;
}

div.balloonComment p{
	padding: 0px 10px 0px 16px;
}

/*----------------------------------------------------------------

	3.保存メッセージ

-------------------------------------------------------------------*/

div.mWrap{
	width: 319px;
	border: 2px solid #ff8e00;
	background-color: #fff;
	text-align: center;
	padding: 15px 0px 12px 0px;
}

/* \*/

* html div.mWrap{
	padding: 16px 0px 11px 0px;
}

/**/


/*-------------------------------------------------------　3-1.メッセージのみ */

div.mWrap p.messe{
	font-size: 107.7%;
	line-height: 1.2;
	margin-bottom: 2px;
}


/*-------------------------------------------------------　3-2.解説付き */

div.mWrap div.innerWrap{
	width: 295px;
	margin: 0px auto;
}

div.mWrap div.messeBox{
	width: 295px;
	margin-top: 13px;
	margin-bottom: 9px;
	background-image: url(/static/20251015-114853709/images/00000/new/bg/bg_preservation.gif);
	background-repeat: repeat-y;
	background-position: left;
}

div.mWrap div.messeBox div.wrapFirst{
	background-image: url(/static/20251015-114853709/images/00000/new/bg/bg_preservation_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

div.mWrap div.messeBox div.wrapSecond{
	background-image: url(/static/20251015-114853709/images/00000/new/bg/bg_preservation_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 6px 0px 9px 0px;
	text-align: center;
}

/* \*/

* html div.mWrap div.messeBox{
	margin-top: 11px;
	margin-bottom: 8px;
}

*:first-child+html div.mWrap div.messeBox{
	margin-top: 12px;
	margin-bottom: 8px;
}

* html div.mWrap div.messeBox div.wrapSecond{
	padding: 6px 8px 8px 0px;
}

*:first-child+html div.mWrap div.messeBox div.wrapSecond{
	padding: 6px 8px 8px 0px;
}
/**/

div.mWrap div.messeBox p{
	line-height: 1.3;
}

div.mWrap p.images01{
	margin-bottom: 13px;
	line-height: 0;
	font-size: 0;
}

div.mWrap p.images02{
	padding-top: 8px;
	margin-bottom: 13px;
	line-height: 0;
	font-size: 0;
}

/* \*/
* html div.mWrap p.images01,
* html div.mWrap p.images02{
	margin-bottom: 12px;
}

*:first-child+html div.mWrap p.images01,
*:first-child+html div.mWrap p.images02{
	margin-bottom: 12px;
}

/**/

div.mWrap p.checkText{
	margin-bottom: 6px;
}

div.mWrap p.checkText input{
	margin-right: 3px;
	vertical-align: top;
	margin-top: 2px;
}


/* For IE6 IE7 \*/

* html div.mWrap p.checkText{
	margin-bottom: 5px;
}

*:first-child+html div.mWrap p.checkText{
	margin-bottom: 5px;
}

* html div.mWrap p.checkText input{
	margin-left: 0px;
	vertical-align: middle;
	margin-top: 0px;
}

*:first-child+html div.mWrap p.checkText input{
	margin-left: 0px;
	vertical-align: middle;
	margin-top: 0px;
}
/**/

div.mWrap p.btn{
	line-height: 0;
}

/* \*/

* html div.mWrap p.btn{
	margin-bottom: 1px;
}


/**/

/*---------------------------------------------------------　clearfix */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/