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

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

#MAINCONTENTS ul.footNavi{
	position: absolute;
	width: 385px;
	bottom: 23px;
	left: 24px;
	padding:0;
}
#MAINCONTENTS ul.footNavi li{
	display:inline;
}
#MAINCONTENTS ul.footNavi li img{
	margin:6px 0 0 35px;
}
#MAINCONTENTS ul.footNavi li.start img{
	margin-left:0;
}


/* index.php */
#MAINCONTENTS h2{
	padding:2px 0 6px;
}

#MAINCONTENTS p.lead{
	padding:0 0 17px;
}

#MAINCONTENTS div.ldttl div.wrap{
	height:77px;
	margin:0 0 7px;
}
#MAINCONTENTS div.ldttl div.wrap p{
	width:60px;
	float:left;
	padding:7px 4px 0 51px; 
}
#MAINCONTENTS div.ldttl div.wrap h3{
	width:197px;
	float:left;
	padding:28px 0 0; 
}
#MAINCONTENTS div.ldttl p.naviMore{
	padding:0 0 18px; 
}
#MAINCONTENTS div.indexFooter {
	height: 53px;
}


/* basic/b_recipe,recipe.php */
#MAINCONTENTS .basicLeft{
	width:190px;
	float:left;
	padding:0 45px 40px 0;
}
#MAINCONTENTS .basicLeft h1{
}
#MAINCONTENTS .basicLeft h2{
	padding:40px 0 0;
	font-weight:normal;
}
#MAINCONTENTS .basicLeft h2 img{
	vertical-align:middle;
}
#MAINCONTENTS .basicLeft ul{
	padding:13px 0 0 14px;
}
#MAINCONTENTS .basicLeft ul ul{
	padding:0;
}
#MAINCONTENTS .basicLeft ul li.mtrlSet{
	padding:1em 0;
}
#MAINCONTENTS .basicRight{
	width:150px;
	float:right;
}
#MAINCONTENTS .basicRight p.photo{
	padding:0 0 15px;
}

#MAINCONTENTS h2.basic{
	padding:18px 0 0;
}
#MAINCONTENTS h2.other{
	padding-bottom:10px;
}

#MAINCONTENTS ol.step{
	padding:5px 0 0;
}
#MAINCONTENTS ol.step li{
	/* \*/
	clear:both;
	/* */
}
#MAINCONTENTS ol.step p.icon{
	width:91px;
	float:left;
	padding:0 0 14px;
}
#MAINCONTENTS ol.step p.icon img{
	margin:0 13px 0 0;
	vertical-align:top;
}
#MAINCONTENTS ol.step p.icon img.lhd{
	margin-top:1px;
	margin-right:0;
}
#MAINCONTENTS ol.step p.text{
	width:292px;
	float:left;
	padding:0 0 14px;
}

#MAINCONTENTS ul.notice{
	padding:0 0 34px;
}
#MAINCONTENTS ul.notice li{
	padding:0 0 0 12px;
	text-indent:-12px;
}

#MAINCONTENTS ul.onepoint{
	padding:13px 0 19px;
}
#MAINCONTENTS ul.onepoint li{
	padding:0 0 14px 44px;
	text-indent:-44px;
}
#MAINCONTENTS ul.onepoint li img{
	vertical-align:middle;
}

#MAINCONTENTS ul.basicFootNavi{
	padding-top:13px;
	background:#FFF url(../../css_cmn/img/i_maincontents_bg.gif) 0 0 no-repeat;
}

#SELECTRECIPES{
	margin:0 0 14px;
	padding:9px 0 15px;
	background:#FFF url(../../css_cmn/img/i_maincontents_bg.gif) left bottom no-repeat;
	text-align:center;
}
#SELECTDEMI,#SELECTWHITE{
	width:168px;
}
#SELECTDEMI{
	margin:0 20px 0 0;
}

