@charset "Shift_JIS";


#fs01-content div.col5G4L{padding-right:0}


/* top(200903) */

#indexTop{
/*display:block;
/*float:right;*/
width:770px;
margin-left:-10px;
}

#imgmain {
/*width: 770px;
height: 420px;*/
}
#imgmain #imgmainLeft {
position: relative;
float: left;
width: 453px;
height: 420x;
}
#imgmain #imgmainLeft #mainimg1_01,
#imgmain #imgmainLeft #mainimg1_02 {
position: absolute;
}
#topicsArea {
width: 451px;
height: 93px;
border: 1px solid #CCC;
overflow: auto;
}
#topicsArea h3 {
display: block;
width: 423px;
padding: 5px 5px 2px 5px;
border-bottom: 1px solid #CCC;
font-size: 14px;
font-weight: bold;
color: #F90;
}
#topicsArea ul {
display: block;
width: 433px;
font-size: 12px;
color: #333;
}
#topicsArea ul li {
display: block;
width: 423px;
padding: 5px;
border-bottom: 1px solid #CCC;
}
#topicsArea ul li span {
margin-right: 1em;
}
#fs01-content #imgmain #imgmainRight {
float: right;
width: 317px;
height: 420px;
}
#fs01-content #imgmain #imgmainLeft img,
#fs01-content #imgmain #imgmainRight img {
vertical-align:top;
}

#fs01-content #indexPointLeft,
#fs01-content #indexPointRight{
width:352px;
margin:0 0 20px 0;
padding-top:8px;
padding-bottom:12px;
padding-left:7px;
padding-right:3px;
border:9px solid #E2E2E6;

}

#fs01-content #indexPointLeft .ih_list,
#fs01-content #indexPointRight .ih_list{
display:block;
float:right;
width:198px;
list-style:none;
margin:0;
padding:0;
}


#fs01-content #indexPointLeft .ih_list p,
#fs01-content #indexPointRight .ih_list p{
display:block;
background:#FFFFFF no-repeat url(../images/index/ih_index_imgicon.jpg) left center;
/*font-size:1.2em;*/
line-height:1.5em;
margin:0;
padding:0 0 3px 15px;
}


#fs01-content #indexPointLeft ul li.indexPointnoList,
#fs01-content #indexPointRight ul li.indexPointnoList{
background:none;
}


#fs01-content #indexPointLeft{
float:left;
}
#fs01-content #indexPointRight{
float:right;
}
#fs01-content .indexPointimgLeft{
display:block;
float:left;
width:140px;
}





/* old top
----------------------------------*/

/* wrapper */
div#topWwrapper{
width:967px;
clear:both;
padding:0 0 1px 0;
background:none;
height:100%;
}

/* header */
div#header {
width:967px;
padding:7px 0 0 0;
height:72px;
}

div#header ul.headernavi {
height:35px;
list-style-type:none;
background:url(../common/images/menu.gif) no-repeat 0 3px;
}

div#header ul.headernavi li {
height:35px;
text-indent:-9999px;
padding:0;
margin:0;
display:inline;
float:left;
}

div#header ul.headernavi li a {
height:35px;
display:block;
background:url(../common/images/menu.gif) no-repeat 0 0;
text-indent:-9999px;
text-decoration:none;
}

div#header ul.headernavi li.navi01 a:link, div#header ul.headernavi li.navi01 a:visited {
background:url(../common/images/menu.gif) no-repeat 0 -38px;
width:130px;}

div#header ul.headernavi li.navi01 a:hover, div#header ul.headernavi li.navi01 a:active {
background:url(../common/images/menu.gif) no-repeat 0 -38px;
width:130px;}


/* top
------------------------------------*/
/*
#imgmain {
float:left;
width:967px;
margin:0 0 24px 0;
}
#imgmain ul {
float:left;
width:967px;
padding:9px 0 0 0;
}
#imgmain ul li {
float:left;
display:inline;
width:311px;
margin: 0 17px 0 0;
}
#imgmain ul li a {
display:block;
width:311px;
height:71px;
text-indent:-9999px;
text-decoration:none;
}
#imgmain ul li#lrBnn03 {
margin: 0;
}


#imgmain ul li#lrBnn01 {
background:url(../images/top_largebtn02on.gif) no-repeat;
}
#imgmain ul li#lrBnn01 a {
background:url(../images/top_largebtn02.gif) no-repeat;
}
#imgmain ul li#lrBnn01 a:hover {
background:url(../images/top_largebtn02on.gif) no-repeat;
}

#imgmain ul li#lrBnn02 {
background:url(../images/top_largebtn03on.gif) no-repeat;
}
#imgmain ul li#lrBnn02 a {
background:url(../images/top_largebtn03.gif) no-repeat;
}
#imgmain ul li#lrBnn02 a:hover {
background:url(../images/top_largebtn03on.gif) no-repeat;
}

#imgmain ul li#lrBnn03 {
background:url(../images/top_largebtn04on.gif) no-repeat;
}
#imgmain ul li#lrBnn03 a {
background:url(../images/top_largebtn04.gif) no-repeat;
}
#imgmain ul li#lrBnn03 a:hover {
background:url(../images/top_largebtn04on.gif) no-repeat;
}


#mainColumn {
width:449px;
float:left;
}
#middleColumn {
width:244px;
float:left;
margin:0 0 0 15px;
display:inline;
}
#sideColumn {
width:244px;
float:right;
}*/

