@charset "utf-8";
/*リセット*/
ul,li,p,h1,audio,dl,dd,dt,div,nav,header,section,img,address {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:16px;
	line-height:1.6;
	list-style-type:none;
	overflow:hidden;
	font-style:normal;
}
/*バックグラウンドイメージ*/
html{
	height:100%;
}
body {
	background:url(../back.jpg);
	background-attachment:fixed;
	margin:0;
	height:100%;
}
/*全体*/
#container {
	width: 1000px;
	padding:20px;
	margin:0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: hsla(0,0%,0%,0.30);
	overflow:hidden;
	color:#fff;
 position: relative;       /* フッターの為の位置決め用 */
  height: auto !important;  /* IE6対策：この2行で */
  height: 100%;             /* IE6対策：擬似的にmin-heightと同じことをさせてる */
  min-height: 100%;         /* 中身が少なくても高さ100%にする */
}
/*楽天リンク前に投入*/
a[href*="rakuten"]:not(.images):before{
	content:"5.1AIRSHOP \697D\5929\5E02\5834\5E97";
}
/*Yahoo!リンク前に投入*/
a[href*="yahoo"]:before {
	content:"5.1AIRSHOP Yahoo!\30B7\30E7\30C3\30D4\30F3\30B0\5E97";
}
/*赤文字*/
.red{
	color:#f03;
}
/*ヘッダー(ナビゲーション)*/
header {
	position:fixed;
	width:1000px;
	background: hsla(60,4%,10%,0.9);
	top:0;
	z-index:1000;
}
nav ul {
	float: right;
}
nav ul li {
	float:left;
	margin-top:10px;
	font-weight:bold;
}
nav ul li:not(:first-child) {
	margin-top:20px;
}
nav ul li img {
	width:130px;
	padding:5px	5px 0px 0px;
	margin-right: 330px;
}
nav ul li:not(:first-child) a, 
.about nav ul li:nth-child(2) ,
.promotion nav ul li:nth-child(3),
.product nav ul li:nth-child(3),
.store nav ul li:nth-child(4),
.contact nav ul li:nth-child(5) {
	border:2px solid #fff;
	border-radius:15px 15px 0 0;
	color:#fff;
	display:block;	
	padding:5px 20px;
}
nav ul li:not(:first-child) :hover {
	background:#ddd;
	color:#000;
	border:#ddd 2px solid;
	border-bottom:#fff 2px solid;
}
.about nav ul li:nth-child(2),
.product nav ul li:nth-child(3),
.store nav ul li:nth-child(4),
.contact nav ul li:nth-child(5) {
	background:#fff;
	color:#000;
}
/*メインコンテンツ*/
.main {
	margin-top:64px;
	margin-bottom:1em;
}
/*表題*/
section h1 {
	font-size:24px;
	font-weight:bold;
	border-bottom:1px solid #fff;
}
.about section h1,
.promotion section h1,
.product section h1,
.store section h1,
.contact section h1 {
	border-bottom:1px solid #000;
}
/*プロダクト情報*/
.product section h1 span {
	font-size:18px;
	font-weight:normal;
	margin-left:20px;
}
/*NEWS*/
#news div {
	margin-bottom:10px;
}
#news .left {
	float:left;
	width:490px;
}
#news img {
	float:right;
	width:490px;
}
#news dl dt {
	color:#000;
	background:#fff;
	font-weight:bold;
	padding-left:10px;
}
#news dd,
#news p {
	margin-top:5px;
}
/*news_a only*/
#news_a {
	margin-top:20px;
	overflow: hidden;
}
section a {
	color:#fff;
	padding:5px;
}
#news .left p:nth-child(4) {
	margin-top:10px;
}
#news .left p .obi {
	display:inline;
	background:#f03;
	padding:5px 50px;
}
#news dl dt span {
	padding:0 1em;
}
/*カウントダウンタイマー*/
#CDT {
	color: #000;
	font-weight: bold;
	margin-top:20px;
}
#CDT .number-wrapper {
 margin:50px 0 0 5px;
	background:#fff;
	padding:5px;
	padding-top:13px;
	border-radius:5px;
}
#CDT .number {
	 font-size: 30px;
}
#CDT .end .number-wrapper {
	background: hsla(50,100%,50%,1.00);
	color:#f03;
	margin:0;
	padding:0;
	display:block;
	width:300px;
	text-align:center;
}

