@charset "UTF-8";

/* general
---------------------------------------------------- */

body {
	margin: 0 auto;
	padding: 0;
	width: 658px;
	background: #ffffff;
	font-family: sans-serif;
	line-height: 1.3;
	font-size: small;
}

p {
	margin: 0;
	padding: 0;
}

a img  {
	border: 0px;
}

.tar {
	text-align: right;
}

.tac {
	text-align: center;
}

.errorMessage {
	color: #f00;
	font-weight: bold;
}

div.clear {
	clear: both;
}

/* serviceSwitcher
---------------------------------------------------- */

#serviceSwitcher {
	margin: 0;
	padding: 0;
	list-style: none;
}

#serviceSwitcher li {
	float: left;
	margin: 0;
	padding: 4px 8px;
	text-align: center;
}

#serviceSwitcher li.tokyo {
	background: #090;
}

#serviceSwitcher li.kansai {
	background: #36c;
}

#serviceSwitcher li.nagoya {
	background: #673594;
}

#serviceSwitcher li.kyushu {
	background: #dc8505;
}

#serviceSwitcher li.okinawa {
	background: #be2805;
}

#serviceSwitcher li.hokkaido {
	background: #39c;
}

#serviceSwitcher li a {
	color: #fff;
}

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

#header {
	clear: both;
	height: 66px;
	margin: 0;
	background: #090;
}

#header h1 {
	float: left;
	margin: 0;
	padding: 10px 0 10px 10px;
}

#header #generalBannerTop {
	float: right;
	width: 468px;
	margin: 0;
	padding: 3px 3px 3px 0;
}

/* breadcrumbs
---------------------------------------------------- */

#breadcrumbs {
	clear: both;
	display: block;
	width 100%;
	margin: 0 0 20px 0;
	padding: 3px 10px;
	font-size: small;
	background: #cf6;
}

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

#main {
	width: 658px;
	margin: 0 0 30px 0;
}

#main h2 {
	margin: 0;
	padding: 4px 0 4px 10px;
	font-size: small;
	font-weight: bold;
	color: #fff;
	background: #6c0 url(/images/bg_title.gif) top left no-repeat;
}

#main .partFrame {
	padding: 10px;
}

#main ul.link {
	list-style: none;
	margin: 0;
	padding: 10px;
}

#main ul.link li {
	padding-left: 10px;
	background: url(/images/pin_single.gif) top left no-repeat;
}


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

#main #side {
	float: left;
	width: 170px;
	margin: 0;
}

#main #side h3 {
	display: block;
	margin: 0;
	padding: 1px 29px 1px 10px;
	text-align: left;
	font-size: small;
	font-weight: normal;
	color: #000;
	background: #cf6;
}

#main #side ul {
	margin: 0;
	padding: 10px;
	list-style: none;
}

#main #side li {
	padding-left: 10px;
	background: url(/images/pin_single.gif) top left no-repeat;
}

/* main side search, community
---------------------------------------------------- */

#main #side #search, #main #side #community {
	margin: 0 0 10px 0;
	border: 1px solid #cf6;
	border-top: none;
}

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

#main #content {
	float: right;
	width: 468px;
}

#main #content h2 {
	margin: 0 0 0 10px;
	padding: 0;
	background: none;
	color: #000;
	font-size: medium;
	font-weight: bold;
	line-height: 1.3;
}

#main #content p.intro {
	margin: 0 0 15px 10px;
	font-size: medium;
}

#main #content ul {

}

#main #content li {
	font-size: medium;
}

#main #content img.placeImage {
	float: right;
	padding: 0 0 10px 10px;
}

#main #content dl {
	margin: 0 0 0 10px;
	line-height: 1.3;
	font-size: medium;  
}  
#main #content dt {
	float:left;
}  
#main #content dd {
	margin-left: 80px;
}

#main #content .relatedCategories {
	clear: both;
	margin: 10px 0 0 10px;
}

