@charset "UTF-8";

/************************************************************
RESET & DEFAULT
************************************************************/

/***************************RESET & DEFAULT*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
input, button, textarea, select {
  margin: 0;
  padding: 0;
  color: #000000;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: normal;
  font-size: 100%;
  text-decoration: none;
  vertical-align: baseline;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

img	{
  border-width: 0;
  border-style: none;
  vertical-align: bottom;
}

a{
	color:#0000ff;
	font-weight:inherit;
}


/************************************************************
HEADER
************************************************************/

header{
	width:100%;
	height:70px;
}

header .header_inner{
	position:relative;
	margin:auto;
	width:960px;
	height:70px;
}

header .header_inner #logo_zucc{
	position:absolute;
	top:10px;
	left:0;
}

header .header_inner #logo_londrina{
	position:absolute;
	top:15px;
	right:0;
}


/************************************************************
CONTENTS
************************************************************/

/***************************TITLE*/

section.title{
	position:relative;
	width:100%;
	height:657px;
	background:#000000;
	text-align:center;
}

section.title .sns_area{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-46px;	
	width:92px;
	height:48px;
	background:url('../img/bg_sns_area.png') no-repeat;
}

section.title .sns_area #btn_tw{
	position:absolute;
	top:4px;
	left:4px;
}

section.title .sns_area #btn_fb{
	position:absolute;
	top:4px;
	right:4px;
}

/***************************COMMON*/

article.vegetable,
article.communication,
article.instagram,
article.information{
	margin:60px auto 0 auto;
	width:960px;
	font-size:0;
	line-height:0;
}

h2{
}

article.vegetable .lead,
article.communication .lead{
	margin-top:26px;
	font-size:21px;
	line-height:1.5;
	text-align:center;
}

article.vegetable .area_photo,
article.communication .area_photo{
  display:	inline-block;
	*display:	inline;
	*zoom:	1;
	margin-top:36px;
	width:300px;
	vertical-align:middle;
}

article.vegetable .area_photo.left,
article.communication .area_photo.left{
	margin-right:40px;
}

article.vegetable .area_photo.right,
article.communication .area_photo.right{
	margin-left:40px;
}

article.vegetable .area_text,
article.communication .area_text{
  display:	inline-block;
	*display:	inline;
	*zoom:	1;
	margin-top:36px;
	width:620px;
	font-size:16px;
	line-height:1.5;
	vertical-align:middle;
}


/***************************VEGETABLE*/

/***************************COMMUNICATION*/

/***************************INSTAGRAM*/

article.instagram ul#instafeed{
	margin:26px auto 0 auto;
	font-size:0;
	line-height:0;
}

article.instagram ul#instafeed li{
  display:	inline-block;
	*display:	inline;
	*zoom:	1;
	margin:2px;
	width:235px;
	height:auto;
	vertical-align:middle;
}

article.instagram ul#instafeed li img{
	width:235px;
	height:auto;
}

article.instagram ul#instafeed li{
}


/***************************INFORMATION*/

article.information iframe{
	margin:26px auto 36px auto;
	font-size:0;
	line-height:0;
}

.area_title{
  display:	inline-block;
	*display:	inline;
	*zoom:	1;
	width:200px;
	vertical-align:middle;
}

.area_text{
  display:	inline-block;
	*display:	inline;
	*zoom:	1;
	padding-bottom:10px;
	width:760px;
	font-size:21px;
	line-height:1.5;
	vertical-align:middle;
}

.information{
	position:relative;
}

.supported{
	font-size:18px;
	line-height:2;
	text-align:center;
}


/************************************************************
FOOTER
************************************************************/

footer{
	margin-top:50px;
	padding:40px 0;
	width:100%;
	background:#000000;
	text-align:center;
}

footer .text_footer{
	margin:40px auto 0 auto;
	font-size:21px;
	line-height:1.5;
	color:#ffffff;
	text-align:center;
}