@charset "utf-8";
/* CSS Document */

/* ****************************************************
  リセットCSS
***************************************************** */

body, div,dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,p, blockquote, th, td {
	margin: 0;
	padding: 0;
	line-height:1em;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul,ol li,ul li{
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
.bold {
	font-weight: bold;
}
img {
	vertical-align: bottom;
}
em {
	font-style: normal;
}
strong {
	font-weight: bold;
}
a:link {
	text-decoration: none;
	color:#1a1a1a;
}
a:visited {
	text-decoration: none;
	color: #1a1a1a;
}
a:active {
	text-decoration: none;
	color: #1a1a1a;
}
a:hover {
	text-decoration: none;
	color: #ff7366;
}
a:focus {
	text-decoration: none;
	color: #1a1a1a;
}


/* ****************************************************
  ベース
***************************************************** */

/* ボディ
=========================*/
body {
	background-color: #ffffff;
	font-size: 11px;
	color: #1a1a1a;
	font-family: Helvetica,"ヒラギノ角ゴ Pro W6","HiraKakuPro-W6", "メイリオ", Meiryo, Osaka;
	padding-bottom:80px;
	letter-spacing:0.11em;
	line-height:1.5em;
}
/* フォント
=========================*/
h2,nav{
	font-size:110%;
}
h2{
	margin-bottom:15px;
	font-weight:bold;
}
dl dt{
	font-weight:bold;
}
dd{
	line-height:1.5em;
}

/* テキスト消去
=========================*/
header h1 a
{display:block; overflow: hidden; text-indent: -10000px;}


/* ****************************************************
  コンテナ
***************************************************** */

#container{
	width:940px;
	margin:auto;
}

#wrapper-01{
}

/* ****************************************************
  header
***************************************************** */
header{
	padding-top:60px;
	z-index:3;
	background-color:#FFFFFF;
	position:relative;
}

header h1 a{
	width:102px;
	height:38px;
	background:url("../images/hed-logo.gif") no-repeat scroll 0px 0px;
	margin: auto auto 60px 418px;

}

/* ****************************************************
  nav
***************************************************** */

/* グローバルナビ
=========================*/
nav{
	height:25px;
	letter-spacing:0.1em;
	position:relative;
	z-index:1;
}
nav ul{
	width:762px;
	margin:auto;
	font-weight:bold;
}
nav ul li a{
	display:block;
	float:left;
	margin-right:60px;
}
nav li:last-child a{
	margin-right:0;
}

/* サブナビ
=========================*/
#sub-nav{
	position:relative;
	text-align:left;
	z-index:-1;
}
#sub-nav li{
	margin-bottom:10px;
}
#sub-nav ol{
	position:absolute;
	top:-15px;
	background-color:#FFF;
	padding:38px 20px 5px 15px;
}

.sub-nav-brand{
	left:74px;
	width:130px;
	display:none;
	filter: alpha(opacity=0);-moz-opacity:0;opacity:0;
}
.sub-nav-shop{
	left:254px;
	display:none;
	filter: alpha(opacity=0);-moz-opacity:0;opacity:0;
}
.sub-nav-snap{
	left:434px;
	display:none;
	filter: alpha(opacity=0);-moz-opacity:0;opacity:0;
	width:125px;
}
.sub-nav-blog{
	left:626px;
	display:none;
	filter: alpha(opacity=0);-moz-opacity:0;opacity:0;
}

/* ****************************************************
  future-area スライドショー
***************************************************** */
#future-area{
	position:relative;
	z-index:-1;
	width:940px;
	height:580px;
	z-index:-2;
}

#future-area ul li{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	overflow:hidden;
}
#future-area ul li.active{
	z-index:3;
}
#future-area ul li.last-active{
	z-index:2;
}


/* ****************************************************
  footer
***************************************************** */
footer{
	text-align:center;
	margin-top:100px;
}
/*.footer ul{
	margin-bottom:17px;
}
.footer li{
	display: inline;
	margin-right:20px;
	font-weight:bold;
	font-size:120%;
	letter-spacing:0.08em;
}*/

footer li:last-child{
	margin-right:0;
}
address{
	font-size:80%;
	letter-spacing:0.06em;
}


/* ****************************************************
  コモンCSS
***************************************************** */

/* Clear fix
========================*/
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
	line-height: 0;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {/* for IE6 */
	height: 1px;
}

*:first-child+html .clearfix {/* for IE7 */
	zoom: 1;
}