@charset "utf-8";

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

Common Setting

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

body {
text-align: center;
color: #333;
font-family: 'Lucida Grande', Geneva, Verdana, sans-serif;
font-size: 12px;
line-height: 18px;
background: #eee;
margin: 0 auto;
padding: 0 0 20px 0;
}

html {
overflow-y: scroll;
}

#container {
width: 786px;
background: url("../images/common/bg_container.gif") bottom no-repeat;
margin: 0 auto 10px auto;
padding: 0 0 5px 0;
}

#outside {
width: 786px;
background: url("../images/common/bg_outside.gif") top center repeat-y;
margin: 0 auto;
padding: 0;
}

#wrapper {
width: 778px;
text-align: left;
background: #fff;
margin: 0 auto;
padding: 0;
}

.wrap {
clear: both;
margin: 0;
padding: 0;
}

.break {
clear: both;
width: 100%;
height: 20px;
margin: 0;
padding: 0;
}

.reset {
clear: both;
width: 100%;
height: 10px;
margin: 0;
padding: 0;
}

.line {
clear: both;
height: 1px;
width: 100%;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 0;
}

.caution {
color: #f00;
}

a:link, a:visited {
color: #369;
text-decoration: underline;
outline-width: 0;
}

a:hover, a:active {
color: #369;
text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
clear: both;
margin: 0;
padding: 0;
}

p {
margin: 0 0 10px 0;
padding: 0;
}

ul {
clear: both;
margin: 0;
padding: 0;
}

li {
list-style: none;
margin: 0;
padding: 0;
}

dl {
clear: both;
margin: 0;
padding: 0;
}

dt {
margin: 0;
padding: 0;
}

dd {
margin: 0;
padding: 0;
}

img {
border-style: none;
margin: 0;
padding: 0;
}

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

Header

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

#header {
height: 70px;
margin: 0;
padding: 0;
}

#header #headerTitle {
float: left;
height: 70px;
width: 500px;
margin: 0;
padding: 0;
}

#header h1 {
float: left;
width: 129px;
height: 70px;
margin: 0;
padding: 0;
}

#header p {
float: right;
width: 360px;
font-size: 10px;
line-height: 16px;
margin: 15px 0 0 0;
padding: 0;
}

#header #headerNavi {
float: right;
height: 70px;
width: 260px;
margin: 0;
padding: 0;
}

#headerNavi ul {
clear: both;
width: 260px;
height: 36px;
background: url("../images/common/header_subnavi.gif") top left no-repeat;
}

#headerNavi li {
float: left;
height: 36px;
text-indent: -9999px;
}

#headerNavi li a, #headerNavi li a:hover {
width: 260px;
height: 36px;
display: block;
}

#headerNavi li.faq a {
width: 91px;
background: url("../images/common/header_subnavi.gif") top left no-repeat;
background-position: 0 0;
}

#headerNavi li.faq a:hover {
width: 91px;
background: url("../images/common/header_subnavi.gif") top left no-repeat;
background-position: 0 -36px;
}

#headerNavi li.contact a {
width: 70px;
background: url("../images/common/header_subnavi.gif") top left no-repeat;
background-position: -91px 0;
}

#headerNavi li.contact a:hover {
width: 70px;
background: url("../images/common/header_subnavi.gif") top left no-repeat;
background-position: -91px -36px;
}

#headerNavi li.vender a {
width: 91px;
background: url("../images/common/header_subnavi.gif") top left no-repeat;
background-position: -161px 0;
}

#headerNavi li.vender a:hover {
width: 91px;
background: url("../images/common/header_subnavi.gif") top left no-repeat;
background-position: -161px -36px;
}

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

Navi

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

#navi {
clear: both;
height: 52px;
margin: 0;
padding: 0;
}

#navi ul {
width: 778px;
height: 52px;
}

#navi li {
float: left;
height: 52px;
text-indent: -9999px;
}

#navi li, #navi li a, #navi li a:hover {
width: 130px;
height: 52px;
display: block;
}

#navi li#company a {
width: 129px;
background: url("../images/common/navi.gif") top left no-repeat;
background-position: 0 0;
}

