@charset "utf-8";

/*-------------------------------------------------------*/
/*コンテンツ上部
/*-------------------------------------------------------*/
div#contentsTop{
width:100%;
background:url(../images/top/bg.gif) center;
text-align:center;
}
/* CSS Document */


div.wideBox{
  width:992px;
  margin:0 auto;
  text-align:left;
  padding-bottom: 10px;
  padding-top: 13px;
}

/*-------------------------------------------------------*/
/*コンテンツヘッダー
/*-------------------------------------------------------*/
div #topHeader {
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 6px;
}
div#topHeader  h2 {
//  background: url(../images/top/logo_l.gif) no-repeat;
  height: 96px;
  width: 195px;
  text-align: center;
  font-size: 1em;
  float: left;
}
div#topHeader #topBanner {
  height: 96px;
  width: 974px;
}
//#topBanner  a {
//  background: url(../images/top/bnr_bg_of.gif) no-repeat;
//  height: 96px;
//  width: 974px;
//  display: block;
//}
//#topBanner  a:hover {
//  background: url(../images/top/bnr_bg_ov.gif) no-repeat;
//  height: 96px;
//  width: 974px;
//  display: block;
//}


/*-------------------------------------------------------*/
/*コンテンツ　検定とレシピセット
/*-------------------------------------------------------*/
div#mainContents {
  clear: both;
}
div#kentei  {
  position: relative;
  height: 355px;
  width: 496px;
  background: url(../images/top/bg_kentei.png) no-repeat;
  float: left;
}
div#recipe  {
  position: relative;
  height: 355px;
  width: 496px;
  background: url(../images/top/bg_recipe.png) no-repeat;
  float: right;
}

/*-------------------------------------------------------*/
/*検定
/*-------------------------------------------------------*/
div#kentei h3 {
  position: absolute;
  background: url(../images/top/ttl_shitte.png);
  height: 92px;
  width: 104px;
  left: 0px;
  top: 0px;
  margin-bottom: -92px;
  z-index: 1;
  float: left;
}
div#shittoku01 {
  position: absolute;
  width: 182px;
  left: 18px;
  top: 76px;
  height: 214px;
  padding-right: 25px;
  padding-left: 25px;
  margin-bottom: -214px;
}
div#shittoku02 {
  position: absolute;
  left: 250px;
  top: 76px;
  height: 214px;
  width: 182px;
  padding-right: 25px;
  padding-left: 25px;
  right: 0px;
  bottom: 0px;
  margin-bottom: -214px;
}
div#shittoku01 img {
  margin-left: 48px;
  height: 79px;
  width: 79px;
  padding-bottom: 10px;
}
div#shittoku02 img {
  margin-left: 50px;
  height: 79px;
  width: 79px;
  padding-bottom: 10px;
}
div.kenteiMondai {
  padding-bottom: 5px;
}
div.kenteiMondai    p {
  text-justify:distribute;
  font-weight: bold;
  color: #279e00;
  line-height: 20px;
  text-align:justify;
}
*html div.kenteiMondai p {
  background: url(../images/top/bg_kentei_txt2.gif);
}
div.kenteiMondai a {
  color: #279e00;
  background: url(../images/top/bg_kentei_txt2.gif);
}
div.kenteiMondai a:hover {
  color: #e4007f;
  text-decoration: underline;
}
div.kenteiMondai  .txtMarkar {
  background: url(../images/top/bg_kentei_txt2.gif) repeat;
}
div#kentei .kenteiName {
  font-size: 11px;
  text-align: center;
}
div#kentei .kenteiName em  {
  color: #CCCCCC;
  font-size: 10px;
}
div#kentei .kenteiSupporter {
  font-size: 10px;
  margin-top: 3px;
  text-align: center;
}
div#kentei #kenteiBtn {
  height: 51px;
  width: 231px;
  position: absolute;
  left: 134px;
  top: 290px;
}
div#kentei #kenteiBtn a {
  background: url(../images/top/btn_kentei.gif) no-repeat 0px 0px;
  display: block;
  height: 51px;
  width: 231px;
}
div#kentei #kenteiBtn a:hover {
  background: url(../images/top/btn_kentei.gif) no-repeat 0px -51px;
  display: block;
  height: 51px;
  width: 231px;
}

