@charset "Shift_JIS";

/*-------------------------------------------------------------------
	Version.												1.4.1.2;
	Author.												Kenta Aga(admin)
	Aptx.													4.8.6.9;

	PROGRAM-ID.									"coating"
-------------------------------------------------------------------*/

/*****************************************************
	DATA DIVISION.
	WORKING-STRAGE SECTION.
*****************************************************/

/*-------------------------------------------------------------------
	common
-------------------------------------------------------------------*/


/*-------------------------------------------------------------------
	default
-------------------------------------------------------------------*/
.default #select{
	padding												: 4px 5px;
	background										: #e7e7e7;
	border												: 1px solid #9a9a9a;
}

.default #select ul{
	position												: relative;
	margin-left										: -40px;
	zoom											: 1;
}

.default #select li{
	float													: left;
	display												: inline;
	margin-left										: 40px;
	box-shadow										: 0 0 2px 2px rgba(0,0,0,0.2);
}

/*-------------------------------------------------------------------
	realglass
-------------------------------------------------------------------*/
.realglass #repellent .item li{
	zoom													: 1;
	position												: relative;
	margin-left										: -28px;
	margin-bottom									: 28px;
}

.realglass #repellent .item dl{
	position												: relative;
	float													: left;
	display												: inline;
	margin-left										: 28px;
	padding-bottom								: 12px;
	width													: 245px;
	border												: 2px solid #fff;
	background										: url(../../img/coating/background-repellent.gif) repeat-y top left;
	box-shadow										: 0 0 2px 2px #ccc;
}
.realglass #repellent .item dl em{
	position												: absolute;
	top														: -5px;
	left														: -6px;
}

.realglass #repellent .item dl dt{
	margin-bottom									: 14px;
}

.realglass #repellent .item dl dd{
	margin												: 0 13px;
}

/* temperature
�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P*/
#temperature .section{
	padding											: 38px 35px;
	background									: url(../../img/coating/realglass/background-temperature.gif) no-repeat bottom center;
	border											: 1px solid #ccc;
	border-radius								: 4px;
}

#temperature .section  dl dt{
	margin											: 0 15px;
	padding											: 15px;
	color												: #fff;
	font-weight									: bold;
	text-align										: center;
	border-radius								: 3px;
}

#temperature .section  dl dd.image{
	text-align										: center;
}

#temperature .section  dl dd.image span{
	display											: block;
	padding-top									: 14px;
	font-size										: 82%;
}

#temperature .section #past{
	position											: relative;
	float												: left;
	padding											: 16px 0;
	padding-bottom							: 35px;
	width												: 480px;
	background									: #d4d4d4;
}

#temperature .section #past:after {
	left												: 100%;
	border										: solid transparent;
	content										: " ";
	height											: 0;
	width											: 0;
	position										: absolute;
	pointer-events							: none;
}

#temperature .section #past:after {
	border-color								: rgba(213, 213, 213, 0);
	border-left-color						: #d5d5d5;
	border-width								: 35px;
	top												: 50%;
	margin-top								: -35px;
}

#temperature .section #past dl{
	margin										: 0 35px;
}
#temperature .section #past dl dt{
	margin-bottom							: 40px;
	background								: #292929;
}
#temperature .section #past dl dd.text{
	margin-bottom							: 30px;
}

#temperature .section #now{
	position											: relative;
	float												: right;
	padding											: 16px 0;
	padding-bottom							: 35px;
	width												: 430px;
}

#temperature .section #now dl dt{
	margin-bottom							: 40px;
	background								: #119dbe;
}
#temperature .section #now dl dd.text{
	margin-bottom							: 50px;
}


/* price
�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P*/
.realglass #price h4{
	padding										: 15px 25px;
	color											: #fff;
	font-size									: 125%;
	font-weight								: bold;
	font-family								: '�q���M�m���� Pro W3','Hiragino Mincho Pro','�l�r �o����','MS PMincho',serif;
	background								: #000;
}