#navi li#company, #navi li#company a:hover {
width: 129px;
background: url("../images/common/navi.gif") top left no-repeat;
background-position: 0 -52px;
}

#navi li#business a {
background: url("../images/common/navi.gif") top left no-repeat;
background-position: -129px 0;
}

#navi li#business, #navi li#business a:hover {
background: url("../images/common/navi.gif") top left no-repeat;
background-position: -129px -52px;
}

#navi li#service a {
background: url("../images/common/navi.gif") top left no-repeat;
background-position: -259px 0;
}

#navi li#service, #navi li#service a:hover {
background: url("../images/common/navi.gif") top left no-repeat;
background-position: -259px -52px;
}

#navi li#flow a {
background: url("../images/common/navi.gif") top left no-repeat;
background-position: -389px 0;
}

#navi li#flow, #navi li#flow a:hover {
background: url("../images/common/navi.gif") top left no-repeat;
background-position: -389px -52px;
}

#navi li#recruit a {
background: url("../images/common/navi.gif") top left no-repeat;
background-position: -519px 0;
}

#navi li#recruit, #navi li#recruit a:hover {
background: url("../images/common/navi.gif") top left no-repeat;
background-position: -519px -52px;
}

#navi li#contact a {
width: 129px;
background: url("../images/common/navi.gif") top left no-repeat;
background-position: -649px 0;
}

#navi li#contact, #navi li#contact a:hover {
width: 129px;
background: url("../images/common/navi.gif") top left no-repeat;
background-position: -649px -52px;
}

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

Title

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

#title {
clear: both;
height: 90px;
margin: 0;
padding: 0;
}

#top #title {
clear: both;
height: 239px;
margin: 0;
padding: 0;
}

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

Content

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

#content {
clear: both;
float: left;
display: inline;
width: 778px;
background: url("../images/common/bg_content.gif") top left repeat-y;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 0;
}

#top #content {
background: url("../images/common/bg_contentTop.gif") top left repeat-x;
}

*html #content {
margin: -3px 0 0 0;
}

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

Menu

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

#menu {
float: left;
display: inline;
width: 171px;
margin: 0;
padding: 0;
}

#menu ul {
margin: 0 0 10px 1px;
padding: 0;
}

#menu ul#mainList {
margin: 2px 0 2px 2px;
padding: 0;
}

#menu ul#mainList li {
display: block;
width: 139px;
height: 21px;
font-size: 10px;
line-height: 21px;
background: url("../images/common/bg_mainList.gif") left no-repeat;
background-position: 0 0;
margin: 0 0 2px 0;
padding: 0;
}

#menu ul#mainList li a {
color: #333;
display: block;
width: 139px;
height: 21px;
font-size: 10px;
line-height: 21px;
background: url("../images/common/bg_mainList.gif") left no-repeat;
background-position: 0 0;
margin: 0;
padding: 0 0 0 30px;
}

#menu ul#mainList li a:hover {
color: #f00;
display: block;
width: 139px;
height: 21px;
font-size: 10px;
line-height: 21px;
background: url("../images/common/bg_mainList.gif") left no-repeat;
background-position: 0 -21px;
margin: 0;
padding: 0 0 0 30px;
}

#menu ul#mainList li.multiple {
display: block;
width: 139px;
height: 34px;
font-size: 10px;
line-height: 12px;
background: url("../images/common/bg_mainList_multiple.gif") left no-repeat;
background-position: 0 0;
margin: 0 0 2px 0;
padding: 0;
}

#menu ul#mainList li.multiple a {
color: #333;
display: block;
width: 139px;
height: 30px;
font-size: 10px;
line-height: 12px;
background: url("../images/common/bg_mainList_multiple.gif") left no-repeat;
background-position: 0 0;
margin: 0;
padding: 4px 0 0 30px;
}

#menu ul#mainList li.multiple a:hover {
color: #f00;
display: block;
width: 139px;
height: 30px;
font-size: 10px;
line-height: 12px;
background: url("../images/common/bg_mainList_multiple.gif") left no-repeat;
background-position: 0 -34px;
margin: 0;
padding: 4px 0 0 30px;
}

