/* CSS Document by Dieter Schneider 2007 | www.csstemplateheaven.com | www.dieter.no*/

/*
DOCUMENT ORDER

1. Page
2. Header
3. Navigation
4. Wrappers
5. Content
6. Sidebar
7. Footer
8. Content Elements

*/

/* 1 - PAGE
---------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	}

body {
	color: #444444;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒm–¾’© Pro W6", "trebuchet MS", trebuchet, "verdana", arial, sans-serif, Helvetica;
	font-size: 100%;
	background-color: #ffffff;
	background-image: url(../images/body_bk.gif);
	background-position: top center;
	background-repeat: repeat-x;
	}

html { overflow-y: scroll; }


/* 2 - HEADER
---------------------------------------------------------------------- */
#header {
	padding: 25px 0px 0px 0px;
	margin: 0px 0px 8px 40px;
	position: relative;
	}
#header-inner {
	width: 800px;
	height: 208px;
	position: relative;
	}

#header-inner h1{
	padding: 0px;
	margin: 0px;
	}

#bt-home {
	position: absolute;
	top: 0px;
	right: 40px;
	}

#lang {
	color: #aaaaaa;
	position: absolute;
	top: 6px;
	left: 3px;
	}
#lang ul {
	padding: 0px;
	margin: 0px;
	}
#lang li {
	float: left;
	list-style: none;
	background: url(../images/list01.gif) no-repeat left center;
	padding: 0px 0px 0px 13px;
	margin: 0px 20px 0px 0px;
	}
#lang a {
	color: #cccccc;
	}



/* 3 - NAVIGATION
---------------------------------------------------------------------- */
#navcontainer {
	width: 802px;
	padding: 1px 0px 0px 0px;
	margin: 0px 0px 0px 39px;
	position: relative;
	}

ul#navlist {
	width: 798px;
	height: 46px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 2px;
	}
ul#navlist li {
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
	}

ul#navlist li a { display: block; }



ul#navlist ul a:link, ul#navlist ul a:visited, ul#navlist ul a:active {
	color: #B4B4B4;
	width: 199px;
	text-decoration: none;
	}
ul#navlist ul a:hover {
	color: #ffffff;
	width: 199px;
	text-decoration: none;
	}


/* submenu01 ------------- */
ul#navlist li.menu01over ul {
	clear: both;
	width: 199px;
	background: url(../images/sbmenu_bk.gif) no-repeat left top;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	position: absolute;
	top: 44px;
	left: 2px;
	z-index:100;
	}

ul#navlist li.menu01out ul {
	clear: both;
	display: none;
	}

ul#navlist li.menu01over li {
	clear: both;
	width: 199px;
	text-indent: 25px;
	line-height: 25px;
	padding: 0px;
	margin: 0px;
	}

ul#navlist li.menu01over li.last {
	line-height: 24px;
	border-bottom: 1px solid #252525;
	}


/* submenu02 ------------- */
ul#navlist li.menu02over ul {
	clear: both;
	width: 200px;
	background: url(../images/sbmenu_bk.gif) no-repeat left top;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	position: absolute;
	top: 44px;
	left: 201px;
	z-index:100;
	}

ul#navlist li.menu02out ul {
	clear: both;
	display: none;
	}

ul#navlist li.menu02over li {
	clear: both;
	width: 200px;
	text-indent: 25px;
	line-height: 25px;
	padding: 0px;
	margin: 0px;
	}

ul#navlist li.menu02over li.last {
	line-height: 24px;
	border-bottom: 1px solid #252525;
	}



/* 4 - WRAPPERS
---------------------------------------------------------------------- */
#container {
    width: 880px;
	font-size: 78%;
    background: url(../images/container_bk.gif) no-repeat left top;
    padding: 0px 0px 15px 0px;
	margin: 0px auto;
	}

#contentwrapper {
	clear: both;
    width: 880px;
    margin-top: 5px;
	}

.subcontentwrapper {
	background: url(../images/subcontentwrapper_bk.gif) repeat-y 645px 0px;
	}


/* 5 - CONTENT
---------------------------------------------------------------------- */
#content {
	float: left;
	width: 590px;
	margin: 0px 0px 0px 45px;
	display: inline;
	}

.content-inner {
	padding: 5px;
	}


/* 6 - SIDEBAR
---------------------------------------------------------------------- */
#right {
	float: right;
	width: 190px;
	margin: 0px 45px 0px 0px;
	display: inline;
	}

.rightmenu {
	background: #DFDFDF;
	}

.rightmenu h2 {
	color: #ffffff;
	font-size: 100%;
	font-weight: bold;
	line-height: 25px;
	background: #8A8A8A url(../images/rightmenu_h2_bk.gif) no-repeat left bottom;
	padding-left: 22px;
	}

.rightmenu li {
	list-style: none;
	background: url(../images/list02.gif) no-repeat 5px 10px;
	border-bottom: 1px solid #ffffff;
	line-height: 23px;
	padding: 0px 0px 0px 17px;
	margin: 0px 5px;
	}
