@charset "UTF-8";

/*
 :title "Contents Style";
 :author [:name "miki ueaoki"];
 :description "各コンテンツ個別設定のスタイル";
 :note "
 	Outline - 
		01. toppage, mypage
		02. recipe, kakikomi共通
		03. recipe write
		04. kakikomi write
		05. login, regist
		06. guide
		07. 
		
		";
*/







/* ======================================
01.
	toppage, mypage
========================================= */

/* whatnew-wrap */
div#whatnew-wrap {
	width:484px;
	margin-bottom:8px;
}

div#whatnew-wrap ul.tabList {
	width:484px;
	height:40px;
}
div#whatnew-wrap ul.tabList li {
	float:left;
}
div#whatnew-wrap ul.tabList li a {
	height:30px;
	padding-top:10px;
	display:block;
	text-decoration:none;
}
div#whatnew-wrap ul.tabList li a#tabList-thanks {
	width:177px;
	padding-left:20px;
	background:url(../../images/portal/top/top_tab01.gif) no-repeat top left;
}
div#whatnew-wrap ul.tabList li a#tabList-recipe {
	width:130px;
	padding-left:10px;
	background:url(../../images/portal/top/top_tab02.gif) no-repeat top left;
}
div#whatnew-wrap ul.tabList li a#tabList-kakikomi {
	width:137px;
	padding-left:10px;
	background:url(../../images/portal/top/top_tab03.gif) no-repeat top left;
}

div#whatnew-wrap ul.tabList li.active a#tabList-thanks {background-image:url(../../images/portal/top/top_tab01_on.gif);}
div#whatnew-wrap ul.tabList li.active a#tabList-recipe {background-image:url(../../images/portal/top/top_tab02_on.gif);}
div#whatnew-wrap ul.tabList li.active a#tabList-kakikomi {background-image:url(../../images/portal/top/top_tab03_on.gif);}

div#whatnew-wrap ul.tabs {
	width:454px;
	padding:10px 15px 5px;
	background:url(../../images/portal/top/top_tab_btm.gif) no-repeat bottom;
}
/* ul.tabs li {display: none;}
ul.tabs li.active {display: block;} */

div#tabbody-thanks {
	background:url(../../images/portal/top/top_thanks_img.gif) no-repeat top right;
}
div#tabbody-recipe {
	
}
div#tabbody-kakikomi {
	
}
p.tabbody-lead {
	margin:0 0 15px;
	font-size:x-small;
}
div#tabbody-thanks p.tabbody-lead {
	margin-right:50px;
	color:#f47236;
}

div.tabbody-inner {
	width:454px;
	
}

div#tabbody-recipe div.recipe-box,
div#tabbody-kakikomi div.kakikomi-box {
	float:left;
	margin-right:5px;
}

/* bookmarks-list */
div#bookmarks-list {
	width:480px;
	margin:0 auto;
	padding-bottom:2px;
	background:url(../../images/portal/main_box/threeclm_main_bg2_btm.gif) no-repeat bottom;
}


/* recipe-side */
div.recipe-side {
	width:220px;
	float:left;
}
div#bookmarks-list div.recipe-side {
	width:239px;
}
div.recipe-side div.recipe-box {
	
}


/* kakikomi-side */
div.kakikomi-side {
	width:215px;
	float:right;
	padding-left:15px;
	background:url(../../images/portal/line/top_dotline_4170a9.gif) repeat-y left;
}
div#bookmarks-list div.kakikomi-side {
	width:238px;
	padding-left:2px;
}
div.kakikomi-side div.kakikomi-box {
	
}


/* bookmark-recipe-list */
div#bookmark-recipe-list,
div#bookmark-kakikomi-list,
div#create-recipe-list,
div#create-kakikomi-list {
	width:215px;
	min-height:55em;
	margin-left:15px;
}
* html body div#bookmark-recipe-list,
* html body div#bookmark-kakikomi-list,
* html body div#create-recipe-list,
* html body div#create-kakikomi-list {
	height:55em;
}


/* campaign-wrap , pickup-wrap */
div#campaign-wrap,
div#pickup-wrap {
	
}
div#campaign-wrap h2 {color:#87c53c;}
div#campaign-wrap h2 span {
	font-size:x-small;
	font-weight:normal;
	line-height:26px;
}
div#campaign-wrap ul#campaign-bnr {
	width:460px;
	margin:0 auto 5px;
}

div#pickup-inner {
	width:470px;
	margin-left:10px;
}
div#pickup-inner div#pickup-thumb {
	width:80px;
	float:left;
	margin-bottom:10px;
}
*:first-child+html div#pickup-inner div#pickup-thumb img {
	padding-bottom:10px;
	disply:block;
}
div#pickup-inner div#pickup-body {
	width:380px;
	float:right;
	color:#de909b;
}
div#pickup-inner p#pickup-text {
	width:375px;
	margin-bottom:10px;
	font-size:x-small;
}
div#pickup-recipe {
	width:380px;
}
div#pickup-recipe div.recipe-box {
	width:185px;
	float:left;
}
div#pickup-recipe div.recipe-box dl {
	width:120px;
}


/* member-info-wrap */
div#member-info-wrap {
	padding-bottom:15px;
	color:#f47236;
}

div#member-info-wrap ul.meminfo-list {
	
}
div#member-info-wrap ul.meminfo-list li {
	margin-bottom:2px;
	padding-left:14px;
	background:url(../../images/portal/icon/login_bullet_icon.gif) no-repeat 0 5px;
}



/* member-action-box */
div#member-action-box-wrap {
	width:484px;
	padding-bottom:5px;
	margin-bottom:8px;
	background:url(../../images/portal/main_box/threeclm_box_bg_btm.gif) no-repeat bottom;
}
div#member-action-box {
	width:464px;
	padding:5px 10px 10px;
	background:url(../../images/portal/main_box/threeclm_box_bg_top.gif) no-repeat top;
}
div#write-action-wrap {
	width:225px;
	float:left;
}
div#view-action-wrap {
	width:230px;
	float:right;
}

