@charset "utf-8";
/*ページ個別設定-------------------------------------------------------------------------------------------------------------*/

/* --------------------
TOP
-------------------- */
body#Idx {
background:#00a73c url(../../img/idx_main_back.jpg) repeat-x scroll center top;
}

#IdxContainer {
width:860px;
margin:0 auto;
height:444px;
position:relative;
background:url(../../img/idx_main_back2.jpg) no-repeat scroll center top;
}




#IdxHeader {
width:860px;
height:164px;
}
#IdxHeader h1 {
width:429px;
float:left;
}
#IdxHeader div {
width:431px;
float:right;
}



#IdxContainer ul {
position:relative;
width:860px;
height:164px;
}

#IdxContainer ul li {
text-align:center;
}

#IdxContainer li#IdxNavAsagata {
position:absolute;
left:168px;
top:10px;
width:151px;
z-index:601;
}
#IdxContainer li#IdxNavAsagata h2 {
position:relative;
width:151px;
}
#IdxContainer li#IdxNavAsagata a.IconMap {
position:absolute;
right:-45px;
top:-3px;
display:block;
width:82px;
height:82px;
z-index:600;
}

#IdxContainer li#IdxNavEvent {
position:absolute;
right:32px;
top:12px;
width:100px;
z-index:600;
}
#IdxContainer li#IdxNavTorikumi {
position:absolute;
left:349px;
top:119px;
width:111px;
z-index:600;
}
#IdxContainer li#IdxNavSandou {
position:absolute;
left:579px;
top:102px;
width:111px;
z-index:600;
}
#IdxContainer li#IdxNavDownload {
position:absolute;
right:279px;
top:5px;
width:141px;
z-index:600;
}
#IdxContainer li#IdxNavAsabijin {
position:absolute;
left:44px;
top:96px;
width:150px;
z-index:600;
}



/* 追加項目 */
#IdxSubOuter {
width:100%;
height:152px;
background:#ffffff url(../../img/idx_sub_back2.gif) repeat-x scroll center top;
}
#IdxSub {
width:860px;
margin:0 auto;
height:152px;
/*background:#ffffff url(../../img/idx_sub_back2.gif) repeat-x scroll left top;*/
position:relative;
}

#IdxSub ul {
width:806px;
margin:0 auto 0 27px;
}
#IdxSub li {
float:left;
width:403px;
}

#IdxSub li#IdxSubJiman {
margin-top:-41px;
position:relative;
}
#IdxSub li#IdxSubJiman img.IdxSubPeriod {
position:absolute;
top:-32px;
left:-27px;
display:block;
}
#IdxSub li#IdxSubJiman p.IdxSubBtn {
height:50px;
padding-left:115px;
background:url(../../img/idx_sub01_back.jpg) no-repeat scroll left top;
text-align:left;
}

#IdxSub li#IdxSubRecipe {
margin-top:-41px;
position:relative;
}
#IdxSub li#IdxSubRecipe img.IdxSubPeriod {
position:absolute;
top:-10px;
right:-27px;
display:block;
}
#IdxSub li#IdxSubRecipe p.IdxSubBtn {
height:47px;
padding-left:139px;
padding-top:3px;
background:url(../../img/idx_sub02_back.jpg) no-repeat scroll left top;
text-align:left;
}


/* What's New */
#IdxNews {
width:100%;
background:#ffffff;
}
#IdxNewsInner {
width:100%;
background:url(../../img/idx_news_back2.jpg) no-repeat scroll center top;
padding-top:10px;
}
#IdxNewsInner2 {
width:860px;
margin:0 auto;
background:url(../../img/idx_news_mainback.jpg) no-repeat scroll right bottom;
}


#IdxNewsInner2 ul {
width:669px;
/*padding-bottom:30px;*//* 項目が少ないとき用。下マージン。 */
}
#IdxNewsInner2 li {
/*padding:10px 0 11px 0;*//* 項目が少ないとき用。天地広め。 */
padding:5px 0 6px 0;/* 項目が増えてきたとき用。天地狭め。 */
background:url(../../img/idx_news_line.gif) no-repeat scroll left  bottom;
}
#IdxNewsInner2 li.end {
background:none;
}

#IdxNewsInner2 li span {
float:left;
width:589px;
display:block;
}
#IdxNewsInner2 li span.IdxDate {
width:80px;
}


#IdxNewsScroll {
overflow:auto;
height:160px;
}
*:first-child+html #IdxNewsScroll {
overflow-y:scroll;
}




#IdxFooter {
width:100%;
background:#00a73c url(../img/foot_back_copyright.gif) repeat-x scroll center top;
clear:both;
}

