@charset "UTF-8";
/* base stylesheet */


/* ブラウザリセット ........................................... */

* {margin:0; padding:0;}
a {text-decoration: underline; border-style:none; color:#666;}
a img {border-width: 0;}


body {
	margin:0 auto; 
    padding:0;
    font-size:100%;
    font-family:"MS UI Gothic", Arial, sans-serif, impact, Courier, osaka, ;
    }

/* ...................................................................... */


/* 見出し・段落スタイル指定 ........................................... */

h1{
    margin:0 0 0 0; 
    font-size:100%;
    padding:0 0 0 0px 0;
    }

#center h1{ margin:30px 0 0 0;}

h2 {font-size:130%; line-height:120%; padding-top:20px; margin-top:0; padding-bottom:5px;}
h3 {font-size:90%; margin:5px 0 10px 0; }


p{
	font-size:85%;
	line-height:165%;
	margin:0 0 10px 0;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.copy_index{
	background-image:url(../img/common/purple_50.png);
	width:450px;
	text-align:center;
	color:white;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:100%;
	line-height:165%;
	margin:20px 0 10px -50px;
}

img{margin-right:2px;}

.menu_img{ display:block; margin-bottom:15px;}
.winemenu_img{ margin:0 0 15px 0px;}
.winelist_btn{ margin:-100px 0 10px 400px;}
.bbq_btn{ margin:-100px 0 10px -50px;}
.htea_btn{ margin:-120px 0 10px -100px;}
.winebottle{margin-left:5px;}




hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0; padding-bottom:5px}

.menu {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding-left:5px;
    padding-bottom:5px;
	font-size:100%;
    }

.main_text {
    margin-bottom:20px;
    padding-bottom:15px;
	font-size:85%;
    }
	
.big_text {
	font-size:140%;
    }	
	
.bold{ font-weight:bold; }
.serif{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
.serif_big{ font-size:150%;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.sign{ font-size:120%;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; margin-left:200px; margin-top:-30px;}
.link{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#FFF; font-size:95%;}
.red{ color:#C00; }


.hello{
	font-size:100%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: white;
	margin-bottom:20PX;
	padding-left:20px;
}

.hello_sign{
	font-size:120%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: white;
	margin-bottom:20PX;
	padding-left:230px;
}

.topics{
	margin:-50px 0 10px 0px;
	padding-left:0px;
}

.info{
	margin:-80px 0 5px 0;
	padding-left:0px;
}

/* 見出し・段落スタイル指定 ........................................... */


/* 背景自動リサイズ用 ........................................... */

#background{width:100%; height:auto; position: fixed; top: 0; left: 0; z-index:0;}
#background_b{width:100%; height:100%; position: fixed; top: 0; left: 0; z-index:0;}

#scroller {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	overflow:auto;
	z-index:2;
} 


/* ...................................................................... */



#wrapper{
	margin:0 auto;
	width:980px;
}

.bg_topcs{ 
	background-image:url(../img/topics/usa.png);
	background-repeat:no-repeat;
	background-position:250px 30px;
}

/* レフトナビ ........................................... */

#left {
	background-image:url(../img/navi/bg_navi.png);
	background-repeat:no-repeat;
    width:260px;
	height:350px;
    margin:70px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	float:left;
    }

#left li {list-style:none;}

#left-index {
    width:260px;
	height:300px;
    margin:50px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	float:left;
    }


/* ...................................................................... */



/* メインコンテンツBOX ........................................... */

#mainbox {
	display:none;
	margin:100px 0 0 30px;
    height:100%;
	width:690px;
    z-index:1;
	float:right;
	}


    
#mainin {
    width:650px;
    margin:0 0 0 50px;
    padding-top: 50px;
    }



#Col{
	width:650px;
	height:100%;
	clear:both;
	
}

#L_col{
	text-align:left;
	width:3150px;
	height:100%;
	margin:0 0 0 20px;
	float:left;
}

