@charset "utf-8";

/*ヘッダー*/

div#wrapper{
    width: 100%;
    margin: 0 auto;
	background-image: url(../img/common/body_bg.jpg);
	background-position: top center;
	background-repeat: repeat;
}

div#inHeader {
	position: relative;
	width: 980px;
	margin: 0px auto;
}

ul.ghNavi {
	display: table;
	height: 112px;
	width: 978px;
	margin: 0px auto;
}

ul.ghNavi li {
	display: table-cell;
	height: 112px;
	background-position: top left;
	background-repeat: no-repeat;
}

li.ghNavi01 {
	width: 120px;
	background-image: url(../img/common/ghNavi01.png);
}

li.ghNavi02 {
	width: 137px;
	background-image: url(../img/common/ghNavi02.png);
}

li.ghNavi03 {
	width: 168px;
	background-image: url(../img/common/ghNavi03.png);
}

li.ghNavi04 {
	width: 136px;
	background-image: url(../img/common/ghNavi04.png);
}

li.ghNavi05 {
	width: 139px;
	background-image: url(../img/common/ghNavi05.png);
}

li.ghNavi06 {
	width: 160px;
	background-image: url(../img/common/ghNavi06.png);
}

li.ghNavi07 {
	width: 120px;
	background-image: url(../img/common/ghNavi07.png);
}

ul.ghNavi li a {
	height: 112px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

li.ghNavi01 a:hover {
	background-image: url(../img/common/ghNavi01_r.png);
}

li.ghNavi02 a:hover {
	background-image: url(../img/common/ghNavi02_r.png);
}

li.ghNavi03 a:hover {
	background-image: url(../img/common/ghNavi03_r.png);
}

li.ghNavi04 a:hover {
	background-image: url(../img/common/ghNavi04_r.png);
}

li.ghNavi05 a:hover {
	background-image: url(../img/common/ghNavi05_r.png);
}

li.ghNavi06 a:hover {
	background-image: url(../img/common/ghNavi06_r.png);
}

li.ghNavi07 a:hover {
	background-image: url(../img/common/ghNavi07_r.png);
}

/*コンテンツ*/

#contents {
	height: auto;
	width: 100%;
	background-color: #FFF;
}

.inContents {
	height: auto;
	width: 980px;
	margin: 0px auto;
}

#main {
	float: left;
	height: auto;
	width: 680px;
	padding-bottom: 100px;
}

