@charset "UTF-8";
body{
	color:#FFFFFF;
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Hiragino Kaku Gothic Pro","¥á¥¤¥ê¥ª",Meiryo,"£Í£Ó £Ð¥´¥·¥Ã¥¯","MS PGothic","Osaka",arial, helvetica, verdana;
	font-size:85%;
	line-height:1.5;
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#000000;
	background:url(../images/top_bg.gif) left 18px repeat-x;
}
.mceContentBody	{
	background-color:#000000;
}
img	{ border:0px; }
h1,h2,h3,h4,h5,h6,form,p,ul,ol,li,div,table,thead,tbody,tfoot{
	margin:0px;
	padding:0px;
}

table{
	font-size:12px;
	border-collapse:collapse;
}

ul li {
	list-style-type:none;
}

a{
	text-decoration:none;
	color:#FFFFFF;
}

a:link{
	text-decoration:none;
	color:#FFFFFF;
}

a:visited{
	text-decoration:none;
	color:#FFFFFF;
}

a:hover,
a:focus {
	text-decoration:underline;
	color:#999999;
}


/*===============================================
HEAD-TOP
===============================================*/

#HEAD-TOP{
	background-color:#000000;
}

#HEAD-TOP div{
	width:950px;
	margin:0 auto;
	text-align:left;
	height:18px;
	line-height: 17px;
	text-indent: 3px;
}

#HEAD-TOP h1,
#HEAD-TOP p{
	display:inline;
	font-weight:normal;
	font-size:10px;
	color:#FFFFFF;
}

/*===============================================
HEAD
===============================================*/
#HEAD	{ 
	width: 950px;
	height:102px;
	margin: 0px auto;
}

#HEAD h2	{
	width:340px;
	float:left;
	margin-top:13px;
}

#HEAD #TEL	{
	width:225px;
	float:right;
	margin-top:13px;
}

#VISUAL-BG{
	background-color: #000000; 
}

#VISUAL{
	width: 950px;
	height: 240px;
	margin: 0px auto;
	text-indent: -9999px;
	background-image: url(../images/visual.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}



#HEAD-BG{
	background-color: #000000; 
}

#HEAD-BG #FLASH{
	width: 950px;
	height: 362px;
	margin:0 auto;
}

/*===============================================
NAVI-GLOBAL
===============================================*/
	
#NAVI-BG{	
	background:url(../images/navi-bg.gif) repeat-x left 0px;
	background-color:#000;
	padding-top:14px ;
	padding-bottom:20px;
}

#NAVI-GLOBAL{
	width:950px;
	height: 87px;
	margin: 0px auto;
}

#NAVI-GLOBAL ul li{ 
	float:left;
}

#NAVI-GLOBAL ul li a{
	display:block;
	height: 59px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#NAVI-GLOBAL ul li#NAVI-about a{
	width: 232px;
	margin-right:7px;
	background-image: url(../images/navi-global-about.gif);
}


#NAVI-GLOBAL ul li#NAVI-lineup a{
	width: 232px;
	margin-right:7px;
	background-image: url(../images/navi-global-lineup.gif);
}

#NAVI-GLOBAL ul li#NAVI-shop a{
	width: 232px;
	margin-right:8px;
	background-image: url(../images/navi-global-shop.gif);
}

#NAVI-GLOBAL ul li#NAVI-company a{
	width: 232px;
	background-image: url(../images/navi-global-company.gif);
}

#NAVI-GLOBAL ul li a:hover,
#NAVI-GLOBAL ul li a:active,
#NAVI-GLOBAL2 ul li a:hover,
#NAVI-GLOBAL2 ul li a:active{
	background-position:0px -59px;
}



/*===============================================
MAIN
===============================================*/

#MAIN-BG{
	background:#000;
}

#MAIN{
	text-align: left;
}


/*===============================================
CONTENT
===============================================*/

