/* CSS Document */
html, body {
	background: #FFF;
	color: #333;
}

/*スマホナビの両端*/
.top-bar {
	margin: 0 15px;
}
ul {
	margin: 0;
	padding: 0;
}


/*PCナビ*/
.table-ul{
	background-color: #000;
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
	text-align: center;
}

.table-ul li {
	display: table-cell;
	vertical-align: middle;
	height: 62px;
	text-align:center;
}

.navi_top {
	margin-top: -20px;
}

.w60px{
	width:60px;
}

/* 右寄せ */
.f_right{
	float:right;
}

/*見積りフォームのラベル改行しないように*/
label {
	display: inline;
}

  button.orange, .button.orange {
    background-color: #FFD24D;
    border-color: #FF9326;
    color: #333333; }
    button.orange:hover, button.orange:focus, .button.orange:hover, .button.orange:focus {
      background-color: #FF9326; }
    button.orange:hover, button.orange:focus, .button.orange:hover, .button.orange:focus {
      color: #333333; }
	  
i {/*foundationアイコン 表示リセット*/
	background:none;
	display:inline;
	height:auto;
	position:static;
	width:auto;	
}

.next {
	margin-top:10px;
}

#guideline {
    border: medium none;
    width: 100%;
	border-collapse:collapse;
}

#guideline .odd {
	background-color: #D1E0F2;
}
#guideline .even {
	background-color: #fff;
}
#guideline th {
	border:1px solid #333;
    vertical-align:top;
    width: 30%;
}
#guideline td{
	border:1px solid #333;
	height:2.5em;
	line-height:1.5em;
}

/*modalのバツボタンを下げる オリジナルはfoundation.css */
.reveal-modal .close-reveal-modal {
	top: auto;
	bottom: 0.625rem;
}