@charset "utf-8";
img {
  vertical-align: bottom;
}
/* -----------------------------------------------------------------------
## Reset #################################################################
----------------------------------------------------------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,img,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin: 0px;
  padding: 0px;
}
body{
	color: #000;
	font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
	font: 13px/150% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	 -webkit-text-size-adjust: 100%;
	 min-width:1220px;
}
fieldset,img {
  border: 0;
}

address,caption,cite,code,dfn,em,var {
  font-style: normal;
  font-weight: normal;
}
ul {
  list-style: none;
}
ol li {
	list-style-position: outside;
	list-style: decimal;
	margin-left: 25px;
	margin-bottom:5px;
}

caption,th {
  text-align: left;
  font-weight: normal;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
}

a{
	color: #0088ee;
	text-decoration: underline;
}
a:hover{
	color: #ff6600;
	text-decoration: none;
}
a.vlink
{
	color: #112288;
	text-decoration: underline;
}
a.hlink
{
	color: #000000;
	text-decoration: none;
}
a.alink
{
	color: #ff6600;
	text-decoration: none;
}

.clearfix:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
.clearfix {
	display: block;
}

.ma_b0 {margin-bottom: 0px !important;}
.ma_b5 {margin-bottom: 5px;}
.ma_b10 {margin-bottom: 10px;}
.ma_b15 {margin-bottom: 15px;}
.ma_b20 {margin-bottom: 20px;}
.ma_b21 {margin-bottom: 21px;}
.ma_b25 {margin-bottom: 25px;}
.ma_b30 {margin-bottom: 30px;}
.ma_l1e {margin-left:1em;}
.ma_l2e {margin-left:2em;}
.ma_l3e {margin-left:3em;}
.ma_l4e {margin-left:4em;}
.ma_l5e {margin-left:5em;}

table, tr, th, td {
    border-collapse: collapse;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}
.left {
	text-align: left !important;
}
.center {
	text-align: center !important;
}
.right {
	text-align: right !important;
}

p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 150%;
}

sub{
	vertical-align:middle;
}


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

HEADER

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


header {
	height: 129px;
	min-width: 1200px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	z-index:9999;
	background-color:#FFF;
}
header .inner {
	height: 129px;
	min-width: 1200px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	z-index:9999;
}
.logo {
	float: left;
	margin-right: 10px;
}
#gn {
	float: left;
	
}
#gn li {
	float: left;
	height: 129px;
	overflow: hidden;
}

#gn .gnavi1 a {
	background: url(../images/gnavi_01.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	height: 129px;
	width: 187px;
}
#gn .gnavi2 a {
	background: url(../images/gnavi_02.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	height: 129px;
	width: 187px;
}
#gn .gnavi3 a {
	background: url(../images/gnavi_03.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	height: 129px;
	width: 186px;
}
#gn .gnavi4 a {
	background: url(../images/gnavi_04.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	height: 129px;
	width: 187px;
}
#gn .gnavi5 a {
	background: url(../images/gnavi_05.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	height: 129px;
	width: 187px;
}
#gn .gnavi1 a:hover,#gn .gnavi2 a:hover,#gn .gnavi1 a.current,#gn .gnavi3 a:hover,#gn .gnavi4 a:hover,#gn .gnavi5 a:hover{
	background-position: left -129px;
}
#gn .gnavi1 a.active,#gn .gnavi2 a.active,#gn .gnavi1 a.active,#gn .gnavi3 a.active,#gn .gnavi4 a.active,#gn .gnavi5 a.active{
	background-position: left -129px;
}
header .mega {
	
	height: 292px;
	width: 943px;
	position: absolute;
	left: 255px;
	top: 127px;
	z-index:9999;
	display: none;
}
.mega.one .menu_arrow {
	position: absolute;
	left: 96px;
	top: -8px;
}
.mega.one .bg {
	background: url(../images/menu_bg.png);
	width: 958px;
	height: 275px;
}
.mega.one .bg .inner {
	padding: 37px 0 40px 40px;
}
.mega.one .bg .st {
	color: #112f84;
	font-size: 20px;
	font-weight: bold;
}
.mega.one .bg .inner ul {
	padding-top:20px;
}
.mega.one .bg .inner ul li {
	margin-right: 5px;
	float:left;
}

#overlay {
	z-index: 5000;
	position: fixed;
	background:url(../images/black_bg.png) repeat;
	width:100%;
	height:100%;
	display:none;
}

.other_bg{
	background-image:url(../images/main.jpg) !important;
}

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

FOOTER

*****************************************/
footer {
	padding-top: 20px;
	padding-bottom: 20px;
	min-width: 1220px;
	border-top: 1px solid #e6e6e6;
	clear:both;
}
footer ul {
	
}
footer ul li {
	float: left;
	padding-right: 12px;
	border-right: 1px dotted #7f7f7f;
	margin-right: 12px;
}

