@charset "utf-8";

@import url("allie.css");
/*\*//*/ @import url("macie.css"); /**/


/* Default CSS Document */

html{
	height:100%;
	overflow-y: scroll;
}

/** BODY ***************************************************************************************************************/
body{
	position:relative;
	height:100%;
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:120%;
	text-align:center;
	color:#fff;
	background:#000 url(/images/index/bg_top.jpg) 50% 0 repeat-y fixed;
}

* html body {
	background-attachment: scroll;
}


a{
/*\*/
   overflow: hidden;
/**/
}

img{ border:none; }
a.imglink:hover{ background: url(../images/1px.gif) 0 0 no-repeat; }

p{ margin:0 0 10px 0; padding:0; }

h1,
h2{ margin:0; padding:0; font-size:100%; line-height:120%; }
h3{ margin:0; padding:0; font-size:130%; line-height:140%; font-weight:100; color:#144866; }
h4{ margin:0; padding:0; font-size:90%; line-height:120%; }
h5{ margin:0; padding:0; font-size:100%; line-height:120%; }

ul,
li{ margin:0; padding:0; list-style:none; }

ul.normal{
	padding-left:16px;
}

ul.normal li{
	list-style:disc;
}

.small{ font-size:80%; line-height:110%; }
span.new{ color:#FF0000; }


/** NORMAL ARROW LINK ************************************************************************************************/
a.rightarrow{
	padding-left:16px;
	padding-bottom:2px;
	background: url(../images/btn_arrow_right.gif) 2px 0.2em no-repeat;
}

a.popup{
	padding-left:16px;
	padding-bottom:2px;
	background: url(../images/btn_blank.gif) 2px 0.2em no-repeat;
}


/** LINK COLOR *******************************************************************************************************/
a{ padding:0 2px; }
a:link{ color: #fff;text-decoration:none; }
a:visited{ color: #5e8399;text-decoration:none; }
a:hover{ color: #1e6a99;text-decoration:none; background-color: #b2e1ff; }
a:active{ color: #e58000;text-decoration:none; }



/** WRAPPER **********************************************************************************************************/
* html div#wrapper{
    height:100%;
}


div#wrapper{
	position:relative;
	min-height:100%;
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
	background:transparent url(/images/index/bg_globalheader.jpg) 50% 0 no-repeat scroll;
}
body > #wrapper {
        height: auto;
}

/** HEADER ***********************************************************************************************************/
div#header{
	width:760px;
	margin:0 auto;
	padding:17px 0 18px 0;
	text-align:left;
}
/* for IE6 */
*html div#header{
	padding:17px 0 5px 0;
}
/* for IE6 */

/** LOGO *************************************************************************************************************/
div#logo{
	float:left;
	width:218px;
}

div#logo h1{ float:left; width:105px; }
div#logo h1 a{ padding:0; }
div#logo h1 a:hover{ background: url(../images/1px.gif) 0 0 no-repeat; }


/** GLOBAL MENU ******************************************************************************************************/
div#globalmenu{
	float:right;
	width:542px;
	text-align:left;
	padding:0;
}

div#globalmenu ul,
div#globalmenu li{
	margin:0;
	padding:0;
	list-style:none;
}

div#globalmenu li{
	display:inline;
}

div#globalmenu li#global01 a,
div#globalmenu li#global02 a,
div#globalmenu li#global03 a,
div#globalmenu li#global04 a,
div#globalmenu li#global05 a{
	display:block;
	float:left;
	height:47px;
	margin:0 5px 0 0;
	padding:0;
	text-indent:-9999px;
}

div#globalmenu li#global06 a{
	display:block;
	float:left;
	height:47px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}

