@charset "shift_jis";

/* Common Styles
========================================== */

/* Form
------------------------------------------ */
#pageContainer .faqForm {
}
#pageContainer .faqForm .colInput {
	width: 300px;
	float: left;
}
#pageContainer .faqForm .colNote {
	width: 445px;
	float: right;
}
#pageContainer .faqForm form fieldset input.search-input {
	width: 220px;
	height: 1.6em;
	margin: 0 5px 0 0;
	padding: 2px 5px 0 5px;
	border: 1px solid #a5acb2;
}
#pageContainer .faqForm form fieldset p {
	margin: 3px 0 0 0;
}

/* Ranking Block
------------------------------------------ */
#pageContainer .rankingBlock {
	width: 748px;
	margin: 15px 0 0 0;
	padding: 0 0 15px 0;
}
#pageContainer .rankingBlock .faqRank {
	float: left;
	width: 704px;
}
#pageContainer .rankingBlock .keywordRank {
	float: right;
	width: 210px
}
#pageContainer .rankingBlock dl dd {
	padding: 0 15px;
}
#pageContainer .rankingBlock dl dd ol {
	margin: 15px 0 0 0;
}
#pageContainer .rankingBlock dl dd ol li {
	margin: 5px 0 0 0;
	padding: 0 0 0 50px;
}
#pageContainer .rankingBlock dl dd ol li.first {
	background: url(http://www.ykkap.co.jp/support/common/images/com_ic03.gif) no-repeat 0 0.2em;
}
#pageContainer .rankingBlock dl dd ol li.second {
	background: url(http://www.ykkap.co.jp/support/common/images/com_ic04.gif) no-repeat 0 0.2em;
}
#pageContainer .rankingBlock dl dd ol li.third {
	background: url(http://www.ykkap.co.jp/support/common/images/com_ic05.gif) no-repeat 0 0.2em;
}
#pageContainer .rankingBlock dl dd ol li.fourth {
	background: url(http://www.ykkap.co.jp/support/common/images/com_ic06.gif) no-repeat 0 0.3em;
}
#pageContainer .rankingBlock dl dd ol li.fifth {
	background: url(http://www.ykkap.co.jp/support/common/images/com_ic14.gif) no-repeat 0 0.3em;
}

/* Caution Box
------------------------------------------ */
#pageContainer .cautionBox {
	width: 748px;
	padding: 10px 0;
}
#pageContainer .cautionBox dt {
	float: left;
	width: 79px;
	text-align: center;
}
#pageContainer .cautionBox dd {
	float: right;
	width: 669px;
}
#pageContainer .cautionBox dd ul {
	margin: 0 20px;
}

/* column
------------------------------------------ */
#pageContainer .section .column .box01 ul li.freedial {
	margin: 10px 0 0 0;
	padding: 0 0 0 48px;
	background: url(/support/images/index_ic01.gif) no-repeat 0 4px;
}
#pageContainer .section .column .box01 ul li.mobile {
	margin: 5px 0 0 0;
	padding: 0 0 0 48px;
	background: url(/support/images/index_ic02.gif) no-repeat 13px 4px;
}
#pageContainer .section .column .attention {
	margin: 10px 0 0 0;
}

#pageContainer .section .colThree .img-set {
	margin: 10px 0 0 0;
}
#pageContainer .section .colThree .img-set dt {
	float: left;
	width: 53px;
}
#pageContainer .section .colThree .img-set dt span {
	display: block;
	border: 1px solid #acacac;
}
#pageContainer .section .colThree .img-set dt span img {
	margin: 2px;
}
#pageContainer .section .colThree .img-set dd {
	float: right;
	width: 178px;
}


/* index.html styles
========================================== */

/* Ranking Block
------------------------------------------ */
.index #pageContainer .rankingBlock {
/*
	background: url(http://www.ykkap.co.jp/support/faq/images/index_bg01.gif) no-repeat 0 100%;
*/
	background: url(../../support/faq/images/index_bg01.gif) no-repeat 0 100%;
}

/* Caution Box
------------------------------------------ */
.index #pageContainer .cautionBox {
	border-top: 2px solid #2da3cf;
	border-bottom: 2px solid #2da3cf;
	background: url(http://www.ykkap.co.jp/support/faq/images/index_bg02.gif) repeat-y 0 0;
}

/* Ranking Block
------------------------------------------ */
.index #pageContainer .flachBlock {
	margin: 20px 0 0 0;
}

/* guideList
------------------------------------------ */
#container ul#guideList{
	margin-right:-20px;
	margin-bottom:20px;
}
#container ul#guideList li{
	float:left;
	width:303px;
	margin-right:20px;
}


/* indexb.html styles
========================================== */

/* Ranking Block
------------------------------------------ */
.indexb #pageContainer .rankingBlock {
	background: url(/support/images/indexb_bg01.gif) no-repeat 0 100%;
}

/* Caution Box
------------------------------------------ */
.indexb #pageContainer .cautionBox {
	border-top: 2px solid #ff7f00;
	border-bottom: 2px solid #ff7f00;
	background: url(/support/images/indexb_bg02.gif) repeat-y 0 0;
}


/* clearfix
========================================== */
#pageContainer .faqForm:after,
#pageContainer .rankingBlock:after,
#pageContainer .cautionBox:after,
#pageContainer .section .colThree .img-set:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#pageContainer .faqForm,
#pageContainer .rankingBlock,
#pageContainer .cautionBox,
#pageContainer .section .colThree .img-set {
	display: block; /* for safari firefox3 */
	min-height: 1%;  /* for IE 7*/
}

* html #pageContainer .faqForm,
* html #pageContainer .rankingBlock,
* html #pageContainer .cautionBox,
* html #pageContainer .section .colThree .img-set {
	zoom: 1;  /* for IE 6*/
}
*:first-child+html #pageContainer .faqForm,
*:first-child+html #pageContainer .rankingBlock,
*:first-child+html #pageContainer .cautionBox,
*:first-child+html #pageContainer .section .colThree .img-set {
	display: inline-table;  /* for IE 7*/
}