@charset "utf-8";
@import "../js/fancybox/jquery.fancybox.css";
/* CSS Document */
/*------------------------------*/
/*初期化*/
/*------------------------------*/
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/*LINK*/
a {
	color: #993333;
}
a:link, a:visited {
	color: #993333;
	text-decoration:none;
}
a:hover {
	color: #993333;
	text-decoration:underline;
}
/*clearfix*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix{
	display:inline-block;
	}

/*hides from IE-mac \*/
*html .clearfix{height:1%}
.clearfix{display:block;}
/*End hide from IE-mac */

/*contentblock-clearfix*/
#flashcontent .contentblock:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

#flashcontent .contentblock{
	display:inline-block;
	}

/*hides from IE-mac \*/
*html #flashcontent .contentblock{height:1%}
#flashcontent .contentblock{display:block;}
/*End hide from IE-mac */


/*基本フォントサイズ*/
body, td, th, div {
	/*font-family: "メイリオ","Meiryo","Hiragino Maru Gothic Pro", "ＭＳ Ｐゴシック";*/
	font-family: 'HelveticaNeue-Thin', "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size:12px;
	line-height:200%;
	color:#666;
}

/*LIST-STYLE*/
ul.disc, ul.decimal, ul circle {
	margin:5px;
}
ul.disc {
	list-style-type: disc;
}
ul.disc li {
	margin-left:15px;
}
ul.decimal {
	list-style-type: decimal;
}
ul.decimal li {
	margin-left:20px;
}
ul.circle {
	list-style-type: circle;
}
ul.circle li {
	margin-left:20px;
}
dl {
}
dt {
	width:90px;
	margin-bottom:5px;
	float:left;
	font-weight:bold;
	display: block;
}
dd {
	width:230px;
	margin-bottom:5px;
	display: block;
	float: left;
}
/*LAYOUT*/
/*#flashcontent{
	width:100%;
	background-color: #FFF;
	background-image: url(../images/base_bg_g.gif);
	background-repeat: repeat-x;
	text-align:center;
	margin:0;
	padding:0;
	}
*/
/*LAYOUT*/
/*Flash*/
#flashcontent #inner{
	width:100%;
	background-color: #FFF;
	background-image: url(../images/base_bg_g.gif);
	background-repeat: repeat-x;
	}
#flashcontent #container{
	padding: 0px;
	margin: 0px auto;
	width: 600px;
	text-align:left;
}
#flashcontent #contents {
	margin: 0px;
	padding: 0px;
	width: 960px;
}
#flashcontent #image{
	margin-bottom:30px;
	}
.right{
	float:right;
	}
#flashcontent #image .contentblock{
	width:490px;
	float:left;
	}
#flashcontent h1{
	padding:30px 0;
	}

#flashcontent #container #footer {
	background-image: url(../images/grouptop_footer_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
text-align:left;
margin: 0px;
	padding: 2px 0px 0px 0px;
	width: 960px;
	position: relative;
	height: 50px;
	clear:both;
}
#flashcontent #container #footer #copyright{
	background-image: url(../images/copy.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 10px;
	width: 159px;
	text-indent: -9999px;
	margin: 19px 0px 0px 5px;
}
#flashcontent #mainmenu{
text-align:center;
margin:0 auto;
margin-bottom:30px;
	}
#flashcontent #submenu {
	display:block;
	margin-bottom:30px;
	display:block;
	width:411px;
	height:12px;
	}	
#flashcontent #submenu a{
	display:block;
	background:url(../images/grouptop_submenu.gif) no-repeat left top;
	text-decoration:none;
	}
#flashcontent #submenu  p {
	text-indent:-9999px;
	font-size:1px;
	line-height:1px;
}
#flashcontent #submenu ul{
	display:block;
	width:411px;
	height:12px;
	list-style:none;
	}
#flashcontent #submenu li {
	float:left;
	margin:0px;
	padding:0px;
	display:block;
}
#flashcontent #submenu .menu1 a {
	background-position:0px 0px;
	width:115px;
	height:12px;
}
#flashcontent #submenu .menu1 a:hover {
	background-position:0px -12px;
}
#flashcontent #submenu .menu2 a {
	background-position:-115px 0px;
	width:155px;
	height:12px;
}
#flashcontent #submenu .menu2 a:hover {
	background-position:-115px -12px;
}
#flashcontent #submenu .menu3 a {
	background-position:-270px 0px;
	width:141px;
	height:12px;
}
#flashcontent #submenu .menu3 a:hover {
	background-position:-270px -12px;
}
#flashcontent #footerMenu{
	font-size:10px;
	margin-bottom:30px;
	}
#flashcontent #copyright{
	padding-bottom:30px;
	}
/*NO-Flash*/
img{
	vertical-align:bottom;
	}
#main{width:100%;overflow:hidden;
min-width:320px;
max-width:1032px;
margin:0px auto;}

/*special*/
#special{width:100%;overflow:hidden;}
/*smartphone*/
@media screen and (max-width: 480px){
#specia{width:100% ;float:none;overflow:hidden;}
}
#special img{width:100%;height:auto;}
#taneya_4{width:25% ;float:left;overflow:hidden;}
/*smartphone*/
@media screen and (max-width: 480px){
#taneya_4{width:100% ;float:none;overflow:hidden;}
}
#taneya_4 img{width:100%;height:auto;}
#clubharie_4{width:25% ;float:left;overflow:hidden;}
/*smartphone*/
@media screen and (max-width: 480px){
#clubharie_4{width:100% ;float:none;overflow:hidden;}
}
#clubharie_4 img{width:100%;height:auto;}
#onlineshop_4{width:25% ;float:left;overflow:hidden;}
/*smartphone*/
@media screen and (max-width: 480px){
#onlineshop_4{width:100% ;float:none;overflow:hidden;margin-left:0;}
}
#onlineshop_4 img {width:100%;height:auto;}
#recruit_4{width:25% ;float:left;overflow:hidden;}
/*smartphone*/
@media screen and (max-width: 480px){
#recruit_4{width:100% ;float:none;overflow:hidden;}
}
#recruit_4 img {width:100%;height:auto;}