/* news */
#newsWrap {
width:449px;
margin: 0 0 14px 0;
background:url(../images/top_newsbg.gif) repeat-y center 0;
}
#newsInner {
width:449px;
background:url(../images/top_newsbottom.gif) no-repeat 0 bottom;
padding: 0 0 3px 0;
}
#newsWrap dl {
list-style:none;
padding:7px 8px;
margin:0 0 5px 0;
height:135px;
width:433px;
overflow:auto;
}
#newsWrap dl dt {
width:70px;
padding:5px;
color:#9C9C9C;
float:left;
background:url(../images/top_newsline.gif) repeat-x 0 top;
line-height:1.4;
}
#newsWrap dl dd {
margin: 0 0 0 80px;
padding: 5px 0;
line-height:1.4;
background:url(../images/top_newsline.gif) repeat-x 0 top;
}
#newsWrap .first {
background:none;
}
/*
#newsWrap ul {
list-style:none;
padding:7px 0;
}
#newsWrap ul li {
width:473px;
margin: 0 0 4px 0;
padding: 2px 15px;
line-height:1.4;
background:url(../images/top_newsline.gif) no-repeat 0 bottom;
}
#newsWrap ul li span {
padding: 0 1.5em 0 0;
color:#9C9C9C;
}
*/

/* banner */
#bnnWrap {
list-style:none;
margin: 0 0 14px 0;
padding: 0 0 0 16px;
}
#bnnWrap:after {
display:block;
clear:both;
height:0px;
visibility:hidden;
content:".";
}
#bnnWrap li {
display:inline;
float:left;
width:199px;
height:74px;
margin: 0 20px 0 0;
}
#bnnWrap li.bnn01 {
width:199px;
height:54px;
}
#bnnWrap li.bnn02 {
width:199px;
height:54px;
margin:0;
}
#bnnWrap li.bnn03 {
width:199px;
height:54px;
padding:12px 0 0 0;
}
#bnnWrap li.bnn05 {
width:199px;
height:54px;
padding:12px 0 0 0;
margin:0;
}


/* video */
#videoWrap {
width:244px;
margin: 0 0 14px 0;
background:url(../images/top_recipebg.gif) repeat-y left 0;
}
#videoInner {
width:244px;
padding: 8px 0 10px 0;
background:url(../images/top_recipebottom.gif) no-repeat 0 bottom;
}
#videoWrap .menu {
width:226px;
padding:7px 9px;
background:url(../images/top_recipeline.gif) no-repeat 0 bottom;
}
#videoWrap .menu .menuImage {
float:left;
width:76px;
padding:1px;
border: solid 1px #EAEAEA;
}
#videoWrap .menu .menuImage img {
width:76px;
}
#videoWrap .menu p.detail {
width:137px;
float:right;
font-size:x-small;
line-height:1.4;
color:#333333;
}
#videoWrap .menu p.detail a {
display:block;
padding: 0 0 5px 0;
margin:6px 0 0 0;
font-weight:bold;
font-size:small;
line-height:1.4;
color:#333333;
text-decoration:underline;
}
#videoWrap .menu p.detail a:hover {
color:#777777;
}
#videoWrap a.videoList {
display:block;
margin:8px 10px 0 130px;
}


/* recipe */
#recipeWrap {
width:244px;
margin: 0 0 14px 0;
background:url(../images/top_recipebg.gif) repeat-y center 0;
}
#recipeInner {
width:244px;
padding: 0 0 10px 0;
background:url(../images/top_recipebottom.gif) no-repeat 0 bottom;
}
#recipeWrap .menu {
width:226px;
padding:7px 9px;
background:url(../images/top_recipeline.gif) no-repeat 0 bottom;
clear:both;
}
#recipeWrap .menu .menuImage {
float:left;
width:56px;
padding:1px;
border: solid 1px #EAEAEA;
}
#recipeWrap .menu .menuImage img {
width:56px;
}
#recipeWrap .menu p.detail {
width:157px;
float:right;
color:#7C7C7C;
font-size:x-small;
line-height:1.4;
}
#recipeWrap .menu p.detail a {
display:block;
padding: 0 0 0 10px;
margin:6px 0 0 0;
font-weight:bold;
font-size:small;
line-height:1.4;
color:#333333;
text-decoration:underline;
background:url(../images/top_recipeicon.gif) no-repeat left 5px;
}
#recipeWrap .menu p.detail a:hover {
color:#777777;
}

