@charset "UTF-8";

/* base setting */
* {
	margin: 0;
	padding: 0;
}
body {
	background: url(../img/bg01.jpg) repeat center top fixed;
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, HiraKakuPro-W3, HiraKakuProN-W3, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS PGothic, serif;
	color: #333;
	text-align: center;
}
li {list-style-type: none;}
img {border: none;}
a {
	color: #e46c1b;
	text-decoration: underline;
}
a:hover {
	color: #e46c1b;
	text-decoration: none;
}
header,
footer,
section,
article,
aside,
nav,
address {display: block;}

/* header */
header {
	margin-bottom: 8px;
	background: url(../img/bg02.jpg) repeat;
}
header section {
	width: 1027px;
	margin: 0 auto;
	text-align: left;
	background: url(../img/bg03.jpg) no-repeat right top;
}
header p {
	width: 284px;
	margin: 25px 0 2px 0px;
	background: url(../img/hd_logo.gif) no-repeat left top;
	float: left;
}
header p a {
	height: 33px;
	display: block;
}
header ul {
	width: 1008px;
	padding-top: 10px;
	padding-bottom: 21px;
	margin-left: 9px;
/*	padding-right: 90px;
	float: right;*/
}
header ul li a {
	height: 18px;
	display: block;
}
header ul li.on a {cursor: default;}

header ul li#home {width: 88px; float: left;}
header ul li#home a {background: url(../img/hd_btn02.jpg) no-repeat 0 0;}
header ul li#home a:hover,
header ul li#home.on a {background-position: 0 -18px;}

header ul li#brand {width: 125px; float: left;}
header ul li#brand a {background: url(../img/hd_btn02.jpg) no-repeat -88px 0;}
header ul li#brand a:hover,
header ul li#brand.on a {background-position: -88px -18px;}

header ul li#product {width: 99px; float: left;}
header ul li#product a {background: url(../img/hd_btn02.jpg) no-repeat -213px 0;}
header ul li#product a:hover,
header ul li#product.on a {background-position: -213px -18px;}

header ul li#fieldtrip {width: 101px; float: left;}
header ul li#fieldtrip a {background: url(../img/hd_btn02.jpg) no-repeat -312px 0;}
header ul li#fieldtrip a:hover,
header ul li#fieldtrip.on a {background-position: -312px -18px;}

header ul li#question {width: 122px; float: left;}
header ul li#question a {background: url(../img/hd_btn02.jpg) no-repeat -413px 0;}
header ul li#question a:hover,
header ul li#question.on a {background-position: -413px -18px;}

header ul li#news {width: 140px; float: left;}
header ul li#news a {background: url(../img/hd_btn02.jpg) no-repeat -535px 0;}
header ul li#news a:hover,
header ul li#news.on a {background-position: -535px -18px;}

header ul li#profile {width: 103px; float: left;}
header ul li#profile a {background: url(../img/hd_btn02.jpg) no-repeat -675px 0;}
header ul li#profile a:hover,
header ul li#profile.on a {background-position: -675px -18px;}

header ul li#recruit {width: 103px; float: left;}
header ul li#recruit a {background: url(../img/hd_btn02.jpg) no-repeat -778px 0;}
header ul li#recruit a:hover,
header ul li#recruit.on a {background-position: -778px -18px;}

header ul li#netshop {width: 127px; float: left;}
header ul li#netshop a {background: url(../img/hd_btn02.jpg) no-repeat -881px 0;}
header ul li#netshop a:hover,
header ul li#netshop.on a {background-position: -881px -18px;}

header h3#contact {
	width: 468px;
	height: 23px;
	margin: 35px 250px 15px 0;
	float: right;
	background: url(../img/hd_btn01.gif) no-repeat 0 0;
}

/*header ul li#contact a {
	height: 23px;
	margin-bottom: 10px;
	background: url(../img/hd_btn01.gif) no-repeat 0 0;
}
header ul li#contact a:hover,
header ul li#contact.on a {background-position: 0 -23px;}
header ul li#facebook {
	width: 24px;
	padding: 0 8px 4px 8px;
}
header ul li#facebook a {
	height: 24px;
	background: url(../img/hd_btn03.gif) no-repeat 0 0;
}*/


/* search */
#search {
	width: 1027px;
	margin: 0 auto;
	text-align: left;
}
#search ul {
	padding-left: 10px;
	padding-bottom: 10px;
}
#search ul li {
	float: left;
/*	border: 1px solid red;*/
}
#search ul li#search1 {
	margin-top: 10px;
	width: 270px;
	height: 14px;
	background: url(../img/search1.png) no-repeat 0 0;
}
#search ul li#search2 {
	width: 365px;
	height: 24px;
	text-align: right;
}
#search ul li#search2 input.btn_submit {
	cursor: pointer;
	width: 120px;
	height: 24px;
	border: none;
	text-indent: -9999px;
	background: url(../img/search2.jpg) no-repeat 0 0;
}
/*input.btn_submit:hover {
	background: url(btn_submit.gif) no-repeat 0 -50px;
}*/
#search ul li#search2 input.example1 {
	width: 230px;
	height: 1.6em;
	color: #aaa;
}

