@charset "shift_jis";

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}
form,input,textarea {
	margin:0;
	padding:0;
}
img,a img {
  border:none;
  background:transparent;
}

a:link {color: #333333; text-decoration: none;}
a:visited {color: #333333; text-decoration: none;}
a:hover {color: #996633; text-decoration: underline;}
a:active {color: #996633; text-decoration: underline;}

.floatL {
	float:left;
}
.floatR {
	float:right;
}

/* ↓回り込み解除 */
.clearfix:after {
	content: ".";
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	zoom:1;
}
/* Hides from IE-mac \*/
* html .clearfix{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */
/* ↑回り込み解除 */

.t12_20 {font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 12px; line-height: 20px;}
.t12_22 {font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 12px; line-height: 22px;}
.t14_24 {font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 14px; line-height: 24px;}
.t16_24 {font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 16px; line-height: 24px;}

.t10 {font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 10px; line-height: 14px;}
.t12 {font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 12px; line-height: 17px;}
.t13 {font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 13px; line-height: 18px;}
.t14 {font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 14px; line-height: 19px;}
.t16 {font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 16px; line-height: 21px;}
.t18 {font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 18px; line-height: 23px;}
.t20 {font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 20px; line-height: 25px;}

.mi {font-family: "ＭＳ Ｐ明朝", "細明朝体"; line-height: 150%;}
.go {font-family: "ＭＳ Ｐゴシック", "Osaka"; line-height: 150%;}

.t12me {font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 12px; line-height: 15px;}
.t12e {font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 12px; line-height: 18px; color: #FF6600;}

.btn1 { border:2px solid;
  border-top-color:#BDBDA8;
  border-left-color:#BDBDA8;
  border-bottom-color:#79795D;
  border-right-color:#79795D;
  background-color:#FFFFFF;
  font-family: "ＭＳ Ｐゴシック", "Osaka";
  font-size: 12px;
  color: #79795D;
  height:26px ;
  width:80px ;
}

.btn2 { border:2px solid;
  border-top-color:#BDBDA8;
  border-left-color:#BDBDA8;
  border-bottom-color:#79795D;
  border-right-color:#79795D;
  background-color:#98987D;
  font-family: "ＭＳ Ｐゴシック", "Osaka";
  font-size: 12px;
  color: #FFFFFF;
  height:26px ;
  width:80px ;
}

.btn3 { border:2px solid;
  border-top-color:#DDDDDD;
  border-left-color:#DDDDDD;
  border-bottom-color:#999999;
  border-right-color:#999999;
  background-color:#FFFFFF;
  font-family: "ＭＳ Ｐゴシック", "Osaka";
  font-size: 12px;
  height:26px ;
  width:80px ;
  color: #333333;
}

.btn4 { border:1px solid;
  border-top-color:#3366FF;
  border-left-color:#3366FF;
  border-bottom-color:#2346AD;
  border-right-color:#2346AD;
  background-color:#999999;
  font-family: "ＭＳ Ｐゴシック", "Osaka";
  font-size: 10px;
  color: #FFFFFF;
  margin: 3;
}

.fbdr { border:1px solid #BDBDA8;
  scrollbar-face-color: #FFFFFF;
  scrollbar-3dlight-color: #BDBDA8;
  scrollbar-darkshadow-color: #BDBDA8;
  scrollbar-highlight-color: #98987D;
  scrollbar-shadow-color: #79795D;
  scrollbar-arrow-color: #666633;
  scrollbar-track-color: #98987D;
}

/* ヘッダー -----------------------------------------------------------------------------*/
#header {
	background-image:url(images/header_bg.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	height:132px;
}
#header h1 {
	text-indent:-9999px;
	margin:0;
	padding:0;
	line-height:0;
	font-size:0;
}
#header table {
	width:950px;
	margin:0 auto;
}
#header table#search {
	width:372px;
	margin:18px 0 0;
}
#header table#search img{
  vertical-align:bottom;
}
#header table#search input#search_word {
	border:1px solid #e3c7ac;
	width:218px;
	margin-bottom:6px;
}
#header table#search input#search_button {
	vertical-align:bottom;
}
#header select {
	width:158px;
	border:1px solid #e3c7ac;
	margin-bottom:18px;
}
#header table#menu {
	margin:5px auto 0;
	z-index:2;
}
#header table#menu td {
	vertical-align:top;
}
#header table#menu ul {
	margin:0 0 0 18px;
	padding:0;
}
#header table#menu ul li {
	list-style:none;
	line-height:0;
	font-size:0;
	padding:0;
	margin:0;
}
#header table#menu td.mypage {
	padding-top:5px;
}
#apDivRecipe,
#apDivSpecial,
#apDivAboutS,
#apDivAboutH {
	position:absolute;
	width:150px;
	z-index:3;
	visibility: hidden;
}

