/*-------------------- 共通CSS --------------------*/

body,div,h1,h2,h3,h4,h5,h6,p,a,ul,ol,li,dl,dt,dd,img,table{
margin:0px;
padding:0px;
color: #444;
line-height:140%;
}

h1,h2,h3,h4,h5,h6,p,li,dt,dd,em{
font-weight:normal;
font-style:normal;
}

body{
background:#FFFDF5;
font-size:80%;
font-family:"MS UI Gothic","ＭＳ Ｐゴシック","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4","Osaka","ＭＳ ゴシック",sans-serif;
}

ul li, dt, dd{
list-style:none;
}

ol{
margin-left:25px;
}

img{
border:0px;
vertical-align: bottom;
}

a, a:visited{
color:#444;
}

a:hover{
color:#999;
}


#container{
width:800px;
margin:0px auto;
}

#header{
height:66px;
width:800px;
margin:0px auto;
}

h1{
background:url(/common_n/images/logo.gif) no-repeat top left;
width:207px;
height:66px;
float:left;
}

h1 a{
text-indent:-9999px;
text-decoration: none;
display:block;
overflow:hidden;
width:207px;
height:66px;
font-size:0px;
}

#headMenu{
float:right;
margin-top:16px;
width:360px;
}

#headMenu div.clearfix{
height:26px;
width:360px;
}

.icon_opWindow span{
background:url(/common_n/images/icon_op_window.gif) no-repeat right;
padding:2px 0px 2px 10px;
margin-right:3px;
}

.icon_pdf span{
background:url(/common_n/images/icon_pdf.gif) no-repeat right;
padding:2px 0px 2px 10px;
margin-right:3px;
}

.icon_link{
background:url(/common_n/images/icon_link.gif) no-repeat left;
padding-left:10px;
}

.icon_file{
background:url(/common_n/images/icon_file.gif) no-repeat right;
padding:2px 8px 2px 0px;
margin-right:3px;
}


.voiceLink{
line-height:0px;
height:0px;
font-size:0px;
clear:both;
overflow:hidden;
}

.fl{float:left;}
.fr{float:right;}

.small{
font-size:80%;
}

RT{
font-size:70%
}

.red{
color:#F03;
}

.txt10{
font-size:80%;
}
/*-------------------- マージン・パディング --------------------*/

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px}
.mb11{margin-bottom:11px;}
.mb30{margin-bottom:30px;}
.ml10{margin-left:10px;}
.pl10{padding-left:10px;}


/*-------------------- テキストサイズ変更ボタン --------------------*/

#headMenu #textSize{
width:109px;
padding-top:1px;
font-size:0px;
line-height:0px;
}

#textSize, #textSize dt, #textSize dd{
float:left;
height:19px;
}

#textSize dt{
width:28px;
background:url(/common_n/images/textsize.gif) no-repeat;
text-indent:-9999px;
}

#textSize dd{
width:19px;
margin-right:5px;
}

#textSize dd a{
text-indent:-9999px;
display:block;
height:19px;
background:url(/common_n/images/bt_textsize.gif) no-repeat;
}

#textSize #font_s a{
background-position:0px 0px;
}

#textSize #font_m a{
background-position:-19px 0px;
}

#textSize #font_l a{
background-position:-38px 0px;
}




/*-------------------- サイト内検索 --------------------*/

#search_form{
float:right;
width:247px;
margin-bottom:5px;
}

#search-left, #search-right, #search_window, #search_button{
float:left;
}

#search-left, #search-right{
display:block;
font-size:0px;
height:20px;
text-indent:-9999px;
line-height:0px;
}

label{
display:none;
}

#search-left{
background:url(/common_n/images/search_left.gif) no-repeat top left;
width:75px;
height:20px;
}

#search_window{
background:url(/common_n/images/search_bg.gif) repeat-x top left;
width:117px;
height:20px;
border:none;
padding:3px;
}

#search-right{
background: url(/common_n/images/search_right.gif) no-repeat top left;
width:10px;
height:20px;
margin-right:5px;
}


/*-------------------- ヘッダリンク --------------------*/

#header ul{
float:right;
}

#header ul li{
float:left;
}

#header ul li a{
height:10px;
text-indent:-9999px;
display:block;
overflow:hidden;
font-size:1px;
}

#header #access a{
background:url(/common_n/images/bt_access.gif) no-repeat top left;
width:67px;
margin-right:15px;
}

#header #inquiry a{
background:url(/common_n/images/bt_inquiry.gif) no-repeat top left;
width:68px;
margin-right:15px;
}

#header #request a{
background:url(/common_n/images/bt_request.gif) no-repeat top left;
width:67px;
}

#header #access a:hover, #header #inquiry a:hover, #header #request a:hover{
background-position:0px -10px;
}


/*-------------------- 訪問者別メニュー --------------------*/

#userNavi{
background: url(/common_n/images/header_bg.gif) repeat-x top left;
}

#userNavi ul{
width:808px;
margin:0px auto;
}

#userNavi li{
float:left;
height:41px;
}

#userNavi li a{
text-indent:-9999px;
text-decoration: none;
display:block;
overflow:hidden;
height:41px;
width:112px;
font-size:0px;
}

#userNavi li#navi_home{
width:89px;
margin-right:16px;
}

#userNavi a#home,#userNavi a#home_stay{
width:89px;
}

a#student, a#enrolled, a#parents, a#alumni, a#enterprise,
a#student_stay, a#enrolled_stay, a#parents_stay, a#alumni_stay, a#enterprise_stay{
margin-right:6px;
}

a#home, a#home_stay{
width:89px;
background:url(/common_n/images/navi_home.gif) no-repeat top left;
}

