@charset "UTF-8";

/* ****************************************************
Title: base.css
Created date: 2009/05/27
Last Modified: 2009/05/27
Created by: iGrove
***************************************************** */


/* Table Of Contents
----------------------------------------

#01 General Elements
#02 body
#03 layout
#04 header
#05 gNavi
#06 pageBody
#07 primary
#08 secondary
#09 footer

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


/* #01 General Elements
---------------------------------------------------------------------------- */

a { color:#1A57A7; text-decoration: none; outline: none; }
a:hover { color:#1A57A7; text-decoration: underline; }

h1 {  }
h2 {  }
h3 {  }
h4 {  }


/* #02 body
---------------------------------------------------------------------------- */

body {
	background: #CBCBCB url(../img/bg_body.gif) repeat-x 0 0;
	color: #333333;
	margin: 0 0 37px 0;
}

p.forPrint {
	display: none;
}


/* #03 layout
---------------------------------------------------------------------------- */

div#layout {
	background: url(../img/bg_layout.gif) repeat-y 0 0;
	margin: 0 auto;
	width: 914px;
}

/* #04 header
---------------------------------------------------------------------------- */

div#header {
	height: 79px;
	padding: 0 2px;
}

div#header h1#logo,
div#header p#logo {
	float: left;
	padding: 20px 0 0 39px;
}

div#header ul#hNavi {
	float: right;
	padding: 36px 24px 0 0;
}

div#header ul#hNavi li {
	float: left;
	height: 10px;
	padding: 0 15px 0 0;
	text-indent: -9999px;
}

div#header ul#hNavi li a {
	display: block;
	height: 10px;
}

div#header ul#hNavi li#hNaviPrivacy, 
div#header ul#hNavi li#hNaviPrivacy a {
	background: url(../img/btn/hnavi_privacy.gif) no-repeat;
	width: 105px;
}

div#header ul#hNavi li#hNaviPrivacy a:hover {
	background: url(../img/btn/hnavi_privacy_o.gif) no-repeat right top;
}

div#header ul#hNavi li#hNaviTerms, 
div#header ul#hNavi li#hNaviTerms a {
	background: url(../img/btn/hnavi_terms.gif) no-repeat;
	width: 75px;
}

div#header ul#hNavi li#hNaviTerms a:hover {
	background: url(../img/btn/hnavi_terms_o.gif) no-repeat right top;
}

div#header ul#hNavi li#hNaviSeminar, 
div#header ul#hNavi li#hNaviSeminar a {
	background: url(../img/btn/hnavi_seminar.gif) no-repeat;
	width: 111px;
}

div#header ul#hNavi li#hNaviSeminar a:hover {
	background: url(../img/btn/hnavi_seminar_o.gif) no-repeat right top;
}

div#header ul#hNavi li#hNaviCareers, 
div#header ul#hNavi li#hNaviCareers a {
	background: url(../img/btn/hnavi_careers.gif) no-repeat;
	width: 46px;
}

div#header ul#hNavi li#hNaviCareers a:hover {
	background: url(../img/btn/hnavi_careers_o.gif) no-repeat right top;
}

div#header ul#hNavi li#hNaviContact, 
div#header ul#hNavi li#hNaviContact a {
	background: url(../img/btn/hnavi_contact.gif) no-repeat;
	width: 66px;
}

div#header ul#hNavi li#hNaviContact a:hover {
	background: url(../img/btn/hnavi_contact_o.gif) no-repeat right top;
}


/* #05 gNavi
---------------------------------------------------------------------------- */

dl#gNavi {
	clear: both;
	padding: 0 2px;
}

dl#gNavi dt {
	display: none;
}

dl#gNavi dd {
	width: 910px;
}

dl#gNavi dd ul li {
	float: left;
	position: relative;
	text-indent: -9999px;
}

dl#gNavi dd ul li a {
	display: block;
	height: 36px;	
}

dl#gNavi dd ul li#gNaviServices, 
dl#gNavi dd ul li#gNaviServices a {
	background: url(../img/btn/gnavi_services.gif) no-repeat;
	width: 243px;
}

dl#gNavi dd ul li#gNaviServices a:hover {
	background: url(../img/btn/gnavi_services_o.gif) no-repeat right top;
}

dl#gNavi dd ul li#gNaviCase, 
dl#gNavi dd ul li#gNaviCase a {
	background: url(../img/btn/gnavi_case.gif) no-repeat;
	width: 211px;
}

dl#gNavi dd ul li#gNaviCase a:hover {
	background: url(../img/btn/gnavi_case_o.gif) no-repeat right top;
}

dl#gNavi dd ul li#gNaviInfo, 
dl#gNavi dd ul li#gNaviInfo a {
	background: url(../img/btn/gnavi_info.gif) no-repeat;
	width: 213px;
}

