@charset "utf-8";

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

Name: top.css

Description: Initial Setting

Create: 2009.06.03
Update: 8888.88.88

Copyright 2009 KAWAKAMIYA. 

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



/* content===========================================

[01] ヘッダ（サイトアイデンティティ）
[02] グローバルナビゲーション
[03] コンテンツエリア
[04] モジュール
[05] フッタ
[-] 共通クラス

===================================================== */



/* [01] ヘッダ（サイトアイデンティティ）
=========================================================================================== */

div#TopHeader{
	width:100%;
	background:#ffffff url(../images/bg01.gif)  repeat-x 0 0;
}

div#TopHeader div.Identity{
	width:1000px;
	height:458px;
	padding:0;
	margin:0 auto;
	text-align:left;
	clear: both;
}

div#TopHeader div.Logo {
	width:160px;
	height:450px;
	padding:0;
	margin:0;
	float:left;
}

div#TopHeader div.GlobalNavi {
	width:840px;
	height:450px;
	padding:0;
	margin:0;
	float: right;
}

div#TopHeader div.MainFlash {
	width:840px;
	height:350px;
	margin:0;
	background:#402f25;
	border-bottom: 1px solid #ffffff;
	clear: both;
}

div#TopHeader div.MainFlash h4.W_text {
	color:#ffffff;
}

div.MainFlash div.MainBlock {
	padding:120px 0 0 120px;
	margin:0;
}






/* [02] グローバルナビゲーション
=========================================================================================== */


ul#TopCourtesyNavi {
	padding:0;
	margin:0;
	height:33px;
	float:right;
	clear: both;
}

ul#TopCourtesyNavi li {
	display: inline;
	padding: 0 15px 0 0;
	margin:0;
}

ul#TopCourtesyNavi li.last {
	display: inline;
	margin:0;
	padding:0;
}


ul#TopHorizontalNavi {
	padding:0;
	margin:0;
	height:66px;
	clear: both;
	background:#000000 url(../images/navi_bg1.gif)  repeat-x 0 0;
}

ul#TopHorizontalNavi li {
	display:inline;
	padding: 0 0 0 2px;
	margin:0;
}

ul#TopHorizontalNavi li.Ols {
	display:inline;
	padding: 0 0 0 6px;
	margin:0;
}






/* [03] コンテンツエリア（グリッド）
=========================================================================================== */

div#Contents {
	width:100%;
	padding:0;
	margin:0;
	clear: both;
}


div#Contents div.Grid1 {
	width:1000px;
	padding:20px 0 40px 0;
	margin:0 auto;
	text-align:left;
	clear: both;
}


div#Contents div.Grid1 div.Left1 {
	width:745px;
	padding:0;
	margin:0;
	float:left;
}


div#Contents div.Grid1 div.Right1 {
	width:215px;
	padding:0;
	margin:0;
	float: right;
}



div#TopMainContents {
	width:745px;
	padding:0;
	margin:0;
}



/* [04] モジュール
=========================================================================================== */

h1{padding:0;margin:0;font-weight:normal;font-style:normal;}
h2{padding:0;margin:0;font-weight:normal;font-style:normal;}
h3{padding:0;margin:0;font-weight:normal;font-style:normal;}
h4{padding:0;margin:0;font-weight:normal;font-style:normal;}


/* --------- [お知らせ] --------- */

div.TopNews  {
	width:745px;
	padding:0;
	margin:0;
	clear: both;
}


div.TopNews div.Title  {
	width:175px;
	padding:0;
	margin:0;
	float:left;
}

div.TopNews div.Info {
	width:570px;
	padding:0;
	margin:0;
	text-align:left;
	float:right;
}

div.TopNews p.More {
	padding:5px 0 20px 0;
	margin:0;
}


/* --- 日付付リスト--- */

dl#DateListStyle1 { margin:0.3em 0 0 0; }
dl#DateListStyle1 dt {
	margin:0 0 0.8em 0;
	font-size:100%; color:#996633;
}
dl#DateListStyle1 dd { 
	margin:-1.8em 0 0.8em 6.8em;
	font-size:100%;}


/* --------- [取り扱い商品] --------- */

div.TopLineup  {
	width:745px;
	padding:5px 0 0 0;
	margin:0;
	border-top: 1px solid #ded1c6;
	clear: both;
}


div.TopLineup div.Title  {
	width:175px;
	padding:0;
	margin:0;
	float: left;
}

div.TopLineup div.Info {
	width:570px;
	padding:0;
	margin:0;
	float:right;
}



/* --- 商品リスト--- */

ul#LineupList{
	width:570px;
	padding:0px;
	margin:0px;
	clear: both;
}

ul#LineupList li{
	width:105px;
	height:22px;
	background:#ffffff url(../images/lili_bg.gif)  no-repeat 0 0;
	padding:10px 15px 0 20px;
	margin:0 0 2px 2px;
	float:left;
}

ul#LineupList li.PlusRub{
	width:105px;
	height:23px;
	background:#ffffff url(../images/lili_bg.gif)  no-repeat 0 0;
	padding:8px 15px 8px 20px;
	margin:0 0 2px 2px;
	float:left;
}

div.TopLineup li a  { font-style: normal; }
div.TopLineup li a:link{ color: #663300;text-decoration:none; } 
div.TopLineup li a:visited{ color: #663300;text-decoration:none; }
div.TopLineup li a:hover{ color: #cc6600;text-decoration: underline; }
div.TopLineup li a:active{ color: #cc6600;text-decoration: underline; }


/* --------- [トピックス] --------- */

div.TopTopics  {
	width:215px;
	padding:0 0 20px 15px;
	margin:0;
	border-left:1px solid #cccccc;
	clear: both;
}

div.TopTopics p.Title  {
	width:195px;
	padding:0 0 10px 0;
	margin:0;
}


ul#TopicsInfo{
	width:195px;
	padding:0px;
	margin:0px;
}
ul#TopicsInfo p{
	margin:0;
	padding:0;
}

ul#TopicsInfo li{
	padding:0 0 10px 0;
	margin:0px;
	font-size:100%;	line-height:120%;
	text-align:left;
}

ul#TopicsInfo li.Banner{
	padding:0 0 15px 0;
	margin:0px;
	text-align:center;
}




/* [05] フッタ
=========================================================================================== */

div#Footer{
	width:100%;
	padding:0;
	margin:0;
}


div#Footer div.AreaBg{
	width:1000px;
	height:90px;
	padding:0;
	margin:0 auto;
	text-align:left;
	clear: both;
	background:#ffffff url(../images/foot_bg.jpg)  no-repeat 0 0;
}


div#Footer div.PageTop {
	width:960px;
	padding:0;
	margin:0 auto;
	text-align:right;
}


div#Footer div.Logo{
	padding:14px 0 0 0;
	margin:0;
	float:left;
}

div#Footer div.Address{
	padding:24px 0 0 0;
	margin:0;
	float:left;
}


div#Footer div.Copy {
	width:100%;
	background:#666666;
}


div#Footer p.CopyText {
	width:1000px;
	padding:10px 0 12px 0;
	margin:0 auto;
	font-size:100%; color:#ffffff;
	text-align:left;
}











/* [-] 共通クラス
=========================================================================================== */

div#Header:after,
div#MainContents:after,
div#Footer:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
div#Header,
div#MainContents,
div#Footer { display: inline-block; }

/* Hides from IE 4-6 \*/
* html div#Header,
* html div#MainContents,
* html div#Footer { height: 1%; }

div#Header,
div#MainContents,
div#Footer { display: block; }