div#member-action-box ul {
	margin-left:15px;
}
div#member-action-box ul li {
	padding-left:15px;
	background:url(../../images/portal/arrow/arrow_f37235.gif) no-repeat 0 4px;
	color:#f47236;
}
div#member-action-box ul li.action-kakikomi {
	background-image:url(../../images/portal/arrow/arrow_4070a9.gif);
	color:#4170a9;
}
div#member-action-box ul li.action-kakikomi a,
div#member-action-box ul li.action-kakikomi a:visited {color:#4170a9;}
div#member-action-box ul li.action-kakikomi a:hover {color:#769dcc;}


/* profile-list-ul */
ul#profile-list-ul {
	margin-bottom:10px;
	padding-bottom:200px;
	background:url(../../images/portal/line/dotline_f6a728.gif) repeat-x bottom;
}
ul#profile-list-ul li span.subtitle {font-weight:bold;}

ul#profile-list-ul li a {
	padding-left:15px;
	background:url(../../images/portal/arrow/arrow_pink.gif) no-repeat 0 3px;
}
ul#profile-list-ul li ul {
	margin-left:20px;
	margin-bottom:10px;
}


/* tbl-portraits */
div#one-column table#tbl-portraits {
	
}
div#one-column table#tbl-portraits th {
	text-align:left;
	width:100%;
	background:url(../../images/portal/line/dotline_e6acb4.gif) repeat-x bottom;
}
div#one-column table#tbl-portraits th dl {
	width:220px;
	float:left;
	margin-right:20px;
	display:inline;
	text-align:center;
}
div#one-column table#tbl-portraits th dl dt {
	
	height:170px;
	
}
div#one-column table#tbl-portraits th dl dd {
	margin-bottom:5px;
}
div#one-column table#tbl-portraits th dl dd ul li {
	display:inline;
	margin:0 3px;
}
div#one-column table#tbl-portraits td {
	
}
div#one-column table#tbl-portraits td p {
	margin-bottom:10px;
}




/* -- clear float -- */
div.whatsnew-body,
div#whatsnew-title ul,
div#pickup-inner,
div#pickup-recipe,
div#whatnew-wrap ul.tabList,
div.tabbody-inner,
div#member-action-box,
div#bookmarks-list { 
	min-height:0; 
	display: inline-table; 
} 
div.whatsnew-body:after,
div#whatsnew-title ul:after,
div#pickup-inner:after,
div#pickup-recipe:after,
div#whatnew-wrap ul.tabList:after,
div.tabbody-inner:after,
div#member-action-box:after,
div#bookmarks-list:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear: both; 
	visibility:hidden; 
} 
/* \*/ 
* html div.whatsnew-body,
* html div#whatsnew-title ul,
* html div#pickup-inner,
* html div#pickup-recipe,
* html div#whatnew-wrap ul.tabList,
* html div.tabbody-inner,
* html div#member-action-box,
* html div#bookmarks-list {height:0;} 
div.whatsnew-body,
div#whatsnew-title ul,
div#pickup-inner,
div#pickup-recipe,
div#whatnew-wrap ul.tabList,
div.tabbody-inner,
div#member-action-box,
div#bookmarks-list {display: block;} 
/* */ 
/* -- end clear float -- */






/* ======================================
02.
	recipe & question 共通
========================================= */

/* link color */
div.recipe a,
div.recipe a:link,
div.recipe a:visited {color:#f47236;}
div.recipe a:hover {color:#f5a57f;}

div.kakikomi a,
div.kakikomi a:link,
div.kakikomi a:visited {color:#4170a9;}
div.kakikomi a:hover {color:#769dcc;}

/* kakikomi-box */
/* recipe-box */
div.recipe-box,
div.kakikomi-box {
	width:215px;
	margin-bottom:10px;
	display:inline;	/* fix for ie6 */
}
div.recipe-box,
div.recipe-box a,
div.recipe-box a:link,
div.recipe-box a:visited {color:#f47236;}
div.recipe-box a:hover {color:#f5a57f;}

div.kakikomi-box,
div.kakikomi-box a,
div.kakikomi-box a:link,
div.kakikomi-box a:visited {color:#4170a9;}
div.kakikomi-box a:hover {color:#769dcc;}

div.recipe-box div.recipe-thumb {
	width:60px;
	float:left;
}
div.recipe-box div.recipe-thumb table {
	width:60px;
}
div.recipe-box div.recipe-thumb table td {
	width:60px;
	height:60px;
	vertical-align:center;
	text-align:center;
}
div.recipe-box dl {
	width:147px;
	float:right;
	color:#f47236;
}
div.kakikomi-box dl {color:#4170a9;}

div.recipe-box dl dt {
	
}
div.recipe-box dl dd.recipe-cat-icon,
div.kakikomi-box dl dd.kakikomi-cat-icon {
	padding-bottom:1px;
	font-size:x-small;
}
div.recipe-box dl dd.recipe-cat-icon ul li,
div.kakikomi-box dl dd.kakikomi-cat-icon ul li {
	display:inline;
}
div.recipe-box dl dd.recipe-by,
div.kakikomi-box dl dd.kakikomi-by {
	padding:5px 0 3px;
	line-height:1;
	font-size:x-small;
}
div.recipe-box dl dd.recipe-link {
	padding-top:5px;
}
div.recipe-box dl dd.thanks-text,
div.kakikomi-box dl dd.thanks-text {
	font-size:x-small;
}
div.recipe-box dl dd.count-text,
div.kakikomi-box dl dd.count-text {
	margin-top:3px;
	font-size:x-small;
}


/* top
----------------------------------------------------------------------------- */
/* sukikirai-select-wrap */
div.sukikirai-select-wrap {
	
}
div.sukikirai-select-wrap div.select-search-list {
	width:220px;
	float:left;
}
div.sukikirai-select-wrap div.select-search-list.select-list-right {float:right;}

div.sukikirai-select-wrap div.select-search-list div.search-list {
	width:150px;
}


/* select-search-list */
div.select-search-list {
	width:444px;
	margin-bottom:10px;
}
div.select-search-list div.search-thumb {
	width:64px;
	float:left;
}
div.select-search-list div.search-list {
	width:372px;
	float:right;
}
div.select-search-list div.search-list ul {
	margin-bottom:2px;
}
div.select-search-list div.search-list li {
	font-size:x-small;
	width:auto;
	border-right:1px solid #c99;
	padding-right:5px;
	margin-right:5px;
}
div.select-search-list div.search-list li a {color:#c99;}
div.select-search-list div.search-list li a:hover {color:#e5b8b8;}

div.select-search-list div.search-list li.last {border:none;}


/* kakikomi-category-dl */
dl#kakikomi-category-dl {
	margin-left:15px;
	margin-bottom:10px;
}
dl#kakikomi-category-dl dt {
	margin-bottom:2px;
	padding-left:16px;
	background:url(../../images/portal/arrow/arrow_kakikomi.gif) no-repeat 0 4px;
}
dl#kakikomi-category-dl dd {
	font-size:x-small;
	margin:0 0 5px 16px;
}

/* kakikomi-category-ul */
ul#kakikomi-category-ul {
	margin-left:15px;
}
ul#kakikomi-category-ul li {
	margin-bottom:5px;
	padding-left:16px;
	background:url(../../images/portal/arrow/arrow_kakikomi.gif) no-repeat 0 4px;
}



/* newrecipe-wrap */
div#newrecipe-wrap,
div#newkakikomi-wrap {
	width:484px;
	padding-bottom:5px;
	margin-bottom:8px;
	background:url(../../images/portal/recipe/recipe_new_matbtm.gif) no-repeat bottom;
}
div#newkakikomi-wrap {background:url(../../images/portal/kakikomi/ntc_newarv_matbtm.gif) no-repeat bottom;}

div#newrecipe-wrap div#newrecipe-title,
div#newkakikomi-wrap div#newkakikomi-title {
	width:470px;
	padding:12px 0 10px 14px;
	background:url(../../images/portal/recipe/recipe_new_mattop.gif) no-repeat top;
}
div#newkakikomi-wrap div#newkakikomi-title {background:url(../../images/portal/kakikomi/ntc_newarv_mattop.gif) no-repeat top;}

div#newrecipe-wrap div.recipe-box,
div#newkakikomi-wrap div.kakikomi-box {
	float:left;
	margin-left:22px;
	display:inline;	/* fix for ie6 */
}






/* list / show
----------------------------------------------------------------------------- */

/* archive-list / archive-show (class for div#main) */
div.archive-list,
div.archive-show {
	width:484px;
	background:url(../../images/portal/main_box/threeclm_main_bg2_mid.gif) repeat-y left;
}
div#archive-title {
	width:464px;
	padding:12px 10px 10px;
	background:url(../../images/portal/main_box/threeclm_main_bg2_top.gif) no-repeat top left;
}
div#archive-title h1 {
	margin-bottom:10px;
}
div#archive-title p#now-selecting {
	width:444px;
	margin:0 auto 10px;
}
div.recipe p#now-selecting strong {color:#f47236;}
div.kakikomi p#now-selecting strong {color:#4170a9;}

