﻿@charset "utf-8";
/* CSS Document */

/*==============================================================================
 * デフォルトスタイルリセット
 *----------------------------------------------------------------------------*/
 
@import "reset.css";

/*==============================================================================
 * DEFAULT
 *----------------------------------------------------------------------------*/

body {
	background:url(../images/common/content/bg_top.gif) repeat-x #fff;
}


/*---- クリア ----*/

.clear {clear:both;}  
.clear hr {display:none;}

.clearfix{
	zoom:1;
}
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

/*---- 基本のフォント ----*/

.large{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:14px;
	line-height:150%;
	color:#505050;
}

.normal{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:13px;
	line-height:180%;
	color:#505050;
}

.small{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:11px;
	line-height:130%;
	color:#505050;
}

.ssmall{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:10px;
	line-height:110%;
	color:#505050;
}

.gray{
	color:#999;
}

.red{
	color:#740804;
}

.bold{
	font-weight:bold;
}

/*----　リンク:デフォルト ----*/

a:link{color:#761665;text-decoration:none}
a:visited{color:#999;text-decoration:none}
a:hover{color:#761665;text-decoration:underline}
a:active{color:#b055a0;text-decoration:underline}


/*---- 仕切り罫 ----*/

p.dotLine{/*点線*/
	height:7px;
	background:url(/contents/img/common/dot_line.gif) repeat-x;
	font-size:1px;
}

p.null1px{height:1px;display:block;font-size:1px;}
p.null4px{height:4px;display:block;font-size:1px;}
p.null5px{height:5px;display:block;font-size:1px;}
p.null10px{height:10px;display:block;font-size:1px;}
p.null15px{height:15px;display:block;font-size:1px;}
p.null20px{height:20px;display:block;font-size:1px;}
p.null25px{height:25px;display:block;font-size:1px;}
p.null30px{height:30px;display:block;font-size:1px;}
p.null60px{height:60px;display:block;font-size:1px;}

/*==============================================================================
 * HEADER
 *----------------------------------------------------------------------------*/
 
#headerArea{
 	width:960px;
	height:51px;
	margin:0 auto;
}

#headerAdd{
	width:495px;
	height:51px;
	display:block;
	background:url(../images/common/header/address.gif) right no-repeat;
	text-indent:-9999px;
	float:right;
}

/*---- グローバルナビ ----*/
#globalNav{
	width:415px;
	height:22px;
	margin:29px 0 0 0;
	float:left;
}
	
#globalNav a.selected{
	background-position:0px -22px;/*選択されたメニュー*/
}

#globalNav ul{list-style:none;}
#globalNav ul li{list-style::none; float:left;}
#globalNav ul a{
	display:block;
	height:22px;
	text-indent:-9999px;
	overflow:hidden;
}
a:hover.navHome,
a:hover.navAbout,
a:hover.navMenu,
a:hover.navWine,
a:hover.navEvent,
a:hover.navAccess,
a:hover.navBlog{
	background-position:0px -22px;
}

a.navHome{width:62px; background-image:url(../images/common/header/hd_home.gif);}
a.navAbout{width:62px; background-image:url(../images/common/header/hd_about.gif);}
a.navMenu{width:59px; background-image:url(../images/common/header/hd_menu.gif);}
a.navWine{width:56px; background-image:url(../images/common/header/hd_wine.gif);}
a.navEvent{width:59px; background-image:url(../images/common/header/hd_event.gif);}
a.navAccess{width:66px; background-image:url(../images/common/header/hd_access.gif);}
a.navBlog{width:51px; background-image:url(../images/common/header/hd_blog.gif);}

/*---- メインのイメージ ----*/

#mainArea{
	width:960px;
	height:143px;
	margin:0 auto;
	background:#740804 url(../images/common/header/mainimg_bg.gif) top left no-repeat;
}

#mainArea h1{
	width:334px;
	height:67px;
	margin:54px 0 22px 11px;
	display:block;
	float:left;
}

