@charset "euc-jp";
/*------------------------------------------------------------------------------------------------
  
  result.css for PC (result page settings)
  
------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------
  result main section frame 
------------------------------------------------------------------------------------------------*/
.res_bg {
	width: 840px;
	margin: 15px 0 -1px;
	background: url(../images/common/res_bg.jpg) repeat-y;
	overflow: hidden;
}
.res_bt {
	width: 840px;
	height: 160px;
	background: url(../images/common/res_bt.jpg) no-repeat;
	background-size: 100% 100%;
	clear: both;
}
/*------------------------------------------------------------------------------------------------
  result common parts
------------------------------------------------------------------------------------------------*/
/*sub text title
------------------------------------------------*/
.res_sub_title{
	width: 600px;
	padding: 40px 40px;
	margin: 0 auto 10px auto;
	text-align: left;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.1em;
	background-image: 
		url(../images/common/res_sub_title_top.jpg),
		url(../images/common/res_sub_title_bt.jpg),
		url(../images/common/res_sub_title_bg.jpg);
	background-repeat: 
		no-repeat,
		no-repeat,
		repeat-y;
	background-position: 
		center top,
		center bottom,
		center center;
	background-size: 
		100% auto;
}
/*------------------------------------------------------------------------------------------------
  result_info
------------------------------------------------------------------------------------------------*/
/*result top infromation title
------------------------------------------------*/
[class^="res_info_top"]{
	width: 840px;
	height: 530px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
}
.res_info_top {background-image: url(../images/common/res_info_top.jpg);}
.res_info_top2 {background-image: url(../images/common/res_info_top2.jpg);}
.res_info_top3 {background-image: url(../images/common/res_info_top3.jpg);}
.res_info_top4 {background-image: url(../images/common/res_info_top4.jpg);}
.res_info_top5 {background-image: url(../images/common/res_info_top5.jpg);}
.res_info_top6 {background-image: url(../images/common/res_info_top6.jpg);}