#CONTENT-BG{
	background:#000;
	width:950px;
	margin:0px auto 0px auto;
	padding-bottom: 20px;
}

#CONTENT{
	width:690px;
	float:left;
}

#CONTENT p	{
	margin:0px 10px 0px 10px;
}

/*===============================================
TOP MAIN
===============================================*/

#MAIN-TOP{
	text-align:left;
}

#MAIN-TOP #CONTENT{
	width: 593px;
	float: right;
}

#MAIN-TOP #CONTENT-BG{
	background:#000;
	width:950px;
	margin:0px auto 0px auto;
}

#MAIN-TOP #SUBCONTENT-WRAP{
	width:327px;
	float:left;
	padding: 0px 0px;
}

#MAIN-TOP #SUBCONTENT{
	width:327px;
	margin: 0px auto;
}

#MAIN-TOP #SUBCONTENT img{
	margin-bottom:20px;
}


/*===============================================
SUBCONTENT
===============================================*/

#SUBCONTENT-WRAP{
	width:230px;
	float:right;
	padding: 0px 0px;
}

#SUBCONTENT{
	width:230px;
	margin: 0px auto;
}

#SUBCONTENT img{
	margin-bottom:15px;
}

#BANNER a{
	display: block;
}

#BANNER a:hover,
#BANNER a:focus{
	filter:alpha(opacity=50);
	-moz-opacity: 0.6;
	opacity: 0.6;
}



/*===============================================
NAVI-FOOT
===============================================*/
#FOOT-BG{
	height:60px;
	background:url(../images/foot-bg.gif) repeat-x left top;
	background-color:#000;
	padding-top:10px;
	text-align:left;
	margin-bottom:0px;
}

#NAVI-FOOT{
	width:950px;
	float:center;
	color:#FFFFFF;
	font-size:85%;
	margin: 0px auto;
}

p#COPYRIGHT{
	padding-top:5px;
	padding-left:10px;
	margin-top:10px;
	width:950px;
	float:center;
	font-size:85%;
	color:#FFFFFF;
}

#NAVI-FOOT a{
	background-image:url(../images/icon01.gif);
	background-repeat:no-repeat;
	background-position:left center;
	width:950px;
	padding-left:10px;
	line-height:10px;
	margin-left:10px;
}
	
#NAVI-FOOT a:link,
#NAVI-FOOT a:visited{
	color:#FFFFFF;
	text-decoration:none;
} 

#NAVI-FOOT a:hover,
#NAVI-FOOT a:focus {
	text-decoration:underline;
	color:#999999;
}


/*===============================================
TEMPLATE
===============================================*/

#CONTENT h3{
	font-size:140%;
	text-indent:10px;
	background-image:url(../images/h3-bg.gif);
	background-position:left center;
	background-repeat:no-repeat;
	line-height:33px;
	width:690px;
	height:28px;
	color:#FFFFFF;
	margin-bottom:15px;
}

#CONTENT h3.original{
	text-indent:0px;
	background-image:none;
	line-height:auto;
	height:auto;
}

#CONTENT h4{
	font-size:120%;
	background-image:url(../images/h4-bg.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:3px;
	line-height:16px;
	width:14x;
	height:14px;
	text-indent:20px;
	color:#FFFFFF;
	margin-bottom:15px;
}

#CONTENT h4.original{
	background-image:none;
	line-height:auto;
	height:auto;
	text-indent:0px;
}

#CONTENT h5{
	font-size:110%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
	line-height:25px;
	height:25px;
	text-indent:2px;
	color:#FFFFFF;
	margin-bottom:8px;
}

#CONTENT h5.original{
	text-indent:none;
	background-image:none;
	border:none;
	line-height:auto;
	height:auto;
}

#SUBCONTENT h6{
	font-size:105%;
	background-image:url(../images/h6-bg.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	margin-bottom: 15px;
}

#SUBCONTENT h6.original{
	border-bottom:none;
	margin-bottom: 15px;
}


