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


/***** sidebox-top *****/

div.banner {
	margin: 0;
	padding: 0;
}

div.banner ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.banner ul li{
	list-style-type: none;
	padding: 0px 0 5px 0;
}

/***** sidebox end *****/

/***** kinoka-shop *****/
div.kinoka-shop p.top{
	margin: 0;
	padding: 0;
	background: url(../../images/shop-intro-top.jpg) no-repeat;
	height: 51px;
	text-indent: -9999px;
}

div.kinoka-shop p{
	padding: 5px 10px 0 10px;
	background: url(../../images/shop-bg.jpg) repeat-y;
}

div.kinoka-shop p img{
	padding: 5px 15px 5px 5px;
}

div.kinoka-shop p.bottom{
	background: url(../../images/shop-intro-bottom.jpg) no-repeat;
	height: 10px;
}
/***** kinoka-shop end *****/


/***** pickup-shop *****/
div.pickup p.top{
	margin: 0;
	padding: 0;
	background: url(../../images/topics_top.jpg) no-repeat;
	height: 51px;
	text-indent: -9999px;
}

div.pickup p{
	padding: 5px 10px 0 10px;
	background: url(../../images/topics_mid.jpg) repeat-y;
}

div.pickup p img{
	padding: 5px 10px 5px 10px;
}

div.pickup p.bottom{
	background: url(../../images/topics_bttm.jpg) no-repeat;
	height: 7px;
}
/***** pickup-shop end *****/

/***** work-intro *****/
div.work{
	width: 700px;
	margin: 0 0 30px 0;
	padding: 0;
}


div.intro{
	float: left;
	width: 400px;
	margin-right: 7px;
}

div.intro h3{
	padding-bottom: 10px;
}


div.intro ul{
	float: left;
	margin-top: 10px;
	padding: 0;
}

div.intro li{
	list-style-type: none;
	display: inline;
	float: left;
	width: 108px;
	height: 83px;
}

div.work-intro2 {
	margin: 0;
	padding: 0;
}

/***** work-intro end *****/

/***** wb-design *****/
div.wb-design {
	width: 700px;
}

/*recipe*/
div.recipe{
	width: 338px;
	background: url(../../images/reciptebg.jpg) repeat-y;
	float: left;
}

div.recipe p.text{
	width: 200px;
	padding-right: 16px;
	float: right;
}
div.recipe p.text span.design-title{
	font-weight: bold;
}

div.recipe p.photo{
	display: block;
	width: 80px;
	height: 59px;
	margin: 5px 0 0 28px ;
	float: left;
	background-color: #333333;

}

* html div.recipe p.photo {
	margin-left: 15px;

}

div.recipe p.photo img{
	border: solid 1px #FFFFFF;
	width: 70px;
	margin: 4px;
}


div.recipe p.bottom-img {
	clear: both;
}

/*design-dl*/

div.designdl{
	width: 338px;
	background: url(../../images/designbg.jpg) repeat-y;
	float: left;
	margin-left: 20px;
}

div.designdl p.text{
	width: 200px;
	padding-right: 16px;
	float: right;
}
div.designdl p.text span.design-title{
	font-weight: bold;
}

div.designdl p.photo{
	display: block;
	width: 80px;
	height: 59px;
	margin: 5px 0 0 28px ;
	float: left;
	background-color: #333333;
}

* html div.designdl p.photo {
	margin-left: 15px;
}

div.designdl p.photo img{
	border: solid 1px #FFFFFF;
	width: 70px;
	margin: 4px;
}

div.designdl p.bottom-img {
	clear: both;
}



/*******************/

/***** event,update *****/

/* event */
div.event{
	clear: both;
	width: 700px;
	padding: 5px 0 10px 0;
	border-bottom: 2px solid #CDAF7E;
}

div.event-title{
	width: 206px;
	float: left;
	margin-top: 0;
}

div.event-title p{
	width: 186px;
	margin-left: 20px;
}

div.event-title p a, div.event-title p a:visited {
	color:#FF6600;
	text-decoration: underline;
}

div.event-detail dl dd a:hover {
	color: #FF9933;
	text-decoration: underline;
}


div.event-detail {
	width: 494px;
	float: left;
	margin-top: 0;

}

div.event-detail dl {
	width: 100%;
	clear: left;
	padding-top: 30px;
}

div.event-detail dl dt {
	float: left;
	width: 78px;
	margin: 0 0 3px 0;
	padding: 0;
	line-height: 140%;
}

div.event-detail dl dd {
	_height: 1%; /* Hack for Win IE6 */
	margin: 0 0 3px 24px;
	padding: 0;
	line-height: 140%;
}

div.event-detail dl dd a, div.event-detail dl dd a:visited {
	color:#FF6600;
	text-decoration: underline;
}

div.event-detail dl dd a:hover {
	color: #FF9933;
	text-decoration: underline;
}


/* update */
div.update{
	clear: both;
	width: 700px;
	padding: 5px 0 10px 0;
	border-bottom: 2px solid #CDAF7E;
}

div.update-title{
	width: 206px;
	float: left;
	margin-top: 0;
}

div.update-detail {
	width: 494px;
	float: left;
	margin-top: 0;

}

div.update-detail dl {
	width: 100%;
	clear: left;
	padding-top: 30px;
}

div.update-detail dl dt {
	float: left;
	width: 78px;
	margin: 0 0 3px 0;
	padding: 0;
	line-height: 140%;
}

div.update-detail dl dd {
	_height: 1%; /* Hack for Win IE6 */
	margin: 0 0 3px 24px;
	padding: 0;
	line-height: 140%;
}

div.update-detail dl dd a, div.update-detail dl dd a:visited {
	color:#FF6600;
	text-decoration: underline;
}

div.update-detail dl dd a:hover {
	color: #FF9933;
	text-decoration: underline;
}

/***** event,update end *****/


/* link */

div.event a, div.update a, div.wb-design a {
	text-decoration: underline;
	color: #FF6600;
}

div.update a:hover, div.event a:hover, div.wb-design a:hover {
	color: #FF9933;
}