/*-------------------------------------------------------*/
/*レシピ
/*-------------------------------------------------------*/
div#recipe h3 {
  background: url(../images/top/ttl_tsukutte.png);
  height: 92px;
  width: 104px;
  position: absolute;
  margin-bottom: -92px;
}
div#calendar {
  height: 44px;
  width: 80px;
  position: absolute;
  left: 410px;
  top: 36px;
  text-align: center;
  margin-bottom: -44px;
}
div#recipe #mapBtn {
  height: 51px;
  width: 231px;
  position: absolute;
  left: 13px;
  display: block;
  margin-bottom: -51px;
  top: 290px;
}
div#recipe #mapBtn a {
  background: url(../images/top/btn_map.gif) no-repeat 0px 0px;
  height: 51px;
  width: 231px;
  display: block;
}
div#recipe #mapBtn a:hover {
  background: url(../images/top/btn_map.gif) no-repeat 0px -51px;
  height: 51px;
  width: 231px;
  display: block;
}
div#recipe #calendarBtn {
  height: 51px;
  width: 231px;
  position: absolute;
  left: 248px;
  display: block;
  top: 290px;
}
div#recipe #calendarBtn a {
  background: url(../images/top/btn_kondate.gif) no-repeat 0px 0px;
  height: 51px;
  width: 231px;
  display: block;
}
div#recipe #calendarBtn a:hover {
  background: url(../images/top/btn_kondate.gif) no-repeat 0px -51px;
  height: 51px;
  width: 231px;
  display: block;
}
div#recipe #weekTxt {
  width: 129px;
  position: absolute;
  left: 18px;
  top: 243px;
  text-align: center;
  height: 40px;
  margin-bottom: -40px;
  line-height: 16px;
}
div#recipe #dayTxt {
  width: 129px;
  position: absolute;
  left: 167px;
  top: 243px;
  text-align: center;
  height: 40px;
  margin-bottom: -40px;
  line-height: 16px;
}
div#recipe #recipeTxt {
  width: 148px;
  position: absolute;
  left: 325px;
  top: 243px;
  text-align: center;
  height: 40px;
  margin-bottom: -40px;
  line-height: 16px;
}
#recipeImg  {
  height: 134px;
  width: 134px;
  position: absolute;
  left: 332px;
  top: 97px;
  margin-bottom: -134px;
}
#recipeLabel  {
  background: url(../images/top/recipe_label.png) no-repeat;
  height: 64px;
  width: 64px;
  position: absolute;
  z-index: 2;
  left: 307px;
  top: 89px;
  margin-bottom: -64px;
  float: left;
}
#sozaiWeek  {
  position: absolute;
  left: 2px;
  top: 98px;
  margin-bottom: -160px;
  height: 160px;
  width: 160px;
  float: left;
}
#sozaiDay {
  position: absolute;
  top: 98px;
  left: 152px;
  margin-bottom: -160px;
  height: 160px;
  width: 160px;
  float: left;
}
div#recipe  .txtEnpitsu  {
  background: url(../images/top/bg_recipe_txt.gif) repeat bottom;
}



/*-------------------------------------------------------*/
/*下部コンテンツ　ボックス
/*-------------------------------------------------------*/
.box490 {
  width: 484px;
  padding-left: 6px;
  float: left;
  padding-bottom: 15px;
}


/*-------------------------------------------------------*/
/*メールマガジン+会員登録 ボタンのセット
/*-------------------------------------------------------*/
div#btnSet {
  padding-top: 20px;
}

div#btnSet2 {
  padding-top: 20px;
  padding-left: 120px;
}

