@charset "shift_jis";

/* ========================================
	download
======================================== */

#wrapper {
	width: 100%;
	background: url(../download/images/download_bg01.png) 0 0 repeat;
}

#download .inner {
	margin: 0 auto;
	width: 600px;
}

#download .ttl {
	padding: 34px 0 31px 42px;
}

#download .download-img {
	position: relative;
}

#download .download-img02 {
	margin: 29px 0 0 0;
}

#download .download-img03 {
	margin: 17px 0 0 0;
}

#download .download-img04 {
	margin: 16px 0 0 0;
	position: relative;
}

#download .download-buy01 {
	position: absolute;
	top: 139px;
	left: 42px;
}

#download .download-buy02 {
	position: absolute;
	top: 139px;
	left: 311px;
}

#download .download-buy03 {
	position: absolute;
	top: 181px;
	left: 42px;
}

#download .download-buy04 {
	position: absolute;
	top: 181px;
	left: 311px;
}

#download .download-buy05 {
	position: absolute;
	top: 223px;
	left: 42px;
}

#download .download-buy06 {
	position: absolute;
	top: 223px;
	left: 311px;
}

#download .download-buy07 {
	position: absolute;
	top: 264px;
	left: 42px;
}

#download .download-buy08 {
	position: absolute;
	top: 376px;
	left: 257px;
}

#download .download-buy09 {
	position: absolute;
	top: 264px;
	left: 311px;
}

#download .btn-download {
	padding: 21px 0 21px 81px;
}

#download #chara01 {
	position: absolute;
	top: 8px;
	left: 488px;
}

#download #chara02 {
	position: absolute;
	top: 222px;
	left: 7px;
}

#download #chara03 {
	position: absolute;
	top: 605px;
	left: 501px;
}

#download #chara04 {
	position: absolute;
	top: 691px;
	left: 23px;
}

#club {
	height: 584px;
	background: url(../download/images/club_bg.png) 0 0 repeat-x;
}

#club .club-ttl {
	padding: 27px 0 5px 0;
	text-align: center;
}

#club .btn-club {
	margin: -12px 0 0 86px;
}


#download .btn-close {
	padding: 13px 0 20px 0;
	text-align: center;
}











#qa {
	margin: 0 auto;
	padding-bottom: 40px;
	width: 960px;
	position: relative;
}

#qa a {
	color: #611F00;
}

#qa .ttl {
	padding: 30px 0 36px 0;
}

#qa .pagenavi {
	margin: 0 0 31px 0;
}

#qa .pagenavi li {
	float: left;
}

#qa .q-bg {
	margin: 0 0 39px 35px;
	padding: 0 0 40px 0;
	width: 885px;
	background: url(../qa/images/q_bg03.png) left bottom no-repeat;
}

#qa .q-bg2 {
	padding: 40px 0 0 0;
	background: url(../qa/images/q_bg01.png) 0 0 no-repeat;
}

#qa .q-bg3 {
	background: url(../qa/images/q_bg02.png) 0 0 repeat-y;
}

#qa .q-area {
	margin: 0 auto;
	padding: 0 0 30px 0;
	width: 805px;
}

#qa .q-area dd li {
	padding: 0 0 1px 0;
	background: url(../qa/images/line01.png) left bottom repeat-x;
}

#qa .q-area dd li p {
	padding: 8px 0 10px 37px;
	line-height: 1.6;
	background: url(../qa/images/ico_q.png) 16px 7px no-repeat;
}

#qa .q-area dd li .new {
	padding: 3px 37px 10px 0;
	background: url(../qa/images/ico_new.png) right 0 no-repeat;
}

#qa .qa-box {
	margin: 0 auto 57px auto;
	width: 891px;
}
#qa .qa-bg1 {
	margin: 0 0 14px 0;
	padding: 0 0 15px 0;
	background: url(../qa/images/qa_bg03.png) left bottom no-repeat;
}

#qa .qa-bg2 {
	padding: 15px 0 0 0;
	background: url(../qa/images/qa_bg01.png) 0 0 no-repeat;
}

#qa .qa-bg3 {
	background: url(../qa/images/qa_bg02.png) 0 0 repeat-y;
}


#qa .qa-area {
	padding: 8px 23px 0 23px;
}
#qa .qa-area dt {
	height: 35px;
	background: url(../qa/images/qa_q_bg1.png) 0 0 no-repeat;
}

#qa .qa-area dt p {
	padding: 10px 0 0 44px;
	color: #611F00;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.57;
	background: url(../qa/images/qa_q.png)7px 4px no-repeat;
}

#qa .qa-area dt p .new {
	padding: 4px 37px 10px 0;
	background: url(../qa/images/ico_new.png) right 0 no-repeat;
}

#qa .qa-area dd {
	margin: 10px 0 0 0;
	padding: 5px 0 0 44px;
	color: #611F00;
	line-height: 1.66;
	background: url(../qa/images/qa_a.png) 7px 0 no-repeat;
}

#qa .qa-ttl {
	margin: 0 0 12px 2px;
}

#qa .back-list {
	padding: 10px 23px 10px 23px;
	text-align: right;
}

#qa .back-list a {
	padding-left: 16px;
	background: url(../qa/images/arw_top01.png) 0 5px no-repeat;
}


#chara #omawarisan-a {
	width: 160px;
	position: absolute;
	top: 20px;
	left: 2px;
}

#chara #omawarisan-a .chara_img {
	position: absolute;
	top: 160px;
	left: 13px;
}

#chara #omawarisan-b {
	width: 160px;
	position: absolute;
	top: 20px;
	left: 799px;
}

#chara #omawarisan-b .chara_img {
	position: absolute;
	top: 176px;
	left: 32px;
}