/*レコメンド改修2010/10/12
------------------------------- */


/*プランの違いを確認　お申し込みボタン*/






#xreco_btn a{
	display : block;
	width : 620px;
	height: 126px;
	background-image: url(../../Service/Xrecommend/img/rm_apply_bt.gif);
	text-indent:-9999px;
	outline: none;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
}

#xreco_btn a:hover{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}







/* txt-navi (タブメニュー テキスト版レコメンド) 101012追加------------------------------ */
#content #txt_navi_xreco {
	width: 608px;
	height: 90px;
	background-color: #ECF2FF;
	margin-top: 50px;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	border: 1px solid #CCC;
	clear: both;
	font-size: 12px;
	line-height: 18px;
	margin-left: 15px;
}

.txt_navi_tit_xreco{
	color: #009;
	font-weight: bold;
	margin-bottom: 5px;
	}
	



#faq_x .text_faq_x,#uservoice .text_uservoice,#strengthen .text_strengthen,#sc_cri .text_sc_cri,#flow .text_flow,#insert .text_insert,#expense .text_expense,#merit .text_merit{
	font-weight: bold;
	text-decoration: none;
	}


/* uservoice (タブメニュー テキスト版レコメンド) 110512追加------------------------------ */

div.tabnav {
	overflow: hidden;
	width: 670px;
	height: 35px;
	border-bottom-width: 5px;
	border-bottom-style: double;
	border-bottom-color: #2ea9d5;
	margin-left: 10px;
	font-weight: bold;
	margin-top: 10px;
}
div.tabnav ul {
	width: 670px;
	height: 35px;
	padding-left: 200px;
}
div.tabnav ul li {
	float: left;
	width: 120px;
	height: 35px;
	margin: 0 0 0 10px;
	line-height: 35px; /* テキストの上下位置を中央ぞろえに */
	text-align: center;
}
div.tabnav ul li a {
	display: block;
	width: 120px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
div.tabnav ul li a:hover {
	background-position: 0 -35px;
	color: #FFF;
	text-decoration: none;
}



div.tabnav ul li.menu02 {
	background-image: url(../../Service/Xrecommend/img/tabmenu.gif);
	background-position: 0 -35px;
	color: #FFF;
}

div.tabnav ul li.menu01 a {
	background-image: url(../../Service/Xrecommend/img/tabmenu.gif);
}



#main2 .xreco_01-txt-box a img{
	border: 1px solid #CCC;
	}

.remo_img{
	margin: 0px;
	padding: 0px;
	clear: both;
	}


	
.plan_select{
	background-color: #ffeaeb;
	width: 618px;
	clear: both;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: 100px;
	}
	