#IdxFooterInner {
margin:0 auto;
padding:11px 10px 10px 10px;
width:840px;
}
.IdxFootRight {
width:200px;
float:right;
}

/* --------------------
朝型生活全体
-------------------- */
/* カラム */
#AsagataColumnL {
width:206px;
float:left;
position:relative;
}
#AsagataColumnR {
width:567px;
float:right;
}

/* サイドナビ */
#AsagataSideNav {
background:url(../../asagata/img/common_sidenav_line1.gif) no-repeat scroll center bottom;
padding-bottom:5px;
}
#AsagataSideNav img,
#AsagataSideNav a {
display:block;
}
#AsagataSideNav li.NavTop {
background:url(../../asagata/img/common_sidenav_line1.gif) no-repeat scroll center top;
padding:10px 0 5px 0;
}
#AsagataSideNav li.NavTop2 {
background:url(../../asagata/img/common_sidenav_line1.gif) no-repeat scroll center top;
padding:20px 0 15px 0;
height:12px;
}
#AsagataSideNav li.NavTop2 a,
#AsagataSideNav li.NavTop2 img {
height:12px;
}
#AsagataSideNav li.NavMid2 {
background:url(../../asagata/img/common_sidenav_line1.gif) no-repeat scroll center top;
padding:15px 0 10px 0;
}

#AsagataSideNav li.NavMid {
background:url(../../asagata/img/common_sidenav_line2.gif) no-repeat scroll center top;
padding:11px 0 10px 0;
}

#AsagataSideNav li.NavBottom {
background:url(../../asagata/img/common_sidenav_line3.gif) no-repeat scroll center top;
padding:7px 0 5px 0;
}

/* 特設ページ ローカルナビ */
#AsagataIdxSpNav {
height:72px;
}
#AsagataIdxSpNav li {
float:left;
}
#AsagataSpNav {
width:800px;
height:72px;
background:url(../../asagata/img/common_spnav_back.gif) repeat-x scroll center bottom;
}
#AsagataSpNav li {
float:left;
width:188px;
padding-left:16px;
}
#AsagataSpNav li.start {
padding-left:0;
}
#AsagataSpNav li.SpNavBackTop {
width:181px;
padding:42px 0 0 57px;
text-align:right;
}


/* --------------------
朝型生活用
-------------------- */
/* インデックス */
.Calculate {
width:567px;
background:#e1f8cd url(../../asagata/img/title_idx_asagata_calculatebottom.gif) no-repeat scroll center bottom;
}
.Calculate p {
width:537px;
padding:0 0 20px 0;
margin:0 15px;
}
.Calculate p.CalculateBottom {
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px dashed #666666;
}
#AsagataArea01{
margin:40px 0 15px 0;
}
#AsagataArea01 ul{
margin-bottom:18px;
}
.Point{
background: url(../../asagata/img/list_asagata_01_bg.gif) repeat-y scroll 0 0;
width:567px;
margin-bottom:12px;
float:left;
}
.PointTxt{
width:492px;
padding:0 15px 20px 60px;
background:url(../../asagata/img/list_asagata_01_foot.gif) no-repeat scroll left bottom;
}
.ListArea{
background:url(../../asagata/img/list_asagata_02_foot.gif) no-repeat scroll left bottom;
padding-bottom:5px;
clear:both;
}
.ListInner{
background:url(../../asagata/img/list_asagata_02_bg.gif) repeat-y scroll 0 0;
padding-bottom:10px;
}
.AsagataList{
width:279px;
float:left;
}
.ListTxt{
width:229px;
padding:15px 25px 0;
}
.ListTxt li{
text-indent:-0.9em;
padding-left:0.9em;
}
#AsagataArea03{
margin:30px 0 0 0;
}
#AsagataArea03 li{
background:url(../../asagata/img/list_asagata_03_bg.gif) repeat-y scroll 0 0;
margin-top:15px;
}
#AsagataArea03 li .Txt{
background:url(../../asagata/img/list_asagata_03_foot.gif) no-repeat scroll left bottom;
padding:15px;
}
#ProfileArea{
width:537px;
border:#62bf0e 2px solid;
padding:15px;
}
#ProfileArea .ProfileLeft{
width:102px;
float:left;
}
#ProfileArea .ProfileRight{
width:420px;
float:left;
}

/* ライトダウン */
.LightTxt{
width:382px;
float:left;
margin-right:15px;
}
.LightImg{
width:170px;
float:left;
}