/* recipe.php */
#MAINCONTENTS .basicLeft p.summary{
	padding:10px 0 0;
}
#MAINCONTENTS .basicRight p.rlink{
	margin:13px 0 0;
	border-top:1px solid #E3E3E3;
	padding:12px 0 5px 2px;
}
#MAINCONTENTS .basicRight p.rlink img{
	display:block;
}
#MAINCONTENTS .basicRight p.rlink img.recipeProduct{
	margin-bottom:7px;
}
#MAINCONTENTS .basicRight div.sociallink{
	border-top:1px solid #E3E3E3;
	padding:11px 0 12px;
}
#MAINCONTENTS .basicRight div.sociallink div.twitter{
	padding:3px 0 0;
}
#MAINCONTENTS .basicRight div.sociallink div.mixi_check{
	padding:6px 0 0;
}

#MAINCONTENTS ol.step p.num{
	width:30px;
	float:left;
	padding:0 0 14px;
}
#MAINCONTENTS ol.step p.txtmiddle{
	width:355px;
	float:left;
	padding:0 0 14px;
}

#MAINCONTENTS h2.rPoint{
	padding:18px 0 15px;
}
#MAINCONTENTS p.rPoint{
	padding:0 0 0 10px;
}

#MAINCONTENTS div.recipeFooter {
	height: 66px;
}
#MAINCONTENTS div.recipeFooter ul {
	position: absolute;
	width: 279px;
	bottom: 23px;
	left: 24px;
	padding: 13px 53px 0;
	background: #FFF url(../../css_cmn/img/i_maincontents_bg.gif) 0 0 no-repeat;
}
#MAINCONTENTS div.recipeFooter ul li {
	display: inline;
}
#MAINCONTENTS div.recipeFooter ul li img {
	margin: 0 0 0 50px;
	vertical-align: middle;
}
#MAINCONTENTS div.recipeFooter ul li.start img {
	margin-left: 0;
}


/* recipe_series.php */
#MAINCONTENTS .productCategory{
	padding:14px 0 22px;
}
#MAINCONTENTS .productCategory .threeFirst,
#MAINCONTENTS .productCategory .threeSecond,
#MAINCONTENTS .productCategory .threeThird{
	width:112px;
	float:left;
	margin-left:24px;
}
#MAINCONTENTS .productCategory .threeFirst{
	margin-left:0;
}
#MAINCONTENTS .productCategory .photo{
	padding:0 0 9px;
	text-align:center;
}
#MAINCONTENTS .productCategory .catTitle{
	padding:0 0 7px;
	text-align:center;
}
#MAINCONTENTS .productCategory .products{
	padding:0 0 38px;
}
#MAINCONTENTS h3.series{
	padding:0 0 14px;
}
#MAINCONTENTS h3.seriesNoSub{
	margin:0 0 10px;
	border-bottom:1px solid #BDBEBD;
	padding:0 0 9px;
}
#MAINCONTENTS h4.series{
	margin:0 0 10px;
	border-bottom:1px solid #BDBEBD;
	padding:0 0 2px;
}
#MAINCONTENTS div.series p.icon{
	width:109px;
	float:left;
}
#MAINCONTENTS div.series p.icon img{
	margin:0 20px;
}
#MAINCONTENTS div.series p.icon,
#MAINCONTENTS div.series .txtBlock p{
	padding:0 0 7px;
}
#MAINCONTENTS div.series .txtBlock{
	width:276px;
	float:left;
	padding:15px 0 0;
}
#MAINCONTENTS div.series .txtBlock h5{
	padding:0 0 6px;
}
#MAINCONTENTS div.series p.naviMore{
	padding:5px 0 0;
	background:transparent url(/images/cmn_cntnt_tbl_bdr1.gif) 0 0 repeat-x;
	text-align:right;
}
#MAINCONTENTS div.series p.naviMore img{
	float:left;
}
#MAINCONTENTS div.series p.naviMore img.more{
	float:right;
}
#MAINCONTENTS div.seriesFooter {
	height: 90px;
}
#MAINCONTENTS div.seriesFooter ul.footNavi{
	padding-top:13px;
	background:transparent url(/images/cmn_cntnt_tbl_bdr1.gif) 0 0 repeat-x;
}


