@charset "utf-8";

/* ========================================================
	template.css => テンプレート用CSS
======================================================== */
html,
body {
	min-width: 960px;
	height: 100%;
}
body {
	background-color: #000000;
	font-size: 75%;
	line-height: 1.6;
	color: #ffffff;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana,Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
}
table {
	line-height: 1.6;
}
a {
	color: #ffffff;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
label {
	cursor: pointer;
}



/* コンテナ
============================================================================================================ */
#container {
	position: relative;
	z-index: 3;
}



/* ヘッダー
============================================================================================================ */
#header {
	position: relative;
	width: 960px;
	margin: 0 auto 50px auto;
}
#header:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#header #headlogo {
	padding: 30px 0 50px 0;
}

/* nav
-------------------------------------------------------------------------- */
#nav {
	zoom: 1;
}
#nav:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
#nav li {
	float: left;
}

/* nav
-------------------------------------------------------------------------- 
#nav_xmas {
	background: url(../images/head/xmas_bg.png) repeat-x center 0;
	width: 100%;
}
*/

/* head_top
-------------------------------------------------------------------------- */
#header .head_top {
	position: absolute;
	right: 0;
	top: 50px;

}
#header .head_top p {
	float: right;
	padding-left: 10px;
}
#header .head_top select {
	margin-top: 15px;
	vertical-align: bottom;
}
#header .head_top p.tel {
	font-size: 117%;
	margin-top: 10px;	
	width: 18em;
}
#header .head_top p.tel span {
	padding-left: 22px;
	background: url(../images/head/icon_tel.png) no-repeat 0 0.3em;
	font-size: 128%;
}

#header .head_top p#pankuzu{
	clear: both;
	text-align: right;
	margin-top: 10px;
	font-size: 11px;
}


/* social
-------------------------------------------------------------------------- */
#header .social {
	position: absolute;
	right: 0;
	top: 58px;
}
#header .social li {
	float: left;
	padding-left: 22px;
	font-size: 134%;
}
#header .social li a {
	display: block;
	height: 24px;
	padding: 8px 0 0 42px;
	background-repeat: no-repeat;
}
#header .social li.facebook a {
	background-image: url(../images/head/icon_facebook.png);
}
#header .social li.twitter a {
	background-image: url(../images/head/icon_twitter.png);
}
#header .social li.Youtube a {
	background-image: url(../images/head/icon_Youtube.png);
}

#header .social_link img {
	margin-left: 10px;
}

/* ページコンテナ
============================================================================================================ */
#pageContainer {
	position: relative;
	width: 960px;
	margin: 0 auto;
	font-size: 109%;
	line-height: 1.8;
}
#pageContainer:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#pageContainer.top_padding {
	padding-top: 470px;
}


/* コンテンツ
============================================================================================================ */
#contents {
	position: relative;
	float: right;
	width: 660px;
	background: url(../images/parts/contents_bg.png);
	padding: 30px;
}

/* サイド
============================================================================================================ */
#side {
	position: absolute;
	width: 210px;
}
#side h3 {
	margin-bottom: 15px;
	border-bottom: 2px solid #ffffff;
	font-size: 170%;
	line-height: 1.3;
}
#side > ul {
	font-size: 124%;
	line-height: 1.4;
}
#side li {
	margin-top: 0.4em;
}
#side li a {
	display: block;
	/*text-decoration: none;*/
	padding-left: 16px;
	background: url(../images/side/arrow.png) no-repeat 0 0.3em;

}
#side li a:hover {
	text-decoration: underline;
}
#side > ul ul {
	margin-left: 20px;
}
#side > ul ul a {
	font-size: 95%;
	padding-left: 16px;
	background: url(../images/side/linklink.png) no-repeat 0 0.3em;
}


/* フッターナビ
============================================================================================================ */
#footNav {
	width: 960px;
	margin: 40px auto 10px;
	color: #cccccc;
	font-size: 109%;
}
#footNav a {
	color: #aba8a3;
	/*text-decoration: none;*/
}
#footNav a:hover {
	/*text-decoration: underline;*/
}

/* フッター
============================================================================================================ */
#footer {
	padding: 15px 0 20px;
	border-top: 1px solid #cccccc;
	color: #aba8a3;
}
#footer dl {
	width: 960px;
	margin: 0 auto 30px;
}
#footer dl dt {
	margin-bottom: 5px;
}
#footer address {
	padding-bottom: 3px;
	font-size: 125%;
}
#footer ul {
	margin: 0.6em 0;
	padding-bottom: 3px;
	zoom: 1;
}
#footer ul:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#footer ul li {
	float: left;
	padding-right: 1em;
}/*
#footer li a {
	padding-left: 15px;
	background: url(../images/foot/link_icon.png) no-repeat left;
	color: #666666;*/
	/*text-decoration: none;
}
#footer li a:hover {
	text-decoration: underline;
}*/


#footer .secondfoodnew{
	width: 965px;
	margin: 0 auto 30px;
	border-top: 1px solid #cccccc;
	padding-top: 20px;
}
#footer .secondfoodnew .granvista_logo888{
	float: left;
	width: 240px;
}
#footer .secondfoodnew .copyright00{
	float: right;
	width: 400px;
}




/* copyright
-------------------------------------------------------------------------- */
#copyright {
	width: 960px;
	margin: 0 auto;
	text-align: right;
	font-size: 109%;
}

.pagetop{
	width: 960px;
	margin: 20px auto 10px auto;
}




/* 背景
============================================================================================================ */
#bg {
	position: absolute;
	width: 100%;
	height: 1300px;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: -1;
}
#bg img {
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
}