﻿@charset "utf-8";

/************************** 

wyrd ＆ voca
wyrd_voca/wyrd_voca.htm

**************************/
div#mainCol div#wyrdVoca {
	width: 606px;
	height: auto;
	margin: 0 3px 0 7px;
	padding: 0;
	clear: both;
}

div#wyrdVoca ul#wv01 {
	width: auto;
	height: 339px;
	margin: 20px 0 20px 0;
	padding: 0;
	clear: both;
}

div#wyrdVoca ul#wv01 li {
	width: 300px;
	height: 339px;
	margin: 0;
	padding: 0;
	float: left;
}

div#wyrdVoca ul#wv01 li.right {
	float: right;
}

div#wyrdVoca h3 {
	width: 606px;
	height: 43px;
	margin: 25px 0 30px;
	padding: 0;
	clear: both;
}

div#wyrdVoca div.article {
	width: auto;
	height: auto;
	margin: 0 0 30px 0;
	padding: 0;
	clear: both;
}

div#wyrdVoca div.article:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#wyrdVoca div.article p {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

div#wyrdVoca div.article p.caption {
	width: auto;
	height: auto;
	margin: 5px 0 5px 0;
	padding: 0;
	clear: both;
	text-align: right;
	font-size: 90%;
}

div#wyrdVoca div.faq {
	width: 606px;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	clear: both;
	background: transparent url(../wyrd_voca/image/qa_bg.jpg) repeat-y 0 0;
}

div#wyrdVoca div.faq div.faqInner {
	width: 606px;
	height: auto;
	margin: 0;
	padding: 0;
	clear: both;
	background: transparent url(../wyrd_voca/image/qa_lower.jpg) no-repeat left bottom;
}

div#wyrdVoca div.faqInner dl {
	width: 606px;
	height: auto;
	margin: 0;
	padding: 103px 0 0;
	clear: both;
	background: transparent url(../wyrd_voca/image/qa_upper.jpg) no-repeat 0 0;
}

div#wyrdVoca div.faqInner dl.simple {
	padding: 18px 0 0;
	clear: both;
	background: transparent url(../wyrd_voca/image/qa_upper02.jpg) no-repeat 0 0;
}

div#wyrdVoca div.faqInner dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* IE5,6のみ適用 */
* html div#wyrdVoca div.faqInner dl {
	padding-bottom: 10px;
}

div#wyrdVoca div.faqInner dl dt {
	width: 28px;
	height: 30px;
	margin: 0;
	padding: 0 5px 12px 16px;
	float: left;
	clear: left;
}

div#wyrdVoca div.faqInner dl dd {
	width: 525px;
	height: auto;
	margin: 0 0 12px 55px;
	padding: 0 0 0 10px;
}

/* IE5,6のみ適用 */
* html div#wyrdVoca div.faqInner dl dd {
	margin-bottom: 0;
}

div#wyrdVoca div.faqInner dl dd.question {
	width: 525px;
	height: 26px;
	color: #FFF;
	padding-top: 4px;
	font-weight: bold;
	font-size: 14px;
	border-left: 4px solid #59AAD7;
}

div#wyrdVoca div.faqInner dl dd.answer {
	width: 525px;
	height: auto;
	border-left: 4px solid #E76E5D;
}

div#wyrdVoca div.faqInner span.red {
	color: #C83C27;
	font-weight: bold;
}

div#wyrdVoca dl.inquiryBtn {
	width: auto;
	height: auto;
	margin: 0 0 40px 35px;
	padding: 0;
	clear: both;
}

div#wyrdVoca dl.inquiryBtn:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#wyrdVoca dl.inquiryBtn dt {
	margin: 0 0 1em;
	padding: 0;

}

div#wyrdVoca dl.inquiryBtn dd {
	margin: 0;
	padding: 0;
}

div#wyrdVoca dl.inquiryBtn dd ul li {
	margin: 0 25px 0 0;
	padding: 0;
	float: left;
}



div#wyrdVoca div.pageTopInner {
	width: auto;
	height: auto;
	margin: 15px 0 0;
	padding: 0;
	clear: both;
}

div#wyrdVoca div.pageTopInner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#wyrdVoca div.pageTopInner p {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0 0 10px 15px;
	clear: both;
	background: transparent url(../image/common/arrow07.gif) no-repeat 0 2px;
	float: right;
}

/* IE5,6のみ適用 */
* html div#wyrdVoca div.pageTopInner p {
	padding-bottom: 0;
}

/* IE7のみ適用 */
*:first-child+html div#wyrdVoca div.pageTopInner p {
	padding-bottom: 0;
} 


div#wyrdVoca div.pageTopInner p a {
	color: #3570BD;
	text-decoration: none;
}

div#wyrdVoca div.pageTopInner p a:hover {
	color: #999;
	text-decoration: underline;
}

/* 無料プレゼント */
div#wyrdVoca div#present {
	width: 606px;
	height: auto;
	margin: 0;
	padding: 0;
	clear: both;
	background: transparent url(../wyrd_voca/image/present_bg.gif) repeat-y 0 0;
}

div#wyrdVoca div#present h3 {
	width: 606px;
	height: 43px;
	margin: 0;
	padding: 0;
	clear: both;
}

div#wyrdVoca div#presentInner {
	width: 566px;
	height: auto;
	margin: 0;
	padding: 15px 20px 5px;
	clear: both;
	background: transparent url(../wyrd_voca/image/present_bottom.gif) no-repeat left bottom;
}

div#presentInner dl.registBtn {
	width: 265px;
	height: 31px;
	margin: 0 auto;
	padding: 5px 0;
	clear: both;
}

div#presentInner dl.registBtn:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#presentInner dl.registBtn dt {
	float: left;
}

div#presentInner dl.entry {
	width: 477px;
	height: auto;
	margin: 0 auto;
	padding: 10px 0;
	clear: both;
}

div#presentInner dl.entry dd {
	width: 477px;
	height: auto;
	margin: 0 auto;
	padding: 3px 0 0;
	text-align: center;
}

div#presentInner dl.entry dd img {
	padding: 5px 0 0;
}