.caption {
	font-size:11px;
}
/*Renovaとは*/
#whats p {
	margin-top:10px;
}
#whats div {
	margin-top:10px;
	height:200px;
}
#whats div img:nth-child(1) {
	width:195px;
	position:absolute;
}
#whats div img:nth-child(2) {
	width:195px;
	position:absolute;
	margin-top:110px;
}
#whats div img:nth-child(3) {
	width:395px;
	position:absolute;
	margin-left:202px;
}
#whats div img:nth-child(4) {
	width:395px;
	position:absolute;
	margin-left:605px;
}
/*フットナビゲーション*/
footer {
		width:1000px;
	border-top:4px double #fff;
}
footer ul {
	margin:10px auto;
	width:410px;
}
footer ul li {
	float:left;
	list-style-type:none;
}
footer img {
	width:39px;
	bottom:0px;
	padding:0 0 0 5px;
}
footer a {
	text-decoration:none;
	color:#fff;
	padding:0 5px;
	margin:10px;
}
footer a:hover {
	border-bottom:1px solid #fff;
}
/*メイン白ベース*/
.about .main ,
.promotion .main,
.product .main,
.store .main,
.contact .main {
	background:#fff;
	color:#000;
	border-radius:30px 0 0 0;
}
/*プロダクト*/
.product section ul li {
	float:left;
	width:240px;
	text-align:center;
	margin:1em 0;
}
.product section img {
	width:220px;
}
.product #detail img {
	width:130px;
	float:right;
	margin:-10px 90px;
}
.product #detail {
	height:340px;
}
.product #detail div {
	margin:3em 0em;
	font-size:9px;
	width:350px;
	float:left;
	height:300px;
}
.product #detail div img {
	width:350px;
	margin:0 0 0 20px;
}
.product #detail div p:nth-child(2) {
	margin-left:2em;
	font-size:9px;
	width:230px;
	line-height:14px;
	position:absolute;
}
.product #detail div p:nth-child(3) {
	font-size:20px;
	margin:240px 0 0 130px;
	font-weight:bold;
	transform:rotate(-20deg);
	-webkit-transform:rotate(-20deg);
	-moz-transform:rotate(-20deg);
	position:absolute;
}
.product #detail div p:nth-child(3) span:nth-child(7),
.product #detail div p:nth-child(3) span:nth-child(8),
.product #detail div p:nth-child(3) span:nth-child(9),
.product #detail div p:nth-child(3) span:nth-child(10),
.product #detail div p:nth-child(3) span:nth-child(11),
.product #detail div p:nth-child(3) span:nth-child(12) {
	color:#f03;
}
.product #detail div p:nth-child(3) span{
	border-bottom: none;
}
.product #detail div + p:nth-child(2) {
	margin:1em 1em 0 370px;	
	font-size:20px;
	font-weight:bold;	
}
.product #detail p:nth-child(3) {
	margin:1em 0em 0 370px;	
}
.product #detail p:nth-child(3) span,
.about section p span {
	border-bottom:#000 1px dotted;
}
.top #whats p span {
	border-bottom:#FFF 1px dotted;
}
.product #detail p:nth-child(4) {
	width:300px;
	margin:1em 0px 0 20px;
	float:left;
	background:#ccc;
	padding:10px;
	font-size:14px;
}
.about section,
.promotion section,
.product section:not(:first-child),
.store section,
.contact section {
	width:960px;
	margin:10px auto;	
}
.product #radious {
	position:absolute;
	margin:-20px 20px;
	height:50px;
	font-weight:bold;
	width:200px;
}
.product #radious span {
	padding:0 2px;
	border-radius:10px;
	color:#F69;
}
/*アバウト*/
.about section p {
	float:left;
	width:550px;
	margin-top:1em;
}
.about section:nth-child(2) p,
.about section:nth-child(3) p {
	width:100%;
	letter-spacing:-0.6px;
}
.about section img {
	margin-top:1em;
	float:right;
	width:400px;
}
.about section:nth-child(4) h1,
.about section:nth-child(3) h1 {
	width:600px;
}
.about section:nth-child(4) img {
	width:400px;
	position:absolute;
	margin:-200px 0 0 50px;
}
/*プロモーション*/
.promotion .magagine img {
	margin:0 10px;
	height:320px;
}
/*コンタクト*/
.contact .main {
	background:url(../images/Blackline.jpg) no-repeat #fff 200px -10px;
	}
.contact .main section {
	margin:20px;
}
.contact .main section h1 {
	width:300px;
	margin-bottom:10px;
}
.contact .main #adress p {
	 margin-top:5px;	
}
.contact .main #adress p:nth-child(5) {
	border:4px #000 double;
	 margin-top:15px;
		width:365px;
		padding:0 5px;
}
.contact .main section p span {
	background:#ddd;
	padding:5px;
	border-radius:10px;
}
.contact .main section p .bold,
.contact .main section a {
	color:#000;
	font-weight:bold;
}
.contact .main #atten dl dt {
	font-size:18px;
	display:inline;
	font-weight:bold;
	border-bottom:1px solid #000;
	padding:5px;
}
.contact .main #atten dl dd {
	margin:5px 0px 20px 5px;
}
.contact .main #atten {
	margin:40px 20px;
}
.store section a {
	color:#000;
	padding:5px;
}
.store dl {
	width:470px;
	float:left;
}
.store dl {
	margin:5px;
}
.store dd {
	height:250px;
}
.zoom {
-o-transform: scale(0.4);
-o-transform-origin: 0 0;
-ms-transform: scale(0.4);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.4);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.4);
-webkit-transform-origin: 0 0;
transform: scale(0.4);
transform-origin: 0 0;
width:1140px;
height:600px;
border:2px #000 solid;
padding:5px;
}
.sm {
	display:none;
}
/*
.promotion section div {
	margin-top:1em;
}
.promotion section div img {
	margin:0 10px;
	height:100%;
}