.realglass #price table {
	width: 100%;
}

.realglass #price table td {
	border: 1px solid #888;
	font-size: 0.9em;
}

.realglass #price table th {
	border: 1px solid #888;
	background: #ddd;
	text-align: center;
	vertical-align: middle;
}

.realglass #price table td.newcar {
	background: #FFC;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.realglass #price table td.threemonth {
	background: #FC6;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.realglass #price table td span.small {
	font-size: 0.8em;
	font-weight: normal;
}

.realglass #price p.supplement {
	font-size: 0.8em;
}



/* qa
�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P*/
.realglass #qa h4{
	padding										: 15px 25px;
	color											: #fff;
	font-size									: 125%;
	font-weight								: bold;
	font-family								: '�q���M�m���� Pro W3','Hiragino Mincho Pro','�l�r �o����','MS PMincho',serif;
	background								: #000;
}

.realglass #qa dl{
	margin-left								: 25px;
	zoom											: 1;
	overflow										: hidden;\
}
.realglass #qa dl dt{
	position										: relative;
	float											: left;
	top												: -0.3em;
	width											: 50px;
	font-size									: 250%;
	font-family								: '�q���M�m���� Pro W3','Hiragino Mincho Pro','�l�r �o����','MS PMincho',serif;
}
.realglass #qa dl dd{
	float											: left;
	zoom											: 1;
	overflow										: hidden;
	width											: 975px;
}
.realglass #qa dl dd p.image{
	float											: right;
	margin										: 0;
	margin-left								: 50px;
}


/*-------------------------------------------------------------------
	himohs
-------------------------------------------------------------------*/

.himohs #contents .feature-list{
	clear											: both;
}

.himohs #contents section{
	width											: 517px;
	margin											: 0;
	float											: left;
	margin-left										: 20px;
	padding-bottom									: 32px;
}
.himohs #contents #waterproof,
.himohs #contents #gloss{
	float											: right;
	margin-right									: 20px;
}
.himohs #contents #scratchproof{
	clear											: both;
}

.himohs #contents section .lead,
.himohs #contents section dl{
	width											: 448px;
	margin-left										: 30px;
}
.himohs #contents section dl{
	border-top										: 1px solid #CCC;
	padding-top										: 18px;
	margin-bottom									: 20px;
}
.himohs #contents section dl dt{
	margin-bottom									: 20px;
}
.himohs #contents,
.himohs #feature{
	margin-bottom									: 0;
}
.himohs .pagetop{
	margin-top										: 0;
}

.himohs #contents section .note{
	font-size										: 90%;
	text-indent										: -1em;
	margin-left										: 1em;
}



/* price
�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P*/
.himohs #price h4{
	padding										: 15px 25px;
	color											: #fff;
	font-size									: 125%;
	font-weight								: bold;
	font-family								: '�q���M�m���� Pro W3','Hiragino Mincho Pro','�l�r �o����','MS PMincho',serif;
	background								: #000;
}

.himohs #price section {
	float: none;
	width: 1080px;
	margin: 0 auto;
}

.himohs #price table {
	width: 100%;
}

.himohs #price table td {
	border: 1px solid #888;
	font-size: 0.9em;
}

.himohs #price table th {
	border: 1px solid #888;
	background: #ddd;
	text-align: center;
	vertical-align: middle;
}

.himohs #price table td.newcar {
	background: #FFC;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.himohs #price table td.threemonth {
	background: #FC6;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.himohs #price table td span.small {
	font-size: 0.8em;
	font-weight: normal;
}

.himohs #price p.supplement {
	font-size: 0.8em;
}

/*-------------------------------------------------------------------
	clearfix
-------------------------------------------------------------------*/
.realglass #repellent .item li:after{
	content											: ".";
	display											: block;
	clear												: both;
	height												: 0;
	visibility											: hidden;
}