/*normal*/
#taneya{width:50% ;float:left;overflow:hidden;}
/*smartphone*/
@media screen and (max-width: 480px){
#taneya{width:100% ;float:none;overflow:hidden;}
}
#taneya img{width:100%;height:auto;}
#clubharie{width:50% ;float:left;overflow:hidden;margin-right:-3%;}
/*smartphone*/
@media screen and (max-width: 480px){
#clubharie{width:100% ;float:none;overflow:hidden;}
}
#clubharie img{width:100%;height:auto;}
#onlineshop{width:34% ;float:left;overflow:hidden;margin-left:-2%;}
/*smartphone*/
@media screen and (max-width: 480px){
#onlineshop{width:100% ;float:none;overflow:hidden;margin-left:0;}
}
#onlineshop img {width:100%;height:auto;}
#recruit{width:34% ;float:left;overflow:hidden;}
/*smartphone*/
@media screen and (max-width: 480px){
#recruit{width:100% ;float:none;overflow:hidden;}
}
#recruit img {width:100%;height:auto;}
#la_collina{width:34% ;float:left;overflow:hidden;margin-right:-3%;}
/*smartphone*/
@media screen and (max-width: 480px){
#la_collina{width:100% ;float:none;overflow:hidden;margin-right:0;}
}
#la_collina img {width:100%;height:auto;}
footer{clear:both;padding:25px 25px 25px 15px;;
position:relative;}
footer nav ul li{
	list-style-type:none;
	display:inline;
	padding:0 10px;
	border-left:1px solid #333;
	line-height:14px;
	}
footer nav ul li:first-child{
	border-left:0px;
	}
footer nav ul li a,footer nav ul li a:visited,footer nav ul li a:link{
	color:#333;
	font-size:14px;
	}
footer nav ul li.social{
	border:none;
	line-height:20px;
	vertical-align:middle;
	}
footer nav ul li.social span{
	display:none;
	}
footer img{
	vertical-align:top;
	}
/*smartphone*/
@media screen and (max-width: 480px){
footer{
	/*reset*/
	padding:0px;
	}
footer nav ul {
	border-top:#d9d9d9 1px solid;
	}
footer nav ul li{
	/*reset*/
	border:none;
	display:block;
	/*gradient*/
	border-bottom:#d9d9d9 1px solid;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
	}
footer nav ul li a{
	padding:20px;
	font-size:16px;
	font-weight:bold;
	display:block;
	color:#333;
	background:url(images/bg_arrow.gif) no-repeat right center;
	}
footer nav ul li.social{
	border:none;
	vertical-align:text-bottom;
	}
footer nav ul li.social span{
	display:inline;
	margin-left:15px;
	}

}
#copyright{
	display: block;
	width: 227px;
	height: 12px;
	position: absolute;
	top: 30px;
	right: 25px;
}
/*smartphone*/
@media screen and (max-width: 480px){
	#copyright{
	clear:both;
	display:block;
	width:100%;
	text-align:center;
	position:static;
	padding:25px 0;
}
}
/*small_PC*/
@media screen and (min-width: 481px)
    and (max-width: 880px){
	footer nav ul{
		text-align:center;
		}
	#copyright{
	clear:both;
	display:block;
	width:100%;
	text-align:center;
	position:static;
	padding:25px 0;
}
}
/*HOVER_EFFECT*/
img.grow {
	-webkit-transition:0.4s ease-in-out;
	-moz-transition:0.4s ease-in-out;
	-ms-transition:0.4s ease-in-out;
	-o-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out;
}
img.grow:hover {
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}

#news {
	display: block;
	clear: both;
	margin: 0 0 1em 0;
	padding-top: 2em;
}

#topNews {
	padding: 2em 0;
	border: #ddd 1px solid;
}

#topNews .topNews-inr {
	margin: 0 auto;
	width: 48em;
	line-height: 1.7;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 90%;
}

#topNews h2 {
	margin-bottom: 0.2em;
	font-size: 110%;
}

#topNews p {
	margin-bottom: 1em;
}

#topNews p.signature {
	margin-bottom: 0;
	padding-right: 1em;
	text-align: right;
}





/*SUSTINABILITY*/
#sustinability{
	padding-top:40px;
	padding-bottom:20px;
	}
.sustinability_title{
	text-align:center;
	}
.sustinability_title h2{
	font-weight:bold;
	color:#333333;
	font-size:24px;
	text-align:center;
	margin-bottom:20px;
	}
.sustinability_title h3{
	font-size:14px;
	margin-bottom:20px;
	}
#sustinability div p{
	font-size:12px;
	font-weight:bold;
	color:#333;
	padding:10%
	}
#about_lacolina{width:50%;
float:left;
}
#nelis{width:50%;
float:left;
}
#readyfor{width:33.3%;
float:left;
}
#about_lacolina img,#nelis img,#readyfor img{
	width:100%;
	height:auto;
	}
/*smartphone*/
@media screen and (max-width: 480px){
.sustinability_title h2{font-size:20px;}
.sustinability_title h3{font-size:12px;}
#about_lacolina{width:100%;
float:none;
}
#nelis{width:100%;
float:none;
}
#readyfor{width:100%;
float:none;
}
}