@charset "UTF-8";

/*
 :title "Common Style";
 :author [:name "miki ueaoki"];
 :description "サイト共通のスタイル";
 :note "
 	Outline - 
		01.Hedding Settings.
		02.Common Parts.
		03.List Settings.
		04.Table Settings.
		05.
		";
*/






/* ======================================
01.
	Hedding Settings.
========================================= */

/* title-wrap */
div.two-column div.title-wrap {
	width:722px;
	padding:12px 0 0 12px;
	background:url(../../images/portal/main_box/twoclm_main_bg_top.gif) no-repeat top;
}
div.two-column div.title-wrap h1#write-title {
	margin-bottom:0;
}


h2#write-step {
	margin-bottom:25px;
}


h1#oneclm-title {
	margin:0 0 20px 30px;
}

h1.title-step {
	margin-bottom:30px;
	text-align:center;
}
h1#title-sepalate {
	margin-left:10px;
	margin-bottom:10px;
}


h2.sttl,
h3.sttl,
h4.sttl {
	margin-bottom:10px;
}

div.main-pub .sub-title,
div.main-pub .title {
	margin-bottom:15px;
	font-size:1.6em;
	color:#f47236;
}
div.main-pub div.section h3 {
	margin-bottom:5px;
	font-size:1.4em;
	/* color:#f47236; */
}


h3.sttl-txt {
	margin-bottom:15px;
	color:#f6a728;
	font-weight:bold;
}
div.main-pub h3.sttl-txt {margin-bottom:30px;}

h3.pttl {
	margin-bottom:10px;
	color:#f47236;
	font-size:1.4em;
}

h4.pttl {
	margin-bottom:7px;
}

h3.pttl-txt,
h4.pttl-txt {
	margin-bottom:5px;
	color:#f6a728;
}







/* ======================================
02.
	Common Parts.
========================================= */

/* float-wrap */
div.float-wrap {
	clear:both;
}

/* external */
a.external {
	padding-left:16px;
	background:url(../../images/portal/icon/icon_newwin.gif) no-repeat center left;
}

/* link */
.link {
	
}
.link-arrow {
	padding-left:15px;
	background:url(../../images/portal/arrow/arrow_pink.gif) no-repeat center left;
}
.link-arrow-2 {
	padding-left:15px;
	background:url(../../images/portal/arrow/arrow_f37235.gif) no-repeat center left;
}