#menu ul#mainList li#current {
color: #f00;
background-position: 0 -21px;
padding: 0 0 0 30px;
}
#menu ul#mainList li#currentMulti {
color: #f00;
height: 30px;
background-position: 0 -34px;
padding: 4px 0 0 30px;
}

#menu ul#mainList li a:link, #menu ul#mainList li a:visited, 
#menu ul#mainList li a:hover, #menu ul#mainList li a:active {
text-decoration: none;
}

#menu ul#subList {
width: 174px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0 0 10px 0;
padding: 10px 0 10px 0;
}

#menu ul#subList li {
width: 171px;
height: 52px;
margin: 0;
padding: 0;
}

#menu ul#subList img {
margin: 0 0 0 1px;
padding: 0;
}
*html #menu ul#subList img {
margin: 0 0 -3px 1px;
}

#menu #companyInfo {
width: 167px;
background: #eee;
border: 1px solid #ccc;
margin: 0 0 0 2px;
padding: 0;
}

#menu #companyInfo ul {
margin: 5px 0 10px 0;
padding: 0;
}

#menu #companyInfo ul li {
font-size: 10px;
line-height: 12px;
margin: 0 0 5px 10px;
padding: 0;
}

#menu #companyInfo ul li#tel {
background: url("../images/common/icon_tel.gif") left no-repeat;
margin: 0 0 5px 10px;
padding: 0 0 0 15px;
}

#menu #companyInfo ul li#fax {
background: url("../images/common/icon_fax.gif") left no-repeat;
margin: 0 0 5px 10px;
padding: 0 0 0 15px;
}

/* ----- Top Page Only ----- */
#top #menu {
float: right;
display: inline;
width: 171px;
margin: 8px 7px 0 0;
padding: 0;
}

#top #menu ul {
margin: 0 0 20px 0;
padding: 0;
}

#top #menu ul#subList {
width: 171px;
border-top: none;
border-bottom: none;
margin: 0 0 20px 0;
padding: 0;
}

#top #menu #companyInfo {
width: 167px;
background: #eee;
border: 1px solid #ccc;
margin: 0 0 0 1px;
padding: 0;
}

#top #menu #companyInfo ul {
margin: 5px 0 10px 0;
padding: 0;
}

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

Main (Top Page Only)

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

#top #main {
float: left;
display: inline;
width: 591px;
background: #fff;
border-right: 1px solid #ccc;
margin: 0;
padding: 0 0 30px 0;
}

#top #main #area01, #top #main #area02 {
float: left;
width: 196px;
background: #f2f2f2;
border-right: 1px solid #ccc;
margin: 0;
padding: 0;
}

#top #main #area03 {
float: left;
width: 196px;
background: #f2f2f2;
margin: 0;
padding: 0;
}

#top #main #area01 p, #top #main #area02 p, #top #main #area03 p {
height: 76px;
font-size: 10px;
line-height: 12px;
margin: 0;
padding: 10px;
}
*html #top #main #area01 p {
height: 74px;
}
*html #top #main #area02 p, *html #top #main #area03 p {
height: 73px;
}

#top #main dl {
margin: 10px 0 0 20px;
padding: 0;
}

#top #main dl dt {
float: left;
width: 90px;
font-size: 10px;
color: #666;
margin: 0 0 7px 0;
padding: 0;
}

#top #main dl dd {
margin: 0 0 7px 0;
padding: 0;
}

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

Main (Sub Pages)

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

#main {
float: right;
display: inline;
width: 594px;
margin: 0;
padding: 0;
}

#main p {
margin: 0 0 15px 0;
padding: 0 25px 0 10px;
}

#main p.topicpath {
height: 21px;
font-size: 10px;
margin: 0;
padding: 3px 0 0 3px;
}

#main h2 {
margin: 0 0 10px 0;
}

#main h3 {
margin: 10px 0 15px 0;
}

#main h3.circle {
font-size: 14px;
font-weight: bold;
background: url("../images/common/icon_circle.gif") left no-repeat;
margin: 0 0 20px 10px;
padding: 0 0 0 25px;
}

