@import "grids.css";
@import "layouts.css";
@import "roundedCorners.css";
/* =========================================================
	GLOBAL RESET 
========================================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0px;
padding:0px;
border:0px;
outline:0px;
}
ul {list-style-type: none;
width:100%;}
/*Fix min height problems with ie6;*/
div {overflow:hidden;}


/*Define Body*/
body {
background-color:#ffffff;
font-family:MS Gothic, MS PGothic, "Hiragino Kaku Gothic Pro", Osaka, Meiryo;
font-size:12px;
text-align:left;
color:#666666;
line-height:19px;
}

/*Define Links*/
a:link {color:#3399cf;text-decoration:none;}
a:visited {color:#3399cf;text-decoration:none;}
a:hover {color:#3399cf;text-decoration:underline;}

/*Define li*/
.blueList li {
background:url('../../images/list_blueList.gif') no-repeat;
background-position:0px 7px;
padding-left:9px;
font-size:100%;
}



/*================================================================
 * CMS
 ================================================================*/
.cms {line-height:23px;}
.cms .date {float:left;width:105px;}
.cms .content {float:left;width:430px;}
.cms .content ul {background-position:0px 9px;}
.icons {float:left;width:140px;margin-left:20px;margin-bottom:7px;}
.icons img {float:left; margin-right:4px;margin-bottom:0px;margin-top:4px;}


.rssAll {position:relative;overflow:visible;}
.rssIcon {border-left:1px dotted #aaaaaa;margin-left:10px;padding-left:10px;width:60px;position:absolute;top:-2px; left:65px;}
.rssText{margin-left:5px;font-family:helvetica;font-size:12px;position:absolute;top:-2px; left:105px;}
/*================================================================
 * ID
 ================================================================*/
.page {
width:950px;
margin:0px auto;
}
#container {
width:100%;
min-width:950px;
background:url('../../images/img_mainGradient.gif') repeat-x;
background-position:0px 507px;
}
#flashHeader {
height:478px;
background-color:#ffffff;
position:relative;
z-index:19;
}


#headerNav {
width:100%;
min-width:950px;
height:28px;
background-color:#aecee8;
}
#headerNav ul {width:950px;margin:0px auto;text-align:right;margin-top:7px;}
#headerNav ul li {display:inline;margin-left:10px;}
#navigationContainer {
width:950px;
height:40px;
margin:0px auto;
margin-top:15px;
position:relative;
overflow:visible;
z-index:10;
}
#navigationContainer ul {
position:absolute;
top:0px;
left:0px;
}



.navigation {
text-align:center;
position:absolute;
}
.navigation li {
float:left;
width:133px;
height:20px;
border-left:1px solid #b1d0e9;
position:relative;
}
.navigation li a {position:absolute;display:block;left:3px;top:-5px;}
.navigation .last {border-right:1px solid #b1d0e9;}

#mainContent{
width:950px;
margin:0px auto;
}
#leftPart{
width:700px;
margin-right:20px;
}
#rightPart{
width:220px;
}





/*================================================================
 * BANNER
 ================================================================*/
.bannerContainer {
width:100%;
min-width:950px;	
background-color:#656565;
}
.banner {
width:950px;
margin:0px auto;
margin-top:15px;
}
.banner ul li {
float:left;
margin-right:9px;
margin-bottom:10px;
}
.banner .lastChild {
margin-right:0px;
}
#tabContainer {
height:26px;
width:950px;
position:relative;
margin:0px auto;
}
#tabContainer img {
float:right;
}





/*================================================================
 * CLASSES
 ================================================================*/
.oV {
overflow:visible;	
} 
.panel {
background-color:#edf1f5;
width:340px;
z-index:5;
}
.topLeft {
height:470px;
}
.bottomLeft {
height:120px;
margin-top:10px;
}
.topRight {
height:600px;
}

.panelTitleLine {height:32px; position:relative;overflow:visible;}
.panelTitle {position:absolute; top:0px; left:0px;}
.panelSubtitle {position:absolute; top:-5px; left:200px;}

