@charset "UTF-8";
/* CSS Document */




/*-----	main ----------------*/

#main{
margin:0 0 10px;
padding: 0;
}

/*-----	topics, left column ----------------*/

#topics{
width:190px;
float:left;
margin:0;
display:inline;
}
#topics img{
display:block;
}

h1{
margin:0 0 8px;
}
#topics ul{
list-style:none;
margin:0;
padding:0;
}
#topics ul li{
margin:0 0 10px;
zoom:1;
}

#kodawari{
margin:0 0 10px;
padding:0;
}
#kodawari dt{
width:190px;
margin:0;
padding:0;
font-size:0;
}
#kodawari dd{
width:190px;
margin:0;
padding:0;
}
#topics #kodawari li{
width:190px;
margin:0;
padding:0;
font-size:0;
}
#topics #kodawari img{
display:block;
}


#numbersearch{
margin:0 0 10px;
padding:0;
border-bottom:1px solid #999999;
}
#numbersearch dt{
width:190px;
margin:0;
padding:0;
}
#numbersearch dd{
width:190px;
margin:0;
padding:0;
}

.guide{
margin:0 0 5px;
padding:0;
width:190px;
height:54px;
background:url(../index_g/bg_guide.jpg) no-repeat;
}
.guide dt{
margin:0 0 4px;
padding:0;
}
.guide dt img{
display:block;
}
.guide dd{
margin:0;
padding:0;
width:190px;
}
.guide ul{
text-align:center;
}
#topics .guide li{
display:inline;
margin:0 0 0 2px;
}
#topics .guide li img{
display:inline;
vertical-align:bottom;
}

#topics #banner{
margin:10px 0 0;
}
#topics ul li.phone{
margin:0 0 3px;
}


/*-----	contents, right column ----------------*/

#contents{
width:760px;
float: right;
display: inline;
}

#navi{
margin:0;
padding:0;
text-align:right;
color:#333333;
font-size:90%;
min-height:33px;
}
*html #navi{
height:33px;
}
#navi li{
display:inline;
margin-left:10px;
}
#navi li a{
padding-left:8px;
text-decoration:none;
background:url(../index_g/bg_navi.png) repeat-y 0 0;
}




/*-----	ebook and course ----------------*/

#ebook{
width:760px;
margin:1px 0 0 0;
padding:0;
overflow: hidden;
}
#course{
width:760px;
margin:1px 0 10px 0;
padding:0;
overflow: hidden;
}
#ebook img,
#course img{
display:block;
}
#ebook dt,
#course dt,
#ebook dd,
#course dd{
margin:0;
padding:0;
}
#ebook dt img,
#course dt img{
width:760px;
margin:0;
padding:0;
}
.tokyo{
float:left;
width:380px;
display:inline;
}
#ebook .tokyo dt,
#course .tokyo dt{
background:#DE5555;
color:#ffffff;
text-align:center;
margin:0 1px 1px 0;
}
#ebook .tokyo dd,
#course .tokyo dd{
float:left;
width:75px;
margin:0 1px 0 0;
padding:0;
display: inline;
}
.osaka{
float:left;
width:381px;
margin:0 -1px 0 0;
display:inline;
}
#ebook .osaka dt,
#course .osaka dt{
background:#6699CC;
color:#ffffff;
text-align:center;
margin:0 0 1px;
}
#ebook .osaka dd,
#course .osaka dd{
float:left;
width:75px;
margin:0 1px 0 0;
padding:0;
display: inline;
}



/*-----	information ----------------*/


#information{
width:760px;
overflow:hidden;
margin:0 0 10px;
}

#information_osaka{
width:375px;
margin:0;
float:left;
display:inline;
}
#information_tokyo{
width:375px;
margin:0 10px 0 0;
float:left;
display:inline;
}
#information_osaka dt,
#information_tokyo dt,
#information_osaka dd,
#information_tokyo dd{
margin:0;
padding:0;
}
#information_osaka iframe,
#information_tokyo iframe{
background:url(../index_g/bg_information.jpg) no-repeat left bottom;
height:238px;
width:373px;
margin:0;
padding:0 2px 10px 0;
overflow:auto;
}


/*-----	misc ----------------*/

ul.pr{
list-style:none;
margin:0;
padding:0;
}
ul.pr li{
float:left;
margin:0 9px 10px 0;
display:inline;
}
ul.pr li.rightedge{
margin-right:0;
}
ul.pr li#toranet{
}
ul.pr li.popularcourse,
ul.pr li.charter{
position:relative;
}
ul.pr li.popularcourse img,
ul.pr li.charter img{
display: block;
}
ul.pr li.popularcourse ul{
position:absolute;
top:58px;
left:223px;
margin:0;
padding:0;
list-style:none;
}
ul.pr li.charter ul{
position:absolute;
top:58px;
left:267px;
margin:0;
padding:0;
list-style:none;
}
ul.pr li.popularcourse li,
ul.pr li.charter li{
float:left;
width:42px;
height:16px;
margin:0 2px 0 0;
padding:0;
display:inline;
}

ul.pr li.verisign{
position:relative;
top:-10px;
left:0px;
margin-bottom:0px;
}


ul#license{
text-align:right;
list-style:none;
margin:0;
padding:0;
font-size:80%;
}
ul#license li a{
background:url(../index_g/listmark.gif) 0 center no-repeat;
padding-left:8px;
text-decoration:none;
}
ul#license a:hover,
ul#license a:active{
background-position:-300px;
}