/* ヨガ */
.BackIdx {
margin-left:-12px;
}
#SpArea{
width:800px;
margin:30px 0 40px 0;
}
#BgGreen{
width:800px;
background:url(../../asagata/img/yoga_bg.gif) repeat-y scroll 0 0;
}
#BgGreen .BgInner{
width:800px;
background:url(../../asagata/img/yoga_head.gif) no-repeat scroll 0 0;
padding-top:10px;
}
#BgGreen ul {
width:774px;
background:url(../../asagata/img/yoga_foot.gif) no-repeat scroll left bottom;
padding:0 20px 20px 6px;
}
#BgGreen ul li{
width:258px;
float:left;
}
#BgGreen .YogaTxt01{
width:219px;
padding:10px 0 0 14px;
}
#BgGreen .YogaTxt02{
width:219px;
padding:10px 0 0 24px;
}
#BgGreen .YogaTxt03{
width:219px;
padding:10px 0 0 35px;
}

/* 朝ご飯 */
#RecipeArea{
width:800px;
margin:40px 0 0 0;
}
.RecipeImg{
width:270px;
float:left;
margin-right:30px;
}
.RecipeList{
margin-bottom:50px;
}
.Indent li{
text-indent:-0.8em;
padding-left:0.8em;
}
#RecipeArea th{
padding:10px 0 5px 0;
text-align:left;
}
#RecipeArea td{
padding-right:10px;
}
.AdviceArea {
width:800px;
clear:both;
background:url(../../asagata/img/advice_foot.gif) repeat-y scroll left bottom;
margin-top:20px;
}
.AdviceInner{
padding:5px 10px 10px 15px;
background:url(../../asagata/img/advice_bg.gif) no-repeat scroll left top;
}
.RecipeWay li{
text-indent:-1em;
padding-left:1em;
}
#LocalArea{
width:766px;
border:#62bf0e 2px solid;
padding:15px;
}
#LocalArea .LocalLeft{
width:550px;
float:left;
margin-right:20px;
}
#LocalArea .LocalRight{
width:188px;
float:left;
}



/* ソトアサ */

div.SotoasaBox {
width:800px;
padding-bottom:30px;
}
div.SotoasaBox .SotoasaLeft {
width:504px;
float:left;
}
div.SotoasaBox .SotoasaRight {
width:527px;
float:right;
}
div.SotoasaBox .SotoasaLeft p  {
padding:15px 0 0 15px;
}

div.SotoasaBox .SotoasaRight p  {
padding:15px 15px 0 0;
}
div#SotoasaBoxPerson {
width:728px;
border:1px solid #55ba19;
padding:20px;
margin:0 auto;
}
div#SotoasaBoxPersonRight {
width:586px;
float:right;
}




/* --------------------
キックオフ
-------------------- */
.EventDetail{
width:800px;
margin-bottom:30px;
background:url(../../event/img/event_head.gif) #d1ebfc no-repeat 0 top;
}
.EventInner{
background:url(../../event/img/event_foot.gif) no-repeat 0 bottom;
padding:10px 15px;
}
.EventTable{
text-align:left;
}
.EventTable th,
.EventTable td{
padding:5px 0;
text-align:left;
}
.EventTable .line {
border-bottom:dashed 1px #81878c;
}
.EventContents .ContentsArea{
background:url(../../event/img/list_event_foot.gif) no-repeat scroll left bottom;
padding-bottom:5px;
clear:both;
}
.EventContents .ContentsInner{
background: url(../../event/img/list_event_bg.gif) repeat-y 0 0;
padding-bottom:10px;
}
.EventContents .ContentsList{
width:390px;
float:left;
}
.EventContents .ContentsTxt01,
.EventContents .ContentsTxt02,
.EventContents .ContentsTxt03,
.EventContents .ContentsTxt04{
width:360px;
padding:10px 15px 0;
}
.ContentsTxt01 .EventLeft{
width:148px;
float:left;
}
.ContentsTxt01 .EventRight{
width:193px;
float:right;
}
.ContentsTxt02 .EventLeft{
width:123px;
float:left;
}
.ContentsTxt02 .EventRight{
width:218px;
float:right;
}
.ContentsTxt03 .EventLeft{
width:156px;
float:left;
}
.ContentsTxt03 .EventRight{
width:186px;
float:right;
}
.ContentsTxt04 .EventLeft{
width:103px;
float:left;
}
.ContentsTxt04 .EventRight{
width:237px;
float:right;
}
#LeadArea{
padding-top:10px;
margin-bottom:40px;
font-size:0;
}
#LeadArea .LeadTxt{
width:569px;
float:left;
margin:13px 18px 16px 0;
font-size:0;
}
#LeadArea .ComBtn{
width:212px;
float:left;
}
#KickOffArea{
margin-bottom:40px;
}
#KickOffArea .ComList{
clear:both;
margin-bottom:40px;
}
#KickOffArea .ComInner{
margin-top:20px;
}
#KickOffArea .ComTxt{
width:574px;
padding-right:20px;
float:left;
}
#KickOffArea .ComImg{
width:206px;
float:left;
}
#KickOffArea .ComImg span{
text-align:center;
margin-top:5px;
display:block;
}
#EventImg li{
float:left;
}
.EventImg01{
width:172px;
margin-right:13px;
}
.EventImg02{
width:301px;
margin-right:13px;
}
.EventImg03{
width:301px;
}
#JissiContents01{
width:800px;
background:url(../../event/img/jissi_head_01.gif) #d1ebfc no-repeat 0 0;
}
#JissiContents02{
width:800px;
background:url(../../event/img/jissi_bg.gif) repeat-y 0 0;
clear:both;
}
.JissiInner01{
background:url(../../event/img/event_foot.gif) no-repeat 0 bottom;
padding:15px;
}
.JissiInner02{
background:url(../../event/img/jissi_head_02.gif) no-repeat 0 0;
}
.JissiLead{
padding-top:5px;
}
.JissiLead li{
float:left;
width:360px;
padding:15px 15px 0;
}
.JissiListImg01{
width:530px;
margin:0 120px;
}
.JissiListImg01 li{
float:left;
width:250px;
}
.JissiListImg02{
background:url(../../event/img/jissi_foot_02.gif) no-repeat 0 bottom;
}
.JissiListImg02 li{
float:left;
width:250px;
padding:0 70px 15px;
}
.Sengen td,.Sengen th{
text-align:left;
}