div#mailmagazineBtn {
  float: left;
  height: 38px;
  width: 235px;
  margin-right: 6px;
}
div#mailmagazineBtn a {
  background: url(../images/top/btn_mailmagazine.gif) no-repeat 0px 0px;
  display: block;
  height: 38px;
  width: 235px;
}
div#mailmagazineBtn a:hover {
  background: url(../images/top/btn_mailmagazine.gif) no-repeat 0px -38px;
  display: block;
  height: 38px;
  width: 235px;
}
div#kaiinBtn {
  height: 38px;
  width: 235px;
  float: left;
}
div#kaiinBtn a {
  background: url(../images/top/btn_kaiin.gif) no-repeat 0px 0px;
  display: block;
  height: 38px;
  width: 235px;
}
div#kaiinBtn a:hover {
  background: url(../images/top/btn_kaiin.gif) no-repeat 0px -38px;
  display: block;
  height: 38px;
  width: 235px;
}


/*-------------------------------------------------------*/
/*新着情報＋メディア掲載
/*-------------------------------------------------------*/
div#news{
  width:482px;
  background: url(../images/top/kei_half.gif) no-repeat 0px 0px;
  clear: both;
  margin-top: 15px;
}
div#media{
  width:482px;
  background: url(../images/top/kei_half.gif) no-repeat top;
  clear: both;
}
div#titleBoxNews{
  background:url(../images/top/ttl_new.gif) no-repeat 7px 8px;
}
div#titleBoxMedia a{background:url(../images/top/ttl_media.gif) no-repeat; width:78px; height:62px; display:block; margin-top:8px; margin-left:7px;}
div#titleBoxMedia a:hover{background-position:bottom;}

div.titleBox{width:103px; height:105px; float:left;}
div.textBox{
  width:375px;
  float:left;
  margin-top:12px;
  padding-bottom: 15px;
}
div.textBox span{font-size:10px; color:#48572b; padding-bottom:6px;}
div.textBox span.date{display:block; float:left; padding-right:11px;}
div.textBox span.text{display:block;}
.new {
  margin-left:6px;
}
div.textBox a{color:#48572b; text-decoration:none;}
div.textBox a:hover{color:#48572b; text-decoration:underline;}
div.textBox span.orange{color:#ff7e00;}
div.textBox p{clear:both;}

/*-------------------------------------------------------*/
/*キャンペーン情報＋お楽しみコンテンツ
/*-------------------------------------------------------*/
div#campBox {
  padding-top: 20px;
}
div#campBox .campTtl  {
  background: url(../images/top/ttl_camp.gif);
  height: 29px;
  width: 481px;
}
div#campBox .campTtl .allCampLink {
  height: 21px;
  width: 120px;
  float: right;
  padding-right: 10px;
}
div#campBox .campTtl h4 {
  float: left;
}
div#campBox .campTtl .allCampLink a {
  background: url(../images/top/btn_camp.gif) no-repeat 0px 0px;
  display: block;
  height: 21px;
  width: 120px;
}
div#campBox .campTtl .allCampLink a:hover {
  background: url(../images/top/btn_camp.gif) no-repeat 0px -21px;
  display: block;
  height: 21px;
  width: 120px;
}
div#enjoyBox  {
  padding-top: 20px;
}
div#enjoyBox h4 {
  background: url(../images/top/ttl_cont.gif) no-repeat 0px 0px;
  height: 29px;
  width: 481px;
}
div#reportBox {
  padding-top: 20px;
}
div#reportBox h4  {
  background: url(../images/top/ttl_report.gif);
  height: 29px;
  width: 481px;
}
div.campImg {
  float: left;
  height: 79px;
  width: 79px;
}
div.campImg a {
  border: 1px solid #e8e5d8;
  height: 79px;
  width: 79px;
  display: block;
}
div.campImg a:hover {
  border: 1px solid #C8C5A4;
  height: 79px;
  width: 79px;
  display: block;
}
div.campSet {
  padding-top: 10px;
}
div.campTxt {
  padding-left: 93px;
  font-size: 0.9em;
}
div.campTxt h5 {
  font-size: 1em;
  line-height: 1.2em;
  padding-bottom: 6px;
  padding-top: 2px;
}
.iconPresent {
  padding-right: 6px;
  vertical-align: middle;
}
.more {
  height: 15px;
  width: 90px;
  padding-top: 8px;
}
.more a {
  background: url(../images/top/btn_more.gif) no-repeat 0px 0px;
  height: 15px;
  width: 90px;
  display: block;
}
.more a:hover {
  background: url(../images/top/btn_more.gif) no-repeat 0px -15px;
  height: 15px;
  width: 90px;
  display: block;
}