/* フッター ---------------------------------------------------------------------------*/
#footer {
	text-align:center;
	border-top:5px solid #cc9966;
	padding:10px 0;
	margin-top:30px;
}
#footer div {
	width:950px;
	margin:0 auto;
}
#footer ul {
	display:inline;
	margin:0 0 0 10px;
	padding:0 2em 0 0;
	background:url(images/footer_period.gif) right 0 no-repeat;
	float:left;

}
#footer ul li {
	display:inline;
	padding-left:2em;
	background:url(images/footer_period.gif) 0 0 no-repeat;
}
#footer p {
	color:#996633;
	text-align:right;
	margin:0;
	padding:0;
	float:right;
}

#footer_sub2 {
	text-align:center;
	border-top:5px solid #cc9966;
	padding:10px 0;
	margin-top:30px;
}
#footer_sub2 div {
	width:600px;
	margin:0 auto;
}
#footer_sub2 p {
	color:#996633;
	text-align:right;
	margin:0;
	padding:0;
	float:right;
}

/* メイン ------------------------------------------------------------------------------*/
#contents {
	width:950px;
	margin:20px auto 0;
	color:#333333;
	z-index:1;
}
#contents p,
#contents h2,
#contents h3 {
	margin:0;
	padding:0;
}
#contents table {/* IEでも1pxのborderになるように「border-collapse: collapse;」の指定 */
  border-collapse:collapse;
  border-spacing:0;
}
#contents th,
#contents td {
	margin:0;
	padding:0;
	font-size:12px;
}

/* 右メニュー ---------------------------------------------------------------------------*/
#contents #menu_right {
	float:right;
	width:185px;
}
#contents #menu_right #mypage {
	border:1px solid #e0dac2;
	padding-bottom:5px;
	margin-bottom:10px;
}
#contents #menu_right .idpw input {
	border:1px solid #e3c7ac;
	width:134px;
}
#contents #menu_right #mypage .login {
	font-size:10px;
	line-height:1.2;
	padding-left:8px;
	padding-top:10px;
}
#contents #menu_right #mypage .login input {
	float:left;
	padding-right:5px;
}
#contents #menu_right #mypage .regist {
	text-align:center;
	padding:13px 0 0;
}
#contents #menu_right #mypage .logout {
	text-align:center;
	padding:0 0 5px;
}
#contents #menu_right #mypage p {
	padding-left:20px;
}
#contents #menu_right #mypage .myblog {
	text-align:center;
}
#contents #menu_right #point {
	border:1px solid #e0dac2;
	color:#663300;
	padding-bottom:5px;
	margin-bottom:10px;
}
#contents #menu_right #point .mypoint {
	width:159px;
	margin:0 auto;
	background:url(images/menu_right_point_bg1.gif) 0 0 no-repeat;
}
#contents #menu_right #point .mypoint span {
	font-size:14px;
}
#contents #menu_right #point .mypoint p {
	text-align:center;
	padding:10px;
}
#contents #menu_right #point .total {
	background:url(images/menu_right_point_bg2.gif) 0 bottom no-repeat;
	padding:8px;
	text-align:center;
	font-weight:bold;
	width:143px;
	height:19px;
	margin:0 auto 10px;
}
#contents #menu_right #point .total span {
	color:#ff6666;
	font-size:16px;
}
#contents #menu_right #point p {
	text-align:center;
}
/* みんなの簡単レシピ、食生活ダイアリー */
#contents #menu_right #easyrecipe,
#contents #menu_right #diary {
	margin-bottom:10px;
}
#contents #menu_right #easyrecipe ul,
#contents #menu_right #diary ul {
	margin:5px 0 0;
	padding:0;
}
#contents #menu_right #easyrecipe ul li,
#contents #menu_right #diary ul li {
	list-style:none;
	background:url(images/top_list.gif) 0 5px no-repeat;
	padding:3px 0 3px 1.2em;
	line-height:1.2;
}
#contents #menu_right #easyrecipe ul li img,
#contents #menu_right #diary ul li img {
	width:32px;
	float:left;
	padding-right:2px;
}
#contents #menu_right #easyrecipe ul li span,
#contents #menu_right #diary ul li span {
	font-size:10px;
}
#contents #menu_right #easyrecipe p,
#contents #menu_right #diary p {
	text-align:right;
	font-size:10px;
	margin:0;
	padding:0;
	line-height:1.2;
}
/* おためしキャンペーン */
#contents #menu_right .try {
	border:1px solid #e0dac2;
	padding-bottom:5px;
	text-align:center;
	margin-bottom:10px;
}
#contents #menu_right .try div {
	text-align:center;
}
/* カテゴリ一覧 */
#contents #menu_right #categ {
	border:1px solid #e0dac2;
	padding-bottom:5px;
	margin-bottom:10px;
}
#contents #menu_right #categ ul.rmenu {
	line-height:1.5;
	margin:0;
	padding:0px 0px 0px 25px;
}
/* バナー */
#contents #menu_right .bann img {
	margin-bottom:10px;
	margin-top:10px;
}