/* --------------------
取組紹介
-------------------- */
#LeadArea{
padding-top:10px;
margin-bottom:40px;
font-size:0;
}
#LeadArea .LeadTxt{
width:569px;
float:left;
margin:13px 18px 16px 0;
font-size:0;
}
#LeadArea .ComBtn{
width:212px;
float:left;
}
#ComArea{
margin-bottom:40px;
}
#ComArea .ComList{
clear:both;
margin-bottom:40px;
}
#ComArea .ComInner{
margin-top:20px;
}
#ComArea .ComTxt{
width:574px;
padding-right:20px;
float:left;
}
#ComArea .ComImg{
width:206px;
float:left;
}
#ComArea .ComImg span{
text-align:center;
margin-top:5px;
display:block;
}
#TorikumiNext {
background-color:#ff9600;
text-align:center;
padding:30px 0;
}

/* --------------------
賛同企業
-------------------- */
#InfoArea{
width:800px;
margin-bottom:30px;
}
#InfoArea ul{
width:800px;
/*overflow:auto;
height:108px;*/
}
*:first-child+html #InfoArea ul{
/*overflow-y:scroll;*/
}
#InfoArea li{
clear:both;
padding-top:8px;
}
#InfoArea .line{
border-bottom:dashed 1px #b2b2b2;
padding-bottom:5px;
}
.InfoDate{
width:50px;
margin-right:10px;
float:left;
}
.InfoTxt{
width:740px;
float:left;
}
#AppArea{
clear:both;
margin-bottom:40px;
}
.AppList{
width:665px;
background:url(../../sandou/img/bg_list.gif) no-repeat scroll top left;
margin-top:20px;
padding:10px 13px 10px 120px;
border:solid 1px #999999;
clear:both;
}
.AppListNew{
width:665px;
background:url(../../sandou/img/bg_list_new.gif) no-repeat scroll top left;
margin-top:20px;
padding:10px 13px 10px 120px;
border:solid 1px #999999;
clear:both;
}
.AppLeft{
width:528px;
margin-right:30px;
float:left;
}
.AppRight{
width:107px;
float:left;
}
.AppRight span{
text-align:center;
margin-top:5px;
display:block;
}
.AppLeftK{
width:408px;
margin-right:30px;
float:left;
}
.AppRightK{
width:237px;
float:left;
}
.AppRightK span{
margin-top:5px;
display:block;
}
.AppRightK .LG{
width:107px;
float:left;
margin-right:20px;
text-align:center;
}
.AppRightK .QR{
width:110px;
float:right;
text-align:center;
}
#asadai .Left{
float:left;
width:185px;
}
#asadai ul{
width:460px;
}
#asadai ul li{
line-height:1.5em;}


#SandouNav {
width:790px;
padding:10px 5px 11px 5px;
background:url(../../sandou/img/nav_line.gif) no-repeat scroll center bottom;
}
#SandouNav li {
width:70px;
height:49px;
float:left;
margin-right:10px;
}
#SandouNav li.end {
margin-right:0;
}
#SandouNav img {
display:block;
}
.SaundouTitle {
background:url(../../sandou/img/subtitle_anchor_line.gif) no-repeat left bottom;
width:800px;
padding-bottom:10px;
clear:both;
}
.SaundouBack {
text-align:right;
float:right;
}
.SaundouBack p {
display:inline;
padding-left:15px;
background:url(../img/icon_link_backtop.jpg) no-repeat scroll 0 1px;
}