#mainArea ul{
	width:557px;
	height:70px;
	margin:36px 0 0 auto;
	padding:0;
	float:right;
}
#mainArea ul li{
	width:70px;
	height:70px;
	margin-left:12px;
	float:left;
}

/*==============================================================================
 * CONTENTS
 *----------------------------------------------------------------------------*/
#contentArea{
 	width:960px;
	margin:0 auto;
	padding-top:10px;
	background:url(../images/common/content/content_bg.gif) top left no-repeat;
}

#contentAreaTop{
 	width:960px;
	margin:0 auto;
	padding-top:10px;
	background:url(../images/common/content/contenttop_bg.gif) top left no-repeat;
}

#left{
	width:415px;
	float:left;
}

#right{
	width:515px;
	float:left;
	margin-left:30px;
	margin-top:60px;
}

/*---- What'sNew ----*/

div.news{
	width:415px;
	margin-top:25px;
}

dl.list-news{
	width:415px;
	line-height:1.5em;
}

dl.list-news dt{
	width:5.5em;
	float:left;
	text-indent:0.2em;
	color:#999;
}

dl.list-news dd {
	padding-left:5.5em;
}

/*---- 各タイトル ----*/
.mainTitle{
	width:415px;
}

/*---- 告知用セット ----*/
#infoBox{
	width:505px;
	border-top:double #bfb7af;
	border-bottom:double #bfb7af;
	padding:5px;
	background:url(../images/common/content/tit_bg_warmgray.gif) repeat-x;
}

#infoBox h3{
	font-size:13px;
	margin:7px 0 20px 10px;
}

#infoBox img{
	width:100px;
	height:100px;
	border:solid 1px #bfb7af;
	margin:5px 5px 5px 0;
	float:left;
}

#infoBox p{
	width:390px;
	float:right;
}


/*==============================================================================
 * FOOTER
 *----------------------------------------------------------------------------*/
 
#footerArea{
	width:960px;
	height:50px;
	margin:0 auto;
	border-top:1px solid #000;
	clear:both;
}

#footerArea p{
	margin-top:10px;
	font-family:Verdana;
	font-size:10px;
	color:#948b82;
}

#pageTop{
	width:515px;
	font-family:Verdana;
	font-size:10px;
	text-align:right;
	margin-top:20px;
}

/*==============================================================================
 * 第二階層
 *----------------------------------------------------------------------------*/

#right h2{
	font-weight:bold;
	font-size:13px;
	color:#740804;
	margin:30px 0 15px 0;
	padding:5px 0;
	display:block;
	border-top:solid #ebeadf 1px;
	background:url(../images/common/content/h2_point.gif) left top no-repeat;
	text-indent:10px;
}

#right img.boxLeft{/*各ブロックの写真*/
	float:left;
	margin-right:10px;
	border:solid 1px #bfb7af;
}

#right table.spec td{
	border-top:solid #867870 1px;
	padding:4px 0;
	text-align:left;
}

#left div.mainAbout{
	width:415px;
	height:600px;
	background:#ebeadf url(../images/common/content/mainimg_about.jpg) no-repeat;
}
#left div.mainMenu{
	width:415px;
	height:600px;
	background:#ebeadf url(../images/common/content/mainimg_menu.jpg) no-repeat;
}
#left div.mainWine{
	width:415px;
	height:600px;
	background:#ebeadf url(../images/common/content/mainimg_wine.jpg) no-repeat;
}
#left div.mainEvent{
	width:415px;
	height:600px;
	background:#ebeadf url(../images/common/content/mainimg_event.jpg) no-repeat;
}

dl.list-menu{
	width:515px;
	line-height:2em;
}

dl.list-menu dt{
	width:30em;
	float:left;
	text-indent:0.2em;
	border-top:dotted #d2d0bc 1px;
}

dl.list-menu dd {
	padding-left:30em;
	color:#999;
	text-align:right;
	border-top:dotted #d2d0bc 1px;
}

/*---- iFrame ----*/
div.boxIframe{width:415px; height:150px; margin:15px 0; border:#740804 1px dotted;}