div#archive-show-header {
	width:484px;
	padding:7px 0 20px;
	background:url(../../images/portal/main_box/threeclm_main_bg2_top.gif) no-repeat top left;
}
div.archive-controls {
	width:470px;
	height:50px;
	margin:0 auto;
	
}
div.recipe div.archive-controls {background:url(../../images/portal/recipe/recipe_menu_mat.gif) no-repeat top center;}
div.kakikomi div.archive-controls {background:url(../../images/portal/kakikomi/ntc_menu_mat.gif) no-repeat top center;}

/* div.archive-controls ul {
	margin-left:5px;
	
} */
/* div.kakikomi  */div.archive-controls ul {
	float:right;
	margin-right:5px;
	display:inline;	/* fix for ie6 */
}
div.archive-controls ul li {
	float:left;
	margin-left:3px;
	padding-top:16px;
	display:inline;	/* fix for ie6 */
}
div.archive-controls ul li.action-thanks {
	padding-top:1px;
}
div.kakikomi div.archive-controls ul li.action-thanks {
	padding-top:5px;
}


div#archive-list-footer,
div#archive-show-footer {
	width:484px;
	padding-bottom:2px;
	background:url(../../images/portal/main_box/threeclm_main_bg2_btm.gif) no-repeat bottom;
}
div#archive-show-footer {padding-bottom:7px;}


/* back-link */
p.back-link {
	margin:5px 17px 10px;
	text-align:right;
	font-size:x-small;
	
}
p.back-link a {
	padding-left:15px;
	background:url(../../images/portal/arrow/arrow_f37235.gif) no-repeat 2px 0;
}


div.archive-list-inner-wrap {
	width:450px;
	margin:20px auto 10px;
}

div.archive-list-body-wrap {
	width:450px;
	margin:10px auto;
}


/* recipe / question show */
div#archive-show-title,
div#archive-show-detail,
div#recipe-show-material,
div#recipe-show-comment,
div#recipe-show-thanks,
div#recipe-show-recommend,
div#kakikomi-show-comment {
	width:450px;
	margin:0 auto 20px;
}
div#kakikomi-show-comment {
	width:460px;
	margin:0 auto 20px;
}

div#archive-show-title {
	margin:0 auto 10px;
}

div#archive-show-title ul.archive-category-icons {
	margin-bottom:5px;
}
div#archive-show-title ul.archive-category-icons li {
	display:inline;
	font-size:x-small;
	line-height:1;
	margin-bottom:2px;
}

div#archive-show-title h1#archive-title,
div#archive-show-title h2#archive-title {
	margin-bottom:5px;
	font-size:2.0em;
}
div.recipe h1#archive-title {color:#f47236;}
div.kakikomi h2#archive-title {color:#4170a9;}

div#archive-show-title p#recipe-property {
	margin-bottom:0;
	font-size:x-small;
}
div#archive-show-title p#recipe-property strong {color:#f47236;}

div#archive-show-title p#kakikomi-property {
	text-align:right;
	font-size:x-small;
}
div#archive-show-title p#kakikomi-comment-link {
	width:450px;
	padding-bottom:15px;
	margin-bottom:0;
	text-align:center;
	background:url(../../images/portal/line/dotline_6d8dbb.gif) repeat-x bottom;
}

