@charset "utf-8";

/* 全体 */

*{
    margin:0px;
	padding:0px;
}

*{
    font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}


/* テキスト */
    
p {
    font-size:15px;
	color:#FFFFFF;
	margin-bottom:3px;
	line-height:2em;
}

.product-list li {
    font-size:15px;
    color:#00dcc8;
	line-height:2em;
	list-style-type:square;
	list-style-position:outside;
	margin-left:24px;
	padding:0px;
}

.product-list span {
    color:#FFFFFF;
}

.p-margin-top {
    margin-top:18px;
}

.p-margin-bottom {
    margin-bottom:40px;
}

.p-copy {
	font-size:11px;
	color:#DCDCDC;
	letter-spacing:2px;
	text-align:center;
	margin:10px 0px 0px 0px;
	
}

.p-variation-1 {
    font-size:19px;
	color:#FFFFFF;
	margin:0px 0px 35px 22px;
	line-height:19px;
	position:absolute;
	bottom:0px;
}

.p-variation-2 {
	font-size:19px;
	color:#FFFFFF;
	margin:0px 0px 0px 22px;
	line-height:19px;
	position:absolute;
	bottom:0px;
}

.p-big {
    font-size:28px;
	font-weight:bold;
	line-height:35px;
	color:#FFFFFF;
	margin:0px 0px 15px 0px;
	
}

.p-normal {
    font-size:15px;
	line-height:2em;
	color:#FFFFFF;
}

.p-small {
    font-size:13px;
	line-height:2em;
	color:#FFFFFF;
}

.p-footer {
    font-size:15px;
	color:#DCDCDC;
	line-height:2em;
}

.p-address {
    font-size:14px;
	color:#DCDCDC;
	margin:10px 0px 0px 0px;
	line-height:1.5em;
	position:absolute;
	bottom:30px;
	right:0px;
	clear:both;
}

.p-tel {
	font-size:14px;
	color:#DCDCDC;
	line-height:14px;
	position:absolute;
	bottom:3px;
	right:187px;
}

.p-fax {
    text-align:right;
	font-size:14px;
	color:#DCDCDC;
	line-height:14px;
	display:table-cell;
	float:right;
	position:absolute;
	bottom:3px;
	right:0px;
	
}

.p-warranty {
    font-size:25px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.8em;
}

.p-note-red {
    color:#FF0000;
	font-weight:bold;
}

.p-note-yellow {
    color:#FFFF00;
}

.p-holiday {
    color:#FFFFFF;
	font-size:19px;
	font-weight:bold;
}


/* リンク */

a {
    text-decoration:none;
}

a:link { /*アクセスしたことのないリンク*/
    color:#FFFFFF;
}

a:visited { /*アクセスしたことのあるリンク*/
    color:#FFFFFF;
}

a:hover { /*マウスが上に乗っている状態*/
    color:#999;
}

a:active { /*クリック中*/
    color:#999;
}


/* 保証規定 */

.warranty {
	height:auto;
    margin:20px 0px 80px 0px;
	padding:0px 37px;
}


/* 商品ページメイン */

#product-left {
    width:500px;
	height:auto;
	float:left;
	margin:35px 22px 80px 0px;
	display:table;
}

.product-name {
    width:490px;
	height:45px;
	display:table-cell;
	float:left;
	border-left:solid 10px #969696;
}

.product-variation {
    width:490px;
	height:73px;
	float:left;
	border-left:solid 10px #969696;
	border-top:solid 1px #969696;
	position:relative;
	margin:0px 0px 40px 0px;
}

.product-variation-tacho {
    width:490px;
	height:40px;
	float:left;
	border-left:solid 10px #969696;
	border-top:solid 1px #969696;
	position:relative;
	margin:0px 0px 40px 0px;
}

.shopping {
    width:500px;
	height:60px;
	clear:both;
	margin:0px 0px 44px 0px;
}

.mini-img {
    width:500px;
	height:116px;
}

.mini-img-left {
    width:116px;
	height:104px;
    margin:6px 6px 6px 0px;
	float:left;
}

.mini-img-middle {
    width:116px;
	height:104px;
    margin:6px 6px 6px 6px;
	float:left;
}

.mini-img-right {
    width:116px;
	height:104px;
    margin:6px 0px 6px 6px;
	float:left;
}

.movie {
    width:500px;
	clear:both;
	margin:39px 0px 45px 0px;
}

.movie-tacho {
    width:500px;
	clear:both;
	margin:39px 0px 0px 0px;
}

.acc {
    width:500px;
	height:auto;
}


#product-right {
    width:480px;
	height:auto;
	float:right;
	margin:35px 0px 80px 22px;
	display:table;
}

.line-blue {
	border-top:solid 1px #00dcc8;
	width:480px;
	margin:40px 0px 40px 0px;
}

.line-gray {
	border-top:solid 1px #969696;
	width:480px;
	margin:45px 0px 30px 0px;
}

.icon {
    float:left;
	margin:0px 12px 0px 0px;
}

.details-img {
    width:480px;
	margin:20px 0px 0px 0px;
}

.rmt-remote {
    width:480px;
	margin:20px 0px 0px 0px;
}


/* ヘッダー */

#header {
    margin:0 auto;
    width:1024px;
}


/* 休業のお知らせ */

.holiday {
    width:950;
	height:auto;
	padding:20px 35px;
	background-color:#282828;
	border-radius:6px;
}


/* トップページメイン */

#main {
    margin:0 auto;
    width:1024px;
	height:auto;
}

.main-1 {
    width:1024px;
	height:380;
	margin:0px 0px 0px 0px;
}

.main-left {
    width:502px;
	height:490px;
	float:left;
	margin:20px 10px 20px 0px;
}

.main-right {
    width:502px;
	height:320;
	float:right;
	margin:20px 0px 20px 10px;
}

.main-2 {
    width:1024px;
    clear:both;
	margin:20px 0px 0px 0px;
}

.info {
    border-radius:6px;
}


/* フッター */

#footer {
    margin:0 auto;
    width:1024px;
	height:415px;
	background-color:#282828;
}

.footer-left {
    width:600px;
	height:240px;
	position:relative;
	float:left;
	margin:0px 0px 12px 37px;
}

.footer-right {
    width:350px;
	height:240px;
	position:relative;
	float:right;
	margin:0px 37px 12px 0px;
}

.img-drj {
	margin-top:141px;
}

.footer-line {
	border-top:solid 1px #b4b4b4;
	width:950px;
	clear:both;
	margin:auto;
}


/* メニュー ドロップダウン ここから */

.menu {
    width: 1024px;
    height: 45px;
    max-width: 1024px;
    margin: 0 auto;
	text-decoration:none;
}

.menu > li {
    float: left;
    width: 128px; /* コンテンツ数に応じて */
    height: 45px;
    line-height: 45px;
    background: #282828;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	list-style: none;
}

.menu > li a {
    display: block;
    color: #DCDCDC;
	text-decoration:none;
}

.menu > li a:hover {
    color: #999;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

.menu > li:hover {
    background: #3c3c3c;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 1px solid #111;
}


/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

.menu > li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
    position: absolute;
	text-decoration:none;
	list-style:none;
    top: 40px;
    width: 128px;
    background: #3c3c3c;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
    top: 45px;
    visibility: visible;
    opacity: 1;
}

/* メニュー ドロップダウン ここまで */