@charset "utf-8";

/* CSS Document */
@media screen {

#insidecommon{
background:url(../../course/img/mainvisual.jpg) no-repeat top left;
}

#insidecommon .main h1.index{
background:url(../../course/img/title_index.gif) no-repeat top left;
margin-bottom:30px;
height:35px;
line-height:1;
}

#insidecommon .main h1.message{
background:url(../../course/img/title_message.gif) no-repeat top left;
margin-bottom:30px;
height:35px;
line-height:1;
}

/* 卒業後の進路 */

#insidecommon .main div.index{
margin:0 20px;
}

#insidecommon .main div.index h2{
font-size:90%;
color:#003318;
padding:10px 0 10px 20px;
margin:10px 0 20px 0;
background:url(../img/bg_h2.gif) no-repeat bottom left;
}

#insidecommon .main div.index h3{
border-bottom:3px double #ccc;
padding-left:23px;
padding-bottom:5px;
margin-bottom:5px;
margin-top:20px;
font-size:80%;
background:url(../img/bg_h3.gif) no-repeat 5px 0;
color:#696;
font-weight:normal;
}

#insidecommon .main div.index h4{
font-size:80%;
color:#333;
background:url(../img/bg_h4.gif) repeat top left;
padding:3px;
padding-left:8px;
margin:10px 0;
}

#insidecommon .main div.index h5{
font-size:80%;
color:#666;
margin:5px 0 5px 7px;
}

/* 卒業生からのメッセージ */
#insidecommon .main div.message{
margin:0 20px;
}

#insidecommon .main div.message table{
margin:10px 0;
}

#insidecommon .main div.message h2{
margin-bottom:20px;
}

#insidecommon .main div.message h3{
margin-bottom:10px;
}

#insidecommon .main div.message h4{
font-size:80%;
color:#666;
line-height:1.4em;
font-weight:normal;
}

#insidecommon .main div.message p{
margin:0;
padding:0;
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px dotted #ccc;
}

#insidecommon .main div.message img{
margin-right:10px;
}

}

@media print {

#start{
margin:0 auto;
display:block;
width:600px;
height:220px;
background:url(../../course/img/print_h.jpg) no-repeat top left;
}

#insidecommon .main h1.index{
background:url(../../course/img/title_index.gif) no-repeat top left;
margin-bottom:30px;
height:35px;
line-height:1;
}

#insidecommon .main h1.message{
background:url(../../course/img/title_message.gif) no-repeat top left;
margin-bottom:30px;
height:35px;
line-height:1;
}

/* 卒業後の進路 */

#insidecommon .main div.index{
margin:0 20px;
}

#insidecommon .main div.index h2{
width:520px;
font-size:90%;
color:#003318;
padding:10px 0 10px 20px;
margin:10px 0 20px 0;
background:url(../img/bg_h2.gif) no-repeat bottom left;
}

#insidecommon .main div.index h3{
border-bottom:3px double #ccc;
padding-left:23px;
padding-bottom:5px;
margin-bottom:5px;
margin-top:20px;
font-size:80%;
background:url(../img/bg_h3.gif) no-repeat 5px 0;
color:#696;
font-weight:normal;
}

#insidecommon .main div.index h4{
font-size:80%;
color:#333;
background:url(../img/bg_h4.gif) repeat top left;
padding:3px;
padding-left:8px;
margin:10px 0;
}

#insidecommon .main div.index h5{
font-size:80%;
color:#666;
margin:5px 0 5px 7px;
}

/* 卒業生からのメッセージ */
#insidecommon .main div.message{
margin:0 20px;
}

#insidecommon .main div.message table{
margin:10px 0;
}

#insidecommon .main div.message h2{
margin-bottom:20px;
}

#insidecommon .main div.message h3{
margin-bottom:10px;
}

#insidecommon .main div.message h4{
font-size:80%;
color:#666;
line-height:1.4em;
font-weight:normal;
}

#insidecommon .main div.message p{
margin:0;
padding:0;
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px dotted #ccc;
}

#insidecommon .main div.message img{
margin-right:10px;
}

}