@charset "utf-8";


#digitutor-content,
#digitutor-content p,
#digitutor-content dl,
#digitutor-content dl dt,
#digitutor-content dl dd,
#digitutor-content ul,
#digitutor-content ul li{
	margin:0;
	padding:0;
	line-height:1.4;
}
#digitutor-content a {
	text-decoration:none;
}
#digitutor-content a:hover{
	text-decoration:underline;
}
#digitutor-content a img{
	border:0;
}



/*---clearFix ---*/
.clearfix:after {
	content: url(/jpn/shared/img/sp.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }



/*トップページ*/
#digitutor-content .titleBox{
	width:717px;
}
#digitutor-content .titleBox h1{
	margin:0;
	padding:7px 0 0 15px;
	*padding:7px 0 8px 15px;
	font-size:13px;
	float:left;
	background:url(../../../img/h1_01.gif) no-repeat;
	width:668px;
	*width:683px;
	height:21px;
}
#digitutor-content .titleBox a{
	display:block;
	float:right;
	width:28px;
	background:url(../../shared/img/button_03.gif) no-repeat;
}
#digitutor-content .titleBox a:hover{
	background:url(../../shared/img/button_03o.gif) no-repeat;
}



#digitutor-content .breadBox{
	font-size:12px;
	padding:13px 0 0 20px;
	word-spacing:1px;
	width:737px;
}
#digitutor-content .bread{
	float:left;
	width:300px;
}
#digitutor-content .question{
	float:right;
	width:auto;
	word-spacing:normal;
	text-align:right;
	margin:0 20px 0 0;
	background:url(../../../global/shared/img/icon_11.gif) no-repeat 0 3px;
	padding:0 0 0 10px;
}



#digitutor-content #main{
	width:737px;
	margin:0 0 0 20px;
}



#catchWrap{
	clear:both;
	height:230px;
}
#catchWrap h1{
	width:558px;
	height:230px;
	float:left;
	margin:0;
	padding:0;
}
#catchWrap h1 span{
	display:none;
}
#catchWrap h1 span.catchImg{
	display:block;
}
#catchWrap ul.sub,
#catchWrap ul.sub li{
	list-style-type:none;
	line-height:0 !important;
	margin:0;
	padding:0;
	font-size:1px;
}
#catchWrap ul.sub{
	width:164px;
	float:right;
}

.article{
	padding-top:10px;	
}

#digitutor-content .digitutorTopTxt{
	padding:0 0 15px 0;
	background:url(/img-top/line_dot.gif) repeat-x 0 bottom;
}
#digitutor-content .grid-group{
	padding:0 0 5px 0;
	background:url(/img-top/line_dot.gif) repeat-x 0 bottom;
	clear:both;
}
#digitutor-content .grid-group .column-1by4{
	background:url(/img-top/dot_img.gif) repeat-y 168px 0;
	width:177px;
	margin:10px 0 6px 0;
}
#digitutor-content .pseudo-last-child{
	width:161px !important;
	background:none !important;
}
}


#digitutor-content .barNone{
	background:none;
}
#digitutor-content .dlr{
	background:url(/img-top/boxbg-slr.gif) no-repeat 0 0;
	padding:20px 0 0 0;
}
#digitutor-content .compact{
	background:url(/img-top/boxbg-compact.gif) no-repeat 0 0;
	padding:20px 0 0 0;
}
#digitutor-content .acce{
	background:url(/img-top/boxbg-acce.gif) no-repeat 0 0;
	padding:20px 0 0 0;
}
#digitutor-content .grid-unit p.img{
	width:40px;
	height:40px;
	float:left;
}
#digitutor-content .grid-unit h2.txt,
#digitutor-content .grid-unit h2.txtTopnon{
	float:left;
	width:110px;
	padding:13px 0 0 10px;
	margin:0;
	font-size:12px;
	font-weight:normal;
}
#digitutor-content .grid-unit h2.txtTopnon{
	padding:0 0 0 10px;
}
#digitutor-content .grid-unit a:hover{
	text-decoration:underline;
}
#digitutor-content .grid-unit span{
	width:auto;
	padding:15px 0 0 10px;
}
#digitutor-content .grid-unit .txtBox{
	clear:both;
	padding:10px 0 0 0;
	font-size:11px;
	line-height:1.2;
}
#digitutor-content .grid-unit p.date{
	color:#000;
}
#digitutor-content .grid-unit p.update{
	background:url(/img-top/icon_update.gif) no-repeat 60px 0;
}
#digitutor-content .grid-unit p.new{
	background:url(/img-top/icon_new.gif) no-repeat 65px 0;
}


#digitutor-content .recommendWrap{
	clear:both;
	margin:20px 0 0 0;
}
#digitutor-content .boxL{
	float:left;
	width:320px;
	padding:10px;
	padding-right:0;
}
#digitutor-content .boxR{
	float:right;
	width:325px;
	padding:10px;
}
#digitutor-content .boxL ul.list-A01,
#digitutor-content .boxR ul.list-A01{
	margin:0 0 0 25px;
}
#digitutor-content .boxL dl,
#digitutor-content .boxR dl{
	clear:both;
	margin:0 0 5px 0;
}
#digitutor-content .boxL dl dt,
#digitutor-content .boxR dl dt{
	float:left;
	width:80px;
	font-weight:bold;
}
#digitutor-content .boxL dl dd,
#digitutor-content .boxR dl dd{
	float:right;
	width:230px;
}
#digitutor-content .boxL dl dd span,
#digitutor-content .boxR dl dd span{
	color:#666;
}

#digitutor-content .boxL h4,
#digitutor-content .boxR h4{
	padding:10px 0 5px 0;
	margin:0 0 5px 0;
	border-bottom:#CCC dotted 1px;
}
#digitutor-content .boxL p.title,
#digitutor-content .boxR p.title{
	font-weight:bold;
}


#digitutor-content .pluginWrap{
	padding:5px 10px 10px 0;
	margin:10px 0 0 0;
	clear:both;
	width:350px;
}
#digitutor-content .pluginBox{
	padding:10px;
	padding-top:0;
}
#digitutor-content .pluginBox h4{
	padding:10px 0 5px 0;
	margin:0 0 10px 0;
	border-bottom:#CCC dotted 1px;
}
#digitutor-content .bnrL{
	float:left;
	width:110px;
}
#digitutor-content .txtR{
	float:right;
	width:205px;
	overflow:hidden;
}

#digitutor-content .txtR ul.list-link-A01{
	margin:0 0 0 10px;
}



.article {
	padding-left: 15px;
	padding-right: 15px;
}

.heading3-A01 {
	padding: 2px 0 0 8px;
	margin: 10px 0;
}