@charset 'utf-8';

/* rightArea
-------------------------------------------------- */

#rightArea {
	width: 201px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#rightArea .topSpacer {
	padding: 0px;
	margin: 0px;
}

/* keyVisual
-------------------------------------------------- */

#keyVisual {
	width: 820px;
	height: 254px;
	padding: 5px 10px 9px;
	margin: 0px;
	position: relative;
	background: #2a539d;
}

/* Heading Element
-------------------------------------------------- */

#mainArea h3 {
	padding: 0px 0px 3px;
	margin: 0px 0px 12px;
	font-size: 120%;
	line-height: 1.4;
	color: #333333;
	font-weight: bold;
	border-bottom: 2px solid #cccccc;
	background: none;
}

#mainArea h4 {
	padding: 0px;
	margin: 0px 0px 9px;
	font-size: 100%;
	line-height: 1.3;
	font-weight: bold;
	color: #333333;
	background: none;
}

/* reasonBox
-------------------------------------------------- */

#mainArea #reasonBox {
	width: 585px;
	height: 76px;
	margin: 0px 0px 10px;
	position: relative;
}

#mainArea #reasonBox h2 {
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: left;
	line-height: 1;
	color: #000000;
	border: none;
}

#mainArea #reasonBox ul {
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: left;
	line-height: 1;
	color: #000000;
	border: none;
}

#mainArea #reasonBox .detailBtn {
	position: absolute;
	left: 519px;
	top: 7px;
}

/* interviewBlock
-------------------------------------------------- */

#mainArea #interviewBlock {
	width: 585px;
	margin: 0px 0px 12px;
}

#mainArea #interviewBlock .leftColumn {
	width: 288px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea #interviewBlock .rightColumn {
	width: 288px;
	padding: 0px;
	margin: 0px;
	float: right;
}

/* block_001
-------------------------------------------------- */

#mainArea #block_001 {
	width: 585px;
	padding: 0px;
	margin: 0px 0px 12px;
	background: url(/images/block_001_bg.gif) left top repeat-y;
}

#mainArea #block_001 .heading {
	width: 585px;
	height: 28px;
}

#mainArea #block_001 .heading h2 {
	width: 585px;
	height: 28px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	line-height: 1;
	color: #000000;
	background: url(/images/block_001_heading.gif) left top no-repeat;
}

#mainArea #block_001 .body {
	width: 563px;
	_width: 585px;
	_w\idth: 563px;
	padding: 7px 10px 11px;
	margin: 0px;
	background: url(/images/block_001_bottom.gif) left bottom no-repeat;
}

#mainArea #block_001 .body ul.link {
	margin: 0px 0px 0px 4px;
}

#mainArea #block_001 .body ul.link li {
	padding: 0px;
	text-indent: 0px;
	margin: 0px 0px 6px;
	line-height: 1.35;
	background: none;
}

#mainArea #block_001 .body ul.link li a {
	padding: 0px;
	outline-style: none;
}

#mainArea #block_001 .body ul.link li a:link {
	color: #0000aa;
	text-decoration: none;
}

#mainArea #block_001 .body ul.link li a:visited {
	color: #52a9ca;
	text-decoration: none;
}

#mainArea #block_001 .body ul.link li a:hover {
	color: #0d82ae;
	text-decoration: none;
}

#mainArea #block_001 .body ul.link li a:active {
	color: #ff0000;
	text-decoration: none;
}

/* block_002
-------------------------------------------------- */

#mainArea #block_002 {
	width: 585px;
	padding: 0px;
	margin: 0px 0px 12px;
	background: url(/images/block_002_bg.gif) left top repeat-y;
}

#mainArea #block_002 .heading {
	width: 585px;
	height: 26px;
}

#mainArea #block_002 .heading h2 {
	width: 585px;
	height: 26px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	line-height: 1;
	color: #000000;
	background: url(/images/block_002_heading.gif) left top no-repeat;
}

#mainArea #block_002 .body {
	width: 575px;
	_width: 585px;
	_w\idth: 575px;
	padding: 5px 5px 8px;
	margin: 0px;
	background: url(/images/block_002_bottom_000.gif) left bottom no-repeat;
}

/* btnBlock
-------------------------------------------------- */

#mainArea #btnBlock {
	width: 585px;
	padding: 0px;
	margin: 0px 0px 12px;
}