#main #content .relatedCategories h3 {
	display: inline;
	margin: 0;
	padding: 3px;
	font-size: small;
	font-weight: bold;
	color: #fff;
	background: #6c0;
}

#main #content .relatedCategories ul {
	margin: 5px 0 0 10px;
	padding: 0;
	list-style: none;
}

#main #content .relatedCategories li {
	margin: 0;
	padding: 0 4px 0 0;
	font-size: small;
}

#main #content #categoryRanking {
	float: right;
	width: 160px;
	margin: 0 0 20px 10px;
	padding: 0;
}

#main #content #categoryRanking h3 {
	display: block;
	margin: 0;
	padding: 1px 0 1px 10px;
	text-align: left;
	font-size: small;
	font-weight: normal;
	color: #000;
	background: #cf6;
}

#main #content #categoryRanking ol {
	margin: 0;
	padding: 10px;
	list-style: none;
	background: #fafafa;
	border: 1px solid #cf6;
}

#main #content #categoryRanking li {
	margin: 0;
	padding: 0 0 0 0;
	font-size: small;
}
#main #content #categoryRanking p {
	margin: 0;
	padding: 10px;
	text-align: left;
	font-size: x-small;
	font-weight: normal;
	color: #000;
}

#main #content #generalBannerBottom {
	clear: both;
	margin: 20px 0 0 0;
}

#main #content #generalBannerMiddle {
	clear: both;
	margin: 0 0 10px 0;
}

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

#main #contentList {
	float: right;
	width: 468px;
}

#main #contentList h2 {
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
	font-size: large;
	font-weight: bold;
	line-height: 1.3;
}

#main #contentList ul {
	margin: 15px 1em 15px 1em;
	padding: 0;
}

#main #contentList ul li {
	font-size: medium;
	margin: 0 0 0 1em;
	padding: 0 0 0.3em 0;
}

#main #contentList ul li .intro {
	font-size: small;
}

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

#main #contentDetail {
	float: right;
	width: 468px;
}

#main #contentDetail h2 {
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
	font-size: large;
	font-weight: bold;
	line-height: 1.3;
}

#main #contentDetail h3 {
	border-bottom: 1px solid #090;
	clear: left;
	font-size: medium;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 0.2em;
}

#main #contentDetail p.intro {
	margin: 0 0 15px 0;
	font-size: small;
}

#main #contentDetail .mapThumbnail {
	border: 1px solid #cf6;
	float: right;
	margin: 0 0 10px 10px;
	padding: 5px;
	text-align: center;
}

#main #contentDetail .mapThumbnail p {
	font-size: x-small;
	margin-top: 5px;
	padding: 0;
}

#main #contentDetail dl {
	margin: 0 1em 15px 1em;
}

#main #contentDetail dl dt {
	clear: left;
	float: left;
	padding: 0 0 0.3em 0;
	width: 7em;
}

#main #contentDetail dl dd {
	margin-left: 7em;
	padding: 0 0 0.3em 0;
	word-wrap: break-word;
}

#main #contentDetail ul {
	list-style: none;
	margin: 0 1em 15px 1em;
	padding: 0;
}

#main #contentDetail ul li {
	background: url(/images/pin_single.gif) top left no-repeat;
	padding: 0 0 0.3em 10px;
}


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

#main #board h2 {
	text-align: left;
	color: #090;
	font-size: large;
	background: none;
	margin: 0 0 10px 0;
	padding: 0;
	text-decoration: none;
}

#main #board h2 a {
	text-align: left;
	color: #090;
	font-size: large;
	background: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

#main #board h2 a:hover {
	text-decoration: underline;
}

#main #board p.intro {
	margin: 0 0 10px 0;
	text-align: left;
	font-size: small;
}


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

#main #wanted {
	padding: 0 10px 10px 10px;
}

#main #wanted h2 {
	margin: 0 0 10px 0;
	background: none;
	text-align: center;
}