div#recipe-image-wrap {
	width:240px;
	float:left;
}
div#recipe-image-wrap table {
	border:none;
}
div#recipe-image-wrap table td {
	width:240px;
	height:180px;
	vertical-align:center;
	text-align:center;
}

div#recipe-detail-text {
	width:200px;
	float:right;
	color:#f47236;
}
div#recipe-detail-text p {font-size:1.4em;}

div#recipe-material-wrap {
	width:230px;
	float:left;
}
div#recipe-material-wrap ul#recipe-material-list {
	margin-bottom:10px;
}
ul#recipe-material-list li {
	
}

div#recipe-allergen-wrap {
	width:200px;
	float:right;
}

div#action-thanks-wrap textarea {
	width:440px;
	height:90px;
	padding:5px;
	font-size:small;
}
div#action-thanks-wrap ul.form-page-nav {
	margin-top:15px;
}
div#recipe-show-thanks ul#thanks-comment-list {
	margin-bottom:10px;
	color:#ab8282;
}
div#recipe-show-thanks ul#thanks-comment-list li {
	padding:2px 5px;
}
div#recipe-show-thanks ul#thanks-comment-list li.odd {background-color:#f3d4d2;}

div#recipe-show-recommend {
	width:465px;
	margin:0 0 40px 17px;
}
div#recipe-show-recommend ul#recommend-recipe-list {
	
}
div#recipe-show-recommend ul#recommend-recipe-list li {
	width:120px;
	float:left;
	padding:0 15px;
	display:inline;	/* fix for ie6 */
}
div#recipe-show-recommend ul#recommend-recipe-list li div.recommend-recipe-thumb {
	width:120px;
	margin:0 auto 2px;
}
div#recipe-show-recommend ul#recommend-recipe-list li div.recommend-recipe-thumb table {
	width:120px;
}
div#recipe-show-recommend ul#recommend-recipe-list li div.recommend-recipe-thumb table td {
	width:120px;
	height:90px;
	vertical-align:center;
	text-align:center;
}


div#recipe-show-order {
	width:475px;
	margin:0 0 20px 7px;
}
div#recipe-show-order h2 {margin-left:10px;}

div.recipe-order-box {
	width:150px;
	float:left;
	margin-bottom:10px;
	margin-left:5px;
	display:inline;	/* fix for ie6 */
}
div.recipe-order-box div.recipe-order-body {
	width:150px;
	background:url(../../images/portal/recipe/re_show_order_matbtm.gif) no-repeat bottom;
}
div.recipe-order-inner {
	width:140px;
	height:25em;
	padding:5px;
	background:url(../../images/portal/recipe/re_show_order_mattop.gif) no-repeat top;
}
div.recipe-order-inner div.recipe-order-thumb {
	width:140px;
	margin-bottom:5px;
}
div.recipe-order-inner div.recipe-order-thumb table {
	width:140px;
}
div.recipe-order-inner div.recipe-order-thumb table td {
	width:140px;
	height:100px;
	vertical-align:center;
	text-align:center;
}



/* kakikomi-comment-wrap */
div.kakikomi-comment-wrap {
	width:450px;
	margin-bottom:10px;
	background-repeat:no-repeat;
}
div.kakikomi-comment-wrap.even {background-position:bottom right;}
div.kakikomi-comment-wrap.odd {background-position:bottom left;}
div.kakikomi-comment-wrap.img01 {background-image:url(../../images/portal/kakikomi/ntc_cmnt_img01.gif);}
div.kakikomi-comment-wrap.img02 {background-image:url(../../images/portal/kakikomi/ntc_cmnt_img02.gif);}
div.kakikomi-comment-wrap.img03 {background-image:url(../../images/portal/kakikomi/ntc_cmnt_img03.gif);}
div.kakikomi-comment-wrap.img04 {background-image:url(../../images/portal/kakikomi/ntc_cmnt_img04.gif);}

div.kakikomi-comment-inner {
	width:414px;
	clear:both;
	background:url(../../images/portal/kakikomi/ntc_cmnt01_matmdl.gif) repeat-y;
}
div.odd div.kakikomi-comment-inner {float:right;}
div.c-thanks div.kakikomi-comment-inner {background-image:url(../../images/portal/kakikomi/ntc_cmnt02_matmdl.gif);}
div.c-self div.kakikomi-comment-inner {background-image:url(../../images/portal/kakikomi/ntc_cmnt03_matmdl.gif);}

dl.kakikomi-comment {
	width:384px;
	padding:35px 15px 10px;
	background:url(../../images/portal/kakikomi/ntc_cmnt01_mattop.gif) no-repeat top;
}
div.c-thanks dl.kakikomi-comment {background-image:url(../../images/portal/kakikomi/ntc_cmnt02_mattop.gif);}
div.c-self dl.kakikomi-comment {background-image:url(../../images/portal/kakikomi/ntc_cmnt03_mattop.gif);}

dl.kakikomi-comment dt {
	margin-bottom:5px;
	color:#4170a9;
	font-size:x-small;
}
dl.kakikomi-comment dd {
	
}
dl.kakikomi-comment dd h3 {
	margin-bottom:3px;
	color:#4170a9;
}

div.kakikomi-comment-date {
	width:384px;
	padding:0 15px 15px;
	background:url(../../images/portal/kakikomi/ntc_cmnt01_matbtm.gif) no-repeat bottom;
}
div.c-thanks div.kakikomi-comment-date {background-image:url(../../images/portal/kakikomi/ntc_cmnt02_matbtm.gif);}
div.c-self div.kakikomi-comment-date {background-image:url(../../images/portal/kakikomi/ntc_cmnt03_matbtm.gif);}


div.kakikomi-comment-inner div.recipe-box {
	width:384px;
	margin-left:15px;
	margin-bottom:15px;
}
div.kakikomi-comment-inner div.recipe-box dl {
	width:314px;
}



/* archive-search-wrap */
div#archive-search-wrap {
	width:464px;
	padding-bottom:10px;
	margin:0 auto 20px;
	background:url(../../images/portal/main_box/threeclm_innerbox_bg_btm.gif) no-repeat bottom;
}
div#archive-search-wrap div#archive-search-title {
	width:444px;
	padding:10px;
	background:url(../../images/portal/main_box/threeclm_innerbox_bg_top.gif) no-repeat top;
	position:relative;
}
div#archive-search-wrap div#archive-search-title p#open-search-box {
	position:absolute;
	top:10px;
	right:10px;
}