footer .copyright {
	font-size: 10px;
	padding-right: 0;
	padding-left: 0;
	float: right;
}
.footer_inner {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.fnavi {
	float: left;
	width: 640px;
}
.fnavi a {
	font-size:12px;
	color:#000;
	text-decoration:none;
}


.fnavi01 a {
	background: url(../images/footer_icon01_off.gif) no-repeat left 2px;
	display: block;
	padding-left: 20px;
}
.fnavi01 a:hover {
	background: url(../images/footer_icon01_on.gif) no-repeat left 2px;
	color:#f36700;
	
}
.fnavi02 a {
	background: url(../images/footer_icon02_off.gif) no-repeat left 2px;
	display: block;
	padding-left: 20px;
}
.fnavi02 a:hover {
	background: url(../images/footer_icon02_on.gif) no-repeat left 2px;
	color:#f36700;
	
}
.fnavi03 a {
	background: url(../images/footer_icon03_off.gif) no-repeat left 2px;
	display: block;
	padding-left: 20px;
}
.fnavi03 a:hover {
	background: url(../images/footer_icon03_on.gif) no-repeat left 2px;
	color:#f36700;
}
.fnavi04 a {
	background: url(../images/footer_icon04_off.gif) no-repeat left 2px;
	display: block;
	padding-left: 20px;
}
.fnavi04 a:hover {
	background: url(../images/footer_icon04_on.gif) no-repeat left 2px;
	color:#f36700;
}
.fnavi05 a {
	background: url(../images/footer_icon05_off.gif) no-repeat left 2px;
	display: block;
	padding-left: 20px;
}
.fnavi05 a:hover {
	background: url(../images/footer_icon05_on.gif) no-repeat left 2px;
	color:#f36700;
}


/* pageTop */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#page-top a:hover {
	opacity:0.6;
}

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

contents

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


#main {
	width: 1220px;
	margin: 0 auto;
	background: url(../images/side_bg.gif) repeat-y right top;
	position: relative;
	min-width:1220px;
}

.index #main {
	width: 1220px;
	margin: 0 auto;
	background: none;
	position: relative;
}
.contents {
	width: 880px;
	/*margin-left: 10px;*/
	float: left;
	padding-bottom: 90px;
}

.index #main {
	width: 1220px;
	margin: 0 auto;
	background: none;
	position: relative;
}
.index #main #side {
	float: right;
	width: 300px;
	padding-bottom:150px;
	
}
#main #side2 {
	float: right;
	width: 320px;
	padding-top: 40px;
	padding-bottom:150px;
	
}
.search_input {
	background-color: #f1f1f2;
	border-radius: 4px;
	border: none;
	height: 26px;
	padding: 2px 2px 2px 7px;
	vertical-align: top;
	width: 219px;
	margin-right: 4px;
}
.search_area2 .search_input {
	background-color: #FFF;
	border-radius: 4px;
	border: 1px solid #CCC;
	height: 26px;
	padding: 2px 2px 2px 7px;
	vertical-align: top;
	width: 219px;
	margin-right: 4px;
}
.search_area {
	margin-bottom:20px;
}
.search_area2 {
	margin-bottom: 20px;
	float: right;
	padding-top: 50px;
	margin-right:10px;
}
.search_area input.bt{
	width:48px;
	height:30px;
	background:url(../images/btn_search.png) rgba(51,51,51,0) no-repeat left top;
	border-style:none;
	cursor:pointer;
}
.search_area2 input.bt{
	width:48px;
	height:30px;
	background:url(../images/btn_search.png) rgba(51,51,51,0) no-repeat left top;
	border-style:none;
	margin-top:1px;
	cursor:pointer;
}
#side .inner {
	padding-right: 10px;
	padding-left: 10px;
}
#side2 .inner {
	padding-right: 20px;
	padding-left: 20px;
}
#side .tel {
	margin-bottom:7px;
}
#side2 .tel {
	margin-bottom:11px;
}
.side_bt li {
	margin-bottom: 10px;
}
.side_bnr li {
	text-align: center;
	margin-bottom: 2px;
}
.dealer {
	background: url(../images/dealer_bg.png) no-repeat;
	height: 178px;
	margin-bottom: 10px;
}
.dealer .st {
	line-height: 41px;
	height: 41px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}