/* side */
#sideBnnWrap {
width: 244px;
margin: 0 0 14px 0;
}
#sideBnnWrap ul {
width: 244px;
margin: 0;
padding: 0;
}
#sideBnnWrap ul li {
list-style: none;
height: 60px;
margin: 0 0 .5em 0;
padding: 0;
text-align: center;
}
#sideBnnWrap ul li.sidebnn01 {
height: 46px;
}
#sideBnnWrap ul li.sidebnn02 {
height: 39px;
}


/* attention */
div#attention{
clear: both;
display: block;
margin: 0 0 15px 0;
padding: 1em 2em;
border-top: solid 1px #d8d8d8;
text-align: left;
font-size: xx-small;
color:#777;
}
div#attention:after {
display:block;
clear:both;
height:0px;
visibility:hidden;
content:".";
}
#attention ul {
list-style: none;
padding: 0 0 0 2em;
}
#attention ul .attention-noindent {
margin: 0 0 0 -2em;
}

/**/

/* attention01 */
div#attention01{
clear: both;
display: block;
padding-top:10px;
border-top: solid 1px #d8d8d8;
text-align: left;
font-size: xx-small;
color:#777;
}
div#attention01:after {
display:block;
clear:both;
height:0px;
visibility:hidden;
content:".";
}
#attention01 ul {
float:right;
width:370px;
list-style: none;
padding: 0 0 0 2em;
}
#attention01 ul .attention-noindent {
margin: 0 0 0 -2em;
}

#kids_dezain{
float:left;
width:185px;
}
.pad_left10{ padding-left:10px; }

/**/

/*--------------------------------------------------------
}[W
--------------------------------------------------------*/
#fs01-content .mar-b0{
margin-bottom:0px;
}

#fs01-content .mar-b5{
margin-bottom:5px;
}

#fs01-content .mar-b10{
margin-bottom:10px;
}

#fs01-content .mar-b15{
margin-bottom:15px;
}

#fs01-content .mar-b20{
margin-bottom:20px;
}

#fs01-content .mar-b25{
margin-bottom:25px;
}

/* top 110816
----------------------------------*/

#imgmain,
#imgmain #slideshow {
height: 300px;
position: relative;
width:770px;
}

#imgmain .nav{
position: absolute;
z-index:100;
right: 8px;
bottom: 7px;
}
#imgmain .nav li{
display: inline;
}

/*#imgmain #slideshow img { position:absolute; top:0; left:0; z-index:8; }
#imgmain #slideshow img.active { z-index:10; }
#imgmain #slideshow img.last-active { z-index:9; }*/

#imgmain p.btn01 {
position:absolute;
left:0;
bottom:0;
z-index:14;
display:none;
}
#imgmain p.btn02 {
position:absolute;
left:32px;
bottom:27px;
z-index:13;
display:none;
}
#imgmain p.btn03 {
position:absolute;
left:25px;
bottom:17px;
z-index:12;
display:none;
}
#imgmain p.btn04 {
position:absolute;
left:25px;
bottom:17px;
z-index:11;
display:none;
}
#imgmain p.btn05 {
position:absolute;
left:px;
bottom:px;
z-index:9;
display:none;
}
#imgmain p.btn06 {
position:absolute;
left:px;
bottom:px;
z-index:8;
display:none;
}
#imgmain p.btn07 {
position:absolute;
left:px;
bottom:px;
z-index:7;
display:none;
}


#imgmain p.btn01 a {
display:block;
text-indent:-9999px;
width:770px;
height:300px;
z-index:12;
background: url(../images/index/top_mainimg_btn04.jpg) no-repeat scroll 0 0 transparent;
}
#imgmain p.btn02 a {
background: url(../images/index/top_mainimg_btn03.jpg) no-repeat scroll 0 0 transparent;
display: block;
height: 243px;
text-indent: -9999px;
width: 264px;
z-index: 12;
}
#imgmain p.btn03 a {
background: url(../images/index/top_mainimg_btn02.jpg) no-repeat scroll 0 0 transparent;
display: block;
height: 25px;
text-indent: -9999px;
width: 112px;
z-index: 12;
}
#imgmain p.btn04 a {
background: url(../images/index/top_mainimg_btn02.jpg) no-repeat scroll 0 0 transparent;
display: block;
height: 25px;
text-indent: -9999px;
width: 112px;
z-index: 12;
}


