/*
Theme Name: ERA SUB
Description: 名簿販売.com各ページ用

*/

/* CSS Document */

/* ----------------------------------------------
common
------------------------------------------------- */

*{
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	background: #fffffc url(images/bg.jpg) repeat-x left top;
	text-align: center;
	font: normal 12px/1.6em 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
}
h1,h2,h3,h4{
	margin: 0px;
	padding: 0px;
	line-height: 1em;
	font-size: 1em;
}
hr {
	display: none;
}
img {
	border-style: none;
	background: bottom;
}
#wrapper {
	padding: 0px;
	height: auto;
	width: 844px;
	clear: both;
	display: block;
	margin-top: 18px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background: url(images/wrapper.gif) repeat-y left top;
}
a {
	outline: 0;
	text-decoration: underline;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #999999;
}
#wrapper #pageBody .linEnd {
	margin-right: 0px;
}


/* ----------------------------------------------
header
------------------------------------------------- */

#header {
	height: 119px;
	position: relative;
	background: url(images/header.jpg) no-repeat center top;
	width: 844px;
	display: block;
}
#header #logo {
	font-size: 0px;
	line-height: 0px;
	background: url(images/logo.jpg) no-repeat left top;
	display: block;
	height: 57px;
	width: 212px;
	position: absolute;
	left: 27px;
	top: 17px;
}
#header #logo a {
	text-indent: -9999px;
	display: block;
	height: 35px;
	width: 212px;
	margin-top: 22px;
}
#header #logo p {
	height: 14px;
	width: 212px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 0px;
}
#header #contactBoxHead {
	height: 55px;
	width: 271px;
	position: absolute;
	top: 37px;
	right: 161px;
	background: url(images/contactBoxHead.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
	line-height: 0px;
	font-size: 0px;
}
#header #contactBoxHead a {
	display: block;
	height: 26px;
	width: 102px;
	position: absolute;
	top: 7px;
	right: 12px;
	background: url(images/contactBtnHead.jpg) no-repeat left top;
}
* html #header #contactBoxHead a  {
	position: absolute;
	top: 7px;
	right: 11px;
}
#header #contactBoxHead a:hover {
	background: url(images/contactBtnHead.jpg) no-repeat left -26px;
}
#header ul {
	list-style: url(none) none;
}
#header ul li {
	text-indent: -9999px;
	display: block;
	height: 11px;
	width: 45px;
	position: absolute;
	left: 33px;
	top: 101px;
	font-size: 0px;
	line-height: 0px;
}
#header ul li a {
	background: url(images/btnHome.gif) no-repeat left top;
	display: block;
	height: 11px;
	width: 45px;
}
#header ul li a:hover {
	background: url(images/btnHome.gif) no-repeat left -11px;
}

/* ----------------------------------------------
menu
------------------------------------------------- */

