@charset "UTF-8";
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:80%;
	color:#333333;
	margin:0px;
	padding:0px;
	line-height:1.4;
}
html,a,form,input,area,div,img,table,ul,ol,li,dd,h1,h2,h3,h4,h5,h6,p{
	margin:0px;
	padding:0px;
	border:none;
}
img	{ border:none; }
table{ font-size: 100%; }
a {
	text-decoration:none;
	color:#4D4D4D;
}
a:hover,a:focus {
	text-decoration:underline;
	color:#808080;
}
ul,ol{list-style-position:inside;}

/*---------------------------------------------------------------------
WRAPPER
---------------------------------------------------------------------*/
#WRAPPER{
	text-align:center;
	padding-bottom:30px;
}

/*---------------------------------------------------------------------
HEAD
---------------------------------------------------------------------*/
#HEAD{
	height:75px;
	width:900px;
	text-align:left;
	margin:0 auto;
	padding-top:20px;
	overflow:visible;
}
#HEAD h1{
	float:left;
	width:200px;
	margin-left:20px;
}
#HEAD #NAVI-COLLECTION-WRAP{
	float:right;
	width:220px;
	margin-top:39px;		
}

#HEAD #NAVI-COLLECTION{
	position:absolute;
	z-index:2;
	height:35px;
	overflow:hidden;
}

#HEAD #NAVI-COLLECTION a:hover,
#HEAD #NAVI-COLLECTION a:focus {
	text-decoration:none;
}

#HEAD div#NAVI-COLLECTION.open{overflow:visible;}

#HEAD #NAVI-COLLECTION p a{
	display:block;
	margin-right:20px;
	width:200px;
	height:35px;
	border-bottom:1px #FFFFFF solid;
	background:url(../images/common/navi-collection-top-close.gif) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));
}

#HEAD #NAVI-COLLECTION.open p a{
	background:url(../images/common/navi-collection-top-open.gif) no-repeat left top;
}

#HEAD #NAVI-COLLECTION p a:hover,
#HEAD #NAVI-COLLECTION p a:focus{
	background-position:0 -35px;	
}

#HEAD #NAVI-COLLECTION ul{
	width:200px;
	margin-right:20px;
	background:url(../images/common/navi-collection-con.png) no-repeat left bottom;
	list-style-position:outside;
	behavior: expression(IEPNGFIX.fix(this));
	padding-bottom:10px;
}

#HEAD #NAVI-COLLECTION ul li{
	list-style-type:none;
}

#HEAD #NAVI-COLLECTION ul li a{
	height:23px;
	display:block;
	text-indent:15px;
	font-weight:bold;
	color:#000000;
	font-size:75%;
	line-height:23px;
	padding-top:2px;
}

#HEAD #NAVI-COLLECTION ul li a:hover,
#HEAD #NAVI-COLLECTION ul li a:focus{
	color:#FFFFFF;
	background-color:#1A1A1A;
}
/*---------------------------------------------------------------------
C-MENU-WRAPP
---------------------------------------------------------------------*/
#C-MENU-BG{
	height:100px;
	background-color:#000000;
}
#C-MENU-WRAPP{
	width:900px;
	text-align:left;
	margin:0 auto;
}

#C-MENU-WRAPP h2#h2-COLLECTION{
	float:left;
	width:400px;
}
ul#C-MENU{
	float:right;
	width:500px;
	list-style-type:none;
}
ul#C-MENU li{
	float:left;
	width:100px;
}
ul#C-MENU li a{
	display:block;
	height:100px;
}

ul#C-MENU li a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}

ul#C-MENU li#MAIN{width:400px;}

/*---------------------------------------------------------------------
CONTENT
---------------------------------------------------------------------*/
#CONTENT{
	width:860px;
	text-align:left;
	margin:0 auto;
}
	
#CONTENT.webpage{
	padding-top:50px;
	padding-bottom:50px;
}
/*---------------------------------------------------------------------
C-NAVI
---------------------------------------------------------------------*/
ul#C-NAVI {
	margin:15px 0 60px;
	list-style-type:none;
}
ul#C-NAVI li{
	font-size:75%;
	letter-spacing:1px;
	float:left;
	background:url(../images/common/icon01.gif) no-repeat left center;
}
ul#C-NAVI li a{margin:0 30px 0 10px;}
/*---------------------------------------------------------------------
product
---------------------------------------------------------------------*/
div.hiddenProduct {
	display:none;
}

.product{
	margin-bottom:80px;
	background:url(../images/common/line.gif) repeat-y 480px top;
}
.view{
	width:480px;
	float:left;
}
.view-main{
	text-align:center;
	padding:20px 0;
	background:url(../images/common/line.gif) repeat-x left bottom;
}
.view-sum{
	text-align:center;
	padding:20px 0;
}
.spec{
	width:380px;
	float:right;
}