div#archive-search-wrap div#archive-search-body {
	width:444px;
	margin:0 auto;
}
div#archive-search-wrap div.sukikirai-select-wrap {
	width:444px;
	margin:0 auto;
}
div#archive-search-wrap p#archive-search-btn {
	text-align:right;
	width:444px;
	margin:0 auto;
}

/* no-archives-wrap */
div#no-archives-wrap {
	width:454px;
	padding:10px 15px 300px;
}


/* archives-ul */
ul.archives-ul {
	
}
ul.archives-ul li {
	width:454px;
	padding:10px 15px;
}
ul#recipe-ul li {background:url(../../images/portal/recipe/re_list_mat.gif) repeat-y top center;}
ul#kakikomi-ul li {background:url(../../images/portal/kakikomi/ntc_list_mat.gif) repeat-y top center;}
ul#recipe-ul li.odd,
ul#kakikomi-ul li.odd {background:none;}

/* recipe-li-body */
div.recipe-li-body {
	width:310px;
	float:left;
}
div.recipe-li-thumb {
	width:134px;
	float:right;
	background:url(../../images/portal/thumbnails/thumb_m_bg.gif) no-repeat;
}
div.recipe-li-thumb table {
	width:134px;
	border-collapse:collapse;
	border:none;
}
div.recipe-li-thumb table td {
	width:134px;
	height:104px;
	vertical-align:center;
	text-align:center;
}

div.recipe-li-body h4 {
	margin-bottom:5px;
}

div.recipe-li-body p.body-text {
	margin-bottom:3px;
	font-weight:bold;
}
div.recipe-li-body p.recipe-allergen {
	margin-bottom:5px;
	font-size:x-small;
}
ul.archives-ul div.body-foot {
	padding-bottom:3px;
	position:relative;
}
ul#recipe-ul div.body-foot {width:310px;}
ul#kakikomi-ul div.body-foot {width:454px;}


ul.archives-ul div.body-foot p.body-by {
	text-align:right;
	font-size:x-small;
}
ul.archives-ul div.body-foot p.btn-bookmark {
	position:absolute;
	top:0;
	left:0;
}

/* kakikomi-li-body */
div.kakikomi-li-body {
	width:454px;
	
}
div.kakikomi-li-body h4 {margin-bottom:5px;}
div.kakikomi-li-body h4 span {
	font-size:0.8em;
	font-weight:normal;
}
div.kakikomi-li-body p.body-text {
	margin-bottom:10px;
}


/* -- clear float -- */ 
ul#recipe-ul li,
div#archive-show-header ul,
ul#recommend-recipe-list,
div.recipe-box,
div.kakikomi-box,
div#newrecipe-wrap,
div#newkakikomi-wrap,
div.kakikomi-comment-wrap,
div.archive-list-inner-wrap,
div.search-list { 
	min-height:0; 
	display: inline-table; 
} 
ul#recipe-ul li:after,
div#archive-show-header ul:after,
ul#recommend-recipe-list:after,
div.recipe-box:after,
div.kakikomi-box:after,
div#newrecipe-wrap:after,
div#newkakikomi-wrap:after,
div.kakikomi-comment-wrap:after,
div.archive-list-inner-wrap:after,
div.search-list:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear: both; 
	visibility:hidden; 
} 
/* \*/ 
* html ul#recipe-ul li,
* html div#archive-show-header ul,
* html ul#recommend-recipe-list,
* html div.recipe-box,
* html div.kakikomi-box,
* html div#newrecipe-wrap,
* html div#newkakikomi-wrap,
* html div.kakikomi-comment-wrap,
* html div.archive-list-inner-wrap,
* html div.search-list {height:0;} 
ul#recipe-ul li,
div#archive-show-header ul,
ul#recommend-recipe-list,
div.recipe-box,
div.kakikomi-box,
div#newrecipe-wrap,
div#newkakikomi-wrap,
div.kakikomi-comment-wrap,
div.archive-list-inner-wrap,
div.search-list {display: block;} 
/* */ 
/* -- end clear float -- */



/* ======================================
03.
	recipe write
========================================= */


/* new, write, confirm, complete
----------------------------------------------------------------------------- */

/* write-select-wrap */
div.write-select-wrap {
	width:630px;
	margin:0 auto;
}

/* write-select-list */
ul.write-select-list {
	padding-bottom:10px;
}
div.others-list ul.write-select-list {
	padding-bottom:0;
}
ul.write-select-list li {
	width:100px;
	float:left;
	
}
div#kokoro-select-list ul.write-select-list li {width:220px;}
div#kokoro-select-list div.others-list ul.write-select-list li {width:200px;}

ul.write-select-list li a {
	white-space:nowrap;
}

ul.write-select-list li input {margin-right:5px; border:none;}
div.others-list ul.write-select-list li input {margin-right:3px;}

ul.write-select-list li.long1 {width:140px;}
ul.write-select-list li.long2 {width:160px;}
ul.write-select-list li.long3 {width:180px;}
ul.write-select-list li.long4 {width:200px;}
ul.write-select-list li.long5 {width:220px;}

/* div.write-select-wrap ul.write-select-list li.long {width:130px;}
div.write-select-wrap ul.write-select-list li.long1 {width:160px;}
div.write-select-wrap ul.write-select-list li.long2 {width:180px;}
div.write-select-wrap ul.write-select-list li.long3 {width:220px;}
div.write-select-wrap ul.write-select-list li.long4 {width:260px;}
div.write-select-wrap ul.write-select-list li.long5 {width:300px;} */


/* write-list-state */
ul.write-list-state {
	margin-bottom:15px;
}
div.others-list ul.write-list-state {
	margin-bottom:0;
}
ul.write-list-state li {
	clear:both;
	margin-bottom:3px;
}
div.select-search-list div.search-list ul.write-list-state li {
	padding-right:0;
	margin-right:0;
	border:none;
	/* clear:none; */
}