#mainArea #placelist {
	width: 288px;
	margin: 0px 9px 0px 0px;
	float: left;
}

#mainArea #mobile {
	width: 288px;
	margin: 0px;
	float: right;
}

/* newsBlock
-------------------------------------------------- */

#mainArea #newsBlock {
	width: 585px;
	padding: 0px 0px 4px;
	margin: 0px;
	background: url(/images/news_block_bottom.gif) left bottom no-repeat;
}

#mainArea #newsBlock .heading {
	width: 585px;
}

#mainArea #newsBlock .heading h2 {
	width: 585px;
	height: 28px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	line-height: 1;
	color: #000000;
	background: url(/images/news_block_heading.gif) left top no-repeat;
}

#mainArea #newsBlock .body {
	width: 563px;
	_width: 585px;
	_w\idth: 563px;
	padding: 8px 12px 12px 10px;
	margin: 0px;
	background: url(/images/news_block_body.gif) left top repeat-y;
}

#mainArea #newsBlock .column {
	width: 553px;
	_width: 563px;
	_w\idth: 553px;
	padding: 4px 0px 4px 10px;
	line-height: 1.4;
	background: url(/images/news_line_dot.gif) left bottom repeat-x;
}

#mainArea #newsBlock .columnEnd {
	width: 553px;
	_width: 563px;
	_w\idth: 553px;
	padding: 4px 0px 4px 10px;
	background:none;
}

#mainArea #newsBlock .body .newsDate {
	width: 123px;
	_width: 128px;
	_w\idth: 123px;
	padding: 0px 5px 0px 0px;
	margin: 0px;
	float: left;
	font-weight: bold;
	color: #000000;
}

#mainArea #newsBlock .body .newsDescription {
	width: 419px;
	_width: 425px;
	_w\idth: 419px;
	padding: 0px 6px 0px x0px;
	margin: 0px;
	float: right;
	/*\*//*/
	revise: MacIE5.0bug;
	width: 410px;
	/**/
}

#mainArea #newsBlock .body .newsDescription a {
	outline-style: none;
}

#mainArea #newsBlock .body .newsDescription a:link {
	color: #006699;
	text-decoration: none;
}

#mainArea #newsBlock .body .newsDescription a:visited {
	color: #52a9ca;
	text-decoration: none;
}

#mainArea #newsBlock .body .newsDescription a:hover {
	color: #0d82ae;
	text-decoration: none;
}

#mainArea #newsBlock .body .newsDescription a:active {
	color: #ff0000;
	text-decoration: none;
}


/* categorySearch
-------------------------------------------------- */

#mainArea #categorySearch {
	width: 571px;
	padding: 0px;
	margin: 0px 0px 12px;
	background: url(/images/block_002_inner.gif) left top repeat-y;
}

#mainArea #categorySearch h3 {
	width: 571px;
	height: 27px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	line-height: 1;
	color: #000000;
	background: url(/images/category_heading.gif) left top no-repeat;
	border: none;
}

#mainArea #categorySearch .body {
	width: 569px;
	_width: 571px;
	_w\idth: 569px;
	padding: 0px 0px 15px;
	margin: 0px;
	background: url(/images/block_002_bottom_001.gif) left bottom no-repeat;
	text-align: center;
}

#mainArea #categorySearch table {
	width: 563px;
	padding: 0px;
	margin: 0px auto 0px 4px;
	line-height: 1.3;
	color: #333333;
	border-top: 1px solid #8c9799;
	border-left: 1px solid #8c9799;
	border-bottom: none;
	font-size: 100%;
	border-right: none;
}

#mainArea #categorySearch table th {
	padding: 0px 0px 0px 8px;
	background: #e3ebed;
	border-top: none;
	border-left: none;
	border-bottom: 1px solid #8c9799;
	border-right: 1px solid #8c9799;
}

#mainArea #categorySearch table td {
	padding: 1px 0px 2px 9px;
	background: #ffffff;
	border-top: none;
	border-left: none;
	border-bottom: 1px solid #8c9799;
	border-right: 1px solid #8c9799;
}

#mainArea #categorySearch .exceedColumn {
	width: 125px;
	_width: 130px;
	_w\idth: 125px;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	float: left;
	background: #4486e7;
	color:#ffffff;
	border-top: none;
	border-left: none;
	border-bottom: 1px solid #f3f3f3;
	border-right: 1px solid #f3f3f3;
}

