@charset "shift_jis";


/* initial setting
-----------------------------------------------*/
*{
margin:0;
padding:0;
}

p{
margin-bottom:10px;
}

ul{
margin-bottom:10px;
list-style:none;
}

ol{
margin-bottom:10px;
list-style-position:inside;
}

li{
padding-bottom:0.2em;
}

img{
border:0;
}

a{
	color:#03C;
	text-decoration:none;
}
a:hover{text-decoration:underline;}

strong,
em{
font-weight:bold;
text-decoration:none;
}

table{
border-top:1px solid #CCC;
border-left:1px solid #CCC;
border-collapse:collapse;
border-spacing:0;
}
table th,
table td{
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
}
caption{
font-weight:bold;
text-align:left;
}

/* html & body
-----------------------------------------------*/
html{
font-size:100.01%;
}

body{
background:#FFF;
color:#000;
font-size:0.75em;
line-height:1.4em;
text-align:center;
}

body#grade{
border-top:5px solid #0A0A6F;
font-family:Arial, Helvetica, sans-serif;
}

body#english *{
/*word-break:break-all;*/
}


/* primary layout
-----------------------------------------------*/
#header,
#globalNavi,
#eyeCatch,
#topicsPath,
#contents,
#footer{
clear:both;
margin:0 auto;
width:770px;
text-align:left;
}


/* header
-----------------------------------------------*/
#header{
/*margin-bottom:18px;*/
border-top:5px solid #0A0A6F;
min-height:1px;
_height:1px;
position:relative;
height:43px;
}
#header:after{
display:block;
clear:both;
visibility:hidden;
height:0px;
content:".";
} 

#t-audition #header{
height:43px;
padding-bottom:7px;
margin-bottom:10px;
background:url(/images/common/header_bg02.gif) repeat-x left bottom;
}

#header #siteLogo{
position:absolute;
top:15px;
left:4px;
margin:0;
}

#header h1#siteLogo{
margin-bottom:0;
padding:23px 0 0 12px;
background:none;
font-size:1em;
line-height:1.4em;
}

#header #headerNavi{
float:right;
padding-top:8px;
width:auto;
font-size:0;
line-height:0;
text-align:right;
}

#header #headerNavi ul{
padding:2px 4px 0 3px;
}
#header #headerNavi ul:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
#header #headerNavi li{
float:left;
display:block;
margin:0 0 0 12px;
padding-left:0;
padding-bottom:0;
}

#header #headerNavi dt{
margin-right:38px;
}
#header #headerNavi dt input{
width:144px;
}
#header #headerNavi dd{
margin-top:-19px;
}

#english #header{
margin-bottom:5px;
border-top:none;
}

#english #header #siteLogo{
position:static;
padding:15px 0 0 0;
}

#english #header #headerNavi{
position:absolute !important;
top:0;
right:0;
}

#english #header #headerNavi li{
margin-left:15px;
}


/* globalNavi
-----------------------------------------------*/
#globalNavi{
margin-bottom:6px;
width:772px;
height:25px;
/*background:url(/images/common/globalNavi_bg.gif) repeat-x bottom;*/
}
#globalNavi li{
float:left;
margin:0;
padding-bottom:0;
}
#globalNavi li.firstItem{
margin-left:0;
}

#english #globalNavi{
margin-bottom:10px;
width:770px;
height:30px;
}


/* eyeCatch
-----------------------------------------------*/
#eyeCatch{
border-bottom:1px solid #FFF;
}
#grade #eyeCatch{
padding:0;
background:none;
}

#eyeCatchHome{
margin:0 auto 20px;
width:770px;
min-height:1px;
_height:1px;
background:url(/images/index/eyeCatch_bg03.jpg) no-repeat left center;
background-color:#C1B3D6;
text-align:left;
}
#eyeCatchHome:after{
display:block;
clear:both;
visibility:hidden;
height:0px;
content:".";
} 
#eyeCatchHome p,
#eyeCatchHome ul{
margin-bottom:0;
}
#eyeCatchHome01{
float:left;
margin-bottom:0;
width:565px;
_height:190px;
min-height:190px;
color:#FFF;
}
#eyeCatchHome011{
margin:21px 0 0 282px;
padding-bottom:20px;
}
#eyeCatchHome012{
margin:0 14px 0 206px;

}
#eyeCatchHome02{
float:right;
width:205px;
}
#eyeCatchHome02 dd{
padding:5px 9px 5px;
min-height:1px;
_height:1px;
}
#eyeCatchHome02 dd:after{
display:block;
clear:both;
visibility:hidden;
height:0px;
content:".";
} 
#eyeCatchHome02 dd .imgBox{
float:left;
width:76px;
}
#eyeCatchHome02 dd .topics{
float:right;
width:105px;
font-size:0.91em;
line-height:1.4em;
}
#eyeCatchHome02 dd .topics dt{
margin-bottom:1px;
}
#eyeCatchHome02 dd .topics dd{
padding:0;
}
#eyeCatchHome02 dd .topics dd li{
padding-left:12px;
background:url(/images/common/arrow04.gif) no-repeat left 0.2em;
}
#eyeCatchHome02 dd .topics dd a{
color:#000;
}


