@charset "utf-8";

/* CSS Document */

body { 
	font-family: "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
	font-size: 0.75em;
	line-height: 1em;
	color: #222;
	background: #FFF url(../imagesNEW/back.gif);
	text-align: center;
}

#wrapper {
	width: 800px;
	background: url(../imagesNEW/body_back.gif) center top repeat-y;
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
	position: relative;
}

#header {
	width: 780px;
	height: 100px;
	padding: 0 10px 50px 10px;
}

#H21 #header { background: url(../imagesNEW/head_backH21.gif) left top repeat-x; }
#H22 #header { background: url(../imagesNEW/head_backH22.gif) left top repeat-x; }

/* header contents */
#logo { float: left; padding-top: 20px; width: 120px; }
#header h1 { padding-top: 24px; margin-left: 130px; }

#container {
	width: 750px;
	padding: 15px 25px 0 25px;
}

#footer {
	width: 780px;
	clear: both;
	padding: 10px;
	border-top: 1px solid #1853A2;
	border-bottom: 5px solid #1853A2;
	text-align: center;
}

#footer p { line-height: 1.5em; }

/*
=================================================
	top page
=================================================
*/

#topHeader { width: 780px; padding: 0 10px 5px 10px; background: url(../images_topnew/topHead_back.gif) center top no-repeat; } 
#topHeader h2 { float: right; padding-top: 65px; }
#topLogo { padding-left: 40px; }
.topPageText { font-size: 1.4em; line-height: 1.5em; text-align: center; }
#btLoginPage { width: 640px; height: 110px; position: relative; }
#btLoginPage li { width: 280px; height: 50px; position: absolute; }
#btLoginPage li#btH21 { top: 20px; left: 75px; }
#btLoginPage li#btH22 { top: 20px; left: 395px; }
#btLoginPage li a { display: block; width: 100%; height: 100%; text-indent: -9999px; text-decoration: none; }
#btLoginPage li#btH21 a { background: url(../images_topnew/bt_loginPageH21.gif) left top no-repeat; }
#btLoginPage li#btH22 a { background: url(../images_topnew/bt_loginPageH22.gif) left top no-repeat; }
#btLoginPage li a:hover { background-position: right top !important; }



/*
=================================================
	text style
=================================================
*/

h2 { margin-bottom: 10px; }
h3 { margin-bottom: 10px; padding: 4px 5px; }

#container a, #footer a { text-decoration: underline; }
#container a:hover, #footer a:hover { text-decoration: none; }
#container p, #container ul, #container ol, #container dl, #container table { line-height: 1.6em; }
#container p { margin: 10px 0; }


/*
=================================================
	bt
=================================================
*/

.btList { float: right; width: 60px; height: 14px; padding: 4px 5px 0 0; }
.btList a { display: block; width: 100%; height: 100%; text-indent: -9999px; text-decoration: none; }
.btList a.listRed { background: url(../imagesNEW/bt_listRed.gif) left top no-repeat; }
.btList a.listCyan { background: url(../imagesNEW/bt_listCyan.gif) left top no-repeat; }
.btList a.listPurple { background: url(../imagesNEW/bt_listPurple.gif) left top no-repeat; }
.btList a.listGreen { background: url(../imagesNEW/bt_listGreen.gif) left top no-repeat; }
.btList a:hover { background-position: left bottom !important; }

/*
=================================================
	page & color
=================================================
*/

#H21 .result h2 { padding-bottom: 8px; background: url(../imagesNEW/titleber_blgr.gif) left bottom repeat-x; }
#H22 .result h2 { padding-bottom: 8px; background: url(../imagesNEW/titleber_orange.gif) left bottom repeat-x; }
.page01 h2 { padding-bottom: 8px; background: url(../imagesNEW/titleber_red.gif) left bottom repeat-x; }
.page02 h2 { padding-bottom: 8px; background: url(../imagesNEW/titleber_cyan.gif) left bottom repeat-x; }
.page03 h2 { padding-bottom: 8px; background: url(../imagesNEW/titleber_purple.gif) left bottom repeat-x; }
.page04 h2 { padding-bottom: 8px; background: url(../imagesNEW/titleber_green.gif) left bottom repeat-x; }