#main h4.circle {
font-size: 12px;
font-weight: bold;
background: url("../images/common/icon_circle_small.gif") left no-repeat;
border-bottom: 1px dotted #ccc;
margin: 0 20px 20px 10px;
padding: 5px 0 5px 25px;
}

#main h5 {
font-size: 12px;
font-weight: bold;
margin: 0 0 0 10px;
}

#main ul {
margin: 0 0 10px 10px;
padding: 0;
}

#main table caption {
text-align: left;
margin: 0 0 5px 0;
padding: 0;
}

#main img.right {
float: right;
margin: 0 20px 20px 15px;
padding: 0 0 0 0;
}

#main img.chart {
margin: 0 0 10px 10px;
padding: 0;
}

#main #pagingBox {
clear: both;
float: left;
width: 575px;
height: 21px;
display: inline;
background: #f2f2f2;
border: 1px solid #ccc;
margin: 0 0 10px 0;
padding: 3px;
}

#main #pagingBox p {
clear: both;
float: right;
width: 130px;
display: inline;
height: 21px;
font-size: 10px;
line-height: 21px;
background: url("../images/common/bg_pagingBox_next.gif") left no-repeat;
margin: 0;
padding: 0;
}

#main #pagingBox p a {
width: 100px;
display: block;
height: 21px;
font-size: 10px;
line-height: 21px;
background: url("../images/common/bg_pagingBox_next.gif") left no-repeat;
margin: 0;
padding: 0 0 0 30px;
}

#main #pagingBox p a:link, #main #pagingBox p a:visited, 
#main #pagingBox p a:hover, #main #pagingBox p a:active {
color: #333;
text-decoration: none;
}

#main #pagingBox li {
float: right;
width: 130px;
display: inline;
height: 21px;
font-size: 10px;
line-height: 21px;
background: url("../images/common/bg_pagingBox_next.gif") left no-repeat;
margin: 0 0 0 3px;
padding: 0;
}

#main #pagingBox li a {
width: 100px;
display: block;
height: 21px;
font-size: 10px;
line-height: 21px;
background: url("../images/common/bg_pagingBox_next.gif") left no-repeat;
margin: 0;
padding: 0 0 0 30px;
}

#main #pagingBox li a:link, #main #pagingBox li a:visited, 
#main #pagingBox li a:hover, #main #pagingBox li a:active {
color: #333;
text-decoration: none;
}

#main p.paging {
margin: 0 0 7px 10px;
padding: 0;
}

#main p.paging img {
margin: 0 8px 3px 0;
padding: 0;
}

#main .pagetop {
clear: both;
width: 100%;
height: 10px;
display: inline;
margin: 0;
padding: 0;
}

#main .pagetop p {
clear: both;
float: right;
width: 85px;
display: inline;
font-size: 10px;
background: url("../images/common/arrow_pagetop.gif") left no-repeat;
margin: 0 15px 10px 0;
padding: 0 0 0 12px;
}

#main p.pagetop {
clear: both;
float: right;
width: 85px;
display: inline;
font-size: 10px;
line-height: 10px;
background: url("../images/common/arrow_pagetop.gif") left no-repeat;
margin: 0 15px 10px 0;
padding: 0 0 0 12px;
}

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

Footer

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

#footer {
clear: both;
text-align: center;
font-size: 10px;
line-height: 12px;
margin: 0;
padding: 10px 0 0 0;
}

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

Company

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

#main p.name {
font-weight: bold;
margin: 0 0 10px 0;
padding: 20px 0 0 10px;
}

#main dl.signature {
float: right;
width: 220px;
display: inline;
margin: 0 20px 10px 0;
padding: 0;
}

#main dl.signature dt {
float: left;
margin: 0 0 10px 0;
padding: 20px 0 0 0;
}

#main dl.signature dd {
float: right;
margin: 0 0 10px 0;
padding: 0;
}

#main table.company {
clear: both;
width: 545px;
border-collapse: collapse;
margin: 0 20px 10px 20px;
padding: 0;
}

#main table.company th {
	width: 70px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	background: #e2e9ef;
	border-bottom: 1px solid #fff;
	margin: 0;
	padding: 7px 7px 7px 10px;
}

