@import "reset.css";


a{color:#00644e; text-decoration:underline;}
a:hover{color:#249d82; text-decoration:none;}

/*
===== html ====================================
*/

html{
color:#333;
margin:0;
padding:0;
letter-spacing :.1em;
}

/*
===== body ====================================
*/

body{
margin:0;
padding:0;
background-color:#fffdf7;
}

/*
===== wrapper ====================================
*/

#wrapper {
width:752px;
margin:0 auto;
background:url(/life/student_counseling/teachers/common/index_img/wrap.gif) repeat-y top left;
padding:0 6px;
}

/*
===== container ====================================
*/

#container {
width:730px;
background-color:#fff;
padding:0 11px;
}

#container:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

* html #container{
display:inline-table;
/*\*/display:block;/**/
}




/*
===== main_image ====================================
*/

#main-image {
padding-bottom:19px;
background:url(/life/student_counseling/teachers/common/index_img/shadow.gif) repeat-x bottom left;
}


/*
===== header ====================================
*/

#header {
height:72px;
background:url(/life/student_counseling/teachers/common/index_img/header_bg.gif) repeat-x top left;
}

#header-inner{
margin:0 auto;
position:relative;
}

#header-inner h1{
position:absolute;
top:7px;
left:10px;
}



/*
=====  footer  ====================================
*/

#footer{
width:752px;
margin:0 auto 30px;
background:url(/life/student_counseling/teachers/common/index_img/wrap_btm.gif) no-repeat top left;
padding:30px 6px;
}



#footer #copy{
clear:both;
font-size:85%;
color:#999;
}

/*
===== parts ====================================
*/

#container h2{margin-bottom:1.5em;}

#container p{line-height:1.6;
margin-bottom:1em;
}

.box{margin:0 18px;}

.attention{color:#d21919;}
.tel{color:#206e11; font-weight:bold;}
#mailbtn{text-align:center;}

#rule-box {
margin:0 auto 2em;
width:700px;
background: url(/life/student_counseling/teachers/common/index_img/rulebox_bg.gif) no-repeat top left;
}

#rule-box-inner{
padding:18px 0 10px 0;
background: url(/life/student_counseling/teachers/common/index_img/rulebox_bg_btm.gif) no-repeat bottom left;
}

#rule-box-inner02{
padding:0 18px 0 30px;
background: url(/life/student_counseling/teachers/common/index_img/rulebox_bg_in.gif) repeat-y top left;
}

#rule-box-inner li{
line-height:1.6;
margin-bottom:1em;
list-style-type:disc;
}


#whatsnew{
width:730px;
background: url(/life/student_counseling/teachers/common/index_img/news_bg.gif) repeat-y top center;
margin-bottom:10px;
}



#whatsnew #news-box{
width:690px;
padding:0 20px 10px;
background: url(/life/student_counseling/teachers/common/index_img/news_bg_btm.gif) no-repeat bottom center;
}


#whatsnew #news-box dl:after {
content: url(/common/img/spacer.gif);
display: block;
clear: both;
height: 0;
}

#whatsnew #news-box dl {
display: inline-block;
margin-bottom:10px;
}

#whatsnew #news-box dl {
display: block;
}

/*\*//*/ #whatsnew #news-box dl { overflow: hidden; } /* */

*+html #whatsnew #news-box dl{
margin-bottom:10px;
padding:0;
}

* html #whatsnew #news-box dl{
margin-bottom:10px;
padding:0;
}


#whatsnew #news-box dl dt{
float:left;
line-height:1.6;
width:115px;
}

#whatsnew #news-box dl dd{
padding-left:15px;
line-height:1.6;
float:left;
background:url(/life/student_counseling/teachers/common/index_img/list01.gif) no-repeat 0 0.5em;
width:560px;
}