@charset "utf-8";

/*
Theme Name: EPAGE_FRONT_THEME
Theme URI: http://www.urban-sp.jp/
Description: EPAGE広告掲載についてのページで共通に使用するものになります
Version: 1.0
Author: URBAN PLANNING
Author URI: http://www.urban-sp.jp/
Tags: 
*/

@import "../../css/e_base.css";


#contents{ background:#fff url("../images/top/advertise_top_bg.jpg") no-repeat center 5px; }

/* 大枠部分 */
#advertise_area{
	margin:0px auto;
	width:1000px;
}

#advertise_top_area{
	width:1000px;
	height:360px;
	margin:0px auto;
	position:relative;
}

#advertise_top_area img{
	position:absolute;
	top:56px;
	left:224px;
}


/* 広告掲載メイン */
#advertise_main_area{
	margin:0px auto;
	overflow:hidden;
}

/* 広告掲載メイン｜左側 */
#advertise_left_area{
	float:left;
	width:690px;
}

/* 広告掲載メイン｜右側 */
#advertise_right_area{
	float:right;
	width:300px;
/*	padding-top:40px;*/
}



/* -------------------------------------------- */
/* E・PAGEが選ばれる6つのポイント
/* -------------------------------------------- */

/* ejobnaviバナー追加　20170831 */
#epage_six_point_area .ejobnavi_banner{
   margin:26px 0 40px 0;
}

#epage_six_point_area h3{ margin-bottom:20px; }

#epage_point_list{ overflow:hidden; }

#epage_point_list li{
	list-style:none;
	width:330px;
	height:220px;
	float:left;
	margin:0px 30px 20px 0px;
}

#epage_point_list #six_point_02,
#epage_point_list #six_point_04,
#epage_point_list #six_point_06{
	margin-right:0px;
}

#six_point_01{ background:url("../images/top/six_point_bg_01.jpg") no-repeat; }
#six_point_02{ background:url("../images/top/six_point_bg_02.jpg") no-repeat; }
#six_point_03{ background:url("../images/top/six_point_bg_03.jpg") no-repeat; }
#six_point_04{ background:url("../images/top/six_point_bg_04.jpg") no-repeat; }
#six_point_05{ background:url("../images/top/six_point_bg_05.jpg") no-repeat; }
#six_point_06{ background:url("../images/top/six_point_bg_06.jpg") no-repeat; }

#epage_point_list dl{
	width:330px;
	height:220px;
	position:relative;
}

#epage_point_list dt,
#epage_point_list dd{
	position:absolute;
}

#six_point_01 dt{ top:120px; left:15px; }
#six_point_01 dd{ top:150px; left:0px; padding:0px 15px; }
#six_point_02 dt{ top:120px; left:15px; }
#six_point_02 dd{ top:150px; left:0px; padding:0px 15px; }
#six_point_03 dt{ top:15px; left:60px; }
#six_point_03 dd{ top:50px; left:0px; padding:0px 130px 0px 15px; }
#six_point_04 dt{ top:15px; left:50px; }
#six_point_04 dd{ top:50px; left:0px; padding:0px 130px 0px 15px; }
#six_point_05 dt{ top:100px; left:15px; }
#six_point_05 dd{ top:125px; left:0px; padding:0px 15px; }
#six_point_06 dt{ top:15px; left:60px; }
#six_point_06 dd{ top:50px; left:0px; padding:0px 130px 0px 15px; }



/* -------------------------------------------- */
/* 料金表
/* -------------------------------------------- */
#epage_price_area{ margin-bottom:30px; }
#epage_price_area h3{ margin-bottom:20px; }
.epage_price_catch{
	margin:0px auto 10px;
	display:block;
}

.epage_price_list{
	margin:0px auto 15px;
	overflow:hidden;
	width:680px;
}

.epage_price_list li{
	float:left;
	list-style:none;
	margin-left:20px;
}

.epage_price_list .standard_plan{ margin-left:0px; }

.epage_price_link{
	margin:0px auto 5px;
	width:600px;
}

.epage_price_link a{ color:#09f; }



/* -------------------------------------------- */
/* よくある質問
/* -------------------------------------------- */
#epage_qa_area{ margin-bottom:30px; }
#epage_qa_area h3{ margin-bottom:20px; }

#epage_qa_list{
	margin:0px auto;
	width:640px;
}