#mainArea #categorySearch .search {
	width: 543px;
	_width: 563px;
	_w\idth: 543px;
	padding: 10px;
	margin: 0px;
	text-align: center;
	background: #ffffff;
}

#mainArea #categorySearch .searchBtn {
	width: 156px;
	height: 32px;
	padding: 0px;
	margin: 9px auto 0px;
	display: block;
}

select {
	width: 158px;
}

/* twoColumns
-------------------------------------------------- */

#mainArea .twoColumns {
	width: 571px;
	padding: 0px;
	margin: 0px;
}

#mainArea .twoColumns .leftColumn {
	width: 320px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .twoColumns .rightColumn {
	width: 245px;
	padding: 0px;
	margin: 0px;
	float: right;
}

/* placeSearch
-------------------------------------------------- */

#mainArea #placeSearch {
	width: 320px;
	padding: 0px 0px 4px;
	margin: 0px;
	background: url(/images/block_002_bottom_002.gif) left bottom no-repeat;
}

#mainArea #placeSearch h3 {
	width: 320px;
	height: 28px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	line-height: 1;
	color: #000000;
	background: url(/images/place_heading.gif) left top no-repeat;
	border: none;
}

#mainArea #placeSearch .body {
	width: 300px;
	_width: 320px;
	_w\idth: 300px;
	padding: 5px 10px 4px;
	_padding: 5px 10px 3px;
	_pa\dding: 5px 10px 3px;
	margin: 0px;
	background: url(/images/block_002_inner_002.gif) left top repeat-y;
}

#mainArea #placeSearch .search {
	width: 320px;
	padding: 10px 0px 15px 0px;
	margin: 0px;
	text-align: center;
	background: #ffffff;
}

#mainArea #placeSearch .searchBtn {
	width: 133px;
	height: 22px;
	padding: 0px;
	margin: 0px;
}

/* routeSearch
-------------------------------------------------- */

#mainArea #routeSearch {
	width: 245px;
	padding: 0px 0px 4px;
	margin: 0px 0px 6px;
	background: url(/images/block_002_bottom_003.gif) left bottom no-repeat;
}

#mainArea #routeSearch h3 {
	width: 245px;
	height: 28px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	line-height: 1;
	color: #000000;
	background: url(/images/route_heading.gif) left top no-repeat;
	border: none;
}

#mainArea #routeSearch .body {
	width: 237px;
	_width: 245px;
	_w\idth: 237px;
	padding: 0px 4px 9px;
	margin: 0px;
	background: url(/images/block_002_inner_003.gif) left top repeat-y;
	text-align: center;
}

#mainArea #routeSearch table {
	width: 237px;
	padding: 0px;
	margin: 0px;
	line-height: 1.3;
	color: #333333;
	border: none;
}

#mainArea #routeSearch table th {
	padding: 0px 0px 0px 6px;
	background: #ffffff;
	border: none;
	font-weight: normal;
}

#mainArea #routeSearch table td {
	padding: 0px 0px 0px 7px;
	background: #ffffff;
	border: none;
}

#mainArea #routeSearch .search {
	width: 237px;
	padding: 10px 0px 15px 0px;
	margin: 0px;
	text-align: center;
	background: #ffffff;
}

#mainArea #routeSearch .searchBtn {
	width: 138px;
	height: 26px;
	padding: 0px;
	margin: 9px auto 0px;
	display: block;
}

/* wordSearch
-------------------------------------------------- */

#mainArea #wordSearch {
	width: 245px;
	padding: 0px 0px 4px;
	margin: 0px;
	background: url(/images/block_002_bottom_003.gif) left bottom no-repeat;
}

#mainArea #wordSearch h3 {
	width: 245px;
	height: 28px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	line-height: 1;
	color: #000000;
	background: url(/images/word_heading.gif) left top no-repeat;
	border: none;
}

#mainArea #wordSearch .body {
	width: 230px;
	_width: 245px;
	_w\idth: 230px;
	padding: 2px 4px 6px 11px;
	margin: 0px;
	color: #333333;
	background: url(/images/block_002_inner_003.gif) left top repeat-y;
}

#mainArea #wordSearch .search {
	width: 237px;
	padding: 10px 0px 15px 0px;
	margin: 0px;
	text-align: center;
	background: #ffffff;
}

#mainArea #wordSearch .searchBtn {
	width: 78px;
	height: 26px;
	padding: 0px;
	margin: 0px;
}

