@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:"ＭＳ Ｐゴシック", "ＭＳ ゴシック", 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%;
}
a.blueDLink {
background:url('../../images/icon_arrow_d.gif') no-repeat;
background-position:0px 4px;
padding-left:9px;
font-size:100%;
}
.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;
}

a.newsLink {
background:url('../../images/icon_news.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; 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 div {overflow:hidden;}

#rightPart li span.focus 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.hdr ul li span {font-weight:normal;}

#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.dir2nd {background:url('../../images/right_navi/rnavi_bg02.gif') repeat-y; margin:0; margin:0 0 8px 9px; border-bottom:1px solid #DBD3E0; width:211px;}
#rightPart ul.dir3rd {margin:0 0 8px 9px; border-bottom:1px solid #DBD3E0; width:202px;}
#rightPart ul.dir4th {margin:0; padding:0;}
#rightPart ul.dir4th {margin:0; padding:0;}
#rightPart ul li {line-height:1; margin:0; padding:0; border:none; zoom:1;}
#rightPart ul li span {display:block;}
#rightPart ul li span a {display:block;}
#rightPart ul li span a.lastBorder {border-bottom:1px solid #DBD3E0;}
#rightPart ul li.last span a {height:24px;}



#rightPart ul.dir1st li span a {background:url('../../images/right_navi/rnavi_dir01.gif') no-repeat left top; padding:10px 0 0 10px; height:23px;}
#rightPart ul.dir1st li ul.dir2nd li span a {background:url('../../images/right_navi/rnavi_dir02.gif') no-repeat; padding:10px 0 0 19px; height:23px;}
#rightPart ul.dir1st li ul.dir2nd li span.focus a {background:url('../../images/right_navi/rnavi_dir02_on.gif') no-repeat; padding:10px 0 0 19px; height:23px; display:block;}
#rightPart ul.dir1st li ul.dir2nd li span.hdr a {background:url('../../images/right_navi/rnavi_dir02n.gif') no-repeat; padding:10px 0 0 19px; height:23px; display:block;}

#rightPart ul.dir2nd li ul.dir3rd li span a {background:url('../../images/right_navi/rnavi_dir03.gif') no-repeat; padding:10px 0 0 20px; height:23px; display:block;}
#rightPart ul.dir2nd li ul.dir3rd li span.focus a {background:url('../../images/right_navi/rnavi_dir03_on.gif') no-repeat; padding:10px 0 0 20px; font-weight:bold; height:23px; display:block;}


#rightPart ul.dir3rd li ul.dir4th li span a {background:url('../../images/right_navi/rnavi_dir04.gif') no-repeat; padding:10px 0 0 32px; height:23px;}
#rightPart ul.dir3rd li ul.dir4th li span.focus a {background:url('../../images/right_navi/rnavi_dir04_on.gif') no-repeat; padding:10px 0 0 32px; font-weight:bold; height:23px; display:block;}
#rightPart ul.dir3rd li ul.dir4th li span.hdr a {background:url('../../images/right_navi/rnavi_noarrow.gif') no-repeat; padding:10px 0 0 20px; font-weight:bold; height:23px; display:block;}
#rightPart ul.dir3rd li ul.dir4th li span.row2 a {background:url('../../images/right_navi/rnavi_dir04w.gif') no-repeat; padding:10px 0 0 32px; height:36px; line-height:1.2; display:block;}
#rightPart ul.dir3rd li ul.dir4th li.focus span.row2 a {background:url('../../images/right_navi/rnavi_dir04w_on.gif') no-repeat; padding:10px 0 0 32px; height:36px; line-height:1.2;font-weight:bold; display:block;}


#rightPart ul.dir4th li ul.dir5th li span a {background:url('../../images/right_navi/rnavi_dir04.gif') no-repeat; padding:10px 0 0 32px; margin:0; font-weight:normal; height:23px; display:block;}
#rightPart ul.dir4th li ul.dir5th li span.hdr {background:url('../../images/right_navi/rnavi_dir04hdr.gif') no-repeat; padding:10px 0 0 32px; font-weight:bold; height:23px; display:block;}
#rightPart ul.dir4th li ul.dir5th li span.hdrNormal {background:url('../../images/right_navi/rnavi_dir03n.gif') no-repeat; padding:10px 0 0 32px; font-weight:normal; height:23px; display:block;}
#rightPart ul.dir4th li ul.dir5th li span.hdr a {background:url('../../images/right_navi/rnavi_dir04hdr.gif') no-repeat; padding:10px 0 0 32px; font-weight:bold; height:23px; display:block;}
#rightPart ul.dir4th li ul.dir5th li span.focus a {background:url('../../images/right_navi/rnavi_dir04_on.gif') no-repeat; padding:10px 0 0 32px; font-weight:bold; height:23px; display:block;}


#rightPart ul.dir5th li ul.dir6th li span a {background:url('../../images/right_navi/rnavi_dir06.gif') no-repeat; padding:10px 0 0 46px; font-weight:normal; height:23px; display:block;}
#rightPart ul.dir5th li ul.dir6th li span.focus a {background:url('../../images/right_navi/rnavi_dir06_on.gif') no-repeat; padding:10px 0 0 46px; font-weight:bold; height:23px; display:block;}
#rightPart ul.dir5th li ul.dir6th li span.row2 a {background:url('../../images/right_navi/rnavi_dir06w.gif') no-repeat; padding:10px 5px 0 46px; height:36px; width:151px; line-height:1.2; display:block;}
#rightPart ul.dir5th li ul.dir6th li.focus span.row2 a {background:url('../../images/right_navi/rnavi_dir06w_on.gif') no-repeat; padding:10px 5px 0 46px; height:36px; width:151px; line-height:1.2;font-weight:bold; display:block;}

#rightPart  #rInfoBox {background:#FAF2FA; border:1px solid #DBD3E0; padding:8px; color:#333333; font-size:10px; line-height:16px; overflow:visible;}

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

 /*================================================================
 * COLORS
 ================================================================*/
.c_green {color:#9CBB6A;}
.c_blue {color:#3cb6e3;}
.c_lgreen {color:#38CC38;}
.c_purple {color:#AB5CB4;} /* 音楽学部 */
.c_lblue {color:#00A0E9;} /* 短期大学部 */
.c_pink {color:#EC6E81;} /* 児童学部 */
.c_green2 {color:#5BB53C;} /* 心理・福祉学部 */
.c_yellow {color:#C8C83D;} /* 人文学部 */
.c_orange {color:#F39700;} /* 人間栄養学部 */
.c_gray {color:#999999;} /* 教職研究科 */

.bgc_yellow {background-color:#FAFBA5; padding:2px;}
.bgc_footer {background-color:#ebf1f6;}
td.hover {background: #C1F5FF;}
tr.hover {background: #C1F5FF;}

 
/*================================================================
 * 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;
}

/*================================================================
 * main visual inner link
 ================================================================*/
#innerLink01 {position:absolute; width:210px; height:128px; left:730px; top:10px;}
#innerLink01btn {position:absolute; width:189px; height:35px; left:739px; top:91px; z-index:5;} 
#innerLink02 {position:absolute; width:470px; height:134px; left:470px; top:7px;}

/*================================================================
 * common style
 ================================================================*/
#h1box {
	position:relative;
	height:50px; width:710px;
}
#h1box #upYear {position:absolute; top:10px; left:0; width:700px; text-align:right; color:#FFFFFF; z-index:5;}
h2 {background:url('../../images/dotline.gif') repeat-x left bottom; border-top:2px solid #C7CBCE; padding:6px 0; height:22px;}
h2 img {padding:4px 15px 4px 0; margin-right:15px; background:url('../../images/separating.gif') repeat-y right top; float:left;}
h2 span {font-size:12px; font-weight:normal; padding-top:2px; display:block;}
h2 span img {padding:0 5px 0 0; margin:0;  background:none; float:none;}
h2 img.noLink {background:none;}
h2 span.txtHdr {background:url('../../images/hdr_bg.gif') no-repeat left 4px; padding-left:20px; display:block; overflow:visible; float:left;}
h2 span.txtHdr span {padding:0 15px 0 0; margin-right:15px; background:url('../../images/separating.gif') repeat-y right top; font-size:14px; font-weight:bold;}


h3 {font-size:14px;}
#innerLinkBox {background:#EDF1F5; border:1px solid #D8DFE6; padding:10px; overflow:visible;}
.innerBox {background:#EDF1F5; border:1px solid #D8DFE6; padding:10px; overflow:visible;}
.innerBoxBlue {background:#E9F5FE; border:1px solid #D2E8F9; padding:10px; overflow:visible;}
.innerBoxRed {background:#FFD7D7; border:1px solid #FAAEAE; padding:10px; color:#CC0000; overflow:visible;}

.dotLine {
	background:url('../../images/dotline.gif') repeat-x left bottom;
	height:1px; margin:0;
}
.dotLine hr {display:none;}
.iconBlank {vertical-align:top; padding:2px 5px}
.icon {vertical-align:text-bottom;}
table {
	border-collapse: separate;
	*border-collapse:collapse; /* for IE6,7 */
	border-spacing:0;
	empty-cells:show;
	border-top:1px solid #C4C9CD;
	border-right:none;
	border-bottom:none;
	border-left:1px solid #C4C9CD;
}
table th,
table td {
	border-top:none;
	border-right:1px solid #C4C9CD;
	border-bottom:1px solid #C4C9CD;
	border-left:none;
}


table.borderBox {margin:10px 0;}
table.borderBox th {background:#F3F3F3; padding:10px 0; text-align:center; white-space:nowrap;}
table.borderBox td {padding:10px 4px; text-align:center; vertical-align:middle; border-collapse:collapse;}
table.borderBox td.verticalTop {vertical-align:top;}
table.borderBox td.textAlignLeft {text-align:left; padding:10px;}

#relatedBox {background:url('../../exam/images/related_bg.gif') no-repeat left bottom; padding:10px; width:690px; margin-bottom:30px;}

.ruby {display:none;}
.wd1of2 {width:344px;}
.wd1of3 {width:222px;}
.wd2of3 {width:466px;}

/*================================================================
 * schedule page
 ================================================================*/
#scheduleContainer {background:url('../../exam/schedule/images/txt_none.gif') no-repeat left 25px; padding:0 0 60px 0; _height:60px; _overflow:visible;}
.scheduleBox {margin-top:25px; background:#FFFFFF;}
.smallTxt {font-size:10px; line-height:16px; font-weight:normal;}
#schedule12 h2 {height:52px; background:none;}
#schedule12 .hdrBox {height:70px; width:710px; position:relative; background:url('../../images/dotline.gif') repeat-x left bottom;}
#schedule12 .hdrLink {position:absolute; left:382px; top:8px; z-index:5;}
#schedule13 h2 {height:42px; background:none;}
#schedule13 .hdrBox {height:55px; width:710px; position:relative; background:url('../../images/dotline.gif') repeat-x left bottom;}
#schedule13 .hdrLink {position:absolute; left:403px; top:8px; z-index:5;}
.selectBg1 {background:url('../../exam/schedule/images/select_bg01.gif') no-repeat left top; width:710px; height:318px;}
.selectBg2 {background:url('../../exam/schedule/images/select_bg02.gif') no-repeat left top; width:710px; height:115px;}
#allChekContainer {position:relative; height:40px;}
#toggleAll {position:absolute; width:93px; height:21px; top:10px; left:595px; z-index:5;}
#uncheckAll, #checkAll {margin:0; padding:0;}
#scheduleSelectBox .colL {float:left; width:231px;}
#scheduleSelectBox .colC {float:left; width:212px;}
#scheduleSelectBox .colR {float:left; width:245px;}
#scheduleSelectBox .colL ul {margin:10px 0 0 10px;}
#scheduleSelectBox .colC ul {margin:7px 0 0 0;}
#scheduleSelectBox .colR ul {margin:10px 0 0 0;}
#scheduleSelectBox ul li img {padding:3px 0; vertical-align:middle;}
#scheduleSelectBox ul li {margin:0 0 5px 0;}
#scheduleSelectBox #gradList {margin:10px 0 10px 10px;}
#scheduleSelectBox #gradList li {float:left; margin-right:20px;}

.handcursor{cursor:hand; cursor:pointer;}

/*================================================================
 * top page
 ================================================================*/
h2.imgHdr {height:22px;}
h2.imgHdr img {float:left; padding:4px 15px 4px 0; margin-right:15px; background:url('../../images/separating.gif') repeat-y right top;}
h2.imgHdr span {float:left; font-size:12px; font-weight:normal; padding:2px 0 0 0; background:none;}

.newsArea ul {margin:10px 0 0 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 a.blueLink {display:block;}


#topTab  {display:block;}
#topTab .tabHdr {height:59px; background:url('../../exam/images/topbox01.gif') no-repeat left bottom;}
#topTab .tabHdr ul li {height:35px; margin:0 3px 0 0; display:inline;}
#topTab .tabBox {background:url('../../exam/images/topbox02.gif') no-repeat left bottom; padding:0 10px 10px 10px; height:1%}

#topTab .stepBox {position:relative; height:115px; margin-top:10px;}
#topTab .stepBox01img {position:absolute; left:0px; top:0px; width:270px; height:115px;}
#topTab .stepBox02img {position:absolute; left:268px; top:0px; width:208px; height:115px;}
#topTab .stepBox03img {position:absolute; left:480px; top:0px; width:210px; height:115px;}
#topTab .stepBox01txt {position:absolute; left:88px; top:10px; width:150px; height:95px; z-index:5;}
#topTab .stepBox02txt {position:absolute; left:356px; top:10px; width:100px; height:95px; z-index:5;}
#topTab .stepBox03txt {position:absolute; left:568px; top:10px; width:100px; height:95px; z-index:5;}

#topTab .hdr {padding:0 0 10px 0; background:url('../../images/dotline_l.gif') no-repeat left bottom;}
#topTab .colL {float:left; width:339px; margin-right:10px;}
#topTab .colR {float:left; width:339px;}
#topTab dl {margin:10px 0 0 0;}
#topTab dl dt,
#topTab dl dd {padding:8px 0; background:url('../../images/dotline_l.gif') no-repeat left top;}
#topTab dl dt.first,
#topTab dl dd.first {padding:8px 0; background:none;}
#topTab dl dt{width:140px; float:left; clear: both;}
#topTab dl dd{_position:relative; _left:-3px; _height:0%; margin-left:140px;}
#topTab dl dd a {margin-left:15px;}


/*================================================================
 * Q&A page
 ================================================================*/
.faqContainer {border:1px solid #C7CBCE; margin:25px 0 0 0; padding:0; width:708px;}
.faq {padding:10px 10px 0px 10px; border:4px solid #FFFFFF; width:680px;}
.question span {background:url('../../exam/images/icon_q.gif') no-repeat left top; display:block; _height:30px; min-height:30px; padding:0 0 0 38px; cursor:hand; cursor:pointer; color:#3399cf; text-decoration:underline; display:block;}
.question {background:url('../../images/dotline.gif') repeat-x left bottom; padding:0 0 2px 0; display:block;}
.answer {background:url('../../exam/images/icon_a.gif') no-repeat 0px 10px; display:block; padding:10px 0 10px 38px;}
.height2 {_height:42px; min-height:42px;}

/*================================================================
 * gaiyo page
 ================================================================*/
.stepBox .colL {float:left; width:465px; margin-right:23px;}
.stepBox .colR {float:left; width:222px;}

/*================================================================
 * open campus page
 ================================================================*/
#opcamBox .colL {float:left; width:220px; height:260px; background:url('../../exam/images/bluebox1of3.gif') no-repeat left top; padding:6px; margin-right:6px;}
#opcamBox .colR {float:left; width:220px; height:260px; background:url('../../exam/images/bluebox1of3.gif') no-repeat left top; padding:6px;}
#opcamBox .txtBox {margin:5px 0 0 0; height:105px;}


/*================================================================
 * place page
 ================================================================*/
table.mapBox {border:none;}
table.mapBox td {border:none; padding:10px 0 20px 0; background:url('../../images/dotline.gif') repeat-x left bottom; vertical-align:top;}
table.mapBox td.textAlignRight {text-align:right; padding:20px 0 20px 0;}
table.mapBox td.noBorder {background:none;}
.map_canvas {border:1px solid #CCCCCC; width:344px; height:258px;}


/*================================================================
 * for sort table
 ================================================================*/
table.tablesorter thead tr .header {background:#F3F3F3 url(../../exam/images/default.gif) no-repeat right top; cursor:pointer; padding:10px;}
table.tablesorter thead tr .headerSortUp {background:#F3F3F3 url(../../exam/images/asc.gif) no-repeat right top;}
table.tablesorter thead tr .headerSortDown {background:#F3F3F3 url(../../exam/images/desc.gif) no-repeat right top;}


/*================================================================
 * result page
 ================================================================*/
table.resultBox {margin:10px 0;}
table.resultBox th {background:#F3F3F3; padding:2px; text-align:center; white-space:nowrap; font-size:10px; color:#333333; font-weight:normal;}
table.resultBox td {padding:2px; text-align:center; vertical-align:middle; font-size:10px; line-height:1.4;}
table.resultBox td.textAlignLeft {text-align:left; padding:2px 4px;}




@media print{
body {overflow:visible !important;}
#container {overflow:visible !important; background:none;}
#mainContent {overflow:visible !important; background:none;}
#leftPart {overflow:visible !important;}
#rightPart {overflow:visible !important;}
.print {display:none;}
.answer {display:block; border-bottom:1px solid #cccccc;}
.faqContainer, .faq, .borderBox {overflow:visible !important;}
#scheduleContainer {display:table-cell; background:none;}
table.mapBox tr {page-break-inside:avoid !important;}
.map_canvas {overflow:hidden; display:block;}
body, html {_zoom:68%;}
#innerLink01, #innerLink01btn {_display:none;}
}