table.table01,
p.remark{
	width:340px;
	margin-left:40px;
}
table.table01 th,
table.table01 td{
	font-size:85%;
	padding:5px 0;
	line-height:20px;
	vertical-align:top;
}
table.table01 th{
	border-bottom:2px solid #000000;
	width:50%;
}
table.table01 td{
	border-bottom:2px solid #E9E9E9;
	width:50%;
	padding-left:5px;
}

p.remark{
	font-size:90%;
	margin-top:30px;
	font-weight:bold;
}
/*---------------------------------------------------------------------
news
---------------------------------------------------------------------*/	
#NEWS-CON  h3{
	line-height:36px;
	border-top:2px #4D4D4D solid;
	border-bottom:1px #D9D9D9 solid;
	margin-bottom:10px;
	font-size:95%;
	text-indent:12px;
	background:url(../images/common/icon01.gif) no-repeat 3px center;
}
#NEWS-CON  h3.news-list{border:none;}
#NEWS-CON  h3 span{
	color:#4D4D4D;
	margin-left:10px;
	font-weight:normal;
}
#NEWS-CON  p{margin-bottom:50px;}

p.go{
	text-align:right;	
}

p.go a{
	padding-left:30px;
	background:url(../images/common/cursor.gif) no-repeat left center;
}


/*---------------------------------------------------------------------
company
---------------------------------------------------------------------*/
div.company-L{
	width:420px;
	float:left;
}
div.company-R{
	width:420px;
	float:right;
}
table.table02{
	width:100%;
}
table.table02 th,
table.table02 td{
	font-size:95%;
	padding:5px 0 3px;
	line-height:22px;
	vertical-align:top;
}
table.table02 th{
	border-bottom:2px solid #000000;
	width:80px;
}
table.table02 td{
	border-bottom:2px solid #E9E9E9;
	padding-left:5px;
}
/*---------------------------------------------------------------------
history
---------------------------------------------------------------------*/
table.table03{
	width:100%;
}
table.table03 th,
table.table03 td{
	vertical-align:top;
}

table.table03 th{
	border-right:1px solid #E9E9E9;
	width:80px;
}
table.table03 td{
	padding:0 20px;
	padding-bottom:40px;
}
table.table03 td.photo{
	padding:0;
	border-left:1px solid #E9E9E9;
	width:160px;
	text-align:center;
}

/*---------------------------------------------------------------------
shoplist
---------------------------------------------------------------------*/
div.shoplist-wrapp{
	width:182px;
	float:left;
	display:inline;
	margin-right:44px;
}
	
div.shoplist-wrapp-last{
	float:right;
	margin-right:0;
}
div.shoplist-wrapp h3,
div.shoplist-wrapp-last h3{
	width:182px;
	border-bottom:2px solid #000000;
	line-height:30px;
	text-indent:12px;
	background:url(../images/common/icon01.gif) no-repeat 3px center;
}
div.shoplist-wrapp h3,
div.shoplist-wrapp-last h3{font-size:95%;}
div.shoplist-con h4{
	font-size:95%;
	margin-bottom:5px;
}
div.shoplist-con p{
	font-size:90%;
}
div.shoplist-con p.add{
	margin-bottom:5px;
}
div.shoplist-con{
	width:182px;
	border-bottom:1px solid #E9E9E9;
	padding-top:15px;
	height:120px;
}
/*---------------------------------------------------------------------
service
---------------------------------------------------------------------*/
div.service-box{
	margin-bottom:60px;
}
h3.service{margin-bottom:30px;}
div.request-hagaki{
	float:left;
	width:200px;
}
div.g-price{
	float:right;
	width:660px;
}

.point01{color:#E61A19;}
.sub01{color:#4D4D4D;}
.sub02{font-size:90%;}

table.table04{margin-bottom:60px;}

table.table04 th,
table.table04 td{
	vertical-align:top;
	padding:8px 0;
	text-indent:5px;
	font-size:95%;
}

table.table04 thead th{
	padding:3px 0;
	background-color:#000000;
	color:#FFFFFF;
	text-indent:5px;
	font-weight:normal;
	border-bottom:solid #FFFFFF 15px;
}

table.table04 thead th.th01,
table.table04 thead th.th02,
table.table04 thead th.th03,
table.table04 tbody th,
table.table04 tbody td.td01{
	border-right:solid #FFFFFF 15px;
}
	
table.table04 thead th.th01{width:150px;}
table.table04 thead th.th02{width:210px;}
table.table04 thead th.th03{width:260px;}
table.table04 thead th.th04{width:150px;}

table.table04 tbody th.th02{font-weight:normal;}
table.table04 tbody th span.sub01{
	font-weight:normal;
	line-height:18px;
	font-size:95%;
	display:block;
	text-indent:0;
	padding:3px 0 0 5px;
	margin-top:10px;
}
table.table04 tbody td,
table.table04 tbody th.th02{
	background:url(../images/common/cell-bottom02.gif) repeat-x left bottom;
}

table.table04 tbody th.th01{
	background:url(../images/common/cell-bottom01.gif) repeat-x left bottom;
}

/*---------------------------------------------------------------------
privacy
---------------------------------------------------------------------*/	
#PRIVACY-CON h3{
	border-bottom:2px solid #E9E9E9;
	line-height:30px;
	text-indent:12px;
	background:url(../images/common/icon01.gif) no-repeat 3px center;
	margin-bottom:10px;
}
#PRIVACY-CON p,
#PRIVACY-CON ul,
#PRIVACY-CON ol{margin-bottom:30px;}
#PRIVACY-CON p.mgB10{margin-bottom:10px;}
#PRIVACY-CON p.mg0{margin:0;}

#PRIVACY-CON p.contact{line-height:15px;font-size:15px;}
#PRIVACY-CON p.contact img{vertical-align:bottom;}

/*---------------------------------------------------------------------
faq
---------------------------------------------------------------------*/	
#FAQ-CON img{vertical-align:middle;}

#FAQ-CON  h3{
	line-height:36px;
	border-top:2px #4D4D4D solid;
	border-bottom:1px #D9D9D9 solid;
	margin-bottom:10px;
	font-size:98%;
}
	
