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


/* メイン
----------------------------------------------------*/
#main{ background: url(../common/contents_bg.jpg) no-repeat; }
.box{
	background: url(../common/contents_line.jpg) repeat-x bottom;
	padding: 0 0 15px 0;
	margin: 20px 0 0 0;
}
#contents{
	margin: 0 5px;
	padding: 30px;
	background-color: #FFFFFF;
}


/* サイド
----------------------------------------------------
#side .sidenav{ background: url(../common/sidenav_top.gif) no-repeat; }
#side .sidenav h3{
	height: 39px;
	text-indent: -9999px;
}
#side .sidenav dl{
	background: url(../common/sidenav_middle.jpg) repeat-y;
	margin: 0 5px;
	padding: 10px;
	color: #FFFFFF;
	font-size: 93%;
}
#side .sidenav img{ border: 1px solid #FFFFFF; }
#side .sidenav a:hover img{ border: 1px solid #026701; }
#side .sidenav p.more{
	height: 37px;
	padding: 8px 0 0 152px;
	background: url(../common/sidenav_bottom.gif) no-repeat;
}
#side .sidenav p.more a{
	background: url(../common/btn_more.jpg) no-repeat;
	text-indent:-9999px;
	display: block;
	width: 50px;
	height: 15px;
}
#side .sidenav p.more a:hover{ background-position: -50px 0; }

#side dl{
	padding: 10px 5px 15px 5px;
	background: url(../images/new_line.jpg) repeat-x bottom;
}
#side dl dt{
	font-weight: bold;
	font-size: 108%;
	padding: 0 0 5px 0;
}
#side dl dt p.date{
	font-size: 86%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
*/

/* 各ページ
----------------------------------------------------*/
/* 歴史＆コンセプトページ　*/
#history h2{ background:url(../history/images/title.jpg) no-repeat;}
#history .box h3{
	padding: 0 0 15px 0;
	height: 37px;
	background: url(../history/images/subtitle.jpg) no-repeat;
	text-indent: -9999px;
}
#history .box p{
	margin: 0 0 10px 0;
	font-size: 93%;
	line-height: 1.6;
}
#history .box#title p{
	font-weight: bold;
	font-size: 108%;
	line-height: 1.4;
}
#history .box img#bag{
	text-align: center;
	clear: both;
	padding: 10px 0 0 0;
}

#history #contents00 img{
	float: right;
	padding: 0 0 10px 10px;
}
#history .box h4{
	padding: 0 0 5px 0;
	height: 22px;
	text-indent: -9999px;
}
#history .box img.pctr{
	float: right;
	padding: 5px 0 10px 10px;
}
#history .box img.pctl{
	float: left;
	padding: 5px 10px 10px 0;
}

#history #contents00 h4{ background: url(../history/images/contents00_tit.jpg) no-repeat; }
#history #contents01 h4{ background: url(../history/images/contents01_tit.jpg) no-repeat; }
#history #contents02 h4{ background: url(../history/images/contents02_tit.jpg) no-repeat; }
#history #contents03 h4{ background: url(../history/images/contents03_tit.jpg) no-repeat; }

#history #side .sidenav h3#tit01{ background: url(../history/images/side_tit01.jpg) no-repeat 15px 20px; }
#history #side .sidenav h3#tit02{ background: url(../history/images/side_tit02.jpg) no-repeat 15px 20px; }

/* ショップ＆プロフィールページ　*/
#shopro h2{ background:url(../shop/images/title.jpg) no-repeat; }
#shop h3{
	padding: 0 0 5px 0;
	height: 27px;
	text-indent: -9999px;
	background: url(../shop/images/contents01_tit.jpg) no-repeat;
}
#shop .clearfix img{
	width: 320px;
	float: left;
	padding-right: 10px;
}
#shop #subimg{ margin: 10px 0 20px 0; }
#shop #subimg img{
	width: 100px;
	float: left;
	padding-right: 12px;
}
#shop #subimg img#shopimg06{ padding: 0; }

#profile h3{
	padding: 0 0 5px 0;
	height: 23px;
	text-indent: -9999px;
	background: url(../shop/images/contents02_tit.jpg) no-repeat;
}


#profile table {
	width: 300px;
	float: left;
}
#profile th {
	text-align: right;
	font-size:77%;
	font-weight: normal;
	padding: 10px 10px 10px 5px;
	border-bottom: 1px dotted #CCCCCC;
	white-space: nowrap;
}
#profile td {
	font-size: 93%;
	padding: 10px 5px 10px 5px;
	border-bottom: 1px dotted #CCCCCC;
}

#profile .contact{
	width: 560px;
	margin: 10px 0 0 30px;
	padding: 20px;
	border: 1px solid #E9DA9F;
	background-color: #FDFADF;
	font-size: 93%;
}
#profile p#btn{
	margin: 5px 0 0 190px;
}
#profile p#btn a{
	text-align: center;
	display: block;
	height: 35px;
	width: 180px;
	text-indent:-9999px;
	background: url(../common/btn_contact.jpg) no-repeat;
}
#profile p#btn a:hover{ background-position: 0 -35px; }

#profile .contact p.access a{ padding: 0 0 5px 18px; }

#shop #side .sidenav h3.tit{ background: url(../shop/images/side_tit.jpg) no-repeat 15px 20px; }