#menu {
	height: 32px;
	width: 844px;
	background: url(images/menuBg.jpg) no-repeat left top;
}
#menu ul {
	list-style: url(none) none;
	width: 797px;
	margin-left: 25px;
	background: url(images/menu.jpg) no-repeat left top;
	position: relative;
	height: 32px;
}
#menu #menu01 {
	text-indent: -9999px;
	display: block;
	height: 16px;
	width: 69px;
	position: absolute;
	left: 16px;
	top: 8px;
}
#menu #menu01 a {
	background: url(images/menu.jpg) no-repeat -16px -8px;
	display: block;
	height: 16px;
	width: 69px;
}
#menu #menu01 a:hover {
	background: url(images/menu.jpg) no-repeat -16px -40px;
}
#menu #menu02 {
	text-indent: -9999px;
	display: block;
	height: 16px;
	width: 174px;
	position: absolute;
	left: 111px;
	top: 8px;
}
#menu #menu02 a {
	background: url(images/menu.jpg) no-repeat -111px -8px;
	display: block;
	height: 16px;
	width: 174px;
}
#menu #menu02 a:hover {
	background: url(images/menu.jpg) no-repeat -111px -40px;
}
#menu #menu03 {
	text-indent: -9999px;
	display: block;
	height: 16px;
	width: 86px;
	position: absolute;
	left: 311px;
	top: 8px;
}
#menu #menu03 a {
	background: url(images/menu.jpg) no-repeat -311px -8px;
	display: block;
	height: 16px;
	width: 86px;
}
#menu #menu03 a:hover {
	background: url(images/menu.jpg) no-repeat -311px -40px;
}
#menu #menu04 {
	text-indent: -9999px;
	display: block;
	height: 16px;
	width: 89px;
	position: absolute;
	left: 423px;
	top: 8px;
}
#menu #menu04 a {
	background: url(images/menu.jpg) no-repeat -423px -8px;
	display: block;
	height: 16px;
	width: 89px;
}
#menu #menu04 a:hover {
	background: url(images/menu.jpg) no-repeat -423px -40px;
}
#menu #menu05 {
	text-indent: -9999px;
	display: block;
	height: 16px;
	width: 130px;
	position: absolute;
	left: 538px;
	top: 8px;
}
#menu #menu05 a {
	background: url(images/menu.jpg) no-repeat -538px -8px;
	display: block;
	height: 16px;
	width: 130px;
}
#menu #menu05 a:hover {
	background: url(images/menu.jpg) no-repeat -538px -40px;
}
#menu #menu06 {
	text-indent: -9999px;
	display: block;
	height: 16px;
	width: 84px;
	position: absolute;
	left: 694px;
	top: 8px;
}
#menu #menu06 a {
	background: url(images/menu.jpg) no-repeat -694px -8px;
	display: block;
	height: 16px;
	width: 84px;
}
#menu #menu06 a:hover {
	background: url(images/menu.jpg) no-repeat -694px -40px;
}



/* ----------------------------------------------
pageBody
------------------------------------------------- */

#pageBody {
	background: url(images/bgBody.gif) repeat-y left top;
	padding-top: 16px;
}
#pageBody:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#pageBody {
	display:inline-block;
}
/* hides from IE-mac \*/
* html #pageBody {
	height:1%;
}
#pageBody {
	display:block;
	position: relative;
	clear: both;
}
/* End hides from IE-mac */



/* ----------------------------------------------
main
------------------------------------------------- */

#main {
	height: auto;
	width: 545px;
	clear: both;
	float: right;
	margin: 0px;
	padding: 0px 32px 0px 0px;
}
#main hr {
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
}
#main ul {
	list-style: inside;
	margin-left: 5px;
	margin-bottom: 1em;
	padding: 0px;
}
#main ol {
	list-style: inside;
	margin-left: 5px;
	margin-bottom: 1em;
}
#main .breadcrumb {
	margin-bottom: 15px;
	line-height: 1em;
	font-size: 10px;
}
#main #contactBox {
	font-size: 0px;
	line-height: 0px;
	background: url(images/contactBox.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	height: 65px;
	width: 545px;
	position: relative;
	margin-top: 20px;
}
#main #contactBox a {
	display: block;
	height: 28px;
	width: 150px;
	position: absolute;
	top: 9px;
	right: 8px;
	background: url(images/contactBtn.gif) no-repeat left top;
}
* html #main #contactBox a {
	position: absolute;
	top: 9px;
	right: 7px;
}
#main #contactBox a:hover{
	background: url(images/contactBtn.gif) no-repeat left -28px;
}
#main h2 {
	font-size: 20px;
	background: url(images/dotSky.gif) repeat-x left bottom;
	padding-bottom: 6px;
	margin-bottom: 10px;
}
#main .cts {
	margin-bottom: 20px;
}

#main .cts:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#main .cts {
	display:inline-block;
}
/* hides from IE-mac \*/
* html #main .cts {
	height:1%;
}
#main .cts {
	display:block;
	position: relative;
	clear: both;
}
/* End hides from IE-mac */


#main .cts img {
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#main .cts strong {
	color: #0099ff;
}
#main #listTop {
	display: block;
	clear: both;
}