div#globalmenu li#global01 a{ width:69px; background: url(/images/index/globalnavi01.gif) 0 0 no-repeat; }
div#globalmenu li#global02 a{ width:111px; background: url(/images/index/globalnavi02.gif) 0 0 no-repeat; }
div#globalmenu li#global03 a{ width:85px; background: url(/images/index/globalnavi03.gif) 0 0 no-repeat; }
div#globalmenu li#global04 a{ width:65px; background: url(/images/index/globalnavi04.gif) 0 0 no-repeat; }
div#globalmenu li#global05 a{ width:86px; background: url(/images/index/globalnavi05.gif) 0 0 no-repeat; }
div#globalmenu li#global06 a{ width:98px; background: url(/images/index/globalnavi06.gif) 0 0 no-repeat; }

div#globalmenu li#global01 a:hover,
div#globalmenu li#global02 a:hover,
div#globalmenu li#global03 a:hover,
div#globalmenu li#global04 a:hover,
div#globalmenu li#global05 a:hover,
div#globalmenu li#global06 a:hover,
div#globalmenu li#global01 a.on,
div#globalmenu li#global02 a.on,
div#globalmenu li#global03 a.on,
div#globalmenu li#global04 a.on,
div#globalmenu li#global05 a.on,
div#globalmenu li#global06 a.on{ background-position:0 -47px; }



div#mainFlash{
	width:760px;
	margin:0 auto;
}

div#mainFlash a:hover{
	background:none;
}

#tokei a:hover{ background-color:#fff; }


div#warning{
	width:760px;
	margin:20px auto;
	text-align:center;
}

div#warningImg{
	height:29px;
}


/** CONTENT *********************************************************************************************************/
div#content{
	min-height:100%;
	width:720px;
	margin:0 auto;
	padding-bottom:0;
	font-size:80%;
}


div.header{
	height:35px;
	margin:0 4px 10px 4px;
	background: url(../images/index/bg_indexheader.gif) 0 0 no-repeat;
}

div.header h2{
	float:left;
	width:80%;
	padding:6px 0 0 14px;
	color:#fff;
}

div.header h3{
	padding:5px 0 0 14px;
	font-size:100%;
	font-weight:bold;
	color:#fff;
}

div.header p.listlnk a{
	width:3.5em;
	padding:0 2px 2px 17px;
	background: url(../common/images/btn_arrow_right.gif) 2px 0.24em no-repeat;
}

div.header p.listlnk{
	float:right;
	width:12%;
	padding:8px 16px 0 16px;
	text-align:right;
}

div.header p.listlnk a:link{ color: #fff; text-decoration:none; }
div.header p.listlnk a:visited{ color: #5e8399; text-decoration:none; }
div.header p.listlnk a:hover{ color: #1e6a99; text-decoration:none; background-color: #b2e1ff; }
div.header p.listlnk a:active{ color: #e58000; text-decoration:none; }

table#whatsnew{
	border-collapse:collapse;
}


tr.upper td{
	height:58px;
	border-left:1px solid #5f9cd5;
	border-right:1px solid #5f9cd5;
	vertical-align:top;
}

tr.upper td img{
	margin:0 7px;
	border:1px solid #fff;
}

tr.downer td{
	padding:5px 5px;
	height:105px;
	border-left:1px solid #006acd;
	border-right:1px solid #006acd;
	vertical-align:top;
}

span.new{
	color:#ff0000;
	font-size:85%;
	line-height:100%;
	font-weight:bold;
}

span.date{
	color:#fff;
	font-size:70%;
	line-height:140%;
}

span.category{
	color:#e58000;
	font-size:70%;
	line-height:140%;
}

span.newstext{
	font-size:80%;
	line-height:120%;
	margin-left:-2px;
}
span.newstext strong{
	font-size:105%;
}

table#wwsite{
	font-size:82%;
	line-height:120%;
}

table#wwsite th{
	width:170px;
}

table#wwsite td{
	width:25%;
	padding:0 0 0 10px;
}

table.bannerlink th{
	font-size:80%;
	line-height:120%;
	padding:3px 5px;
	color:#666;
	text-align:left;
	font-weight:100;
	background-color:#d2d2d2;
}
table.bannerlink td{
	margin:0;
	padding:5px 0 5px 0;
}


