@charset "utf-8";

@import url('css/reset-min.css');
@import url('css/reset-fonts.css');
@import url('css/fonts-min.css');
@import url('css/clearfix.css');
@import url('css/basic-layout.css');


/*
*
* category culture
*
*/

div#container {
	width: 970px;
}

div#content #culture-title {
	margin-left: -4px;
	margin-bottom: 20px;
}

div#content div#unitBlock {
	background-color: #FFFFFF;
	width: 570px;
	margin-bottom: 20px;
}

div#content div#unitBlock div#unitBlockInner,
div#content div#unitBlock div#infocom {
	background: transparent url(img/3line.gif) no-repeat scroll left top;
	width: 570px;
	padding-top: 11px;
}

div#content div#unitBlock div#unitBlockInner .first {
	background: transparent url(img/culture-subbar1.gif) no-repeat scroll left top;
	text-align: right;
	height: 26px;
	padding: 4px 20px 0px 0px;
	font-weight: bold;
	color: #FFF;
}

div#content div#unitBlock div#unitBlockInner .second {
	background: transparent url(img/culture-subbar2.gif) no-repeat scroll left top;
	text-align: right;
	height: 26px;
	padding: 4px 20px 0px 0px;
	font-weight: bold;
	color: #FFFFFF;
}

div#content div#unitBlock div#unitBlockInner .beautyBox,
div#content div#unitBlock div#unitBlockInner .gourmetBox,
div#content div#unitBlock div#unitBlockInner .cultureBox {
	margin: 20px 20px 20px 20px;
}

div#content div#unitBlock div#unitBlockInner .cultureBox .body-left {
	float: left;
	width: 230px;
	margin: 0px 0px 0px 0px;
}

div#content div#unitBlock div#unitBlockInner .cultureBox .body-right {
	width: auto;
	margin: 0px 0px 0px 250px;
}

div#content div#unitBlock div#unitBlockInner .cultureBox .body-left p,
div#content div#unitBlock div#unitBlockInner .cultureBox .body-right p {
	margin-top: 20px;
}

div#content div#unitBlock div#infocom div#infocom-box {
	padding: 2px 0;
	margin: 16px 20px 15px 20px;
	border-top: 1px #D3ABC5 solid;
	border-right: 5px #9A4B82 solid;
	border-bottom: 1px #D3ABC5 solid;
	border-left: 5px #9A4B82 solid;
}

div#content div#unitBlock div#infocom div#infocom-box .box-left{
	float: left;
	width: 183px;
	padding: 10px 10px 10px 15px;

}

div#content div#unitBlock div#infocom div#infocom-box .box-right{
	width: auto;
	margin: 0 0 0 207px;
}

div#content div#unitBlock div#infocom div#infocom-box .box-right ul{
	border-left: 2px #D3ABC5 solid;
}

div#content div#unitBlock div#infocom div#infocom-box .box-right li{
	background: transparent url(img/culture-movie-listborder.gif) repeat-x scroll left bottom;
	padding: 6px 0px 6px 10px;
}

div#content div#unitBlock div#infocom div#infocom-box .box-right li.last-child{
	background: none;
}

div#content div#unitBlock div#infocom div#infocom-box .box-right li a{
	background: transparent url(img/culture-movie-listtype.gif) no-repeat scroll left center;
	padding:0 0 2px 13px;
}	


/*
*
* category culture single
*
*/

div#content div#content-inner {
	background-color: #FFFFFF;
	width: 570px;
	margin-bottom: 20px;
}

div#content div#content-inner div#mainbar-culture {
	background: transparent url(img/date-mainbar.jpg) no-repeat scroll left top;
	width: 570px;
	height: 45px;
}

div#content div#content-inner div#mainbar-beauty img,
div#content div#content-inner div#mainbar-gourmet img,
div#content div#content-inner div#mainbar-culture img {
	float: right;
	margin: 15px;
}

div#content div#content-inner div#subbar {
	background-color: #DED2AA;
	width: 570px;
	height: 36px;
}

div#content div#content-inner div#subbar img {
	margin: 10px 5px 10px 7px;
}

div#content div#content-inner div#subbar h3 {
	margin: -28px 0px 0px 68px;
	font-weight: bold;
}

div#content div#content-inner div#subbar .gomovie,
div#content div#content-inner div#subbar .gomap {
	margin: -14px 2px 0px 450px;
}

div#content div#content-inner div#subbar .goreview {
	margin: -16px 15px 0px 505px;
}

div#content div#content-inner div#subbar .gomovie img,
div#content div#content-inner div#subbar .gomap img,
div#content div#content-inner div#subbar .goreview img {
	margin: 0px;
}

