@charset "utf-8";

/*
	Site Name: 
	Description: TOP PAGE 
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================

	1: TOP PAGE 
    1: MAP 
    1: BIG BANNER 
==========================================================
*/


/*
===== 1: TOP PAGE ONLY====================================
*/
div#contents{
width:990px;
padding-top:10px;
color:#444;
}
#main{
    width:565px;
    float:left;
    margin:0;
}

#top-main{
    float:right;
    width:417px;

}


#top-news{
position:relative;

height:150px;
width:415px;
}


#top-news #tn-go-all{
top:8px;
right:20px;
position:absolute;
text-align:right;
}



#top-news #tn-go-all {
background-image:url(/img/shared/marker/marker-arrow.gif);
background-repeat:no-repeat;
background-position:0px 4px;
margin-bottom:2px;
text-indent:7px;
line-height:1.2em;
font-size:88%;
}

/*IE7 */
*+html  #tn-go-all a{
font-size:80%;
}

#top-news h2{
background-image:none;
height:24px;
margin:0  0px ;
padding-left:10px;
text-indent:0;
overflow:hidden;
border-bottom:1px solid #999;
}
#top-news .tn-item{

}
#top-news a.tn-item {
display:block;
line-height:20px;
padding:1px 5px 1px  12px;
margin:0 px;
border-top:1px dotted #aaa;
text-decoration:none;
    background-image:url(/img/shared/marker/marker-arrow.gif);
    background-repeat:no-repeat;
    background-position:2px 7px;
}
#top-news a.first{
border:none;
}
#top-news a.tn-item:hover{
background-color:#fff1c9;
}

#top-news .date{
color:#666;
font-family:arial;
margin-right:10px;
font-weight:bold;
}
#top-news .tn-item .title{
text-decoration:underline;
font-family:arial;
margin-right:10px;

}

/* 
2009.1.29
#top-bannerと#top-banner imgは
header.cssへ移動
*/

#link_menu{
    margin:1px;
}

#securesite{
    position:absolute;
    top:0;right:0;
}

#system-infomation{
width:424px;float:right;height:56px;
font-size:97%;
}


#system-infomation p{
    line-height:1.4;
    margin:2px 0px 5px 6px;
}



#top_footer_banner{
border:1px solid #ddd;background-color:#fcfcfc;padding:5px;font-size:80%;
height:70px;
margin-top:3px;
margin-bottom:20px;
}
#top_footer_banner p{
margin: 5px 5px 3px;
}
#top_footer_banner img{
float:left;
margin: 0 5px;
}


#top-search-form{
position:relative;
    background-image:url(/img/top/top_search_bg.jpg);
    background-repeat:no-repeat;
    background-position:top left;
    height:80px;
    padding:0;    z-index:0;
}

#top-search-form #more_search_btn {
    background-image:url(/img/shared/marker/marker-arrow.gif);
    background-repeat:no-repeat;
    background-position:0px 4px;
    text-indent:7px;
    line-height:1.2em;
    font-size:88%;
    position:absolute;
    right:20px;top:10px;
    color:#00f;
}
#top-search-form form{
    padding:0;margin:0;    height:80px;
    position:relative;
    z-index:0;
}
#hsf_select_a{
    margin-top:50px;
    margin-left:10px;
    width:98px;
    z-index:0;
}
#hsf_select_b{
    width:110px;
    z-index:0;
}


#top-search-form #hsf_keyowrd{
    background-color:transparent;
    position:absolute;
    width:110px;
    padding:0 2px;
    font-size:110%;
    height:18px;
    line-height:18px;
    top:50px;
    left:230px;
    border:none;
}
#top-search-form #hsf_keyowrd:focus{
    background-color:#dff;
    outline-width:0;
}
#top-search-form #hsf_submit{
    border:none;    border:0px;
    width:43px;
    height:26px;
    position:absolute;
    right:20px;
    top:46px;
    background-image:url(/img/top/search_btn.jpg);  
    text-indent:-9999px;
}
#top-big-banner{
	margin:5px 0;
}
#nhkcc_infomation{
    background-image:url(/img/top/l_blue_bg.gif);
    background-repeat:no-repeat;
    background-position:top left;
    position:relative;
    height:45px;
    padding:0;
    margin:5px 0 5px;
    zoom:1;
}
#nhkcc_infomation img{

    margin:8px 0;

} 
#nhkcc_infomation h4{
    border:none;
    margin:0;
} 

#nhkcc_infomation p{
    background:transparent;
    width:190px;
    position:absolute;
    right:5px;
    top:8px;
} 


#event_travel_members {
    clear:both;
	margin-top:10px;
}

#event_travel_members a{
	margin:0px 0px 0 4px;
}

#event_travel_members img{
	margin-bottom:4px;
	margin-top:3px;
}

#verisign{
	width:100px;
	height:72px;
	position:absolute;
	right:8px;
	margin-top:5px;
}
/*
===== 1: MAP PAGE ONLY====================================
*/
#top-map-block{
position:relative;height:541px;width:563px;padding:0;

}
#top-map-block2{
position:absolute;background:url(/img/top/top_map_pre2.jpg);
height:541px;width:563px;padding:0;z-index:1;top:0;
}

