@import url("base.css");

/***********************************************/
/* CSS file For yagi creative, Inc.            */
/* FileName: index.css                         */
/* data:2009                                   */
/***********************************************/


/* base -----------------------------------------*/


body {
	background-image:url(../images/bg.gif);
}

#top_area {
	width:956px;
	height:400px;
	margin:auto;
	padding:0px;
	background-color:#FFFFFF;
}


#contents {
	width:470px;
	padding:0px 0px 0px 0px;
}


/* contens -----------------------------------------*/


#contents .main {
	width:420px;
	border-left:5px solid #333333;
	border-right:5px solid #333333;
	padding:10px 20px 0 20px;
}

#contents .main .box {
	width:420px;
}
#contents .main .box a:link {
	color: #31b8d0;
	text-decoration: none;
}
#contents .main .box a:visited {
	color: #31b8d0;
	text-decoration: none;
}
#contents .main .box a:hover {
	color: #7F7F7F;
	text-decoration: underline;
}
#contents .main .box a:active {
	color: #7F7F7F;
	text-decoration: none;
}

#contents .main .box .photo {
	float:left;
	width:120px;
	height:128px;
}

#contents .main .box .photo img {
	border:1px solid #D9D9D9;
}

#contents .main .box .title {
	float:right;
	width:300px;
	font-weight:bold;
}

#contents .main .box .price {
	float:right;
	width:300px;
	padding:2px 0px 2px 0px;
}

#contents .main .box .comment {
	float:right;
	width:300px;
	padding:10px 0 30px 0;
}

#contents .main .box .link {
	float:right;
	text-align:right;
	width:300px;
}

#contents .bt_main_area {
	width:470px;
	padding:0px;
	background-color:#333333;
	margin-bottom:0px;
}


/* left contens -----------------------------------------*/


#left_area {
	float:left;
	width:230px;
	padding:18px 25px 0px 0px;
}

#left_area .salespoint {
	width:210px;
	border:5px solid #F2F2F2;
	padding:5px 5px 15px 5px;
	margin-bottom:12px;
}
#left_area .salespoint .text {
	width:205px;
	line-height:21px;
	font-size:12px;
	padding-top:10px;
	margin-left:5px;
}
#left_area .salespoint .text img {
	margin-top:7px;
}

#left_area .salespoint a:link {
	color: #31b8d0;
	text-decoration: none;
}
#left_area .salespoint a:visited {
	color: #31b8d0;
	text-decoration: none;
}
#left_area .salespoint a:hover {
	color: #7F7F7F;
	text-decoration: underline;
}
#left_area .salespoint a:active {
	color: #7F7F7F;
	text-decoration: underline;
}


/* right contens -----------------------------------------*/


#right_area {
	float:right;
	width:210px;
	padding:18px 0px 30px 0px;
	color:#4D4D4D;
}

#right_area .black_area {
	width:190px;
	padding:10px;
	font-size:10px;
	margin-bottom:0px;
	color:#FFFFFF;
	background-color:#333333;
}
#right_area .black_area .banner_comment {
	padding:3px 0px 8px 5px;
}

/* blog */
#right_area .bt_gallery {
	width:190px;
	height:60px;
	display:block;
	background-image:url(../images/blog.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#right_area a.bt_gallery:hover {
	background-position:top right;
}