.sub_tit{
	background-image: url(../../Service/Remora/img/subtit_01.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-left: 10px;
		color: #9d1b44;
			font-size: 15px;
	font-weight: bold;
	}

/*お申し込みプランの選択*/
.remo_left{
	float:left;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	}

.remo_left a{
	display : block;
	width : 288px;
		height: 72px;
	text-align : center;
	background-repeat : no-repeat;
	background-position : center top;
	background-image: url(../../Service/Remora/img/sel_btn.gif);
	text-indent:-9999px;
	outline: none;
}


.remo_left a:hover{
	background-image : url(../../Service/Remora/img/sel_btn_on.gif);
}

.remo_right{
	float:right;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	}

.remo_right a{
	display : block;
	width : 288px;
	height: 72px;
	text-align : center;
	background-repeat : no-repeat;
	background-position : center top;
	background-image: url(../../Service/Remora/img/s_btn.gif);

	text-indent:-9999px;
	outline: none;
}


.remo_right a:hover{
	background-image : url(../../Service/Remora/img/s_btn_on.gif);
}

.remo_alert{
	font-size: 10px;
	}
.remo_img2{
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
	
/*プランの選択*/

.plan_box{
	margin-top: 10px;	
	}

.plan_l{
	float:left;
	margin-right: 5px;
	}

.plan_l a{
	display : block;
	width : 233px;
	height: 35px;
	text-align : center;
	background-repeat : no-repeat;
	background-position : center top;
	background-image: url(../../Service/Remora/img/sp_btn.jpg);
	text-indent:-9999px;
	outline: none;
}


.plan_l a:hover{
	background-image : url(../../Service/Remora/img/sp_btn_over.jpg);
}

.plan_c{
	float:left;
	padding-left: 0px;
	margin-right: 5px;
	}

.plan_c a{
	display : block;
	width : 233px;
	height: 35px;
	text-align : center;
	background-repeat : no-repeat;
	background-position : center top;
	background-image: url(../../Service/Remora/img/selp_btn.jpg);
	text-indent:-9999px;
	outline: none;
}


.plan_c a:hover{
	background-image : url(../../Service/Remora/img/selp_btn_over.jpg);
}


.plan_r{
	float:right;
	padding-right: 5px;
	}

.plan_r a{
	display : block;
	width : 130px;
	height: 27px;
	text-align : center;
	background-repeat : no-repeat;
	background-position : center top;
	background-image: url(../../Service/Remora/img/diff_btn.jpg);
	text-indent:-9999px;
	outline: none;
}


.plan_r a:hover{
	background-image : url(../../Service/Remora/img/diff_btn_on.jpg);
}

.ke_img_tit{
	margin-left: 35px;
	}
div.keyword_new{
	text-align: center;
	margin-left: 35px;
	width: 548px;
	height: 165px;
	padding-top: 10px;
	background-color: #DBF3FD;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #5fcdef;
	border-bottom-color: #5fcdef;
	border-left-color: #5fcdef;
}


/*お申し込み*/
.select_box{
	width: 610px;
	height:200px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.l_box{
	width: 300px;
	height:200px;
	float:left;
	border: 1px solid #930;
}

.l_box p{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.sele_tit_sa{
	background:#ffebfb;
	font-size: 14px;
	color: #990d38;
	text-align: center;
	font-weight: bold;

	}
	
	

.plan_s{
	padding-top: 5px;
	padding-bottom: 10px;
	}

.plan_s a{
	display : block;
	width : 300px;
	height: 48px;
	text-align : center;
	background-repeat : no-repeat;
	background-position : center top;
	background-image: url(../../Service/Remora/img/plan_s_btn.gif);
	text-indent:-9999px;
	outline: none;
}


.plan_s a:hover{
	background-image : url(../../Service/Remora/img/plan_s_btn_over.gif);
}


.r_box{	
width: 300px;
height:200px;
	float:right;
	border: 1px solid #930;

}

.r_box p{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.sele_tit_sel{

	background:#ffe7e7;
	font-size: 14px;
	color: #990d38;
	text-align: center;
	font-weight: bold;
	}
	
.plan_sel{
	padding-top: 5px;
	padding-bottom: 10px;
	}

.plan_sel a{
	display : block;
	width : 300px;
	height: 48px;
	text-align : center;
	background-repeat : no-repeat;
	background-position : center top;
	background-image: url(../../Service/Remora/img/plan_sel_btn.gif);
	text-indent:-9999px;
	outline: none;
}


.plan_sel a:hover{
	background-image : url(../../Service/Remora/img/plan_sel_btn_over.gif);
}

.exp-plan{
	width:610px;
	line-height: 25px;
	border: 1px solid #999;
	margin-top: 10px;
	margin-bottom: 10px;
}

.s_bk{
	background-color: #ffebfb;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	width: 200px;
	}
.s_bk_end{
	background-color: #ffebfb;
	text-align: center;

	}
	
.sel_bk{
	background-color: #ffe7e7;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	width: 200px;
	}
	
.sel_bk_end{
	background-color: #ffe7e7;
	text-align: center;
	}
	
.exp-line{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	padding-left: 10px;
	width: 200px;
	}
	
.exp-line_end{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	padding-left: 10px;
	}	
	
/*共通プラン枠*/

.select_box_com{
	width: 610px;
	height:150px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.l_box_com{
	width: 300px;
	height:150px;
	float:left;
	border: 1px solid #930;
}

.r_box_com{	
width: 300px;
height:150px;
	float:right;
	border: 1px solid #930;

}

.l_box_com p,.r_box_com p{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}


/*申し込みボタン*/

.r_appli a{
	display : block;
	width : 620px;
	height: 78px;
	text-align : center;
	background-repeat : no-repeat;
	background-position : center top;
	background-image: url(../../Service/Remora/img/re_apply_bt.gif);
	text-indent:-9999px;
	outline: none;
	margin-top: 20px;
}


.r_appli a:hover{
	background-image : url(../../Service/Remora/img/re_apply_bt_over.gif);
	
}


/*サポートプラン*/

.supo_appli{
	height: 50px;
	width: 620px;
	margin-right: auto;
	margin-left: auto;	
	_margin-left: 150px;
	padding-bottom: 10px;
	}
	

.supo_appli a{
	display : block;
	width : 288px;
	height: 50px;
	text-align : center;
	background-repeat : no-repeat;
	background-position : center top;
	background-image: url(../../Service/Remora/img/suport_r.gif);
	text-indent:-9999px;
	outline: none;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}


.supo_appli a:hover{
	background-image : url(../../Service/Remora/img/suport_r_over.gif);
}


/*セルフプラン*/

.sel_appli {
	height: 50px;
	width: 620px;
	margin-right: auto;
	margin-left: auto;	
	}
	
.sel_appli a{
	display : block;
	width : 288px;
	height: 50px;
	text-align : center;
	background-repeat : no-repeat;
	background-position : center top;
	background-image: url(../../Service/Remora/img/self_r.gif);
	text-indent:-9999px;
	outline: none;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}


.sel_appli a:hover{
	background-image : url(../../Service/Remora/img/self_r_over.gif);
}



/*料金の結果表示箇所*/
table.det_new_first{
	margin-top: 5px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size:12px;
}
table.det_new_first th{
	text-align: left;
	width: 120px;
	height: 22px;
	padding-left: 5px;
	color: #30B5E2;
	border: 2px solid #D0E737;
	background-color: #F1F8C0;
	line-height: 28px;
}
table.det_new_first td{
	text-align: center;
	background-color: #FFF;

	}
table.det_new{
	margin-top: 5px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size:12px;
}
table.det_new th{
	text-align: left;
	width: 120px;
	height: 22px;
	padding-left: 5px;
	color: #30B5E2;
	border: 2px solid #D0E737;
	background-color: #F1F8C0;
}
table.det_new td{
	text-align: right;
	background-color: #FFF;
		padding-right: 10px;
}

/*プランのメインビジュアル*/
.supo_main a{
	display : block;
	width : 610px;
	height: 104px;
	text-align : center;
	background-repeat : no-repeat;
	background-position : center top;
	background-image: url(../../Service/Remora/img/sa_main.jpg);
	text-indent:-9999px;
	outline: none;
	clear: both;
	margin: 0px;
	padding: 0px;
}

*:first-child+html .supo_main a{
	margin-top: -10px;
	}

.supo_main a:hover{
	background-image : url(../../Service/Remora/img/sa_main_on.jpg);
}

.self_main a{
	display : block;
	width : 610px;
	height: 104px;
	text-align : center;
	background-repeat : no-repeat;
	background-position : center top;
	background-image: url(../../Service/Remora/img/sel_main.jpg);
	text-indent:-9999px;
	outline: none;
	clear: both;
	margin: 0px;
	padding: 0px;
}

*:first-child+html .self_main a{
	margin-top: -10px;
	}

.self_main a:hover{
	background-image : url(../../Service/Remora/img/sel_main_on.jpg);
}

/*右サイドメニューお申し込みボタン*/
.side_entry a{
	display:block;
	width:151px;
	color:#FFF;
	height:35px;
	text-decoration:none;
	text-align:center;
	background-image: url(../../Service/img/entry_bk.gif);
	background-repeat: no-repeat;
	margin-left: 5px;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	vertical-align: middle;
	margin-top: 5px;
}
 

* html .side_entry a{
	display:block;
	width:151px;
	color:#FFF;
	height:39px;
	margin-left: 5px;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	vertical-align: middle;
	margin-top: 6px;
}

.side_entry a:hover{
	background:url(../../Service/img/entry_bk_on.gif) no-repeat;
	text-decoration: none;
	color: #FFF;
	}



/*new*/

.page_tit{
	background-image: url(../../Service/Xrecommend/img/xr_top.gif);
	background-repeat: no-repeat;
	font-size: 17px;
	font-weight: bold;
	margin-top: 10px;
	padding-left: 18px;
	background-position: 2px;
	}



#strengthen li.li_sub2.strengthen,#merit li.li_sub.merit,#xr_top li.li_sub2.xr_top,#genre li.li_sub.genre,#partner li.li_sub.partner,#sc_cri li.li_sub.sc_cri,#faq_x li.li_sub.faq_x,#uservoice li.li_sub.uservoice,#flow li.li_sub.flow,#expense li.li_sub.expense,#service li.li_sub.service,#insert li.li_sub.insert{background-color: #e9f5ff;}


li.li_sub a:hover{
	background-color: #e9f5ff;

}

.cam_area{
	clear: both;
	margin-top: 10px;
	margin-bottom: 0px;


	}
	
.cam_area_footer{
	clear: both;
	padding-top: 30px;
	margin-bottom: 30px;


	}

	
.side_cam_area{
	margin-top: 10px;
	margin-bottom: 0px;
	}
	
.cam_area  a:hover,.side_cam_area a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";

	}


.genru{
	list-style-type: disc;
	margin-left: 15px;
	}
/*new_top*/

h2.top_tit{
	padding-left: 0px;
	margin-bottom: 15px;
	margin-top: 0px;
	padding-top: 0px;
}
	
h3.top_tit{
	padding-left: 0px;
	margin-bottom: 15px;
	margin-top: 0px;
	padding-top: 0px;
}
	
.top_box{
	clear: both;
	overflow:hidden;
	}
.top_text{
	float: left;
	width: 390px;
	font-weight: bold;
	padding-top: 10px;
	}
.top_patner{
	float: right;
	background-image: url(../../Service/Xrecommend/img/partner_bk.jpg);
	height: 96px;
	width: 261px;
	padding-top: 30px;
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 5px;
	}

 .top_patner table{
	width: 270px;
	 }
	 
.menu_top{
	width: 220px;
	float: left;
	margin-right: 3px;
	}
.menu_top .title01{
	background-image: url(../../Service/Remora/img/menu02_bk.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 220px;
	padding-top: 15px;
	padding-left: 20px;
	margin: 0px;
	font-size: 13px;
		 }
		 
.menu_top .title01_l{
	background-image: url(../../Service/Remora/img/menu02_bk.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 220px;
	padding-top: 15px;
	padding-left: 25px;
	margin: 0px;
	font-size: 12px;
	} 
		 
.menu_top .title02{
	background-image: url(../../Service/Xrecommend/img/menu02_bk.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 220px;
	padding-top: 15px;
	padding-left: 25px;
	margin: 0px;
		 }
		 
.menu_top .text{
	padding-left: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #d8d8d8;
	border-bottom-color: #d8d8d8;
	border-left-color: #d8d8d8;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	height: 120px;
	padding-right: 10px;
	}



.sub_nemu_box{
	margin-top: 10px;
	margin-bottom: 10px;
	clear: left;
	}
	
.sub_nemu_bk{
	background-image: url(../../Service/Xrecommend/img/menu_sub_bk.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 180px;
	padding-top: 13px;
	padding-left: 40px;
	float: left;
	margin-right: 3px;
	}
	
.sub_nemu_bk a{
	display: block;
	height: 50px;
	width: 220px;
	outline:none;
	}
	
.text .text_area{
	height: 100px;	
	}

.kasoupage_box{
	clear: both;
	overflow:hidden;
	}
	
.kasoupage_box p{
	float:left;
	width: 480px;
	padding-top: 20px;
}
	
	
	
.kasoupage_box img{
	float:right;}
	
	
#prm_main{
	width:670px;
	float:left;
	overflow:hidden;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px;
	padding-left: 15px;
}
	
#faq_x .text_faq_x,#uservoice .text_uservoice,#strengthen .text_strengthen,#sc_cri .text_sc_cri,#flow .text_flow,#insert .text_insert,#expense .text_expense,#xr_top .text_index{
	background-image: url(../../Service/Xrecommend/img/menu01_bk.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 220px;
}


.top_h1{
	font-size: 14px;
	color: #0080FF;
  }
.top_patner_table{
	margin-top: 10px;
	margin-left: 20px;
	width: 240px !important;

}