@charset "utf-8";

body{
margin:0;
padding:0;
color:#444444;
background:#FFFFFF;
font-size:10px;
line-height:120%;
font-family: sans-serif;
}

#outline{
margin:0 auto;
padding:0;
width:100%;
height:100%;
overflow:hidden;
}

.none{display:none;}
.clear{clear:both;}

#main{
margin:0px auto;
padding:0px 30px;
width:890px;
height:100%;
min-height:100%;
border-left:solid 2px #CCCCCC;
border-right:solid 2px #CCCCCC;
border-bottom:solid 2px #CCCCCC;
}


/* -- HEADER -- */

#header{
margin:0px auto;
padding:0;
width:890px;
height:70px;
background:#FFFFFF;
}

#h_navi_block{
margin:0px;
padding:10px 0px 0px 0px;
width:550px;
height:25px;
vertical-align:middle;
float:right;
}

#h_navi_block h1{
margin:0px;
padding:0px;
font-size:10px;
font-weight:normal;
color:#888888;
float:right;
}


#title_block{
margin:0px;
padding:0px;
width:890px;
height:30px;
}


.main_img{
margin:20px 0px 0px 0px;
padding:0px;
width:890px;
height:200px;
}


#program_block{
margin:30px 0px 10px 0px;
padding:0px;
width:890px;
heigt:100%;
line-height:145%;
}

#prg_box_left{
margin:0px 10px 0px 0px;
padding:10px;
width:418px;
height:100%;
float:left;
border:solid 1px #CCCCCC;
}

dt{
margin:0px;
padding:0px;
width:250px;
height:250px;
float:left;
}

.detail{
margin:0px 0px 0px 10px;
padding:0px;
width:158px;
font-size:11px;
float:left;
}

.detail h2{
margin:8px 0px;
padding:0px;
width:158px;
line-height:100%;
font-size:18px;
}

.detail a:link{color:#444444; text-decoration:underline;}
.detail a:visited{color:#444444; text-decoration:underline;}
.detail a:hover{color:#444444; text-decoration:underline;}


.btn_detail{
margin:20px 0px 0px 0px;
padding:0px;
width:418px;
height:100%;
text-align:center;
float:left;
}


#prg_box_right{
margin:0px;
padding:10px;
width:418px;
height:100%;
float:left;
border:solid 1px #CCCCCC;
}


/* -- FOOTER -- */

#footer{
margin:0px auto;
padding:0px;
width:890px;
background:#FFFFFF;
}

#footer a{color:#444444; text-decoration:none;}
#footer a:link{color:#444444; text-decoration:none;}
#footer a:hover{color:#444444; text-decoration:underline;}

#footer_block{
margin:0px;
padding:0px 0px 10px 0px;
width:890px;
background:#FFFFFF;
float:left;
border-top:solid 1px #CCCCCC;
list-style:none;
}

.pagetop{
margin:10px 0px 10px 0px;
padding:0px;
width:890px;
height:100%;
text-align:center;
float:left;
}

#footer_block ul{
margin:10px 0px 0px 0px;
padding:0;
float:left;
list-style:none;
}

#footer_block li{
margin:2px 0 0 10px;
padding:0px 0 0 8px;
font-size:9px;
color:#888888;
line-height:100%;
background:url(../img/common_img/arrow01.gif) left center no-repeat;
float:left;
}

#footer_block a, #footer_block a:link, #footer_block a:hover{text-decoration:none; color:#888888;}
#footer_block a:hover{text-decoration:underline; color:#333333;}

.footer_right{
margin:10px 0px 0 0px;
padding:0;
font-size:10px;
color:#888888;
float:right;
}