#main #listTop:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#main #listTop {
	display:inline-block;
}
/* hides from IE-mac \*/
* html #main #listTop {
	height:1%;
}
#main #listTop {
	display:block;
	position: relative;
	clear: both;
}
/* End hides from IE-mac */
#main #listTop ul {
	list-style: url(none) none;
	margin: 0px;
	display: block;
}
#main #listTop ul li {
	height: 64px;
	width: 177px;
	display: block;
	float: left;
	margin-right: 7px;
	margin-bottom: 7px;
}
#main #listTop ul li a {
	background: url(images/listTop.gif) no-repeat left top;
	height: 55px;
	width: 156px;
	line-height: 1.3em;
	padding-left: 21px;
	padding-top: 9px;
	display: block;
	text-decoration: none;
}
#main #listTop ul li a:hover {
	background: url(images/listTop.gif) no-repeat left -64px;
}
#main #listTop ul li a:hover .listTitle {
	color: #4cb7ff;
}
#main #listTop ul li .listTitle {
	font-size: 14px;
	color: #0099ff;
	font-weight: bold;
	margin-bottom: 2px;
	display: block;
	padding-right: 5px;
}
#main #about {
	margin-top: 20px;
}
#main #about h3 {
	font-size: 14px;
	color: #ff6600;
	margin-bottom: 5px;
	margin-top: 0px;
}
#main #about strong {
	color: #ff6600;
}
#main #about a {
	font-weight: bold;
	color: #ff6600;
}
#main #about a:hover {
	color: #ff944c;
}
#main .pageTop {
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	display: block;
	height: 11px;
	width: 80px;
	margin-bottom: 15px;
	margin-left: 465px;
	margin-top: 10px;
}
#main .pageTop a {
	background: url(images/pageTop.gif) no-repeat left top;
	display: block;
	height: 11px;
	width: 80px;
}
#main .list01 ul {
	list-style: url(none) none;
}
#main .list01 ul li {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.8em;
}
#main .list01 ul li a {
	color: #0099ff;
}
#main .list01 ul li a:hover {
	color: #4cb7ff;
}
#main .listTab {
	text-align: center;
	display: block;
	margin-top: 25px;
	margin-bottom: 25px;
}
#main .listBox {
	border: 1px solid #0099ff;
	padding: 10px;
	margin-bottom: 8px;
}
#main .listBox h3 {
	font-size: 14px;
	color: #0099ff;
	margin-bottom: 5px;
	margin-top: 0px;
}
#main .listBox .listBoxCts a {
	color: #0099ff;
}
#main .listBox .listBoxCts a:hover{
	color: #4cb7ff;
}
#main .contactBtn02 {
	text-indent: -9999px;
	display: block;
	height: 26px;
	width: 280px;
	margin-left: 265px;
}
#main .contactBtn02 a {
	background: url(images/contactBtn02.gif) no-repeat left top;
	display: block;
	height: 26px;
	width: 280px;
}
#main .contactBtn02 a:hover {
	background: url(images/contactBtn02.gif) no-repeat left -26px;
}

/* ----------------------------------------------
side
------------------------------------------------- */

