@charset "utf-8";
/************************************************

  base.css
   - www.pakusuku.jp

   auth: Eri Suzuki
   date: 2011/02/07
   copyright(c) 2011 Prophet.co.,Ltd

************************************************/

body  {
	background:						url(/shared/img/bg_body.gif);
	text-align: 					center;
	color: 							#000000;
	font-size:						13px;
	border-top:						3px #6d952a solid;
}


/* ALIGN_STYLE			*************************************/
.textL{text-align:	left;}
.textR{text-align:	right;}
.textC{text-align:	center;}
.floatL{float:	left;}
.floatR{float:	right;}
.clearB {clear:	both;}
.valignM {vertical-align:middle;}

/* WIDTH STYLE				**********************************/
.w100 {width:100%;}
.w95 {width:95%;}
.w90 {width:90%;}
.w80 {width:80%;}
.w70 {width:70%;}
.w60 {width:60%;}
.w50 {width:50%;}
.w40 {width:40%;}


/* siteConcept 			*************************************/
p#siteConcept {
	font-size:						80%;
	color:							#aaaa6f;
	margin:2px 0 0 0;
	padding:0;
}

/* FONT_STYLE 			*************************************/
/* SMALL */
.small {font-size: 80%; font-weight: nomal;}
.small_m {font-size: 90%;}

