@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;}*/
img {vertical-align:top;}

/*html, body {_overflow-x: hidden;}*/

/*Define Body*/
body {
background-color:#ffffff;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", "‚l‚r ƒSƒVƒbƒN", Osaka, Verdana, Arial, 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;}
a:focus{outline:none;}
a img {text-decoration:none;}
a:hover span {text-decoration:none;}

/*Define li*/
.blueList li {
background:url('../../../images/blueList.gif') no-repeat;
background-position:0px 7px;
padding-left:9px;
font-size:100%;
}
a.blueLink {
background:url('../../../images/blueList.gif') no-repeat;
background-position:0px 4px;
padding-left:9px;
font-size:100%;
display:block;
}
.blueDiscList {
background:url('../../images/blueDiscList.gif') no-repeat;
background-position:0px 7px;
padding-left:9px;
font-size:100%;
}
a.pdfLink {
background:url('../../images/icon_pdf.gif') no-repeat;
background-position:right top;
padding:2px 18px 2px 0;
font-size:100%;
}

a.blankLink {
background:url('../../images/icon_blanklink.gif') no-repeat;
background-position:right top;
padding-right:15px;
font-size:100%;
}

a.rssLink {
background:url('../../images/icon_rss.gif') no-repeat;
background-position:left top;
font-size:100%;
padding:2px 0 2px 20px;
}

.cms {line-height:23px;}
.cms .date {float:left;width:109px;}
 /*================================================================
 * ID
 ================================================================*/
#container {
width:100%;
/*min-width:950px;*/
background:url('../../images/img_mainGradient.gif') repeat-x;
background-position:0px 120px;
}

.page {
width:950px;
margin:0px auto;
}


#topNavContainer {
width:950px;
margin:0px auto;
height:92px;
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:630px; top:50px;
width:320px; height:30px;
text-align:right;
}
input#searchTxt {width:232px; margin:0; padding:7px 5px; border:0px; background:url(../../images/img_searchbox.gif) no-repeat left top !important; line-height:1;}
input#searchBtn {margin:0; padding:0; vertical-align:top;}


#headerNav {
width:100%;
/*min-width:950px;*/
height:28px;
background:#a3c6e2 url(../../images/head_nav_bg.gif) no-repeat center top;
}
#headerNav ul {width:950px; margin:0px auto; text-align:right; margin-top:4px;}
#headerNav ul li {display:inline;margin-left:1px;}
#navigationContainer {
width:950px;
height:33px;
margin:0px auto;
margin-top:15px;
position:relative;
overflow:visible;
z-index:10;
}
.navigation {
text-align:center;
position:absolute;
}
.navigation li {
float:left;
width:134px;
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;}

#mainVisual {
width:950px;
margin:0px auto;
position:relative;
}

#mainContent {

width:950px;
margin:0px auto;
display: inline-block;}
div#mainContent:after {content:""; display:block; clear:both; height:1px; overflow:hidden;}
/* Hides from IE-mac \*/
* html div#mainContent {height:1%;}
div#mainContent {display:block;}
/* End hide from IE-mac */

#leftPart {
width:710px;
margin-right:20px;
}
#rightPart {
width:220px;
}

#leftPart a:link {color:#3399cf;text-decoration:underline;}
#leftPart a:visited {color:#3399cf;text-decoration:underline;}
#leftPart a:hover {color:#3399cf;text-decoration:none;}
#rightPart a:link {color:#3399CC;text-decoration:underline;}
#rightPart a:visited {color:#3399CC;text-decoration:underline;}
#rightPart a:hover {color:#4FB6E9;text-decoration:none;}
#rightPart a img {vertical-align:botom; margin-bottom:-1px;}
#rightPart li span.focus {color:#666666; font-weight:bold; line-height:1.1;}
#rightPart .focus a {color:#666666; text-decoration:none;}
#rightPart .focus a:link,
#rightPart .focus a:visited,
#rightPart .focus a:hover {color:#666666; text-decoration:none;}
#rightPart li {vertical-align:top;}
#rightPart li {display:block;}

#rightPart li span.focus ul li span {font-weight:normal;}
#rightPart li.hdr ul li span {font-weight:normal;}
#rightPart li span.focus ul li span a:link {color:#3399CC;text-decoration:underline;}
#rightPart li span.focus ul li span a:visited {color:#3399CC;text-decoration:underline;}
#rightPart li span.focus ul li span a:hover {color:#4FB6E9;text-decoration:none;}

#rightPart li span.hdr a:link,
#rightPart li span.hdr a:visited,
#rightPart li span.hdr a:hover {color:#666666; text-decoration:none;}


#rightPart ul.dir1st {background:url('../../images/right_navi/rnavi_bg01.gif') repeat-y; margin:0; padding:0;}
#rightPart ul li {line-height:1; margin:0; padding:0; border:none; zoom:1;}
#rightPart ul li span a {display:block;}
#rightPart ul.dir1st li span a {background:url('../../images/right_navi/rnavi_dir01n.gif') no-repeat left top; padding:10px 0 0 20px; height:23px;}

