@charset "utf-8";

/*------------------------------------------------------------
  churajima.css INDEX
  
  00.ブラウザCSSリセット、初期設定
  01.共通設定
  02.ヘッダー
  03.フッター
  04.トップページ
  05.製品情報
  06.ネーミングとデザイン
  07.新里酒造について
------------------------------------------------------------ */


/*------------------------------------------------------------
  00.ブラウザCSSリセット、初期設定
------------------------------------------------------------ */

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align: center;
}

h1,h2,h3,h4,h5,h6,p,br,ul,ol,li,dl,dt,dd,from,table,th,td,input {
  margin: 0;
  padding: 0;
  color:#000000;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  line-height: 1.0;
}

ul,dl {
	list-style:none;
}

img{
border:0;
}


/*------------------------------------------------------------
  01.共通設定
------------------------------------------------------------ */
div#suntory_contents {
	background:url(../img/bg.gif) repeat-x left top;
}


/*------------------------------------------------------------
  02.ヘッダー
------------------------------------------------------------ */

div#header {
	margin:0 auto;
	width:870px;
	height:87px;
	background:url(../img/bg_header.jpg) no-repeat left top;
	position:relative;
}
div#header h1 {
	position:absolute;
	top:0;
	left:0;
}
div#header p {
	position:absolute;
	top:4px;
	left:667px;
}
div#header ul li#nav01 {
	position:absolute;
	top:35px;
	left:306px;
}
div#header ul li#nav02 {
	position:absolute;
	top:35px;
	left:431px;
}
div#header ul li#nav03 {
	position:absolute;
	top:35px;
	left:671px;
}


/*------------------------------------------------------------
  03.フッター
------------------------------------------------------------ */

div#footer {
	margin:8px auto 32px auto;
	width:870px;
	height:25px;
	position:relative;
}
div#footer ul li#btn01 {
	position:absolute;
	top:0;
	left:0;
}
div#footer ul li#btn02 {
	position:absolute;
	top:0;
	left:638px;
}


/*------------------------------------------------------------
  04.トップページ
------------------------------------------------------------ */
div#topContents {
	margin:0 auto;
	width:870px;
	height:465px;
	background:url(../img/bg_top.jpg) no-repeat left top;
	position:relative;
}
div#topContents p {
	position:absolute;
	top:44px;
	left:295px;
}
div#topContents h2 {
	position:absolute;
	top:107px;
	left:510px;
}


/*------------------------------------------------------------
  05.製品情報
------------------------------------------------------------ */
div#productsContents {
	margin:0 auto;
	padding:0 0 12px 0;
	width:868px;
	background:url(../img/bg_products.jpg) no-repeat left top;
	border:1px #d0e5e4 solid;
}
div#productsContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#productsContents { display: inline-table; }
/* Hides from IE-mac ＼*/
* html div#productsContents { height: 1%; }
*+html div#productsContents { height: 1%; }
div#productsContents { display: block; }
/* End hide from IE-mac */

div#main {
	width:570px;
	float:left;
	text-align:left;
}

div#lead {
	width:570px;
	height:95px;
	position:relative;
}
div#lead h2 {
	position:absolute;
	top:13px;
	left:10px;
}
div#lead p {
	position:absolute;
	top:13px;
	left:133px;
}

div.section {
	margin:0 0 20px 26px;
}
div.section h3 {
	margin:0 0 10px 0;
}
div.section p {
	margin-left:10px;
	font-size:80%;
	line-height:1.4;
	color:#13105f;
}

div#spec {
	background:url(../img/bg_products_spec.png) no-repeat left top;
	min-height:110px;
}
* html div#spec { height:110px; }

div#spec table {
	margin-left:177px;
	border-collapse:collapse;
}
div#spec table th {
	border:1px #09134e solid;
	background-color:#d9ddf3;
	text-align:center;
	padding:10px;
	color:#13105f;
	font-size:70%;
	line-height:1.4;
}
div#spec table td {
	border:1px #09134e solid;
	background-color:#fff;
	text-align:center;
	padding:10px;
	color:#13105f;
	font-size:70%;
	line-height:1.4;
}
div#spec ul {
	margin:6px 0 0 177px;
}
div#spec ul li {
	font-size:70%;
	line-height:1.4;
	color:#13105f;
}


