/* CSS information=====================
File name:layout.css
Editors:Watanabe
Last Editor: Watanabe
Date:2013.12.13
Table of Contents:
 *index
==================================== */
/* ==================================
　WRAPPER1　※height再定義
================================== */
#WRAPPER1 {
	height: 537px;
}
/* IE */
*html #WRAPPER1 {
	height: 537px;
}
*:first-child+html #WRAPPER1 {
	height: 537px;
}
/* ==================================
　WRAPPER_GX7_COPY
================================== */
#WRAPPER_GX7_COPY {
	background: url(../image/top/top_gx7_copy_bkrp.png) repeat-x left top;
	height: 125px;/* 下20px余白 */
	margin-bottom: 20px;
	background-size: contain;
}
#WRAPPER_GX7_COPY h2 {
	margin: 0 auto;
	background: url(../image/top/top_gx7_copy_bk.png) no-repeat left top;
}
/* ==================================
　WRAPPER_BANNAR
================================== */
#WRAPPER_BANNAR {
	background: url(../image/top/top_gx7_logo_back.png) repeat-x left bottom;
	height: 170px;
	margin-top: 20px;
	background: #000000;
}
#WRAPPER_BANNAR h2 {
	margin: 0 auto;
	height: 170px;
}
/* ==================================
　WRAPPER_BANNAR2
================================== */
#WRAPPER_BANNAR2 {
	background: #E50011;
	height: 70px;
	margin-bottom: 20px;
}
#WRAPPER_BANNAR2 h2 {
	margin: 0 auto;
	height: 48px;
}
/* ==================================
　WRAPPER_BANNAR_COPY
================================== */
#WRAPPER_BANNAR_COPY {
	width: 950px;
	text-align: left;
	margin: 40px auto;
	font-size: 16px;
	line-height: 180%;
}

#WRAPPER_BANNAR_COPY h2 {
	font-size: 22px;
	line-height: 180%;
	font-weight: bold;
		text-align: center;
}
#HEADER {
	height: 457px;
}
.index {
	margin: 0 auto;
	width: 950px;
	height: 263px;
	background: #000;
	padding-top: 10px;
	text-align: left;
}
.index table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 950px;
}
/* 	#slider{
		width:333px;
		height:250px;
		margin:0;
		padding:0;				
}
	#acc-menu2{
		height:250px;
		width:617px;
		margin:0;
		padding:0;	
		overflow:hidden;		
}
 */
 