#FAQ-CON .faq-set{margin-bottom:40px;}
	
#FAQ-CON  p{
	width:824px;
	float:right;
	margin-top:7px;
}


/*---------------------------------------------------------------------
pagetop
---------------------------------------------------------------------*/	
#CONTENT .pagetop{
	text-align:right;
	margin-top:30px;
}

#CONTENT.webpage .pagetop{
	text-align:right;
	margin:20px 0 30px;
}

/*---------------------------------------------------------------------
FOOT
---------------------------------------------------------------------*/
ul#FOOT{
	height:35px;
	width:860px;
	margin:0 auto;
	list-style-type:none;
	background:url(../images/common/foot-bg.jpg) no-repeat left top;
}
ul#FOOT li{
	float:left;
}
ul#FOOT li a{
	display:block;
	height:35px;
	width:100px;
	background-image:url(../images/common/foot-bg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
ul#FOOT li#NEWS a{
	margin-left:10px;
	background-position:-10px 0;
	width:92px;
}
ul#FOOT li#NEWS a:hover,
ul#FOOT li#NEWS a:focus{
	background-position:-10px -35px;
}
ul#FOOT li#HISTORY a{	
	background-position:-102px 0px;
	width:104px;
}
ul#FOOT li#HISTORY a:hover,
ul#FOOT li#HISTORY a:focus{
	background-position:-102px -35px;
}
ul#FOOT li#SERVICE a{	
	background-position:-206px 0;
	width:135px;
}
ul#FOOT li#SERVICE a:hover,
ul#FOOT li#SERVICE a:focus{
	background-position:-206px -35px;
}
ul#FOOT li#FAQ a{	
	background-position:-341px 0;
	width:131px;
}
ul#FOOT li#FAQ a:hover,
ul#FOOT li#FAQ a:focus{
	background-position:-341px -35px;
}
ul#FOOT li#SHOPLIST a{	
	background-position:-472px 0;
	width:120px;
}
ul#FOOT li#SHOPLIST a:hover,
ul#FOOT li#SHOPLIST a:focus{
	background-position:-472px -35px;
}
ul#FOOT li#COMPANY a{	
	background-position:-592px 0;
	width:95px;
}
ul#FOOT li#COMPANY a:hover,
ul#FOOT li#COMPANY a:focus{
	background-position:-592px -35px;
}
ul#FOOT li#PRIVACY a{	
	background-position:-687px 0;
	width:163px;
}
ul#FOOT li#PRIVACY a:hover,
ul#FOOT li#PRIVACY a:focus{
	background-position:-687px -35px;
}

#COPYRIGHT{
	width:860px;
	margin:0 auto;
}

#COPYRIGHT p{
	color:#000000;
	font-size:70%;
	text-align:right;
	margin-top:4px;
}
/*===============================================
class
===============================================*/
.alC{text-align: center;}
.alL{text-align: left;}
.alR{text-align: right;}
.flL{float:left;}
.flR{float:right;}
.mgTB10{margin: 10px 0;}
.mgT20{margin-top: 20px;}
.mgB5{margin-bottom: 5px;}
.mgB10{margin-bottom: 10px;}
.mgB20{margin-bottom: 20px;}
.mgB35{margin-bottom: 35px;}
.mgL12{margin-left: 12px;}
.pdTB10{padding: 10px 0;}
.pdT15{padding-top: 15px;}
.pdT56{margin-top: 15px;}
.bold{font-weight: bold;}

/*===============================================
span
===============================================*/
/*--------------------for MacIE--------------------*/
#HEAD #NAVI-COLLECTION p span,
ul#C-MENU li a span,
ul#FOOT li a span{
	text-indent:-9999px;
}
/*--------------------Hides from IE-mac--------------------\*/
#HEAD #NAVI-COLLECTION p span,
ul#C-MENU li a span,
ul#FOOT li a span{
	height:0px;
	width:0px;
	overflow:hidden;
	position:absolute;
}
/*===============================================
clearfix
===============================================*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */