*{
	color: #5B4A3F;
	padding:0;
	list-style:none;
	text-decoration:none;
}

body {
	font-family: font-family: "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Verdana, "ＭＳ Ｐゴシック", "MS PGothic", IPAPGothic, sans-serif !important;
	color: #5B4A3F;
	background:url(img/background.gif) repeat;
	font-size:92%;	
}

a:link,
a:visited {
	text-decoration: none;
	color: #0489b7;
}

a:hover,
a:active {
	text-decoration: underline;
	color: #0489b7;
}

/* ------------------------------
		基本構造
------------------------------ */

#splash{
	margin:0;	
	font:0px Helvetica, Arial, sans-serif;
}

.border-splash{	
	clear:both;
	font:0px Arial, Helvetica, sans-serif;
	height:4px;
	background:url(img/bg_body_slash.jpg) no-repeat;
}

#topbody{
	width:920px;
	height:159px;
	margin:0 auto;
	background:url(img/bg_menu.jpg) repeat-y;
	text-align:left;
}


#body{
	width:920px;
	margin:0 auto;	
	background:url(img/bg_body.jpg) repeat-y;
}

#general{
	margin:0 auto 20px;
	padding:20px 0 0;
	width: 910px;
	position: relative;
}

#top{
	width:920px;
	margin:0px auto;
	background:url(img/bg_menu_lf.jpg) no-repeat 0 35px;	
	height:42px;		
}

#clear-body{
	height:30px;
}


#bottom-body{
	position:relative;
	height:50px;
	width:920px;
	margin:0 auto;
	background:url(img/bg_body_bottom.jpg) no-repeat;
}

/* ------------------------------
		メニュー
------------------------------ */
#menu{
	width:838px;
	height:43px;
	float:right;
	position:relative;
}

#menu li{
	height: 43px;	
	position:absolute;	
	display:block;	
	background: url(img/menu.jpg) 0px -83px no-repeat;	
}

#menu a{
	height:41px;
	display: block;	
}

#menu #coco_on{
	width: 126px;
	left: 0px;
	top:0;
	background-position:0px 2px;
}

#menu #coco{
	width: 126px;
	left: 0px;
	top:0;
	background-position:0px -85px;
}

#menu #coco a:hover{background: url(img/menu.jpg) 0px -41px no-repeat scroll;}

#menu #shop_on{
	width: 164px;
	left: 126px;
	top:0;
	background-position:-126px 2px;
}

#menu #shop{
	width: 164px;
	left: 126px;
	top:0;
	background-position:-126px -85px;
}

#menu #shop a:hover{background: url(img/menu.jpg) -126px -41px no-repeat scroll;}

#menu #access_on{
	width: 88px;
	left: 214px;
	top:0;
	background-position:-214px 2px;
}

#menu #access{
	width: 88px;
	left: 214px;
	top:0;
	background-position:-214px -85px;
}

#menu #access a:hover{background: url(img/menu.jpg) -214px -41px no-repeat scroll;}

#menu #menu_on{
	width: 88px;
	left: 302px;
	top:0;
	background-position:-302px 2px;
}

#menu #menu{
	width: 88px;
	left: 302px;
	top:0;
	background-position:-302px -85px;
}

#menu #menu a:hover{background: url(img/menu.jpg) -302px -41px no-repeat scroll;}

#menu #wine_on{
	width: 88px;
	left: 390px;
	top:0;
	background-position:-390px 2px;
}

#menu #wine{
	width: 88px;
	left: 390px;
	top:0;
	background-position:-390px -85px;
}

#menu #wine a:hover{background: url(img/menu.jpg) -390px -41px no-repeat scroll;}

#menu #mail_on{
	width: 88px;
	left: 478px;
	top:0;
	background-position:-478px 2px;
}

#menu #mail{
	width: 88px;
	left: 478px;
	top:0;
	background-position:-478px -85px;
}

#menu #mail a:hover{background: url(img/menu.jpg) -478px -41px no-repeat scroll;}

#menu #blog_on{
	width: 88px;
	left: 566px;
	top:0;
	background-position: -566px 2px;	
}