#epage_qa_list .question{
	background:url("../images/common/qa_ico_question.jpg") no-repeat;
	padding:5px 0px 15px 60px;
	margin-bottom:5px;
}

#epage_qa_list .question p{
	font-weight:bold;
	border-bottom:#999 1px dashed;
	padding-bottom:5px;
}

#epage_qa_list .answer{
	background:url("../images/common/qa_ico_answer.jpg") no-repeat;
	padding:1px 0px 0px 60px;
	margin-bottom:30px;
}

#epage_qa_list .answer a{ color:#09f; }



/* -------------------------------------------- */
/* 安心のサポート体制
/* -------------------------------------------- */
#epage_support_area{ margin-bottom:30px; }
#epage_support_area h3{ margin-bottom:20px; }

#epage_support_list{
	margin:0px auto;
	overflow:hidden;
	width:690px;
}

.epage_support_list_item{
	float:left;
	border:#f99 1px solid;
	margin:0px 0px 20px 20px;
	list-style:none;
	width:175px;
	height:160px;
	padding:5px 10px 5px 145px;
}

#epage_support_list #item_01{
	background:url("../images/top/epage_support_bg_01.jpg") no-repeat 5px 5px;
	margin-left:0px;
}

#epage_support_list #item_02{ background:url("../images/top/epage_support_bg_02.jpg") no-repeat 5px 5px; }

.epage_support_list_item dt{
	padding-top:5px;
	margin-bottom:5px;
}



/* -------------------------------------------- */
/* お申し込み・お問合せに関して
/* -------------------------------------------- */
.epage_contact_area{ margin-bottom:30px; }
.epage_contact_area h3{ margin-bottom:20px; }

.epage_contact_main_area{
	background:url("../images/top/epage_contact_bg.jpg") no-repeat;
	width:690px;
	height:360px;
	position:relative;
}

.epage_contact_item{
	width:690px;
	height:190px;
	position:absolute;
	top:0px;
	left:0px;
}

.epage_contact_item .catch{
	position:absolute;
	top:5px;
	left:25px;
}

.epage_contact_item .tel_no{
	position:absolute;
	top:97px;
	left:30px;
}

.epage_contact_item .lead{
	position:absolute;
	top:107px;
	left:360px;
}

.epage_contact_main_area .epage_contact_main_area{
	position:absolute;
	top:210px;
	left:70px;
	width:260px;
}

.epage_contact_main_area .contact_text{
	position:absolute;
	top:210px;
	left:65px;
}

.epage_contact_main_area .advertise_btn_area{
	position:absolute;
	top:255px;
	left:65px;
	width:480px;
}




/* -------------------------------------------- */
/* お申し込み・お問い合わせ
/* -------------------------------------------- */
.advertise_contact_area{
	margin:0px auto 20px;
	width:660px;
	height:210px;
	padding:10px 15px 15px;
	background:url("../images/top/contact_area_bg.jpg") no-repeat;
}

.advertise_top_area{
	border-bottom:#ccc 1px dashed;
	width:655px;
	height:125px;
	overflow:hidden;
}

.advertise_pic_area{
	float:left;
	width:180px;
}

.advertise_mail_area{
	float:right;
	width:460px;
	padding-top:5px;
}

.advertise_btn_area{
	padding-top:10px;
	overflow:hidden;
}

.mailbtn_area{
	width:230px;
}

.mailbtn_area p{text-align:center;}

.mailbtn_area.left{float:left;}
.mailbtn_area.right{float:right;}

.advertise_bottom_area{
	overflow:hidden;
	padding-top:10px;
}

.advertise_bottom_area dt{
	float:left;
	padding:5px 0px 0px 195px;
}

.advertise_bottom_area dd{
	float:left;
	padding-left:35px;
}





/* -------------------------------------------- */
/* こんな方にオススメ
/* -------------------------------------------- */
#epage_osusume_area{
	width:300px;
	height:440px;
	position:relative;
	background:url("../images/top/epage_osusume_bg.jpg") no-repeat;
	margin:0px auto 30px;
}

#epage_osusume_title{ position:absolute; top:26px; left:262px; }
#epage_osusume_subtitle{ position:absolute; top:46px; left:12px; }

.epage_osusume_main li{ list-style:none; }
#epage_osusume_point_01{ position:absolute; top:136px; left:82px; }
#epage_osusume_point_02{ position:absolute; top:239px; left:20px; }
#epage_osusume_point_03{ position:absolute; top:334px; left:83px; }



