@charset "utf-8";
/* CSS Document */

/* Link
=========================================== */

a:link {color: #512013; text-decoration: none;}
a:visited {color: #512013; text-decoration: none;}
a:hover {color: #512013; text-decoration: none;}
a:active {color: #512013; text-decoration: none;}

#ranking02 .info table td a:link {color: #512013; text-decoration: underline;}
#ranking02 .info table td a:visited {color: #512013; text-decoration: underline;}
#ranking02 .info table td a:hover {color: #512013; text-decoration: underline;}
#ranking02 .info table td a:active {color: #512013; text-decoration: underline;}

#ranking02 .linkInner p a:link {color: #512013; text-decoration: underline;}
#ranking02 .linkInner p a:visited {color: #512013; text-decoration: underline;}
#ranking02 .linkInner p a:hover {color: #512013; text-decoration: underline;}
#ranking02 .linkInner p a:active {color: #512013; text-decoration: underline;}

#trouble .troubleArea .troubleBox .greenInner a {color: #512013; text-decoration: underline;}
#trouble .troubleArea .troubleBox .greenInner a:visited {color: #512013; text-decoration: underline;}
#trouble .troubleArea .troubleBox .greenInner a:hover {color: #512013; text-decoration: underline;}
#trouble .troubleArea .troubleBox .greenInner a:active {color: #512013; text-decoration: underline;}

#trouble02 .linkInner p a:link {color: #512013; text-decoration: underline;}
#trouble02 .linkInner p a:visited {color: #512013; text-decoration: underline;}
#trouble02 .linkInner p a:hover {color: #512013; text-decoration: underline;}
#trouble02 .linkInner p a:active {color: #512013; text-decoration: underline;}

#technique02 .techniqueArea .link a:link {color: #512013; text-decoration: underline;}
#technique02 .techniqueArea .link a:visited {color: #512013; text-decoration: underline;}
#technique02 .techniqueArea .link a:hover {color: #512013; text-decoration: underline;}
#technique02 .techniqueArea .link a:active {color: #512013; text-decoration: underline;}

#qa .column01Area .column01Box .detail a:link {color: #512013; text-decoration: underline;}
#qa .column01Area .column01Box .detail a:visited {color: #512013; text-decoration: underline;}
#qa .column01Area .column01Box .detail a:hover {color: #512013; text-decoration: underline;}
#qa .column01Area .column01Box .detail a:active {color: #512013; text-decoration: underline;}

#qa .column02Area .column02Box .detail a:link {color: #512013; text-decoration: underline;}
#qa .column02Area .column02Box .detail a:visited {color: #512013; text-decoration: underline;}
#qa .column02Area .column02Box .detail a:hover {color: #512013; text-decoration: underline;}
#qa .column02Area .column02Box .detail a:active {color: #512013; text-decoration: underline;}

/* text
=========================================== */
p {
	font-size: 20px;
	color: #512013;
	line-height: 1.3;
}
.fs20{
	font-size: 20px;
}

/* margin
=========================================== */
.mb10{
	margin-bottom: 10px;
}

/* body
=========================================== */
body {
	width: 640px;
}

/* header
=========================================== */
#header {
	position: relative;
	padding-bottom: 26px;
	border-top: 10px solid #fdb14e;
}
#header h1 {
	width: 50%;
	float: left;
	margin: 35px 0 0 20px;
}
#header #btnMenu {
	width: 161px;
	height: 70px;
	background: url(/sp/common/img/header/btn01.png) no-repeat 0 0;
	float: right;
	margin: 20px 20px 0 0;
}

/* #gNav
=========================================== */
#gNav {
	position: absolute;
	top: 122px;
	left: 0;
	display: none;
	background: url(/sp/common/img/bg_menu01.gif) repeat-y;
	z-index: 2;
	width: 640px;
}
#gNav ul li {
	border-top: #feebd8 2px solid;
	border-bottom: #2c0f07 2px solid;
}
#gNav ul li a {
	display: block;
	padding: 28px 0 28px 78px;
	font-size: 154%;
	color: #ffffff;
	text-decoration: none;
}
#gNav ul li a:hover {
	text-decoration: none;
}
#gNav ul .type01:nth-of-type(1) {
	border-top: none;
}
#gNav ul .type01 {
	border-top: #855245 2px solid;
}
#gNav ul .type01 a {
	padding-left: 40px;
	background: url(/sp/common/img/bg_menu02.gif) no-repeat;
}
#gNav p {
	width: 264px;
	margin: 0 auto;
	padding: 28px 0 26px;
	float: none;
}

/* main
=========================================== */
main {
	z-index: 1;
	width: 640px;
	margin: 0 auto;
}

/* mainImg
=========================================== */
#mainImg {
	margin-bottom: 30px;
}

/* bg
=========================================== */
/* .orange */
.orangeMiddle{
	background: url(/sp/common/img/bg_orange_middle01.gif) repeat-y;
	width: 600px;
	margin: 0 auto;
}
.orangeTop{
	background: url(/sp/common/img/bg_orange_top01.gif) no-repeat top;
	width: 600px;
}
.orangeBottom{
	background: url(/sp/common/img/bg_orange_bottom01.gif) no-repeat bottom;
	width: 600px;
}

/* orange02 */
.orangeMiddle02{
	background: url(/sp/common/img/bg_orange_middle02.gif) repeat-y;
	width: 560px;
	margin: 0 auto;
}
.orangeTop02{
	background: url(/sp/common/img/bg_orange_top02.gif) no-repeat top;
	width: 560px;
}
.orangeBottom02{
	background: url(/sp/common/img/bg_orange_bottom02.gif) no-repeat bottom;
	width: 560px;
}