/* --------------------
朝美人
-------------------- */
#AsabijinColumn {
width:552px;
margin:20px auto 0 auto;
}

#AsabijinNav {
width:552px;
margin:15px auto 0 auto;
}
#AsabijinNav li {
width:102px;
float:left;
margin-right:10px;
}
#AsabijinNav li.end {
margin-right:0;
}

#AsabijinProfile {
border:1px solid #934ecb;
padding:12px 15px;
}
#AsabijinColumn p.WordBreak {
word-break:keep-all;
}


/* ------------------------------------------------------------------------------------
追加コンテンツ
------------------------------------------------------------------------------------ */
/* --------------------
自慢アワード
-------------------- */

#JimanIdxBtnOubo {
width:800px;
}
#JimanIdxBtnOubo dt {
width:406px;
float:left;
}
#JimanIdxBtnOubo dd {
width:284px;
height:76px;
background:url(../../jiman/img/idx_oubo_backimg.jpg) no-repeat scroll left top;
padding:21px 10px;
float:left;
}

#JimanIdxNav {
width:779px;
margin:0 auto;
background:url(../../jiman/img/idx_nav_backimg.jpg) no-repeat scroll left bottom;
padding-top:15px;
}
#JimanIdxNav li {
width:253px;
float:left;
padding-right:10px;
}
#JimanIdxNav li.end {
padding-right:0;
}


.JimanMainBox {
width:750px;
margin:15px auto 0 auto;
background:url(../../jiman/img/idx_main_back_middle.gif) repeat-y scroll left top;
}
.JimanMainBoxIn {
width:750px;
background:url(../../jiman/img/idx_main_back_top.gif) no-repeat scroll left top;
}

.JimanMainBox dl {
width:720px;
padding:12px 15px;
background:url(../../jiman/img/idx_main_back_bottom.gif) no-repeat scroll left bottom;
}
.JimanMainBox dt {
width:101px;
float:left;
}
.JimanMainBox dd {
width:600px;
float:right;
position:relative;
}

.JimanMainBox dd img {
display:block;
position:absolute;
top:0;
right:0;
}
.JimanMainBox dd h4 {
width:500px;
}

.JimanMainBox dd h4 a {
text-decoration:underline;
}
.JimanMainBox dd h4 a:link,
.JimanMainBox dd h4 a:visited {
color:#333333;
text-decoration:underline;
}
.JimanMainBox dd h4 a:hover,
.JimanMainBox dd h4 a:active {
color:#000000;
text-decoration:none;
}

.JimanMainBox dd h5 {
width:500px;
color:#24aa56;
margin-top:8px;
}
.JimanMainBox dd p {
margin-top:4px;
}




.JimanBosyu {
position:relative;
}
.JimanBosyu #JimanBosyuPeriod {
position:absolute;
top:0;
right:15px;
width:245px;
height:105px;
z-index:501;
}
.JimanBosyu #JimanBosyuBack {
position:absolute;
top:72px;
left:25px;
width:205px;
height:20px;
z-index:501;
}
.JimanBosyu #ContainerMain {
margin-top:10px;
}
.JimanBosyu #JimanBosyuBtn {
width:584px;
height:75px;
margin:20px auto;
}
.JimanBosyu #JimanBosyuBtn li {
width:284px;
float:left;
}



.JimanBackBtn {
padding:0 0 10px 5px;
}
.JimanBackBtn img {
display:block;
}

#JimanYoko {
padding:0 5px 0 10px;
}
#JimanYoko h4 {
margin-top:20px;
border-bottom:1px dashed #bbbbbb;
}

#JimanYoko h4 span {
margin-right:5px;
color:#4dc277;
}
/*
#JimanYoko h4 span.JimanH4Caution {
margin-right:0;
margin-left:15px;
color:#333333;
font-size:75%;
}
*/

#JimanYoko p,
#JimanYoko ul {
margin-top:10px;
}
#JimanYoko p.JimanYokoCaution {
margin-top:5px;
}
#JimanYoko li.JimanYokoList {
padding:0 0 5px 10px;
background:url(../img/icon_list.gif) no-repeat scroll 0 8px;
}

#JimanYoko li.JimanYokoList span.UnderLine {
border-bottom:1px solid #333333;
}