#top-map-block4{
position:absolute;
background:url(/img/top/top_map_btn.jpg);
height:541px;width:563px;padding:0;z-index:0;top:0;
}
#select-school-map{
list-style:none;text-indent:-9999px;opacity:0.8;
height:541px;font-size:70%;
}
#select-school-map {position:absolute;}
#select-school-map a{display:block;width:30px;}
#select-school-map a:hover{border-bottom:2px solid #06f;}

#sapporo a{position:absolute;top:67px; left:348px;}
#shin_sapporo a{position:absolute;top:92px; left:330px;width:60px;}

#sendai_jyozenji a{position:absolute;top:228px; left:360px;width:35px;}
#sendai_izumi a{position:absolute;top:216px; left:370px;width:53px;}
#aomori a{position:absolute;top:148px; left:343px;}
#hirosaki a{position:absolute;top:164px; left:314px;}
#hachinohe a{position:absolute;top:166px; left:374px;}
#morioka a{position:absolute;top:191px; left:365px;width:63px;}
#yamagata a{position:absolute;top:222px; left:335px;}
#syonai a{position:absolute;top:205px; left:318px;}
#fukushima a{position:absolute;top:249px; left:357px;}
#koriyama a{position:absolute;top:263px; left:327px;}
#iwaki a{position:absolute;top:265px; left:368px;width:38px;}
#aoyama a{position:absolute;top:352px; left:439px;width:50px;}
#toyocho a{position:absolute;top:365px; left:485px;width:50px;}
#hikarigaoka a{position:absolute;top:323px; left:418px;width:58px;}
#machida a{position:absolute;top:389px; left:426px;}
#hachioji a{position:absolute;top:368px; left:420px;}
#yokohama a{position:absolute;top:404px; left:452px;width:83px;}
#chiba a{position:absolute;top:387px; left:496px;}
#kashiwa a{position:absolute;top:327px; left:494px;width:30px;}
#yukarigaoka a{position:absolute;top:345px; left:496px;width:70px;}
#saitama a{position:absolute;top:304px; left:468px;width:88px;}
#kawagoe a{position:absolute;top:302px; left:419px;width:35px;}
#mito a{position:absolute;top:294px; left:364px;}
#utsunomiya a{position:absolute;top:279px; left:350px;width:37px;}
#maebashi a{position:absolute;top:280px; left:306px;}
#niigata a{position:absolute;top:245px; left:296px;}
#nagoya a{position:absolute;top:340px; left:264px;width:40px;}
#toyohashi a{position:absolute;top:356px; left:245px;}
#gifu a{position:absolute;top:322px; left:246px;}
#shizuoka a{position:absolute;top:358px; left:301px;}
#hamamatsu a{position:absolute;top:369px; left:271px;}
#matsumoto a{position:absolute;top:293px; left:278px;}
#matsumoto_icity a{position:absolute;top:319px; left:277px;width:88px;}
#osaka a{position:absolute;top:292px; left:133px;width:30px;}
#kyobashi a{position:absolute;top:285px; left:170px;width:30px;}
#moriguchi a{position:absolute;top:267px; left:180px;width:30px;}
#kyoto a{position:absolute;top:252px; left:188px;width:30px;}
#kobe a{position:absolute;top:273px; left:109px;width:30px;}
#nishinomiya a{position:absolute;top:251px; left:100px;width:80px;}
#matsuyama a{position:absolute;top:397px; left:129px;}
#takamatsu a{position:absolute;top:389px; left:158px;}
#tokushima a{position:absolute;top:405px; left:176px;}
#hiroshima a{position:absolute;top:348px; left:126px;}
#fukuyama a{position:absolute;top:360px; left:158px;width:30px;}
#tottori a{position:absolute;top:341px; left:162px;}
#yonago a{position:absolute;top:332px; left:128px;width:30px;}
#yamaguchi a{position:absolute;top:360px; left:102px;}
#fukuoka a{position:absolute;top:389px; left:50px;}
#kitakyusyu a{position:absolute;top:367px; left:61px;}

#kumamoto a{position:absolute;top:423px; left:63px;}
#oita a{position:absolute;top:408px; left:97px;}


/*
===== 1: BIG BANNER PAGE ONLY====================================
*/

#top-big-banner{
background:url(/img/top/top-big-banner_bg.jpg);position:relative;height:258px;width:417px;overflow:hidden;
}
#bigBanners{
margin:4px ;width:410px;position:relative;height:300px;overflow:hidden;
}
.bigBanner{
position:absolute;
}

#miniBanners{
position:absolute;top:194px;left:4px;
}


.update_part_1{
    padding:2px 5px;
    margin-right:2px;
    margin-bottom:10px;
    border-radius:3px;
}
.update_part_2{
    padding:2px 5px;
    margin-right:2px;
    margin-bottom:10px;
    border-radius:3px;
}