#C_col{
	width:650px;
	height:100%;
	margin:0 0 0 0;
}

#R_col{
	text-align:right;
	width:315px;
	height:100%;
	margin:0 20px 0 0;
	float:right;
}

#center{
	margin: 0 auto; 
	text-align: center;
}

/* ...................................................................... */


/* For WordPress ........................................... */


#mainbox_top_wp {
	display:none;
	margin:90px 0 0 30px;
    height:109px;
	width:690px;
    z-index:1;
	float:right;
	}

#mainbox_bto_wp {
	display:none;
	margin:-50px 0 0 30px;
    height:72px;
	width:690px;
    z-index:1;
	float:right;
	}


#mainbox_wp {
	display:none;
	margin:0px 0 0px 30px;
	padding-bottom:40px;
    height:100%;
	width:690px;
    z-index:1;
	float:right;
	}


#Col_wp{
	width:650px;
	height:100%;
	clear:both;
	
}

#L_col_wp{
	text-align:left;
	width:315px;
	height:100%;
	margin:0 0 0 30px;
	float:left;
}

#C_col_wp{
	width:650px;
	height:100%;
	margin:0 0 0 0;
}

#R_col_wp{
	text-align:right;
	width:315px;
	height:100%;
	margin:-60px 20px 0 0;
	float:right;
}

#center_wp{
	margin: 0 auto; 
	text-align: center;
}


#nav-global {
	width:100%;
	float: left;
	margin:0px 0px 30px 0px;
	font-size:100%;
	font-family:Georgia, "Times New Roman", Times, serif,'ＭＳ Ｐ明朝','MS PMincho';
}

#mainbox_wp a:hover{color:#690;text-decoration:none;}
#nav-global a{text-decoration:none; margin-right:50px;}

/* ...................................................................... */


/* フッター ........................................... */

#footer {
	background-position:bottom;
	background-repeat:repeat-x;
	padding:150px 0 0 0;
    height:30px;
	width:100%;
    z-index:1;
	clear:both;
	text-align:center;
	}
.f_green{background-image:url(../img/common/green_50.png); color:#960;}
.f_red{background-image:url(../img/common/red_50.png); color:#FFF;}
.f_red_2{background-image:url(../img/common/red_50.png); color:#333;}
.f_blue{background-image:url(../img/common/blue_50.png); color:#FFF;}
.f_brawn{background-image:url(../img/common/brawn_50.png); color:#FFF;}

#footer p {font-family:Georgia, "Times New Roman", Times, serif; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
/* ...................................................................... */


/* コピーライト ........................................... */

#copyright {
	background-position:bottom;
	background-repeat:repeat-x;
	padding:0px 0 0 0;
    height:40px;
	width:100%;
    z-index:1;
	clear:both;
	text-align:center;
	}
.cr_green{background-image:url(../img/common/green_50.png); color:#333;}
.cr_brawn{background-image:url(../img/common/brawn_50.png); color:#FFF;}
.cr_brawn_2{background-image:url(../img/common/brawn_50.png); color:#333;}
#copyright p {font-size:70%; font-family:Georgia, "Times New Roman", Times, serif; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.sskg{ margin:5px 0 0 0;}
/* ...................................................................... */

/* 絶対配置要素 ........................................... */

#pagetop {position:absolute;top:300px;right:30px; z-index:100;}
	


/* 調整用Class指定 ........................................... */



ul.index li {
	display: inline-block;
	margin:10px 10px 0px 0px;
	list-style:none;
}


/* ...................................................................... */

#notice {
	position: absolute;
	top:0px;
	left:0px;
}


img.mouse {
	    -webkit-transition: 0.5s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}

img.mouse:hover {
	   opacity: 0.7;  
    filter: alpha(opacity=70); 
}

img.shadow {
	 -webkit-box-shadow: 0 8px 6px -6px #000 ;
       -moz-box-shadow: 0 8px 6px -6px #000;
            box-shadow: 0 8px 6px -6px #000;
}