/*レモーラ改修2010/3/8
------------------------------- */
.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);
}

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

#kyoumi_new{
	width:618px;
	_width:620px;	
	height:100px;
	_height:150px;
	overflow:hidden;
	padding-top: 50px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-image: url(/Service/Remora/img/mousikomi_bk.gif);
	background-repeat: no-repeat;
	margin-top: 40px;
	margin-bottom: 0px;
}




#kyoumi_new .self a{
	display : block;
	width : 288px;
	height: 50px;
	background-image: url(../../Service/Remora/img/self_r.gif);
	text-indent:-9999px;
	outline: none;
		float: left;

}


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

#kyoumi_new .support a{
	display : block;
	width : 288px;
	height: 50px;
	margin-right: 20px;
	_margin-right: 10px;
	background-image: url(../../Service/Remora/img/suport_r.gif);
	text-indent:-9999px;
	outline: none;
	float: right;

}


#kyoumi_new .support a:hover{
	background-image : url(../../Service/Remora/img/suport_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;
	}

	
	
/*ユーザー事例*/	
.jirei_title{
	background-image: url(../../Service/Remora/img/usersvoice/jirei_bk.jpg);
	background-repeat: no-repeat;
	height: 313px;
	width: 596px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	}

.company_name{
	width: 375px;
	padding-top: 60px;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	line-height: 22px;
	padding-left: 30px;
	float: left;
	}
	
.logo_area{
	float: right;
	padding-top: 10px;
	padding-right: 10px;
	}
	
.company_text{
	clear: both;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 580px;
	padding-left: 5px;
	font-size: 13px;
	line-height: 20px;
	margin-top: 20px;
	}
	
.interview_area{
	padding-top: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	width: 595px;
	clear: both;
	}
	