ul.write-list-state li span.state {
	color:#87c53c;
	display:block;
	width:90px;
	float:left;
}
div.select-search-list ul.write-list-state li span.state {
	/* display:inline;
	float:none;
	width:auto; */
	width:78px;
}



/* write-select-place */
ul.write-select-place {
	/* display:inline; */
	width:535px;
	float:left;
	padding-bottom:5px;
}
div.others-list ul.write-select-place {width:525px;}

div.select-search-list ul.write-select-place {
	/* display:inline;
	float:none; */
	width:290px;
}

ul.write-select-place li {
	width:80px;
	float:left;
	clear:none;
	margin-bottom:0;
}
div.select-search-list div.search-list ul.write-select-place li {
	width:auto;
	/* width:auto;
	float:none;
	display:inline; */
	margin-right:3px;
	padding-right:3px;
	border-right:1px solid #c99;
}
div.select-search-list div.search-list ul.write-select-place li.last {border:none;}

ul.write-select-place li input {
	margin-right:3px;
	border:none;
}





/* write-section-wrap */
div.write-section-wrap {
	width:692px;
	margin-bottom:30px;
}
div.write-section-wrap input,
div.write-section-wrap textarea {
	border:1px solid #f3b8bb;
	font-size:small;
}

div.write-section-wrap p.write-section-text {
	width:662px;
	margin:0 auto 10px;
}


/* main-image-area */
div#main-image-area {
	width:240px;
	float:left;
	position:relative;
}
div#main-image-area p#image-clear-btn {
	position:absolute;
	top:2px;
	right:0;
}
div#main-image-input-area {
	overflow:hidden;
	width:238px;
	height:178px;
	margin-bottom:5px;
	text-align:center;
	border:1px solid #f3b8bb;
}

/* title-copy-area */
div#title-copy-area {
	width:410px;
	float:right;
}
div#write-recipe-title {
	margin-bottom:30px;
}
div#write-catchcopy {
	
}


/* write-material-list */
div#write-material-list {
	width:410px;
	float:left;
	background:url(../../images/portal/recipe/recipe_material_matbtm.gif) no-repeat bottom;
}
div#write-material-list dl {
	width:410px;
	background:url(../../images/portal/recipe/recipe_material_mattop.gif) no-repeat top;
}
div#write-material-list dl dt {
	height:31px;
	padding:9px 15px 0;
}
div#write-material-list dl dt input {
	padding:3px;
	margin-right:3px;
}
div#write-material-list dl dd {
	padding:15px 5px 10px 15px;
}
div#write-material-list dl dd li {
	margin-bottom:5px;
}
div#write-material-list dl dd li input {
	padding:1px;
}

/* write-allergen */
div#write-allergen {
	width:260px;
	float:right;
	background:url(../../images/portal/recipe/recipe_allergen_matbtm.gif) no-repeat bottom;
}
div#write-allergen dl {
	width:260px;
	background:url(../../images/portal/recipe/recipe_allergen_mattop.gif) no-repeat top;
}
div#write-allergen dl dt {
	height:28px;
	padding:12px 15px 0;
}
div#write-allergen dl dd {
	padding:12px 5px 15px 15px;
}
div#write-allergen dl dd ul {
	
}
div#write-allergen dl dd li {
	width:75px;
	float:left;
	margin-bottom:1px;
	font-size:x-small;
}
div#write-allergen dl dd li input {
	border:none;
	margin-right:3px;
}

/* write-order */
div#write-order {
	width:710px;
	
}

/* write-order-wrap */
div#write-order-wrap {
	
}

div.one-order-wrap {
	width:220px;
	float:left;
	display:inline;
	margin-right:15px;
	margin-bottom:15px;
}

/* one-order-pttl */
div.one-order-pttl {
	width:220px;
	margin-bottom:3px;
	position:relative;
}
div.one-order-pttl ul.order-control-btn {
	position:absolute;
	top:0;
	right:0;
}
div.one-order-pttl ul.order-control-btn li {
	display:inline;
}


/* one-order-body */
div.one-order-body {
	width:220px;
	min-height:190px;
	background:url(../../images/portal/recipe/recipe_order_mat.gif) no-repeat top;
}
div.one-order-body div.one-order-image {
	height:100px;
	padding:10px 10px 0;
	text-align:center;
}
div.one-order-body div.one-order-image div.one-order-image-box {
	width:138px;
	height:98px;
	margin:0 auto;
	border:1px solid #f3b8bb;
	overflow:hidden;
	background:#fff;
}
div.one-order-body div.one-order-text {
	/* height:70px; */
	padding:10px;
	font-size:x-small;
	background:url(../../images/portal/recipe/recipe_order_mat.gif) no-repeat bottom;
}


/* width settings */
div#write-material-list dl dt input {width:50px;}
div#write-material-list dl dd li input {width:85px;}
div#write-material-list dl dd li span input {width:238px;}
div#title-copy-area input {
	width:400px;
	padding:5px;
}
div#title-copy-area textarea {
	width:399px;
	height:85px;
	padding:5px;
}
div#write-comment textarea {
	width:682px;
	padding:5px;
}
div.one-order-body div.one-order-text textarea {
	width:197px;
	height:58px;
}


/* with-line01-wrap */
/* orange */
div.with-line01-wrap {
	width:692px;
	padding:20px 0 10px;
	background:url(../../images/portal/line/dotline_f6a728.gif) repeat-x top;
}


/* select-others-list */
div.select-others-list {
	width:692px;
	margin-bottom:15px;
}
div.select-others-list div.others-thumb {
	width:64px;
	float:left;
}
div.select-others-list div.others-list {
	width:620px;
	float:right;
}
div.select-others-list div.others-list li {
	font-size:x-small;
}