.res_info_free {
	width: 900px;
	height: 400px;
	margin: 0 -30px;
	background: url(../images/common/res_info_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 top (my top & you top)
------------------------------------------------------------------------------------------------*/
/*main result top
------------------------------------------------*/
.res_my_top,
.res_you_top {
	width: 840px;
	height: 140px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
}
.res_my_top{background-image: url(../images/common/res_my_top.jpg);}
.res_you_top{background-image: url(../images/common/res_you_top.jpg);}
/*you top
------------------------------------------------*/
.res_you_top2,
.res_you_top3{
	width: 680px;
	height: 120px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin: 0 auto 10px auto;
}
.res_you_top2{background-image: url(../images/common/res_you_top2.jpg);}
.res_you_top3{background-image: url(../images/common/res_you_top3.jpg);}

/*------------------------------------------------------------------------------------------------
  result input items
------------------------------------------------------------------------------------------------*/
.res_form_bg {
	width: 590px;
	margin: 0 auto;
	padding-bottom: 15px;
}
.res_form_box {
	margin-bottom:15px;
}
[class^="res_form_title"]{
	float: left;
	width: 155px;
	height: 40px;
	background: url(../images/common/res_form_title.jpg) no-repeat;
}
.res_form_title1 {
	background-position: 0 0;
}
.res_form_title2 {
	background-position: 0 -40px;
}
.res_form_title3 {
	background-position: 0 -80px;
}
.res_form_title5 {
	background-position: 0 -120px;
}
.res_form_text {
	float: right;
	width: 420px;
	text-align: left;
}
.res_form_text p {
	font-size: 140%;
}
.res_form_img {
	display: block;
	float: left;
}
.res_form_img img {
	display: block;
	float: left;
	margin: 0;
}
/*------------------------------------------------------------------------------------------------
  tarot result common settings
------------------------------------------------------------------------------------------------*/
.tarot_result{
	width: 660px;
	margin: 20px auto 0 auto;
}
.tarot_result .card_img{
	float: left;
	width: 225px;
}
.tarot_result .card_img img{
	width: 100%;
	height: auto;
}
.tarot_result .result_text{
	float: right;
	width: 420px;
	text-align: left;
	color: #ffffff;
}

/*------------------------------------------------------------------------------------------------
  result motif settings
------------------------------------------------------------------------------------------------*/
/*result type1
------------------------------------------------------------------------------------------------*/
/*title image
------------------------------------------------*/
[class^="res_type1_my_top"],
[class^="res_type1_you_top"]{
	width: 680px;
	height: 110px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
}
.res_type1_my_top {background-image: url(../images/common/res_type1_my_top.jpg);}
.res_type1_my_top2 {background-image: url(../images/common/res_type1_my_top2.jpg);}
.res_type1_you_top{background-image: url(../images/common/res_type1_you_top.jpg);}
.res_type1_you_top2{background-image: url(../images/common/res_type1_you_top2.jpg);}

.res_type1_you_top3{
	background-image: url(../images/common/res_type1_you_top3.jpg);
	height: 200px;
}

/*motiff table bg
------------------------------------------------*/
[class^="res_type1_box"]{
	width: 680px;
	height: 500px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
}
.res_type1_box1 {background-image: url(../images/common/res_type1_box1.jpg);}
.res_type1_box2 {background-image: url(../images/common/res_type1_box2.jpg);}
.res_type1_inner{
	width: 620px;
	height: 450px;
	margin: 0 auto;
	padding-top: 16px;
}
.res_type1_table{
	width: 100%;
	height:450px;
}
.res_type1_table .th_header{height: 48px;}
.res_type1_table .th_time{width: 67px;}
.res_type1_table .th_ten,
.res_type1_table .th_chi,
.res_type1_table .th_twelve,
.res_type1_table .th_chistar{width: 108px;}
.res_type1_table .th_tenstar{width: 107px;}
.res_type1_table td{
	height: 31px;
	vertical-align: middle;
	text-align: center;
	color: #1e4495;
	font-weight: bold;
	padding: 0;
}
.res_type1_table td img{
	width: 50px;
	height: auto;
}
.res_type1_table tr:nth-of-type(3n+1) td{height: 32px;}
.res_type1_table td[rowspan="3"]{height: 98px;}
.res_type1_table td[rowspan="3"] img{
	height: auto;
	width: 64px;
}
.res_type1_table th p{height: 98px;}
.res_type1_table .th_header p{height: 48px;}

/*bonds_result
------------------------------------------------*/
.bonds_result{
	width: 660px;
	margin: 0 auto 20px auto;
}
.bonds_result .result_text{
	float: left;
	width: 420px;
}
.bonds_result .result_text .text2{
	color: #ffffff;
	text-align: left;
}
.bonds_result .bonds_box{
	float: right;
	width: 220px;
}

/*result type2
------------------------------------------------------------------------------------------------*/
/*title
------------------------------------------------*/
.res_type2_my_top {
	width: 840px;
	height: 730px;
	margin: 0 auto;
	background: url(../images/common/res_type2_my_top.jpg) no-repeat;
}
/*motiff
------------------------------------------------*/
.res_type2_bg {
	width: 640px;
	height: 640px;
	margin: 0 auto;
	background: url(../images/common/res_type2_bg.jpg) no-repeat;
	position: relative;
}
.res_type2_bg .overImage{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}
.res_type2_bg > .res_type2_bgimg1 > img {
	opacity: 0;
}
.scroll_box {
	display: none;
	overflow: hidden;
}
/*result
------------------------------------------------*/
.res_type2_result{
	width: 660px;
	margin: 0 auto;
}
.tarot_result{
	margin-top: 20px;
}
.tarot_result .result_text p.text2{
	text-align: left;
	color: #ffffff;
}

/*result type3
------------------------------------------------------------------------------------------------*/
/*title
------------------------------------------------*/
.res_type3_you_top {
	width: 840px;
	height: 710px;
	margin: 0 auto;
	background: url(../images/common/res_type3_you_top.jpg) no-repeat;
}
/*motiff
------------------------------------------------*/
.res_type3_bg {
	width: 640px;
	height: 640px;
	margin: 0 auto;
	background: url(../images/common/res_type3_bg.jpg) no-repeat;
	position: relative;
}
.res_type3_bg .overImage{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}
.res_type3_canvas1 {
	overflow:hidden;
}
.res_type3_canvas2 {
	overflow:hidden;
	opacity: 0;
}
.res_type3_bg > .res_type3_bgimg1 > img {
	opacity: 0;
}
/*result type4 (include Result pattern 4)
------------------------------------------------------------------------------------------------*/
/*motiff
------------------------------------------------*/
.res_type4_bg {
	width: 640px;
	height: 380px;
	margin: 0 auto 20px auto;
	background: url(../images/common/res_type4_bg.jpg) no-repeat;
	position: relative;
}
/*grafchart*/
.res_type4_bg .grafchart{
	width: 610px;
	height: 310px;
	position: absolute;
	top: 15px;
	left: 15px;
}
.res_type4_bg .grafchart img{
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
}
/*month_list*/
.res_type4_bg .month_list{
	position: absolute;
	left: 55px;
	bottom: 15px;
	display: table;
	width: 570px;
	height: 48px;
}
.res_type4_bg .month_list li{
	display: table-cell;
	color: #fbf3d7;
	text-align: center;
	vertical-align: middle;
	width: 95px;
	height: 48px;
	font-family: "ÞâÌÀÄ«", YuMincho, "¥Ò¥é¥®¥ÎÌÀÄ« ProN W3", "Hiragino Mincho ProN", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "£Í£Ó ÌÀÄ«", serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 160%;
}
/*all_res_btn_box2*/
.res_type4_bg .all_res_btn_box2{
	width: 300px;
	height: 90px;
	position: absolute;
	padding: 0;
	top: 150px;
	left: 50%;
	margin-left: -150px;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	background: rgba(0,0,0,0.6);
	border-radius: 15px;
}

/*result type5 (include Result pattern 5)
------------------------------------------------------------------------------------------------*/
/*motiff
------------------------------------------------*/
.res_type5_bg {
	width: 640px;
	height: 640px;
	margin: 0 auto;
	background: url(../images/common/res_type3_bg.jpg) no-repeat;
	position: relative;
}
.res_type5_bg .overImage{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}
.res_type5_bg .overImage2 {
	position: absolute;
	top: 124px;
	left: 93px;
}
.res_type5_bg .overImage2 img {
	width: 225px;
	height: 392px;
	opacity: 0;
}
.res_type5_canvas1 {
	overflow:hidden;
}
.res_type5_canvas2 {
	overflow:hidden;
	opacity: 0;
}
.res_type5_bg > .res_type5_bgimg1 > img,
.res_type5_bg > .res_type5_bgimg2 > img {
	opacity: 0;
}
/*result text
------------------------------------------------*/
.res_sub_bg5 .res_sub_title{
	margin-top: 15px;
}



/* ----------------------
 * result_text
 *---------------------- */
.res_text_box {
	width: 660px;
	margin: 0 auto;
	text-align: left;
}
.res_text_box2 {
	width: 420px;
	margin: 0 auto;
	text-align: left;
}
/* ----------------------
 * result_text
 *---------------------- */
 




/*------------------------------------------------------------------------------------------------
  result subbox patterns
------------------------------------------------------------------------------------------------*/
/*common settings
------------------------------------------------------------------------------------------------*/
/*section frame setting
------------------------------------------------*/
/*title space*/
[class^="res_sub_tl"]{
	width: 840px;
	padding: 50px 0 60px 0;
	margin: 0 auto;
	background-image: 
		url(../images/common/res_sub_top.jpg),
		url(../images/common/res_sub_center.jpg),
		url(../images/common/res_sub_tl.jpg);
	background-repeat: 
		no-repeat,
		no-repeat,
		repeat-y;
	background-position: 
		center top,
		center bottom,
		center center;
	background-size: 
		100% auto,
		100% auto,
		100% auto;
}
.res_sub_box {
	width: 680px;
	margin: 0 auto;
	text-align: left;
}
/*content text space*/
[class^="res_sub_bg"]{
	width: 840px;
	padding: 0 0 120px 0;
	margin: -1px auto 30px auto;
	background-image: 
		url(../images/common/res_sub_bt.jpg),
		url(../images/common/res_sub_bg.jpg);
	background-repeat: 
		no-repeat,
		repeat-y;
	background-position: 
		center bottom,
		center center;
	background-size: 
		100% auto,
		100% auto;
}
[class^="res_sub_bg"] .res_text_left{
	width: 420px;
	float: left;
	text-align: left;
	margin: 15px 0 0 75px;
}
[class^="res_sub_bg"] .res_text_right{
	width: 420px;
	float: right;
	text-align: left;
	margin: 15px 70px 0 0;
}
[class^="res_sub_bg"] .res_img_right{
	width: 340px;
	float: right;
	margin: 0;
}
[class^="res_sub_bg"] .res_img_left{
	width: 340px;
	float: left;
	margin: 0;
}

/*result photo image
------------------------------------------------------------------------------------------------*/
[class^="res_img_L"],
[class^="res_img_R"]{
	width: 340px;
	height: 380px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.res_img_L1 {background-image: url(../images/common/res_img_L1.jpg);}
.res_img_L2 {background-image: url(../images/common/res_img_L2.jpg);}
.res_img_L3 {background-image: url(../images/common/res_img_L3.jpg);}
.res_img_L4 {background-image: url(../images/common/res_img_L4.jpg);}
.res_img_L5 {background-image: url(../images/common/res_img_L5.jpg);}
.res_img_R1 {background-image: url(../images/common/res_img_R1.jpg);}
.res_img_R2 {background-image: url(../images/common/res_img_R2.jpg);}
.res_img_R3 {background-image: url(../images/common/res_img_R3.jpg);}
.res_img_R4 {background-image: url(../images/common/res_img_R4.jpg);}
.res_img_R5 {background-image: url(../images/common/res_img_R5.jpg);}
.res_img_m {
	width: 340px;
	height: 440px;
	background: url(../images/common/res_img_m.jpg) no-repeat;
}

/*pattern1
------------------------------------------------------------------------------------------------*/
.res_sub_tl{
}
.res_sub_bg {
}

/*pattern2
------------------------------------------------------------------------------------------------*/
.res_sub_tl2{
	background-image: 
		url(../images/common/res_sub_top.jpg),
		url(../images/common/res_sub_center.jpg),
		url(../images/common/res_sub_tl.jpg);
}
.res_sub_bg2 {
	padding: 20px 0 130px 0;
	background-image: 
		url(../images/common/res_sub_bt.jpg),
		url(../images/common/res_sub_bg.jpg);
}

/*pattern3
------------------------------------------------------------------------------------------------*/
.res_sub_tl3{
	background-image: 
		url(../images/common/res_sub_top.jpg),
		url(../images/common/res_sub_center.jpg),
		url(../images/common/res_sub_tl.jpg);
}
.res_sub_bg3 {
	padding: 0 0 130px 0;
	background-image: 
		url(../images/common/res_sub_bt.jpg),
		url(../images/common/res_sub_bg.jpg);
}

/*pattern4
------------------------------------------------------------------------------------------------*/
.res_sub_bg4 {
	padding: 0 0 150px 0;
	background-image: 
		url(../images/common/res_bt.jpg),
		url(../images/common/res_bg.jpg);
}
/*title
------------------------------------------------*/
[class^="res_sub_top4"]{
	width: 840px;
	height: 310px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.res_sub_top4 {background-image: url(../images/common/res_sub_top4.jpg);}
.res_sub_top4_2 {background-image: url(../images/common/res_sub_top4_2.jpg);}
.res_sub_top4_3 {background-image: url(../images/common/res_sub_top4_3.jpg);}


/*pattern5
------------------------------------------------------------------------------------------------*/
/*title
------------------------------------------------*/
[class^="res_sub_top5"]{
	width: 840px;
	height: 540px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.res_sub_top5 {background-image: url(../images/common/res_sub_top5.jpg);}
.res_sub_top5_2 {background-image: url(../images/common/res_sub_top5_2.jpg);}
.res_sub_top5_3 {background-image: url(../images/common/res_sub_top5_3.jpg);}
/*komidashi
------------------------------------------------*/
.res_sub_tl5{
	padding: 0 0 60px 0;
	background-image: 
		url(../images/common/res_sub_center5.jpg),
		url(../images/common/res_sub_tl5.jpg);
	background-repeat: 
		no-repeat,
		repeat-y;
	background-position: 
		center bottom,
		center center;
	background-size: 
		100% auto,
		100% auto;
}
.res_sub_tl5 .res_sub_text2{
	width: 660px;
	margin: 0 auto;
	color: #ffffff;
}
/*content
------------------------------------------------*/
.res_sub_bg5 {
	padding: 0 0 150px 0;
	background-image: 
		url(../images/common/res_bt.jpg),
		url(../images/common/res_bg.jpg);
}
.res_sub_bg5 .res_sub_box{
	width: 660px;
	margin: 0 auto;
	padding-top: 10px;
}
.res_sub_bg5 .res_sub_box .text2{
	text-align: left;
	color: #ffffff;
}
.res_type5_top,
.res_type5_top_2{
	width: 840px;
	height: 290px;
	margin: 0 auto;
	background: url(../images/common/res_type5_top.jpg) no-repeat;
}
.res_type5_top_2{
	background-image: url(../images/common/res_type5_top_2.jpg);
}

/*pattern6
------------------------------------------------------------------------------------------------*/
/*content
------------------------------------------------*/
.res_sub_bg6 {
	padding: 0 0 150px 0;
	background-image: 
		url(../images/common/res_bt.jpg),
		url(../images/common/res_bg.jpg);
}


/* ----------------------
 * bokashi
 *---------------------- */
.text_img_s {
	width: 420px;
	height: 270px;
	margin: 0 0 0 -7px;
	background: url(../images/common/text_img_s.png) no-repeat;
}
.text_img_s2 {
	width: 420px;
	height: 270px;
	margin: 0 0 0 -7px;
	background: url(../images/common/text_img_s2.png) no-repeat;
}
.text_img_s3 {
	width: 420px;
	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: 180px;
	margin: 0 0 0 -7px;
	background: url(../images/common/text_img_m2.png) no-repeat;
}
.res_rec_bg .text_img_m2{
	background: url(../images/common/text_img_m4.png) no-repeat;
	background-position: center top;
	height: 200px;
}
.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: 580px;
	height: 200px;
	margin: 0 0 0 -7px;
	background: url(../images/common/text_img_m4.png) no-repeat;
}
/* ----------------------
 * bokashi
 *---------------------- */

 
 
/* ----------------------
 * 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;
}
.text_img_m4 .all_res_btn_box2 {
	margin: 0 auto;
	text-align: center;
	padding-top: 35px;
}
.res_rec_bg .text_img_m2 .all_res_btn_box2 {
	margin: 0 auto;
	text-align: center;
	padding-top: 45px;
}
.res_rec_sub_bg2 .all_res_btn_box2 {
	margin: 0 auto;
	text-align: center;
	padding-top: 25px;
}
.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
 *---------------------- */
 

/*------------------------------------------------------------------------------------------------
  result reccomend menu "Ichigeki" section
------------------------------------------------------------------------------------------------*/
/*title
------------------------------------------------------------------------------------------------*/
[class^="res_rec_top"]{
	width: 840px;
	height: 450px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.res_rec_top {background-image: url(../images/common/res_rec_top.jpg);}
.res_rec_top2 {background-image: url(../images/common/res_rec_top2.jpg);}
.res_rec_top3 {background-image: url(../images/common/res_rec_top3.jpg);}
.res_rec_top4 {background-image: url(../images/common/res_rec_top4.jpg);}
.res_rec_top5 {background-image: url(../images/common/res_rec_top5.jpg);}
.res_rec_top6 {background-image: url(../images/common/res_rec_top6.jpg);}
/*section frame
------------------------------------------------------------------------------------------------*/
.res_rec_bg {
	width: 840px;
	padding: 0;
	margin: 0 auto;
	background: url(../images/common/res_bg.jpg) repeat-y;
	background-size: 100% auto;
}
.res_rec_bg.res_rec_mot_bg{
	padding-bottom: 0px;
	margin: 0 auto;
}
.res_rec_bt{
	width: 840px;
	height: 160px;
	background: url(../images/common/res_bt.jpg) no-repeat;
	background-size: 100% auto;
	margin: 0 auto;
}
.res_rec_bg .inp_menu_box{
	width: 660px;
	margin: 0 auto;
}
.res_rec_bg .inp_menu_box .use_pc:after{content:""; display:block; clear:both; width:0; height:0;}
.res_rec_bg .inp_menu_box .use_pc{
	width: 630px;
	padding: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: rgba(255,255,255,0.8);
	border: 5px solid rgba(92,117,123,0.8);
	margin: 0 auto;
}
.res_rec_bg .inp_menu_box .use_pc .menu_img{margin-bottom: 0;}
.res_rec_bg .inp_menu_box .text2,
.res_rec_bg .inp_menu_box .text_img_m2{
	text-align: left;
	color: #ffffff;
	width: 600px;
	margin: 0 auto;
}
.res_rec_center {
	width: 600px;
	height: 50px;
	margin: 0 auto 20px auto;
	background: url(../images/common/res_rec_center.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_rec_free {
	width: 900px;
	height: 440px;
	margin: 0 -30px 30px;
	background: url(../images/common/res_rec_free.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_rec_free2 {
	width: 900px;
	height: 390px;
	margin: 0 -30px;
	background: url(../images/common/res_rec_free.jpg) no-repeat;
	background-size: 100% 100%;
}
]
/*result recommend sub box
------------------------------------------------*/
.res_rec_sub_top {
	width: 600px;
	height: 40px;
	background: url(../images/common/res_rec_sub_top.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_rec_sub_bg {
	width: 600px;
	margin: 0 auto 20px auto;
	padding: 30px 0;
	min-height: 30px;
	background-image: 
		url(../images/common/res_rec_sub_top.jpg),
		url(../images/common/res_rec_sub_bt.jpg),
		url(../images/common/res_rec_sub_bg.jpg);
	background-repeat: 
		no-repeat,
		no-repeat,
		repeat-y;
	background-position: 
		center top,
		center bottom,
		center center;
	background-size: 
		100% auto,
		100% auto,
		100% auto;
}
.clearfix + .res_rec_sub_bg{margin-top: 20px;}
.res_rec_sub_box {
	width: 520px;
	margin: 0 auto;
}
.res_rec_sub_bg2 {
	width: 600px;
	margin: 20px auto;
	padding: 0 0 40px 0;
	min-height: 30px;
	background-image: 
		url(../images/common/res_rec_sub_bt.jpg),
		url(../images/common/res_rec_sub_bg.jpg);
	background-repeat: 
		no-repeat,
		repeat-y;
	background-position: 
		center bottom,
		center center;
	background-size: 
		100% auto,
		100% auto;
}
.res_rec_sub_top2 {
	width: 600px;
	height: 140px;
	margin: 0 auto 10px auto;
	background: url(../images/common/res_rec_sub_top2.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_rec_sub_box2 {
	width: 520px;
	margin: 0 40px 0;
}
res_rec_sub_box2 > div:after{content:""; display:block; clear:both; width:0; height:0;}
.rec_star_icon {
	float: left;
	width: 20px;
	height: 20px;
	margin: 5px 5px 0 0;
	background: url(../images/common/rec_star_icon.gif) no-repeat;
	clear: both;
}
.rec_list_box {
	float: left;
	width: 480px;
}
.res_rec_bg .inp_menu_box .rec_list_box .text2{
	width: auto;
}

/*yahoo premium price information box
------------------------------------------------------------------------------------------------*/
/*section frame
------------------------------------------------*/
.res_rec_sub_bg3 {
	width: 600px;
	margin: 70px auto;
	padding: 30px 0;
	background-image: 
		url(../images/common/res_rec_sub_top3.jpg),
		url(../images/common/res_rec_sub_bt3.jpg),
		url(../images/common/res_rec_sub_bg3.jpg);
	background-repeat: 
		no-repeat,
		no-repeat,
		repeat-y;
	background-position: 
		center top,
		center bottom,
		center center;
	background-size: 
		100% auto,
		100% auto,
		100% auto;
}
/*content settings
------------------------------------------------*/
res_rec_sub_bg3 input {
	display: block;
	margin: 0 auto;
	width: 300px;
	height: 90px;
}
.res_rec_sub_box3 {
	margin: 0 20px;
}



/* ----------------------
 * yahoo_pr
 *---------------------- */
.ya_pr_box {
	margin: 0 auto;
	text-align: center;
	margin-top:20px;
}
.ya_pr_box2 {
	margin: 0 170px;
	text-align: center;
	width: 500px;
	background-color:#e1d6bf;
}
.ya_pr_box3 {
	width:540px;
	margin:20px 150px 0;
	text-align: center;
	background-color:#e1d6bf;
}
.ya_pr_sub_box2 {
	padding: 15px 0;
}
.ya_pr_sub_box3 {
	width:270px;
	float:left;
	font-size:small;
}
.ya_pr_sub_box3 img {
	margin:10px 0;
	width: 240px;
	height: 40px;
	border: none;
}
.ya_pr_text1 {
	padding: 5px 0;
	color:#402100;
	font-size:small;
}
.ya_pr_text2 {
	width:240px;
	margin:0 15px;
	text-align:left;
	padding-bottom:15px;
}
/* ----------------------
 * 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_my_sub4 span,
.res_type1_you_sub span,
.res_type1_you_sub2 span,
.res_type1_you_sub3 span,
.res_type1_you_sub4 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_type3_txt span,
.res_type3_txt2 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_form_title7 span,
.res_form_sub span,
.res_sub_top4 span,
.res_sub_top5_you span,
.res_sub_top5 span,
.res_sub_img5 span,
.res_rec_top span,
.res_rec_top2 span,
.res_rec_top3 span,
.res_rec_free span,
.res_rec_free2 span,
.res_rec_sub_top2 span,
.res_sns_text span,
.limit_top span,
.limit_top2 span,
.res_info_free span,
.at_top span,
.at_top2 span {
	position:relative;
	z-index:-1;
}