#main #wanted h3 {
	margin: 0 0 10px 0;
	font-size: medium;
}

#main #wanted p {
	margin: 0 0 10px 0;
	font-size: medium;
}

#main #wanted ul {
	font-size: medium;
}

#main #wanted #wantedController {
	margin: 4px;
	text-align: center;
	font-weight: bold;
}

#main #wanted table {
	width: 100%;
	border: 1px solid #6c0;
	border-collapse: collapse;
}

#main #wanted table th {
	padding: 2px;
	background: #cf6;
	border: 1px solid #6c0;
	font-size: medium;
	text-align: left;
	white-space: nowrap;
}

#main #wanted table td {
	padding: 4px;
	border: 1px solid #6c0;
	font-size: medium;
}

#main #wanted #postForm table td {
	font-size: small;
}

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

#main #content #event {
}

#main #content #job #caution, 
#main #content #event #caution {
	border: 1px solid #6c0;
	margin: 0 0 10px 10px ;
	padding: 10px;
}

#main #content #job .article {
	border: 2px solid #6c0;
	margin: 0 0 10px 10px;
	padding: 10px;
}

#main #content #job .article h3 {
	font-size: medium;
	margin: 0 0 1em 0;
	padding: 0;
}

#main #content #job .article h4 {
	font-size: small;
	margin: 0 0 0.5em 0;
	padding: 0;
}

#main #content #job .article p.detail {
	padding: 0 0 1em 0;
}

#main #content #job .article dl.overview {
	margin: 0;
	padding: 0 0 1em 0;
}

#main #content #job .article dl.overview dt {
	background: url(/images/pin_single.gif) left top no-repeat;
	clear: left;
	float:left;
	font-size: small;
	padding-left: 10px;
}

#main #content #job .article dl.overview dd {
	font-size: small;
	margin-left: 80px;
}

#main #content #job .article dl.contact {
	margin: 0;
	padding: 0;
}

#main #content #job .article dl.contact dt {
	clear: left;
	float:left;
	font-size: small;
	padding-left: 16px;
}  
#main #content #job .article dl.contact dd {
	font-size: small;
	margin-left: 120px;
}

#main #content #job .article dl.contact dt.email {
	background: url(/images/icon_email.gif) left center no-repeat;
}

#main #content #job .article dl.contact dt.phone {
	background: url(/images/icon_phone.gif) left center no-repeat;
}

#main #content #job .article dl.contact dt.website {
	background: url(/images/icon_website.gif) left center no-repeat;
}

#main #content #job .article p.status {
	color: #666;
	font-size: x-small;
	margin-top: 10px;
	text-align: right;
}

#main #content #job table, 
#main #content #event table {
	border: 1px solid #6c0;
	border-collapse: collapse;
	margin: 0 0 10px 10px;
	width: 458px;
}

#main #content #job table th, 
#main #content #event table th {
	padding: 5px;
	background: #cf6;
	border: 1px solid #6c0;
	font-size: small;
	text-align: left;
	white-space: nowrap;
}

#main #content #job table th.head, 
#main #content #event table th.head {
	background: #6c0;
	color: #fff;
}

#main #content #job table th.head .subText, 
#main #content #event table th.head .subText {
	font-weight: normal;
	padding-left: 1em;
}

#main #content #job table th.button, 
#main #content #event table th.button {
	background: #eee;
	padding: 15px 0;
	text-align: center;
}

#main #content #job table td, 
#main #content #event table td {
	padding: 5px;
	border: 1px solid #6c0;
	font-size: small;
}

#main #content #job table dl, 
#main #content #event table dl {
	font-size: small;
}

#main #content #job table dl dt, 
#main #content #event table dl dt {
}

#main #content #job table dl dd, 
#main #content #event table dl dd {
}

#main #content #job table.overview, 
#main #content #event table.overview {
	border: 0px solid #6c0;
	border-collapse: collapse;
	margin: 0 0 10px 0;
	width: 100%;
}

