@charset "utf-8";
@import url("parts.css");
/* CSS Document */

html,body{margin:0;padding:0}
body{font: 12px "ＭＳ ゴシック", "Osaka－等幅" arial,sans-serif;text-align:center}
p{margin:10px 0; line-height:160%;}
a{color:#4E4E4E; text-decoration:none;}
a:visited{color:#4E4E4E;}
a:hover,a:active{ text-decoration:underline;}
img {border:0;}
li {list-style:none;}
table{font-size:12px;}
/**************************

1.レイアウトスタイル

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


/*ヘッダー*/
div#header{position:relative; width:800px;background: #FFFFE6 url(imgdir/head/adress.gif) no-repeat right;height:80px;min-height:80px;}
div#header h1 {position:absolute;top:5px;left:10px;margin:0;padding:0;}

div#header strong{font-weight:normal;position:absolute;left:100px;top:30px;}
div#header ul{margin:0;position:absolute;right:0;top:0px;font-size:10px;}
div#header li{padding-top:5px;float:left;margin:0 8px 0 0px;list-style:none;}
div#header li a {color:#4E4E4E;}
div#header li a:hover {text-decoration:underline;}


*html div#header li{padding-top:6px;}
*:first-child+html div#header li {padding-top:6px;}

/*メインナビゲーション*/
div#mainnavi {width:800px;}
div#mainnavi ul {margin:0;padding:0;}
div#mainnavi li {position:relative;height:34px;min-height:34px;float:left;}
div#mainnavi li a { display:block; }

div#mainnavi li#about {width:200px;}
div#mainnavi li#menu {width:200px;}
div#mainnavi li#shop {width:200px;}
div#mainnavi li#info {width:200px;}


div#mainnavi li#about span {position:absolute;background:url(imgdir/navi/bg02.gif) no-repeat 0 0; width:100%;height:100%;cursor:pointer; }
div#mainnavi li#about a:hover span {position:absolute;background:url(imgdir/navi/bg02.gif) no-repeat 0 -34px; width:100%;height:100%;cursor:pointer; }

div#mainnavi li#menu span {
	position:absolute;
	background:url(imgdir/navi/bg02.gif) no-repeat -200px 0;
	width:100%;
	height:100%;
	cursor:pointer;
}
div#mainnavi li#menu a:hover span {position:absolute;background:url(imgdir/navi/bg02.gif) no-repeat -200px -34px; width:100%;height:100%;cursor:pointer; }

div#mainnavi li#shop span {position:absolute;background:url(imgdir/navi/bg02.gif) no-repeat -400px 0; width:100%;height:100%;cursor:pointer; }
div#mainnavi li#shop a:hover span {position:absolute;background:url(imgdir/navi/bg02.gif) no-repeat -400px -34px; width:100%;height:100%;cursor:pointer; }

div#mainnavi li#info span {position:absolute;background:url(imgdir/navi/bg02.gif) no-repeat -600px 0; width:100%;height:100%;cursor:pointer; }
div#mainnavi li#info a:hover span {position:absolute;background:url(imgdir/navi/bg02.gif) no-repeat -600px -34px; width:100%;height:100%;cursor:pointer; }

div#mainnavi li#about span#on {background-position:0 -34px;}
div#mainnavi li#menu span#on {background-position:0 -34px;}
div#mainnavi li#shop span#on {background-position:0 -34px;}
div#mainnavi li#info span#on {background-position:0 -34px;}

div#mainnavi li a:hover, div#mainnavi li a:active { text-decoration:none;}

div#mainnavi li#about a {width:200px;background:url(imgdir/navi/bg.gif) no-repeat 0 0; height:34px; }
div#mainnavi li#menu a {width:200px;background:url(imgdir/navi/bg.gif) no-repeat -200px 0;  height:34px;}
div#mainnavi li#shop a {width:200px;background:url(imgdir/navi/bg.gif) no-repeat -400px 0;  height:34px;}
div#mainnavi li#info a {width:200px;background:url(imgdir/navi/bg.gif) no-repeat -600px 0; height:34px; }


/*全体の枠*/  
div#container{background:#F9F7E9;text-align:left;border-left:8px solid #CCCCCC;border-right:8px solid #CCCCCC;border-bottom:1px solid #4E4E4E;}

/*コンテンツ部分の余白、行間*/
div#content p{line-height:1.4}
div.child_content{margin:0 10px 20px 10px;}
div.grandc_content{margin:0 10px}

/*メニューリスト*/
.child_content .menu { border:solid 1px #531215}
.child_content .menu h3 { font-size:1.1em; margin:0px; padding:0; color:#593A00;}


/*第2階層イメージタイトル*/
h2#mainimage{margin:0 0 5px 1px;border-bottom:3px solid #1A83B6;}

/*左メニュー*/
div#navigation dl{margin:0 0 8px;}
div#navigation dt{text-indent:10px; font-weight:bold;line-height:25px;background:#ccc;}
div#navigation dd{text-indent:10px;line-height:23px;margin:0;color:#000;}
div#navigation dd a{display:block;width:100%;color:#000;text-decoration:none;}
div#navigation dd a:hover{background:#e3e3e3;color:#000;font-weight:bold;text-decoration:none;}
div#navigation dd a:hover{color:#666;text-decoration:none;}

/*パンくずリスト*/
div#pankuzu {border-bottom:3px solid #6B1C21;padding:0 5px; line-height:200%; width:790px;}
*html div#pankuzu {border-bottom:3px solid #D5130A;padding:0 5px; line-height:200%; width:800px;}

/*下部リンク*/
div#underlink{padding:10px ;text-align:left;color:#4E4E4E; font-size:10px;}
div#underlink a{color:#4E4E4E;}
div#underlink a:hover{text-decoration:underline;}


/*フッター*/
div#footer{ background:url(imgdir/common/footer02.jpg) repeat-x top left;color: #FFF;}
div#copy{text-align:right; margin-right:5px;}




/*ボックスレイアウト*/
div#container{width:800px;margin:0 auto;padding:0;}
div#wrapper{float:left;width:800px;padding:0;}
div#content{margin:0 0 0 160px;width:620px;background:#fff;}
div#navigation{float:left;width:160px;margin-left:-780px;text-align:left;}
div#extra{float:left;margin-left:-780px;margin-top:350px;width:160px;text-align:left;}
div#underlink{clear:both;width:800px;}
div#footer{clear:both;width:800px; height:18px; padding:5px 0px;}

/*トップページレイアウト用*/
div#greeting{float:left;width:800px;padding:5px 0;margin:0;height:300px;}
div#contentbanner{float:right;background:#F9F7E9;width:160px;text-align:center;}
div#photo{float:left;text-align:left;width:800px;}
div#indexcontent{margin:0 ;width:568px; float:left; margin-left:7px; padding-bottom:10px;}
* html div#indexcontent{margin:0 ;width:567px; float:left; margin-left:4px; }
div#indexextra{float:right;width:223px;}
div#indexextra p {line-height:140%;}


br.clear{clear:both;}