@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;
}

div#header ul#hNavi li#hNaviEnglish, 
div#header ul#hNavi li#hNaviEnglish a {
	background: url(../img/btn/hnavi_english.gif) no-repeat 0px 1px;
	width: 45px;
	height:12px;
}

div#header ul#hNavi li#hNaviEnglish a:hover {
	background: url(../img/btn/hnavi_english_o.gif) no-repeat 0px 1px;;
	height:12px;
}


/* #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#gNaviKozin, 
dl#gNavi dd ul li#gNaviKozin a {
	background: url(../img/btn/gnavi_products.gif) no-repeat;
	width: 200px;
}
dl#gNavi dd ul li#gNaviKozin a:hover {
	background: url(../img/btn/gnavi_products_o.gif) no-repeat right top;
}
dl#gNavi dd ul li#gNaviHozin, 
dl#gNavi dd ul li#gNaviHozin a {
	background: url(../img/btn/gnavi_resales.gif) no-repeat;
	width: 170px;
}
dl#gNavi dd ul li#gNaviHozin a:hover {
	background: url(../img/btn/gnavi_resales_o.gif) no-repeat left top;
}
dl#gNavi dd ul li#gNaviShop, 
dl#gNavi dd ul li#gNaviShop a {
	background: url(../img/btn/gnavi_news.gif) no-repeat;
	width: 170px;
}
dl#gNavi dd ul li#gNaviShop a:hover {
	background: url(../img/btn/gnavi_news_o.gif) no-repeat right top;
}
dl#gNavi dd ul li#gNaviInfo, 
dl#gNavi dd ul li#gNaviInfo a {
	background: url(../img/btn/gnavi_corp.gif) no-repeat;
	width: 170px;
}
dl#gNavi dd ul li#gNaviInfo a:hover {
	background: url(../img/btn/gnavi_corp_o.gif) no-repeat left top;
}
dl#gNavi dd ul li#gNaviSupport, 
dl#gNavi dd ul li#gNaviSupport a {
	background: url(../img/btn/gnavi_suppo.gif) no-repeat;
	width: 200px;
}
dl#gNavi dd ul li#gNaviSupport a:hover {
	background: url(../img/btn/gnavi_suppo_o.gif) no-repeat left top;
}

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

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


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;
	text-decoration: none;
	text-indent: 0;
	width: 160px !important;
	padding-top: 7px;
	padding-right: 10;
	padding-bottom: 6px;
	padding-left: 10px;
}

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;
}


/* #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 {
	clear: both;
	background-image: url(../img/bg_footer.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	background-color: #c5d1e7;
	margin-right: 2px;
	margin-left: 2px;
	padding-bottom: 10px;
}

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

div#footer #fNavi {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 15px;
	padding-left: 40px;
}

div#footer #fNavi li {
	padding: 0 10px 0 6px;
}
div#footer #fNavi .fNaviBlock {
	float: left;
	width: 197px;
	padding-right: 10px;
}
div.section dl.menace dd.image img{
	clear: both;
}

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

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

div#footer div.fBlock ul {
	float: right;
	padding-top: 7px;
	padding-right: 41px;
	padding-bottom: 0;
	padding-left: 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;
}
div#footer #fNavi .fNaviBlock .fNaviTwitter {
	padding-left: 23px;
	background-image: url(../img/icon/fNaviTwitter.gif);
	background-repeat: no-repeat;
	background-position: 5px;
}
div#footer #fNavi .fNaviBlock .fNaviFacebook {
	padding-left: 23px;
	background-image: url(../img/icon/fNaviFacebook.gif);
	background-repeat: no-repeat;
	background-position: 5px;
}