#menu #blog{
	width: 88px;
	left: 566px;
	top:0;
	background-position: -566px -85px;	
}

#menu #blog a:hover{background: url(img/menu.jpg) -566px -41px no-repeat scroll;}

#menu #link_on{
	width: 88px;
	left: 654px;
	top:0;
	background-position:-654px 2px;
}

#menu #link{
	width: 88px;
	left: 654px;
	top:0;
	background-position:-654px -85px;
}

#menu #link a:hover{background: url(img/menu.jpg) -654px -41px no-repeat scroll;}

#menu #home_on{
	width: 88px;
	left: 742px;
	top:0;
	background-position:-742px 2px;
}

#menu #home{
	width: 88px;
	left: 742px;
	top:0;
	background-position:-742px -85px;
}

#menu #home a:hover{background: url(img/menu.jpg) -742px -41px no-repeat scroll;}

/* ------------------------------
		ワイン
------------------------------ */

#winecontent_hed{
	width:820px;
	height:146px;
	margin:10px 50px 0 50px;
	background:url(img/wine_r1_c1.jpg) repeat-y;
	text-align:left;
}

#winecontent{
	width:800px;
	height:100%;
	padding:0 20px 0 20px;
	margin:0 30px 0 50px;
	background:url(img/wine_r2_c1.jpg) repeat-y;
}

#winecontent_foot{
	width:820px;
	height:95px;
	margin:0 50px 10px 50px;
	background:url(img/wine_r3_c1.jpg) repeat-y;
	text-align:left;
	clear:left;
}

/* ------------------------------
		ワインリスト
------------------------------ */
.wine_title{
	color:#CC3300;
	font-size:95%;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.wine_title2{
	color:#CC3300;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-family: georgia, serif;
}
.wine_price{
	color:#CC3300;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: right;
	float: right;
	margin-top: -18px;
}

/* ------------------------------
		メールフォーム
------------------------------ */

#wrapper {
	width: 570px;
	padding-left: 200px;
	background: url(img/formrightbg.jpg) left top no-repeat;
	margin:0 auto;
}

#content h2 {
	padding-top: 26px;
}
#content .description {
	margin: 35px 0 35px 35px;
}
#inputForm {
	margin-left: 35px;
}
#inputForm fieldset {
	margin-bottom: 35px;
	border: none;
}
#inputForm table {
	width: 100%;
	border: none;
}
#inputForm th, #inputForm td {
	padding: 10px 17px;
	border-bottom: 1px solid #E1D9CA;
	text-align: left;
} 
#inputForm th {
	width: 158px;
}
#inputForm td {
	background: #F8F6F2;
}

#inputForm .required {
	color: #D94040;
	font-style: normal;
	font-size:80%;
}
#inputForm .text1,
#inputForm .text2,
#inputForm .text3,
#inputForm select {
	border: 1px solid #E1D9CA;
	padding: 3px;
}
#inputForm .text1:focus,
#inputForm .text2:focus,
#inputForm .text3:focus,
#inputForm select:focus {
	border: 1px solid #D94040;
}
#inputForm .text1 {
	width: 104px;
}
#inputForm .text2 {
	width: 160px;
}
#inputForm .text3 {
	width: 300px;
}
#inputForm .text4 {
	width: 60px;
}
#inputForm .example {
	color: #787878;
	padding-left: 10px;
	font-size:80%;
}
#btn-box {
	text-align: center;
	padding-bottom: 40px;
}
#btn-box button {
	width: 220px;
	height: 73px;
	background-color: #FFFFFF;
	border-style: none;
	margin: 0px 5px;
	padding: 0px;
}



blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}