#side {
	width: 215px;
	margin: 0px;
	float: left;
	padding: 0px 25px 0px 27px;
}
#side .sideBoxCts {
	padding-right: 12px;
	padding-left: 12px;
}
#side .sideBox01 {
	background: #d2f9e4;
	margin-bottom: 10px;
}
#side .sideBox01 p {
  font-size: 15px;
	padding-right: 12px;
	padding-left: 12px;
	margin-bottom: 5px;
	color: #03aa3e;
	font-weight: bold;
}
#side .sideBox01 .sideBoxTop {
	font-size: 0px;
	line-height: 0px;
	background: url(images/h3Side01.gif) no-repeat left top;
	display: block;
	height: 9px;
	width: 215px;
}
#side .sideBox01 h3 {
	font-size: 0px;
	line-height: 0px;
	background: url(images/h3Side01.gif) no-repeat left bottom;
	text-indent: -9999px;
	display: block;
	height: 14px;
	width: 215px;
}
#side .sideBox01 h4 {
	font-size: 0px;
	line-height: 0px;
	background: url(images/h4Side01.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	height: 14px;
	width: 191px;
	margin-bottom: 7px;
}
#side .sideBox01 form {
	height: auto;
	width: 191px;
	margin-top: 4px;
	display: block;
	position: relative;
	margin-bottom: 9px;
}
#side .sideBox01 form input {
	width: 164px;
	height: 18px;
	background: #ffffff;
	border: 1px solid #999999;
}
* html #side .sideBox01 form input {
	margin-top: -1px;
}
*:first-child+html #side .sideBox01 form input {
	margin-top: -1px;
}
#side .sideBox01 #searchBtn {
	background: url(images/searchBtn.gif) no-repeat left top;
	height: 20px;
	width: 20px;
	border-width: 0px;
	border-style: none;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#side .sideBox01 .sideBoxCts ul {
	list-style: url(none) none;
	padding-left: 3px;
	margin-bottom: 10px;
}
#side .sideBox01 .sideBoxCts ul li {
	background: url(images/arrowGreen.gif) no-repeat left 0.3em;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	padding-left: 9px;
	display: block;
}
#side .sideBox01 .sideBoxCts ul li ul {
	margin-top: 3px;
	margin-bottom: 5px;
}
#side .sideBox01 .sideBoxCts ul li ul li {
	background: url(none);
}
#side .sideBox01 .sideBoxCts ul li a {
	text-decoration: none;
}


#side .sideBox01 .sideBoxBm {
	background: url(images/sideBoxBm01.gif) no-repeat left bottom;
	display: block;
	height: 3px;
	width: 215px;
}

#side .sideBox02 {
	background: #e3f3fc;
	margin-bottom: 10px;
}
#side .sideBox02 h3 {
	background: url(images/h3Side02.gif) no-repeat left top;
	display: block;
	height: 18px;
	width: 191px;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	padding-top: 6px;
	margin-left: 12px;
	margin-bottom: 10px;
}
#side .sideBox02 .sideBoxCts ul {
	list-style: url(none) none;
	padding-left: 3px;
	margin-bottom: 10px;
}
#side .sideBox02 .sideBoxCts ul li {
	background: url(images/arrow.gif) no-repeat left 0.3em;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	padding-left: 9px;
	display: block;
}
#side .sideBox02 .sideBoxCts ul li ul {
	margin-top: 3px;
	margin-bottom: 5px;
}
#side .sideBox02 .sideBoxCts ul li ul li {
	background: url(none);
}
#side .sideBox02 .sideBoxCts ul li a {
	text-decoration: none;
}
#side .sideBox02 .sideBoxTop {
	background: url(images/sideBoxTop02.gif) no-repeat left top;
	display: block;
	height: 12px;
	width: 215px;
}
#side .sideBox02 .sideBoxBm {
	background: url(images/sideBoxBm02.gif) no-repeat left bottom;
	display: block;
	height: 3px;
	width: 215px;
}

