@charset "UTF-8";

/*====================================================
ALL Share
====================================================*/

body{
	margin:0;
	text-align:center;
	padding:0;
	font-family:"Lucida Grande","Hiragino Kaku Gothic Pro","�q���M�m�p�S Pro W3","�l�r �o�S�V�b�N",Geneva,Arial,Verdana,sans-serif;
	color:#555;
	background:#FFF;
}

#wrap{
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	background:#FFF url(../img/bg.jpg) top center no-repeat;
}

.navskip{
	display: none;
	margin:0;
	padding:0;
}

.pagetop{
 clear:both;
	margin:0;
	padding:30px 0 0 0;
	text-align:right;
}

img{
	border:none;
}

.clear{
	clear:both;
}

hr.separat{
	clear:both;
	display:none;
}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{
	display:inline-block;
}

/*IE-mac \*/
*html.clearfix{
	height:1%;
}
.clearfix{
	display:block;
}
/*IE-mac END*/


.text_small{
	font-size:75%;
	font-weight:normal;
}

.text_middi{
	font-size:100%;
}

.text_large{
	font-size:120%;
}

.weight_normal{
	font-weight:normal;
}

img.imgcenter{
	display:block;
	margin:10px auto;
	text-align:center;
}

img.imgright{
	display:block;
	margin:0 0 7px 7px;
	float:right;
}

img.imgleft{
	display:block;
	margin:0 7px 7px 0;
	float:left;
}

.listStyle01 li	{
	margin-left: 20px;
	padding-left: 14px;
	list-style: none;
	background: url(../img/list02.gif) no-repeat left 6px;
}

.floatL	{
	float: left;
}
.floatR	{
	float: right;
}

/*====================================================
LINK
====================================================*/

a:link{
	color:#499838;
	text-decoration:underline;
}

a:visited{
	color:#499838;
	text-decoration:underline;
}

a:hover{
	color:#499838;
	text-decoration:underline;
}


/*====================================================
HEADER
====================================================*/

#header{
	position:relative;
	margin:0 auto;
	padding:0;
	width:800px;
	font-size:150%;
	height:120px;
}

#header h1{
	position:absolute;
	margin:0;
	padding:0;
	top:30px;
	left:0;
}

/*====================================================
NAVI
====================================================*/

#gnav_wrap{
	position:absolute;
	top:35px;
	left:140px;
	margin:0;
	padding:0;
}

#gnav_wrap ul{
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}

#gnav_wrap li{
	position:absolute;
	margin:0;
	padding:0;
	float:left;
	display:inline;
}

#gnav_wrap li img{
	vertical-align:bottom;
}

#gnav_wrap li.home{
	top:0;
	left:0;
	width:45px;
}

#gnav_wrap li.shop{
	top:0;
	left:70px;
	width:35px;
}

#gnav_wrap li.menu{
	top:0;
	left:130px;
	width:105px;
}

#gnav_wrap li.collection{
	top:0;
	left:260px;
	width:102px;
}


/*====================================================
CONTENTS
====================================================*/

#contents_wrap:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	background:url(../img/contents_bg.jpg) top center no-repeat;
}

#contents_wrap{
	display:inline-block;
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	background:url(../img/contents_bg.jpg) top center repeat-y;
}

/*IE-mac \*/
*html#contents_wrap{
	height:1%;
}
#contents_wrap{
	display:block;
}
/*IE-mac END*/


#contents{
	margin:0 auto;
	padding:0 0 20px 0;
	width:660px;
	text-align:left;
}


h2{
	margin:65px 0 30px 0;
	padding:0;
}

h3{
	clear:both;
	margin:0;
	padding:20px 0 0 0;
}

#contents_wrap #contents p, #contents_wrap #contents ul, #contents_wrap #contents dl{
	margin:5px 0 0 0;
	padding:0;
	font-size:80%;
	line-height:1.4;
}

#contents_wrap #contents p.concept{
	margin:0;
	padding:0;
	font-size:80%;
	line-height:1.8;
}

.point_g{
	color:#6CAC5F;
}

.point_o{
	color:#e5954d;
}

.point_r{
	color:#b40000;
}

