/*---------------------------------------------
	プレミアム会員登録画面
							専用CSS
  ---------------------------------------------*/

/*==================================
	ページ全体
  ==================================*/
#prm_pr_main{
	width:900px;
	text-align:center;
	margin-top: 0px;
	margin-bottom: 50px;
}

#prm_pr_main h2{
	background-image:url(../img_pre/h2_main_black.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:14px;
	height:41px;
	padding:13px 0 0 20px;
	letter-spacing:0.1em;
	text-align:left;
}

#prm_pr_main h3{
	background-image:url(../img_pre/h3_main_black.jpg);
	background-repeat:no-repeat;
	height:30px;
	margin-top:15px;
	padding:7px 0 0 30px;
	font-size:14px;
	width: 850px;
}

#prm_pr_main p{
	margin-left:10px;
	margin-right:10px;
}

#prm_pr_main #tab_nav #tab1 p.info img{
	float: right;
	padding-left:10px;
	vertical-align:middle;
}


/* 追加 Start */
#prm_pr_main #tab_nav #tab1 #info_left{
	float:left;
	width:400px;
}

#prm_pr_main #tab_nav #tab1 #info_right{
	float:right;
	width:480px;
	background:#F2F2F2;
}

#prm_pr_main #tab_nav #tab1 #info_right_box{
	margin-top:20px;
	margin-bottom:20px;
}

#prm_pr_info_top{
	width:900px;
	height:80px;
	margin-top:10px;
	background-color:#f2f2f2;
}

#prm_pr_info_top_box01{
	width:280px;
	text-align:left;
	margin:10px 0px 10px 10px;

	background-color:#f2f2f2;
	float: left;
}
#prm_pr_info_top_box02{
	width:160px;
	margin-top:15px;
	background-color:#f2f2f2;
	float: left;
}

#prm_pr_info_top_box03{
	width:280px;
	text-align:left;
	margin:10px 0px 10px 5px;

	background-color:#f2f2f2;
	float: left;
}
#prm_pr_info_top_box04{
	width:160px;
	margin-top:15px;
	background-color:#f2f2f2;
	float: left;
}

#prm_pr_movie_info{
	width:880px;
	height:255px;
	background-color:#f2f2f2;

	padding-top:15px;
}

#prm_pr_movie_comment{
	width:420px;
	height:245px;
	text-align:left;

	margin-left:20px;
	padding-right:50px;

	float: left;
}

#prm_pr_movie_player{

}




/* 追加 End */


#prm_pr_main #tab_nav #tab1 p.info input{
	float: right;
	margin-top:-20px;
	padding-left:20px;
	background-color:#FFFFFF;
}

#prm_pr_main p.merit{
	padding-left:25px;
	padding-right:25px;
	width:95%;
}

#prm_pr_main .info_red{
	margin:0;
	padding:0;
	font-size:11px;
}

/*==================================
	上項目のテーブル用CSS
	機能一覧
  ==================================*/

#prm_pr_main .prm_tbl_t{
	width:880px;
	clear:both;/*chrome用 float解除*/
	border-style:none;/*.net対策*/
	margin-bottom:3px;
}

#prm_pr_main .prm_tbl_t th{
	background-image: url(../img_pre/temp_bg_black.jpg);
	height:35px;
	text-align:center;
	border-style:none;/*.net対策*/
	color:#ffffff;
}

#prm_pr_main .prm_tbl_t td{
	background-image:none;
	margin:10px;
	padding:10px;
	border-style:none;/*.net対策*/
	background-color:#f2f2f2;
	text-align:center;
}

#prm_pr_main .prm_tbl_t td.left{
	text-align:left;
	width:400px;
}

#prm_pr_main .prm_tbl_t tr{
	border-style:none;/*.net対策*/
}

#prm_pr_main .prm_tbl_t td p{
	width:200px;
	float:left;
}

/*サンプル画面を見る*/
#prm_pr_main .prm_tbl_t .sample{
	font-size:smaller;
	width:100px;
	float:right;
	margin:0;
	text-align:right;
	padding-top:7px;
}

/*強調部分*/
#prm_pr_main .prm_tbl_t .mark{
	font-weight:bold;
	background-color:#e6e6e6;
}

/*==================================
	上項目のテーブル用CSS
	料金表
  ==================================*/

#prm_pr_main .price_tbl_t{
	width:600px;
	clear:both;/*chrome用 float解除*/
	border-style:none;/*.net対策*/
	font-weight:bold;
	margin-bottom:3px;
}

#prm_pr_main .price_tbl_t th{
	background-image: url(../img_pre/temp_bg_black.jpg);
	height:35px;
	text-align:center;
	border-style:none;/*.net対策*/
	color:#ffffff;
}