.dealer .inner {
	padding-top: 19px !important;
	padding-left: 19px !important;
}
.dealer .inner .input_area {
	float: left;
	width: 160px;
	margin-right: 10px;
}
.dealer .inner .note {
	clear:both;
	font-size: 12px;
	color: #555758;
}
.dealer_input {
	margin-bottom: 12px;
	border: 1px solid #CCC;
	padding-left: 7px;
	line-height:30px;
	width:151px;
	height:30px;
	border-radius:4px;
}
.pagetop {
	text-align: right;
	position: absolute;
	right: 20px;
	bottom: 20px;
}
input.dealer_input::-webkit-input-placeholder {
	color: #ccc;
	font-weight: normal;
}
input.dealer_input:-ms-input-placeholder {
	color: #ccc;
    font-weight: normal;
}
input.dealer_input::-moz-placeholder {
	color: #ccc;
	font-weight: normal;
}
input.search_input::-webkit-input-placeholder {
	color: #9299a0;
	font-weight: normal;
}
input.search_input:-ms-input-placeholder {
	color: #9299a0;
    font-weight: normal;
}
input.search_input::-moz-placeholder {
	color: #9299a0;
	font-weight: normal;
}
input.dealer_input:focus {
background-color: #f5f4e0;
}

.pankuzu {
	padding-top: 12px;
	padding-bottom: 24px;
}
.pankuzu p a {
	color: #007FE9;
	text-decoration: underline;
}
.pankuzu p a:hover {
	text-decoration:none;
}
.pankuzu p span {
	color: #ee0000;
	font-size: 12px;
	font-weight: bold;
}
.contents .cont_left {
	float: left;
	width: 600px;
	position:relative;
}
.contents .cont_main p,
.contents .cont_left p {
	font-size:15px;
	line-height:27px;
}
.contents .cont_main p{
	margin-bottom:20px;
}
.contents .cont_main ul li{
	font-size:15px;
	line-height:23px;
}

.contents .cont_right {
	float: right;
	width: 240px;
}
.side_pro {
	margin-bottom: 4px;
	margin-top: 10px;
	background:#fff;
}
.side_logo {
	padding-top: 12px;
}

/* table */
.contents .cont_left table {
	width: 100%;
	font-size: 14px;
	color: #000000;
	line-height: 23px;
}
.contents .cont_left table th,
.contents .cont_left table td{
	padding: 10px 15px;
	border: 1px solid #cccccc;
	vertical-align: middle;
}
.contents .cont_left table th{
	text-align: center;
	font-weight: bold;
	background-color: #f5f5f4;
}

/* anchor_link */
ul.anchor_link{
	width:100%;
	display:table;
	margin-bottom:20px;
}
ul.anchor_link li{
	display:table-cell;
	background:#f5f5f5;
	border-right:4px solid #fff;
	border-left:4px solid #fff;
	text-align:center;
	vertical-align:middle;
	padding:11px 0 10px;
}
ul.anchor_link li:first-child{
	border-left:none;
}
ul.anchor_link li:last-child{
	border-right:none;
}
ul.anchor_link li a{
	font-size:14px;
	color:#0088ee;
	line-height:23px;
}

/* GlassPro 会員サービス（サイドナビ） 2017/03/17 追加────────────────────────────────────*/
/* トップ ssi */

