@charset "utf-8";
/* CSS Document !-COMMON-!*/

/*------------------------------------------------------------------------------
 RESET & FONTS
 -------------------------------------------------------------------------------*/
 
html{color:#333;background: #FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,p,th,td {margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}img{border:0;}em,strong,th{font-style:inherit;font-weight:inherit;}li{list-style:none;}th{text-align:left;}h1,h2,h3,h4{font-size:100%;font-weight:normal;}body{font:12px/1.231 'ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif,Helvetica;*font-size:small;*font:x-small;}html>/**/body{font-size/*\**/: small\9;}table{font-size:inherit;font:100%;}

/*------------------------------------------------------------------------------
 LAYOUT
 -------------------------------------------------------------------------------*/
 
body { 
	min-width: 760px;
	margin:0 auto;
	background: url("https://www.hotpepper.jp/SYS/cmn/images/common/front/bg_platformwrap.gif") 0 84px repeat-x;
	font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",Osaka,Helvetica,Arial,sans-serif;
	/font-family: 'ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';

}

a:link				{ color: #1470cc; text-decoration: none; }
a:visited			{ color: #802680; text-decoration: none; }
a:hover, a:active	{ text-decoration: underline; }


#wrapper { 
	width:760px;
	margin:0 auto;
}

/*------------------------------------------------------------------------------
 HEADER
 -------------------------------------------------------------------------------*/ 
#header	{
	padding-top:5px;
}

#siteID	{
	float: left;
	width: 360px;
	margin: 4px 0 9px;
}

#sideInfo {
	float: right;
	margin: 1px 0 8px;
	text-align: right;
	color: #333333;
}

/*------------------------------------------------------------------------------
 BREADCRUMBS
 -------------------------------------------------------------------------------*/ 
#breadcrumbs 	{ margin-top:10px; font-size:83%;}
#breadcrumbs li	{ float:left;}


/*------------------------------------------------------------------------------
 CONTENT
 -------------------------------------------------------------------------------*/
#content{
	width:720px;
	margin-top:8px;
	padding:19px;
	background:#FFF;
	border:solid 1px #CCC;
}

#titleHeder{
	width:680px;
	height:360px;
	padding-top:40px;
	padding-left:40px;
	background:url(../images/titleHeaderBg.png) no-repeat;
}


.h3bg{
	margin-top:20px;
	padding-bottom:3px;
	background:url(https://www.hotpepper.jp//SYS/cmn/images/common/bg_h2_bottom.gif) no-repeat bottom;
}

.h3bg h3{
	padding: 6px 23px 2px;
	background:url(https://www.hotpepper.jp//SYS/cmn/images/common/bg_h2_top.gif) no-repeat top;
	font-weight:bold;
	font-size:116%;
}

.step li{
	float:left;
	width:183px;
}

/*------------------------------------------------------------------------------
 AREA
 -------------------------------------------------------------------------------*/
.areaT{
	width:450px;
	margin-top:19px;
	padding-top:5px;
	background:url(../images/areaBGT.gif) no-repeat top;
}

.areaB{
	padding-bottom:5px;
	background:url(../images/areaBGB.gif) no-repeat bottom;
}

.areaM{
	padding:10px 13px 6px;
	background:url(../images/areaBGM.gif) repeat-y;
}

.areaChoice dt{
	float:left;
	width:99px;
	heightr:20px;
	margin:0 15px 0 0;
}

.areaChoice dd{
	padding:2px;
	margin-bottom:2px;
}

.areaChoice li{
	display:inline;
	margin-right:1px;
	padding-right:4px;
	border-right:solid 1px #666666;
	white-space:nowrap;
	font-weight:bold;
}

* html .areaChoice li{ margin-right:2px; padding-right:0px; }/*IE6hack*/
*:first-child+html .areaChoice li{ margin-right:4px; padding-right:1px; }/*IE7hack*/

.seoText{
	margin-top:10px;
	text-align:right;
	font-size:83%;
	color:#555;
}

/*------------------------------------------------------------------------------
 FOOTER
 -------------------------------------------------------------------------------*/
#footer { 
	margin-top:40px;
	padding-top:8px;
	padding-bottom:15px;
	background-color:#FFF;
}

.footerInner {
	width:760px;
	margin:0 auto;
}

#footer ul {
	float:right;
	margin-top:5px;
}

#footer ul li {
	border-right:1px solid #999999;
	float:left;
	margin:0 2px;
	padding:0 2px;
	font-size:83%;
}

#footer address {
	float:left;
	margin-top:3px;
}

#footer a:link, #footer a:visited	{ color: #1470CC; text-decoration: none; }
#footer a:hover, #footer a:active	{ color: #1470CC; text-decoration: underline; }

/*------------------------------------------------------------------------------
 GENERAL
 ------------------------------------------------------------------------------- */
.mt20		{ margin-top: 20px; }
.ml10		{ margin-left: 10px; }
.ml33		{ margin-left: 33px; }
.ml63		{ margin-left: 63px; }

/* CLEAR FIX */
.cf:after	{ content: ''; display: block; clear: both;  }
.cf			{ min-height: 1px; _height: 1px; }