* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;
	padding: 0;
	max-height: 999999px;
}
html{
	background-image: url(../image/haikei.jpg);
	background-repeat: repeat-x;
}
body {
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
}
p{
	background-image: url(image/android_bug.png);
}
img{
	border: 0;
}
table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}
li{
	list-style: none;
}
a:visited{
	color: #0000ee;
}

/* ---単体で使うcss --------------------------------------------------------------------------------------------------------------------------------*/
.img_right{
	float: right;
	margin-left: 3px;
}
.img_left{
	float: left;
	margin-right: 3px;
}
.right{
	text-align: right;
}
.left{
	text-align: left;
}
.center{
	text-align: center;
}
.mini{
	font-size: 12px;
}
.big{
	font-size: 16px;
}
.bold{
	font-weight: bold;
}
.u{
	text-decoration: underline;
}

.p_sukima{
	margin-bottom: 20px; /* pにmargin-bottomをつける */
}

/* ---単体で使うcssここまで-------------------------------------------------------------------------------------------------------------------------*/

/* ---全体で使うcss---------------------------------------------------------------------------------------------------------------------------------*/
/* タップで電話する */
a.tap_tel{
	background: -webkit-gradient(linear, left top, left bottom, from(#fff),
	color-stop(0.01, #f1f1f1),
	color-stop(0.5, #f1f1f1),
	color-stop(0.99, #dfdfdf),
	to(#ccc));
	background: linear-gradient(#fff, #f1f1f1 1% , #f1f1f1 50% , #dfdfdf 99%, #ccc);
	margin: 10px;
	border-radius: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 8px;
	text-decoration: none;
	display: block;
	color: red;
	border: 1px gray solid;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: -1px;
}
.tap_tel p{
	text-align: center;
}
.tel_number{
	font-weight: bold;
	font-size: 28px;
	color: #319f2e;
	line-height: 1.00;
	letter-spacing: 0;
}
.tel_number img{
	margin-right: 5px;
	vertical-align: top;
}
.imasugu{
	color: black;
	letter-spacing: 4px;
	font-size: 17px;
}
.innerbox .tap_tel{
	margin-left: 4px;
	margin-right: 4px;
}
/* タップで電話するここまで */
/* 注目 */
.attention{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 8px;
}
.attention.attention_red{
	background-color: #ffd0d7;
	border: 1px solid red;
	color: #ff0000;
}


/* 注釈 */
.annotation{

}
.annotation li{
	font-size: 13px;
	text-indent: -13px;
	padding-left: 13px;
	line-height: 1.20;
}
/* 注釈ここまで */
/* ボタン */
.button_area{
	text-align: center;
}
.button{

}
.button.button_normal{
	padding: 10px;
	font-size: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* ボタンここまで */
/* ---全体で使うcssここまで-------------------------------------------------------------------------------------------------------------------------*/



/* ---header------------------------------------------------------------------------------------------------------------------------------------- */
header{

}
header h1 a{
	padding-top: 7px;
	padding-bottom: 7px;
	display: block;
	background-color: #0079ff;
}
header h1 img{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#catch{
	text-align: center;
}
#catch img{
	width: 100%;
	display: block;
}
/* headerのnav */
header nav{
	background-color: #0079ff;
	border-top: #e9e9e9 1px solid;
	margin-bottom: 10px;
}
header nav ul{
	display: table;
	table-layout: fixed;
	border-bottom: #e9e9e9 1px solid;
	width: 100%;
	text-align: center;
}
header nav li{
	display: table-cell;
	border-left: #e9e9e9 1px solid;
}
header nav ul li:last-child{
	border-right: #e9e9e9 1px solid; /* ナビの右側の線 */
}
header nav a{
	display: block;
	padding-top: 11px;
	padding-bottom: 8px;
	text-decoration: none;
	font-weight: bold;
}
header nav li a.here{
	background-color: #ff6600;
}
/* headerのnavここまで */
/* ---headerここまで------------------------------------------------------------------------------------------------------------------------------ */
#contents{

}

/* ---main--------------------------------------------------------------------------------------------------------------------------------------- */
#main{

}

.innerbox{
	background-color: white;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 10px;
}
.innerbox h2{
	background-color: #0079ff;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 15px;
	margin-bottom: 3px;
}
.block{
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 10px;
}
.block.block_normal{
	overflow: hidden;
}
.innerbox h3{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-bottom: 3px;
	border-left: #bbbbbb 5px solid;
	border-bottom: #bbbbbb 1px solid;
	font-size: 14px;
	margin-left: -4px;
	margin-right: -4px;
	line-height: 1.25;
}

/* テーブル */
.table{

}
.table.table_normal{
	margin-top: 10px;
}
.table_normal th{
	border: 1px solid gray;
	background-color: #e7e7e7;
}
.table_normal td{
	border: 1px solid gray;
	padding: 5px;
}
/* テーブルここまで */

/* 価格表 */
.block.block_kakaku_area{

}
.table.table_kakaku{
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	margin-bottom: 5px;
	line-height: 1.25;
}
.table.table_kakaku th{
	background-color: #e7e7e7;
	border-bottom: gray 1px solid;
	border-right: gray 1px solid;
	padding-top: 3px;
	padding-bottom: 3px;

}
.syurui{
	padding-left: 5px;
	padding-right: 5px;
}
.table.table_kakaku tr:first-child th{
	padding-top: 5px; /* ガラスの種類・W/Hの行 */
	padding-bottom: 5px;
}

.table.table_kakaku td{
	border-right: gray 1px solid;
	border-bottom: gray 1px solid;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 43px;
}

/* 長音縦書 */
.kaiten{
	width: 14px;
	display: block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
	margin-left: auto;
	margin-right: auto;
}
/* 長音縦書 */


.price{
	color: red;
	font-weight: bold;
	font-size: 17px;
}
.tax{
	color: red;
	font-weight: bold;
	font-size: 12px;
}
/* 価格表ここまで */

/* レイアウト */
.layout{

}
.layout.layout_normal{
	table-layout: fixed;
	margin-top: -8px;
}
.layout.layout_normal th{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	line-height: 1.25;
	letter-spacing: -1.8px;

}
.layout.layout_normal td{
	padding-left: 5px;
	padding-right: 5px;
}
.layout.layout_normal img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

/* レイアウトここまで */

/* トップページ---------------------------------------------------------------------------- */
/* サービス内容と価格例 */
.innerbox.innerbox_service_naiyou{

}

.innerbox_service_naiyou .table_kakaku th{
	padding-left: 3px;
	padding-right: 3px;
}
.innerbox_service_naiyou .table_kakaku td{
	padding-left: 5px;
	padding-right: 5px;
}
.innerbox_service_naiyou .table_kakaku td.left{
	text-align: left; /* 防犯ガラス保証、返金・交換の内容を左寄せにするためつけたクラス */
}
.innerbox.innerbox_service_naiyou a{
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}
.innerbox.innerbox_service_naiyou .inline a{
	display: inline;
}
/* サービス内容と価格例 */
/* トップページここまで---------------------------------------------------------------------------- */

/* 問い合わせ---------------------------------------------------------------------------- */
/* ステップバー */
.step_bar_area{
	margin-top: 10px;
}
.step_bar_area ul {
    overflow: hidden;
    list-style: none;
    display: table;
    table-layout: fixed;
    text-align: center;
    margin-bottom: 10px;
 	width: 100%;
}
.step_bar_area li {
    line-height: 46px;
    color: #a6a6a6;
    text-decoration: none;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 25px;
    background: #eee;
    display: table-cell;
}
.step_bar_area li::after {
    position: relative;
    display: block;
    margin-left: auto;
    margin-top: -25px;
    margin-right: -25px;
    height: 22px;
    width: 20px;
    content: " ";
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg);
    background: #eee;
    border-right: 3px solid white;
}
.step_bar_area li::before {
    float: right;
    display: block;
    margin-left: auto;
    margin-bottom: -25px;
    margin-right: -25px;
    height: 21px;
    width: 20px;
    content: " ";
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -ms-transform: skew(30deg);
    transform: skew(30deg);
    background: #eee;
    border-right: 3px solid white;
}

.step_bar_area li:first-child {
    padding-left: 25px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.step_bar_area li:last-child {
    padding-left: 25px;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.step_bar_area li:last-child::before {
    border: 0;
    background: transparent !important;
}

.step_bar_area li:last-child::after {
    border: 0;
    background: transparent !important;
}

.step_bar_area li.here {
    background: #0079ff;
    color: white;
}
.step_bar_area li.here::before {
    background: #0079ff;
}
.step_bar_area li.here::after {
    background: #0079ff;
}
/* ステップバーここまで */
.hissu{
	font-size: 8px;
	background-color: #ff8c6c;
	padding-top:3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 4px;
	margin-right: 3px;
	border-radius: 5px;
	color: #ffffff;
	margin-left: -15px;
}

.innerbox_faq_form .table_normal input[type=text].zip{
	width: 50px;
	display: inline;
}
.innerbox_faq_form .table_normal input[name=e_mail],
.innerbox_faq_form .table_normal input[name=add],
.innerbox_faq_form .table_normal input[name=bill]{
	width: 97%;
}
.innerbox_faq_form .table_normal select {
    width: 180px;
    font-size: 1em;
    padding-top: 5px;
    padding-bottom: 5px;
}
.innerbox_faq_form .table_normal  button {
	cursor: pointer;
}
/* フォーム */
.innerbox.innerbox_faq_form{

}
.innerbox_faq_form .table_normal{
	margin-bottom: 5px;
}

.innerbox_faq_form .table_normal input[type=text]{
	display: block;
	width: 95%;
	height: 20px;
	padding-left: 3px;
	padding-right: 3px;
}
.innerbox_faq_form .table_normal textarea{
	display: block;
	width: 99%;
	height: 100px;
}

.block textarea[readonly="readonly"]{
	width: 100%;
	height: 100px;
}
/* フォームここまで */
/* QandA */
.block.block_qanda{
	position: relative;
	overflow: hidden;
}
.block.block_qanda hr{
	border: none;
	border-bottom: 1px solid #cccccc;
	margin-top: 5px;
	margin-bottom: 5px;
}
span.q{
	margin-right: 5px;
	background-color: #0079ff;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 5px;
	color: white;
	font-size: 15px;
}
span.a{
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	left: 1px;
	background-color: #ff8c6c;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 5px;
	color: white;
}
.block.block_qanda h3{
	margin-left: 25px;
	text-indent: -29px;
	font-size: 15px;
	margin-bottom: 5px;
	margin-right: 0;
	border-left: none;
	border-bottom: none;
	line-height: 1.25;
}
.block.block_qanda p{
	margin-left:30px;
}
/* QandAここまで */

/* 完了ページ */
.send_area{
	margin-bottom: 20px;
	margin-top: 20px;
}
.send_area p{
	 text-align: center;
	 margin-top: 30px;
	 margin-bottom: 30px;
	 font-weight: bold;
}
/* 送信完了 */
.success_area{
	background-color: #dff0d8;
	border: 2px solid #468847;
}
.success_area p{
	 color: #468847;
}

/* 送信失敗 */
.error_area{
	background-color: #f2dede;
	border: 2px solid #b94a48;
}
.error_area p{
	color: #b94a48;
}
/* 完了ページここまで */
/* 問い合わせここまで-------------------------------------------------- */

/* 料金・出張エリアのページ */
.innerbox.innerbox_syuttyou_area a{
	line-height: 2.00;
	margin-left: 5px;
	margin-right: 5px;
}

/* 料金・出張エリアのページここまで */

/* 会社案内のページ */
.block_annai dt{
	font-weight: bold;
}
/* 会社案内のページここまで */
/* ---mainここまで-------------------------------------------------------------------------------------------------------------------------------- */

/* ---footer-------------------------------------------------------------------------------------------------------------------------------------- */
footer{

}
footer a{
	color: black;
}
footer a:visited{
	color: black;
}


footer nav{
	margin-top: 10px;
	border-top: #e9e9e9 1px solid;
}
footer nav li a{
	display: block;
	text-decoration: none;
	color: black;
	border-bottom: #e9e9e9 1px solid;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;

}
/* 矢印 */
footer nav li a span.fa-angle-right{
	position: absolute;
	right: 10px;
	font-size: 18px;
	color: grey;
	font-weight: bold;
	top:14px;
}
/* 矢印 */
footer address {
	color: white;
	font-size: 11px;
	background-color: #0079ff;
	text-align: center;
	padding-bottom: 10px;

}
footer address a{
	color: white;
}
footer address a:visited{
	color: white;
}
#ps2sp{
	color: white;
	text-align: center;
	padding-bottom: 19px;
	padding-top: 20px;
	background-color: #0079ff;
}
#ps2sp a{
	color: white;
}
#ps2sp a:visited{
	color: white;
}
/* ---footerここまで------------------------------------------------------------------------------------------------------------------------------ */



/* --- フォームエラーメッセージ ----------------------------------------------------- */
.error_modal {
	background-color: #ffc8c8 !important;
	border-color: #bc0700;
	border-style: solid;
	border-width: 3px;
	padding: 20px;
	width: 80%;
	min-height: 0 !important;
}
.error_modal:nth-of-type(1) {
	margin-top: 10px;
}
.error_modal p {
	text-align: center;
	font-weight: bold;
	color: #bd0700;
	font-size: 14px;

}
.error_modal .remodal-close{
	color: #bd0700 !important;
}


/*--- フォームエラーメッセージ -----------------------------------------------------*/