p#bnrcaliber,
p#bnradgalleries,
p#bnrsponsorship,
p#bnrspringdrive,
p#bnr130thanniversary,
p#bnrcredor,
p#bnrpdp,
p#bnriw,
p#bnrbasel,
p#bnrsdsw,
p#bnrananta,
p#bnrquartz,
p#bnrcleanenergy,
p#bnr2011shanghai,
p#bnrcorporategift{
	width:171px;
	height:50px;
	padding:0;
	margin:0;
}

p#bnrpulsar,
p#bnrlorus,
p#bnralba{
	float:left;
	width:110px;
	height:50px;
}

p#bnrcaliber a,
p#bnradgalleries a,
p#bnrsponsorship a,
p#bnr130thanniversary a,
p#bnrspringdrive a,
p#bnrcredor a,
p#bnrpdp a,
p#bnriw a,
p#bnrbasel a,
p#bnrsdsw a,
p#bnrananta a,
p#bnrquartz a,
p#bnrcleanenergy a,
p#bnr2011shanghai a,
p#bnrcorporategift a{
	display:block;
	width:171px;
	height:50px;
	padding:0;
	margin:0;
	text-indent:-9999px;
}

p#bnrpulsar a,
p#bnrlorus a,
p#bnralba a{
	display:block;
	width:110px;
	height:50px;
	padding:0;
	margin:0;
	text-indent:-9999px;
}



p#bnrcaliber a{ background: url(../images/index/bnr_caliberop.jpg) 0 0 no-repeat; }
p#bnradgalleries a{ background: url(../images/index/bnr_adgalleries.jpg) 0 0 no-repeat; }
p#bnrsponsorship a{ background: url(../images/index/bnr_sponsorship.jpg) 0 0 no-repeat; }
p#bnr130thanniversary a{ background: url(../images/index/bnr_130thanniversary.jpg) 0 0 no-repeat; }
p#bnrspringdrive a{ background: url(../images/index/bnr_springdrive.gif) 0 0 no-repeat; }
p#bnrcredor a{ background: url(../images/index/bnr_credor.gif) 0 0 no-repeat; }
p#bnrpulsar a{ background: url(../images/index/bnr_pulsar.jpg) 0 0 no-repeat; }
p#bnrlorus a{ background: url(../images/index/bnr_lorus.jpg) 0 0 no-repeat; }
p#bnralba a{ background: url(../images/index/bnr_alba.jpg) 0 0 no-repeat; }
p#bnrpdp a{ background: url(../images/index/bnr_pdp.jpg) 0 0 no-repeat; }
p#bnriw a{ background: url(../images/index/bnr_iw.gif) 0 0 no-repeat; }
p#bnrbasel a{ background: url(../images/index/bnr_basel.gif) 0 0 no-repeat; }
p#bnrsdsw a{ background: url(../images/index/bnr_springdrive_sw.gif) 0 0 no-repeat; }
p#bnrananta a{ background: url(../images/index/bnr_ananta_sp.jpg) 0 0 no-repeat; }
p#bnrquartz a{ background: url(../images/index/bnr_quartz.jpg) 0 0 no-repeat; }
p#bnrcleanenergy a{ background: url(../images/index/bnr_cleanenergy.jpg) 0 0 no-repeat; }
p#bnr2011shanghai a{ background: url(../images/index/bnr_2011_shanghai.jpg) 0 0 no-repeat; }
p#bnrcorporategift a{ background: url(../images/index/bnr_corporategift.jpg) 0 0 no-repeat; }

