/* ------------------------------------------------
   wrapper
------------------------------------------------ */

.section div.detailArea p.lead {
	margin-top: 20px !important;
}
.section div.wrapper {
	margin-bottom: 50px;
}
.section div.contentsWrap {
    margin-top: 30px;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}
.section div.contentsWrap01 {
    border-bottom: 1px dotted #ccc;
}
.section div.description {
    float: left;
    width: 59%;
    margin: 27px 0 0 30px;
}
.section div.description p.ttl {
	font-weight: bold;
	margin-bottom: 0 !important;
}
.section div.description p.topBottom {
	margin: .5em 0 0 1em !important;
}
.section div.pct {
	float: left;
}
#contents .section div.pct img {
	margin-bottom: 0 !important;
}

/* ------------------------------------------------
   Media Goに関するよくある質問
------------------------------------------------ */

.section p.faq {
	margin-bottom: 5px !important;
}

/* ------------------------------------------------
   プルダウンボタン
------------------------------------------------ */

#contents .Gray {
    margin: 15px 0px 0px 5px;
    padding: 8px 10px 6px 37px;
    font-weight: bold;
    clear: both;
    border: #d2d2d2 1px solid;
    border-radius: 6px;
    width: 55%;
}
#contents img.textLine {
	padding: 2px 8px 3px 7px;
	vertical-align: middle;
	margin-left: -34px;
}
/* ------------------------------------------------
   インフォメーション枠
------------------------------------------------ */

.section div.infomationArea {
    border: 1px #999 solid;
    background: #EAF6FD;
    margin: 15px auto 20px auto;
    padding: 15px 15px 10px 15px;
    clear: both;
}
.section div.infomationBox {
    background: url(/support/audiosoftware/mediago/howto/images/icon_info.gif) no-repeat;
    margin: 0px;
    padding: 3px 0px 0px 35px;
}
/* ------------------------------------------------
   MQ
------------------------------------------------ */

@media screen and (max-width: 640px) {
	#contents .Gray {
    width: 80%;
    font-size: 13px;
	}
}
@media screen and (max-width: 640px) {
	#contents .section div.pct img {
	margin-bottom: 0;
	}
}
@media screen and (max-width: 640px) {
	.section div.description {
	margin-left: 0;
	}
}
@media screen and (max-width: 640px) {
	.section div.description {
	width: 100%;
	}
}
@media screen and (max-width: 640px) {
	.section div.description p.topBottom {
	margin-left: .5em !important;
	}
}
/* ------------------------------------------------
   clearfix
------------------------------------------------ */

.clearfix {
	clear: both;
}