#JimanPopup {
width:582px;
margin:0 auto;
}
#JimanPopupBoxOuter {
width:552px;
margin:15px auto 0 auto;
}
.JimanPopupBox {
width:542px;
margin:0 0 0 auto;
}

#JimanPopup .JimanPopupBoxInner {
width:552px;
background:url(../../jiman/img/popup_back.gif) no-repeat scroll right bottom;
}
#JimanPopup .JimanPopupBoxRight {
width:245px;
padding:10px 10px 10px 0;
float:right;
}
#JimanPopup .JimanPopupBoxLeft {
width:280px;
float:left;
}


#JimanPopup h4 {
margin-top:20px;
margin-bottom:5px;
border-bottom:1px solid #bbbbbb;
}

#JimanPopup h4 span {
margin-right:5px;
color:#4dc277;
}


/* 優秀賞 */
#JimanAward {
width:830px;
margin:0 auto;
position:relative;
padding-bottom:5px;
}
#JimanAwardCopy {
position:absolute;
width:295px;
height:275px;
right:0;
top:145px;
z-index:501;
}

#JimanAward ul {
width:765px;
padding-left:15px;
margin:0 auto 15px auto;
height:200px;
}
#JimanAward ul li {
width:240px;
padding-right:15px;
float:left;
}
#JimanAward ul dd {
width:240px;
height:59px;
text-align:center;
background:url(../../jiman/img/idx_award_back.jpg) no-repeat scroll left bottom;
}





/* --------------------
レシピ募集
-------------------- */
.RecipeIdx {
position:relative;
}

#RecipeIdxPeriod {
width:243px;
height:107px;
position:absolute;
right:15px;
top:-15px;
z-index:502;
}

.RecipeIdx #ContainerMain {
width:830px;
margin:0 auto 0 auto;
position:relative;
}

#RecipeIdxEx {
width:800px;
padding:15px 15px 20px 15px;
margin:15px auto 0 auto;
background:url(../../recipe/img/idx_ex_backimg.jpg) no-repeat scroll left top;
}

#RecipeIdxEx ul#RecipeIdxExThumb {
width:787px;
padding-left:13px;
margin-top:5px;
}
#RecipeIdxEx ul#RecipeIdxExThumb li {
text-align:left;
width:130px;
float:left;
}
#RecipeIdxEx ul#RecipeIdxExThumb li.ExThumbEnd {
width:137px;
}



#RecipeIdxMap-Btn {
width:722px;
height:101px;
text-align:center;
margin:0 auto;
padding-bottom:20px;
}
#RecipeIdxMap-Btn #RecipeIdxMap-BtnLeft {
width:390px;
height:101px;
float:left;
margin:0;
padding:0;
}
#RecipeIdxMap-Btn #RecipeIdxMap-BtnRight {
width:317px;
height:101px;
float:right;
margin:0;
padding:0;
}
#RecipeIdxMap-Btn #RecipeIdxMap-BtnRight span {
width:317px;
height:64px;
padding-top:17px;
display:block;
background:url(../../recipe/img/idx_map_end_btn_back.gif) no-repeat scroll left top;
}

#RecipeIdxMap {
background:url(../../recipe/img/back_map.jpg) no-repeat scroll left top;
width:830px;
height:433px;
position:relative;
margin:15px auto 0 auto;
}

#RecipeIdxMap .RecipeIdxMap-Title {
z-index:500;
width:49px;
top:0;
left:13px;
position:absolute;
}
#RecipeIdxMap .RecipeIdxMap-Caution {
z-index:500;
width:275px;
height:14px;
bottom:12px;
left:13px;
position:absolute;
}

#RecipeIdxMap .RecipeIdxMap-Recipe {
width:153px;
height:199px;
position:absolute;
z-index:501;
background-color:#ffffff;
}
#RecipeIdxMap .RecipeIdxMap-Recipe ul {
width:153px;
}
#RecipeIdxMap .RecipeIdxMap-Recipe li {
display:inline;
}
*:first-child+html #RecipeIdxMap .RecipeIdxMap-Recipe ul {
width:153px;
display:inline-block;
min-height: 1%;
}
*:first-child+html #RecipeIdxMap .RecipeIdxMap-Recipe li {
display:inline-block;
float:left;
}

#RecipeIdxMap .RecipeIdxMap-Recipe01 {
top:42px;
left:671px;
}
#RecipeIdxMap .RecipeIdxMap-Recipe02 {
top:104px;
left:516px;
}
#RecipeIdxMap .RecipeIdxMap-Recipe03 {
top:12px;
left:360px;
}
#RecipeIdxMap .RecipeIdxMap-Recipe04 {
top:221px;
left:330px;
}
#RecipeIdxMap .RecipeIdxMap-Recipe05 {
top:171px;
left:171px;
}
#RecipeIdxMap .RecipeIdxMap-Recipe06 {
top:151px;
left:13px;
}


