@charset "UTF-8";

/* CSS Document */




#bg {
		width:1000px;
		background:url(../image/center_gradiant_.png) center top no-repeat;
		margin:0 auto;
}

/* = #wrap
----------------------------------*/


#wrap {
		width:900px;
		margin:0 auto;
		background:#fff url(../image/wrap_bg.gif) right top no-repeat;
}

/* = #header
----------------------------------*/

#header {
		width:100%;
		position:relative;
		padding-top:15px;
		background:url(../image/head_bg02.gif) left top no-repeat;
}

#header h1#description {
		position:absolute;
		top:43px;
		left:230px;
		font-size:11px;
		line-height:120%;
}

#header p#logo {
		margin:0 0 10px 20px;
}

#header ul#sub_navi {
		position:absolute;
		top:12px;
		right:175px;
		width:auto;
		border-right: 1px solid #000;
}

* html #header ul#sub_navi {
		width:auto;
}

#header ul#sub_navi li {
		float:left;
		font-size:11px;
		/*background:url(../image/navi_arrow.gif) no-repeat left center;*/
		display:block;
		line-height:100%;
		border-left: 1px solid #333;
		padding:0 8px;
}

#header ul#navi {
		width:auto;
		margin-left:15px;
		margin-top: 0px;
		padding-top: 10px;
}

#header ul#navi li {
		width:auto;
		float:left;
}

#header p#englishBtn {
		position:absolute;
		right:82px;
		top:9px;
		margin: 0;
}

/* = #container
----------------------------------*/


#container {
		position: relative;
		margin-bottom:33px;
		margin-top: 30px;
}

.index #container {
	padding-left:20px;
	width:880px;
	margin-bottom:65px !important;
	position: relative;
}

.index p#tab {
		position:absolute;
		bottom:-55px;
		left:18px;
		margin: 0;
}

#container #content h3 {
		color:#006bb5;
		border-bottom:1px solid #ccc;
		padding-bottom:0.5em;
		margin-bottom:0.8em;
		font-size:15px;
}

#container #content h4 {
		font-weight:bold;
		margin:7px 0;
		font-size: 14px;
}

/* = #cover
----------------------------------*/

#container #cover {
		width:533px;
		float:right;
		height: 400px;
}

#container #button_group {
		width:297px;
		float:left;
		margin-top: 30px;
}

/* = index_right
----------------------------------*/


#container #index_right {
		width:533px;
		float:right;
		margin-top: 30px;
}

#container #index_right h3 {
		margin:0px 0 3px 0;
}

.index #container ul#right_tab {
		position:absolute;
		bottom:-55px;
		right:0;
		margin-right:-3px;
		width:533px;
}

.index #container ul#right_tab li {
		float:left;
		margin-right: 12px;
}

/* = index_left
----------------------------------*/

#container #index_left {
		width:297px;
		float:left;
		height: 400px;
		margin-bottom: 5px;
}

#container #index_left h2 {
		margin:0 0 5px 0;
		/margin:-5px 0 5px 0;
}

#container #index_left h3 {
		color:#006BB5;
		border-left:4px solid #006BB5;
		padding-left:5px;
		margin-top: 2px;
}

#container #index_left p {
		/font-size:10px;
		/line-height: 2;
	/*	line-height:160%\9;*/
}

html>/**/body #container #index_left p { line-height:160%; }


#container #index_left dl {
		font-size:11px;
		margin-left: 1px;
		line-height:1.6;
		height: 70px;
		overflow: auto;
}

#container #index_left dl dt {
	float:left;
	width:65px;
	clear: both;
}

#container #index_left dl dd {
	margin-left:70px;
}

#container #index_left ul {
		float:left;
		margin-left:-19px;
		margin-top: 8px;
		width: 316px;
}

#container #index_left ul li {
		float:left;
		width:139px;
		margin-left:17px;
		margin-bottom:10px;
}

*html #container #index_left ul li {
		display:inline;
}

/* = #content
----------------------------------*/

#container #content {
		width:680px;
		float:right;
		height:400px;
		overflow-y: auto;
}

#container #content h2 {
		margin-bottom:2em;
}

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

#main {
		width:650px;
}

.lefter {
		width:495px;
		float:left;
		margin-right:15px;
}

.righter {
		width:140px;
		float:right;
}

/* = greeting
----------------------------------*/


p#hello {
		line-height:2.2;
		font-size: 12px;
}

p#ceo {
		text-align:right;
		margin-right: 35px;
		margin-top: -8px;
}

p#ceo span {
		font-size:20px;
}

.greeting .righter {
		padding-top:1.5em;
}

/* = about
----------------------------------*/


.about #container #content dl {
		margin-bottom:2em;
}

.about #container #content dl dt {
		float:left;
		width:130px;
		display:block;
		line-height: 100%;
		color: #006bb5;
}

.about #container #content dl dt#about_dt {
		width:130px !important;
}

.about #container #content dl dd#about_dd {
		margin-left:100px !important;
}

.about #container #content dl dd {
		margin-left:130px;
}

