@charset "utf-8";
/* CSS Document */

.sp {
	display: none;
}

.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix {
    min-height: 1px;
}
 
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}
 

body {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFF;		
}


/*
#oxford_contents_wrap {
	width: 1200px;
	margin: 0 auto 40px auto;
	padding: 0;
	background: url(../img/bg.jpg) left top repeat-y;	
}
*/

#oxford_contents {
	width: 958px;
	margin: 20px auto 40px auto;
	padding: 0;
	border-left: #f3f3e9 1px solid;
	border-right: #f3f3e9 1px solid;	
}

li {
	list-style: none;
}

h1,h2,h3,p {
	margin: 0;
	padding: 0;
	border: 0;
}


#main {
	width: 960px;
	margin: 0 auto 30px auto;
}

	p#main_visual img {
		width: 960px;
		height: 325px;
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: bottom;
	}
	
    h1#top_lead {
		text-indent: -9999px;
		width: 680px;
		height: 120px;
		margin: 40px 0 20px 40px;
		background: url(../img/h1.jpg) left top no-repeat;		
	}

	p#information {
		margin: 0 0 20px 50px;
		font-size: 15.5px;
		color: #444;
		letter-spacing: 0.3px;
		line-height: 170%;
		font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	}

	p#sub_visual img {
		width: 960px;
		height: 360px;
		margin: 30px 0 0 0;
		padding: 0;
		border: 0;
		vertical-align: bottom;
	}



#wines {
	width: 960px;
	margin: 50px auto 0 auto;	
}

	#wines h2 {
		text-indent: -9999px;		
	}
	
	#wines ul {
		width: 840px;
		margin: 0 60px;
		padding: 0;
	}	
	
	#wines ul li {
		width: 840px;
		height: 320px;
		margin: 0 0 30px 0;
	}
	
	p.photo {
		width: 200px;
		float: left;
	}

		p.photo img {
			width: 200px;
			height: 320px;
			margin: 0;
			padding: 0;
			border: 0;
			vertical-align: bottom;
			float: left;
		}


	div.explain {
		width: 600px;
		height: 320px;
		padding: 0;
		float: right;
/*		font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif; */
		font-family:"游ゴシック","Yu Gothic","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Osaka,"MS PGothic",arial,helvetica,sans-serif;	
		color: #222;
	}

		h3.name1 {
			font-size: 20px;			
			font-weight: bold;
			margin-bottom: 10px;
			letter-spacing: -0.3px;
			word-spacing: 4px;
		    font-family:  "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
			-webkit-font-smoothing: antialiased;
		}

 		p.name2 {
			font-size: 18px;			
			font-weight: bold;
			padding-bottom: 20px;
			background: url(../img/ul.jpg) left bottom no-repeat;
			margin-bottom: 25px;
			letter-spacing: 0.3px;
			word-spacing: 4px;
			-webkit-font-smoothing: antialiased;			
		}
		
		p.sort {
			font-size: 14px;
			font-weight: normal;
			margin-bottom: 20px;
			color: #111;
			line-height: 150%;
			letter-spacing: 0.3px;			
		}
		
		p.comment1 {
			font-size: 14px;
			font-weight: normal;
			margin-bottom: 20px;
			color: #444;
			line-height: 150%;
			letter-spacing: 0.3px;
		}

		p.comment2 {
			font-size: 14px;
			font-weight: normal;
			color: #777711;
			line-height: 150%;
			letter-spacing: 0.3px;			
		}


#movie {
	width: 960px;
	height: 440px;
	margin: 0;
	padding: 0;
	background: url(../img/movie.jpg) left top no-repeat;
	font-size: 0px;
	position: relative;
}

	#part3 h2.away {
		text-indent:-9999px;
	}


	p#movie_win {
		width: 380px;
		height: 250px;
		position: absolute;
		top: 50px;
		left: 530px;
		margin: 0;
		padding: 0;
		border: 0;
	}
	
	p#movie_win a {
		display: block;
		width: 380px;
		height: 250px;	
		text-indent:-9999px;			
		background: url(../img/movie.png) left top no-repeat;
	}
		
	p#movie_win a:hover  {
		background: url(../img/movie.png) left -250px no-repeat;
		cursor: pointer;
	}