div#content div#content-inner div#content-box {
	background: transparent url(img/3line.gif) no-repeat scroll left top;
	margin: -10px 0px 20px 0px;
	padding: 0px 20px 20px 20px;
}

div#content div#content-inner div#content-box .box-title {
	float: right;
	margin: 11px -20px 10px 0px;
}

div#content div#content-inner div#content-box .box-left {
	float: left;
	width: 280px;
	margin: 48px 0px 15px 0px;
}

div#content div#content-inner div#content-box .box-left p {
	margin: 15px 0px 0px 0px;
	line-height: 1.5;
}

div#content div#content-inner div#content-box .box-right {
	width: auto;
	margin: 16px 0px 15px 304px;
}

div#content div#content-inner div#content-box .box-right img {
	margin: 0px 0px 15px 0px;
}

div#content div#content-inner div#content-box .box-right .box-right-box {
	margin: 0px 0px 20px 0px;
	border: 1px solid #835967;
}

div#content div#content-inner div#content-box .box-right .box-right-box img {
	margin: 0px 0px 0px 0px;
}

div#content div#content-inner div#content-box .box-right .box-right-box p {
	padding: 5px 5px 5px 5px;
}

div#content div#content-inner div#content-box .box-data-head {
	background-color: #571E2F;
	padding: 10px 15px 10px 15px;
}

div#content div#content-inner div#content-box .box-data-head h3 {
	color: #FFFFFF;
	font-weight: bold;
}

div#content div#content-inner div#content-box .box-data-head h3 img {
	vertical-align: middle;
	margin-right: 6px;
}

div#content div#content-inner div#content-box .box-data-body {
	background-color: #571E2F;
	border-top: 1px solid #DECED1;
	padding: 10px 15px 10px 15px;
	color: #FFFFFF;
}

div#content div#content-inner div#content-box .box-data-body img {
	margin-right: 3px;
}

div#content div#content-inner div#content-box .box-data-body .data-body-left {
	float: left;
	width: 235px;
	margin-right: 15px;
}

div#content div#content-inner div#content-box .box-data-body .data-body-right {
	margin: 0px 0px 0px 250px;
}

/* review */

div#content div#content-inner div#review {
	width: 530px;
	margin: 0px 20px 20px 20px;
	border: 1px solid #B77A9C;
}

div#content div#content-inner div#review .comment-content {
	width: 490px;
	margin: 20px 20px 20px 20px;
}

div#content div#content-inner div#review .comment-content .comment-content-head {
	background-color: #D2ADBE;
	margin: 0px 0px 10px 0px;
	color: #FFFFFF;
}

div#content div#content-inner div#review .comment-content .comment-content-head .head-left {
	float: left;
	margin: 0px 0px 0px 15px;
}

div#content div#content-inner div#review .comment-content .comment-content-head .head-right {
	margin: 0px 0px 0px 355px;
}

div#content div#content-inner div#review .comment-content .comment-content-body {
	margin: 0px 15px 0px 15px;
}

div#content div#content-inner div#review div#comment-form {
	width: 493px;
	margin: 20px 17px 20px 20px;
}

#comment-author,
#comment-mail {
	width: 220px;
}

#comment-text {
	width: 467px;
	height: 80px;
}

div#comment-form label {
	display: block;
}

div#content div#content-inner div#review div#comment-form div#comment-form-body {
	background: transparent url(img/comment-formbody.jpg) repeat-y scroll left top;
	padding: 10px 10px 10px 10px;
}

div#content div#content-inner div#review div#comment-form div#comment-form-body div#comment-form-data div#form-data-name {
	float: left;
	margin: 0px 10px 0px 0px;
}

div#content div#content-inner div#review div#comment-form div#comment-form-body div#comment-form-data div#form-data-text {
	margin: 10px 0px 0px 0px;
}

div#content div#content-inner div#review div#comment-form div#comment-form-foot {
	background: transparent url(img/comment-formfoot.jpg) no-repeat scroll left top;
	height: 12px;
}




/*
*
* category beauty
*
*/

div#content #beauty-title {
	margin: 0px 0px 20px -11px;
}

div#content div#unitBlock div#unitBlockInner .beautyBox .body-left {
	float: left;
	width: 230px;
	margin: 16px 0px 15px 20px;
}

div#content div#unitBlock div#unitBlockInner .beautyBox .body-right {
	width: auto;
	margin: 0px 20px 15px 250px;
	padding-top: 16px;
}

div#content div#unitBlock div#unitBlockInner .beautyBox .body-left p,
div#content div#unitBlock div#unitBlockInner .beautyBox .body-right p {
	margin-top: 20px;
}




