/*
▼銀河高原ビール：トップページスタイルシート
#top-pagebox
*/

/*
▼maincontentbox contentbox
------------------------------*/
div#top-pagebox div#maincontentbox01{
background-image: none; padding-top: 6px;
}
div#top-pagebox div#maincontentbox01 h3.blockttl{
margin-bottom: 10px;
}
/*
▼maincontentbox contentbox
------------------------------*/
div#top-pagebox div#maincontentbox01 div#contentbox01{
float: right; margin-left: 0px; margin-right: auto;
}

/*
▼maincontentbox wingbox
------------------------------*/
div#top-pagebox div#maincontentbox01 div#wingbox01{
float: left;
}

/*
▼mainimgbox{
------------------------------*/
div#top-pagebox div#mainimgbox01{
width: 100%; height: 340px; background: url(../../img/mainimg/background.jpg) repeat-x;
}
div#top-pagebox div#mainimgbox02{
width: 840px; margin: 0px auto; padding-top: 10px;
}

/*
#itembnbox
------------------------------*/
div#top-pagebox div#itembnbox{
margin: 0px 0px 10px;
}
div#top-pagebox div#itembnbox ol{
width: 840px; margin: 0px; padding: 0px; white-space: nowrap;
}
div#top-pagebox div#itembnbox li{
display: inline; margin: 0px; padding: 0px; font-size: 10px;
}
div#top-pagebox div#itembnbox li a{
text-decoration: none; color: #555;
}
div#top-pagebox div#itembnbox li.weizen img{
margin-right: 10px;
}
div#top-pagebox div#itembnbox li.komugi{

}

/*
#itembnbox3つバナー用
------------------------------*/
div#top-pagebox div#itembnbox3{
margin: 0px 0px 10px;
height:139px;
}
div#top-pagebox div#itembnbox3 ol{
width: 840px; margin: 0px; padding: 0px; white-space: nowrap;
}
div#top-pagebox div#itembnbox3 li{
display: inline; margin: 0px; padding: 0px; font-size: 10px;
float:left;
height:139px;
overflow:hidden;
}
div#top-pagebox div#itembnbox3 li a{
text-decoration: none; color: #555;
}
div#top-pagebox div#itembnbox3 li.weizen img{
display:block;
margin-right: 1px;

}
div#top-pagebox div#itembnbox3 li.komugi img{
display:block;
margin-right: 1px;
}
div#top-pagebox div#itembnbox3 li.paleale img{
display:block;
}


/*
限定商品（Xmas2007）
#xmas2007
------------------------------*/
div#top-pagebox div#xmas2007{
margin-bottom: 1em;
}
div#top-pagebox div#xmas2007 div.artframebox01{
width: 600px; background-image: url(../../img000/artframe/grass/left_top.gif);
}
div#top-pagebox div#xmas2007 div.artframebox02{
width: 600px; background-image: url(../../img000/artframe/grass/right_bottom.gif);
}

div#top-pagebox div#xmas2007 h3{
margin: 0px;
}
div#top-pagebox div#xmas2007 div.box-s{
width: 540px; height: 250px; position: relative; left: 0px; top: 0px; z-index: 1; margin-left: 30px;
}
div#top-pagebox div#xmas2007 div.box-s div.captionbox{
width: 420px; height: 80px; position: absolute; left: 30px; top: 160px; z-index: 2;
}
div#top-pagebox div#xmas2007 div.box-s div.bnbox{
width: 180px; height: 30px; position: absolute; left: 350px; top: 173px; z-index: 3;
}
div#top-pagebox div#xmas2007 dd{
border-bottom: 0px none #fff; margin: 0px; padding: 0px;
}

/*
新着＆更新情報
#whatsnew
------------------------------*/
div#top-pagebox div#whatsnew{
margin-bottom: 1em;
}
div#top-pagebox div#whatsnew iframe{
width: 600px; height: 205px;
}
div#top-pagebox div#whatsnew .whatsnewlist{
width: 589px;
height: 285px;
margin-left: 11px;
overflow-y: scroll;
}
div#top-pagebox div#whatsnew .whatsnewlist dt{
margin: 0px 0px 6px; font-size: 10px; font-weight: normal;
}
div#top-pagebox div#whatsnew .whatsnewlist dt span{
padding-top: 2px;
padding-right: 5px;
}
div#top-pagebox div#whatsnew .whatsnewlist dd{
border-bottom: 1px solid #ccc; margin:  0px 0px 1em; padding: 0px;
}
div#top-pagebox div#whatsnew .whatsnewlist h5{
background: url(../../img000/bullet/arrow_d_textlink.gif) no-repeat left -94px;
margin: 0px 0px 3px;
padding: 2px 0px 2px 17px;
color: #00089c;
font-size: 12px;
font-weight: normal;
text-align: left;
}
div#top-pagebox div#whatsnew .whatsnewlist h5 a{
margin: 0px; padding: 0px;
}
div#top-pagebox div#whatsnew .whatsnewlist p{
margin: 0px 0px 1em 17px; line-height: 1.6em;
}

/*
ソーシャル
#social
------------------------------*/
div#social {
	margin:0 auto 1em;
}
div#social div.fb-page {
	padding:10px 0 10px 50px;
}
div#social div.fb-page.fb_iframe_widget {
	margin:0 auto;
}

/*
銀河ファンの声
#voice
------------------------------*/
div#top-pagebox div#voice {
	width: 600px;
	margin-bottom: 6px;
}
div#top-pagebox div#voice h3.blockttl {
	margin-bottom: 15px;
}
div#top-pagebox div#voice div.box-s {
	width: 600px;
	margin: 0 0 20px 0;
}
div#top-pagebox div#voice div.s-left {
	width: 122px;
	padding: 10px 10px 5px;
	border-top: 4px solid #06069c;
	background: url(../../img/voice/bg.gif) 0 0 repeat-y;
	min-height: 195px;
	margin-right: 10px;
}
div#top-pagebox div#voice div.s-left.margin0 {
	margin:0;
}
div#top-pagebox div#voice div.captionbox p {
	margin: 0 0 10px 0;
	color: #663300;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.2;
}
div#top-pagebox div#voice div.photobox {
	text-align: center;
	margin: 0 0 10px 0;
}
div#top-pagebox div#voice div.textbox p {
	font-size: 10px;
	line-height: 1.4;
	margin: 0 0 10px 0;
}
div#top-pagebox div#voice div.morebox p {
	font-size: 10px;
	text-align: right;
	margin:0;
}

/*
おすすめのコンテンツ
#recommend
------------------------------*/
div#top-pagebox div#recommend{
width: 600px; margin-bottom: 6px;
}
div#top-pagebox div#recommend h3.blockttl{
margin-bottom: 15px;
}
div#top-pagebox div#recommend div.box-s{
width: 580px; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding: 0px 0px 10px;
}
div#top-pagebox div#recommend div.s-left{
width: 275px;
}
div#top-pagebox div#recommend div.s-right{
width: 275px;
}
div#top-pagebox div#recommend div.captionbox{
float: right; width: 180px; margin: 0px 0px 0px auto;
}
div#top-pagebox div#recommend div.photobox{
width: 86px; border: 1px solid #ccc; text-align: center;
}
div#top-pagebox div#recommend div.photobox img{
margin: 3px;
}
div#top-pagebox div#recommend dl{
padding-top: 3px;
}
div#top-pagebox div#recommend dd{
border-bottom: 0px none #fff; margin-bottom: 6px; padding: 0px;font-size: 10px; line-height: 1.4em;
}
div#top-pagebox div#recommend dd.bn{
text-align: right;
}