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

#main div.content div#schTop {
	
	}

#main div.content div#schTop .cont {
	margin:10px 15px 25px 15px;
}
	
#main div.content div#schTop h2 {
	margin:5px 0 0 5px;
	line-height:0;
}

#main div.content div#schTop p.read {
	margin-bottom:10px;
}


/* ****************************************
 
 pickUp
 
**************************************** */

#main #pickUp .clearfix {
	position: relative;
	margin-bottom: 10px;
}

#main #pickUp .box {
	width: 218px;
	margin: 0;
	border: 1px solid #ccc;
}

#main #pickUp .box .ttlBox {
	position: relative;
	min-height: 62px;
	height: auto!important;
	height: 62px;
	border-bottom: 1px solid #ccc;
}

#main #pickUp .box .ttlBox img {
	position: absolute;
	left: -1px;
	top: -1px;
	padding: 1px;
	border: 1px solid #ccc;
}

#main #pickUp .box .txtBox {
	position: absolute;
	top: 1px;
	right: 1px;
	min-height: 55px;
	height: auto!important;
	height: 55px;
	width: 118px;
	padding: 5px 5px 0 5px;
	background-color: #f2f2f2;
}

#main #pickUp .box .txtBox h3 {
	margin: 0 0 15px;
	border: none;
	background-position: 0 2px!important;
	letter-spacing:normal;
	font-size:123.1%;
	line-height:1.2;
}

#main #pickUp .box p {
	margin:0 0 1em;
	padding: 5px 5px;
	font-size: 93%;
	line-heigh:1.4;
	height:25px;
}

#main #pickUp .box p.link {
	margin:0;
	padding:0;
}

#main #pickUp .box.fLeft p.link {
	position: relative;
	width:80px;
	height:15px;
	left: 133px;
	bottom: 5px;
}

#main #pickUp .box.fRight p.link {
	position: relative;
	width:80px;
	height:15px;
	left: 133px;
	bottom: 5px;
}

/* ****************************************
 
 courseIntro
 
**************************************** */

#main #courseIntro .clearfix {
	position: relative;
	margin-bottom: 20px;
}

#main #courseIntro .box {
	width: 220px;
	margin: 0;
}

#main #courseIntro .box h3.web {
	border-left:16px solid #cc0000;
	padding-left:3px;
	margin-bottom:5px;
	font-size:104%;
}

#main #courseIntro .box h3.cg {
	border-left:16px solid #ff6600;
	padding-left:3px;
	margin-bottom:5px;
	font-size:104%;
}

#main #courseIntro .box h3.dtp {
	border-left:16px solid #009900;
	padding-left:3px;
	margin-bottom:5px;
	font-size:104%;
}


#main #courseIntro .box h3.program {
	border-left:16px solid #0066cc;
	padding-left:3px;
	margin-bottom:5px;
	font-size:104%;
}

#main #courseIntro .box .contBox {
	width: 220px;
	margin: 0;
	background-color:#f2f2f2;
}

#main #courseIntro .box .contBox p.txtBox {
	width:120px;
	height:55px;
	font-size:85%;
	padding:5px 5px;
	line-height:1.4;
}

#main #courseIntro .box p.link {
	text-align:right;
	padding:0 5px 5px 0;
}


/* ****************************************
 
 dhNews
 
**************************************** */


#main #dhNews .dhNews {
border-bottom:1px #dfdfdf dotted;
padding-bottom:4px;
margin:0 0 8px 0;
}

#main #dhNews .dhNews .topics-txt {
margin:0 0 0 51px;
padding:0 0 0 5px;
}

#main #dhNews .dhNews .topics-txt p {
margin-top:2px;
font-size:104%;
line-height:1.4;
}

#main #dhNews .dhNews .topics-txt p.date{
font-size:85%; 
background-color:#f2f2f2;
margin-bottom:3px;
}

.more{
font-size:85%;
color:#f60;
text-align:right;
}

.more a{
color:#f60;
}

.more a:hover{
color:#666;
}


/* ****************************************
 
 拠点からのニュース表示枠
 
**************************************** */

#main #dhNews .dhNews .topics-txt p.school-news {
font-size:100%; 
background-color:#f2f2f2;
margin-bottom:3px;
font-weight: bold;
color: #333333;
}



/* ****************************************
 
 -bnr
 
**************************************** */

div#bnr-Area {
	text-align: center;
	padding: 10px 0;
}	
div#bnr-Area p {
	line-height: 0;
	margin-bottom: 10px;
}


/*スクールトップのNews*/
#schTop-news{
margin:10px 10px 15px 10px;

}

#schTop-news ul{
margin:0;
padding:5px;
list-style-type:none;
}

#schTop-news li{
display:block;
background:url(http://school.dhw.co.jp/img/arrow_orange_w.gif) 0 0.2em no-repeat;
padding:0 0 5px 8px;
margin:0;
font-size:108%;
line-height:120%;
}

#schTop-news li a{
color:#cc0000;
text-decoration:underline;
}


#schTop-news li a:hover{
color:#999999;
}

#schTop-news a.bitlink{
background: transparent url(../img/arrow_orange_w.gif) 0 0.2em no-repeat;
padding-left:8px;
color:#cc0000;
}



/* ****************************************
 
 clearfix
 
**************************************** */

.clearfix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

.clearfix { display: inline-block; }

/* \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* */

.leftBox{ float:left;}
.rightBox{ float:right;}

.fLeft{
float:left;
}

.fRight{
float:right;
}