#search ul li#search3 {
	cursor: pointer;
	margin-left: 11px;
	width: 129px;
	height: 24px;
	background: url(../img/search3.jpg) no-repeat 0 0;
}
#search ul li#search4 {
	cursor: pointer;
	margin-left: 58px;
	width: 181px;
	height: 24px;
	background: url(../img/search3.jpg) no-repeat 0 0;
}



/* contents */
#wrapper {
/*	width: 1027px;*/
	width: 1024px;
	margin: 0 auto 20px auto;
	padding: 0 0 25px 0;
	text-align: left;
	background: #fff url(../img/contents_bk.gif) repeat left top;
	border: 1px solid #ccc394;
}
#contents {
	width: 737px;
	margin-top: 15px;
	padding-right: 15px;
	float: right;
/*	border: 1px solid #ccc394;*/
}
#pageimage {padding-bottom: 20px;}

#contents h1 {
	margin-bottom: 5px;
	padding: 0 0 19px 0;
}

p#pagetop{
	padding: 10px 10px 10px 0;
	text-align: right;
}

/* sidenavi */
#wrapper nav {
	width: 255px;
	float: left;
}
#wrapper nav ul {margin-left: 0;}
#wrapper nav ul li {
	margin: 0 1px;
}
#wrapper nav ul li a {
	height: 67px;
	display: block;
}
#wrapper nav ul li.on a {cursor: default;}
#wrapper nav ul li#series1 a {background: url(../img/sd_btn01.jpg) no-repeat 0 0;}
#wrapper nav ul li#series1 a:hover,
#wrapper nav ul li#series1.on a {background-position: -255px 0;}

#wrapper nav ul li#series2 a {background: url(../img/sd_btn01.jpg) no-repeat 0 -68px;}
#wrapper nav ul li#series2 a:hover,
#wrapper nav ul li#series2.on a {background-position: -255px -68px;}

#wrapper nav ul li#series3 a {background: url(../img/sd_btn01.jpg) no-repeat 0 -135px;}
#wrapper nav ul li#series3 a:hover,
#wrapper nav ul li#series3.on a {background-position: -255px -135px;}

#wrapper nav ul li#series4 a {background: url(../img/sd_btn01.jpg) no-repeat 0 -202px;}
#wrapper nav ul li#series4 a:hover,
#wrapper nav ul li#series4.on a {background-position: -255px -202px;}

#wrapper nav ul li#series5 a {background: url(../img/sd_btn01.jpg) no-repeat 0 -269px;}
#wrapper nav ul li#series5 a:hover,
#wrapper nav ul li#series5.on a {background-position: -255px -269px;}

#wrapper nav ul li#series6 a {background: url(../img/sd_btn01.jpg) no-repeat 0 -336px;}
#wrapper nav ul li#series6 a:hover,
#wrapper nav ul li#series6.on a {background-position: -255px -336px;}

#wrapper nav ul li#thecio {
	margin: 10px 0 0 6px;
	border-bottom: none;
}
#wrapper nav ul li#thecio a {
	height: 129px;
	background: url(../img/sd_netshop.jpg) no-repeat 0 0;
}
/*#wrapper nav ul li#thecio a:hover,
#wrapper nav ul li#thecio.on a {background-position: 0 -50px;}*/

#wrapper nav ul li#confetti {
	margin: 10px 0 0 6px;
	border-bottom: none;
}
#wrapper nav ul li#confetti a {
	height: 129px;
	background: url(../img/sd_btn03.jpg) no-repeat 0 0;
}
#wrapper nav ul li#campaign {
	margin: 10px 0 0 6px;
	border-bottom: none;
}
#wrapper nav ul li#campaign a {
	height: 150px;
	background: url(../img/campaigns_official_s.jpg) no-repeat 0 0;
}

/* footer */
footer {
	width: 1027px;
	margin: 0 auto;
	padding-bottom: 1em;
	color: #fffedc;
	text-align: center;
}
/*footer nav {
	border: 1px solid red;
}*/
footer ul {
	height: 1em;
	line-height: 1em;
	padding: 0 0 0 7em;
}
footer ul li {
	width: auto;
	padding-left: 0.5em;
	padding-right: 0.5em;
	float: left;
	border-right: 1px solid #fffedc;
}
footer ul li.last {
	list-style: none;
	border: 0;
}
footer ul li a {
	font-size: 0.75em;
	line-height: 1.1em;
	color: #fffedc;
	text-decoration: none;
}
footer nav p {
	padding: 0.6em 0 0 1em;
	font-size: 0.85em;
	line-height: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
}

/* fit images on text tags */
#contents h1 {
	font-size: 0;
	line-height: 0;
}
header,
#search ul li#search1,
#wrapper nav {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

/* clearfix */
header section:after,
header section div.clear:after,
header ul:after,
#search:after,
#search ul:after,
#search ul li#search2:after,
#wrapper:after,
footer:after,
footer nav:after,
footer ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
header section,
header section div.clear,
header ul:after,
#search,
#search ul,
#search ul li#search2,
#wrapper,
footer,
footer nav,
footer ul {zoom:100%;}