/* TOPページ ---------------------------------------------------------------------------*/
/* 左ボックス ------------------------------------------------------*/
#contents #main_left {
	float:left;
	width:750px;
}
/* 新着 */
#contents #main_left #news {
	border:1px solid #e0dac2;
	width:748px;
	margin-bottom:15px;
	z-index:1;
}
#contents #main_left #news div {
	float:left;
    margin: 8px 0 0;
	width:110px;
}
#contents #main_left #news ul {
	padding:7px 5px 5px 5px;
	margin:0;
	float:left;
	width:628px;
}
#contents #main_left #news ul li {
	list-style:none;
	line-height:1.3;
	margin:3px 0;
}
/* おすすめレシピとひまわりセレクションを格納するボックス */
#contents #main_left .floatL {
	width:340px;
	float:left;
}
/* おすすめレシピ */
#contents #main_left #recommend {
	background:url(images/top_recommend_bg.gif) 0 0 no-repeat;
	padding:15px 10px 10px 17px;
	width:313px;
}
#contents #main_left #recommend .photo {
	width:176px;
	float:left;
}
#contents #main_left #recommend .photo img {
	width:176px;
}
#contents #main_left #recommend .recipe {
	width:120px;
	float:left;
	margin:0;
	padding:0 0 0 15px;
	font-size:14px;
	font-weight:bold;
}
#contents #main_left #recommend .recipe a:link,
#contents #main_left #recommend .recipe a:visited,
#contents #main_left #recommend .recipe a:hover,
#contents #main_left #recommend .recipe a:active {
	color:#cc0000;
}
#contents #main_left #recommend .photo2 {
	width:68px;
	float:left;
	padding:17px 15px 0 3px;
}
#contents #main_left #recommend .photo2 img {
	width:68px;
}
#contents #main_left #recommend .text {
	width:225px;
	float:left;
}
#contents #main_left #recommend .text p {
	margin:0;
}
#contents #main_left #recommend .text .item {
	margin:15px 0 5px;
}
#contents #main_left #recommend .text .item span {
	font-size:10px;
}
/* ひまわりセレクション */
#contents #main_left #selection {
	background:url(images/top_select_bg.gif) 0 0 no-repeat;
	padding:21px 10px 5px 15px;
	width:315px;
	margin-top:20px;
}
#contents #main_left #selection .photo {
	width:159px;
	float:left;
	padding-left:11px;
}
#contents #main_left #selection .photo img {
	width:159px;
}
#contents #main_left #selection .recipe {
	width:120px;
	float:left;
	margin:0;
	padding:0 0 0 22px;
	font-size:14px;
	font-weight:bold;
}
#contents #main_left #selection .recipe a:link,
#contents #main_left #selection .recipe a:visited,
#contents #main_left #selection .recipe a:hover,
#contents #main_left #selection .recipe a:active {
	color:#666600;
}
#contents #main_left #selection .text {
	margin:15px 0 0;
}
#contents #main_left #selection .text span {
	font-size:10px;
}
/* みんなの簡単レシピと食生活ダイアリーを格納するボックス */
#contents #main_left .floatR {
	width:396px;
	float:right;
}
/* 募集中と新着を格納するボックス */
#contents #main_left .floatR .floatL {
	width:185px;
	float:left;
	padding:0 0 0 10px;
}
/* みんなの簡単レシピ、食生活ダイアリー */
#contents #main_left .floatR #easyrecipe {
	margin-bottom:15px;
}
#contents #main_left .floatR #easyrecipe ul,
#contents #main_left .floatR #diary ul {
	margin:5px 0 0;
	padding:0;
}
#contents #main_left .floatR #easyrecipe ul li,
#contents #main_left .floatR #diary ul li {
	list-style:none;
	background:url(images/top_list.gif) 0 5px no-repeat;
	padding:3px 0 3px 1.2em;
	line-height:1.2;
	clear:both;
}
#contents #main_left .floatR #easyrecipe ul li img,
#contents #main_left .floatR #diary ul li img {
	float:left;
	padding-right:2px;
}
#contents #main_left .floatR #easyrecipe ul li span,
#contents #main_left .floatR #diary ul li span {
	font-size:10px;
}
#contents #main_left .floatR #easyrecipe p,
#contents #main_left .floatR #diary p {
	text-align:right;
	font-size:10px;
	margin:0;
	padding:0;
	line-height:1.2;
}
/* 右ボックス ------------------------------------------------------*/
#contents #main_right {
	float:right;
	width:185px;
}
/* マイページメニュー */
#contents #main_right #mypage {
	border:1px solid #e0dac2;
	padding-bottom:5px;
}
#contents #main_right .idpw input {
	border:1px solid #e3c7ac;
	width:134px;
}
#contents #main_right #mypage .login {
	font-size:10px;
	line-height:1.2;
	padding-left:8px;
	padding-top:10px;
}
#contents #main_right #mypage .login input {
	float:left;
	padding-right:5px;
}
#contents #main_right #mypage .regist {
	text-align:center;
	padding:13px 0 0;
}
#contents #main_right #mypage .logout {
	text-align:center;
	padding:0 0 5px;
}
#contents #main_right #mypage p {
	padding-left:20px;
}
#contents #main_right #mypage .myblog {
	text-align:center;
}
/* おためしキャンペーン */
#contents #main_right .try {
	border:1px solid #e0dac2;
	padding-bottom:5px;
	text-align:center;
	margin-top:10px;
}
#contents #main_right .try div {
	text-align:center;
}

