@charset "utf-8";
/* CSS Document */

body {
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-size: 14px;
	margin:auto 0px;
	padding: 0px;
	background-color: #000;
	background-image: url(img/bg_stripe.jpg);
}
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

dl {
	margin: 0px;
	margin-left:15px;
	padding: 0px;
	list-style-type: none;
}

dt {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

dd {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

p {
	margin: 0px;
	padding: 0px;

}



img {
	margin: 0px;
	padding: 0px;
	border: 0;
	
}
no-border {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.dispray-none {
	display: none;
}

a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}
h1 {
	margin: 0px;
	padding: 0px;
}
h2 {
	margin: 0px;
	padding: 0px;
}
#products-index h2 {
	margin: 0px;
	line-height: 2em;
	background-color: #0CF;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
	font-size: 0.8em;
}
#products h2 {
	margin: 0px;
	line-height: 2em;
	background-color: #000;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
	color: #0CF;
	border: 1px solid #0CF;
}




h3 {
	margin: 0px;
	padding: 0px;
}
#products-index h3 {
	
}

.cb {
	clear: both;
}
.text-align-center {
	text-align: center;
}
.kome {
	background-color: #F99;
	margin: 7px;
	padding: 7px;
}

.margin_left14 {
	margin-left: 14px;
}
.margin_right14 {
	margin-right: 14px;
}

.font09em {
	font-size: 0.9em;
}



.font08em {
	font-size: 0.8em;
}

.font07em {
	font-size: 0.7em;
}


.left_float {
	float: left;
}

#index #con {
	clear:both;
	padding: 0px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/*height: 600px;*/
}

#con {
	padding: 0px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#head {
	background-color: #000;
	height: 63px;
	width: 100%;
	text-align: center;
}
#link-headquarters {
	color: #999;
	font-size: 0.8em;
	font-weight: bold;

	text-align: right;
	padding-right: 14px;
	margin-top:-30px;
	z-index:9;

}

#head-menu {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0CF;

}
#head-menu ul {
	height: 60px;/*Topページのみ2行に対応42→60*/
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#head-menu ul li {
	float: left;
	margin-top: 14px;
	margin-right: 28px;
}
#head-menu ul li a{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	display: block;
	text-decoration: none;
	color: #0CF;
}
#head-menu ul li a:hover{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	display: block;
	text-decoration: none;
	color: #FC0;
}
#top-view {
	background-color: #333;
	height: 462px;
	width: 960px;
	margin-top: 21px;
	margin-right: auto;
	margin-left: auto;
}

#left-nav {
	width: 228px;
	float: left;
background-color: #333;
	color: #fff;
	margin-left: 14px;
	margin-right: 14px;
	border-bottom: 5px solid #ED1C24;

}

#left-nav .select-title {
	background-color: #0CF;
	margin: 7px;
	padding-left: 7px;
	line-height: 2em;
	color: #000;
}

#left-nav .cate {
	margin-bottom: 14px;
}
#left-nav .cate li {
	margin-bottom: 10px;
	margin-left: 14px;
}


#left-nav .cate li a{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 7px;
	display: block;
	text-decoration: none;
	color: #0CF;
}
#left-nav .cate li a:hover{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 14px;
	display: block;
	text-decoration: none;
	color: #FC0;
}
#left-nav .cate hr {
	border:none;
	margin-right: 14px;
	margin-left: 14px;
		border:none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0CF;
	border-right-color: #0CF;
	border-bottom-color: #0CF;
	border-left-color: #0CF;
}
.product-index {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0CF;
	width: 224px;
	margin-right: 14px;
	margin-top: 14px;
}
#facebook {
	background-color: #FFF;
	height: 290px;
	width: 690px;
}
#review {
 color:#fff;
}
#review li{
	line-height:22px;
	padding-bottom:15px;
	margin-left:15px;}

#review-title {
	line-height: 2em;
	background-color: #0CF;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
	border: 1px solid #666;
	color: #000;
}
#review a{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
		display: block;
	padding-left: 7px;
	text-decoration: none;
	color: #fff;
}
#review a:hover{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 7px;
	display: block;
	text-decoration: none;
	color: #f00;
}





.product-index .select-title {
	color: #000;
	background-color: #0CF;
	margin: 7px;
	padding-left: 7px;
	font-size: 0.9em;
	line-height: 2em;
}

.product-index .cate {
	margin-bottom: 14px;
	font-size: 0.8em;
}
.product-index .cate li {
	margin-bottom: 5px;
	margin-left: 14px;
}