* html .about #container #content dl dd {
		height:1%;
}

.about #container #content dl dd ul {
		list-style:square !important;
		list-style-position:inside;
}

.about #container #content dl dd ul li {
		line-height:110%;
		margin-bottom:10px;
		padding-bottom: 5px;
		font-size: 15px;
}

.about #container #content table {
		border-top:1px solid #999;
		border-bottom:1px solid #999;
		width: 515px;
}

.about #container #content dl dd table tr th {
		color:#006bb5;
		padding:8px 0;
		width: 90px;
		border-bottom:1px solid #999;
}

.about #container #content dl dd table tr td {
		padding:8px 8px 8px 20px;
		border-left: 1px solid #999;
		border-bottom:1px solid #999;
}

.about #container #content dl dd table tr td p {
		margin-top:5px;
}

.about #container #content dl dd table tr#map td {
		padding:8px 8px 0px 20px;
}

.consept_bg {
		background:url(../image/consept_bg.png) bottom right no-repeat;
}

/* = history
----------------------------------*/


.history #container #content table tr th {
		color:#006bb5;
		padding:8px 0;
		width: 90px;
		line-height:130%;
}

.history #container #content table tr td {
		padding:8px 8px 8px 20px;
		line-height:130%;
}

.history .righter {
		padding-top:1.5em;
}

/* = office
----------------------------------*/

.office #container #content {
		position:relative;
}

.office #container #content h3 {
		margin-bottom:5px !important;
}

.office #container #content .section dl {
		clear:both;
}

.office #container #content .section dl dt {
		float:left;
		width:110px;
		display:block;
		line-height: 140%;
}

.office #container #content .section dl dd {
		margin-left:110px;
		line-height: 140%;
}

.office #container #content .section p {
		position:absolute;
		right:50px;
		top:155px;
		margin: 0;
}

* html .office #container #content .section p {
		top:190px;
}

/* = quolity
----------------------------------*/


.quality #container #content #main #lefter .section {
		width:500px;
}

.quality #container #content p {
		margin:0;
}

.quality #container #content ul {
		list-style-type:decimal;
		list-style-position:inside;
}

/* = other
----------------------------------*/

.other #container #content dl {
		margin-bottom:1em;
		padding-bottom:0.8em;
		border-bottom:1px solid #999;
}

.other #container #content dl dt {
		float:left;
		width:120px;
		display:block;
		color:#006bb5;
}

.other #container #content dl dd {
		margin-left:120px;
}

/* = recruit
----------------------------------*/

.recruit #side {
		background:url(../image/recruit_sideBg.png) no-repeat bottom !important;
}

.recruit #container #content table {
		border-bottom:1px solid #999;
		width: 526px;
}

.recruit #container #content table tr th {
		padding:8px 0;
		width: 90px;
		border-bottom:1px solid #999;
}

.recruit #container #content table tr td {
		padding:8px 8px 8px 20px;
		border-left: 1px solid #999;
		border-bottom:1px solid #999;
}

.recruit .righter {
		width:120px;
}

.recruit .righter ul {
		margin-top:5px;
}

.recruit .righter ul li {
		line-height:140%;
}

.recruit dl {
		width:100%;
}

.recruit dl dt {
		width:70px;
		float:left;
		display: block;
}

.recruit .righter {
		font-size:11px;
		padding-top: 3px;
}

.recruit .righter p {
		margin:5px 0 0 0;
}

.recruit .clearfix {
		margin-bottom:1em;
}

.recruit table {
		width:100% !important;
}

.recruit #liner {
		border-bottom:1px solid #ccc;
		margin-bottom:1.5em;
		padding-bottom: 1em;
}

.recruit .recruit_bg {
		background:url(../image/recruit_bg02.jpg) bottom right no-repeat;
}

.recruit #container #side ul.inner {
		margin-top:8px;
		margin-left: -1px;
}

.recruit #container #side ul.inner li {
		margin-bottom:8px;
		font-size:11px;
}

/* = contact
----------------------------------*/

.contact dl {
		width:auto;
		margin-top: 0.8em;
		margin-bottom: 1em;
		border-bottom: 1px solid #ccc;
		padding: 15px 0 15px 0;
}

.contact dl dt {
		width:170px;
		float:left;
}

.contact dl dd {
		margin-left:170px;
}

.contact dd#tel {
		padding-left: 2.5em;
}

.contact #mail {
		padding-left: 2.5em;
}

/* = operation
----------------------------------*/

.operation #container #content h2 {
		margin-bottom:2px;
}

.operation #container #content ul {
		width:668px;
		margin-left:-18px;
		float:left;
}

.operation #container #content ul li {
		width:149px;
		margin-left:18px;
		float:left;
		margin-bottom: 25px;
		display: block;
		background:url(../image/line.gif) repeat;
}

*html .operation #container #content ul li {
		display:inline;
}

.operation #container #side h4 {
		margin-left:24px;
		margin-bottom: 9px;
		font-size: 14px;
}

