@charset "Shift_JIS";

@import url("http://kamogawa.mag2.com/common/css/base.css");
@import url("../css/hack.css");

/* ----------------------------------------

	 COMMON CSS 

---------------------------------------- */

/* BASE
---------------------------------------- */
body {
	color: #444;
	text-align: center;
}

img {
	border: 0;
	display: block;
}

ul,
ol {
	list-style: none;
}

p {
	line-height: 1.3;
}

em,
strong {
	font-style: normal;
	font-weight: normal;
}

a {
	overflow: hidden;
	color: #09c;
	text-decoration: none;
}

a:visited {
	color: #5a5aa5;
	text-decoration: none;
}

a:hover,
a:active {
	color: #09c;
	text-decoration: underline;
}

a.linkicon {
	padding: 0 0 1px 16px;
	background: url("../img/common/linkicon.gif") no-repeat center left;
}

/* OUTLINE
---------------------------------------- */
#outline {
	margin: 0 auto;
	width: 800px;
	text-align: left;
}

/* HEADER_FOOTER
---------------------------------------- */
#header {
	padding-top: 11px;
}

#header #headerTitle h1,
#header #headerTitle p#title {
	padding-bottom: 5px;
	float: left;
	width: 274px;
	height: 49px;
	background: url("../img/common/magmag-title.gif") no-repeat top left;
	text-indent: -9999px;
}
#header #headerTitle h1 a,
#header #headerTitle p#title a {
	display: block;
	width: 274px;
	height: 49px;
}

#header #headerTitle #logo {
	padding: 12px 0 3px 439px;
	float: right;
}

#header #headerTitle p {
	padding-bottom: 6px;
	float: right;
}

#header #gnavi {
	padding: 6px 5px 2px 2px;
	background: #ebebeb;
}

#header #gnavi li {
	padding-left: 3px;
	float: left;
}

#header #gnavi li a {
	height: 37px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}

#header #gnavi li#gnaviTop a {
	width: 70px;
	background: url("../img/common/navi-top.gif") no-repeat top left;
}

#header #gnavi li#gnaviAbout a {
	width: 182px;
	background: url("../img/common/navi-about.gif") no-repeat top left;
}

#header #gnavi li#gnaviService a {
	width: 150px;
	background: url("../img/common/navi-service.gif") no-repeat top left;
}

#header #gnavi li#gnaviNews a {
	width: 110px;
	background: url("../img/common/navi-news.gif") no-repeat top left;
}

/*
#header #gnavi li#gnaviRecruit a {
	width: 90px;
	background: url("../img/common/navi-recruit.gif") no-repeat top left;
}
*/
#header #gnavi li#gnaviRecruit a {
	width: 90px;
	background: url("../img/common/navi-write.gif") no-repeat top left;
}

#header #gnavi li#gnaviContact a {
	width: 110px;
	background: url("../img/common/navi-contact.gif") no-repeat top left;
}

#header #gnavi li#gnaviMap a {
	width: 60px;
	background: url("../img/common/navi-map.gif") no-repeat top left;
}

#header #gnavi li#gnaviTop a:hover,
#header #gnavi li#gnaviAbout a:hover,
#header #gnavi li#gnaviService a:hover,
#header #gnavi li#gnaviNews a:hover,
#header #gnavi li#gnaviRecruit a:hover,
#header #gnavi li#gnaviContact a:hover,
#header #gnavi li#gnaviMap a:hover {
	background-position: 0 -37px;
}

#header #gnavi ul#flgTop li#gnaviTop a,
#header #gnavi ul#flgAbout li#gnaviAbout a,
#header #gnavi ul#flgService li#gnaviService a,
#header #gnavi ul#flgNews li#gnaviNews a,
#header #gnavi ul#flgRecruit li#gnaviRecruit a,
#header #gnavi ul#flgContact li#gnaviContact a,
#header #gnavi ul#flgMap li#gnaviMap a {
	background-position: 0 -74px;
}

#footer {
	text-align: center;
}

#footer #toTop {
	padding-bottom: 11px;
	text-align: right;
}

#footer #toTop a {
	padding: 0 0 1px 16px;
	background: url("../img/common/totop-icon.gif") no-repeat center left;
}

#footer address {
	padding: 10px 0 8px;
	background: #ebebeb url("../img/common/footer-line.gif") repeat-x top left;
}

#footer p#tmAttention {
	padding: 6px 0;
}


/* PATH LIST
---------------------------------------- */
#pathList {
	padding: 9px 12px 18px;
}

#pathList li {
	float: left;
}

#pathList li.pathArrrow {
	padding-left: 17px;
	background: url("../img/common/path-arrow.gif") no-repeat center left;
}

#pathList li.pathLine {
	padding-left: 12px;
	background: url("../img/common/path-line.gif") no-repeat center left;
}