#main table.company td {
text-align: left;
vertical-align: top;
border-bottom: 1px dotted #ccc;
margin: 0;
padding: 7px 7px 7px 10px;
}

#main table.company td.top {
border-top: 1px dotted #ccc;
}

#main dl#executive dt {
	float: left;
	width: 140px;
	margin: 0;
	padding: 0;
}

#main dl#executive dd {
margin: 0;
padding: 0;
}

#main p.network {
margin: 0 0 10px 20px;
padding: 0;
}

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

Business

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

#main #pagingChart {
float: left;
width: 564px;
height: 400px;
display: inline;
background: url("../images/business/bg_pagingChart.jpg") top left no-repeat;
margin: 20px 0 0 10px;
padding: 0;
}

#main #pagingChart #paging01, #main #paging02, #main #paging03 {
float: left;
width: 263px;
display: inline;
background: #fff;
border: 1px solid #ccc;
margin: 15px 0 0 11px;
padding: 0;
}

#main #pagingChart #paging03 {
margin: 10px 0 0 150px;
}

#main #pagingChart #paging01 p, 
#main #pagingChart #paging02 p, 
#main #pagingChart #paging03 p {
height: 75px;
margin: 0;
padding: 11px;
}

#main .insideLeft {
float: left;
width: 400px;
display: inline;
margin: 0 0 10px 0;
}

#main .insideLeft ul {
margin: 0 0 20px 10px;
padding: 0;
}

#main .insideLeft p {
margin: 0 0 15px 0;
padding: 0 0 0 10px;
}

#main .insideLeft p img {
margin: 0 5px 0 0;
}

#main .insideRight {
float: right;
width: 132px;
display: inline;
margin: 0 40px 10px 0;
}

#main .insideRight img {
margin: -5px 0 0 0;
}

#main .insideRightV2 {
float: right;
width: 132px;
display: inline;
margin: 0 20px 10px 0;
}

#main .insideRightV2 img {
margin: 0;
}

#main .wrapLine {
clear: both;
float: left;
width: 563px;
display: inline;
border: 1px solid #ccc;
margin: -10px 0 30px 10px;
padding: 0;
}

#main .wrapLine h4 {
color: #346799;
font-size: 12px;
font-weight: bold;
background: #d8e6f1 url("../images/common/icon_square.gif") left no-repeat;
margin: 10px 10px 3px 10px;
padding: 5px 5px 5px 25px;
}

#main .wrapLine ul {
margin: 0 10px 10px 10px;
padding: 0;
}

#main .wrapLine ul li {
border-bottom: 1px dotted #ccc;
margin: 0;
padding: 6px;
}

#main .wrapLine p {
border-bottom: 1px dotted #ccc;
margin: 0 10px 10px 10px;
padding: 6px;
}

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

Recruit

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

#recruit #main #pagingBox {
width: 576px;
height: 21px;
background: #f2f2f2;
border: 1px solid #ccc;
margin: 0 10px 10px 1px;
padding: 5px 0 5px 5px;
}

#recruit #main #pagingBox ul {
margin: 0;
}

#recruit #main #pagingBox li {
float: left;
width: 139px;
display: inline;
height: 21px;
font-size: 10px;
line-height: 21px;
background: url("../images/common/bg_pagingBox_recruit.gif") left no-repeat;
margin: 0 5px 0 0;
padding: 0;
}

#recruit #main #pagingBox li a {
width: 109px;
display: block;
height: 21px;
font-size: 10px;
line-height: 21px;
background: url("../images/common/bg_pagingBox_recruit.gif") left no-repeat;
margin: 0;
padding: 0 0 0 30px;
}

#main #pagingBoxInner {
min-height: 21px;
border: 1px solid #369;
margin: -10px 10px 15px 10px;
padding: 10px 0 0 10px;
}

	/* hack for ie6 */
	* html #main #pagingBoxInner {
	height: 21px;
	}


#main #pagingBoxInner ul {
margin: 0;
}