#breadcrumb {height:26px; margin-top:12px; font-size:11px; display:block;}


/*================================================================
 * BANNER
 ================================================================*/
.bannerContainer {
width:100%;
/*min-width:950px;*/
background-color:#656565;
}
.banner {
width:950px;
margin:0px auto;
padding-top:15px;
}
.banner ul li {
float:left;
padding:0 9px 10px 0;
}
.banner .lastChild {
padding-right:0px;
}
#tabContainer {
height:26px;
width:950px;
margin:50px auto 0px auto;
text-align:right;
}
#tabContainer a {margin:0 20px 0 0;}

 /*================================================================
 * CLASSES
 ================================================================*/
.relative {position:relative;}
.panelTop {
background-color:#edf1f5;
border-color:#ffffff;
height:435px;
position:relative;
z-index:1;
}
.panelBottom {
width:338px;
height:170px;
background-color:#f5f5f2;
border-color:#ffffff;
height:170px;
position:relative;
z-index:1;
}
.panelHeader {
padding:7px;
padding-top:3px;
padding-bottom:3px;
margin:5px;
margin-top:8px;
margin-bottom:0px;
background-color:#5da8d5;
}
.panelTitle {margin-bottom:3px;margin-top:3px;}
.panelSubtitle {margin-bottom:5px;margin-top:5px;}
.panelPhoto {margin-bottom:5px;margin-top:8px;}
.pickUp {
	padding:10px;
	background-color:#f9f6fb;
	position:relative;
	left: 1px;
	overflow:visible;
}
.pickUpTitle {margin-top:5px;margin-bottom:15px;margin-left:3px;}
.pickUpPhoto {margin-bottom:5px;}
.pickUp a {margin-bottom:15px;display:block;}


#footer {
width:100%;
/*min-width:950px;*/
height:200px;
background-color:#ebf1f6;
line-height:21px;
}
#footer .borderSolid {background:url('../../images/footer/img_borderLeft.gif') repeat-y; height:200px;width:2px;}
#footer .borderDotted {border-left:1px dotted #b8c3c8;height:145px;width:0px;margin-top:30px;}
.borderSolidTop {background:url('../../images/footer/img_borderTop.gif') repeat-x;}
#footer .block {width:232px;height:170px;margin-top:26px;}
#footer .blockBig {width:240px;height:170px;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;
}
#footerContent ul li {font-size:14px;}
#footerContent ul li ul li {font-size:12px;}

.bgc_footer {background-color:#ebf1f6;}


/*================================================================
 * JAVASCRIPT
 ================================================================*/
.blueNavigation {
width:137px;
background-color:#5ca8d5;
position:absolute;
top:-5px;
left:-9000px;
z-index:15;
}
.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;
}

/*================================================================
 * common style
 ================================================================*/
h1 {background:url('../../images/dotline.gif') repeat-x left bottom; border-top:2px solid #C7CBCE; padding:6px 0; margin-bottom:10px; font-size:14px;}
h1 span {background:url('../../images/hdr_bg.gif') no-repeat left 2px; padding-left:20px; display:block; overflow:visible;}
h1.imgHdr {height:22px;}
h1.imgHdr img {float:left; padding:4px 15px 4px 0; margin-right:15px; background:url('../../images/separating.gif') repeat-y right top;}
h1.imgHdr span {float:left; font-size:12px; font-weight:normal; padding:2px 0 0 0; background:none;}
h1.imgHdr2 {height:22px;}
h1.imgHdr2 img {padding:4px 15px 4px 0;}

/*================================================================
 * News
 ================================================================*/

.newsArea ul {margin:0; padding:0;} 
.newsArea ul li {padding:4px 0; margin:0; font-size:100%; display:block; clear:both;}
.newsArea ul .date {float:left; width:105px;}
.newsArea ul .newsTxt {float:left; width:445px; margin-right:20px; line-height:1.2; word-break:break-all;}
.newsArea ul .icons {float:left; width:130px;}
.newsArea ul .icons img {float:left; margin:4px 1px 0 0;}

.newsArea p {margin-bottom:2em;}
.newsArea .leftImage {float:left; width:240px; margin-right:20px; border:none; font-size:10px;}
.newsArea .rightImage {float:right; width:240px; margin-left:20px; font-size:10px;}
.newsArea .leftImage img,
.newsArea .rightImage img {padding-bottom:4px;}
.newsArea .textArea {float:left; width:450px;}

#update {margin:0 0 20px 0; height:40px; display:block;}
#update .date {height:18px; text-align:right; display:block;}
#update .icons {float:right; text-align:left;}
#update .icons img {margin:0 1px 0 0;}

.newsArea ul.pager {margin:50px 0 0 0;}
.newsArea ul.pager li {display:inline; margin-right:10px; clear:none;}



@media print{
body {overflow:visible !important;}
#container {overflow:visible !important; background:none;}
#mainContent {overflow:visible !important;}
#leftPart {overflow:visible !important;}
body, html {_zoom:68%;}
}