#CONTENT ul{ 
	font-size:85%;
	margin:5px 0 10px 5px; 
}

#CONTENT ol{ 
	font-size:85%;
	margin:5px 0 10px 25px; 
	line-height:20px;
}

#CONTENT ul li{
	background-image:url(../images/li-bg.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:10px;
	line-height:20px;
}
	
#SUBCONTENT ul{ 
	margin:5px 0px 10px 0px; 
}

#SUBCONTENT ol{ 
	font-size:85%;
	margin:5px 0px 10px 25px; 
	line-height:18px;
}

#SUBCONTENT ul li{
	font-size:85%;
	background-image:url(../images/icon01.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:10px;
	line-height:18px;
}

table.table01{
	border-spacing:2px;
	border-collapse:separate;
}

table.table01,
table.table02{
	margin:10px auto 15px;
}

table.table01 th,
table.table01 td{
	padding:5px 10px;
	text-align:left;
	color:#FFFFFF;
	vertical-align:top;
	border-bottom:1px #000000 solid;
}
	
table.table01 th{
	border-left:2px #C00 solid;
	background-color:#000;
}

table.table01 td{
	background-image:url(../images/bg-td01.gif);
	background-repeat:repeat;
}

table.table02 th,
table.table02 td{
	padding:5px 10px;
	text-align:left;
	color:#FFFFFF;
	vertical-align:top;
	border-bottom:2px #000000 solid;
}

table.table02 th{
	background-color:#262626;
}
	
table.table02 td{
	background-color:#4D4D4D;
}

.button01{
	background-image:url(../images/icon01.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10px;
	line-height:20px;
	font-size:85%;
	margin-left:7px;
}

.button02{
	background-image:url(../images/icon02.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:13px;
	line-height:20px;
	font-size:85%;
	margin-left:5px;
}

a.button01,
a.button02{
	color:#FFFFFF;
	text-decoration:none;
}

a.button01:visited,
a.button02:visited,{
	color:#FFFFFF;
}

a.button01:hover,
a.button01:focus,
a.button02:hover,
a.button02:focus{
	color:#999999;
	text-decoration:underline;
}


/*===============================================
FORM
===============================================*/
.ipt	{
	color:#FF3333;
	font-size:80%;
}
.msg	{
	color:#393939;	
	margin:15px 0px 15px 0px;
	text-align:center;
	font-size:12px;
}

.error_form	{background-color:#FFFF7C;}

#CONTENT p.error	{
	padding:15px;
	color:#333333;
	background-color: #F9F9F9;
	border: 1px solid #BBBBBB;
	margin: 0px 20px 25px 20px;
}
.error a:link,
.error a:visited	{
	color:#FF3333;
	text-decoration:underline;
}
.error a:hover	{
	color:#FF3333;
	text-decoration:underline;
}
.inquiryButtons	{
	text-align:center;
	padding:10px;
}



/*===============================================
SPAN
===============================================*/

#NAVI-GLOBAL ul li a span{

	display:block;

	text-indent:-9999px;

}

/* Hack Mac IE5 \*/

#NAVI-GLOBAL ul li a span{

	width:0px;

	height:0px;

	overflow:hidden;

}

/* End */


/*===============================================
shop-info
===============================================*/

#info table{
background-color:#FFF;
margin-bottom:0px;
}

#info table th{
color:#333333;
font-size:120%;
text-align:center;
padding-bottom:5px
}

/*===============================================
class
===============================================*/
.alC	{ text-align: center; }
.alL	{ text-align: left; }
.alR	{ text-align: right; }
.flL	{ float: left; }
.flR	{ float: right; }
.clB	{ clear: both; }
.mgB30{margin-bottom:30px;}
.pdT05{padding-top:5px;}
.pdL10{padding-left:10px;}


/*===============================================
clearfix
===============================================*/
.clearfix:after{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
}
.clearfix{
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
*html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}
/* end */