a.linktxt-allergy {
	color:#e62f21;
}
a:hover.linktxt-allergy {color:#f28c85;}

a.link-recipe {
	padding-left:15px;
	background:url(../../images/portal/arrow/arrow_f37235.gif) no-repeat center left;
	color:#f47236;
}
a:hover.link-recipe {color:#f5a57f;}

a.link-kakikomi {
	padding-left:15px;
	background:url(../../images/portal/arrow/arrow_4070a9.gif) no-repeat center left;
	color:#4170a9;
}
a:hover.link-kakikomi {color:#769dcc;}

ul.link-recipe-list {
	margin-bottom:10px;
}
ul.link-recipe-list li {
	
}
ul.link-recipe-list li a {
	
}


/* plink-pagetop */
p.plink-pagetop {
	text-align:right;
	margin:20px 0;
}


/* section */
div.section {
	margin-bottom:40px;
}
div.section p {
	margin-bottom:10px;
}
div.section p.nbr {
	margin-bottom:0;
}

/* wline */
div.section.wline-orange {
	margin-bottom:25px;
	padding-bottom:25px;
	background:url(../../images/portal/common/dotline_f6a728.gif) repeat-x bottom;
}


/* caption */
span.caption,
p.caption {
	font-size:x-small;
}

ul.caption-list {
	margin-bottom:20px;
}
ul.caption-list li {
	font-size:x-small;
}

p.caption.one,
ul.caption-list.one li {
	text-indent:-1em;
	margin-left:1em;
}
ul.form-caption {
	font-size:x-small;
	
}




/* form-serial */
p.form-serial {
	margin:10px 0;
	text-align:right;
}


/* twoclm-wrap */
div.twoclm-wrap {
	width:734px;
	
}



/* oneclm-wrap */
div.oneclm-wrap-0 {
	width:864px;
	margin:0 auto;
}
div.oneclm-wrap {
	width:864px;
	margin:0 auto 30px;
}



/* oneclm-box */
div.oneclm-box {
	width:864px;
	margin:0 auto 20px;
	padding-bottom:15px;
	background:url(../../images/portal/main_box/column_02_bg_bottom.gif) no-repeat bottom;
}
div.oneclm-addheight {
	padding-bottom:40px;
}
/* div#company-h-ctrl {
	padding-bottom:100px;
}
 */
div.oneclm-box div.oneclm-title {
	width:834px;
	padding:15px 15px 0;
	background:url(../../images/portal/main_box/column_02_bg_top.gif) no-repeat top;
	position:relative;
}
div.oneclm-box div.oneclm-lead {
	width:814px;
	padding:20px 25px;
	background:url(../../images/portal/main_box/column_02_bg_top.gif) no-repeat top;
}


div.oneclm-box div.oneclm-title-02 {
	width:854px;
	padding:5px;
	background:url(../../images/portal/main_box/column_02_bg_top.gif) no-repeat top;
}
div.oneclm-box div.oneclm-title h2.with-text {
	float:left;
}
div.oneclm-lead .sttl-text {
	font-size:1.6em;
	margin-bottom:15px;
}
div.oneclm-title .sttl-text {
	font-size:1.6em;
	margin-bottom:15px;
	padding-top:20px;
}

div.oneclm-box div.oneclm-title p.child-sttl-text {
	float:left;
	margin-top:10px;
	margin-left:10px;
	display:inline;		/* fix for ie6 */
}
div.oneclm-box div.oneclm-title p.child-delete-btn {
	position:absolute;
	top:20px;
	right:15px;
}


div.oneclm-box div.oneclm-title-02wrap {
	width:854px;
	padding-bottom:30px;
	margin-bottom:20px;
	background:url(../../images/portal/regist/regist_bg_02_bottom.gif) no-repeat bottom;
	color:#fff;
}
div.oneclm-box div.oneclm-title-02wrap a {
	padding-left:15px;
	background:url(../../images/portal/regist/regist_icon_arrow.gif) no-repeat center left;
	color:#fff;
}
div.oneclm-box div.oneclm-title-02wrap h2 {
	width:794px;
	padding:30px 30px 0;
	background:url(../../images/portal/regist/regist_bg_02_top.gif) no-repeat top;
}
div.oneclm-box div.oneclm-title-02wrap p {
	margin:10px 30px 0;
}

div.oneclm-body {
	padding:0 30px;
}
div.oneclm-body-2 {
	padding:0 40px;
}


/* m-box-wrap（3カラム時メインに入れるボックス：高さがない時用） */
div.m-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.m-box-wrap div.m-box-title {
	width:474px;
	padding:12px 0 10px 10px;
	background:url(../../images/portal/main_box/threeclm_box_bg_top.gif) no-repeat top;
	position:relative;
}
div.m-box-wrap div.m-box-title p.m-detail-link {
	position:absolute;
	top:10px;
	right:10px;
}
div.m-box-wrap div.m-box-inner {
	width:450px;
	margin:0 auto;
}



/* c-box-wrap（3カラム時メインに入れるボックス：高さある時用） */
div.c-box-wrap {
	width:484px;
	margin-bottom:8px;
	background:url(../../images/portal/main_box/threeclm_main_bg_mid.gif) repeat-y;
}
div.c-box-wrap div.c-box-title {
	width:464px;
	padding:12px 10px 10px;
	background:url(../../images/portal/main_box/threeclm_main_bg_top.gif) no-repeat top;
}
div.c-box-wrap div.c-box-body {
	width:484px;
	padding:0;
	background:url(../../images/portal/main_box/threeclm_main_bg_btm.gif) no-repeat bottom;
}
div.c-box-wrap div.c-box-body div.c-box-inner {
	width:444px;
	padding:10px 20px;
}

div.c-box-wrap div.recipe-lead,
div.c-box-wrap div.kakikomi-lead {
	width:444px;
	padding:0 0 10px;
	margin:0 auto;
	background:url(../../images/portal/line/dotline_f6a728.gif) repeat-x bottom;
}
div.c-box-wrap div.kakikomi-lead {background:url(../../images/portal/line/dotline_6d8dbb.gif) repeat-x bottom;}

div.c-box-wrap div.recipe-lead p,
div.c-box-wrap div.kakikomi-lead p {
	color:#f6a728;
	margin-bottom:10px;
}
div.c-box-wrap div.kakikomi-lead p {color:#6d8dbb;}

div.c-box-wrap div.recipe-lead p.recipe-newlink,
div.c-box-wrap div.kakikomi-lead p.kakikomi-newlink {
	text-align:center;
	margin-bottom:5px;
}




/* -- clear float -- */ 
div.section,
div.oneclm-title,
div.m-box-inner { 
	min-height:0; 
	display: inline-table; 
} 
div.section:after,
div.oneclm-title:after,
div.m-box-inner:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear: both; 
	visibility:hidden; 
} 
/* \*/ 
* html div.section,
* html div.oneclm-title,
* html div.m-box-inner {height:0;} 
div.section,
div.oneclm-title,
div.m-box-inner {display: block;} 
/* */ 
/* -- end clear float -- */





/* ======================================
03.
	List Settings.
========================================= */


/* disc-list */
ul.disc-list {
	list-style-type:disc;
	margin:0 0 10px 2.3em;
}



/* decimal-list */
ol.decimal-list {
	margin-bottom:10px;
	list-style-type:decimal;
}
ol.decimal-list li {
	margin-left:2.3em;
}
ol.decimal-list li ol {
	list-style-type:lower-roman;
}



/* nml-dl */
dl.nml-dl dt {
	font-weight:bold;
}
dl.nml-dl dd {
	margin-bottom:5px;
}







/* ======================================
04.
	Table Settings.
========================================= */

/* form-topcaption */
p.form-topcaption {
	margin:0;
	text-align:right;
}

/* form */
table.form {
	border:none;
	margin:0 auto 10px;
}
div#one-column table.form {
	width:795px;
}

table.form caption {
	display:none;
}

table.form th,
table.form td {
	padding:5px;
}
table.confirm td {color:#f47236;}

table.form th {
	text-align:right;
	vertical-align:top;
}
table.form td input {
	max-width:300px;
	font-size:x-small;
}

div#one-column table.form th {
	width:180px;
}
div#one-column table.form td {
	
}
div#one-column table.form td input {
	/* max-width:450px; */
	padding:3px 5px;
}


