@charset "UTF-8";


/* ===============================================
07.special
=============================================== */
#special {
}

#special #outer {
	/*background: url(/common/images/bg_outer02.png)  46% 258px no-repeat;*/
	background: url(../images/bg_outer02.png)  46% 258px no-repeat;
}

#special #center {
	height: 0;
	position: fixed;
	left: 50%;
	top: 0;
	z-index: 1000;
}

#special .banner {
	padding-bottom:30px;
	width: 820px;
}
#special .bannerLeft {
	float:left;
	width: 385px;
}

#special .bannerRight {
	float:right;
	width: 385px;
}
#special p.copyright {
	padding-top: 20px;
}
#special #shape01_special {
	position: absolute;
	left: -741px;
	top: 570px;
}
#special #shape02a_special {
	position: absolute;
	left: 356px;
	top: 291px;
}
#special #shape02b_special {
	position: absolute;
	left: 228px;
	top: 355px;
}
#special #shape02c_special {
	position: absolute;
	left: 98px;
	top: 420px;
}
/*--- 07-2. individual special page */

#special #contentInner {
	width: 790px;
	margin-left: 60px;
	margin-bottom: 20px;
	padding-top: 40px;
	padding-bottom: 40px;
}

/*--- 07-3. individual special -> diagnosis */
#special #bg_diagnosis {
	background: url(../images/bg_diagnosis.png) no-repeat 0 0;
	width: 910px;
	min-height:720px;
	max-height:940px;
}

#special .ttl_dia {
	width:790px;
	text-align:center;
}

#special .lead_dia {
	background: url(../images/bg_diagnosis01.png) no-repeat 0 0;
	width:566px;
	height:162px;
	margin:60px auto;
	padding:15px 0 0;
}

#special .lead_dia p.lead_txt {
	margin:15px 0 15px 110px;
	text-align:center;
	font-size:145%;
	/*font-weight:bold;*/
}

#special .btn_start {
	width:790px;
	text-align:center;
	margin-top:80px;
}

#special .q_box {
	width:566px;
	height:80px;
	margin:100px auto 100px;
	padding:15px 0 0;
}

#special .q_box p.q_txt {
	font-size:240%;
	/*font-weight:bold;*/
	text-align:center;
	line-height:40px;
}

#special .ans_area {
	width:690px;
	margin:0 auto;
	overflow:hidden;
}

#special .ans_area ul li{
	width:273px;
	height:78px;
	display:inline;
	float:left;
	margin:0 36px;
	text-align:center;
}

#special .ans_area ul li a.ans_01 {
	background: url(../images/bg_ans01.png) no-repeat 0 0;
	width:273px;
	height:78px;
	display:block;
	color:#fff;
	font-size:200%;
	/*font-weight:bold;*/
	line-height:75px;
}

#special .ans_area ul li a.ans_02 {
	background: url(../images/bg_ans02.png) no-repeat 0 0;
	width:273px;
	height:78px;
	display:block;
	color:#fff;
	font-size:200%;
	/*font-weight:bold;*/
	line-height:75px;
}

#special #result_area {
	width:770px;
	margin:20px auto;
	overflow:hidden;
}

#special .char_img {
	width:284px;
	height:428px;
	display:inline;
	float:left;
}

#special .result_box {
	width:486px;
	height:428px;
	float:left;
}

#special .result_lead {
	width:476px;
	height:108px;
	text-align:right;
}

#special .result_lead p {
	font-size:200%;
	position:relative;
	top:36px;
	left:80px;
}

#special .result_txt {
	background: url(../images/bg_diagnosis02.png) no-repeat 0 0;
	width:476px;
	height:296px;
	text-align:center;
	padding:1px 5px 9px;
}

#special .result_txt p {
	margin:5px 0 10px;
	line-height:200%;
}

#special .result_txt p.result_ttl {
	color:#1800ce;
	font-size:220%;
}

#special p.retry {
	margin:10px auto!important;
}

#wp_area {
	width:770px;
	padding:5px 0;
	text-align:center;
	margin-bottom:20px;
	border-top:#000 double 3px;
	border-bottom:#000 double 3px;
}

#wp_area h3 {
	margin-bottom:5px
}

#wp_area p {
	line-height:1.5em;
	margin-bottom:5px;
}

#wp_area .dl_btn {
	width:600px;
	margin:10px auto;
}

#wp_area .dl_btn img {
	margin:0 24px;
}

#special .btn_box {
	width:600px;
	margin:0 auto 10px;
}

#special .btn_box img {
	margin:0 24px;
}