/*　【ビワマス】滋賀県北近江プレミアム　*/

@charset "utf-8";

/*--------------------------------------------------------------------
Base
--------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html,body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	height: 100%;
	background-color: #000000;
	color: #333333;
	font-size: 75%;
	font-weight: normal;
	line-height: 1.5;
	font-family: "qMmpS Pro W3","Hiragino Kaku Gothic Pro","CI",Meiryo,"lr oSVbN","MS PGothic",sans-serif;
	margin: 0;
	padding: 0;
}

* html body {/*IE6*/
	font-family: "lr oSVbN","MS PGothic",sans-serif;
}

*:first-child + html body {/*IE7*/
	font-family: "lr oSVbN","MS PGothic",sans-serif;
}

img {
	border: none;
}

html {
	height: 100%;
	overflow-y: scroll;
}

ul,li {  
    margin:0;  
    padding:0;  
    list-style: none;  
}

a {
	color:#FFF;
	text-decoration: none;
}

/*--------------------------------------------------------------------
HTML5
--------------------------------------------------------------------*/

article,aside,details,footer,header,hgroup,menu,nav,section,summary {
	display: block;
}

/*--------------------------------------------------------------------
Screen（画面）
--------------------------------------------------------------------*/

#screen {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
}

/*--------------------------------------------------------------------
Wrapper（画面中央寄せ）
--------------------------------------------------------------------*/

#wrapper {
    width: 900px;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 100px;/*フッター下部固定用*/
}

/*--------------------------------------------------------------------
Indexページ（Slideページ）
--------------------------------------------------------------------*/

#top_wrap {
	width: 100%;
	min-height:744px;
	text-align: center;
	background-color:#000000;
    overflow: hidden; /*floatの解除ポイント*/
	position: relative; /*DWで正常にプレビューできるようになります。*/
	zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
}

#top_left {
	width:450px;
	height:744px;
    float:left;
}

#top_right {
	width:450px;
	height:744px;
	text-align:left;
    float:right;
	background-image:url(../img/title.jpg);
}

.menu {
	width:450px;
	padding-top:260px;
	text-align:left;
}

.shop_bana {
	width:450px;
	padding-top:220px;
	text-align:center;
}



/*--------------------------------------------------------------------
Wrap-top（header部分）
--------------------------------------------------------------------*/

#wrap-top {
	width: 100%;
	min-height:160px;
	text-align: center;
	background-color:#000000;
    overflow: hidden; /*floatの解除ポイント*/
	position: relative; /*DWで正常にプレビューできるようになります。*/
	zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
}

.logo {
	width:900px;
	height:100px;
	background-image:url(../img/logo.jpg);
}

.infomation {
	max-height:100px;
	padding:10px 10px 0 0;
	text-align:right;
	color:#FFF;
}

.infomation h1 {
	font-size:x-large;
}

.navi   {  
    width: 900px;
	height:60px;
	padding-bottom:0px;
}

.navi li	{
	float: left;
}


/*--------------------------------------------------------------------
Wrap-main（メインコンテンツ部分）
--------------------------------------------------------------------*/

#wrap-main {
	width:100%;
}

#wrap-main img {
	padding-bottom:10px;
}

/*商品ご紹介ページ*/
#towa-wrap {
	width: 100%;
	text-align: center;
	background-color:#000000;
    overflow: hidden; /*floatの解除ポイント*/
	position: relative; /*DWで正常にプレビューできるようになります。*/
	zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
}

#towa-left {
	width: 240px;/*バナー部分*/
	float:left;
	text-align:left;
	background-color:#000000;
}

#towa-right {
	width: 660px;/*説明欄*/
	text-align: left;
	color:#FFF;
	float:right;
}

.towa-textbox {
	width:640px;
	text-align:left;
	padding: 0 0 0 20px;
	color:#FFF;
}

.towa-r {
	width:660px;
	text-align:right;
	color:#FFF;
}


/*商品ご紹介ページ*/
#item-wrap {
	width: 100%;
	text-align: center;
	background-color:#000000;
    overflow: hidden; /*floatの解除ポイント*/
	position: relative; /*DWで正常にプレビューできるようになります。*/
	zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
}

#item-left {
	width: 240px;/*バナー部分*/
	float:left;
	text-align:left;
	background-color:#000000;
}

#item-right {
	width: 660px;/*各商品一覧*/
	text-align: left;
	float:right;
}

.item-box {
	width: 660px;
	padding-bottom: 50px;
    overflow: hidden; /*floatの解除ポイント*/
	position: relative; /*DWで正常にプレビューできるようになります。*/
	zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
}

.item-imgbox {
	width:280px;
	height:157px;
	float:left;
}

.item-textbox {
	width: 370px;
	max-height: 157px;
	padding: 5 10 0 0;
	color:#FFF;
	background-color:#000000;
	float:right;
}

/*材料ページ*/
#zai-wrap {
	width: 100%;
	text-align: center;
	background-color:#000000;
    overflow: hidden; /*floatの解除ポイント*/
	position: relative; /*DWで正常にプレビューできるようになります。*/
	zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
}

#zai-left {
	width: 240px;/*バナー部分*/
	float:left;
	text-align:left;
	background-color:#000000;
}

#zai-right {
	width: 660px;/*各商品一覧*/
	text-align: left;
	float:right;
}

.zai-box {
	width: 660px;
	padding-bottom: 50px;
    overflow: hidden; /*floatの解除ポイント*/
	position: relative; /*DWで正常にプレビューできるようになります。*/
	zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
}

.zai-imgbox {
	width:135px;
	height:115px;
	float:left;
}

.zai-textbox {
	width: 515px;
	max-height: 115px;
	padding: 5 10 0 0;
	color:#FFF;
	background-color:#000000;
	float:right;
}

.zai-r {
	width:660px;
	text-align:right;
	color:#FFF;
}

/*プライバシーポリシーと利用規約ページ*/
#text-wrap {
	width:800px;
    margin: 0 auto;
}

#text-wrap p{
	color:#FFF;
	padding-bottom:50px;
}

#text-wrap h1{
	font-size:x-large;
}


/*テーブルdiv*/
div.table {
    width:800x;
}
div.tr {
    overflow: hidden; /*floatの解除ポイント*/
	position: relative; /*DWで正常にプレビューできるようになります。*/
	zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
}
div.tdleft {
	width:150px;
    float:left;
	color:#FFF;
    text-align:left;
}

div.tdright {
	width:650px;
	height:30px;
    float:left;
	color:#FFF;
    text-align:left;
}

/*お問い合わせ*/

#info_wrap {
	width:100%;
}

#info_text {
	width:800px;
	color:#FFF;
    margin: 0 auto;
}


/*--------------------------------------------------------------------
Wrap-btm（Footer部分）
--------------------------------------------------------------------*/

#wrap-btm {
	width: 900px;
	height: 60px;
	text-align: center;
    position: absolute;/*横幅指定しないと溢れます*/
    bottom: 0;
	color:#FFF;
}

footer {
	height: 60px;
	background-color:#000000;
	text-align: left;
	margin: 0 auto;
	text-align:center;
	padding-top:0px;
}

footer .copyright {
	padding: 0px;
}