/* -- clear float -- */ 
div.sukikirai-select-wrap,
div.write-section-wrap,
div.select-others-list,
ul.others-list-01,
ul.write-select-list,
div#write-allergen dl dd ul,
div#write-order-wrap,
div.one-order-pttl,
div.select-search-list,
ul.write-list-state { 
	min-height:0; 
	display: inline-table; 
} 
div.sukikirai-select-wrap:after,
div.write-section-wrap:after,
div.select-others-list:after,
ul.others-list-01:after,
ul.write-select-list:after,
div#write-allergen dl dd ul:after,
div#write-order-wrap:after,
div.one-order-pttl:after,
div.select-search-list:after,
ul.write-list-state:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear: both; 
	visibility:hidden; 
} 
/* \*/ 
* html div.sukikirai-select-wrap,
* html div.write-section-wrap,
* html div.select-others-list,
* html ul.others-list-01,
* html ul.write-select-list,
* html div#write-allergen dl dd ul,
* html div#write-order-wrap,
* html div.one-order-pttl,
* html div.select-search-list,
* html ul.write-list-state {height:0;} 
div.sukikirai-select-wrap,
div.write-section-wrap,
div.select-others-list,
ul.others-list-01,
ul.write-select-list,
div#write-allergen dl dd ul,
div#write-order-wrap,
div.one-order-pttl,
div.select-search-list,
ul.write-list-state {display: block;} 
/* */ 
/* -- end clear float -- */




/* ======================================
04.
	kakikomi write
========================================= */

/* write-select-dl */
dl.write-select-dl {
	
}
dl.write-select-dl dt {
	font-weight:bold;
}
dl.write-select-dl dt.kakikomi-cat {color:#4170a9;}
dl.write-select-dl dt input {margin-right:5px;}

dl.write-select-dl dd {
	margin-left:20px;
	margin-bottom:5px;
}

/* write-kakikomi-wrap */
div#write-kakikomi-wrap {
	width:455px;
	padding-right:215px;
	background:url(../../images/portal/kakikomi/ntc_new_img.gif) no-repeat right bottom;
}

/* write-kakikomi-title */
div#write-kakikomi-title {
	width:440px;
}
div#write-kakikomi-title input {
	width:100%;
	padding:5px;
}

/* write-kakikomi-body */
div#write-kakikomi-body {
	width:440px;
	min-height:200px;
	margin-bottom:10px;
}
div#write-kakikomi-body textarea {
	width:100%;
	height:200px;
	padding:5px;
}



/* write-comment-wrap */
div#write-comment-wrap {
	width:430px;
	height:425px;
	margin:0 auto 10px;
	padding:15px 15px 0;
	background:url(../../images/portal/kakikomi/ntc_cmnt_bg.gif) no-repeat;
}
div#write-comment-wrap div.write-section-wrap {
	width:430px;
	margin-bottom:20px;
}
div#write-comment-wrap div#write-kakikomi-title {
	width:430px;
}
div#write-comment-wrap div#write-kakikomi-title input {
	width:417px;
}
div#write-comment-wrap div#write-kakikomi-body {
	width:430px;
	height:180px;
	min-height:0;
	margin-bottom:10px;
}
div#write-comment-wrap div#write-kakikomi-body textarea {
	width:417px;
	height:170px;
	min-height:0;
}

div#write-comment-wrap p#check-thanks-comment {
	padding-left:12px;
	background:url(../../images/portal/icon/icon_circle_blue.gif) no-repeat 0 6px;
	color:#4170a9;
}
div#write-comment-wrap p#check-thanks-comment input {border:none;margin-right:3px;}

ul#kakikomi-comment-btn {
	width:305px;
	margin-top:30px;
}
ul#kakikomi-comment-btn li {
	float:right;
	width:184px;
}
ul#kakikomi-comment-btn li input {border:none;}

ul#kakikomi-comment-btn li#comment-quit-btn {
	float:left;
	width:114px;
	padding-top:10px;
}




/* -- clear float -- */ 
ul#kakikomi-comment-btn { 
	min-height:0; 
	display: inline-table; 
} 
ul#kakikomi-comment-btn:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear: both; 
	visibility:hidden; 
} 
/* \*/ 
* html ul#kakikomi-comment-btn {height:0;} 
ul#kakikomi-comment-btn {display: block;} 
/* */ 
/* -- end clear float -- */




/* ======================================
05.
	login
========================================= */
/* login-wrapper */
div#login-wrapper {
	width:864px;
	margin:0 auto 167px;
	background:url(../../images/portal/login/login_bg_bottom.gif) no-repeat bottom;
}

/* login-member */
/* login-regist */
div#login-member,
div#login-regist {
	width:386px;
	padding:15px 15px 30px;
	background:url(../../images/portal/login/login_bg_top.gif) no-repeat top left;
}

div#login-regist {
	float:right;
	background-position:top right;
}
div#login-member {
	float:left;
}
div#login-member,
div#login-member a,
div#login-member a:link,
div#login-member a:visited {color:#87c53c;}
div#login-member a:hover {color:#87c53c;}

div#login-member input {border-color:#87c53c;}


div#login-member h1,
div#login-regist h2 {
	margin-bottom:40px;
}


div#login-inner {
	width:300px;
	margin:0 auto;
}

div#login-inner dl {
	width:300px;
	margin:0 auto 10px;
}
div#login-inner dl dt {
	width:90px;
	clear:left;
	float:left;
	margin-bottom:10px;
}
div#login-inner dl dd {
	width:200px;
	float:right;
	padding-bottom:3px;
}
div#login-inner dl dd input {
	width:195px;
	padding:2px 3px;
}

div#login-inner p#auto-login {
	width:190px;
	float:left;
	margin-bottom:10px;
	font-size:1.0em;
}
div#login-inner p#auto-login input {margin-right:3px; border:none;}

div#login-inner p#login-btn {
	width:100px;
	float:right;
}
div#login-inner p#login-btn input {border:none;}

div#login-inner p#reminder-link {
	clear:both;
	font-size:1.0em;
}
div#login-inner p#reminder-link a {
	padding-left:15px;
	background:url(../../images/portal/arrow/arrow_green.gif) no-repeat 0 1px;
}


div#regist-inner {
	width:370px;
	margin:40px auto 0;
}

div#regist-inner p#regist-link {
	margin-bottom:40px;
	text-align:center;
}
div#regist-inner ul li {
	padding-left:13px;
	background:url(../../images/portal/icon/login_bullet_icon.gif) no-repeat 0 3px;
	font-size:1.0em;
}


/* sex-list */
ul.sex-list li {
	float:left;
	margin-right:10px;
}