p#bnrcaliber a:hover,
p#bnradgalleries a:hover,
p#bnrsponsorship a:hover,
p#bnr130thanniversary a:hover,
p#bnrspringdrive a:hover,
p#bnrcredor a:hover,
p#bnrpulsar a:hover,
p#bnrlorus a:hover,
p#bnralba a:hover,
p#bnrpdp a:hover,
p#bnriw a:hover,
p#bnrbasel a:hover,
p#bnrsdsw a:hover,
p#bnrananta a:hover,
p#bnrquartz a:hover,
p#bnrcleanenergy a:hover,
p#bnr2011shanghai a:hover,
p#bnrcorporategift a:hover
{ background-position:0 -50px; }


/** FOOTER **********************************************************************************************************/
div#footer{
	position:static;
	bottom:-65px;
	height:auto;
	width:100%;
	padding:15px 0 40px 0;
	font-size:70%;
	line-height:125%;
	text-align:center;
	border-top:2px solid #fff;
}

div#footer a{
	color:#000;
}


/** FOOTER LINK COLOR ***********************************************************************************************/
div#footer a:link{ color: #fff; text-decoration:none; }
div#footer a:visited{ color: #5e8399; text-decoration:none; }
div#footer a:hover{ color: #1e6a999; text-decoration:none; background-color: #b2e1ff; }
div#footer a:active{ color: #e58000; text-decoration:none; }

/** FOOTER MENU *****************************************************************************************************/
div#footermenu{
	margin:0 0 19px;
	color:#fff;
}

div#footermenu a{
	padding:0;
}

div.copyright{
}




/* Remove element */
.rmv{
	display:block;
	position:absolute;
	top:-9999px;
	left:-9999px;
}


/* clear element */
.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear{display:inline-table;}
/* \*/
* html .clear{height:1%;}
.clear{display:block;}
/* */

/* reset element */
.reset{
	display:block;
	clear:both;
	width:1px;
	height:1px !important;
	font-size:0%;
	background:none !important;
	overflow:hidden;
}
html>body .reset{overflow:visible;}


/*  2008/12/11 del

div#footer .closebutton{
	width:760px;
	margin:-2px auto 0 auto;
	text-align:right;
}

div#s1name{
	width:80px;
	margin:0 0 0 auto;
}

div#footer .closebutton a{
	margin:0;
	padding:0;
}

div#footer .closebutton a:hover{
	background-color:#1a1a1a;
}*/


/*  2007/11/30 add
---------------------------------------------------	*/
td#archivearea{
	width:100%;
	padding-top:10px;
}
td#archivearea p.listlnk{
	text-align:right;
}
td#archivearea p.listlnk a{
	padding:0 0 2px 17px;
	background: url(../common/images/btn_arrow_right.gif) 2px 3px no-repeat;
}
td#archivearea p.listlnk a:hover{ color: #1e6a99; text-decoration:none; background-color: #b2e1ff; }


/*  2008/11/7 add
---------------------------------------------------	*/
object,embed{z-index:1;}
div#tokei_wrapper{
	position:relative;
}
div#tokei_wrapper div#tokei_hover_area{
	position:absolute;
	top:0;
	left:0;
	width:170px;
	height:93px;
    z-index:9;
}
div#tokei_wrapper div#tokei_swf{
	width:170px;
	height:93px;
    z-index:1;
}