/* -------------------------------------------- */
/* 掲載の流れ
/* -------------------------------------------- */
#epage_flow_area{
	width:300px;
	height:570px;
	position:relative;
	background:url("../images/top/epage_flow_bg.jpg") no-repeat;
	margin:0px auto 30px;
}

#epage_flow_title{ position:absolute; top:0px; left:262px; }

.epage_flow_head{
	position:absolute;
	top:0px;
	left:0px;
	width:260px;
	height:50px;
}

#epage_flow_subtitle{ position:absolute; top:9px; left:12px; }

.epage_flow_main{
	position:absolute;
	top:50px;
	left:0px;
	width:260px;
	height:500px;
}

.epage_flow_list li{
	list-style:none;
	padding:14px 10px 21px 45px;
}

#epage_flow_list_01{ height:75px; }
#epage_flow_list_02{ height:75px; }
#epage_flow_list_03{ height:75px; }
#epage_flow_list_04{ height:80px; }
#epage_flow_list_05{ height:30px; padding-bottom:0px; }

.flow_item dt{ margin-bottom:3px; }



/* -------------------------------------------- */
/* イーページ会員プロフィール
/* -------------------------------------------- */
#epage_member_profile_area{
	width:300px;
	height:820px;
	position:relative;
	background:url("../images/top/epage_member_profile_bg.jpg") no-repeat;
	margin:0px auto 30px;
}

#epage_member_profile_title{ position:absolute; top:0px; left:262px; }

.epage_member_profile_head{
	position:absolute;
	top:0px;
	left:0px;
	width:260px;
	height:50px;
}

#epage_member_profile_subtitle{ position:absolute; top:9px; left:12px; }

.epage_member_profile_main{
	position:absolute;
	top:50px;
	left:0px;
	width:260px;
	height:500px;
}

.epage_member_profile_list li{ list-style:none; }
#epage_member_profile_01{ position:absolute; top:13px; left:10px; }
#epage_member_profile_02{ position:absolute; top:246px; left:10px; }
#epage_member_profile_03{ position:absolute; top:473px; left:10px; }



/* -------------------------------------------- */
/* プロモーション
/* -------------------------------------------- */
#epage_promotion_area{
	width:300px;
	height:820px;
	position:relative;
	background:url("../images/top/epage_promotion_bg.jpg") no-repeat;
	margin:0px auto 30px;
}

#epage_promotion_title{ position:absolute; top:0px; left:262px; }

.epage_promotion_head{
	position:absolute;
	top:0px;
	left:0px;
	width:260px;
	height:50px;
}

#epage_promotion_subtitle{ position:absolute; top:9px; left:12px; }

.epage_promotion_main{
	position:absolute;
	top:50px;
	left:0px;
	width:230px;
	height:240px;
	padding:10px 15px 0px;
}


/* -------------------------------------------- */
/* お客様の声
/* -------------------------------------------- */

#epage_jirei_point_area h3{ margin-bottom:20px; }

#epage_jirei_point_area .box{
	background:url("../images/jirei/epage_bg_jirei.jpg") repeat-x;
	overflow:hidden;
	margin-bottom:30px;
}

#epage_jirei_point_area .left{
	width:180px;
	float:left;
	text-align:center;
	padding:13px 0px 0px 15px;
}

#epage_jirei_point_area .right{
	width:450px;
	float:right;
	padding-right:10px;
}

#epage_jirei_point_area .right p.tit{
	width:450px;
	font-weight:bold;
	font-size:15px;
	padding:13px 0px 20px;
}

#epage_jirei_point_area  .right p.txt{
	width:450px;
	font-size:13px;
	margin-bottom:25px;
}

#epage_jirei_point_area  .right table{
	border-collapse:collapse;
	border-bottom:solid 1px #6C0;
	width:450px;
	margin-bottom:25px;
}

#epage_jirei_point_area  .right table caption{
	padding:0px;
	margin:0px;
	text-align:left;
}

#epage_jirei_point_area  .right table th{
	border-top:1px solid #6C0;
	border-left:1px solid #6C0;
	padding:0.2em;
	font-weight:normal;
}

#epage_jirei_point_area .right table td{
	border-top:1px solid #6C0;
	border-right:1px solid #6C0;
	padding:0.2em;
}