tr.even td {background:#E5ECF9;}
caption {background:#eee;}
.small {font-size:.9em;line-height:1.5em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(../src/grid.png);}
body {margin:1.5em 0;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}

div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}

.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 0.5em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

#maincontent{
	width:820px;
	height:100%;
	padding:10px 0 0 0;
	margin:0 30px 0 50px;
}
.box730 {
	width: 533px;
	color: #FF0000;
	margin-left: 38px;
	font-weight: bold;
	background-color: #CCCCCC;
	padding: 5px;
}
/*---メニューページ----*/
#maincontent .grid3col .column1 { margin-left: 15px; width: 420px; }
#maincontent .grid3col .column2 { margin-left: 20px; width: 350px; }
/* GRID */
.column1, .column2 { float: left; }
.grid3col, .grid3cola, { width: 100%; }
.grid3col  .column { width: 46%; }
.grid3col .column { width: 32%; margin-left: 2%; }
.grid3col .column { width: 31%; }
.grid3cola .column { width: 58%; margin-left: 2%; }
.grid3cola .column1.first,
.grid3cola .column.last { width: 18%; }
#environment { clear: both; margin-top: -2px; padding: 0 5px 0 5px; background: url(img/specs_env_bg.jpg) repeat-y; zoom: 1; }
#environment p { color: #362f2d; padding: 0; font-size: 12px; line-height: 20px; margin-bottom: 10px; }
#environment h3 { border: 0 none; margin: 0 -20px 0 -5px; padding: 0; background: url(img/specs_env_title.jpg) no-repeat; width: 330px; height: 96px; text-indent: -9999px; overflow: hidden; }
ul.square { margin-left: 1.5em; }
ul.square { list-style: square outside; }
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
.price{
	color:#669900;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: right;
	float: right;
	margin: 0 auto;
}
.grid3col table	{
	border-collapse: collapse;	border-spacing: 0;
	width: 100%;
	margin-bottom: 30px;
}
th, {
	padding: 10px 20px;
	color: #8C7E57;
	font-size:94%;
}
.kokuban td{
	margin: 0px;
	padding: 0px;
}


/* サンプル4
----------------------------------------------------------- */
.design1 .odd	{
	background: #FAFAEE;
}
.design2 {
	font-size:80%;
	}

.spec1 {
	display: block;
	padding: 5px 0 1px 65px;
	background: url(img/top-new.gif) no-repeat left center;
	color:#FF3333;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	clear: both;
}
.spec2 {
	display: block;
	padding: 20px 0 20px 65px;
	background: url(img/top-info.gif) no-repeat left center;
	color:#999933;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	clear: both;
}
/*　What new　*/

		
		
			.spec1 dl dt {
				clear: both;
				float: left;
				padding: 8px 4px 0 5px;
				width: 110px;
				color: #999;
				font-size:82%;
				font-family:Tahoma;
			}
			
			
			.spec1 dl dd {
				float: left;
				padding: 7px 0 0;
				width: 500px;
				font-size:89%;
				line-height: 1.3;
			}

.spec1 dl:after {
	content: ".";
	display: block;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/*---追記CSSスタイル----*/


a img{
	border:none;
}



h3.add_box{
	font-size:12px;
	font-weight:600;
	color:#666666;
	margin:0 0 0 0;
}

p.add_box {
	font-size:12px;
	margin-top:5px;
	width: 508px;
}

p.timecode{
	font-size:11px;
	color:#ff3300;
	text-align:right;
	margin:0 30px 0 0;
}

p.add_box2 {
	margin-top:5px;
}

h1.add_box{
	margin-bottom:0;
}

#general h1.add-title {
	color:#999999;
	font-size:11px;
	font-weight:normal;
	position:absolute;
	text-align:right;
	width:500px;
	margin:0;
	padding:0;
	left: 407px;
	top: 0px;
}

#general div.add-link {
	color:#122545;
	position:absolute;
	left: 306px;
	top: 88px;
}

#general div.add-link a {
	color:#122545;
	font-size:12px;
	text-decoration:none;
}

.tablemenu {
	font-size:85%;
	color:#960;
}
.examplePanel
{
	width: 780px;
	height: 320px;
	background: url(img/examples_background.png) no-repeat left top;
	position: relative;
	margin-top: 1em;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}
.examplePanel h2{ margin-bottom: 0; padding-bottom: 0; }
.examplePanel a.more
{
	margin-right: 13px;
	margin-top: 6px;
}
.wine {
	font-family: "Times New Roman", Times, serif;
	font-size: 86%;
	color: #369;
}