#prm_pr_main .price_tbl_t td{
	background-image:none;
	margin:10px;
	padding:10px;
	border-style:none;/*.net対策*/
	background-color:#f2f2f2;
	text-align:center;
}

#prm_pr_main .price_tbl_t tr{
	border-style:none;/*.net対策*/
}

/*==================================
	タブ切り替え
  ==================================*/
/*Ajax タブ切替*/

#tab_nav{
	width:882px;
	margin-left:auto;
	margin-right:auto;
}

#tab_nav ul {
	padding-top:10px;
	margin-left:5px;
	margin-right:3px;
}

#tab_nav li {
	display: inline;
}


#tab_nav ul a {
	display: block;
	/*width: 145px;*/
	width: 124px;
	float: left;
	padding-top:5px;
	padding-bottom:5px;
	border-left:0px;
}

#tab1, #tab2, #tab3 , #tab4, #tab5, #tab6, #tab7{
	margin-top:120px;
	text-align:left;
}

#tab2, #tab3 , #tab4, #tab5, #tab6 img{
	text-align:center;
}


#tab2 {
	display: none;
}

#tab3 {
	display: none;
}


#tab4 {
	display: none;
}

#tab5 {
	display: none;
}

#tab6 {
	display: none;
}

#tab7 {
	display: none;
}

/*==================================
	tab1
  ==================================*/
#prm_pr_main #tab1 .point01{
	background-image:url(../img_pre/point_img1.jpg);
	background-repeat:no-repeat;
	height:186px;
	border:2px solid #757575;
	margin-bottom:10px;
}

#prm_pr_main #tab1 .point02{
	background-image:url(../img_pre/point_img2.jpg);
	background-repeat:no-repeat;
	height:186px;
	border:2px solid #757575;
	margin-bottom:10px;
}

#prm_pr_main #tab1 .point03{
	background-image:url(../img_pre/point_img3.jpg);
	background-repeat:no-repeat;
	height:186px;
	border:2px solid #757575;
	margin-bottom:10px;
}

#prm_pr_main #tab1 .point04{
	background-image:url(../img_pre/point_img4.jpg);
	background-repeat:no-repeat;
	height:186px;
	border:2px solid #757575;
	margin-bottom:10px;
}

#prm_pr_main #tab1 .point05{
	background-image:url(../img_pre/point_img5.jpg);
	background-repeat:no-repeat;
	height:188px;
	border:2px solid #757575;
	margin-bottom:10px;
}

#prm_pr_main #tab1 h4{
	margin-left:200px;
	font-size:18px;
	color:#333333;
	line-height:130%;
	width:430px;
	margin-top:12px;
	margin-bottom:12px;
}

#prm_pr_main #tab1 .txt{
	margin-left:200px;
	width:430px;
	padding-bottom:5px;
}

#prm_pr_main #tab1 .point01 .img{
	float:right;
	width:200px;
	padding-right:10px;
	padding-top:10px;
	background-image:url(../img_pre/serviceimage1.jpg);
	background-repeat:no-repeat;
	height:160px;
}

#prm_pr_main #tab1 .point02 .img{
	float:right;
	width:200px;
	padding-right:10px;
	padding-top:10px;
	background-image:url(../img_pre/serviceimage2.jpg);
	background-repeat:no-repeat;
	height:160px;
	background-position:0px 20px;
}


#prm_pr_main #tab1 .point03 .img{
	float:right;
	width:200px;
	padding-right:10px;
	padding-top:10px;
	background-image:url(../img_pre/serviceimage3.jpg);
	background-repeat:no-repeat;
	height:160px;
	background-position:0px 20px;
}


#prm_pr_main #tab1 .point04 .img{
	float:right;
	width:200px;
	padding-right:10px;
	padding-top:10px;
	background-image:url(../img_pre/serviceimage4.jpg);
	background-repeat:no-repeat;
	height:170px;
	background-position:35px 10px;
}

#prm_pr_main #tab1 .point05 .img{
	float:right;
	width:200px;
	padding-right:10px;
	padding-top:10px;
	background-image:url(../img_pre/serviceimage5.jpg);
	background-repeat:no-repeat;
	height:170px;
	background-position:35px 10px;
}

#prm_pr_main #tab1 .btn{
	margin:0px;
	float:right;
}

#prm_pr_main #footer_appl {
	text-align:left;
}

#prm_pr_main #footer_appl #footer_appl_box {
	border:1px solid #999999;
	background:#F2F2F2;
	height:200px;
}

#prm_pr_main #footer_appl #footer_appl_box #box_left {
	float:left;
	margin-left:90px;
	margin-top:25px;
}

#prm_pr_main #footer_appl #footer_appl_box #box_right {
	float:right;
	margin-right:90px;
	margin-top:25px
}

#prm_pr_main #footer_appl #info_title {
	font-weight:bold;
	font-size:14px;
}