﻿@charset "utf-8";
/* CSS Document */
html {overflow-y:scroll;}
html, body {height: 100%; margin: 0; padding: 0; cursor:default;}
.pgWrapper {min-height:100%; position:relative;}
.ie6 .pgWrapper, ie5 .pgWrapper {height:100%;}
* { font-size:12px; font-family:Arial, Helvetica, 'Hiragino Kaku Gothic Pro', 'Meiryo', "ＭＳ Ｐゴシック", Osaka, sans-serif; }
.bgSpriteC {background-image:url(/5.0/img/common/bg_sprite.png); background-repeat:no-repeat;}
img {border:0;}
p {margin:0;}
.pageWidth {width:960px; margin:0px auto; position:relative;}
.contentWrapper h1.default {font-size:16px; /*border:1px solid #CCC;*/ line-height:34px; padding:1px 10px 0 20px; margin:5px 0 0 0;
	background: #F3F3F3; color:#3E3E3E;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	 /*
    background: -moz-linear-gradient(top, #ffffff 0%, #ecf1f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ecf1f5));
    background: -webkit-linear-gradient(top, #ffffff 0%,#ecf1f5 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#ecf1f5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#ecf1f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ecf1f5',GradientType=0 );
    background: linear-gradient(top, #ffffff 0%,#ecf1f5 100%);
	 */
}
a {color:#DC0000; text-decoration:none;}
a:hover {text-decoration:underline;}
#header .pageWidth {height:80px;}
#header .basixLogo {display:block; position:absolute; left:0px;}
#header h1,
#header .slogan {display:block; position:absolute; left:150px; margin:0; font-weight:bold; font-size:14px;}
#header .basixLogo,
#header h1,
#header .slogan {bottom:28px;}
#header h1.slogan {display:none;}
#header .brastelLogo {position:absolute; bottom:20px; right:0px;}
#menu {height:38px; border:solid #CCC; border-width:1px 0;
	background: #f7f7f7;
	background: -moz-linear-gradient(top, #FFF 0%, #dfdfdf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#dfdfdf));
	background: -webkit-linear-gradient(top, #FFF 0%,#dfdfdf 100%);
	background: -o-linear-gradient(top, #FFF 0%,#dfdfdf 100%);
	background: -ms-linear-gradient(top, #FFF 0%,#dfdfdf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#dfdfdf',GradientType=0 );
	background: linear-gradient(top, #FFF 0%,#dfdfdf 100%);
	-webkit-box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.15);
}
.menuWrapper {float:left; height:38px; border-left:1px solid #CCC; border-right:1px solid #FFF;}
#menu ul {margin:0; padding:0; list-style:none;}
#menu ul.main li.main {float:left; position:relative;}
#menu ul.main li.main:hover ul {display:block;}
#menu ul.sub {position:absolute; top:38px; left:-1px; border:1px solid #CCC; background-color:#FFF; display:none; z-index:100;
-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
}
#menu ul.sub li {border-bottom:1px dotted #CCC;}
#menu ul.sub li.last {border-bottom:0;}
#menu ul.sub li a {display:block; width:135px; padding:10px 8px; line-height:14px; text-decoration:none; color:#333;}
#menu ul.sub li.selected a,
#menu ul.sub li a:hover {background-color:#F6F6F6; color:#000;}
#menu ul.sub li.selected a {cursor:default;}
#menu .new,
#footer .new {display:inline-block; background-color:#D91F26; color:#FFF; padding:0 4px; margin-left:5px; font-weight:bold; font-size:11px;
-webkit-border-radius: 3px;
border-radius: 3px;}
.mainMenu {border-width:0 1px; border-style:solid; border-left-color:#FFF; border-right-color:#CCC; cursor:default;}
.mainMenu a {cursor:pointer;}
.mainMenu a,
.mainMenu {height:38px; line-height:38px; width:150px; text-align:center; font-size:14px; color:#000; text-decoration:none; display:block;}
.mainMenu.bgSpriteC {background-position:72px 29px;}
#menu li.main.selected div.mainMenu,
.mainMenu:hover {background-position:72px -21px; background-color: #EEE; border-left:1px solid #EEE;}
#langSel {position:absolute; right:0; top:10px; width:180px; margin:0;}
/*.breadcrumb {height:20px; border-bottom:1px dotted #CCC; margin-top:8px;}*/
.breadcrumb {height:20px; margin-top:15px; padding-left:15px;}
.breadcrumb a {text-decoration:underline;}
.breadcrumb a,
.breadcrumb div {display:block; float:left; margin:0 10px 0 0; padding-left:10px; background-position:0px -93px; color:#888; line-height:20px;}
.breadcrumb .current {color:#333;}
.breadcrumb a:hover {background-position:0px -143px; color:#333; text-decoration:none;}
.breadcrumb .new {display:none;}
.menuShadow {height:1px; border-top:1px solid #AAA; background-color:#E0E0E0; border-bottom:1px solid #F5F5F5;}
.footerWrapper {position:absolute; bottom:0; width:100%;}
#footer {border:solid; border-width:1px 0; border-top-color:#AAA; border-bottom-color:#CCC; padding-top:10px;
	background: #f7f7f7;
	background: -moz-linear-gradient(top, #FFF 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top, #FFF 0%,#eeeeee 100%);
	background: -o-linear-gradient(top, #FFF 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top, #FFF 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#eeeeee',GradientType=0 );
	background: linear-gradient(top, #FFF 0%,#eeeeee 100%);
	-webkit-box-shadow: inset 0px 3px 6px -4px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 3px 6px -4px rgba(0, 0, 0, 0.3);
}
.table {display:table;}
.row {display:table-row;}
.cell {display:table-cell;}
#footer .cell {width:20%}
#footer .cell ul {list-style-type:disc; margin:0; padding:0 0 10px 20px;}
#footer .cell li {font-size:6px; margin-top:3px;}
.ie #footer .cell li {font-size:12px;}
#footer p.main {font-weight:bold;}
#footer .cell a {color:#444; text-decoration:none; font-weight:normal;}
#copy a:hover,
#footer .cell a:hover {text-decoration:underline;}
#footer ul.sub a {position:relative; bottom:-3px;}
.ie #footer ul.sub a {bottom:0;}
#copy {background-color:#eeeeee; height:24px; border-top:1px solid #FFF;}
#copy a {color:#000; text-decoration:none;}
#copy div {line-height:24px; color:#000;}
#copy .brastel {float:left; margin-right:10px;}
#copy .copy {float:right; font-size:9px;}
.preloadImg{display:none;}

/* Privacy policy */
.privacyPolicy {margin-bottom:1.5em; padding:0 2em;}
.privacyPolicy p {margin:0 0 0.5em 0; text-indent:1em;}
.privacyPolicy h1 {font-size:22px; letter-spacing:1px; margin:0.67em 0; text-align:center;}
.privacyPolicy h2 {margin:20px 0 5px 0; font-weight:bold;}
.privacyPolicy h3 {margin:1em 0; padding-bottom:0; font-weight:bold;}
.privacyPolicy li {margin-bottom:2px;}
.privacyPolicy li li {list-style-type:lower-roman;}
.privacyPolicy li li li {list-style-type:lower-alpha;}
.privacyPolicy table {border-collapse:collapse;}
.privacyPolicy table p {margin:0;}
.privacyPolicy table ol {margin:0;}
.privacyPolicy th, .privacyPolicy td {border:1px solid #CCC; padding:8px;}
.privacyPolicy th {text-align:left; width:250px;}
.privacyPolicy td {width:550px;}
.privacyPolicy td span {padding:0 8px;}
.privacyPolicy .csHrs {display:none;}
.right {text-align:right;}
table { border-spacing:0; }
.indent { text-indent:0 !important; padding-left:3em; }
.tablesorter2 { border-spacing: 1px; }
table.tablesorterPS {
	font-family:Arial, Helvetica, sans-serif;
	background-color: #CDCDCD;
	margin:0 auto 0;
	font-size: 12px;
	width:700px;
}
table.privacy { margin-top:0.5em; margin-bottom:1em; }
thead th { text-align:center !important; background-color:#eee; }