/* topicsPath
-----------------------------------------------*/
#topicsPath{
padding:5px 180px 0 6px;
width:584px;
min-height:13px;
_height:13px;
background:url(/images/common/topicspath_bg.gif) repeat-x left top;
font-size:0.91em;
line-height:1em;
}

#t-audition #topicsPath{

background:url(/images/common/topicspath_bg02.gif) repeat-x left top;
}

#grade #topicsPath{
	background:url(/english/grade/images/common/bg_topicspath.gif) repeat-x left top;
}

#topicsPath li{
display:inline;
padding-left:0;
padding-bottom:0;
}


/* contents
-----------------------------------------------*/
#contents{
min-height:1px;
_height:1px;
background:url(/images/common/bg01.gif) repeat-y;
}
#contents:after{
display:block;
clear:both;
visibility:hidden;
height:0px;
content:".";
} 

#contents #main{
float:left;
margin-top:24px;
width:590px;
}

#contents #localNavi{
float:right;
margin-top:-120px;
padding-right:10px;
width:160px;
position:relative;
}
.t-auditionTop #contents #localNavi{
margin-top:-319px;
min-height:319px;
_height:319px;
background:url(/images/common/localNavi_bg02.gif) repeat-y left top;
}
.gradeTop #contents #localNavi{
margin-top:-270px;
min-height:319px;
_height:319px;
background:url(/images/common/localNavi_bg02.gif) repeat-y left top;
}
#contents #localNavi ul{
margin-bottom:6px;
}
#contents #localNavi li{
border:1px solid #CCC;
border-top:none;
padding-bottom:0;
background:#fff;
zoom:1;
}
#t-audition #contents #localNavi li{
background:none;
}
#contents #localNavi li.current a{
background:url(/images/common/localNavi_bg01.gif) repeat-x left top #644196;
color:#FFF;
font-weight:bold;
}
#contents #localNavi li.current a:hover{background:url(/images/common/localNavi_bg01.gif) repeat-x left top #644196;}
#contents #localNavi .caption{
margin:0;
border-left:none;
border-right:none;
}
#contents #localNavi .caption a{
padding:0;
background:none;
}
#contents #localNavi a,
#contents #localNavi span{
display:block;
padding:8px 10px 8px 22px;
height:100%;
background:url(/images/common/arrow01.gif) no-repeat 7px 12px;
}
#contents #localNavi a span{
display:inline;
padding:0;
}
#contents #localNavi a:hover{background:url(/images/common/arrow01.gif) no-repeat 7px 12px #E0D9EA;}
#t-audition #contents #localNavi a:hover{background:url(/images/common/arrow01.gif) no-repeat 7px 12px #ffe5cc;}
#grade #contents #localNavi a:hover{background:url(/images/common/arrow01.gif) no-repeat 7px 12px #e2f6ff;}
#contents #localNavi a.over{
border-bottom:1px solid #CCC;
background:url(/images/common/arrow01.gif) no-repeat 7px 12px #E0D9EA;
}
#t-audition #contents #localNavi a.over{
border-bottom:1px solid #CCC;
background:url(/images/common/arrow01.gif) no-repeat 7px 12px #ffe5cc;
}
#grade #contents #localNavi a.over{
border-bottom:1px solid #CCC;
background:url(/images/common/arrow01.gif) no-repeat 7px 12px #e2f6ff;
}
#contents #localNavi span.over{
border-bottom:1px dashed #CCC;
background:url(/images/common/arrow01.gif) no-repeat 7px 12px;
}
#contents #localNavi img{
vertical-align:bottom;
}

#contents #localNavi li ul{
margin:0px 0;
}
#contents #localNavi li ul li{
padding-left:30px;
border:none;
background:url(/images/common/arrow03.gif) no-repeat 22px 0.4em !important;
font-weight:bold;
/* font-size:0.91em; */
line-height:1.4em;
}
#contents #localNavi li ul li a{
display:inline;
padding:0;
background:none;
font-weight:normal;
}
#contents #localNavi li ul li a:hover{
background:none;
}
#t-audition #contents #localNavi li ul li a:hover{
background:none;
}
#grade #contents #localNavi li ul li a:hover{
background:none;
}