#main #pagingBoxInner li {
float: left;
display: inline;
height: 12px;
font-size: 10px;
line-height: 12px;
background: url("../images/common/arrow_inner.gif") left no-repeat;
border-right: 1px solid #999;
margin: 0 14px 0 0;
padding: 0 16px 0 15px;
}

#recruit #main dl {
width:135px;
float: right;
display: inline;
font-size: 10px;
line-height: 12px;
margin: -15px 30px 5px 0;
padding: 0;
}
#recruit #main dl.jp {
width:135px;
}
#recruit #main dl.en {
width:275px;
}
#recruit #main dl.cn {
width:120px;
}
#recruit #main dl.th {
width:165px;
}
#recruit #main dl.vn {
width:275px;
}

#recruit #main dl dt {
float: left;
margin: 0;
padding: 0;
}

#recruit #main dl dd {
float: right;
margin: 0;
padding: 0;
}

#main table.situation {
clear: both;
width: 563px;
border-collapse: collapse;
border-top: 1px solid #999;
border-left: 1px solid #999;
margin: 0 0 20px 10px;
padding: 0;
}

#main table.situation th {
text-align: left;
font-weight: normal;
vertical-align: top;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
margin: 0;
padding: 6px 6px 6px 10px;
}

#main table.situation th.even {
background: #f2f2f2;
}

#main table.situation td {
width: 28px;
text-align: center;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
margin: 0;
padding: 6px;
}
*html #main table.situation td {
width: 27px;
}

#main table.situation td.even {
background: #f2f2f2;
}

#main table.situation td.place {
width: auto;
color: #fff;
background: #369;
border-right: 1px solid #fff;
border-bottom: none;
}
#main table.situation td.placeLast {
width: auto;
color: #fff;
background: #369;
border-right: 1px solid #369;
border-bottom: none;
}

#main table.situation td.title {
color: #369;
background: #dfe6f1;
}

#main table.exp {
clear: both;
width: 563px;
border-collapse: collapse;
border-top: 1px solid #999;
border-left: 1px solid #999;
margin: 0 0 20px 10px;
padding: 0;
}

#main table.exp caption {
margin: 0 0 5px 10px;
padding: 0;
}
html:\66irst-child #main table.exp caption {
margin: 0 0 5px 0;
}

#main table.exp th {
width: 147px;
text-align: left;
font-weight: normal;
vertical-align: top;
background: #f2f2f2;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
margin: 0;
padding: 6px 6px 6px 10px;
}
*html #main table.exp th {
width: 145px;
}

#main table.exp td {
text-align: left;
vertical-align: top;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
margin: 0;
padding: 6px 6px 6px 10px;
}

#main table.condition {
clear: both;
width: 564px;
border-collapse: collapse;
margin: 0 0 20px 10px;
padding: 0;
}

#main table.condition caption {
margin: 0 0 5px 10px;
padding: 0;
}
html:\66irst-child #main table.condition caption {
margin: 0 0 5px 0;
}

#main table.condition th {
width: 147px;
text-align: left;
color: #fff;
font-weight: normal;
vertical-align: top;
background: #369;
border-bottom: 1px solid #fff;
margin: 0;
padding: 6px 6px 6px 10px;
}
*html #main table.condition th {
width: 145px;
}

#main table.condition th.top {
border-top: 1px solid #369;
}

#main table.condition th.bottom {
border-bottom: 1px solid #369;
}

#main table.condition td {
text-align: left;
vertical-align: top;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
margin: 0;
padding: 6px 6px 6px 10px;
}

#main table.condition td.top {
border-top: 1px solid #999;
}

#main table.apply {
clear: both;
width: 565px;
border-collapse: collapse;
border-top: 1px dotted #999;
margin: 0 0 10px 10px;
padding: 0;
}

#main table.apply th {
width: 90px;
text-align: left;
font-weight: bold;
vertical-align: top;
border-bottom: 1px dotted #999;
margin: 0;
padding: 6px 6px 6px 10px;
}

#main table.apply td {
text-align: left;
vertical-align: top;
border-bottom: 1px dotted #999;
margin: 0;
padding: 6px 6px 6px 10px;
}

#main table.apply td .first {
margin: 0 0 0 6px;
padding: 0;
}

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