dl#gNavi dd ul li#gNaviInfo a:hover {
	background: url(../img/btn/gnavi_info_o.gif) no-repeat right top;
}

dl#gNavi dd ul li#gNaviSupport, 
dl#gNavi dd ul li#gNaviSupport a {
	background: url(../img/btn/gnavi_support.gif) no-repeat;
	width: 243px;
}

dl#gNavi dd ul li#gNaviSupport a:hover {
	background: url(../img/btn/gnavi_support_o.gif) no-repeat left top;
}

dl#gNavi dd ul li ul {
	position: absolute;
	top: 36px !important;
	right: 0;
	visibility: hidden;
}

* html dl#gNavi dd ul li ul#sNaviServices,
* html dl#gNavi dd ul li ul#sNaviCase,
* html dl#gNavi dd ul li ul#sNaviInfo {
	position: absolute;
	top: 36px !important;
	right: -1px;
	visibility: hidden;
}

dl#gNavi dd ul li ul li {
	display: inline;
	float: none;
}

dl#gNavi dd ul li ul li a {
	background: #1F7BD8 !important;
	color: #FFFFFF;
	height: auto;
	padding: 7px 0 6px 24px;
	text-decoration: none;
	text-indent: 0;
	width: 188px !important;
}

dl#gNavi dd ul li ul li a:hover {
	background: #58A5F2 !important;
	text-decoration: none;
}

dl#gNavi dd ul li ul li.secureBrain a {
	line-height: 1;
	padding: 10px 0 6px 24px;
}

dl#gNavi dd ul li ul#sNaviCase li a {
	width: 210px !important;
}

dl#gNavi dd ul li ul#sNaviSupport {
	left: 1px;
	position: absolute;
	text-align: left;
	top: 36px !important;
	visibility: hidden;
}


/* #06 pageBody
---------------------------------------------------------------------------- */

div#pageBody {
	
}

ul#location {
	background:  #FFFF00 url(../img/bg_location.gif) repeat-x 0 0;
	clear: both;
	margin-left: 2px;
	padding: 0 0 0 31px;
	width: 879px;
	overflow:hidden;
}

ul#location li {
	color: #ABCBD0;
	float: left;
	font-size: 85%;
	height: 16px;
	padding: 4px 0 0 9px;
}

ul#location li a,
ul#location li a:hover {
	color: #ABCBD0;
	margin: 0 9px 0 0;
}

div.section h2 {
	background: url(../img/bg_mh.gif) no-repeat 0 0;
	font-size: 115%;
	font-weight: bold;
	height: 26px;
	padding: 9px 0 0 20px;
	margin:0 0 16px 0;
}

div.section h2.title {
	margin-top: 50px;
}

div.section h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 9px 0 4px 5px;
	border-bottom:1px dotted #CCCCCC;
}
p.text {
	line-height: 1.6;
	padding: 0 0 25px 0;
}
p.text2 {
	line-height: 1.6;
}

p.pageTop {
	clear: both;
	font-size: 85%;
	padding: 38px 15px 13px 0;
	text-align: right;
}

p.pageTop a,
p.pageTop a:hover {
	background: url(../img/icon/icon_pagetop.gif) no-repeat 0 5px;
	color: #1A57A7;
	padding: 0 0 0 9px;
}



/* #07 primary
---------------------------------------------------------------------------- */

div#primary {
	float: left;
}


/* #08 secondary
---------------------------------------------------------------------------- */

div#secondary {
	float: right;
}

/* #09 footer
---------------------------------------------------------------------------- */

div#footer {
	background: url(../img/bg_footer.gif) no-repeat 0 0;
	clear: both;
	height: 55px;
}

div#footer ul li a {
	font-size: 85%;
}

div#footer ul#fNavi {
	height: 25px;
	margin: 0 0 0 290px;
	padding: 4px 0 0 0;
}

div#footer ul#fNavi li {
	background: url(../img/bg_fnavi.gif) no-repeat right 4px;
	float: left;
	padding: 0 10px 0 6px;
}

div#footer ul#fNavi li.lastFnavi {
	background: none;
}
div.section dl.menace dd.image img{
	clear: both;
}

div#footer div.fBlock p.copyright {
	float: left;
	width: 243px;
}

div#footer div.fBlock p.copyright img {
	float: left;
	padding: 3px 0 0 43px;
}

div#footer div.fBlock ul {
	float: right;
	padding: 0 41px 0 0;
}

div#footer div.fBlock ul li {
	background: url(../img/bg_fblock.gif) no-repeat right 4px;
	float: left;
	padding: 0 7px 0 7px;
}

div#footer div.fBlock ul li.lastFblock {
	background: none;
	padding: 0 0 0 6px;
}

div#footer div.fBlock ul li a {
	color: #FFFFFF;
}