.rightmenu li.last {
	border-bottom: 1px solid #DFDFDF;
	}

.rightmenu a:link { color: #444444; text-decoration: none; }
.rightmenu a:visited { color: #888888; text-decoration: none; }
.rightmenu a:hover { color: #B81515; text-decoration: none; }
.rightmenu a:active { color: #888888; text-decoration: none; }


.rightmenu-headline li {
	color: #ffffff;
	font-size: 100%;
	font-weight: bold;
	line-height: 25px;
	background: #8A8A8A url(../images/rightmenu_h2_bk.gif) no-repeat left bottom;
	border: none;
	padding-left: 22px;
	margin: 0px;
	}
.rightmenu-headline li a:link { color: #ffffff; text-decoration: none; }
.rightmenu-headline li a:visited { color: #ffffff; text-decoration: none; }
.rightmenu-headline li a:hover { color: #EFB7B7; text-decoration: none; }
.rightmenu-headline li a:active { color: #EFB7B7; text-decoration: none; }



/* 7 - FOOTER
---------------------------------------------------------------------- */
#footer{
	clear: both;
	width: 802px;
	height: 140px;
	background: url(../images/footer_bk.gif) no-repeat left top;
	padding: 0px;
	margin: 0px 0px 0px 39px;
	position: relative;
	}

#footer .bottomup {
	position: absolute;
	top: 14px;
	left: 6px;
	}

#footer ul {
	border-left: 1px solid #737373;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 40px;
	left: 15px;
	}
#footer li {
	float: left;
	list-style: none;
	border-right: 1px solid #737373;
	padding: 3px 13px;
	margin: 0px;
	}

address {
	color: #ffffff;
	font-style: normal;
	padding: 0px;
	margin: 0px;
	position: absolute;
	bottom: 15px;
	right: 18px;
	}


/* CONTENT ELEMENTS
---------------------------------------------------------------------- */
a:link { color: #B81515; }
a:visited { color: #E68181; }
a:hover { color: #EFB7B7; }
a:active { color: #B81515; }

img { border: 0px; }

.left {
	float: left;
	margin-right: 8px;
	margin-bottom: 2px;}

.subcontent h2 {
	line-height: 46px;
	color: #E2E2E2;
	font-size: 120%;
	font-weight: bold;
	text-indent: 25px;
	background: url(../images/h2_bk01.gif) no-repeat left top;
	margin: 0px;
	}

.subcontent h3 {
	color: #B81515;
	font-size: 120%;
	font-weight: bold;
	background: url(../images/line-reddot01.gif) repeat-x left bottom;
	padding: 0px 0px 2px 0px;
	margin: 25px 0px 15px 0px;
	}
.subcontent h3.first {
	margin: 15px 0px;
	}

.subcontent h4 {
	color: #444444;
	font-size: 100%;
	font-weight: bold;
	background: url(../images/h4_bk01.gif) repeat-y left top;
	padding: 0px 0px 0px 12px;
	margin: 15px 0px 15px 0px;
	}

p {
	line-height: 1.6;
	padding: 0px;
	margin: 15px 0px;
	}

.subcontent ul {
	list-style: none;
	line-height: 1.6;
	padding: 0px;
	margin: 15px 0px;
	}
.subcontent ul li {
	list-style: none;
	background: url(../images/list03.gif) no-repeat 0px 5px;
	padding: 0px 0px 0px 17px;
	margin: 0px 0px 5px 0px;
	}

.subcontent ol {
	line-height: 1.6;
	padding: 0px;
	margin: 10px 0px 10px 22px;
	}
.subcontent ol li {
	padding: 0px;
	margin: 0px;
	}

dl {
	line-height: 1.6;
	}
dt {
	font-weight: bold;
	background: url(../images/list03.gif) no-repeat 0px 5px;
	padding: 0px 0px 0px 17px;
	}
dd {
	margin: 0px 0px 10px 50px;
	}


blockquote {margin: 15px; font-style: italic;}
blockquote b,blockquote strong {font-weight: bold; font-style: normal;}

strong {
	font-weight: bold;
	color: #4E7EBA;
	}


/* TABLE STYLE
---------------------------------------------------------------------- */
/* ---style01--- */

table.style01 {
	border-top: 1px solid #ADADAD;
	border-left: 1px solid #ADADAD;
	}

table.style01 th, table.style01 td {
	border-bottom: 1px solid #ADADAD;
	border-right: 1px solid #ADADAD;
	padding: 5px 10px;
	}

table.style01 th {
	font-weight: normal;
	background: #E9E9E9;
	}

/* ---style02--- */

table.style02 {
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	}

table.style02 th {
	width: 280px;
	background: #cfcfcf;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	padding: 3px;
	}

table.style02 td {
	width: 280px;
	vertical-align: top;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	padding: 3px;
	}

table.style02 h5 {
	line-height: 1.6;
	background: none;
	padding: 0px;
	margin: 0xp;
	}

table.style02 p {
	padding: 0px;
	margin: 0px;
	}



/* FONT, LAYOUT A LA CARTE
---------------------------------------------------------------------- */
.t-right { text-align: right; }
.t-center { text-align: center; }

.t-red { color: #EE0000; }

.f-left { float: left; }
.f-right { float: right; }

.subcontent .shortlink {
	margin: 20px 0px 0px 5px;
	}
.subcontent .shortlink ul {
	height: 1em;
	line-height: 1.1;
	border-left: 1px solid #444444;
	padding: 0px;
	margin: 0px;
	}
.subcontent .shortlink li {
	float: left;
	border-right: 1px solid #444444;
	background-image: none;
	padding: 0px 10px;
	margin: 0px;
	}



/* PAGE STYLE
---------------------------------------------------------------------- */

/* index
---------------------------------------------------------------------- */
#idx_main {
	text-align: left;
	margin: 0px 0px 0px 23px;
	}

#idx_main ul#sector li {
	list-style: none;
	float: left;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	}

#idx_main #idx_info {
	float: left;
	width: 590px;
	}
#idx_main #idx_info h2 {
	border: none;
	padding: 0px;
	margin: 0px;
	}
#idx_main #idx_info ul {
	list-style: none;
	padding: 0px 3px;
	margin: 0xp;
	}
#idx_main #idx_info li {
	line-height: 1.5;
	background: url(../images/line-graydot01.gif) repeat-x left bottom;
	padding: 0px 0px 3px 0px;
	margin: 3px 0px 0px 0px;
	}
#idx_main #idx_info .linklist {
	font-size: 70%;
	text-align: right;
	margin-top: 5px;
	}


#idx_main #idx_banner {
	float: right;
	width: 190px;
	margin-right: 46px;
	}
#idx_main #idx_banner li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	}


/* ----------OLD--------------- */

.mainbanner {
	width: 590px;
	height: 273px;
	background: url(../contents_img/top_sv_bk.gif) no-repeat left top;
	}
.mainbanner-inner {
	float: left;
	width: 190px;
	position: relative;
	margin-left: 5px;
	display: inline;
	}


/* service pickup
------------------------- */
.service-pickup {
	width: 590px;
	background: #A5A4A4 url(../contents_img/service_pickup_bk.gif) no-repeat left bottom;
	padding-bottom: 5px;
	margin-top: 10px;
	}

.service-pickup h2 {
	border: none;
	padding: 0px;
	margin: 0px;
	}

.service-pickup h3 {
	border: none;
	padding: 0px;
	margin: 0px;
	}

.service-pickup p {
	margin: 0px;
	}

.service-pickup table {
	width: 580px;
	margin-left: 5px;
	}

.service-pickup td {
	background: #ffffff;
	vertical-align: top;
	padding: 5px;
	}
.service-pickup td.right01 {
	width: 125px;
	border-left: 5px solid #A5A4A4;
	}
.service-pickup td.left02 {
	border-top: 5px solid #A5A4A4;
	}

.service-pickup img.pickup-image {
	float: left;
	margin-right: 7px;
	}


/* company information
------------------------- */
.top-info h2 {
	border: none;
	padding: 0px;
	margin: 0px;
	}
.top-info ul {
	list-style: none;
	margin: 0xp;
	padding: 0px 3px;
	}
.top-info li {
	line-height: 1.5;
	background: url(../images/line-graydot01.gif) repeat-x left bottom;
	padding: 0px 0px 3px 0px;
	margin: 3px 0px 0px 0px;
	}
.top-info .linklist {
	font-size: 70%;
	text-align: right;
	margin-top: 5px;
	}


/* recruit pickup
------------------------- */
.top-recruit {
	background: #F0F0F0 url(../images/recruit_pickup_bk.gif) no-repeat left bottom;
	padding-bottom: 5px;
	margin-top: 15px;
	}
.top-recruit h2 {
	border: none;
	padding: 0px;
	margin: 0px;
	}
.top-recruit h3 {
	color: #444444;
	font-size: 100%;
	font-weight: bold;
	background: url(../images/list01.gif) no-repeat 1px 3px;
	border: none;
	padding-left: 12px;
	margin: 5px 3px 0px 3px;
	}
.top-recruit p {
	color: #666666;
	margin: 0px 3px 7px 10px;
	}


/* other
------------------------- */
img.p-mark {
	display: block;
	margin-bottom: 7px;
	}



/* information
---------------------------------------------------------------------- */
.info-detail h2 a:link { color: #ffffff; text-decoration: none; }
.info-detail h2 a:visited { color: #ffffff; text-decoration: none; }
.info-detail h2 a:hover { color: #EFB7B7; text-decoration: none; }
.info-detail h2 a:active { color: #EFB7B7; text-decoration: none; }

.info-detail ul { padding-bottom: 5px; }
.info-detail ul li { line-height: 1.6; }



/* sitemap
---------------------------------------------------------------------- */
table.sitemap td {
	width: 190px;
	vertical-align: top;
	}



/* clearfix
---------------------------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    }

.clearfix {
    min-height: 1px;
    }

* html .clearfix {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
    }