#side .sideBox03 {
	background: #fff0e3;
	margin-bottom: 10px;
}
#side .sideBox03 h3 {
	font-size: 0px;
	line-height: 0px;
	background: url(images/h3Side03.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	height: 23px;
	width: 215px;
	padding-bottom: 13px;
}
#side .sideBox03 .sideBoxCts #eraAddress {
	background: url(images/eraAddrress.gif) no-repeat left top;
	height: 145px;
	width: 191px;
}
#side .sideBox03 .sideBoxCts #eraAddress #ea01 {
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	display: block;
	height: 47px;
	width: 191px;
	position: relative;
}
#side .sideBox03 .sideBoxCts #eraAddress #ea01 a {
	display: block;
	position: absolute;
	left: 117px;
	top: 26px;
	height: 9px;
	width: 32px;
}
#side .sideBox03 .sideBoxCts #eraAddress #ea01 a:hover {
	display: block;
	height: 9px;
	width: 32px;
	background: url(images/eraAddrress.gif) -117px -171px;
}
#side .sideBox03 .sideBoxCts #eraAddress #ea02 {
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	display: block;
	height: 57px;
	width: 191px;
	position: relative;
}
#side .sideBox03 .sideBoxCts #eraAddress #ea02 a {
	display: block;
	height: 17px;
	width: 147px;
	position: absolute;
	left: 31px;
	top: 35px;
}
#side .sideBox03 .sideBoxCts #eraAddress #ea02 a:hover {
	background: url(images/eraAddrress.gif) -31px -227px;
	display: block;
	height: 17px;
	width: 147px;
}
#side .sideBox03 .sideBoxCts #eraAddress #ea03 {
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 191px;
}
#side .sideBox03 .sideBoxCts #contactBtn01 a {
	background: url(images/contactBtn01.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	height: 26px;
	width: 102px;
	font-size: 0px;
	line-height: 0px;
}
#side .sideBox03 .sideBoxCts #contactBtn01 a:hover {
	background: url(images/contactBtn01.gif) no-repeat left -26px;
}
#side .sideBox03 .sideBoxBm {
	background: url(images/sideBoxBm03.gif) no-repeat left bottom;
	display: block;
	height: 12px;
	width: 215px;
}
#side .sideBox04 {
	background: #ffeffd;
}
#side .sideBox04 h3 {
	font-size: 0px;
	line-height: 0px;
	background: url(images/h3Side04.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	height: 23px;
	width: 215px;
	padding-bottom: 4px;
	margin-bottom: 14px;
}
#side .sideBox04 #freeDial {
	font-size: 0px;
	line-height: 0px;
	background: url(images/freeDial.gif) left top;
	text-indent: -9999px;
	display: block;
	height: 19px;
	width: 149px;
	margin-bottom: 10px;
}
#side .sideBox04 .sideBoxCts .sideBox04Para {
	margin-bottom: 10px;
}
#side .sideBox04 .sideBoxCts strong {
	color: #ff00ff;
}
#side .sideBox04 .sideBoxCts a {
	color: #ff00ff;
	font-weight: bold;
}
#side .sideBox04 .sideBoxCts a:hover {
	color: #fd84ff;
}
#side .sideBox04 .sideBoxBm {
	background: url(images/sideBoxBm04.gif) no-repeat left bottom;
	display: block;
	height: 12px;
	width: 215px;
}


/* ----------------------------------------------
footerLink
------------------------------------------------- */

#footerLink {
	margin-right: 25px;
	margin-left: 25px;
	margin-top: 20px;
}
#footerLink ul {
	background: #e3f3fc;
	padding: 12px 20px;
}
#footerLink ul li {
	margin-right: 20px;
	line-height: 1.8em;
	display: inline;
}
#footerLink ul li a {
	text-decoration: none;
}

/* ----------------------------------------------
footer
------------------------------------------------- */

#footer {
	height: 60px;
	position: relative;
	display: block;
	width: auto;
	background: url(images/footer.gif) no-repeat left top;
}
#footer address {
	font-size: 0px;
	line-height: 0px;
	background: url(images/copy.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	height: 13px;
	width: 252px;
	position: absolute;
	top: 37px;
	right: 7px;
}

#main .listBoxCts .cat {
  text-align: right;
  margin-top: 20px;
}


/* ----------------------------------------------
追加
------------------------------------------------- */

#main h3 {
	font-size: 14px;
	margin-bottom: 6px;
	color: #0099FF;
	line-height: 1.2em;
	margin-top: 10px;
}
#main h3 a {
	color: #0099FF;
}
#main h4 {
	font-size: 12px;
	margin-bottom: 6px;
	line-height: 1.2em;
	margin-top: 10px;
	background: url(images/h4.gif) no-repeat left 0.2em;
	padding-left: 12px;
}
#main h4 a {
}