/* カテゴリ一覧 */
#contents #main_right #categ {
	border:1px solid #996633;
	padding-bottom:5px;
}
#contents #main_right #categ p {
	padding-left:10px;
}

/* バナー */
#contents #main_right .bann img {
	margin-bottom:10px;
	margin-top:10px;
}
/* 下部バナー */
#contents .bann_bottom {
	text-align:center;
	margin-top:30px;
}
#contents .bann_bottom img {
	margin:0 5px;
}

/* パンくず ------------------------------------------------------*/
#pk {
	width:932px;
	text-align:left;
	margin:20px auto 20px auto;
	padding:0 0 0 18px;
}

#contents #main_left #pk {/* 2カラム用 */
	width:732px;
	text-align:left;
	margin:0 0 20px 0;
	padding:0 0 0 18px;
}

#contents #main_left #pksub {/* 2カラム用 */
	width:732px;
	text-align:left;
	margin:0 0 12px 0;
	padding:0 0 0 18px;
}

.at8 {font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 8px; line-height: 8px; color: #999999;}
.at12 {font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 12px; line-height: 12px; color: #999999;}



/* タイトルまわり ------------------------------------------------------*/
#contents #main_left .title_box {
    padding: 8px 0 0 0;
}
#contents h1, div.read {
    margin: 0 auto !important;
    width: 665px;
}
div.contents_body {
    margin: 0;
    padding: 20px 0 0 45px;
    width: 665px;
}

/* （静的）タイトルまわり ------------------------------------------------------*/
#contents #main_left .title_box2 {
    padding: 8px 0 0 44px;
}

/* マイページログイン ------------------------------------------------------*/

#contents div.title_box_my {
    padding: 0 0 0 44px;
	text-align:left;
}

#contents div.contents_body_my {
    margin: 0;
    padding: 0 0 0 25px;
	text-align:left;
	width:925px;
}
#contents div.contents_body_my div.my_box {
    margin: 15px 0 0 0;
    padding: 0;
	text-align:left;
	width:880px;
}
div.contents_body_my div.my_left {
    margin: 0 0 0 20px;
    text-align: left;
    width: 410px;
	float:left;
}
div.contents_body_my div.my_left div.tit1 {
    margin: 0 0 20px 0;
    text-align: left;
}
div.contents_body_my div.my_left div.tit2 {
    margin: 30px 0 20px 0;
    text-align: left;
}
div.contents_body_my div.my_right {
    margin: 0 0 30px 0;
    text-align: left;
    width: 380px;
	float:right;
}
div.contents_body_my div.right table.h4_table {
    margin: 0 auto auto;
    width: 410px;
}
div.contents_body_my #mypage {
    border: 2px solid #663300;
    height: 126px;
    width: 185px;
}
div.contents_body_my #mypage div.login {
    font-size: 10px;
    line-height: 1.2;
    padding-left: 8px;
    padding-top: 10px;
}
div.contents_body_my .idpw input {
    border: 1px solid #E3C7AC;
    width: 134px;
}
div.contents_body_my #mypage div.login input {
    float: left;
    padding-right: 5px;
}