table.form td ul.allergen-select-list {
	
}
div#one-column table.form td ul.allergen-select-list {
	width:425px;
	float:left;
}
table.form td ul.allergen-select-list li {
	width:70px;
	float:left;
	white-space:nowrap;
}
div#one-column table.form td ul.allergen-select-list li {
	
}


/* data-tbl-01 */
table.data-tbl-01 {
	width:100%;
	margin:0 0 20px;
	border-collapse:collapse;
	border-spacing:0;
}
table.data-tbl-01 th,
table.data-tbl-01 td {
	padding:10px;
}
table.data-tbl-01 th {
	background:#f3d4d2;
	border-bottom:1px solid #fff;
}
table.data-tbl-01 td {
	background:url(../../images/portal/line/dotline_e6acb4.gif) repeat-x bottom;
	
}
table.data-tbl-01 td.h-cell {
	width:20%;
	background:#e6e6e6;
	border-bottom:1px solid #fff;
	font-weight:bold;
}





/* tbl-horizonal */
table.tbl-horizonal {
	width:100%;
	margin:0 0 20px;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #ccc;
}
table.tbl-horizonal th,
table.tbl-horizonal td {
	padding:10px;
	text-align:left;
}

table.tbl-horizonal thead th {
	background:#1d9cd9;
	border-left:1px solid #0060b6;
	border-right:1px solid #fff;
	color:#fff;
	text-align:center;
}

table.tbl-horizonal tbody td {
	border-left:1px solid #ccc;
	border-right:1px solid #fff;
	/* border-top:1px solid #ccc;
	border-bottom:1px solid #fff; */
}
table.tbl-horizonal tbody td.row-cell {
	border-bottom:1px solid #ccc;
}
table.tbl-horizonal tbody td.td-last {
	border-right:1px solid #ccc;
}
table.tbl-horizonal tbody tr.odd td {
	background:#e6e6e6;
}

table.tbl-horizonal th.cell-center,
table.tbl-horizonal td.cell-center {
	text-align:center;
}






/* tbl-vertical */
table.tbl-vertical {
	width:680px;
	margin:0 0 20px;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #ccc;
}
table.tbl-vertical th,
table.tbl-vertical td {
	padding:10px;
	text-align:left;
	border:1px solid #ccc;
}
table.tbl-vertical thead th {
	background:#1d9cd9;
	border:none;
	color:#fff;
}
table.tbl-vertical thead th a {
	color:#fff;
}
table.tbl-vertical tbody th {
	background:#e6e6e6;
	width:30%;
	vertical-align:top;
}
table.tbl-vertical tbody td {
	background:#fff;
}















/* ======================================
06.
	pagenate style
========================================= */

/* pagination-comment */
p.pagination-comment {
	margin:3px 17px;
	text-align:right;
	font-size:x-small;
}



/* pagination */
div.pagination {
	margin:0;
	padding:10px 20px;
	text-align:right;
	font-size:1.2em;
}
div.pagination a {
	padding:0 0 0 5px;
	border-left:1px solid #c99;
}
div.pagination span.current {
	padding:0 0 0 5px;
	border-left:1px solid #c99;
}
div.pagination span.dispabled {
	
}

/* for recipe */
div.recipe div.pagination  {
	background:url(../../images/portal/recipe/re_list_base.gif) no-repeat center bottom;
}

/* for kakikomi */
div.kakikomi div.pagination  {
	background:url(../../images/portal/kakikomi/ntc_list_base.gif) no-repeat center bottom;
}

/* for bookmark list / create list */
div.recipe-side div.pagination {
	padding:5px 10px;
	background:url(../../images/portal/recipe/re_list_base.gif) no-repeat center bottom;
}
div.kakikomi-side div.pagination {
	padding:5px 10px;
	background:url(../../images/portal/kakikomi/ntc_list_base.gif) no-repeat center bottom;
}



/* pagination */
/* .pagination {
	margin:0;
	padding:5px 0 25px;
	text-align:center;
	font-size:1.2em;
}
.pagination a {
	padding:4px 7px;
	border:1px solid #ccc;
	text-decoration:none;
	background-color:#fff;
}
.pagination a:hover {
	border:1px solid #1d9cd9;
}
.pagination span.current {
	padding:4px 7px;
	font-weight: bold;
	background:#1d9cd9;
	color:#fff; */
	/* border:1px solid #670000; */
/* }
.pagination span.disabled {
	padding:4px 7px;
	color:#ccc;
	border:1px solid #ccc;
}
 */