/*-------------------------------------------------------*/
/*最終ライン色鉛筆
/*-------------------------------------------------------*/
div.line{
  width:980px;
  height:4px;
  background:url(../images/top/kei_btm.png) no-repeat;
  clear:both;
  margin-bottom:10px;
  font-size:0;
}
/*-------------------------------------------------------*/
/*コンテンツ下部
/*-------------------------------------------------------*/
div#contentsBottom {
  width:100%;
  text-align:center;
  clear:both;
  background: #FFFFFF;
}


/*-------------------------------------------------------*/
/*協賛企業
/*-------------------------------------------------------*/
div#sponsor{
  width:893px;
  height:61px;
  background:url(../images/top/sponsor_icon.gif) no-repeat 0 25px;
  padding-left:87px;
  padding-top:3px;
}
div#sponsor  .logo{float:left;}



/*-------------------------------------------------------*/
/*フッターナビ
/*-------------------------------------------------------*/
div.footerline{width:980px; height:1px; background:url(../images/top/kei_bg_white.gif) no-repeat; clear:both; font-size:0;}
div.rightLine{padding:0 11px; border-right:1px solid #e2dfce; float:left; display:block;}
div.rightLineNone{padding:0 11px; border-right:1px solid #ffffff; float:left; display:block;}
div#footerNavi a{font-size:10px; color:#748455; text-decoration:none;}
div#footerNavi a:hover{text-decoration:underline;}
div#footerNaviLeft{float:left;}
div#footerNaviRight{float:right;}
div#footerNavi{padding:10px 0;}

/*-------------------------------------------------------*/
/*コピーライト
/*-------------------------------------------------------*/
div#copyright{float:right; margin-top:13px; margin-bottom:20px;}
div#copyright div.linkLine{font-size:10px; color:#748455; padding:0 11px; border-right:1px solid #e2dfce; float:left; margin-top:8px;}
div#copyright div.linkLineNone{font-size:10px; color:#748455; padding:0 11px; border-right:1px solid #ffffff; float:left; margin-top:8px;}
div#copyright div.linkLine a, div#copyright div.linkLineNone a{text-decoration:none; color:#748455;}
div#copyright div.linkLine a:hover, div#copyright div.linkLineNone a:hover{text-decoration:underline; color:#748455;}
div#copyright div#copyrightImg{width:331px; height:19px; background:url(../images/top/copyright.gif) no-repeat; float:left;}
div#copyright div#copyrightImg a#linkLC{width:19px; height:19px; display:block; left:231px; top:2px; position:relative;}
div#copyright div#copyrightImg a#linkSE{width:58px; height:19px; display:block; left:268px; top:-19px; position:relative;}



div#bnrRenew {
  height: 96px;
  width: 256px;
  float: left;
  padding-left: 78px;
}
div#bnrLogo {
  height: 96px;
  width: 320px;
  float: left;
}
div#bnrProject {
  height: 96px;
  width: 257px;
  float: left;
}
div#bnrRenew a {
  background: url(../images/top/bnr_renew.gif) no-repeat 0px 0px;
  display: block;
  height: 96px;
  width: 256px;
}
div#bnrProject a {
  background: url(../images/top/bnr_project.gif) no-repeat 0px 0px;
  height: 96px;
  width: 257px;
  display: block;
}
div#bnrRenew a:hover {
  background: url(../images/top/bnr_renew.gif) no-repeat 0px -96px;
  display: block;
  height: 96px;
  width: 256px;
}
div#bnrProject a:hover {
  background: url(../images/top/bnr_project.gif) no-repeat 0px -96px;
  height: 96px;
  width: 257px;
  display: block;
}