#mainArea #wordSearch .i138a {
	margin: 2px 0px 0px;
}

/* box_001
-------------------------------------------------- */

#box_001 {
	width: 201px;
	padding: 0px 0px 4px;
	margin: 0px 0px 12px;
	background: #eaeaea;
	color: #0000aa;
	font-size: 80%;
	line-height: 1.3;
	background: url(/images/box_001_bottom.gif) left bottom no-repeat;
}

#box_001 .heading {
	width: 201px;
	padding: 0px;
	margin: 0px;
}

#box_001 h2.heading {
	width: 201px;
	height: 29px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	line-height: 1;
	color: #000000;
	background: url(/images/box_001_heading.gif) left top no-repeat;
	text-decoration: none;
}

#box_001 .body {
	width: 181px;
	_width: 201px;
	_w\idth: 181px;
	padding: 0px 10px;
	margin: 0px;
	background: url(/images/box_001_body.gif) left top repeat-y;
}

#box_001 .column,
#box_001 .columnEnd {
	width: 181px;
	padding: 6px 0px;
	margin: 0px;
	background: url(/images/box_001_border.gif) left bottom no-repeat;
}

#box_001 .columnEnd {
	padding: 6px 0px 7px;
	background: none;
}

#box_001 .column .image,
#box_001 .columnEnd .image {
	width: 78px;
	float: left;
}

#box_001 .column .text,
#box_001 .columnEnd .text {
	width: 97px;
	float: right;
}

/* box_002
-------------------------------------------------- */

#box_002 {
	width: 201px;
	padding: 3px 0px 0px;
	margin: 0px 0px 12px;
	background: url(/images/box_002_heading.gif) left top no-repeat;
}

#box_002 .body {
	padding: 5px 0px 0px;
	font-size: 80%;
	background: url(/images/box_002_body.gif) left top repeat-y;
}

#box_002 .body .column,
#box_002 .body .columnEnd {
	width: 185px;
	_width: 201px;
	_w\idth: 185px;
	padding: 0px 8px 9px;
}

#box_002 .body .columnEnd {
	padding: 0px 8px 6px;
	background: url(/images/box_002_bottom.gif) left bottom no-repeat;
}

#box_002 .banner {
	margin: 0px 0px 4px;
}

#box_002 .body dl {
	padding: 0px 2px 0px;
}

#box_002 .body dl dt {
	padding: 0px 0px 3px;
	color: #0000aa;
	font-weight: bold;
}

/* box_003
-------------------------------------------------- */

#box_003 {
	width: 201px;
	padding: 0px;
	margin: 0px 0px 12px;
}

#box_003 .heading {
	width: 201px;
	height: 29px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	line-height: 1;
	color: #000000;
	background: url(/images/box_003_heading.gif) left top no-repeat;
}

#box_003 .body {
	padding: 0px;
	margin: 0px;
	font-size: 90%;
	background: url(/images/box_003_body.gif) left top repeat-y;
}

#box_003 .column {
	width: 181px;
	padding: 5px 0px 5px;
	margin: 0px 10px 0px;
	background: url(/images/box_001_border.gif) left bottom no-repeat;
}

#box_003 .columnEnd {
	width: 181px;
	_width: 201px;
	_w\idth: 181px;
	padding: 6px 10px 10px;
	margin: 0px;
	background: url(/images/box_003_bottom.gif) left bottom no-repeat;
}

#box_003 .column a,
#box_003 .columnEnd a {
	padding: 0px 0px 0px 12px;
	color: #333333;
	text-decoration: none;
	background: url(/images/arrow_right_002.gif) 3px 3px no-repeat;
	display: block;
}

#box_003 .column ul {
	margin: 4px 0px 0px;
}

#box_003 .column ul li {
	padding: 6px 0px 3px 0px;
	font-size: 90%;
	line-height: 1.4;
	background: url(/images/box_003_dot.gif) 0px 0px repeat-x;
}

#box_003 .column ul li a {
	padding-left: 24px;
	color: #0000aa;
	text-decoration: none;
	background: url(/images/box_003_q.gif) 12px 3px no-repeat;
}

#box_003 .column ul li span.icon {
	display: none;
}

/* bannerBlock
-------------------------------------------------- */

#bannerBlock {
	width: 201px;
	margin: 0px;
}

#bannerBlock .banner {
	width: 201px;
	height: 35px;
	margin: 0px 0px 6px;
}