#RecipeIdxMap-Caution {
width:316px;
height:94px;
position:absolute;
right:13px;
bottom:13px;
}


#RecipeIdxLog {
width:775px;
margin:0 auto 20px auto;
padding-top:20px;
background:url(../../recipe/img/idx_log_dotline.gif) no-repeat scroll left top;
}
#RecipeIdxLogIn {
width:775px;
margin:0 auto;
padding-bottom:25px;
background:url(../../recipe/img/idx_log_dotline.gif) no-repeat scroll left bottom;
}

#RecipeIdxLog h4 {
margin-bottom:10px;
}

.RecipeIdxLogList {
width:775px;
background:#fbf7e4 url(../../recipe/img/idx_log_backimg_top.gif) no-repeat scroll left top;
padding-top:10px;
}
.RecipeIdxLogList ul {
width:775px;
background:url(../../recipe/img/idx_log_backimg_bottom.gif) no-repeat scroll left bottom;
padding:0 0 13px 4px;
}
.RecipeIdxLogList ul li {
width:114px;
padding-left:12px;
float:left;
}






/* レシピポップアップ */
#RecipePopupColumn {
width:552px;
margin:20px auto 0 auto;
}
#RecipePopupColumn h2 {
margin-bottom:15px;
}
#RecipePopupColumn h3 {
padding-bottom:3px;
margin-top:20px;
border-bottom:1px solid #dbdbdb;
}
#RecipePopupColumn h4 {
padding:10px 0 0 0;
margin:0;
border-bottom:1px solid #dbdbdb;
}
#RecipePopupColumn h3 span {
color:#ff8947;
margin-right:3px;
}

.RecipePopupTitle {
width:552px;
background:url(../../recipe/img/popup_recipe_back.gif) no-repeat scroll right bottom;
padding-top:60px;
}
.RecipePopupTitleTop {
width:552px;
background:url(../../recipe/img/popup_recipe_back.gif) no-repeat scroll right bottom;
padding-top:0;
}
.RecipePopupLeft {
float:left;
width:261px;
}
.RecipePopupRight {
float:right;
width:276px;
}


#RecipePopupColumn table {
margin:0;
padding:0;
border:0;
border-collapse:collapse;
width:100%;
}
#RecipePopupColumn table tr {
vertical-align:middle;
}
#RecipePopupColumn table td,
#RecipePopupColumn table th {
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
font-weight:normal;
border-bottom:1px dashed #bbbbbb;
padding:3px 0;
text-align:left;
}
#RecipePopupColumn table th {
/*width:70px;*/
}

#RecipePopupColumn .RecipePopupLeft table td,
#RecipePopupColumn .RecipePopupRight table td {
text-align:right;
}

#RecipePopupColumn table td.OneColumn {
width:auto;
text-align:left;
}

#RecipePopupColumn table th p {
padding-left:10px;
background:url(../img/icon_list.gif) no-repeat scroll 0 8px;
}
#RecipePopupColumn table th p.NoList {
padding-left:0;
background:none;
}

#RecipePopupColumn table td.OneColumn p {
padding-left:10px;
background:url(../img/icon_list.gif) no-repeat scroll 0 8px;
}
#RecipePopupColumn table td.OneColumn p span {
background:url(../../recipe/img/popup_list_dotline.gif) no-repeat scroll 0 50%;
padding:0 0 0 28px;
margin-left:0 0 0 2px;
}
#RecipePopupColumn table td.OneColumn p span.f10 {
background:none;
padding-left:0;
margin-left:0;
}
#RecipePopupColumn table td p.NoDotline {
background:none;
}

#RecipePopupColumn li {
border-bottom:1px dashed #bbbbbb;
padding:3px 0;
}

#RecipePopupColumn li.RecipeNum01,
#RecipePopupColumn li.RecipeNum02,
#RecipePopupColumn li.RecipeNum03,
#RecipePopupColumn li.RecipeNum04,
#RecipePopupColumn li.RecipeNum05,
#RecipePopupColumn li.RecipeNum06,
#RecipePopupColumn li.RecipeNum07 {
padding-left:24px;
}
li.RecipeNum01 {background:url(../../recipe/img/popup_recipe_list_num01.gif) no-repeat scroll 0 6px;}
li.RecipeNum02 {background:url(../../recipe/img/popup_recipe_list_num02.gif) no-repeat scroll 0 6px;}
li.RecipeNum03 {background:url(../../recipe/img/popup_recipe_list_num03.gif) no-repeat scroll 0 6px;}
li.RecipeNum04 {background:url(../../recipe/img/popup_recipe_list_num04.gif) no-repeat scroll 0 6px;}
li.RecipeNum05 {background:url(../../recipe/img/popup_recipe_list_num05.gif) no-repeat scroll 0 6px;}