a#student, a#student_stay{
background:url(/common_n/images/navi_student.gif) no-repeat top left;
}

a#enrolled, a#enrolled_stay{
background:url(/common_n/images/navi_enrolled.gif) no-repeat top left;
}

a#parents, a#parents_stay{
background:url(/common_n/images/navi_parents.gif) no-repeat top left;
}

a#alumni, a#alumni_stay{
background:url(/common_n/images/navi_alumni.gif) no-repeat top left;
}

a#enterprise, a#enterprise_stay{
background:url(/common_n/images/navi_enterprise.gif) no-repeat top left;
}

a#society, a#society_stay{
background:url(/common_n/images/navi_society.gif) no-repeat top left;
}

a#home:hover,
a#student:hover,
a#enrolled:hover,
a#parents:hover,
a#alumni:hover,
a#enterprise:hover,
a#society:hover{
background-position:0px -41px;
}

a#home_stay,
a#student_stay,
a#enrolled_stay,
a#parents_stay,
a#alumni_stay,
a#enterprise_stay,
a#society_stay{
background-position:0px -82px;
}

/*-------------------- グローバルナビゲーション --------------------*/


#globalNavi{
margin:14px 0px 17px;
width:800px;
}

#globalNavi li{
float:left;
height:30px;
width:160px;
}

#globalNavi li a{
text-indent:-9999px;
text-decoration: none;
display:block;
overflow:hidden;
height:30px;
width:160px;
font-size:0px;
}


a#gnavi_intro, a#gnavi_intro_stay{
width:89px;
background:url(/common_n/images/navi_intro.gif) no-repeat top left;
}

a#gnavi_academics, a#gnavi_academics_stay{
background:url(/common_n/images/navi_academics.gif) no-repeat top left;
}

a#gnavi_admissions, a#gnavi_admissions_stay{
background:url(/common_n/images/navi_admissions.gif) no-repeat top left;
}

a#gnavi_placement, a#gnavi_placement_stay{
background:url(/common_n/images/navi_placement.gif) no-repeat top left;
}

a#gnavi_course, a#gnavi_course_stay{
background:url(/common_n/images/navi_course.gif) no-repeat top left;
}

a#gnavi_intro:hover,
a#gnavi_academics:hover,
a#gnavi_admissions:hover,
a#gnavi_placement:hover,
a#gnavi_course:hover{
background-position:0px -30px;
}

a#gnavi_intro_stay,
a#gnavi_academics_stay,
a#gnavi_admissions_stay,
a#gnavi_placement_stay,
a#gnavi_course_stay{
background-position:0px -60px;
}


/*-------------------- ページメニュー --------------------*/

#pageMenu{
margin-top:30px;
}

/*-------------------- ニュース・大切なお知らせ共通 --------------------*/

.newstopics{
width:280px;
float:left;
margin-right:25px;
}

.newstopicsMenu{
float:right;
width:130px;
}

.newstopicsMenu a{
display:block;
float:right;
height:20px;
}

#pageMenu .view{
background:url(/common_n/images/bt_view.gif) no-repeat left;
text-decoration:none;
width:30px;
_width:43px;
padding:2px 0px 0px 13px;
font-size:12px;
}

#pageMenu .rss{
background:url(/common_n/images/bt_rss.gif) no-repeat top left;
text-indent:-9999px;
width:34px;
font-size:0px;
margin-left:10px;
}

.newstopics div{
border-bottom:1px solid #c4c4c4;
}

.newstopics li{
background:url(/common_n/images/line.gif) repeat-x bottom left;
padding-bottom:1px;
}

.newstopics li a{
display:block;
text-decoration:none;
padding:6px 0px;
line-height:100%;
}

.newstopics li a:hover{
background:#f5f3eb;
color:#444;
}

span.date{
color:#959595;
}

span.new{
color:#ca0a0a;
font-size:87%;
margin-left:10px;
}

#top .newstopics li a span.newsTxt{
display:block;
}

/*#pageMenu iframe{
border-top:1px solid #c4c4c4;
width:280px;
height:630px;
}

#pageMenu iframe .framedate{
color:#959595;
}*/


/*-------------------- ニュース --------------------*/

#newsTitle{
background:url(/common_n/images/news_title.gif) no-repeat top left;
text-indent:-9999px;
float:left;
display:block;
font-size:1px;
width:100px;
height:24px;
}

/*-------------------- 大切なお知らせ --------------------*/

#topicsTitle{
background:url(/common_n/images/topics_title.gif) no-repeat top left;
text-indent:-9999px;
float:left;
display:block;
font-size:0px;
width:105px;
height:24px;
}

/*-------------------- バナー --------------------*/

#banner{
float:right;
width:190px;
}

#banner ul{
width:190px;
}

#banner li{
width:190px;
margin-bottom:10px;
}

#banner #mobile{
margin-top:16px;
}

/*-------------------- フッター --------------------*/

#footer{
margin-top:30px;
}

#footer ul{
width:800px;
margin:0px auto 9px;
}

#footer li{
float:left;
}

#footer li a{
padding:0px 15px;
text-decoration:none;
border-left:1px solid #444;
}

#footer #footerLast a{
border-right:1px solid #444;
}

#footer div{
background:#3b658f;
}

#footer div div{
width:800px;
margin:0px auto;
}

#footer div p{
float:left;
color:#FFF;
font-size:87%;
line-height:25px;
}

#footer div #address{
float:right;
}


/*-------------------- clearfix --------------------*/

.clearfix{
zoom:1;/*for IE 5.5-7*/
}

.clearfix:after{/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
font-size:0;
}


.clear{
clear:both;
margin: 0px;
padding: 0px;
line-height: 0px;
font-size: 1px;
}