.loginBox{ background:#eeeeee; width:280px; margin:0 auto 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px}
.loginBox .Area{ padding:20px 15px 15px 15px}
.loginBox .Area p{color:#555758; font-size:13px !important; line-height: normal !important; text-align:left}
.loginBox .Area ul{ margin:15px 0 0;}
.loginBox .Area ul li{ display:inline-block; vertical-align:top}
.loginBox .Area ul li a.btnL,
.loginBox .Area ul li a.btnR{ display:block; text-indent:-9999em; width:120px; height:96px;}
.loginBox .Area ul li a.btnL{ background:url(/common/images/side_bt08_off.png) no-repeat; margin:0 5px 0 0}
.loginBox .Area ul li a.btnR{ background:url(/common/images/side_bt09_off.png) no-repeat}
.loginBox .Area ul li a:hover.btnL{ background:url(/common/images/side_bt08_on.png) no-repeat}
.loginBox .Area ul li a:hover.btnR{ background:url(/common/images/side_bt09_on.png) no-repeat}

/* PRO */
.loginBox.pro{ float:right; margin:0 auto !important; width:340px !important}
.loginBox.pro .Area{ padding:15px 10px 10px 10px}
.loginBox.pro .Area ul li a.btnL,
.loginBox.pro .Area ul li a.btnR{ width:155px !important}
.loginBox.pro .Area ul li a.btnL{ background:url(/pro/images/btn_01_off.png) no-repeat !important; margin:0 5px 0 0}
.loginBox.pro .Area ul li a.btnR{ background:url(/pro/images/btn_02_off.png) no-repeat !important}
.loginBox.pro .Area ul li a:hover.btnL{ background:url(/pro/images/btn_01_on.png) no-repeat !important}
.loginBox.pro .Area ul li a:hover.btnR{ background:url(/pro/images/btn_02_on.png) no-repeat !important}
.proBtnA p{ margin-bottom:40px !important}
.proBtnA p a{ display:block; text-indent:-9999em; width:880px; height:100px; background:url(/pro/images/btn_03_off.png) no-repeat}
.proBtnA p a:hover{ background:url(/pro/images/btn_03_on.png) no-repeat}

/* STANDARD */
.bgNone{ background:none !important}
.widthAll{ width:auto !important; float:none !important}

/* お問い合わせページ改修 2024/06/24 追加────────────────────────────────────*/
.question-list-border-wrap{
	border: 1px solid #d5d5d5;
	padding: 10px;
}
.question-hdg{
	text-align: center;
	font-weight: 700;
	font-size: 15px;
	margin-bottom: 10px;
}
.question-list-border > li{
	padding-left: 1em;
	position: relative;
	list-style: none;
}
.question-list-border > li + li{
	margin-top: 10px;
}
.question-list-border > li::before{
	content: "";
	position: absolute;
	display: inline-block;
	top: 7px;
	left: 1px;
	background: #333;
	border-radius: 10px;
	width: 5px;
	height: 5px;
}
.question-agree-btn-wrap{
	background-color: #f5f5f4;
	text-align: center;
	min-width: 400px;
	margin-top: 20px;
}
.question-agree-btn-wrap .question-agree-btn-inner{
	display: block;
	padding: 15px 10px;
}
.question-agree-btn-wrap .btn{
	position: relative;
	top: 1px;
	right: 5px;
}
.question-btn-wrap .btn{
	border: 1px solid #e60012;
	background: #e60012;
	color: #fff;
	min-width: 400px;
	padding: 15px 50px;
	transition: .3s cubic-bezier(0.18, -0.01, 0.3, 1);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 30px;
	position: relative;
	text-align: center;
	line-height: 1.3;
	font-weight: 500;
	margin: 20px auto 0;
	font-size: 13px;
}
.question-btn-wrap .btn:hover{
	color: #e60012;
	background: #fff;
}
.question-btn-wrap .btn:disabled{
	background: #d3d6de;
	border: 1px solid #d3d6de;
}
.question-btn-wrap .btn:disabled:hover{
	background: #d3d6de;
	border: 1px solid #d3d6de;
	color: #fff;
}