/* regist-inner-contents */
div.regist-inner-contents {
	width:748px;
	height:148px;
	padding:15px;
	margin:0 auto 20px;
	border:1px solid #f3b8bb;
	overflow-y:scroll;
}

/* regist-inner-contents-wrap */
div#regist-inner-contents-wrap {
	
}
/* div#regist-inner-contents-wrap .jScrollPaneContainer {
	margin-bottom:20px;
	border:1px solid #de909b;
}

div#regist-inner-contents-wrap .jScrollPaneTrack {
	background: #fff;
	border-left:1px solid #de909b;
}
div#regist-inner-contents-wrap .jScrollPaneDrag {
	background: #de909b;
} */



/* regist-confirm-text-wrap */
div.regist-confirm-text-wrap {
	width:525px;
	margin:40px auto 30px;
}

div.sent-regist-inner {
	width:620px;
	margin:0 auto;
}

h2.sttl-confirm-email {
	padding-left:115px;
}
h2.sttl-confirm-email strong {
	font-size:1.4em;
}
h2.sttl-regist-complete {
	font-size:1.4em;
}
p.text-regist-complete {
	
}

/* regist-complete-infomations */
dl#regist-complete-infomations {
	width:800px;
	margin:0 auto;
}
dl#regist-complete-infomations dt.regist-info-sttl {
	margin-top:30px;
	padding-left:15px;
	background:url(../../images/portal/regist/regist_icon_list.gif) no-repeat 2px 5px;
}
dl#regist-complete-infomations dd dl dd {
	margin-bottom:20px;
}
dl#regist-complete-infomations .regist-info-nolink {
	margin-left:15px;
}
dl#regist-complete-infomations .regist-info-link {
	padding-left:15px;
	background:url(../../images/portal/arrow/arrow_pink.gif) no-repeat center left;
}






/* -- clear float -- */ 
div#login-wrapper,
div#login-inner dl { 
	min-height:0; 
	display: inline-table; 
} 
div#login-wrapper:after,
div#login-inner dl:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear: both; 
	visibility:hidden; 
} 
/* \*/ 
* html div#login-wrapper,
* html div#login-inner dl {height:0;} 
div#login-wrapper,
div#login-inner dl {display: block;} 
/* */ 
/* -- end clear float -- */



/* ======================================
06.
	pub contents
========================================= */

/* pmark */
p.pmark img {
	float:right;
	margin-left:20px;
}


/* select-allergen-list */
ul.select-allergen-list {
	
}
ul.select-allergen-list li {
	width:120px;
	float:left;
}





/* guide-section */
div.guide-section {
	margin-bottom:25px;
}


/* guide-text */
dl.guide-text {
	
}
dl.guide-text dt {
	margin-bottom:5px;
	color:#f47236;
}





/* -- clear float -- */ 
ul.select-allergen-list { 
	min-height:0; 
	display: inline-table; 
} 
ul.select-allergen-list:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear: both; 
	visibility:hidden; 
} 
/* \*/ 
* html ul.select-allergen-list {height:0;} 
ul.select-allergen-list {display: block;} 
/* */ 
/* -- end clear float -- */




/* ======================================
07.
	etc
========================================= */

/* annouce-show-wrap */
div#annouce-show-wrap {
	width:452px;
	/* min-height:550px; */
	margin:10px auto;
	padding-top:20px;
	background:url(../../images/portal/line/dotline_f6a728.gif) repeat-x top left;
}
div#annouce-show {
	width:452px;
	padding-bottom:30px;
	background:url(../../images/portal/line/dotline_f6a728.gif) repeat-x bottom left;
}

div#annouce-show h2 {
	font-size:1.4em;
	margin-bottom:10px;
	color:#f6a728;
}
div#annouce-show p#annouce-show-date {
	font-size:x-small;
	margin-bottom:5px;
}

div#annouce-show div#annouce-show-thumb {
	width:194px;
	height:194px;
	float:left;
	padding:5px;
	margin:0 10px 10px 0;
	background:url(../../images/portal/thumbnails/thumb_194_bg.gif) no-repeat;
	display:inline;	/* fix for ie6 */
}
div#annouce-show div#annouce-show-thumb table {
	border:none;
}
div#annouce-show div#annouce-show-thumb table td {
	width:194px;
	height:194px;
	vertical-align:center;
	text-align:center;
}

div#annouce-show div#annouce-show-text p {
	margin-bottom:10px;
}



/* annouce-list-wrap */
div#annouce-list-wrap {
	width:452px;
	/* min-height:550px; */
	margin:10px auto;
}
div#annouce-list-wrap a,
div#annouce-list-wrap a:link,
div#annouce-list-wrap a:visited {color:#f6a728;}
div#annouce-list-wrap a:hover {color:#f5c16e;}

ul#annouce-list-ul {
	
}
ul#annouce-list-ul li.annouce-li {
	width:452px;
	padding:10px 0;
	background:url(../../images/portal/line/dotline_f6a728.gif) repeat-x top left;
}
ul#annouce-list-ul li.annouce-li#first {background:none;}

div.announce-thumb {
	width:94px;
	float:left;
	padding:5px;
	background:url(../../images/portal/thumbnails/thumb_94_bg.gif) no-repeat;
}
div.announce-thumb table{
	border:none;
}
div.announce-thumb table td {
	width:94px;
	height:94px;
	vertical-align:center;
	text-align:center;
	
}
div.annouce-body {
	width:334px;
	float:right;
}
div.annouce-body dd.annouce-date {
	font-size:x-small;
	margin-bottom:3px;
}
div.annouce-body dt {
	margin-bottom:6px;
}





/* address-list (ad_contact) */
.address-list ul li {
	margin-bottom:5px;
}



/* -- clear float -- */ 
li.annouce-li,
div#annouce-show { 
	min-height:0; 
	display: inline-table; 
} 
li.annouce-li:after,
div#annouce-show:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear: both; 
	visibility:hidden; 
} 
/* \*/ 
* html li.annouce-li,
* html div#annouce-show {height:0;} 
li.annouce-li,
div#annouce-show {display: block;} 
/* */ 
/* -- end clear float -- */