@charset "Shift_JIS";

/* bd/connect/dub/2018/other/index.css*/

#contents section h3{
	margin: 1em 0 1em 2em;
}

#contents h3 + dl dt{
	margin-bottom:0.8em;
	margin-left: 3.6em;
	display:list-item;
	font-weight:400;
}

#contents h3 + dl dd{
	margin: 0 0 2.4em 3.8em;
}

#contents dl dd p.annotation{
	margin: 0.4em 0 0 0;
}

#contents dl dd div.btn_Area{

	margin:1.4em 0 1em 0;
}

#contents ul.border_top{
	border-top: 4px double;
    padding-top: 2.4em;
    padding-left: 2em;
    margin: 0 1em;
}


/*201806�@okBizArea NEW */

#okBizArea {
	display: none;
	padding:1.6em;
	border:dashed 1px #0066cc;
	border-radius:8px;
	margin: 2em 1em;
    height: 340px;
    width: 94%;
}

#okBizArea .leftArea,
#okBizArea .rightArea{
    display: table-cell;
    float: none;
}

#okBizArea .leftArea{
	width: 60%;
}

#okBizArea .rightArea{
	vertical-align: middle;
}

#okBizArea dl {
    display: inline-block;
    vertical-align: top;
    }

#okBizArea dl dt,
#okBizArea dl dd{
	margin-left:0;
}

#okBizArea dl dt{
	margin-bottom:0.8em;
}

#okBizArea .ok_img{
	max-width:360px;
	height:auto;
}

#okBizArea img{
	margin:1em 0;
}

#okBizArea a{
	display:block;
}



@media (max-width: 640px){

#contents section h3{
	margin: 1em 0 1em 0;
}

#contents h3 + dl dt{
	margin-left: 1.4em;
}

#contents h3 + dl dd{
	margin-left: 1.4em;
}


#contents dl dd p.annotation{
	margin-left: 0;
	margin-top:0.8em;
}

#contents ul.border_top{
    padding-left:0;
    margin: 0;
}

#contents ul.border_top li{
	margin-left: 1.8em;
}


#okBizArea {
	display: none;
	width:auto;
    height: auto;
	padding:1em;
	margin:2em 0;
}

#okBizArea .leftArea,
#okBizArea .rightArea{
    display: block;
}

#okBizArea .leftArea{
	width: 100%;
}
#okBizArea .ok_img{
	max-width:360px;
	height:auto;
	width:100%;
}


}