.interview_area dl dt{
	font-weight: bolder;
	color: #fe589e;
	background-image: url(../../Service/Remora/img/usersvoice/q.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	padding-left: 30px;
	height: 23px;
	margin-left: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #e4007f;
	margin-bottom: 10px;
	margin-top: 20px;
	}
	
.interview_area dl dd{
	padding-right: 15px;
	padding-left: 15px;
	line-height: 20px;
	width: 570px;
	}
	

	
.company_detail_area {
	width: 530px;
	border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px; /* Safari,Chrome */
	border: 1px solid #e4007f;   /* 背景色 */
	clear: both;
	overflow: visible;
	height: 120px;
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 30px;
}

.company_detail_area img{
	float: left;
	padding-left: 20px;
	}

.company_detail_text{
	float: right;
	font-size: 11px;
	line-height: 20px;
	margin-right: 20px;
	}
	
	
.intervier_first{
	clear: both;
	}
.intervier_first img{
	float: left;
	border: 1px solid #F99;
	margin-top: 20px;
	padding: 2px;
	margin-left: 8px;
	 }	

.first_q{
	float: right;
	}
	

	
.first_q dl dd{
	padding-right: 15px;
	padding-left: 15px;
	line-height: 20px;
	width: 345px;
	}
	
.rem_01-txt-box a img{
	border: 1px solid #CCC;
	padding: 2px;
	}
	
.font_small{
	font-size: 12px;
	}
	
.font_small a{
	color: #FFF;
	}
	
.hitokoto{
	font-size: 15px;
	font-weight: bold;
	color: #666;
	clear: both;
	padding-top: 20px;
	padding-left: 10px;
	}
	
.matome {
	width: 550px;
	border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px; /* Safari,Chrome */
	border: 10px solid #fbe6ef;   /* 背景色 */
	clear: both;
	overflow: visible;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 10px;
	font-size: 14px;
	padding: 10px;
	line-height: 20px;
}

/*運用10本ノック*/

.sihyou{
	font-weight: bold;
	color: #F33;
	padding-top: 15px;
	padding-bottom: 5px;
	}
	
.kaiwa_box{
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 14px;
	overflow:auto;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
.kaiwa_box2{
	font-size: 14px;
	margin-bottom: 30px;
	}
.kaiwa_box img{
	float: left;
	padding-right: 10px;
	}
	
.kaiwa_box p{
	font-size: 14px;
	float: right;
	width: 80%;
	}
.img_center{
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow:visible;
	}
	
.title_area{
	margin-top: 30px;
	margin-bottom: 20px;
	height: 338px;
	width: 620px;
	}
	
/*10本ノック内のフォントカラー*/
	
.kantoku_font{
	color: #5f2b05;	
	}
	
.minami_font{
	color: #FF5353;
	}
	
.knock_menu{
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFF;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #98cb00;
	background-color: #EFFFB9;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #98cb00;
	border-left-color: #98cb00;
	padding-left: 5px;
	}

.knock_menu ul li a{
	color: #360;
}

	
.knock_menu_itiran{
	background-image: url(../../Service/Remora/img/knock_menu_ichiran.gif);
	background-repeat: no-repeat;
	height: 251px;
	width: 550px;
	margin-left: 50px;
	margin-bottom: 10px;
	margin-top: 10px;
	}
	

.knock_menu_itiran ul{
	padding-top: 60px;
	padding-left: 100px;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	line-height: 22px;
	padding-bottom: 30px;
	 }
	 
.knock_menu_itiran ul li a{
	color: #FFF;
	}

.knock_point{
	background-color: #DFFFFF;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}

.img_setsumei{
	color: #300;
	background-color: #FFE9D2;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	line-height: 20px;
	}
	
.yokoku{
	font-size: 15px;
	font-weight: bold;
	color: #F00;
	text-align: center;
	background-color: #FFFFE1;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
.shiki{
	color: #36F;
	background-color: #D2E9FF;
	width: 78%;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 125px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 3px;
	clear: right;
	}
	
.repo_table{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	}
	
.repo_table_area .repo_table tr th{
	background-color: #CFF;
	padding: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	text-align: center;
	}

.repo_table_area .repo_table tr td{
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-color: #999;
	border-left-color: #999;
	padding: 5px;
	text-align: right;
	}
	
.import_box{
	color: #C30;
	background-color: #FFE9D2;
	width: 70%;
	margin-left: 125px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 30px;
	line-height: 20px;
	clear: right;
		}
	
.import_box dl dt{
	font-weight: bold;
	}
	
.import_box dl dd{
	margin-bottom: 10px;
	}
	
/*social*/
.facebook_like,.facebook_share,.twitter,.hatena,.google{
	float:left;
	padding:2px 3px 2px 3px;
}

.twitter{
	width: 90px;
	}
.view{
	clear: both;
	margin-left: 280px;
	margin-top: 10px;
	height: 25px;
	margin-bottom: 10px;
	}
	
	.alert_red{
	font-size: 10px;
	color: #F00;
	text-align: right;
}


/*10本ノック*/
.hyou{
	width: 550px;
	height: 150px;
	margin-top: 10px;
	background-color: #FFC;
	padding: 0px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #4A5C25;
	border-right-color: #4A5C25;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	color: #525229;
	text-align: center;
}
.hyou2 th{
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #E1FFF0;
	padding: 5px;
	border-bottom-color: #4A5C25;
	border-left-color: #4A5C25;
	}
	
.hyou td{
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #FFF;
	border-bottom-color: #4A5C25;
	border-left-color: #4A5C25;
	}
	
	
tr .left { text-align: left; }
tr .right { text-align: right; }

.info{
	background-color: #FFFFEC;
	padding: 5px;
	}
	

.hyou2{
	width: 350px;
	margin-top: 10px;
	padding: 0px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #4A5C25;
	border-right-color: #4A5C25;
	margin-left: 130px;
	font-size: 12px;
	color: #4A5C25;
	line-height: 20px;
}
	
	
.hyou th{
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #E1FFF0;
	padding: 5px;
	border-bottom-color: #4A5C25;
	border-left-color: #4A5C25;
	}
.hyou2 td{
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #FFF;
	padding: 5px;
	border-bottom-color: #4A5C25;
	border-left-color: #4A5C25;
	}
	
caption{
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
	}
	
 .kaiwa_box .minami_font .icon{
	clear: both;
	 }