Link

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

#link h2 {
margin: 0 0 20px 0;
}

#link h3.circle {
margin: 0 0 10px 10px;
}

#link #main ul {
border-top: 1px dotted #ccc;
margin: 0 20px 10px 10px;
}

#link #main ul li {
clear: both;
height: 54px;
display: block;
border-bottom: 1px dotted #ccc;
margin: 0;
padding: 20px 10px 20px 10px;
}

#link #main dl {
line-height: 54px;
margin: 0;
padding: 0;
}

#link #main dl dt {
float: left;
background: url("../images/common/arrow.gif") left no-repeat;
margin: 0;
padding: 0 0 0 15px;
}

#link #main dl dd {
float: right;
margin: 0;
padding: 0;
}

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

Vender

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

#vender #main .wrapLine {
clear: both;
float: left;
width: 563px;
display: inline;
border: 1px solid #ccc;
margin: -10px 0 10px 10px;
padding: 0;
}

#vender #main .wrapLine .insideLeft {
float: left;
width: 266px;
display: inline;
margin: 0 0 0 10px;
padding: 0;
}

#vender #main .wrapLine .insideRight {
float: right;
width: 266px;
display: inline;
margin: 0 10px 0 0;
padding: 0;
}

#vender #main .wrapLine h4 {
color: #346799;
font-size: 12px;
font-weight: bold;
background: #d8e6f1 url("../images/common/icon_square.gif") left no-repeat;
margin: 10px 0 2px 0;
padding: 5px 5px 5px 25px;
}

#vender #main .wrapLine ul {
margin: 0 0 10px 0;
padding: 0;
}

#vender #main .wrapLine ul li {
font-size: 10px;
line-height: 12px;
border-bottom: 1px dotted #ccc;
margin: 0;
padding: 3px 0 3px 10px;
}

#vender #main .wrapLine .insideRight p {
font-size: 10px;
line-height: 12px;
border: none;
margin: -5px 0 10px 0;
padding: 0 0 0 10px;
}

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

Policy

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

#policy h2 {
margin: 0 0 20px 0;
}

#policy #main ul {
clear: both;
border-top: 1px dotted #ccc;
margin: 0 20px 15px 10px;
padding: 0;
}

#policy #main ul li {
border-bottom: 1px dotted #ccc;
margin: 0;
padding: 20px 10px 20px 0px;
}
*html #policy #main ul li {
height: 1px;
}

#policy #main dl {
clear: both;
margin: 0;
padding: 0;
}

#policy #main dl dt {
clear: both;
font-weight: bold;
margin: 0;
padding: 0;
}

#policy #main dl dd {
clear: both;
margin: 0;
padding: 0;
}

#policy #main p.contact {
clear: both;
margin: 0 0 15px 18px;
padding: 0;
}

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

Sitemap

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

#sitemap h2 {
margin: 0 0 20px 0;
}

#sitemap #main ul {
width: 564px;
border-top: 1px dotted #ccc;
margin: 0 20px 10px 10px;
}

#sitemap #main ul li {
clear: both;
font-weight: bold;
border-bottom: 1px dotted #ccc;
margin: 0;
padding: 6px 0 6px 10px;
}
#sitemap #main ul li.nest {
width:554px;
overflow:auto;
}
#sitemap #main ul li.nest p {
float: left;
width: 250px;
}
#sitemap #main ul li.nest ul {
clear:none;
float: right;
width: 270px;
border-top: none;
margin:-5px 0 0 0;
}
#sitemap #main ul li.nest ul li {
clear: both;
font-weight: normal;
border-bottom: none;
background: url("../images/common/arrow_second.gif") left no-repeat;
border-bottom: 1px dotted #ccc;
margin: 0;
padding: 6px 0 6px 25px;
}

#sitemap #main ul li.nest ul li.last {
border-bottom: none;
background: url("../images/common/arrow_secondLast.gif") left no-repeat;
margin: 0;
padding: 6px 0 0 25px;
}

#sitemap #main ul li p {
background: url("../images/common/arrow.gif") left no-repeat;
margin: 0;
padding: 0 0 0 15px;
}