.product-index .cate li a{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 7px;
	display: block;
	text-decoration: none;
	color: #0CF;
}
.product-index .cate li a:hover{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 14px;
	display: block;
	text-decoration: none;
	color: #FC0;
}
.product-index .cate hr {
	border:none;
	margin-right: 14px;
	margin-left: 14px;
		border:none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0CF;
	border-right-color: #0CF;
	border-bottom-color: #0CF;
	border-left-color: #0CF;
}
.products-list {
	background-color: #000;
	margin-left:40px;
	text-align:center;
}
	
	
.products-list li {
	float: left;
	width: 300px;
	margin-right: 14px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	margin-bottom:30px;
	
}
.products-list li .speck {
	font-size: 1em;
	padding: 7px;
	color: #fff;
height:240px;

	background:#000;
	border-bottom: 5px solid #ED1C24;
	text-align:left;
	line-height:19px;

}
.products-list li .speck strong {
	color: #fff;
}
#products-index #con #list-wrap {
	margin-right: 14px;
	margin-left: 28px;
}







#news {
background-color: #333;
	/*height: 572px;*/
	float: left;
	width: 73.5%;
	/*overflow: hidden;*/
	color:#fff;
	margin-bottom:70px;
	border-bottom: 5px solid #ED1C24;
}
#news h3 {
	color: #0CF;
	background-color: #000;
	padding: 7px;
	margin-bottom:14px;
}
.news-img {
	margin: 7px 7px 0 7px;
	height: 80px;
	width: 80px;
	float: left;
}

#news ul li {
	display:block;
	padding: 0 14px 14px 14px;
	font-size: 1.0em;
	clear:both;
}
#news ul li .date {
	font-weight: bold;
	color: #ffF;
	/*clear: both;*/
}
#news ul li p {
	width: 530px;
	/*height: 80px;*/
	margin: 7px 7px 0 7px;
	line-height:26px;
}

#news ul li a{
	text-decoration:underline; color:#fff;	
}

#news_all {
	border: 1px solid #666;
	width: 960px;
	background-color: #FFF;
	clear: both;
}



	
#news_all h3 {
	color: #0CF;
	background-color: #000;
	padding: 7px;
}
#news_all ul li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	padding: 14px;
	font-size: 0.8em;
}
#news_all ul li .date {
	font-weight: bold;
	color: #06F;
}
#news_all ul li p {
	margin-left: 28px;
	border-left-width: 4px;
	border-left-style: double;
	border-left-color: #999;
	padding-left: 7px;
}

#read-all {
	margin-top: 0px;
	height: 22px;
	float: left;
	width: 71%;
	background-color: #666;
	font-size: 0.8em;
	line-height: 2em;
	color: #0CF;
	text-align: right;
	padding-right: 24px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	margin-bottom: 14px;
}
#foot {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-size: 0.8em;
	color: #fff;
	text-align: center;
	padding-top: 14px;
	padding-bottom: 14px;
	clear: both;
	background-color:#000;

}
#product_img_speck {
	background-color: #FFF;
/*	height: 514px;*/

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	padding-top: 14px;
}

.promo-word {
	font-size: 1.1em;
	font-weight: bold;
	background-color: #CCC;
	border: 1px solid #333;
	color: #333;
	padding: 14px;
	margin-bottom: 14px;
}

#product_img_speck h3 {

	width: 98%;
}

#product_img_speck .speck {
	padding: 14px;
	float: left;
	width: 418px;
}
#product_img_speck img {
	float: left;
}
#product_img_speck iframe {
	margin-top: 14px;
}

#thumb {
	background-color: #CCC;
	height: 98px;
	clear: both;
	text-align: center;
}

#thumb img {
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 14px;
}
.chihou-index li {
	color: #0CF;
	float: left;
	margin: 3px;
	padding: 3px;
	width: 56px;
	text-align: center;
	　　border: 1px solid #0CF;
	border: 1px solid #0CF;
}
.chihou-index {
	height: 42px;
	width: 100%;

	margin-top: 14px;
	margin-right: auto;
	margin-bottom: 28px;
	margin-left: auto;
}


#shop-list h3 {
	clear: both;
	color: #0CF;
	padding: 3px;
	width: 56px;
	text-align: center;
	　　border: 1px solid #0CF;
	border: 1px solid #0CF;
	font-weight: normal;
	font-size: 1em;
	margin-top: 28px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
#shop-list h4 {
	color: #0CF;
}
#shop-list h2 {
	color: #0CF;
}


.to-top {
	margin-top: 14px;
	text-align: right;
	color: #CCC;
	margin-right: 14px;
	margin-bottom: 14px;
}