div#side {
	margin-right:14px;
	width:242px;
	float:right;
	text-align:left;
}
* html div#side { margin-right:7px; }


div#column {
	margin:13px 0 0 0;
	width:242px;
	background:url(../img/bg_products_side_bottom.png) no-repeat left bottom;
	padding:0 0 10px 0;
}
div#column p {
	background:url(../img/bg_products_side.png) repeat-y left top;
	padding:10px 15px 2px 15px;
	font-size:70%;
	line-height:1.4;
	color:#151456;
}

div#chart {
	margin:13px 0 30px 0;
}
div#chart p {
	padding:8px 4px 0 4px;
	font-size:70%;
	line-height:1.4;
	color:#13105f;
}


/*------------------------------------------------------------
  06.ネーミングとデザイン
------------------------------------------------------------ */
div#designContents {
	margin:0 auto;
	padding:0 0 0 0;
	width:868px;
	min-height:463px;
	background:url(../img/bg_design.jpg) no-repeat left top;
	border:1px #d0e5e4 solid;
	position:relative;
}
* html div#designContents { height:463px; }
div#designContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#designContents { display: inline-table; }
/* Hides from IE-mac ＼*/
* html div#designContents { height: 1%; }
*+html div#designContents { height: 1%; }
div#designContents { display: block; }
/* End hide from IE-mac */


div#designContents p#flower {
	position:absolute;
	bottom:0;
	left:0;
}


div#designMain {
	width:380px;
	float:left;
	text-align:left;
}

div#designMain h3 {
	margin:0 0 10px 25px;
}
div#designMain p.text {
	width:335px;
	margin:0 0 10px 36px;
	font-size:80%;
	line-height:1.4;
	color:#13105f;
}
div#designMain p.photo {
	margin:0 0 25px 36px;
}

div#designSide {
	width:300px;
	float:right;
	text-align:left;
	margin:87px 16px 0 0;
}
* html div#designSide { margin:87px 8px 0 0; }


div#bingata {
	background:url(../img/bg_bingata.png) repeat-y left top;
}
div#bingata p.text {
	width:210px;
	margin:10px 0 0 70px;
	font-size:70%;
	line-height:1.4;
	color:#13105f;
}

div#bingata02 {
	background:url(../img/bg_bingata_bottom.png) no-repeat left bottom;
	padding-bottom:34px;
	margin-bottom:150px;
	position:relative;
	zoom:1;
}
div#bingata02 p.text {
	margin:0 0 0 0;
	padding:0 20px 0 133px;
	font-size:70%;
	line-height:1.4;
	color:#13105f;
	background:url(../img/bg_bingata.png) repeat-y left top;
}
div#bingata02 p.pic {
	position:absolute;
	top:0;
	left:0;	
}
* html div#bingata02 p.pic {
	margin-top:-100px; 
}

/*------------------------------------------------------------
  07.新里酒造について
------------------------------------------------------------ */
div#shinzatoContents {
	margin:0 auto;
	padding:0 0 12px 0;
	width:868px;
	background:url(../img/bg_shinzato.gif) repeat-y left top;
	border:1px #d0e5e4 solid;
	text-align:left;
}
div#shinzatoContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#shinzatoContents { display: inline-table; }
/* Hides from IE-mac ＼*/
* html div#shinzatoContents { height: 1%; }
*+html div#shinzatoContents { height: 1%; }
div#shinzatoContents { display: block; }
/* End hide from IE-mac */

div#shinzatoMain {
	width:480px;
	float:left;
}
div#shinzatoMain h3 {
	margin:0 0 10px 46px;
}
div#shinzatoMain p.text {
	width:394px;
	margin:0 0 10px 55px;
	font-size:80%;
	line-height:1.4;
	color:#13105f;
}
div#shinzatoMain p.photo {
	margin:0 0 10px 55px;
}
div#shinzatoSide {
	width:305px;
	float:right;
	margin-right:54px;
}
* html div#shinzatoSide { margin-right:27px; }

div#shinzatoSide p.photo {
	margin:32px 0 10px 0;
}
div#shinzatoSide p.text {
	width:305px;
	margin:0 0 10px 0;
	font-size:80%;
	line-height:1.4;
	color:#13105f;
}