#sitemap #main p.second {
height: 18px;
font-weight: normal;
background: url("../images/common/arrow_second.gif") left no-repeat;
margin: -18px 0 0 290px;
padding: 0 0 0 25px;
}

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

Order flow

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

#order h2 {
margin: 0 0 20px 0;
}

#order #main #pagingBoxInner {
margin: 0 20px 15px 10px;
}

#order #main .wrapLine {
margin: -10px 0 20px 10px;
}
*html #order #main .wrapLine {
margin: -10px 0 20px 12px;
}

#order #main .wrapLine .insideRight {
float: right;
width: 80px;
display: inline;
margin: 10px 17px 0 0;
padding: 0;
}

#order #main .wrapLine .insideRight img {
margin: 0 0 10px 0;
padding: 0;
}

#order #main .wrapLine .insideLeft {
float: left;
width: 435px;
display: inline;
margin: 10px 0 0 10px;
padding: 0;
}

#order #main .wrapLine .insideLeft ul {
margin: 0 0 10px 0;
padding: 0;
}

#order #main .wrapLine .insideLeft ul li {
border-bottom: none;
background: url("../images/common/arrow_flow.gif") bottom center no-repeat;
margin: 0;
padding: 0 0 20px 0;
}

#order #main .wrapLine .insideLeft ul li.last {
background: none;
padding: 0;
}

#order #main .wrapLine .insideLeft .caption {
clear: both;
float: left;
width: 435px;
display: inline;
background: #f2f2f2;
margin: 0 0 10px 0;
padding: 0;
}

#order #main .wrapLine .insideLeft .caption ul {
margin: 0;
padding: 10px;
}

#order #main .wrapLine .insideLeft .caption ul li {
background: none;
margin: 0;
padding: 0;
}

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

Products

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

#products h2 {
margin: 0 0 20px 0;
}

#products #main .wrap {
clear: both;
float: left;
width: 565px;
display: inline;
margin: -10px 0 0 10px;
padding: 0;
}

#products #main .wrap .insideLeft {
float: left;
width: 266px;
display: inline;
margin: 0 0 0 10px;
padding: 0;
}

#products #main .wrap .insideRight {
float: right;
width: 266px;
display: inline;
margin: 0 10px 0 0;
padding: 0;
}

#products #main .wrap h4 {
color: #346799;
font-size: 12px;
font-weight: bold;
background: #d8e6f1 url("../images/common/icon_square.gif") left no-repeat;
margin: 10px 0 2px 0;
padding: 5px 5px 5px 25px;
}

#products #main .wrap ul {
margin: 0 0 10px 0;
padding: 0;
}

#products #main .wrap ul li {
font-size: 10px;
line-height: 12px;
border-bottom: 1px dotted #ccc;
margin: 0;
padding: 3px 0 3px 10px;
}

#products #main .wrap .insideRight p {
font-size: 10px;
line-height: 12px;
border: none;
margin: -5px 0 10px 0;
padding: 0 0 0 10px;
}

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

Faq

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

#faq h2 {
margin: 0 0 20px 0;
}

#faq h4.circle {
margin: 10px 0 4px 10px;
}

#faq #main dl {
border-bottom: 1px dotted #ccc;
margin: 0 20px 0 10px;
}

#faq #main dl.first {
border-top: 1px dotted #ccc;
}

#faq #main dl dt {
background: url("../images/common/icon_question.gif") left no-repeat;
margin: 0 0 0 10px;
padding: 6px 0 6px 16px;
}

#faq #main dl dd {
display:none;
background: url("../images/common/icon_answer.gif") top left no-repeat;
margin: 0 0 0 10px;
padding: 6px 0 6px 16px;
}

#faq #main dl dd p {
background: #f0f3f7;
margin: -6px 0 4px 0;
padding: 10px;
}

#sw1b, #sw2b, #sw3b, #sw4b, #sw5b, #sw6b, #sw7b, #sw8b, #sw9b, #sw10b, #sw11b, #sw12b, #sw13b, #sw14b, #sw15b, #sw16b, #sw17b, #sw18b, #sw19b, #sw20b {
display: none;
}