/*
*
* category gourmet
*
*/

div#content #gourmet-title {
	margin-left: -5px;
}

div#content div#unitBlock .gourmet-body {
	background: transparent url(img/3line.gif) no-repeat scroll left top;
	width: 570px;
	padding-top: 11px;
}

div#content div#unitBlock .gourmet-body .first {
	background: transparent url(img/gourmet-subbar1.gif) no-repeat scroll left top;
	text-align: right;
	height: 36px;
	padding: 4px 20px 0px 0px;
	font-weight: bold;
	color: #FFF;
}

div#content div#unitBlock .gourmet-body .second {
	background: transparent url(img/gourmet-subbar2.gif) no-repeat scroll left top;
	text-align: right;
	height: 36px;
	padding: 4px 20px 0px 0px;
	font-weight: bold;
	color: #FFFFFF;
}

div#content div#unitBlock .gourmet-body .body-left {
	float: left;
	width: 230px;
	margin: 16px 0px 15px 20px;
}

div#content div#unitBlock .gourmet-body .body-right {
	width: auto;
	margin: 16px 20px 15px 250px;
}

div#content div#unitBlock .gourmet-body .body-left p,
div#content div#unitBlock .gourmet-body .body-right p {
	margin-top: 20px;
}


/*
*
* category gourmet #recipe
*
*/


div#content div#unitBlock .recipe-body {
	background: transparent url(img/culture-movie-header.gif) no-repeat scroll left top;
	width: 570px;
	padding-top: 11px;
}

div#content div#unitBlock .recipe-body .first {
	background: transparent url(img/recipe-subbar1.gif) no-repeat scroll left top;
	text-align: right;
	height: 36px;
	padding: 4px 20px 0px 0px;
	font-weight: bold;
	color: #FFF;
}

div#content div#unitBlock .recipe-body .second {
	background: transparent url(img/recipe-subbar2.gif) no-repeat scroll left top;
	text-align: right;
	height: 36px;
	padding: 4px 20px 0px 0px;
	font-weight: bold;
	color: #FFFFFF;
}

div#content div#unitBlock .recipe-body .body-left {
	float: left;
	width: 230px;
	margin: 16px 0px 15px 20px;
}

div#content div#unitBlock .recipe-body .body-right {
	width: auto;
	margin: 16px 20px 15px 250px;
}

div#content div#unitBlock .recipe-body .body-left p,
div#content div#unitBlock .recipe-body .body-right p {
	margin-top: 20px;
}


/*
*
* category gourmet single
*
*/

div#content div#content-inner div#mainbar-gourmet {
	background: transparent url(img/mainbar_gourmet01.jpg) no-repeat scroll left top;
	width: 570px;
	height: 45px;
}

div#content div#content-inner div#content-box .box-left {
	float: left;
	width: 280px;
	margin: 48px 0px 15px 0px;
}

div#content div#content-inner div#content-box .box-left p {
	margin: 15px 0px 0px 0px;
	line-height: 1.5;
}

div#content div#content-inner div#content-box .box-right {
	width: auto;
	margin: 16px 0px 15px 304px;
}

div#content div#content-inner div#content-box .box-right img {
	margin: 0px 0px 15px 0px;
}

div#content div#content-inner div#content-box .box-right .box-right-box {
	margin: 0px 0px 20px 0px;
	border: 1px solid #835967;
}

div#content div#content-inner div#content-box .box-right .box-right-box img {
	margin: 0px 0px 0px 0px;
}

div#content div#content-inner div#content-box .box-right .box-right-box p {
	padding: 5px 5px 5px 5px;
}

div#content div#content-inner div#content-box .box-data-head {
	background-color: #571E2F;
	padding: 10px 15px 10px 15px;
}

div#content div#content-inner div#content-box .box-data-head h3 {
	color: #FFFFFF;
	font-weight: bold;
}

div#content div#content-inner div#content-box .box-data-head h3 img {
	vertical-align: middle;
	margin-right: 6px;
}

div#content div#content-inner div#content-box .box-data-body {
	background-color: #571E2F;
	border-top: 1px solid #DECED1;
	padding: 10px 15px 10px 15px;
	color: #FFFFFF;
}

div#content div#content-inner div#content-box .box-data-body img {
	margin-right: 3px;
}

div#content div#content-inner div#content-box .box-data-body .data-body-left {
	float: left;
	width: 235px;
	margin-right: 15px;
}

div#content div#content-inner div#content-box .box-data-body .data-body-right {
	margin: 0px 0px 0px 250px;
}