#grade #contents #localNavi li ul li.label{
padding-top:3px;
background:none !Important;
padding-left:22px;
}

#contents #localNavi .bannerLink li{
margin-bottom:6px;
margin-left:5px;
border:none;
background:none;
}
#contents #localNavi .bannerLink li.caption{
margin-left:0;
}
#contents #localNavi .bannerLink li a{
display:inline;
padding:0;
background:none;
}

#contentsHome{
margin:0 auto;
padding-left:1px;
width:769px;
min-height:1px;
_height:1px;
background:url(/images/common/bg03.gif) repeat-y left top;
text-align:left;
}
#contentsHome:after{
display:block;
clear:both;
visibility:hidden;
height:0px;
content:".";
} 
#contentsHomeMain{
float:left;
width:549px;
}
#contentsHomeSub{
float:right;
width:205px;
}

#english.top #contents{
background:none;
}

#english.top #contents #main{
float:left;
margin-top:0;
width:580px;
}

#english.top #contents #localNavi{
float:right;
margin-top:0;
padding-right:0;
width:170px;
background:url(/images/common/localNavi_e_bg01.gif) no-repeat left top;
}

#english #contents #localNavi{
float:right;
margin-top:-120px;
padding-right:10px;
width:160px;
position:relative;
}

#english.top #contents #localNavi .inner{
padding:1px 10px 10px 10px;
*margin-top:-2px;
*padding-top:0;
min-height:480px;
height:auto !important;
height:480px;
background:url(/images/common/localNavi_e_bg02.gif) no-repeat left bottom;
}

#english.top #contents #localNavi .inner h2{
margin-bottom:15px;
}

/* footer
-----------------------------------------------*/
#footer{
padding:34px 0 0 0;
height:91px;
background:url(/images/common/footer_bg.gif) no-repeat left top #FFF;
}
#footer.footerHome{
padding-top:58px;
height:67px;
background:url(/images/common/footer_bg02.gif) no-repeat left top #FFF;
}

#footer #copyright{
padding-left:8px;
float:left;
width:auto;
}
#footer #copyright p{
margin-bottom:4px;
}

#footer #footerNavi{
float:right;
margin-right:8px;
width:auto;
height:11px;
}
#footer #footerNavi li{
float:left;
margin-left:10px;
padding-bottom:0;
}

#english.top #footer{
padding:35px 0 0 0;
height:91px;
background:url(/images/common/footer_bg04.gif) no-repeat left top #FFF;
}

#english #footer{
padding:35px 0 0 0;
height:91px;
background:url(/images/common/footer_bg.gif) no-repeat left top #FFF;
}

/* popup
-----------------------------------------------*/
body#popup{
background:#EDEDED;
}

#popHeader{
height:48px;
background:url(/images/common/pop_header_bg01.gif) repeat-x left top;
text-align:center;
}
#popHeader div{
margin:auto;
width:770px;
display:inline-block;
text-align:left;
}
#popHeader div:after{
display:block; 
visibility:hidden;
clear:both; 
height:0; 
content:".";
}
#popHeader div.width420{
width:420px;
}
#popHeader #siteLogo{
float:left;
margin-bottom:0;
padding:16px 0 0 9px;
width:265px;
}
#popHeader .popClose01{
float:right;
margin-top:15px;
padding:0 0 0 13px;
width:auto;
text-align:right;
background:url(/images/common/arrow01.gif) no-repeat left 50%;
}

#popWrp{
padding:20px 0;
background:#FFF;
}

#popContents{
width:770px;
margin:auto;
text-align:left;
}
#popContents.width420{
width:420px;
}

#popFooter{
height:57px;
background:url(/images/common/pop_footer_bg01.gif) repeat-x left top;
}
#popFooter div{
margin:auto;
padding-top:12px;
width:770px;
text-align:left;
}
#popFooter div.width420{
width:420px;
}

#popup h1{
margin-bottom:20px;
}

#popup .popClose02{
margin:15px auto 0;
width:770px;
text-align:right
}
#popup .popClose02 span{
padding-left:13px;
background:url(/images/common/arrow01.gif) no-repeat left 50%;
}
#popup .popClose03{
margin:15px auto 0;
width:420px;
text-align:right
}
#popup .popClose03 span{
padding-left:13px;
background:url(/images/common/arrow01.gif) no-repeat left 50%;
}
.gradeList li {
	margin-bottom:20px;
}
.gradeList a {
	background-image: url(/images/common/arrow01.gif);
	background-position: left 3px;
	padding-left: 12px;
	background-repeat: no-repeat;
	display: block;
}