@charset "Shift_JIS";

.icon{
	vertical-align: middle;
}

#contents div.pct{
	margin-bottom: 15px;
}

#contents h4{
	margin-bottom: 10px;
}

@media screen and (max-width: 640px){
	#contents .section div.pct img{
		width: 95%;
		height: auto;
	}

}

/*============================
	list-style
============================*/
#contents .list_body_inner{
	margin-left: 15px;
}

#contents ol.link_page li {
	list-style-position: inside;
	background: url("/support/active-speaker/share3/images/icon_under_arrow.gif") no-repeat 0 .4em;
	text-indent: 0;
	padding-left: 12px;
}

#contents .ol-latin{
	list-style: lower-latin;
}

#contents .ol-latin li{
	margin-bottom: 15px;
}

#contents .ol-latin li:last-child{
	margin-bottom: 30px;
}

/*============================
	anchor_box
============================*/
#contents span.anchorButtonA {
	width: 225px;
	padding: 17px 18px 16px 26px;
	background-repeat: no-repeat;
}

#contents ul.anchor_box_inner li{
	padding-right: 0px;
}

@media screen and (max-width: 640px){
	
	#contents ul.anchor_box_inner{
		margin-left: 0px;
	}
	#contents ul.anchor_box_inner li{
		margin-left: 0px;
		margin-bottom: 10px;
	}
	#contents span.anchorButtonA {
		width: 80%;
		max-width: 225px;
	}

}

/*============================
	contentsListBox
============================*/
#contents .contentsListBox{
	border: 1px solid #000;
	width: 300px;
	padding: 15px;
	margin-left: 15px;
}

#contents .contentsListBox ul{
	margin-left: 0px;
	margin-bottom: 0px;
}

@media screen and (max-width: 640px){
	
	#contents .contentsListBox{
		width: 80%;
	}

}

/*============================
	pregBox
============================*/
div.pregBox h3.no01 {background:url(/support/active-speaker/share3/images/list_number/bar_no01.gif) no-repeat;}
div.pregBox h3.no02 {background:url(/support/active-speaker/share3/images/list_number/bar_no02.gif) no-repeat;}
div.pregBox h3.no03 {background:url(/support/active-speaker/share3/images/list_number/bar_no03.gif) no-repeat;}
div.pregBox h3.no04 {background:url(/support/active-speaker/share3/images/list_number/bar_no04.gif) no-repeat;}

div.pregBox h3.list_number {
	margin-bottom: 10px !important;
	padding: 5px 0px 5px 45px;
	font-weight:bold;
	font-size:120%;
}

@media screen and (max-width: 640px){

	#contents div.pregBox div.list_body{
		margin-left: 5px;
	}

}