/* LARGE */
.large, .large_m, .large_r, .strong, .strong_r, .strong_bl, .large_p, .strong_f {
	font-weight:	bold;
	font-family:	"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6",Meiryo,"メイリオ",verdana,arial,"lucida grande",sans-serif;
}
.large {font-size: 130%;}
.large_m {font-size: 110%; color: #215e00;}
.large_r {font-size: 130%; color: #ff0000;}
.large_p {font-size: 110%; color: #ff4eb2;}

/* STRONG */
.strong {color: #215e00;}
.strong_r {color: #ff0000;}
.strong_bl {color: #000000;}
.strong_f {color: #ffffff;}

/* TEXT LINE */
.tLine {border-top: #E2CFC5 1px dashed;line-height:140%;}
.tLine_i {background: url(/shared/img/img_Line_001.gif) repeat-x left top; line-height:140%; padding:5px; margin:0;}
.uLine {border-bottom: #E2CFC5 1px dashed;line-height:140%;}

/* IMG STYLE */
.outlineImg {
	background:						#cccccc;
	border:							5px #ffffff solid;
	-moz-box-shadow:				1px 1px 3px #cccccc;
	-webkit-box-shadow:				1px 1px 3px #cccccc;
}


/* PARAGRAPH STYLE  		**********************************/
/* ERROR */
.error {
	font-size:						90%;
	font-weight: 					bold;
	color: 							#ff0000;
	background:						url(/shared/img/error.gif) no-repeat left center;
	padding:						1px 1px 1px 19px;
	marign:							0px;
	/*font-family:	"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6",Meiryo,"メイリオ",verdana,arial,"lucida grande",sans-serif;*/
}

/* MEG */
.msg_qet {
	font-size:						90%;
	font-weight: 					bold;
	background:						url(/shared/img/qet.gif) no-repeat left top;
	padding:						0px 1px 1px 19px;
	marign:							0 0 0 0;
	color:							#0066FF;
	/*font-family:	"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6",Meiryo,"メイリオ",verdana,arial,"lucida grande",sans-serif;*/
}

/* MSG */
.msg_required {
	font-size:						90%;
	background:						url(/shared/img/required.png) no-repeat 2% 50%;
	background-color:				#ecf3cf;
	padding:						6px 6px 6px 50px;
	marign:							0 0 0 0;
}
.msg_kiyaku {
	font-size:						90%;
	background-color:				#ecf3cf;
	padding:						6px 6px 6px 50px;
	marign:							0 0 0 0;
}

/* DIV   					**********************************/
.alrt {	background:	#ECF3CF; padding:8px; margin:10px 0;}

.error_box {
	background: 					#f9e6e3;
	border:							5px solid #ffbbbb;
	padding:						5px 10px;
	margin:							5px 0;
}

.msg_box {
	background-color:				#e8f3f6;
	padding:						20px;
	border:							5px #c2e4eb solid;
	margin:							5px 0px;
}

.dotted {
	background:						#f2efde;
	padding:						5px 10px;
	margin:							0px 0px 10px 0px;
	border:							dashed #e5c4ab 3px;
	color:							#471c13;
}

.dott {
	background:						#f2efde;
	padding:						3px 10px;
	margin:							0px 0px 0px 0px;
	border:							dashed #e5c4ab 3px;
	color:							#471c13;
}

.grad_g {
	background-color:				#ffffff;
	background-image:				url(/shared/img/bg_grd_lg.gif.gif);
	background-repeat:				repeat-x;
	background-position:			left top,;
	padding:						10px;
	border:							1px solid #B5DEB9;
}

.grad_p {
	background-color:				#ffffff;
	background-image:				url(/shared/img/bg_grd_lp.gif.gif);
	background-repeat:				repeat-x;
	background-position:			left top,;
	padding:						10px;
	border:							1px solid #fbcfdc;
}

/* stitch_box short pink */
.topixBox_tp {
	width:590px;
	height:10px;
	margin:0;
	padding:0px;
	background:						url(/shared/img/topixBox_img_p_01.gif) no-repeat left top;
}

.topixBox_mp {
	width:550px;
	height:auto;
	margin:0;
	padding:10px 20px;
	word-wrap:			 			break-word;
	word-break: 					break-all;
	background:						url(/shared/img/topixBox_img_p_02.gif) repeat-y;
}

.topixBox_bp {
	width:590px;
	height:15px;
	margin:0 0 20px 0;
	padding:0px;
	background:						url(/shared/img/topixBox_img_p_03.gif) no-repeat left top;
}

/* stitch_box short */
.topixBox_t {
	width:590px;
	height:10px;
	margin:0;
	padding:0px;
	background:						url(/shared/img/topixBox_img_01.gif) no-repeat left top;
}

.topixBox_m {
	width:550px;
	height:auto;
	margin:0;
	padding:10px 20px;
	word-wrap:			 			break-word;
	word-break: 					break-all;
	background:						url(/shared/img/topixBox_img_02.gif) repeat-y;
}

.topixBox_b {
	width:590px;
	height:15px;
	margin:0 0 20px 0;
	padding:0px;
	background:						url(/shared/img/topixBox_img_03.gif) no-repeat left top;
}

/* stitch_box long(1col) */
.topixBox_t_L {
	width:910px;
	height:10px;
	margin:0;
	padding:0px;
	background:						url(/shared/img/topixBox_img_L_01.gif) no-repeat left top;
}

.topixBox_m_L {
	width:870px;
	height:auto;
	margin:0;
	padding:10px 20px;
	word-wrap:			 			break-word;
	word-break: 					break-all;
	background:						url(/shared/img/topixBox_img_L_02.gif) repeat-y;
}

.topixBox_b_L {
	width:910px;
	height:15px;
	margin:0 0 20px 0;
	padding:0px;
	background:						url(/shared/img/topixBox_img_L_03.gif) no-repeat left top;
}

/* stitch_box long pink(1col) */
.topixBox_t_Lp {
	width:910px;
	height:10px;
	margin:0;
	padding:0px;
	background:						url(/shared/img/topixBox_img_Lp_01.gif) no-repeat left top;
}

.topixBox_m_Lp {
	width:870px;
	height:auto;
	margin:0;
	padding:10px 20px;
	word-wrap:			 			break-word;
	word-break: 					break-all;
	background:						url(/shared/img/topixBox_img_Lp_02.gif) repeat-y;
}

.topixBox_b_Lp {
	width:910px;
	height:15px;
	margin:0 0 20px 0;
	padding:0px;
	background:						url(/shared/img/topixBox_img_Lp_03.gif) no-repeat left top;
}

/* TOOL_ICON */
.tool_box {
	background:						url(/shared/img/bg_btn_b.gif);
	border:							1px solid #94d439;
	border-bottom:					none;
	padding:						3px 10px;
	margin:							0px 0px 0px 0;
	width:							135px;
	float:							right;
	/*text-align:						center;*/
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 	8px;
    -moz-border-radius-topright: 	8px;
}

/* BUTTON */
.btn_box {
	background-image:				url(/shared/img/bg_btn.gif);
	background-repeat:				repeat-x;
	background-position:			bottom;
	background-color:				#ffffff;
	padding:						10px;
	border:							1px #b5deb9 solid;
	margin:							10px 0px;
}

.btn_box_p {
	background-color:				#eeeeee;
	padding:						10px;
	border:							5px #dddddd solid;
	margin:							10px 0px;
}

.btn_box_gr {
	background:						#ffd0de;
	padding:						10px;
	margin:							0px 0px 10px 0;
}


/* TABLE STYLE  			**********************************/
/* NORMAL */
table#table_a {
	width:							100%;
	_width:							590px;
	border:							solid 2px #a0d69b;
	margin:							5px 0px;
}

table#table_a tr, table#table_a th, table#table_a td {
	padding:						5px 6px;
	border-left:					dotted 1px #a0d69b;
	text-align:						center;
    word-break:                     break-all;
}

table#table_a th {
	background:						url(/shared/img/bg_grd_g.gif) left bottom;
	color:							#FFFFFF;
	text-align:						center;
    word-break:                     break-all;
}


/* FORM B */
table#table_b {
	width:							100%;
	_width:							590px;
	border:							solid 2px #b5deb9;
	margin:							5px 0px;
}

table#table_b tr, table#table_b th, table#table_b td {
	padding:						10px 10px;
	border:							solid 1px #b5deb9;
	background:						#f3f8e6;
}

table#table_b th {
	background:						#dcf1de;
	color:							#2f5136;
}

/* FORM C */
table#table_c {
	width:							100%;
	_width:							590px;
	border:							solid 2px #84d6f1;
	margin:							5px 0px;
}

table#table_c tr, table#table_c th, table#table_c td {
	padding:						10px 10px;
	border:							solid 1px #84d6f1;
	background:						#e9f4f2;
}

table#table_c th {
	background:						#b6e1e7;
	color:							#000000;
}

/* FORM D */
table#table_d {
	width:							100%;
	_width:							590px;
	border:							solid 2px #ff7b05;
	margin:							5px 0px;
}