.panelPhoto {margin-bottom:5px;margin-top:8px;}
.pickUp {padding:10px;background-color:#f9f6fb;position:relative;}
.pickUpTitle {margin-top:5px;margin-bottom:15px;margin-left:3px;}
.pickUpPhoto {margin-bottom:5px;}
.pickUp a {margin-bottom:15px;}

.pickUp .moreLinks{text-align:right;}
.pickUp .blueList {
background:url('../../images/list_blueList.gif') no-repeat;
background-position:0px 7px;
padding-left:9px;
}


#footer {
width:100%;
min-width:950px;
height:268px;
background-color:#ebf1f6;
line-height:21px;
}
#footer .borderSolid {background:url('../../images/footer/img_borderLeft.gif') repeat-y;height:270px;width:2px;}
#footer .borderDotted {border-left:1px dotted #b8c3c8;height:200px;width:0px;margin-top:30px;}
.borderSolidTop {background:url('../../images/footer/img_borderTop.gif') repeat-x;}
#footer .block {width:232px;height:270px;margin-top:26px;}
#footer .blockBig {width:240px;height:270px;margin-top:26px;}
#footer img {margin-top:8px;margin-bottom:8px;}
#footer ul li img {margin-top:0px;margin-bottom:0px;}
#footer ul li {margin-left:5px;}
#footerContent {
width:952px;
margin:0px auto;
}



 /*================================================================
 * COLORS
 ================================================================*/
.c_green {color:#999900;}
.c_blue {color:#3cb6e3;}
.bgc_footer {background-color:#ebf1f6;}
 
/*================================================================
 * JAVASCRIPT
 ================================================================*/
.blueNavigation {
width:137px;
background-color:#5ca8d5;
position:absolute;
top:-5px;
left:-9000px;
z-index:15;
visibility:hidden;
}
.blueNavigation li {
height:29px;
border-bottom:1px dotted #ffffff;
}
.blueNavigation .first {
text-align:center;
}
.blueNavigation .last {
border-bottom:0px;
}
.blueBackground {
position:absolute;
top:-5px;
z-index:1;
}

#searchBox {z-index:100; width:290px; height:20px;position:absolute; left:-6000px; top:40px;}
#searchTxt {width:229px; margin:0; padding:3px 5px; border:0px; background:url(../../images/img_searchboxTop.gif) repeat-x left top; line-height:1; position:absolute; left:0px; top:0px; overflow:hidden;}
#searchBtn {margin:0; padding:0; vertical-align:top; position:absolute; left:239px; top:0px;}






/*================================================================
 * NO FLASH PLAYER OR NO JAVASCRIPT
 ================================================================*/
div#flashHeader {
background-color:#edf1f5;
}

#topNavContainer {
width:950px;
margin:0px auto;
height:85px;
position:relative;
}
#logo {
position:absolute;
left:5px; top:27px;
width:313px; height:39px;
}
#topNav {
position:absolute;
left:540px; top:12px;
width:410px; height:30px;
}
#topNav ul {text-align:right;}
#topNav ul li {display:inline; margin-left:14px;}
#topNav ul li.link01 img,
#topNav ul li.link02 img,
#topNav ul li.link03 img
 {margin:9px 0;}

#searchCol {
position:absolute;
left:647px; top:50px;
width:320px; height:30px;
text-align:right;
}
#flashHeader .searchTxt {width:232px; margin:0; padding:7px 5px; border:0px; background:url(../../images/img_searchbox.gif) no-repeat left top; line-height:1;}
#flashHeader .searchBtn {margin:0; padding:0; vertical-align:top;margin-left:6px;}



div#flashHeader .content {
width:550px;
height:255px;
margin:0px auto;
background:url('../../images/img_noFlash.gif');
background-repeat:no-repeat;
text-align:left;
padding-left:200px;
padding-right:200px;
text-align:center;
padding-top:155px;
}
div#flashHeader .alignLeft {
text-align:left;
line-height:22px;
}
div#flashHeader .flashPlayer {
margin-top:20px;
margin-bottom:20px;
}