.index2 {
	margin-top: 40px;
}
.index2 .news {
	float: left;
	width: 500px;
	text-align: left;
	padding-top: 30px;
	padding-bottom: 20px;
}
.index2 .news .topic1 {
	/* 修正 border-bottom:1px solid #CCC;*/
	padding-bottom: 10px;
}
.index2 .news dt {
	border-bottom: 1px solid #CCC;
	padding-bottom: 5px;
}
.index2 .news dd {
/* 修正 margin-top:5px;*/
}
.index2 .news dd div {
/* 修正 margin-top:10px;*/
}
.index2 .news dd .section1 {
	margin-top: 5px;
}
.index2 .news dd .section2 {
	padding-top: 7px;
	margin-top: 7px;
	border-top: 1px solid #CCC;
}
.index2 .news dd div p {
	margin-top: 5px;
	width: 500px;
}
.index2 .news dd div span a {
	text-decoration: none;
	color: #FF0000;
}
.index2 .news dd div span a:link {
	text-decoration: none;
}
.index2 .news dd div span a:visited {
	text-decoration: none;
}
.index2 .news dd div span a:hover {
	text-decoration: none;
	color: #000;
}
.index2 .news dd div strong {
	font-weight: bold;
	font-size: 17px;
	color: #F00;
}
.index2 .news dd div span {
	font-size: 14px;
	font-weight: bold;
}
.index2 .news dd div .text1 {
	font-weight: bold;
	color: #FF0000;
	font-size: 14px;
}
.index2 .news dd div .text2 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
.index2 .news dd div .moniter, .index2 .news dd div .moniter p {
	color: #174F9E;
}
.index2 .news .bannar1 {
	margin-top: 5px;
}
.index2 .news .bannar2 {
	margin-top: 5px;
}
.index2 .right_text {
	float: right;
	width: 410px;
	text-align: left;
	font-size: 14px;
}
/* ==================================
　トップイメージ光用
================================== */
.reflection-img {
	width : 100%;
	height : 295px;
	position : relative;
	overflow : hidden;
	margin: 0 auto;
	background: linear-gradient(90deg, #000000, #1E0000);
}
.reflection-img_back {
	width : 100%;
	height : 295px;
	position : relative;
	overflow : hidden;
	margin: 0 auto;
	background: url(../image/top/top_img_back2.png) no-repeat center;
	background-size:1200px 295px; 
}
.reflection {
	height : 100%;
	width : 100px;
	position : absolute;
	top : -500px;
	left : 0;
	background-color: #fff;
	opacity : 0.5;
	transform: rotate(45deg);
	animation: reflection 2s ease-in-out infinite;
	-webkit-transform: rotate(45deg);
	-webkit-animation: reflection 15s ease-in-out infinite;
	-moz-transform: rotate(45deg);
	-moz-animation: reflection 15s ease-in-out infinite;
	-ms-transform: rotate(45deg);
	-ms-animation: reflection 15s ease-in-out infinite;
	-o-transform: rotate(45deg);
	-o-animation: reflection 15s ease-in-out infinite;
}
 @keyframes reflection {
 0% {
transform: scale(0) rotate(45deg);
opacity: 0;
}
 80% {
transform: scale(0) rotate(45deg);
opacity: 0.5;
}
 81% {
transform: scale(4) rotate(45deg);
opacity: 1;
}
 100% {
transform: scale(50) rotate(45deg);
opacity: 0;
}
}
@-webkit-keyframes reflection {
 0% {
-webkit-transform: scale(0) rotate(45deg);
opacity: 0;
}
 80% {
-webkit-transform: scale(0) rotate(45deg);
opacity: 0.5;
}
 81% {
-webkit-transform: scale(4) rotate(45deg);
opacity: 1;
}
 100% {
-webkit-transform: scale(50) rotate(45deg);
opacity: 0;
}
}
@-moz-keyframes reflection {
 0% {
-moz-transform: scale(0) rotate(45deg);
opacity: 0;
}
 80% {
-moz-transform: scale(0) rotate(45deg);
opacity: 0.5;
}
 81% {
-moz-transform: scale(4) rotate(45deg);
opacity: 1;
}
 100% {
-moz-transform: scale(50) rotate(45deg);
opacity: 0;
}
}
@-ms-keyframes reflection {
 0% {
-ms-transform: scale(0) rotate(45deg);
opacity: 0;
}
 80% {
-ms-transform: scale(0) rotate(45deg);
opacity: 0.5;
}
 81% {
-ms-transform: scale(4) rotate(45deg);
opacity: 1;
}
 100% {
-ms-transform: scale(50) rotate(45deg);
opacity: 0;
}
}
@-o-keyframes reflection {
 0% {
-o-transform: scale(0) rotate(45deg);
opacity: 0;
}
 80% {
-o-transform: scale(0) rotate(45deg);
opacity: 0.5;
}
 81% {
-o-transform: scale(4) rotate(45deg);
opacity: 1;
}
 100% {
-o-transform: scale(50) rotate(45deg);
opacity: 0;
}
}
/* photo */
.index2 .photo {
	width: 950px;
	height: 550px;
	margin: 40px 0;
	background: url(../image/top/top_system.png) no-repeat;
	background-size: cover;
	text-align: left;
}
/* photo＞オールボディ超滑水グラスコート */
.photo1_text {
	position: relative;
	top: 200px;
	left: 310px;
	width: 215px;
	height: 22px;
}
#photo1_1 a {
	background: url(../image/top/photo1_2.png) no-repeat;
	display: block;
	width: 215px;/* 画像の横幅 */
	height: 22px;/* 画像の高さ */
}
#photo1_1 a img {
	display: block;
	width: 215px;/* 画像の横幅 */
	height: 22px;/* 画像の高さ */
}
#photo1_1 a:hover img {
	visibility: hidden;
}
/* photo＞オールガラス超滑水ウインドウコート */
.photo2_text {
	position: relative;
	top: 120px;
	left: 650px;
	width: 241px;
	height: 22px;
}
#photo2_1 a {
	background: url(../image/top/photo2_2.png) no-repeat;
	display: block;
	width: 241px;/* 画像の横幅 */
	height: 22px;/* 画像の高さ */
}
#photo2_1 a img {
	display: block;
	width: 241px;/* 画像の横幅 */
	height: 22px;/* 画像の高さ */
}
#photo2_1 a:hover img {
	visibility: hidden;
}
/* photo＞ナンバープレート */
.photo3_text {
	position: relative;
	top: 475px;
	left: 310px;
	width: 114px;
	height: 22px;
}
/* photo＞ヘッドライト */
.photo4_text {
	position: relative;
	top: 452px;
	left: 470px;
	width: 88px;
	height: 22px;
}
/* photo＞防汚ホイールコート */
.photo5_text {
	position: relative;
	top: 428px;
	left: 660px;
	width: 137px;
	height: 22px;
}
#photo5_1 a {
	background: url(../image/top/photo5_2.png) no-repeat;
	display: block;
	width: 137px;/* 画像の横幅 */
	height: 22px;/* 画像の高さ */
}
#photo5_1 a img {
	display: block;
	width: 137px;/* 画像の横幅 */
	height: 22px;/* 画像の高さ */
}
#photo5_1 a:hover img {
	visibility: hidden;
}
/* photo＞ドアミラー */
.photo6_text {
	position: relative;
	top: 370px;
	left: 830px;
	width: 80px;
	height: 22px;
}
/* photo＞プラスチック */
.photo7_text {
	position: relative;
	top: 90px;
	left: 860px;
	width: 86px;
	height: 22px;
}
/* photo＞コピー2 */
.photo_copy2 {
	position: relative;
	top: -90px;
	left: 370px;
	width: 320px;
	height: 200px;
}
/* photo＞コピー1 */
.photo_copy1 {
	position: relative;
	top: 20px;
	left: 10px;
	width: 250px;
	height: 200px;
}
.photo_copy1 p {
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}
/* グラスX共通以外 */
.index2 .glassx {
	padding-top: 20px;
	height: 700px;
}
/*特長*/	
.index2 .glassx h3 {
	margin-top: 30px;
	height: 360px;
	font-size: 16px;
	line-height: 1.6em;
}
.index2 .glassx h3 p {
	font-weight: bold;
	font-size: 26px;
	line-height: 2.0em;
	color: #F00;
}
.img_right {
	float: right;
	padding-left: 20px;
	padding-top: 5px;
}
.clearfix:after {
	display: block;
	clear: both;
	content: "";
}
.index2 .glassx .gx7_ex {
	margin-bottom: 20px;
}
.index2 .glassx .gx7_logo {
	height: 150px;
	font-weight: bold;
	font-size: 16px;
	background: url(../image/top/top_glass_logo.png) no-repeat right top;
	background-size: contain;
}
.index2 .glassx .gx7_logo strong {
	font-size: 14px;
}
.index2 .glassx h3 img {
	margin-bottom: 5px;
}
/* glassX 左部分　*/
.index2 .glassx .glassx_img3 {
	float: left;
	margin-top: 20px;
	margin-right: 10px;
}
.index2 .glassx .glassx_img dt {
}
.index2 .glassx .glassx_img3 .ver7 {
	width: 500px;
	margin-bottom: 20px;/*リンクバナーとの間の調整*/
	margin-top: -30px;
}
.index2 .glassx .ver7_bannar {
	padding-left: 10px;
}
/* glassX 右部分　*/
.index2 .glassx .glassx_point {
	margin-top: -10px;
	margin-bottom: 50px;
	float: left;
}
.index2 .glassx .coment {
	padding-top: 1em;
	padding-left: 0px;
}
/*動画*/
.index2 .glassx .movie {
	clear: both;
	margin-top: 50px;
	text-align: center;
	font-weight: bold;
	height: 300px;
}
.index2 .glassx .movie div {
	float: left;
	margin-bottom: 60px;
	font-size: 16px;
}
.index2 .glassx .movie .movie_body {
	margin-left: 40px;
}
.index2 .glassx .movie .movie_glass {
	margin-left: 60px;
}
/*歴史　*/
.index2 .link_bannar {
	width: 950px;
	margin-bottom: 60px;
	display: inline-block;
	margin-top: -30px;
}
.index2 .link_bannar p {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;
}
.index2 .link_bannar p img {
	float: right;
}
/*バナー　*/
.index2 .glassx .glassx_bannar_main {
	clear: both;
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
}
.index2 .glassx .glassx_bannar_main img {
	padding-bottom: 5px;
}
/*仲間募集　*/	
.index2 .glassx .glassx_bannar_main .member {
	margin-top: 30px;
}
.index2 .glassx .glassx_bannar_main .member div {
	clear: both;
	position: relative;
	top: -35px;
	left:480px;
	width: 40%;

}
.index2 .glassx .glassx_bannar_main .member div p {
	font-size: 15px;
	margin-bottom: 5px;
}
.index2 .glassx .glassx_bannar_main .member div span {
	font-size: 12px;
	font-weight: normal;
}
.index2 .glassx .glassx_bannar_main .member dl {
	float: left;
	width: 370px;
	padding-left: 80px;
}
.index2 .glassx .glassx_bannar_main .member dt {
	float: left;
	width: 370px;
	font-size: 18px;
	padding-left: 1em;
	background: url(../image/company/blackbox_icon.gif) no-repeat left 8px;
}
.index2 .glassx .glassx_bannar_main .member dt img {
	vertical-align: middle;
}
.index2 .glassx .glassx_bannar_main .member .clear {
	clear: left;
}
.index2 .glassx .glassx_bannar_main .member dd {
	float: left;
	width: 440px;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 30px;
	margin-left: 15px;
}
.index2 .glassx .glassx_bannar_main .member dl strong {
	text-align: left;
	font-weight: normal;
	font-size: 16px;
}
/*end　*/
/*おすすめします*/	
.index2 .glassx h4 {
}
/*夢のコーティング剤が誕生*/
.index2 .glassx .dream {
	clear: both;
	margin-bottom:60px;
}
.index2 .glassx .dream p {
	font-size:18px;
	text-align:center;
	font-weight:bold;
	margin-top:40px;
	margin-bottom:10px;
}
.index2 .glassx .dream .copy {
	margin-top: 5px;
	margin-bottom: 5px;
}
.index2 .glassx .dream span {
	font-size: 16px;
	line-height: 1.6em;
	color: #FF0000;
}
.index2 .glassx .glassx_bannar {
}
.index2 .glassx .glassx_bannar img {
	margin-bottom: 5px;
}
.index2 .glassx .glassx_bannar dd {
	font-size: 15px;
	font-weight: bold;
}
.index2 .glassx .glassx_bannar .glassx_bannar1, .index2 .glassx .glassx_bannar .glassx_bannar2, .index2 .glassx .glassx_bannar .glassx_bannar3 {
	float: left;
	width: 310px;
	height: 250px;
}
.index2 .glassx .glassx_bannar .glassx_bannar1, .index2 .glassx .glassx_bannar .glassx_bannar2 {
	margin-right: 10px;
}
.index2 .glassx .glassx_bannar .glassx_bannar1 {
	color: #174E9D;
}
.index2 .glassx .glassx_bannar .glassx_bannar2 {
	color: #009A71;
}
.index2 .glassx .glassx_bannar .glassx_bannar3 {
	color: #54348A;
}
/*楽々水拭き洗車*/
.index2 .glassx .gx7_howto {
	margin-top: 20px;
	margin-bottom: 60px;
	position: relative;
}
.index2 .glassx .gx7_howto .gx7_howto_copy1 {
	position: absolute;
	top: 130px;
	left: 285px;
	font-size: 24px;
	color: #46aee2;
	font-weight: bold;
}
.index2 .glassx .gx7_howto .gx7_howto_copy2 {
	position: absolute;
	top: 165px;
	left: 285px;
	font-size: 20px;
	color: #46aee2;
}
.index2 .glassx .gx7_howto .gx7_howto_copy3 {
	position: absolute;
	top: 230px;
	left: 415px;
	font-size: 20px;
	color: #46aee2;
}
.index2 .glassx .gx7_howto .gx7_howto_copy4 {
	position: absolute;
	top: 265px;
	left: 285px;
	font-size: 16px;
	line-height: 180%;
}
/* ==================================
　WRAPPER2
================================== */
#WRAPPER2 {
	clear: both;
	background: #DCDCDD url(../image/common/footer_top_back.png) repeat-x top;
	width: 100%;
	height: auto;
	padding-top: 10px;
}
/* ==================================
　WRAPPER2 > FOOTER
================================== */
#FOOTER {
	clear: both;
	margin: 0 auto;
	width: 950px;
	height: auto;
	text-align: center;
}
#FOOTER #INFOMATION {
	margin-top: 20px;
	text-align: left;
}
#FOOTER #INFOMATION address p {
	font-size: 16px;
}
#FOOTER #INFOMATION address strong {
	font-size: 23px;
}
#FOOTER #INFOMATION address span {
	font-size: 21px;
}
/* INFOMATION */
#FOOTER #INFOMATION .info_left {
	float: left;
	width: 510px;
}
#FOOTER #INFOMATION .info_right {
	float: right;
	width: 427px;
}
#FOOTER #INFOMATION dt {
	margin-top: 1em;
}
#FOOTER #INFOMATION .info-right_2sec dt {
	margin-top: 2em;
}
#FOOTER #INFOMATION dd {
	margin-left: 1em;
}
#FOOTER #INFOMATION strong {
	font-weight: bold;
}
#FOOTER #INFOMATION .info2 strong {
	font-size: 16px;
}
#FOOTER #INFOMATION .info_right h6 {
	margin-top: 10px;
	clear: both;
	text-align: center;
	width: 100%;
	height: 23px;
	padding-top: 3px;
	border: 1px solid #000;
}
#FOOTER #INFOMATION .info_right h6 a {
	display: block;
	width: 427px;
	height: 23px;
}
#FOOTER #INFOMATION .info_right .area {
	margin-top: 25px;
	margin-bottom: 5px;
}
#FOOTER #INFOMATION .info1, #FOOTER #INFOMATION .info2 {
	background: url(../image/company/blackbox_icon.gif) no-repeat left 5px;
}