table#table_d tr, table#table_d th, table#table_d td {
	padding:						5px 6px;
	border-left:					dotted 1px #ff7b05;
	text-align:						center;
}

table#table_d th {
	background:						url(/shared/img/bg_grd_o.gif) left bottom;
	color:							#FFFFFF;
	text-align:						center;
}

/* FORM F */
table.table_f {
	width:							100%;
	_width:							590px;
	border:							solid 2px #469ed5;
	margin:							5px 0px;
}

table.table_f tr, table.table_f th, table.table_f td {
	padding:						5px 6px;
	border-left:					dotted 1px #469ed5;
	text-align:						center;
}

table.table_f th {
	background:						url(../../img/bg_grd_b.gif) left bottom;
	color:							#FFFFFF;
	text-align:						center;
}

/* FORM G */
table#table_g {
	width:							100%;
	_width:							590px;
	border:							solid 2px #f0e7d3;
	margin:							5px 0px;
}

table#table_g tr, table#table_g th, table#table_g td {
	padding:						10px 10px;
	border:							solid 1px #f0e7d3;
	background:						#fdf9ef;
}

table#table_g th {
	background:						#f9efd6;
	color:							#9d6f00;
}

/* OPTIONAL_PARTS */
.odd {background: #ddefd8;}
.even {background: #eff8d5;}
.odd_f {background: #def9ff;}
.even_f {background: #effffc;}
.odd_b {background: #fff2d3;}
.even_b {background: #fff8dd;}
.required {
    background-attachment:			scroll;
    background:						url(/shared/img/required.png) no-repeat;
    background-position:			100% 50%;
	display:						block;
	padding-right:					38px;
}
.optional {
    background-attachment:			scroll;
    background:						url(/shared/img/optional.png) no-repeat;
    background-position:			100% 50%;
	display:						block;
	padding-right:					38px;
}

/* NEST TABLE */
.nest_table {
	padding:0;
	margin:0;
	border:none;
}

/* UL_STYLE *************************************/
ul.none-mark {
	list-style-type:				none;
	list-style-position: 			outside;
}

ul.demi {
	list-style-type:				decimal;
	list-style-position: 			outside;
}

ul.lrm {
	list-style-type:				lower-roman;
	list-style-position: 			outside;
}

ul.disc {
	list-style-type:				disc;
	list-style-position: 			outside;
}

ul.square {
	list-style-type:				square;
	list-style-position: 			outside;
}

/* ICON_STYLE *************************************/
.icon {
	/vertical-align:					middle;
	margin:							0 6px 0 0;
}

.iconH3 {
	height:							28px;
	margin:							0 8px 0 0;
	/vertical-align:				text-bottom;
}


/* recipBox STYLE			**********************************/
/* .recipBox_p, .recipBox_y, .recipBox_b, .recipBox_i common */
.recipImg_outer {
	width:							208px;
	margin:							5px 10px 0px 50px;
	_margin:						5px 10px 0px 25px;
	float:							left;
}

.recipImg {
	width:							208px;
	height:							208px;
	background:						#ffffff;
	border:							solid 1px #DAC197;
	text-align:						center;
	display: 						table-cell;
	vertical-align:					middle;
}

.recipImg:hover {
	border:							solid 1px #68c8ff;
}

.favRecipImg {
	width:							100px;
	height:							100px;
	background:						#ffffff;
	border:							solid 1px #DAC197;
	text-align:						center;
	display: 						table-cell;
	vertical-align:					middle;
}

.usericonImg {
	width:							60px;
	height:							60px;
	background:						#ffffff;
	border:							solid 1px #DAC197;
	text-align:						center;
	display: 						table-cell;
	vertical-align:					middle;
}

/*.recipAuth, .recipDate {margin:	0px 5px 3px 0;}*/
.recipDb {width: 290px; float: right; _float:left; margin: 5px 0px 0px 5px;}

/* MOREREAD_BUTTON */
.moreRead {text-align: right;clear:	both; height: 32px;}
.vote {text-align: right;clear:	both; height: 40px;}

/* LEVEL_ICON */
.level1, .level2, .level3, .otehon {font-weight: bold;}
.level1 {color: #ff3473; font-size: 130%;}
.level2 {color:	#ffa200; font-size:	130%;}
.level3 {color:	#54c0e4; font-size:	130%;}
.otehon {margin: 0 0 0 50px;}

.recipBox_p, .recipBox_y, .recipTitle_b {clear:both;}

/* recipBox_p */
.recipBox_p {
	width:							auto;
	_width:							570px;
	height:							auto;
	background-color:				#faf7ef;
	background-image:				url(/shared/img/bg_recipBox_p.gif);
	background-repeat:				repeat-y;
	background-position:			left;
	padding:						10px;
	margin:							0px 0px 10px 0;
	box-shadow:						1px 2px 2px #cccccc;
	-moz-box-shadow:				1px 2px 2px #cccccc;
	-webkit-box-shadow:				1px 2px 2px #cccccc;
	border:							#fbdae1 1px solid;
}
.recipTitle_p {background: url(/shared/img/bg_recipTitle_001.png) no-repeat left top;}
.recipTitle_p h5 {
	background:						url(/shared/img/bg_recipTitle_002.png) repeat-x left bottom;
	margin-left:					50px;
	padding:						0 0 5px 0;
	font-size:						120%;
	color:							#26130a;
}
table.recipData_p {
	border:							#fbcfdc 2px solid;
	width:							100%;
	margin:							0px 0px 0px 0px;
}
table.recipData_p th {
	border:							#fbcfdc 1px dashed;
	background:						#fdeeee;
	padding:						4px 4px 4px 4px;
}
table.recipData_p td {
	border:							#fbcfdc 1px dashed;
	background:						#ffffff;
	padding:						4px 4px 4px 4px;
}


/* recipBox_y */
.recipBox_y {
	width:							auto;
	_width:							570px;
	height:							auto;
	background-color:				#faf7ef;
	background-image:				url(/shared/img/bg_recipBox_y.gif);
	background-repeat:				repeat-y;
	background-position:			left;
	padding:						10px;
	margin:							0px 0px 10px 0;
	box-shadow:						1px 2px 2px #cccccc;
	-moz-box-shadow:				1px 2px 2px #cccccc;
	-webkit-box-shadow:				1px 2px 2px #cccccc;
	border:							#ffd966 1px solid;
}
.recipTitle_y {background: url(/shared/img/bg_recipTitle_y_001.png) no-repeat left top;}
.recipTitle_y h5 {
	background:						url(/shared/img/bg_recipTitle_y_002.png) repeat-x left bottom;
	margin-left:					50px;
	padding:						0 0 5px 0;
	font-size:						120%;
	color:							#26130a;
}
table.recipData_y {
	border:							#ffd966 2px solid;
	width:							100%;
	margin:							0px 0px 0px 0px;
}
table.recipData_y th {
	border:							#ffd966 1px dashed;
	background:						#f9f6cb;
	padding:						4px 4px 4px 4px;
}
table.recipData_y td {
	border:							#ffd966 1px dashed;
	background:						#ffffff;
	padding:						4px 4px 4px 4px;
	word-break:						break-all;
	word-wrap:						break-word;
}


/* recipBox_b */
.recipBox_b {
	width:							auto;
	_width:							570px;
	height:							auto;
	background-color:				#faf7ef;
	background-image:				url(/shared/img/bg_recipBox_b.gif);
	background-repeat:				repeat-y;
	background-position:			left;
	padding:						10px;
	margin:							0px 0px 10px 0;
	box-shadow:						1px 2px 2px #cccccc;
	-moz-box-shadow:				1px 2px 2px #cccccc;
	-webkit-box-shadow:				1px 2px 2px #cccccc;
	border:							#a9e6ff 1px solid;
}
.recipTitle_b {background: url(/shared/img/bg_recipTitle_b_001.png) no-repeat left top;}
.recipTitle_b h5 {
	background:						url(/shared/img/bg_recipTitle_b_002.png) repeat-x left bottom;
	margin-left:					50px;
	padding:						0 0 5px 0;
	font-size:						120%;
	color:							#26130a;
}
table.recipData_b {
	border:							#a9e6ff 2px solid;
	width:							100%;
	margin:							0px 0px 0px 0px;
}
table.recipData_b th {
	border:							#a9e6ff 1px dashed;
	background:						#d8eefa;
	padding:						4px 4px 4px 4px;
}
table.recipData_b td {
	border:							#a9e6ff 1px dashed;
	background:						#ffffff;
	padding:						4px 4px 4px 4px;
}


/* recipBox_i */
.recipBox_i {
	width:							auto;
	_width:							570px;
	height:							auto;
	background-color:				#faf7ef;
	background-image:				url(/shared/img/bg_recipBox_i.gif);
	background-repeat:				repeat-y;
	background-position:			left;
	padding:						10px;
	margin:							0px 0px 10px 0;
	box-shadow:						1px 2px 2px #cccccc;
	-moz-box-shadow:				1px 2px 2px #cccccc;
	-webkit-box-shadow:				1px 2px 2px #cccccc;
	border:							#dcaa8d 1px solid;
}

.recipTitle_i {background: url(/shared/img/bg_recipTitle_i_001.png) no-repeat left top;}
.recipTitle_i h5 {
	background:						url(/shared/img/bg_recipTitle_i_002.png) repeat-x left bottom;
	margin:							0 0 0 0;
	/margin:						0px 0 0px 10px;
	padding:						0 0 5px 0px;
	font-size:						120%;
	color:							#26130a;
	width:							440px;
	/width:							435px;
	display:						inline-block;
	float:							right;
	/position:						absolute;
}
table.recipData_i {
	border:							#dcaa8d 2px solid;
	width:							100%;
	margin:							0px 0px 0px 0px;
}
table.recipData_i th {
	border:							#dcaa8d 1px dashed;
	background:						#faf0d8;
	padding:						4px 4px 4px 4px;
}
table.recipData_i td {
	border:							#dcaa8d 1px dashed;
	background:						#ffffff;
	padding:						4px 4px 4px 4px;
}

/* レシピ投稿　データ入力テーブル　*/
table.recipData_g {
	border:							#B5DEB9 2px solid;
	width:							100%;
	margin:							0px 0px 0px 0px;
}
table.recipData_g th {
	border:							#B5DEB9 1px dashed;
	background:						#dff3e1;
	padding:						4px 4px 4px 4px;
	width:							90/px;
	word-break:                     break-all;
}
table.recipData_g td {
	border:							#B5DEB9 1px dashed;
	background:						#ffffff;
	padding:						4px 4px 4px 4px;
	word-break:                     break-all;
}

/* PAGING STYLE  	**********************************/
.pagingTop {
	float:							left;
	padding:						3px;
	/padding:						6px 5px;
}


.paging {
	clear:both;
	padding:						3px;
	/padding:						6px 5px;
	background-color:				#F2EFDE;
	border:							1px #e5d0c0 solid;
	margin:							10px 0 20px 0;
}

ul.pager {
	margin:							0px;
	padding:						3px 0px;
}

ul.pager li a {
    background: 					#F3F8FC;
	background-image:				url(/shared/img/bg_btn.gif);
	background-repeat:				repeat-x;
	background-position:			top;
    border: 						1px solid #e5d0c0;
    padding: 						3px 6px;
    text-align: 					center;
}

ul.pager li a:hover {
    background: 					#F3F8FC;
    border: 						1px solid #c3e8b1;
}

ul.pager li, ul.pager li a {
    display: 						inline/*-block*/;
    line-height: 					1;
    position: 						relative;
}

ul.pager li.current {
    background:						url(/shared/img/bg_grd_g.gif) left top;
    border:		 					1px solid #e5d0c0;
    font-weight: 					bold;
    text-decoration: 				none;
    padding: 						3px 6px;
    text-align: 					center;
}


/* CLEARFIX STYLE  **********************************/
.clearfix {
    content: 					".";
    display: 					block;
    visibility: 				hidden;
    height: 					0.1px;
    font-size: 					0.1em;
    line-height: 				0;
    clear: 						both;
}

/* MESSAGE */
#message {
	background-color:		#ffffaa;
	width:						100%;
	margin:						0;
	padding:					5px 0;
	cursor:						pointer;
}
#message p {
	width:						95%;
	margin:						0 auto;
	color: 						#000;
	font-weight:				bold;
	font-size: 					80%;
}