@import "./_common/initialize.css";
@import "./_common/class.css";

body {
	font-family: "Hiragino Kaku Gothic Pro", "Osaka", "Arial", "ＭＳ Ｐゴシック", sans-serif;
	background-color: #fff;
}

#all {
	position: relative;
	left: 0;
	top: 0;
	width: 760px;
	margin: 0 auto;
	padding: 0 0;
}
/*==================== HEAD ====================*/
#head {
	position: relative;
	left: 0;
	top: 10px;
	width: 280px;
	height: 47px;
	margin:0;
	padding: 0;
	background: url("../images/ghlogo.gif") no-repeat;
}

#tohome {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
	text-indent: -9999px;
}
#tohome a {
	display: block;
	width: 100%;
	height: 100%;
}
/*==================== CONCEPT ====================*/

#concept {
	position: absolute;
	left: 0;
	top: 47px;
}

#concept h2 {
	display: none;
}

/*
#concept h2,
#toconcept {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
	text-indent: -9999px;
}

#concept a {
	display: block;
	width: 100%;
	height: 100%;
}
*/

/*==================== MENU ====================*/
#menu {
	position: absolute;
	left: 0;
	top: 160px;
	width: 100%;
	height: 34px;
}
#menu h2 {
	display: none;
}
#menu ul {
	list-style-type: none;
	padding: 0;
}
#menu li {
	float: left;
	height: 34px;
}

#menu li a {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 0;
	text-indent: -9999px;
}
#menu li.on a,
#menu li a:hover {
	background-position: 0 -34px;
}

#menu1,
#menu3 {
	width: 128px;
}
#menu2 li {
	height: 18px;
	width: 126px;
}
#menu li#menu2 {
	position: relative;
	height: 16px;
	width: 504px;
	padding-top: 18px;
}

#menu2 ul {
	position: absolute;
	width: 504px;
	top: 0px;
	left: 0px;
}
#menu li#menu2 .on a,
#menu li#menu2 a:hover {
	background-position: 0 0;
}
#menu li#menu2 ul li.on a,
#menu li#menu2 ul li a:hover {
	background-position: 0 -18px;
}

#menu1 a {
	background-image: url("../images/topics.gif");
}

#menu2 a {
	background-image: url("../images/product.gif");
}

#menu2-1 a {
	background-image: url("../images/ohada.gif");
}
#menu2-2 a {
	background-image: url("../images/tainai.gif");
}
#menu2-3 a {
	background-image: url("../images/kokoro.gif");
}
#menu2-4 a {
	background-image: url("../images/pinchi.gif");
}

#menu3 a {
	background-image: url("../images/blog.gif");
}

/*==================== MENU a====================*/
#menua {
	position: absolute;
	top: 200px;
	left: 503px;
	width: 257px;
	height: 16px;
}

#menua ul {
	list-style-type: none;
	padding: 0;
}

#menua li {
	float: left;
}

#menua li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0;
	text-indent: -9999px;
}

#menua1 {
	width: 127px;
	height: 16px;
	padding-right: 3px;
}
#menua2 {
	width: 127px;
	height: 16px; 
}

#menua li#menua1 .on a,
#menua li#menua1 a:hover {
	background-position: 0 -16px;
}

#menua li#menua2 .on a,
#menua li#menua2 a:hover {
	background-position: 0 -16px;
}

#menua1 a {
	background-image: url("../images/cam.gif");
}

#menua2 a {
	background-image: url("../images/link.gif");
}
/*==================== FOOT ====================*/

#foot {
	margin-top: 40px;
	padding-bottom: 40px;
}
/*==================== MENU c ====================*/
#menuc {
/*
	position: absolute;
	top: 720px;
	left: 0;
*/
}

#menuc ul {
	padding: 0;
/*
	position: absolute;
	top: 0;
	left: 280px;
	padding: 25px 0 0 20px;
	width: 480px;
	height: 40px;
*/
}
#menuc li {
	list-style: none;
	float: left;
	height: 1em;
	line-height: 1.2em;
	font-size: 11px;
}

#menuc li a {
	color: #A8DE8C;
	color: #999;
	text-decoration: none;
}
#menuc1 {
	border: 1px solid #999;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width:0;
	border-top-width: 0;
	padding: 0 5px 0 5px;
}
#menuc2,
#menuc3,
#menuc4 {
	border-right: 1px solid #999;
	padding: 0 5px;
}
/*
#menuc5 {
	position: absolute;
	top: 5px;
	left: 380px;
	width: 100px;
	height: 39px;
	background: url("../images/satologo.gif") no-repeat;
}
#menuc5 a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0;
	text-indent: -9999px;
	overflow:hidden;
}
*/


#foot address {
	float: right;
	color: #999;
	font-size: 11px;
	font-style: normal;
	font-family: Arial, sans-serif;
}

#satolink {
	position: absolute;
	right: 0;
	top: 10px;
	width: 94px;
	height: 30px;
}
#satolink a {
	display: block;
	width: 100%;
	height: 100%;
	background: url("../images/satologo.gif") no-repeat;
	font-size: 0;
	text-indent: -9999px;
}