/* コレクションページ　*/
#collection h2{ background:url(../collection/images/title.jpg) no-repeat; }
#collection .box{
	padding: 30px 0 50px 0;
}
#collection .imgleft{
	float: left;
	width: 370px;
}
#collection .imgright{
	float: right;
	width: 370px;
}
#collection p.zoom{
	font-size: 77%;
	margin: 5px 0 0 0;
	padding: 0 0 0 1.6em;
	color: #333333;
	background: url(../collection/images/viewlet_zoom.jpg) no-repeat 0 0.2em;
	height: 18px;
}
#collection .subphoto img{
	margin: 10px 10px 0 0;
	border: 1px solid #CCCCCC;
}
#collection .subphoto img.last{ margin: 10px 0 0 0; }
#collection .subphoto a:hover img{ border: 1px solid #990000; }
#collection .contact{
	margin: 20px 0 0 0;
	padding: 10px;
	border: 1px solid #E9DA9F;
	background-color: #FDFADF;
}
#collection .contact p{ font-size: 93%; }
#collection .contact p.access{ 
	height: 20px;
	margin: 10px 0 0 0;
	background: url(../collection/images/viewlet.jpg) no-repeat 0 0.1em;
}
#collection .contact p.access a{ padding: 0 0 5px 18px; }
#collection .captionright{
	float:right;
	width: 280px;
}
#collection .captionleft{
	float:left;
	width: 280px;
}
#collection dl dt.itemname{
	font-size: 123.1%;
	font-weight: bold;
	color: #7F6F41;
	margin: 0 0 10px 0;
	border-bottom: 2px solid #7F6F41;
}
#collection dl.new dt{ background: url(../collection/images/new_icons.gif) no-repeat 0px 1.0em; }
#collection dl.new dt{ padding-left: 32px; }
#collection dl dd.itemcopy{
	font-size: 108%;
	line-height: 1.6;
	padding: 0 0 10px 0;
}

#collection table {
	border-collapse: collapse;
	width: 280px;
}
#collection th {
 	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	padding: 5px 5px 0px 5px;
	text-align: left;
	border-bottom: 1px dotted #CCCCCC;
}
#collection td {
	font-size: 12px;
	padding: 0px 5px 5px 5px;
}
#collection td.color{ padding: 0px 0 5px 5px; }
#collection td.color dl{
	float: left;
	padding: 0 1px 0 0;
}
#collection td.color dl dt{
	padding-top: 5px;
	line-height: 1.2;
}
#collection td.color dl dt .sm{ font-size: 77%; }
#collection p.btn{ margin: 20px 0 0 50px; }
#collection p.btn a{
	text-align: center;
	display: block;
	height: 35px;
	width: 180px;
	text-indent:-9999px;
	background: url(../common/btn_contact.jpg) no-repeat;
}
#collection p.btn a:hover{ background-position: 0 -35px; }

#collection #side .sidenav h3#tit01{ background: url(../collection/images/side_tit01.jpg) no-repeat 15px 20px; }
#collection #side .sidenav h3#tit02{ background: url(../collection/images/side_tit02.jpg) no-repeat 15px 20px; }
#collection #side .sidenav h3#tit03{ background: url(../collection/images/side_tit03.jpg) no-repeat 15px 20px; }

/* プライバシーポリシー　*/
#pp h2{ background:url(../images/pp_title.jpg) no-repeat; }
#pp .box { width: 660px; }
#pp .box ol {
	margin:0;
	padding: 0 0 0 25px;
	line-height: 1.8;
}
#pp .box li{
	list-style-type: decimal;
	margin:20px 0 0 0;
	padding:0;
	font-weight: bold;
}
#pp .box li p{ font-weight: normal; }
#pp .box ol .sub li{
	list-style-type: lower-alpha;
	font-weight: normal;
	margin: 0 0 0 10px;
}
#pp #side .sidenav h3.tit{ background: url(../shop/images/side_tit.jpg) no-repeat 15px 20px; }

/* お問い合わせ　*/
#contact h2{ background:url(../images/contact_title.jpg) no-repeat; }
#contact .box{ text-align: center; }
#mailfrom_hidden_object {
	width: 1px;
	height: 1px;
	overflow: hidden;
}
#mailfrom_hidden_object input {
	margin: 10px;
}
#contact td p{ margin: 0 0 5px 0; }
#contact sup{ color:#CC0000; }
#contact .caption{
	text-align:center;
	width: 600px;
	padding: 10px;
	margin: 20px 0;
	border: 1px solid #E9DA9F;
	background-color: #FDFADF;
}
#contact .must{
	width: 600px;
	text-align: right;
	font-size: 77%;
	color: #CC0000;
}
input, text, textarea, select, button, radio, checkbox {
	font-size: 1.0em;
	padding: 2px;
}
#contact table {
	border-collapse: collapse;
	width: 600px;
	margin: 0 0 10px 0 ;
}
#contact th {
	font-size: 93%;
	width: 15em;
	vertical-align: top;
	text-align: right;
	font-weight: normal;
	padding: 10px 10px 10px 5px;
	border-bottom: 1px dotted #CCCCCC;
	white-space: nowrap;
}
#contact td {
	text-align: left;
	font-size: 93%;
	vertical-align: top;
	padding: 10px 5px 10px 5px;
	border-bottom: 1px dotted #CCCCCC;
}
#contact td#btn{ text-align:center; }
#contact #side .sidenav h3.tit{ background: url(../shop/images/side_tit.jpg) no-repeat 15px 20px; }

/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/
10px = 77%	 11px = 85%	 12px = 93%	 13px = 100%
14px = 108%	15px = 116%	16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%	23px = 174%	24px = 182%	25px = 189%
26px = 197%
------------------------------------------------------*/