.to-top a{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	display: block;
	text-decoration: none;
	color: #0CF;
}
.to-top a:hover{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	display: block;
	text-decoration: none;
	color: #FC0;
}


#shop-list-wrap {
	margin: 28px;
}

.shop-name {

	margin: 3px;
	padding: 3px;
	float: left;
	width: 252px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
}
.shop-add {

	margin: 3px;
	padding: 3px;
	float: left;
	width: 350px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
}
.shop-tel {

	margin: 3px;
	padding: 3px;
	float: left;
	width: 112px;
}
.shoplist-hr {
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	clear: both;
	border-top-width: 1px;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
.chihou-index a{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	display: block;
	text-decoration: none;
	color: #0CF;
}
.chihou-index a:hover{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	display: block;
	text-decoration: none;
	color: #FC0;
}

.shop-add a{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	display: block;
	text-decoration: none;
	color: #0CF;
}
.shop-add a:hover{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	display: block;
	text-decoration: none;
	color: #FC0;
}
.speck .variation {
	margin-top: 14px;
	margin-bottom: 14px;
}

#dropdown_container {
	font-size:14px;
}

#dropdown_container ul.dropdown {
	margin:0;
	padding:0;
	list-style:none;
	width:400px;
}

#dropdown_container ul.dropdown a {
	display:block;
	text-decoration: none;
	color: #000;
	margin:5px;
}

#dropdown_container li.dropdown_item {
	float:left;
	width:100px;
	cursor:pointer;
}

#dropdown_container li.dropdown_item > ul {
	position:absolute;
	list-style:none;
	margin:0;
	padding:5px;
	width:150px;
}

#dropdown_container li.dropdown_item > ul li:hover
{
	background-color: #bbb;
	color: #000;
}
#detail {
	background-color: #FFF;
	padding-top: 14px;
	padding-right: 140px;
	padding-bottom: 14px;
	padding-left: 140px;
}
.description-contents {
	border: 1px solid #333;
	padding: 14px;
}



#content1 { display:block;}
#content2 { display:none;}
#content3 { display:none;}
#detail-content .content123 {
	margin-top: 0px;
	margin-right: 14px;
	margin-bottom: 14px;
	margin-left: 14px;
	border: 1px solid #999;
	padding: 28px;
	background-color: #FFF;
	clear: both;
}
#content-tab .content123-tab {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-left-color: #999;
	background-color: #000;
	display: block;
	height: 28px;
	width: 180px;
	float: left;
	line-height: 2em;
	text-align: center;
	color: #0CF;
}

#detail-content #content-tab {
	margin-left: 14px;
	margin-top: 14px;
}

	
	
.description-tab-menu {
	cursor:pointer;
	display: block;
	float: left;
	width: 150px;
	padding: 7px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-left-color: #000;
	background-color: #999;
	text-align: center;
}
#detail-content hr {
	clear: both;
}
#detail-content img {
	float: left;
	margin-right: 28px;
	margin-bottom: 28px;
}
#detail-content h3 {
	margin-top: 14px;
	margin-bottom: 7px;
}


#support #details {

	background-color: #FFF;
	padding-bottom:50px;
	margin-bottom:40px;
	margin-bottom:30px; background: #fff url("img/bg-bottomgrid.png") no-repeat left bottom; 
 border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding-top:10px;

}
#support #details #wrap {
	margin: 14px;
}


	
#support #details h3 {
	color: #0CF;
	background-color: #000;
	padding: 7px;
	font-weight: bold;
}

#support #con #details h4 {
	font-size: 1em;
	font-weight: bold;
	color: #333;
	padding: 7px;
	border-left-width: 6px;
	border-left-style: double;
	border-left-color: #333;
	margin-top: 14px;
	margin-right: 7px;
	margin-bottom: 7px;
	margin-left: 7px;
	background-color: #CCC;
}

#support #details #wrap dl {
	margin: 14px;
	font-size: 0.9em;
}
#support #details #wrap dt {
	margin-top: 14px;
	font-weight: bold;
	color: #333;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #09F;
	margin-bottom: 7px;
	padding-left: 7px;
}
.list-number li {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 56px;
	font-size: 0.9em;
	margin-top: 7px;
}

.list-number02 li {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 22px;
	margin-top: 7px;
}

#support #customer-info {
	background-color: #CCC;
	padding: 14px;
	font-size: 0.9em;
	border: 1px solid #666;
}
#content1 { display:block;}
#content2 { display:none; }
#content3 { display:none; }

#content1-tab {cursor: pointer; }
#content2-tab {cursor: pointer; }
#content3-tab {cursor: pointer; }




/* Start clearFix */
.clearfix:after {
	font-size: 1px;
	color: #ffffff;
	content: "";
	display: block;
	height: 0px;
	clear: both;
	}
.clearfix {
	zoom: 1;
	}
/* End clearFix */

@font-face{
font-family:"UniversLTW01-59UltraCn";
src:url("Fonts/9ff12269-014c-4b72-a738-a0d7ddbce820.eot?iefix") format("eot");}
@font-face{
font-family:"UniversLTW01-59UltraCn";
src:url("Fonts/9ff12269-014c-4b72-a738-a0d7ddbce820.eot?iefix");
src:url("Fonts/7cc7234f-05ac-4109-8b8a-93f13c489739.woff") format("woff"),url("Fonts/6c4a7455-816a-41fb-8c03-dd71dcbbc686.ttf") format("truetype"),url("Fonts/383b7b06-99d7-4749-85ac-bf144981cfce.svg#383b7b06-99d7-4749-85ac-bf144981cfce") format("svg");
}

@font-face{
font-family:"UniversLTW01-57Condense 723821";
src:url("Fonts/aefefc4e-9cb8-4e8e-8599-dda705456734.eot?iefix");
src:url("Fonts/1eaf27c0-f4de-4273-9f4c-1b3236ad2f3c.woff") format("woff"),url("/Fonts/9b913baf-b1f0-47d2-8c76-42f59650058f.ttf") format("truetype"),url("Fonts/0abcce12-2274-4ee7-b6d5-0066b5f5f670.svg#0abcce12-2274-4ee7-b6d5-0066b5f5f670") format("svg");
}
@font-face{
font-family:"Slate W01 Bk";
src:url("Fonts/8770f5ba-b290-4c39-8053-fa62b4504af6.eot?iefix") format("eot");}
@font-face{
font-family:"Slate W01 Bk";
src:url("Fonts/8770f5ba-b290-4c39-8053-fa62b4504af6.eot?iefix");
src:url("Fonts/f0e21b22-be82-4646-8834-929f21697b8b.woff") format("woff"),url("Fonts/e34fcf36-14df-42f7-b779-2715c5e4cf48.ttf") format("truetype"),url("Fonts/cee327ea-b14e-45be-860f-f5d226b92bf3.svg#cee327ea-b14e-45be-860f-f5d226b92bf3") format("svg");
}
@font-face{
font-family:"Slate W01 Medium";
src:url("Fonts/6c114a84-aeac-4533-a8f3-798922cc0300.eot?iefix") format("eot");}
@font-face{
font-family:"Slate W01 Medium";
src:url("Fonts/6c114a84-aeac-4533-a8f3-798922cc0300.eot?iefix");
src:url("Fonts/90807bcf-e7e3-43ac-9ebb-a96364087325.woff") format("woff"),url("Fonts/389822d1-6f97-438c-a4a1-5f97d1005a3f.ttf") format("truetype"),url("Fonts/e2bc308f-8bfe-48a1-89d7-a5a8ac370ff0.svg#e2bc308f-8bfe-48a1-89d7-a5a8ac370ff0") format("svg");
}
@font-face{
font-family:"UniversLTW01-85ExtraBkO";
src:url("/Fonts/2530da3d-f1d7-442e-bfb0-b19fcba664c8.eot?iefix") format("eot");}
@font-face{
font-family:"UniversLTW01-85ExtraBkO";
src:url("/Fonts/2530da3d-f1d7-442e-bfb0-b19fcba664c8.eot?iefix");
src:url("/Fonts/5a2f9593-12c2-4112-862e-1aa0a4f425eb.woff") format("woff"),url("/Fonts/e87c22ca-a657-4c8a-88f2-5933aab9d95c.ttf") format("truetype"),url("/Fonts/03d2c5f3-b690-4467-a028-47a5c2e659ce.svg#03d2c5f3-b690-4467-a028-47a5c2e659ce") format("svg");
}
@font-face{
font-family:"Slate W01";
src:url("/Fonts/0ccb23cc-e65f-4f1a-adee-23462447a4f9.eot?iefix") format("eot");}
@font-face{
font-family:"Slate W01";
src:url("/Fonts/0ccb23cc-e65f-4f1a-adee-23462447a4f9.eot?iefix");
src:url("/Fonts/fc86544e-4e5f-4492-a80e-16b5745bb869.woff") format("woff"),url("/Fonts/52e5df46-b718-4238-9f2e-c141505a48c3.ttf") format("truetype"),url("/Fonts/f18b502a-d62a-4454-96ee-ab538e38e037.svg#f18b502a-d62a-4454-96ee-ab538e38e037") format("svg");
}