.contactNavi {
	height: 140px;
	width: 680px;
	background-image: url(../img/common/contactNavi.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

.contactNavi a {
	height: 140px;
	width: 680px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

.contactNavi a:hover {
	background-image: url(../img/common/contactNavi_r.jpg);
	background-repeat: no-repeat;
}

#side {
	float: right;
	height: auto;
	width: 260px;
	padding-bottom: 140px;
}

div.btnBox {
	height: auto;
	width: 260px;
	margin-top: 20px;
}

div.btnBox a:hover img {
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}

div.sideMenuBox {
	height: 340px;
	width: 260px;
	margin-top: 20px;
	padding-top: 33px;
	background-image: url(../img/side/sideMenuBoxBg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

div.sideMenuBox h3 {
	height: 18px;
	width: 118px;
	margin-left: 31px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background-image: url(../img/side/sideMenuTitle.png);
	background-position: top left;
	background-repeat: no-repeat;
}

div.sideMenuBox ul {
	margin-top: 22px;
	margin-left: 25px;
}

div.sideMenuBox ul li {
	height: 20px;
	width: 190px;
	padding-bottom: 4px;
	background-position: top left;
	background-repeat: no-repeat;
}

div.sideMenuBox ul li a {
	height: 20px;
	width: 190px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

li.sideMenu01 {
	background-image: url(../img/side/sideMenu01.png);
}

li.sideMenu02 {
	background-image: url(../img/side/sideMenu02.png);
}

li.sideMenu03 {
	background-image: url(../img/side/sideMenu03.png);
}

li.sideMenu04 {
	background-image: url(../img/side/sideMenu04.png);
}

li.sideMenu05 {
	background-image: url(../img/side/sideMenu05.png);
}

li.sideMenu06 {
	background-image: url(../img/side/sideMenu06.png);
}

li.sideMenu07 {
	background-image: url(../img/side/sideMenu07.png);
}

li.sideMenu08 {
	background-image: url(../img/side/sideMenu08.png);
}

li.sideMenu09 {
	background-image: url(../img/side/sideMenu09.png);
}

li.sideMenu10 {
	background-image: url(../img/side/sideMenu10.png);
}

li.sideMenu01 a:hover {
	background-image: url(../img/side/sideMenu01_r.png);
	background-repeat: no-repeat;
}

li.sideMenu02 a:hover {
	background-image: url(../img/side/sideMenu02_r.png);
	background-repeat: no-repeat;
}

li.sideMenu03 a:hover {
	background-image: url(../img/side/sideMenu03_r.png);
	background-repeat: no-repeat;
}

li.sideMenu04 a:hover {
	background-image: url(../img/side/sideMenu04_r.png);
	background-repeat: no-repeat;
}

li.sideMenu05 a:hover {
	background-image: url(../img/side/sideMenu05_r.png);
	background-repeat: no-repeat;
}

li.sideMenu06 a:hover {
	background-image: url(../img/side/sideMenu06_r.png);
	background-repeat: no-repeat;
}

li.sideMenu07 a:hover {
	background-image: url(../img/side/sideMenu07_r.png);
	background-repeat: no-repeat;
}

li.sideMenu08 a:hover {
	background-image: url(../img/side/sideMenu08_r.png);
	background-repeat: no-repeat;
}

li.sideMenu09 a:hover {
	background-image: url(../img/side/sideMenu09_r.png);
	background-repeat: no-repeat;
}

li.sideMenu10 a:hover {
	background-image: url(../img/side/sideMenu10_r.png);
	background-repeat: no-repeat;
}

/*フッター*/

footer {
	height: 384px;
	width: 100%;
	margin: 80px auto 0px auto;
	background-image: url(../img/common/footerBg.png);
	background-position: top center;
	background-repeat: repeat-x;
}

div#inFooter {
	position: relative;
	height: 384px;
	width: 980px;
	margin: 0px auto;
}

div.pagetop {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 64px;
	width: 96px;
}

div.pagetop a {
	height: 64px;
	width: 96px;
	display: block;
}

div.pagetop a:hover img {
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}

div.footerEmTitle {
	position: absolute;
	top: 18px;
	left: 130px;
	height: 33px;
	width: 693px;
	background-image: url(../img/common/footerEmTitle.png);
	background-position: top center;
	background-repeat: no-repeat;
}

div.footerEmTitle a {
	height: 33px;
	width: 693px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

div.footerEmTitle a:hover {
	background-image: url(../img/common/footerEmTitle_r.png);
	background-repeat: no-repeat;
}

div.footerTitle {
	position: absolute;
	top: 158px;
	left: 123px;
	height: 48px;
	width: 178px;
	background-image: url(../img/common/footerLogo.png);
	background-position: top center;
	background-repeat: no-repeat;
}

div.footerTitle a {
	height: 48px;
	width: 178px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

p.footerNavi {
	position: absolute;
	top: 80px;
	left: 0px;
	height: auto;
	width: 100%;
	font-size: 11px;
	line-height: 25px;
	text-align: center;
	display: table;
}

p.footerNavi a {
	text-decoration: none;
	color: #666;
}

p.footerNavi a:hover {
	color: #CCC;
}

div.footerLogo {
	position: absolute;
	top: 170px;
	left: 373px;
	height: 41px;
	width: 222px;
}

div.footerLogo a {
	height: 41px;
	width: 222px;
	display: block;
}

p.footerCompanyText {
	position: absolute;
	top: 155px;
	left: 408px;
	font-size: 12px;
	line-height: 19px;
	color: #5B3F15;
}

p.footerCompanyText span {
	font-weight: bold;
}

div.copyright {
	position: absolute;
	top: 258px;
	left: 0px;
	width: 100%;
	font-size: 11px;
	line-height: 30px;
	letter-spacing: 0.1em;
	color: #5C3F16;
	text-align: center;
}