/* レシピポップアップ内優秀レシピ */
#RecipePopupColumn h2.NewRecipe {
margin-top:-10px;
margin-bottom:5px;
}
#RecipePopupColumn h3.NewRecipe span {
color:#e30450;
margin-right:3px;
}

.NewRecipe li.RecipeNum01 {background:url(../../recipe/img/popup_recipe_list2_num01.gif) no-repeat scroll 0 6px;}
.NewRecipe li.RecipeNum02 {background:url(../../recipe/img/popup_recipe_list2_num02.gif) no-repeat scroll 0 6px;}
.NewRecipe li.RecipeNum03 {background:url(../../recipe/img/popup_recipe_list2_num03.gif) no-repeat scroll 0 6px;}
.NewRecipe li.RecipeNum04 {background:url(../../recipe/img/popup_recipe_list2_num04.gif) no-repeat scroll 0 6px;}
.NewRecipe li.RecipeNum05 {background:url(../../recipe/img/popup_recipe_list2_num05.gif) no-repeat scroll 0 6px;}
.NewRecipe li.RecipeNum06 {background:url(../../recipe/img/popup_recipe_list2_num06.gif) no-repeat scroll 0 6px;}
.NewRecipe li.RecipeNum07 {background:url(../../recipe/img/popup_recipe_list2_num07.gif) no-repeat scroll 0 6px;}


.RecipePopupNewLeft {
float:left;
width:174px;
padding-right:15px;
}
.RecipePopupNewLeftEnd {
float:left;
width:174px;
}

#RecipePopupColumn table td.RecipeNoBorder,
#RecipePopupColumn table th.RecipeNoBorder {
border-bottom:none;
}
#RecipePopupColumn table th p.RecipeNoList {
padding:3px 5px 0 5px;
text-align:center;
background:none;
}
#RecipePopupColumn table tr.RecipeValignTop {
vertical-align:top;
}


/* --------------------
プリント用
-------------------- */

@media print {
body#Idx {
background:none;
}
#Container {
background:none;
}
#ContainerInner {
margin:20px auto 0 auto;
padding-top:15px;
background:#ffffff;
}
#AsagataColumnL {
position:static;
}
#AsagataColumnR {
float:none;
margin-left:233px;
}
#InfoArea ul{
overflow:visible;
height:auto;
}
#IdxNewsScroll {
overflow:visible;
height:auto;
}

/*¥*/
* html * {
zoom:0.9999;
}
* html body {
zoom:0.72;
background:none;
}
* html body#Popup {
zoom:1;
background:none;
}
* html #Container {
background:url(../img/head_back_top.jpg) no-repeat scroll center top;
position:absolute;
left:0;
}
* html #ContainerInner {
background:none;
margin:35px auto 0 auto;
padding-top:0;
}
* html ul,
* html li {
display:inline-block;
}
* html body li.mr30 {
margin-right:10px;
}
* html #AsagataColumnR {
float:right;
margin-left:0;
}
/**/

*:first-child+html * {
zoom:0.9999;
}
*:first-child+html  body {
background:none;
}
*:first-child+html #Container {
background:url(../img/head_back_top.jpg) no-repeat scroll center top;
position:absolute;
left:0;
}
*:first-child+html #ContainerInner {
background:none;
margin:35px auto 0 auto;
padding-top:0;
}
*:first-child+html #AsagataColumnR {
float:right;
margin-left:0;
}
*:first-child+html #InfoArea ul{
overflow-y:visible;
}
*:first-child+html #IdxNewsScroll {
overflow-y:visible;
}

.PrintPageBreak {
page-break-after: always;
}
.PrintPageBreak2 {
page-break-before: always;
}

.JimanBosyu #JimanBosyuPeriod {
top:15px;
}
* html .JimanBosyu #JimanBosyuPeriod {
top:0;
}
*:first-child+html .JimanBosyu #JimanBosyuPeriod {
top:0;
}
#RecipeIdxPeriod {
top:5px;
}
* html #RecipeIdxPeriod {
top:-5px;
margin-top:-5px;
}
*:first-child+html #RecipeIdxPeriod {
top:-5px;
margin-top:-5px;
}
* html #IdxSub li {
width:402px;
overflow-x:hidden;
}

*:first-child+html #IdxSub li {
width:402px;
overflow-x:hidden;
}

div#SotoasaBoxPerson {
margin-top:30px;
}

}