/* .blown */
.blownMiddle{
	background: url(/sp/common/img/bg_brown_middle01.gif) repeat-y;
	width: 600px;
	margin: 0 auto;
}
.blownBottom{
	background: url(/sp/common/img/bg_brown_bottom01.gif) no-repeat bottom;
	width: 600px;
}

/* .white */
.whiteMiddle{
	background: url(/sp/common/img/bg_white_middle01.gif) repeat-y;
	width: 560px;
	margin: 0 auto;
}
.whiteTop{
	background: url(/sp/common/img/bg_white_top01.gif) no-repeat top;
	width: 560px;
}
.whiteBottom{
	background: url(/sp/common/img/bg_white_bottom01.gif) no-repeat bottom;
	width: 560px;
}

/* link */
.linkMiddle{
	background: url(/sp/common/img/bg_link_middle01.gif) repeat-y;
	width: 600px;
	margin: 0 auto;
}
.linkBottom{
	background: url(/sp/common/img/bg_link_bottom01.gif) no-repeat bottom;
	width: 600px;
	padding-bottom: 20px;
}

/* green */
.greenMiddle{
	background: url(/sp/common/img/bg_green_middle01.gif) repeat-y;
	width: 520px;
	margin: 0 auto;
}
.greenBottom{
	background: url(/sp/common/img/bg_green_bottom01.gif) no-repeat bottom;
	width: 520px;
	padding-bottom: 20px;
}

/* bgOut */
.bgOutMiddle{
	background: url(/sp/technique/img/bg_technique_out_middle01.gif) repeat-y;
	width: 604px;
	margin: 0 auto;
}
.bgOutTop{
	background: url(/sp/technique/img/bg_technique_out_top01.gif) no-repeat top;
	width: 604px;
}
.bgOutBottom{
	background: url(/sp/technique/img/bg_technique_out_bottom01.gif) no-repeat bottom;
	width: 604px;
}

/* bgInner */
.bgInnerMiddle{
	background: url(/sp/technique/img/bg_technique_inner_middle01.gif) repeat-y;
	width: 580px;
	margin: 0 auto;
}
.bgInnerTop{
	background: url(/sp/technique/img/bg_technique_inner_top01.gif) no-repeat top;
	width: 580px;
}
.bgInnerBottom{
	background: url(/sp/technique/img/bg_technique_inner_bottom01.gif) no-repeat bottom;
	width: 580px;
	padding-bottom: 20px;
}

/* board */
.boardMiddle{
	background: url(/sp/technique/img/bg_board_middle01.gif) repeat-y;
	width: 440px;
	margin: 0 auto;
}
.boardTop{
	background: url(/sp/technique/img/bg_board_top01.gif) no-repeat top;
	width: 440px;
}
.boardBottom{
	background: url(/sp/technique/img/bg_board_bottom01.gif) no-repeat bottom;
	width: 440px;
	padding-bottom: 20px;
}

/* detail */
.detailMiddle{
	background: url(/sp/technique/img/bg_detail_middle01.gif) repeat-y;
	width: 600px;
	margin: 0 auto;
}
.detailTop{
	background: url(/sp/technique/img/bg_detail_top01.gif) no-repeat top;
	width: 600px;
}
.detailBottom{
	background: url(/sp/technique/img/bg_detail_bottom01.gif) no-repeat bottom;
	width: 600px;
	padding-bottom: 20px;
}

/* column01 */
.column01Middle{
	background: url(/sp/qa/img/bg_column01_middle01.gif) repeat-y;
	width: 560px;
	margin: 0 auto;
}
.column01Bottom{
	background: url(/sp/qa/img/bg_column01_bottom01.gif) no-repeat bottom;
	width: 560px;
	padding-bottom: 20px;
}

/* column02 */
.column02Middle{
	background: url(/sp/qa/img/bg_column02_middle01.gif) repeat-y;
	width: 560px;
	margin: 0 auto;
}
.column02Bottom{
	background: url(/sp/qa/img/bg_column02_bottom01.gif) no-repeat bottom;
	width: 560px;
	padding-bottom: 20px;
}

/* troubleLnik */
.troubleLinkMiddle{
	background: url(/sp/qa/img/bg_trouble_middle01.gif) repeat-y;
	width: 560px;
	margin: 0 auto;
}
.troubleLink2Bottom{
	background: url(/sp/qa/img/bg_trouble_bottom01.gif) no-repeat bottom;
	width: 560px;
	padding-bottom: 20px;
}

/* footer
=========================================== */
#footer {
	width: 640px;
	margin: 0 auto;
}
#footer .btnArea{
	width: 600px;
	margin: 0 auto 30px auto;
}

#footer .bgFooter{
	width: 640px;
	margin: 0 auto;
	background-color: #a04e38;
}
#footer .bnrArea{
	width: 600px;
	margin: 0 auto;
	padding-top: 30px;
}
#footer ul {
	margin-bottom: 30px;
	width: 500px;
	margin: 0 auto 30px auto;
}
#footer ul li {
	width: 230px;
	float: left;
}
#footer ul .left{
	margin-right: 20px;
}
#footer .txt {
	color: #ffffff;
	width: 600px;
	margin: 0 auto;
	padding-bottom: 30px;
	text-align: center;
}
/* CLEARFIX
=========================================== */
.cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
}
.cf {
	min-height: 1px;
}
* html .cf {
	height: 1px;/*・ゑｽ･*//*/
  height: auto;
  overflow: hidden;
  /**/
}