.bgBlue { background-color: #1853A2 !important; }
.bgGreen { background-color: #3B0 !important; }
.bgBlGr { background-color: #0BB !important; }
.bgRed { background-color: #E40 !important; }
.bgCyan { background-color: #0AD !important; }
.bgPurple { background-color: #93C !important; }
.bgOrange { background-color: #F80 !important; }
.bgPink { background-color: #E39 !important; }


/*
=================================================
	bottom link
=================================================
*/

.bLink { padding: 15px; }
#container .bLink { padding: 15px 0; }
.bLink li { float: right; margin-left: 10px; width: 140px; height: 14px; }
.bLink li a { display: block; width: 100%; height: 100%; background-position: left top; text-decoration: none !important; }
.bLink li.blHome a { background: url(../imagesNEW/bt_home.gif) no-repeat; }
.bLink li.blTop a { background: url(../imagesNEW/bt_top.gif) no-repeat; }
.bLink li.blBack a { background: url(../imagesNEW/bt_back.gif) no-repeat; }
.bLink li a:hover { background-position: right top; }
.bLink li a span { visibility: hidden; }


/*
=================================================
	navigation
=================================================
*/

#navi { position: absolute; width: 780px; height: 45px; top: 100px; left: 20px; }
#navi li { position: absolute; top: 0; height: 45px; }
#navi li.navi01 { left: 0; width: 100px; }
#navi li.navi02 { left: 100px; width: 160px; }
#navi li.navi03 { left: 260px; width: 160px; }
#navi li.navi04 { left: 420px; width: 120px; }
#navi li.navi05 { left: 540px; width: 120px; }
#navi li.navi06 { left: 660px; width: 120px; }
#navi li a { display: block; width: 100%; height: 100%; background-position: left top; text-indent: -9999px; }
#H21 #navi li.navi01 a { background: url(../imagesNEW/navi01H21.gif) no-repeat; }
#H22 #navi li.navi01 a { background: url(../imagesNEW/navi01H22.gif) no-repeat; }
#H21 #navi li.navi02 a { background: url(../imagesNEW/navi02H21.gif) no-repeat; }
#H22 #navi li.navi02 a { background: url(../imagesNEW/navi02H22.gif) no-repeat; }
#H21 #navi li.navi03 a { background: url(../imagesNEW/navi03H21.gif) no-repeat; }
#H22 #navi li.navi03 a { background: url(../imagesNEW/navi03H22.gif) no-repeat; }
#H21 #navi li.navi04 a { background: url(../imagesNEW/navi04H21.gif) no-repeat; }
#H22 #navi li.navi04 a { background: url(../imagesNEW/navi04H22.gif) no-repeat; }
#navi li.navi05 a { background: url(../imagesNEW/navi05.gif) no-repeat; }
#navi li.navi06 a { background: url(../imagesNEW/navi06.gif) no-repeat; }
#navi li a:hover, .pageHome #navi li.navi01 a, .page01 #navi li.navi02 a, .page02 #navi li.navi03 a, .page03 #navi li.navi04 a, .page04 #navi li.navi05 a, .page05 #navi li.navi06 a { background-position: left bottom !important; }


/*
=================================================
	search
=================================================
*/

#searchbox { position: absolute; top: 40px; left: 435px; width: 130px; }
#searchbox table, #searchbox th, #searchbox td { width: 160px; border: none; padding: 0; }
#searchbox a { text-decoration: none; position: absolute; top: 0; display: block; height: 17px; overflow: hidden; }
#searchbox a.btsite { left: 0; width: 50px; background: url(../imagesNEW/btsite.gif) left top no-repeat; }
#searchbox a:hover.btsite { background: url(../imagesNEW/btsite.gif) left -17px no-repeat; }
#searchbox a.btpage { left: 50px; width: 90px; background: url(../imagesNEW/btpage.gif) left top no-repeat; }
#searchbox a:hover.btpage { background: url(../imagesNEW/btpage.gif) left -17px no-repeat; }
#searchbox .searchtext { position: absolute; top: 20px; left: 0; border: 1px solid #CCC; padding: 2px; width: 82px; height: 14px; }
#searchbox .stitle { position: absolute; top: 0; left: 0; }
#searchbox .ptitle { position: absolute; top: 0; left: 50px; }
#searchbox .btsearch { position: absolute; top: 20px; left: 90px; }
#searchbox .sitesearch, #searchbox .pagesearch { display: none; }



@media print{

body, #wrapper { background: #FFF none; }
#wrapper { width: 680px; padding: 0; }
#header, #container, #footer { width: 100%; }
#header { padding: 0 0 20px 0; }
#container, #footer { padding: 10px 0; }
#navi, #searchbox, #bLink, .btList { display: none; }

}