@charset "euc-jp";
/* ----------------------
 * result
 *---------------------- */
.res_bg {
	width: 840px;
	margin: 15px 0 -1px;
	background: url(../images/common/res_bg.jpg) repeat-y;
	overflow: hidden;
}
.res_bt {
	width: 840px;
	height: 140px;
	background: url(../images/common/res_bt.jpg) no-repeat;
	background-size: 100% 100%;
	clear: both;
}
/* ----------------------
 * result
 *---------------------- */



/* ----------------------
 * result_info
 *---------------------- */
.res_info_top {
	width: 840px;
	height: 420px;
	background: url(../images/common/res_info_top.jpg) no-repeat;
}
.res_info_bg {
	width: 840px;
	margin: 0 0 -1px;
	background: url(../images/common/res_info_bg.jpg) repeat-y;
}
.res_info_bt {
	width: 840px;
	height: 70px;
	background: url(../images/common/res_info_bt.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_info_bt_free {
	width: 840px;
	height: 142px;
	background: url(../images/common/res_info_bt_free.jpg) no-repeat;
}
.res_info_box {
	margin: 0 110px;
	text-align: left;
}
.res_info_box2 {
	float: left;
	width: 280px;
	text-align: left;
}
.res_info_box3 {
	margin: 0 90px;
	padding-top: 30px;
	text-align: left;
}
.res_info_box4 {
	margin: 0 90px;
}
.res_info_box5 {
	float: right;
	width: 390px;
	text-align: left;
}
.res_info_box6 {
	margin: 30px 90px 0;
}
.res_info_box7 {
	float: left;
	width: 390px;
	text-align: left;
}/* ----------------------
 * result_info
 *---------------------- */



/* ----------------------
 * result_form
 *---------------------- */
.res_form_my_top {
	width: 240px;
	height: 40px;
	margin: 0 auto 10px;
	background: url(../images/common/res_form_my_top.gif) no-repeat;
}
.res_form_you_top {
	width: 240px;
	height: 40px;
	margin: 0 auto 10px;
	background: url(../images/common/res_form_you_top.gif) no-repeat;
}
.res_form_title1 {
	float: left;
	width: 200px;
	height: 40px;
	background: url(../images/common/res_form_title1.gif) right top no-repeat;
}
.res_form_title2 {
	float: left;
	width: 200px;
	height: 40px;
	background: url(../images/common/res_form_title2.gif) right top no-repeat;
}
.res_form_title5 {
	float: left;
	width: 200px;
	height: 40px;
	background: url(../images/common/res_form_title5.gif) right top no-repeat;
}
.res_form_box {
	margin: 0 80px 0 246px;
	text-align: left;
}
.res_form_text {
	float: left;
	width: 290px;
	word-wrap: break-word;
	margin: 3px 0 0 5px;
}
.res_form_bg {
	margin: 20px 0 0;
}
/* ----------------------
 * result_form
 *---------------------- */

 
 
 
/* ----------------------
 * result_type1
 *---------------------- */
.res_type1_my_top {
	width: 640px;
	height: 130px;
	margin: 30px auto 0;
	background: url(../images/common/res_type1_my_top.jpg) no-repeat;
}
.res_type1_my_top2 {
	width: 640px;
	height: 130px;
	margin: 30px auto 0;
	background: url(../images/common/res_type1_my_top2.jpg) no-repeat;
	clear: both;
}
.res_type1_my_top3 {
	width: 640px;
	height: 130px;
	margin: 30px auto 0;
	background: url(../images/common/res_type1_my_top3.jpg) no-repeat;
	clear: both;
}
.res_type1_you_top {
	width: 640px;
	height: 130px;
	margin: 30px auto 0;
	background: url(../images/common/res_type1_you_top.jpg) no-repeat;
}
.res_type1_you_top2 {
	width: 640px;
	height: 130px;
	margin: 30px auto 0;
	background: url(../images/common/res_type1_you_top2.jpg) no-repeat;
	clear: both;
}
.res_type1_you_top3 {
	width: 640px;
	height: 130px;
	margin: 30px auto 0;
	background: url(../images/common/res_type1_you_top3.jpg) no-repeat;
	clear: both;
}
.res_type1_bg {
	position: relative;
	width: 640px;
	height: 480px;
	margin: 0 auto;
	background: url(../images/common/res_type1_bg.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_type1_bg img {
	display: block;
	position: absolute;
}
.res_type1_t1 {
	width: 80px;
	height: 40px;
	top: 118px;
	left: 513px;
}
.res_type1_t2 {
	width: 80px;
	height: 40px;
	top: 350px;
	left: 511px;
}
.res_type1_t3 {
	width: 80px;
	height: 40px;
	top: 374px;
	left: 390px;
}
.res_type1_t4 {
	width: 80px;
	height: 40px;
	top: 165px;
	left: 367px;
}
.res_type1_t5 {
	width: 80px;
	height: 40px;
	top: 168px;
	left: 244px;
}
.res_type1_t6 {
	width: 80px;
	height: 40px;
	top: 161px;
	left: 133px;
}
.res_type1_t7 {
	width: 80px;
	height: 40px;
	top: 247px;
	left: 38px;
}
.res_type1_b1 {
	width: 90px;
	height: 90px;
	top: 146px;
	left: 509px;
}
.res_type1_b2 {
	width: 90px;
	height: 90px;
	top: 270px;
	left: 505px;
}
.res_type1_b3 {
	width: 90px;
	height: 90px;
	top: 295px;
	left: 386px;
}
.res_type1_b4 {
	width: 90px;
	height: 90px;
	top: 196px;
	left: 361px;
}
.res_type1_b5 {
	width: 90px;
	height: 90px;
	top: 202px;
	left: 239px;
}
.res_type1_b6 {
	width: 90px;
	height: 90px;
	top: 193px;
	left: 125px;
}
.res_type1_b7 {
	width: 90px;
	height: 90px;
	top: 277px;
	left: 32px;
}
/* ----------------------
 * result_type1
 *---------------------- */



/* ----------------------
 * result_type2
 *---------------------- */
.res_type2_my_top {
	width: 740px;
	height: 180px;
	margin: 30px auto 0;
	background: url(../images/common/res_type2_my_top.jpg) no-repeat;
	clear: both;
}
.res_type2_you_top {
	width: 740px;
	height: 180px;
	margin: 30px auto 0;
	background: url(../images/common/res_type2_you_top.jpg) no-repeat;
	clear: both;
}
.res_type2_box {
	margin: 0 60px;
}
.res_type2_box2 {
	float: right;
	width: 340px;
	margin: 20px 0 0;
}
.res_type2_bg {
	position: relative;
	float: left;
	width: 360px;
	height: 380px;
	background: url(../images/common/res_type2_bg.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_type2_sub {
	position: absolute;
	top: 300px;
	left: 90px;
	width: 149px;
	height: 75px;
}
.res_type2_img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 246px;
	height: 310px;
}
.res_type2_img2 {
	display: block;
	position: absolute;
	top: 12px;
	left: 100px;
	width: 246px;
	height: 310px;
}
/* ----------------------
 * result_type2
 *---------------------- */



/* ----------------------
 * result_type3
 *---------------------- */

/* ----------------------
 * result_type3
 *---------------------- */




/* ----------------------
 * result_text
 *---------------------- */
.res_text_box {
	margin: 0 90px;
	text-align: left;
}
.res_text_box2 {
	width: 340px;
	margin: 0 auto;
	text-align: left;
}
/* ----------------------
 * result_text
 *---------------------- */
 


/* ----------------------
 * my_top & you_top
 *---------------------- */
.res_my_top {
	width: 780px;
	height: 190px;
	margin: 20px auto 0;
	background: url(../images/common/res_my_top.jpg) no-repeat;
	background-size: 100% 100%;
	clear: both;
}
.res_you_top {
	width: 780px;
	height: 190px;
	margin: 30px auto 0;
	background: url(../images/common/res_you_top.jpg) no-repeat;
	background-size: 100% 100%;
	clear: both;
}
.res_you_top2 {
	width: 840px;
	height: 70px;
	margin: 30px auto 0;
	background: url(../images/common/res_you_top2.jpg) no-repeat;
	background-size: 100% 100%;
	clear: both;
}
/* ----------------------
 * my_top & you_top
 *---------------------- */



/* ----------------------
 * result_pattern
 *---------------------- */
/* common------ */
.res_box1 {
	width: 340px;
	float: left;
}
.res_box2 {
	width: 420px;
	text-align: left;
	float: left;
	padding: 20px 0 0;
}
.res_box3 {
	width: 420px;
	float: left;
	text-align: left;
	padding: 20px 0 0;
}
.res_box4 {
	margin-left: 80px;
}
.res_box5 {
	margin: 0 150px;
	text-align:center;
}
.time_bg {
	width: 540px;
	height: 66px;
	background: url(../images/common/time_bg.gif) no-repeat;
	float: left;
}
.time_bg_box {
	margin: 0 50px;
	text-align:center;
	margin-top: 20px;
}
/* common------ */

/* pattern1------ */
.res_sub_top {
	width: 840px;
	height: 90px;
	margin-top: 20px;
	background: url(../images/common/res_sub_top.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_tl {
	width: 840px;
	background: url(../images/common/res_sub_tl.jpg) repeat-y;
}
.res_sub_bg {
	width: 840px;
	background: url(../images/common/res_sub_bg.jpg) repeat-y;
}
.res_sub_bt {
	width: 840px;
	height: 110px;
	background: url(../images/common/res_sub_bt.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_box {
	margin: 0 80px;
	text-align: left;
}
.res_sub_tl4 .res_sub_box {
	padding-bottom: 0px;
	padding-top: 10px;
}
.res_sub_center {
	width: 840px;
	height: 100px;
	background: url(../images/common/res_sub_center.jpg) no-repeat;
	background-size: 100% 100%;
}
/* pattern1------ */

/* pattern2------ */
.res_sub_top2 {
	width: 840px;
	height: 80px;
	margin-top: 30px;
	background: url(../images/common/res_sub_top.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_tl2 {
	width: 840px;
	background: url(../images/common/res_sub_tl.jpg) repeat-y;
}
.res_sub_bg2 {
	width: 840px;
	background: url(../images/common/res_sub_bg2.jpg) repeat-y;
}
.res_sub_bt2 {
	width: 840px;
	height: 110px;
	background: url(../images/common/res_sub_bt2.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_center2 {
	width: 840px;
	height: 100px;
	background: url(../images/common/res_sub_center2.jpg) no-repeat;
	background-size: 100% 100%;
}
/* pattern2------ */

/* pattern3------ */
.res_sub_top3 {
	width: 840px;
	height: 80px;
	margin-top: 20px;
	background: url(../images/common/res_sub_top.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_tl3 {
	width: 840px;
	background: url(../images/common/res_sub_tl.jpg) repeat-y;
}
.res_sub_bg3 {
	width: 840px;
	background: url(../images/common/res_sub_bg3.jpg) repeat-y;
}
.res_sub_bt3 {
	width: 840px;
	height: 110px;
	background: url(../images/common/res_sub_bt3.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_center3 {
	width: 840px;
	height: 100px;
	background: url(../images/common/res_sub_center3.jpg) no-repeat;
	background-size: 100% 100%;
}
/* pattern3------ */

/* pattern4------ */
.res_sub_top4 {
	width: 840px;
	height: 250px;
	margin: 30px 0 0;
	background: url(../images/common/res_sub_top4.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_tl4 {
	width: 840px;
	background: url(../images/common/res_sub_tl4.jpg) repeat-y;
}
.res_sub_bg4 {
	width: 840px;
	background: url(../images/common/res_sub_bg4.jpg) repeat-y;
	clear: both;
}
.res_sub_bt4 {
	width: 840px;
	height: 130px;
	background: url(../images/common/res_sub_bt4.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_center4 {
	width: 840px;
	height: 80px;
	background: url(../images/common/res_sub_center4.jpg) no-repeat;
	background-size: 100% 100%;
}
/* pattern4------ */

/* pattern5------ */
.res_sub_top5 {
	width: 840px;
	height: 250px;
	background: url(../images/common/res_sub_top5.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_img5 {
	float:left;
	width: 500px;
	height:400px;
	background: url(../images/common/res_sub_img5.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_bg5 {
	width: 840px;
	background: url(../images/common/res_sub_bg5.jpg) repeat-y;
}
.res_sub_bt5 {
	width: 840px;
	height: 130px;
	background: url(../images/common/res_sub_bt5.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_card_bg {
	position: relative;
	float: left;
	width: 340px;
	height: 310px;
	background: url(../images/common/res_card_bg.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_card_t {
	position: absolute;
	top: 250px;
	left: 110px;
	width: 155px;
	height: 54px;
}
.res_card_img {
	display: block;
	position: absolute;
	top: 130px;
	left: 218px;
	width: 68px;
	height: 62px;
}
.res_card_img2 {
	display: block;
	position: absolute;
	top: 94px;
	left: 104px;
	width: 48px;
	height: 48px;
}
.res_card_img3 {
	display: block;
	position: absolute;
	top: 59px;
	left: 207px;
	width: 40px;
	height: 36px;
}
/* pattern5------ */
/* ----------------------
 * result_pattern
 *---------------------- */



/* ----------------------
 * bokashi
 *---------------------- */
.text_img_s {
	width: 420px;
	height: 270px;
	margin: 0 0 0 -7px;
	background: url(../images/common/text_img_s.png) no-repeat;
}
.res_sub_bg4 .text_img_s, .res_sub_bg5 .text_img_s {
	width: 420px;
	height: 270px;
	margin: 0;
	background: url(../images/common/text_img_s2.png) no-repeat;
}
.text_img_s3 {
	width: 340px;
	height: 270px;
	margin: 0 0 0 -7px;
	background: url(../images/common/text_img_s3.png) no-repeat;
}
.text_img_m {
	width: 680px;
	height: 210px;
	margin: 0 0 0 -7px;
	background: url(../images/common/text_img_m.png) no-repeat;
}
.text_img_m2 {
	width: 600px;
	height: 270px;
	margin: 0 0 0 -7px;
	background: url(../images/common/text_img_m2.png) no-repeat;
}
.text_img_m3 {
	width: 660px;
	height: 270px;
	margin: 0 0 0 -7px;
	background: url(../images/common/text_img_m3.png) no-repeat;
}
.text_img_m4 {
	width: 660px;
	height: 170px;
	margin: -10px 0 0 -7px;
	background: url(../images/common/text_img_m4.png) no-repeat;
}
/* ----------------------
 * bokashi
 *---------------------- */



/* ----------------------
 * result_photo
 *---------------------- */
.res_img_L1 {
	width: 340px;
	height: 380px;
	background: url(../images/common/res_img_L1.jpg) no-repeat;
}
.res_img_L2 {
	width: 340px;
	height: 380px;
	background: url(../images/common/res_img_L2.jpg) no-repeat;
}
.res_img_L3 {
	width: 340px;
	height: 380px;
	background: url(../images/common/res_img_L3.jpg) no-repeat;
}
.res_img_L4 {
	width: 340px;
	height: 380px;
	background: url(../images/common/res_img_L4.jpg) no-repeat;
}
.res_img_L5 {
	width: 340px;
	height: 380px;
	background: url(../images/common/res_img_L5.jpg) no-repeat;
}
.res_img_R1 {
	width: 340px;
	height: 380px;
	background: url(../images/common/res_img_R1.jpg) no-repeat;
}
.res_img_R2 {
	width: 340px;
	height: 380px;
	background: url(../images/common/res_img_R2.jpg) no-repeat;
}
.res_img_R3 {
	width: 340px;
	height: 380px;
	background: url(../images/common/res_img_R3.jpg) no-repeat;
}
.res_img_R4 {
	width: 340px;
	height: 380px;
	background: url(../images/common/res_img_R4.jpg) no-repeat;
}
.res_img_R5 {
	width: 340px;
	height: 380px;
	background: url(../images/common/res_img_R5.jpg) no-repeat;
}
.res_img_m {
	width: 340px;
	height: 370px;
	background: url(../images/common/res_img_m.jpg) no-repeat;
}
/* ----------------------
 * result_photo
 *---------------------- */
 
 
 
/* ----------------------
 * all_button
 *---------------------- */
.all_res_btn_box1 {
	margin: 0 auto;
	text-align: center;
	padding-top: 75px;
}
.all_res_btn_box2 {
	margin: 0 auto;
	text-align: center;
	padding-top: 75px;
}
.res_type2_box4 .all_res_btn_box2 {
	margin: 0 auto;
	text-align: center;
	padding-top: 35px;
}
.all_res_btn_box3 {
	margin: 0 auto;
	text-align: center;
	padding-top: 75px;
}
.all_res_btn_box1 img, .all_res_btn_box2 img, .all_res_btn_box3 img, .all_res_btn_box1 input, .all_res_btn_box2 input, .all_res_btn_box3 input {
	width: 300px;
	height: 90px;
}
/* ----------------------
 * all_button
 *---------------------- */
 


/* ----------------------
 * read_menu
 *---------------------- */
.res_rec_top {
	width: 840px;
	height: 260px;
	margin: 0 0 10px;
	background: url(../images/common/res_rec_top.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_rec_top2 {
	width: 840px;
	height: 260px;
	margin: 0 0 10px;
	background: url(../images/common/res_rec_top2.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_rec_top3 {
	width: 840px;
	height: 260px;
	margin: 0 0 10px;
	background: url(../images/common/res_rec_top3.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_rec_bg {
	width: 840px;
	background: url(../images/top/new_bg.jpg) repeat-y;
}
.res_rec_bt {
	width: 840px;
	height: 100px;
	background: url(../images/top/new_bt.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_rec_center {
	width: 600px;
	height: 60px;
	margin: 0 auto;
	background: url(../images/common/res_rec_center.jpg) no-repeat;
	background-size: 100% 100%;
}
/* ----------------------
 * read_menu
 *---------------------- */



/* ----------------------
 * yahoo_pr
 *---------------------- */
.ya_pr_box {
	margin: 0 auto;
	text-align: center;
}
.ya_pr_box2 {
	margin: 0 170px;
	text-align: center;
	width: 500px;
}
/* ----------------------
 * yahoo_pr
 *---------------------- */
 
 
 
 /* ----------------------
 * result_isp_sns
 *---------------------- */ 
.result_isp_sns {
}
.res_sns_text {
	width: 450px;
	height: 190px;
	margin: 0 auto;
	background: url(../images/common/res_sns_text.png) no-repeat;
	background-size: 100% 100%;
}
.facebook1 {
	text-decoration: none;
	margin: 0 5px;
}
.twitter1 {
	text-decoration: none;
}
.line1 {
	text-decoration: none;
}
/* ----------------------
 * result_isp_sns
 *---------------------- */ 


.res_info_top span,
.res_form_my_top span,
.res_form_you_top span,
.res_my_top span,
.res_my_top2 span,
.res_my_top3 span,
.res_my_top4 span,
.res_my_top5 span,
.res_my_top6 span,
.res_my_top7 span,
.res_my_top8 span,
.res_you_top span,
.res_you_top2 span,
.res_you_top3 span,
.res_you_top4 span,
.res_you_top5 span,
.res_you_top6 span,
.res_you_top7 span,
.res_you_top8 span,
.res_type1_top span,
.res_type1_top2 span,
.res_type1_my_top span,
.res_type1_my_top2 span,
.res_type1_my_top3 span,
.res_type1_my_top4 span,
.res_type1_my_top5 span,
.res_type1_you_top span,
.res_type1_you_top2 span,
.res_type1_you_top3 span,
.res_type1_you_top4 span,
.res_type1_you_top5 span,
.res_type1_my_sub span,
.res_type1_my_sub2 span,
.res_type1_my_sub3 span,
.res_type1_you_sub span,
.res_type1_you_sub2 span,
.res_type1_you_sub3 span,
.res_type2_top span,
.res_type2_my_top span,
.res_type2_my_top2 span,
.res_type2_my_top3 span,
.res_type2_my_top4 span,
.res_type2_my_top5 span,
.res_type2_you_top span,
.res_type2_you_top2 span,
.res_type2_you_top3 span,
.res_type2_you_top4 span,
.res_type2_you_top5 span,
.res_type2_my_sub span,
.res_type2_you_sub span,
.res_type3_top span,
.res_type3_my_top span,
.res_type3_my_top2 span,
.res_type3_my_top3 span,
.res_type3_you_top span,
.res_type3_you_top2 span,
.res_type3_you_top3 span,
.res_type4_top span,
.res_type4_my_top span,
.res_type4_you_top span,
.res_form_title1 span,
.res_form_title2 span,
.res_form_title3 span,
.res_form_title4 span,
.res_form_title5 span,
.res_sub_top4 span,
.res_sub_top5_you span,
.res_sub_top5 span,
.res_card_t span,
.res_rec_top span,
.res_rec_top2 span,
.res_rec_top3 span,
.res_sns_text span,
.at_top span,
.at_top2 span {
	position:relative;
	z-index:-1;
}
