@charset "utf-8";

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

	home.css

	Copyright 2009 Image Co., Ltd. All Rights Reserved.
	URL http://www.img.co.jp/

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

div.sectionBox p{font-size:100%; line-height:1.3em;}

div.wf3 .followBox {margin-left:240px;}

div#header{
	height:123px;
}


/*==============================================*/
/* news
/*==============================================*/
div#news{
	background:url(../img/index/news_bg.gif) no-repeat left top;
	margin-left:5px; margin-bottom:15px;
	overflow:hidden;
	height:50px;
}
*html div#news{display:inline-block;}/*for IE6*/

div#news h2{
	float:left;
	clear:both;
	line-height:0;
	margin:0; padding:0;
	width:120px;
}

/*Ticker
---------------------------------*/

.tickercontainer { /* the outer div with the black border */
background: #fff; 
width: 815px; 
height: 39px; 
margin: 6px 0 0; 
padding: 0;
overflow: hidden;
font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 7px;
width: 790px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker li div{}

ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
margin-right:50px;
padding:5px 10px 5px 0;
display:inline-block;
} 
ul.newsticker span {
margin-right:10px;
padding:5px 10px 5px 0;
border-right:1px solid #CCC;
display:inline-block;
} 


/*==============================================*/
/* areaInfo
/*==============================================*/
div#areaInfo{
	padding-bottom:20px;
	background:url(../img/index/frame/info_frame_base.gif) no-repeat left bottom;
}

div#areaInfo .unit3Col{
	padding-left:5px;
	background:url(../img/index/frame/info_frame_header.gif) no-repeat left top;
}

div.laySingle div#areaInfo .unit3Col .sectionBox{
	width:314px;
	margin-top:4px;
	margin-right:9px;
	margin-bottom:0;
	padding-bottom:70px;
}

div.laySingle div#areaInfo .unit3Col .sectionBox h2{
	margin-bottom:19px;
	line-height:0; padding:0;
	margin-left:4px;
}

div.laySingle div#areaInfo .unit3Col .sectionItem{
	/*overflow:visible;*/
	margin-right:15px; margin-left:15px;
}


div.laySingle div#areaInfo .unit3Col .sectionItem .pickup{
	position:absolute;
	top:0; left:0;
	z-index:999;
}


div.laySingle div#areaInfo .unit3Col .bottomLine{
	background: url(../img/frame/bottomline.gif) no-repeat bottom left;
	margin-bottom:0px;
	padding-bottom:20px;
}

div#areaInfo ul.navInfo{margin-left:65px; margin-bottom:0; margin-top:15px; position: absolute; bottom:0px;}

div#infoRecipe ul.navInfo li,
div#infoBePo ul.navInfo li,
div#infoEvent ul.navInfo li{
	margin-right:2px;
	line-height:0;}

div#infoRecipe ul.navInfo li,
div#infoBePo ul.navInfo li{/* width:155px;*/}

div#infoRecipe ul.navInfo{margin-left:80px;}

div#infoEvent ul.navInfo,
div#infoBePo ul.navInfo{margin-left:10px;}

div#infoEvent ul.navInfo li,
div#infoBePo ul.navInfo li{width:146px;}

div.followBox a.external{ text-decoration:underline;}

/*==============================================*/
/* areaInfoB
/*==============================================*/

div#areaInfoB{
	background:url(../img/index/frame/info_frame_b_footer.gif) repeat-x left bottom;
}

div#areaInfoB .unit2ColPush{
	background:url(../img/index/frame/info_frame_b_header.gif) repeat-x left top;
}

div#areaInfoB .unit2ColPush h2{
	height:auto;
	margin-bottom:5px;
	padding:0;
	line-height:0;
	overflow:hidden;
	/* _margin-right:-10px;*/
}

div#areaInfoB .unit2ColPush p{
	margin-bottom:0px;
}

div.laySingle div#areaInfoB .unit2ColPush .sectionBox{
	width:467px;
	margin-right:0;
	margin-top:10px;
	margin-bottom:10px;
	padding:0 5px 0px 13px;
	*padding-bottom:10px;/*for IE6*/
}

#infoMobile,
#infoMailmag{/*margin-left:3px;*/}

#infoMobile .floatItem{width:230px;}
.wfQR .floatBox{width:92px; padding-top:2px; margin:0!important;}
.wfQR .followBox{margin-left:100px;}

#infoMobile a.navTransmit{
	background:url(../img/index/navi/transmit.gif) no-repeat top left;
	display:block;
	overflow:hidden;
	width:125px; height:41px;
	text-indent:-999px;
	position:absolute;
	right:10px; bottom:5px;
}
#infoMobile a:hover{
	background-position:0 -41px;
}

#infoMailmag h2{_margin-left:-1px;}
#infoMailmag .floatBox{ border:1px solid #CCC; padding:5px 4px; margin-left:0!important;}
#infoMailmag .followBox{margin-left:233px!important;}
#infoMailmag .lead{margin-bottom:5px;}
#infoMailmag .mail{width:215px; margin-bottom:5px;}
#infoMailmag .btn{margin-left:30px;}
#infoMailmag .note{ text-align:center;}
#infoMailmag p{margin-right:5px;}