#main #content #job table.overview th, 
#main #content #event table.overview th {
	width: 15%;
	white-space: nowrap;
}

#main #content #job table.overview td, 
#main #content #event table.overview td {
	width: 35%;
}

#main #content #event #eventToday {
	border-left: 1px solid #6c0;
	border-right: 1px solid #6c0;
	margin: 0 0 15px 10px;
}

#main #content #event #eventFuture {
	margin: 0 0 15px 10px;
}

#main #content #event #eventToday h3 {
	background: #6c0;
	color: #fff;
	font-size: medium;
	font-weight: bold;
	margin: 0;
	padding: 4px 0 4px 10px;
}

#main #content #event #eventFuture h3 {
	background: #6c0;
	color: #fff;
	font-size: small;
	font-weight: bold;
	margin: 0;
	padding: 4px 0 4px 10px;
}

#main #content #event #eventToday p.message {
	border-bottom: 1px solid #cf6;
	font-size: medium;
	padding: 10px;
}

#main #content #event #eventToday .article {
	border-bottom: 1px solid #6c0;
	padding: 10px 10px;
}

#main #content #event #eventToday .article h4 {
	font-size: medium;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#main #content #event #eventToday .article p.description {
	font-size: small;
}

#main #content #event #eventToday .article p.information {
	color: #333;
	font-size: x-small;
}

#main #content #event #eventToday .article p.information .place, 
#main #content #event #eventToday .article p.information .hour {
	padding-right: 2em;
}

#main #content #event #eventFuture .article {
	border-bottom: 1px solid #cf6;
	padding: 10px 10px;
}

#main #content #event #eventFuture .article h4 {
	font-size: small;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#main #content #event #eventFuture .article p.information {
	color: #333;
	font-size: x-small;
}

#main #content #event #eventFuture .article p.information .place, 
#main #content #event #eventFuture .article p.information .hour {
	padding-right: 2em;
}



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

#main #content #eventDetail {
}

#main #content #eventDetail h2 {
	font-size: large;
	margin-bottom: 10px;
}

#main #content #eventDetail h3 {
	background: #cf6;
	color: #000;
	font-size: medium;
	font-weight: bold;
	margin: 0 0 0 10px;
	padding: 4px 0 4px 10px;
}

#main #content #eventDetail dl {
	border: none;
	font-size: small;
	margin-bottom: 10px;
	padding: 10px;
}

#main #content #eventDetail dl dt {
	display: block;
	font-weight: bold;
	padding-bottom: 5px;
}

#main #content #eventDetail dl dd{
	display: block;
	margin-left: 100px;
	padding-bottom: 5px;
}

#main #content #eventDetail #deleteForm {
	background: #eee;
	padding: 5px;
	text-align: right;
}

#main #content #eventDetail #deleteForm p {
	display: inline;
}

#main #content #eventDetail #deleteForm form {
	display: inline;
}

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

#main .pager {
	clear: both;
	margin: 0 0 0 6px;
	padding: 20px 0 20px 0;
	text-align: center;
}

#main .pager a {
	margin: 0 0.2em;
	padding: 0.3em;
	background: #fff;
	border: 1px solid #6c0;
}

#main .pager a:hover {
	background: #ccc;
}

#main .pager a.current {
	background: #ccc;
	font-weight: bold;
	text-decoration: none;
}

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

#footer {
	clear: both;
	margin: 0;
	padding: 0.5em;
	border-top: 1px solid #6c0;
	text-align: center;
}

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

#main #commentEditor {
	padding: 10px;
}

#main #commentEditor table {
}

#main #commentEditor table th, 
#main #commentEditor table td {
	padding: 5px;
	text-align: left;
}

#main #commentEditor p.notice {
	margin: 10px 0;
	padding: 5px;
}

#main #commentEditor p.error {
	color: #f00;
	margin: 0;
	padding: 0 5px;
}