@import "../../css_cmn/layout.css";

/* common */
#CATEGORYTITLE{
	width:245px;
}

#MAINCONTENTS .columnNavi{
	height:79px;
}


/***** each index *****/

#MAINCONTENTS .ldttl .txtsmall{
	padding:15px 21px;
}
#MAINCONTENTS .ldttl .wrap{
	margin:0 0 10px;
}


/***** backnumber *****/

#MAINCONTENTS h1.backnumber,
#MAINCONTENTS div.columnTitle{
	padding:0 0 16px;
	text-align:center;
}
#MAINCONTENTS div.columnTitleKitchen{
	padding:4px 0;
	text-align:center;
}
#MAINCONTENTS ul.backnumber li{
	padding:27px 0 11px;
}
#MAINCONTENTS h2.txtmiddle{
	font-weight:normal;
	padding:0 0 4px;
	background:transparent url(/images/cmn_cntnt_tbl_bdr1.gif) left bottom repeat-x;
}
#MAINCONTENTS h2.txtmiddle span{
	float:left;
}
#MAINCONTENTS h2.txtmiddle span.number{
	width:60px;
	margin-right:19px;
}
#MAINCONTENTS h2.txtmiddle span.title{
	width:306px;
}
#MAINCONTENTS ul.backnumber .summary{
	padding:12px 0 0;
}
#MAINCONTENTS ul.backnumber .summary .imgBlock{
	width:60px;
	float:left;
	margin-right:19px;
}
#MAINCONTENTS ul.backnumber .summary .txtBlock{
	width:306px;
	float:left;
}
#MAINCONTENTS ul.backnumber .summary .txtBlock .moreNavi{
	margin:2px 0 0;
	text-align:right;
}
#MAINCONTENTS .columnNavi ul{
	position: absolute;
	width: 385px;
	bottom: 23px;
	left: 24px;
	padding:12px 0 0;
	background:transparent url(/images/cmn_cntnt_tbl_bdr1.gif) 0 0 repeat-x;
}
#MAINCONTENTS .columnNavi ul li{
/*	width:207px;
	float:left;*/
	text-align:right;
}
#MAINCONTENTS .columnNavi ul li.start{
	width:178px;
	text-align:left;
}
#MAINCONTENTS .columnNavi ul.list{
	line-height:11px;
}
#MAINCONTENTS .columnNavi ul.list li{
	float:left;
	border-left:solid 1px #BFBFBF;
	padding:0 12px;
	font-size:1px;
	text-align:left;
}
#MAINCONTENTS .columnNavi ul.list li.start{
	width: auto;
	border-left-width:0;
	padding-left:2px;
}
#MAINCONTENTS .columnNavi ul.list li img{
	display:block;
}

/***** article *****/

#MAINCONTENTS .articleTitle{
	margin:0 0 25px;
	padding:15px 0 6px 5px;
	background:transparent url(/images/cmn_cntnt_tbl_bdr1.gif) left bottom repeat-x;
}
#MAINCONTENTS .articleTitle .txtclmnttl{
	width:80px;
	padding:0 18px 0 0;
	float:left;
}
#MAINCONTENTS .articleTitle .txtlarge{
	width:282px;
	float:left;
}
#MAINCONTENTS .articleTitle h2{
	font-weight:normal;
}
#MAINCONTENTS .articleUnit{
	margin:0 0 41px;
}
#MAINCONTENTS .articleUnit table.imageTable{
	width:84px;
	float:left;
}
#MAINCONTENTS .articleUnit table.imageTable .txtsmall{
	padding:6px 0 0;
}
#MAINCONTENTS .articleUnit p.txtmiddle{
	width:283px;
	float:left;
	margin:0 0 0 18px;
}
#MAINCONTENTS .columnNavi p{
	position: absolute;
	width: 385px;
	bottom: 23px;
	left: 24px;
	padding:0 0 12px;
	background:transparent url(/images/cmn_cntnt_tbl_bdr1.gif) left bottom repeat-x;
}
#MAINCONTENTS .columnNavi ul.relatedLink{
	margin:0;
	padding:12px 0 0;
	background:transparent url(/images/cmn_cntnt_tbl_bdr1.gif) left top repeat-x;
}
#MAINCONTENTS .columnNavi ul.relatedLink li{
	width:158px;
	float:left;
	text-align:left;
}
#MAINCONTENTS .columnNavi .relatedLink li.recipe{
	width:193px;
}

/***** popup *****/
body.popup {
	margin: 0;
	padding: 0;
	background-image: none;
	text-align: center;
}
body.popup div.contents {
	width: 295px;
	margin: 14px auto;
	text-align: left;
}
body.popup div.contentsWide {
/*	width: 417px;*/
	width: 413px;
}
body.popup div.contents p.photo {
	margin: 0 14px;
	text-align: center;
}
body.popup div.contents p.caption {
	min-height: 18px;
	_height: 18px;
	margin: 6px 14px;
}
body.popup div.contents ul {
	margin: 0 14px;
	padding: 7px 0 0;
	background: transparent url(/images/cmn_cntnt_tbl_bdr1.gif) 0 0 repeat-x;
}
body.popup div.contents ul li.prev {
	width: 36px;
	float: left;
	padding: 3px 0;
}
body.popup div.contents ul li.next {
	width: 48px;
	float: left;
	padding: 3px 0;
	background: transparent url(/images/cmn_centerline.gif) 5px 4px no-repeat;
}
body.popup div.contents ul li.next img {
	margin: 0 0 0 12px;
}
body.popup div.contents ul li.close {
	width: 50px;
	float: right;
}