/*  2010/08/09 add
---------------------------------------------------	*/
tr.upper td.sns{
	padding-left:7px;
	border-right:none;
	font-size:80%;
	line-height:120%;
}
tr.upper td.sns a,
tr.upper td.sns img{
	margin:0;
	padding:0;
	border:none;
}
div.facebookarea{
	margin:0 0 10px 0;
	padding:5px;
	background:#ffffff;
	color:#000;
}
div.facebookarea p.icon a:hover{
	background:none;
}
div.facebookarea p.message{
	margin:0;
	height:61px;
	width:150px;
	overflow:hidden;
	font-size:80%;
	line-height:120%;
}
div.facebookarea p.message a:link{
	color:#1E6A99;
}
div.likebtn{
	padding:5px 0;
}
div.iconarea{
	margin-bottom:16px;
}
div.iconarea ul li{
	margin:0 5px 0 0;
	display:inline;
}
div.iconarea a:hover{
	background:none;
}
table#storeinfo{
	margin-bottom:30px;
	font-size:82%;
	line-height:120%;
}
table#storeinfo td.csc{
	text-align:center;
}
table.bannerlink{
	margin-bottom:5px;
}
table.bannerlink td{
	font-size:82%;
	line-height:120%;
	vertical-align:top;
}
#home_button_box{
	margin:0 auto 20px;
	width:700px;
}
#home_button_box a{
	float:left;
	margin-left:388px;
	padding:0;
	width:106px;
}
form#SS_searchForm {
	float:right;
    margin: 0;
	width:200px;
    text-align: right;
}
form#SS_searchForm input#SS_searchQuery{
	width:110px;
}
#SS_searchForm #searchArea {
    height: 22px;
    position: relative;
    width: 200px;
}
#SS_searchForm #searchArea #SS_searchQuery{
	width:110px;
}
#SS_searchForm #SS_searchQuery{
	background:#333;
	border:1px solid #999999;
	color:#fff;
}
#SS_searchForm div.SS_suggest{ 
	font-weight:normal;
	z-index:9;
	display:none;
	position:absolute;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	text-align:left;
}
#SS_searchForm div.SS_suggest div.SS_suggestItemOff{ 
	background-color:#FFF;
	border-top:1px solid #CCC;
	padding:1px 2px 1px 4px;
}
#SS_searchForm div.SS_suggest div.SS_suggestItemOn{
	background-color:#ECF5FA;
	border-top:1px solid #CCC;
	padding:1px 2px 1px 4px;
}
#SS_searchForm div.SS_suggest span.SS_suggestKey{
	font-size:75%;
	color:#000;
}


/*  2011/07/29 add
---------------------------------------------------	*/
div.infoarea{
	width:100%;
	zoom:1;
}
div.infoarea:after{
	content:'';
	display:block;
	clear:both;
	height:0;
}
div.infoarea div.newsarea{
	float:left;
	width:541px;
	margin-right:9px;
}
div.infoarea div.newsarea div.header{
	margin:0 0 10px 4px;
	background: url(../images/index/bg_indexheader_s.gif) 0 0 no-repeat;
}
div.infoarea div.newsarea div.header h2{
	float:none;
}
div.infoarea div.newsarea div.newslist{
	background-color:#1a1a1a;
}
div.infoarea div.newsarea div.newslist table{
	margin-left:12px;
}
div.infoarea div.newsarea div.newslist table tr{
	border-bottom:solid 1px #353535;
}

div.infoarea div.newsarea div.newslist table tr td {
	padding-top:10px;
	vertical-align:top;
}
div.infoarea div.newsarea div.newslist table tr td p.listlnk{
	padding-left:17px;
	background: url(../common/images/btn_arrow_right.gif) 2px 0 no-repeat;
	font-size:80%;
	line-height:120%;
}
div.infoarea div.newsarea p.listlnk.aright{
	padding-top:10px;
	float:right;
}
div.infoarea div.newsarea p.listlnk.aright a{
	padding-left:17px;
	background: url(../common/images/btn_arrow_right.gif) 2px 0 no-repeat;
}



div.infoarea ul.topicslist{
	margin-right:-7px;
	padding-bottom:29px;
	zoom:1;
}
div.infoarea ul.topicslist:after{
	content:'';
	display:block;
	clear:both;
	height:0;
}
div.infoarea ul.topicslist li{
	float:left;
	margin-right:5px;
}
div.infoarea ul.topicslist li.last{
	margin-right:0;
}
div.infoarea ul.topicslist li a{
	display:block;
	padding:1px;
}
div.infoarea ul.topicslist li a img{
	border:solid 1px #ffffff;
}
div.infoarea div.readingarea{
	float:left;
	width:170px;
}