#imgmain #slideshow #img1,#imgmain #slideshow #img2,
#imgmain #slideshow #img3,#imgmain #slideshow #img4,
#imgmain #slideshow #img5,#imgmain #slideshow #img6,
#imgmain #slideshow #img7{
position: absolute;
}

#imgmain #slideshow #img2,#imgmain #slideshow #img3,
#imgmain #slideshow #img4,#imgmain #slideshow #img5,
#imgmain #slideshow #img6,#imgmain #slideshow #img7{
display:none;
}

.float_left {
float:left;
}

.float_right {
float:right;
}

#fs01-content .top .bannerArea img {
vertical-align:bottom;
}


#fs01-content .top #osusumecontents{
font-size:12px;
background:url("../images/index/bg.gif") no-repeat 2px 4px;
width:768px;
padding:6px 0 !important;
margin:12px 0;
border:solid 1px #D6D6D6;
}
#fs01-content .top #osusumecontents .inner{
width:600px;
_width:590px;
background:#FFF;
margin-left:156px;
}
#fs01-content .top #osusumecontents ul{
list-style:none !important;
margin-top:0 !important;
}
#fs01-content .top #osusumecontents li{
list-style:none !important;
float:left;
margin:5px 10px 0px 10px !important;
_margin:5px 10px 0px 5px !important;
background:none !important;
}
#fs01-content .top #osusumecontents a{
background:url("http://sumai.panasonic.jp/ihcook/images/index/ih_index_imgicon.jpg") no-repeat scroll left 3px #FFFFFF;
display:block;
line-height:1.5em;
margin:0 !important;
padding:0 0 2px 18px !important;
width:220px;
}


/* ihcampaign2012.html 120912
----------------------------------*/

#fs01-content .ihcampaign2012 img {
vertical-align:bottom;
}

.ihcampaign2012 .main_area {
background:url(../images/campaign201209/201209_bg_01.jpg) no-repeat;
width:770px;
height:498px;
position:relative;
}

.ihcampaign2012 .main_area .logo {
position:absolute;
width:297px;
height:301px;
top:10px;
left:8px;
}

.ihcampaign2012 .main_area .date_01 {
position:absolute;
top:317px;
left:24px;
}

.ihcampaign2012 .main_area .date_02 {
position:absolute;
top:408px;
left:25px;
}

.ihcampaign2012 .main_area .copy {
position:absolute;
top:299px;
left:315px;
}

.ihcampaign2012 .btn_box {
background:url(../images/campaign201209/201209_bg_02.gif) no-repeat;
width:770px;
height:301px;
position:relative;
margin-bottom:10px;
}

.ihcampaign2012 .btn_box.box_2 {
background:url(../images/campaign201209/201209_bg_02_2.gif) no-repeat;
}


.ihcampaign2012 .btn_box .left_box {
background:url(../images/campaign201209/201209_present_01.gif) no-repeat;
position:relative;
width:393px;
height:287px;
margin-left:17px;
_margin-left:9px;
float:left;
}

.ihcampaign2012 .btn_box .left_box .btn {
position:absolute;
top:173px;
left:91px;
}

.ihcampaign2012 .btn_box .right_box {
background:url(../images/campaign201209/201209_present_02.gif) no-repeat;
position:relative;
width:321px;
height:285px;
margin-right:19px;
_margin-right:10px;

float:right;
}

.ihcampaign2012 .btn_box .right_box .btn {
position:absolute;
top:214px;
left:52px;
}

.ihcampaign2012 .lineup {
background:url(../images/campaign201209/201209_lineup_bg.gif) no-repeat;
width:717px;
height:123px;
margin:0 auto 40px;
padding:11px;
}

.ihcampaign2012 .lineup .heater{
background:url(../images/campaign201209/201209_heater_bg.jpg) no-repeat;
width:348px;
height:124px;
float:left;
}

.ihcampaign2012 .lineup .living{
background:url(../images/campaign201209/201209_living_bg.jpg) no-repeat;
width:348px;
height:124px;
float:right;
}

#fs01-content .ihcampaign2012 .lineup ul {
margin:0;
padding-top:47px;
_padding-top:52px;
padding-top:52px\9;
}

#fs01-content .ihcampaign2012 .lineup ul li {
background:none;
margin-top:0;
padding-left:15px;
line-height: 1.5;
_padding-bottom:3px;
padding-bottom:3px\9;
}




/* index  130325
----------------------------------*/

.bannerArea .banner {
float:left;
padding-right:18px;
width:179px;
}

.bannerArea .banner.last_child {
padding-right:0;
}

#fs01-content #indexPointLeft,
#fs01-content #indexPointRight {
border:none;
margin: 0 0 20px;
padding:0;
width: 376px;
}

#fs01-content .top .nav{
list-style: none;
margin: 0px;
padding : 0px;
}

#fs01-content .top .nav li{
background:none;
}