/* r_category.php */
#MAINCONTENTS table.rCategory ul{
	margin:auto;
	padding:10px 0 0;
}
#MAINCONTENTS table.rCategory ul li{
	padding:0 0 5px 18px;
	text-indent:-18px;
	text-align:left;
}
#MAINCONTENTS div.categoryLead{
	padding:2px 0 28px;
	text-align:center;
}
#MAINCONTENTS div.categoryFooter {
	height: 82px;
}
#MAINCONTENTS div.categoryFooter ul.footNavi {
	padding-top:13px;
	background:transparent url(/images/cmn_cntnt_tbl_bdr1.gif) 0 0 repeat-x;
}


/* recipe_search.php */
#MAINCONTENTS div.rSearchHead{
	padding:16px 6px;
	background:#FFE url(/images/cmn_ref_bg.jpg) 0 0 repeat;
}
#MAINCONTENTS div.rSearchCategory p.icon{
	width:112px;
	float:left;
	padding:0 23px 0 18px;
}
#MAINCONTENTS div.rSearchCategory h1{
	width:196px;
	float:left;
	padding:24px 16px 0 0;
	font-weight:normal;
}
#MAINCONTENTS div.rSearchCategory h1.noimage{
	width:auto;
	float:none;
	padding:24px 16px 12px;
	text-align: center;
}
#MAINCONTENTS div.rSearchCatElse p.icon{
	width:60px;
	float:left;
	padding:0 13px 0 32px;
}
#MAINCONTENTS div.rSearchCatElse h1{
	width:255px;
	float:left;
	padding:18px 13px 0 0;
	font-weight:normal;
}

#MAINCONTENTS p.rSearchPNaviHead{
	text-align:right;
}
#MAINCONTENTS p.rSearchPNaviHead{
	padding:15px 0;
}
#MAINCONTENTS p.rSearchPNaviFoot{
	padding:15px 0 30px;
	text-align: center;
}
#MAINCONTENTS p.rSearchPNaviHead img.leftArrow,
#MAINCONTENTS p.rSearchPNaviFoot img.leftArrow{
	margin:0 4px 1px 0;
	vertical-align:middle;
}
#MAINCONTENTS p.rSearchPNaviHead img.rightArrow,
#MAINCONTENTS p.rSearchPNaviFoot img.rightArrow{
	margin:0 0 1px 4px;
	vertical-align:middle;
}
#MAINCONTENTS p.rSearchPNaviFoot a:link,
#MAINCONTENTS p.rSearchPNaviFoot a:visited {
	text-decoration: underline;
}
#MAINCONTENTS p.rSearchPNaviFoot a:hover,
#MAINCONTENTS p.rSearchPNaviFoot a:active {
	text-decoration: none;
}
#MAINCONTENTS ul.searchList li h5{
	width:313px;
	float:right;
	padding:16px 0 3px;
}
#MAINCONTENTS ul.searchList li p.naviMore{
	padding-top:16px;
}

#MAINCONTENTS div.recipeNew{
	position: relative;
	padding: 9px 0 0;
}
#MAINCONTENTS div.recipeNew p.rSearchPNaviHead{
	position: absolute;
	top: -29px;
	right: 0;
	paddint-top: 0;
}
#MAINCONTENTS ul.newList li p.naviMore{
	margin-top:16px;
}


.tinyTip {
}
.tinyTip #SWFMOVIE {
	width: 102px;
	height: 104px;
}
.tinyTip .content .imgWrap {
	width: 95px;
	height: 105px;
	display: block;
	background: transparent url(../img/bg_pop_wordmovie.png) 0px 0px no-repeat;
}
.tinyTip .content .imgWrap .imgBlock {
	padding: 15px 18px 0 17px;
}