.operation #container #content .section {
		background:url(../image/result_bg.gif) no-repeat;
		border-bottom:1px solid #ccc;
		padding:15px;
		width: 620px;
}

.operation #container #content .section .resultLeft {
		float:left;
		width:430px;
}

.operation #container #content .section .resultLeft h3 {
		margin:0;
		border:none;
}

.operation #container #content .section .resultRight {
		float:left;
		width:190px;
}

.operation #container #content .section p#title {
		margin-top:10px;
		margin-bottom:10px !important;
}

.operation #container #content .section p {
		font-size:12px;
		margin-bottom:0px !important;
}

/* = #side
----------------------------------*/


#container #side {
		float:left;
		width:190px;
		background: #EFEFF0;
		max-height:auto;
		min-height:auto;
		height:400px;
}

#container #side h3 {
		margin-bottom:1.2em;
}

#container #side ul {
		margin-left:36px;
		margin-bottom:8px;
}

#container #side ul li {
		font-size:12px;
		list-style:square !important;
		margin-bottom:0.5em;
}

#container #side ul.inner {
		margin-left:28px;
}

#container #side ul.inner li {
		margin-bottom:0.9em;
		list-style:none !important;
		border-left:1px solid #333;
		padding-left:8px;
		line-height:105%;
}

/* = #footer
----------------------------------*/


#footer {
		clear:both;
		width:900px;
		position:relative;
		height:80px;
		background:url(../image/footer.png) top no-repeat;
}

#footer p {
		font-size:9px;
		padding-top: 3em;
		line-height: 160%;
		padding-left: 5px;
}

h2#h2_magin {
		margin-bottom:1em !important;
}

/* = lease
----------------------------------*/

.lease #content dl {
		width:auto;
		height:auto;
		clear:both;
		height:30px;
		margin-bottom: 2px;
}

.lease #content dl dt {
		float:left;
		color:#FFF;
		background:url(../image/lease_base.png) no-repeat;
		line-height: 130%;
		padding:8px;
		width: 122px;
		clear:both;
		text-align: center;
}

.lease #content dl dd {
		margin-left:150px;
		line-height: 130%;
		padding:auto 0;
}

* html .lease #content dl dd {
		line-height: 150%;
}

.lease #content p.next {
		margin-left:60px;
		margin-bottom: 5px;
		margin-top: 5px;
}

.lease #content h3 {
		margin-top:1.5em;
}

.lease #container #side ul.inner {
		margin-top:8px;
		margin-left: -1px;
}

.lease #container #side ul.inner li {
		margin-bottom:8px;
		font-size:11px;
}

.lease #container #content ul {
		width:668px;
		margin-left:-18px;
		float:left;
}

.lease #container #content ul li {
		width:149px;
		margin-left:18px;
		float:left;
		margin-bottom: 25px;
		display: block;
		background:url(../image/line.gif) repeat;
}

*html .lease #container #content ul li {
		display:inline;
}

.lease table {
		width:100%;
		border-top:1px solid #ccc;
		border-left:1px solid #ccc;
}

.lease table th {
		width:160px;
		border-bottom:1px solid #ccc;
		border-right:1px solid #ccc;
		padding:8px;
		background: #e4ecf9;
		line-height:140%;
		vertical-align:middle;
}

.lease table td {
		border-bottom:1px solid #ccc;
		border-right:1px solid #ccc;
		padding:8px 8px 8px 12px;
		line-height:140%;
}

.lease input, select {
}

.lease p#send {
		text-align:center;
		margin:20px 0;
}

.lease span {
		font-size:10px;
}

/* = info
----------------------------------*/


.info #side {
		background:url(../image/other_sideBg.png) no-repeat bottom !important;
}

info h3 {
margin-bottom:1em !important;
}

.info div.list {
		float:left;
		width:130px;
}

.info div.list h3 {
		border:none !important;
		margin:0 0 0.8em 0 !important;
		padding:0 !important;
}

.info div.list h4 {
font-weight:normal !important;
font-size:13px !important;
}


.info div.list ul {
		margin-left:15px;
		font-size:10px;
}

.info div.list ul li {
		list-style:square !important;
		margin-bottom:0.5em;
}

.info div.list ul.inner {
		margin-left:1%;
		margin-top: 4px;
}

.info div.list ul.inner li {
		margin-bottom:0.8em;
		list-style:none !important;
		border-left:1px solid #333;
		padding-left:8px;
		line-height:105%;
}

/* = pickup
----------------------------------*/

p#pickup {
		position:absolute;
		bottom:-20px;
		right:10px;
		margin: 0;
}

/* = commendation
----------------------------------*/

.commendation #side {
		background:url(../image/commendation_sideBg.png) no-repeat bottom !important;
}

.commendation .righter ul li {
		margin-bottom:1.5em;
}

.commendation .righter ul li p {
		font-size:9px;
		line-height:150%;
		margin-top:3px;
}

/* = public
----------------------------------*/

p.textIndent {
		text-indent:-1em;
		margin-left:1em;
}

.blue {
		color:#006BB5;
}