#contents_wrap #contents .note ul{
	margin:0;
	padding:0 0 0 20px;
	list-style-type:square;
	font-size:75%;
	line-height:1.5;
}

#contents_wrap #contents .note ul li{
	margin:0;
	padding:0 0 7px 0;
}


/*2�i�g*/

.column_type2{
	margin:0;
	padding:0;
}

/*�X�^�b�t*/

.column_type2 .owner{
	float:left;
	margin:0;
	padding:0;
	width:181px;
}

.column_type2 .staff{
	float:right;
	margin:0;
	padding:0;
	width:460px;
}

/*���i*/

.column_type2 .photo{
	float:left;
	margin:0;
	padding:0;
	width:220px;
}

.column_type2 .text{
	float:right;
	margin:0;
	padding:0;
	width:420px;
}

/*���j���[*/

.column_type2 .menu{
	float:left;
	margin:0;
	padding:0;
	width:300px;
}

.column_type2 .note{
	float:right;
	margin:0;
	padding:0;
	width:340px;
}

/* information */
.column_type2 .textL_M	{
	float: left;
	margin: 0;
	padding: 0;
	width: 450px;
}

.column_type2 .textL_S	{
	float: left;
	margin: 0;
	padding: 0;
	width: 400px;
}

.column_type2 .photoR	{
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
}

/*�R���N�V����*/

ul.collection{
	margin:0;
	padding:0;
	list-style:none;
	width:660px;
}

ul.collection li{
	float:left;
	width:135px;
	padding:0;
	margin:0;
}

ul.collection li.last{
	float:left;
	width:120px;
	margin:0;
	padding:0;
}

.dlInline01 dt	{
	float: left;
	margin: 0;
	padding: 0;
}

.dlInline01 dd	{
	float: left;
	margin:0;
	padding: 0 0 0 2em;
}

/*====================================================
TABLE
====================================================*/

table{
	width:100%;
	margin:10px 0;
	font-size:75%;
	line-height:1.6;
}

th.nowrap, td.nowrap{
	white-space:nowrap;
	}

table.shop{
	border-style:solid;
	border-color:#D6D6D6;
	border-width:1px 0 0 0;
}

table.shop td, table.shop th{
	padding:5px;
	border-style:solid;
	border-color:#D6D6D6;
}

table.shop th{
	background:#FFF;
	text-align:right;
	border-width:0 1px 1px 0;
	width:20%;
	color:#6CAC5F;
}

table.shop td{
	border-width:0 0 1px 0;
	text-align:left;
	width:80%;
}


table.menu{
	border-style:solid;
	border-color:#D6D6D6;
	border-width:1px 0 0 0;
}

table.menu td, table.menu th{
	padding:5px;
	border-style:solid;
	border-color:#D6D6D6;
}

table.menu th{
	background:#FFF;
	text-align:left;
	border-width:0 0 1px 0;
	width:70%;
	color:#366A2C;
	font-weight:normal;
}

table.menu td{
	border-width:0 0 1px 0;
	text-align:right;
	width:30%;
}

.dlMarker dt	{
	background: url(../img/list02.gif) no-repeat left 6px;
	padding-left: 14px;
}

.dlMarker dd	{
	margin: 0 0 5px 1.5em;
	background: url(../img/arrow01.gif) no-repeat left 5px;
	padding-left: 10px;
}

/*====================================================
FOOTER
====================================================*/

#footer{
	margin:0;
	padding:0 0 30px 0;
	text-align:center;
	font-size:75%;
	color:#a9c2a4;
	width:100%;
	background:url(../img/footer_bg.jpg) top center no-repeat;
}

#footer p{
	margin:0;
	padding:70px 0 0 0;
}


.m_b5	{	margin-bottom: 5px !important;	}
.m_b10	{	margin-bottom: 10px !important;	}
.m_b20	{	margin-bottom: 20px !important;	}
.m_b30	{	margin-bottom: 30px !important;	}
.m_b40	{	margin-bottom: 40px !important;	}
.m_b50	{	margin-bottom: 50px !important;	}

.infoColumnL	{
	margin: 0 15px 0 0;
	padding: 0;
	width: 210px;
	float: left;
}

.infoColumnR	{
	margin: 0;
	padding: 0;
	width: 210px;
		float: right;
}