@charset "utf-8";

/* ------------------------
         ヘッダー
------------------------ */

#headerTop_line {
	zoom: 1;
}

#headerTop_line:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/* ------------------------
メール配信サービス登録・停止
------------------------ */

#merumaga {
	margin-top: 10px;
	padding-bottom: 20px;
}

#merumagaHead {
	background: url(../img/title_merumaga.gif) no-repeat;
	font-size: 80%;
	height: 150px;
}

#merumagaHead p.top {
	padding-top: 100px;
}

div.shinkiToroku {
	margin-top: 10px;
}

div.shinkiToroku p {
	font-size: 80%;
}

h4.no1 {
	background: url(../img/toroku_1.gif) no-repeat;
	margin-top: 20px;
	padding: 7px 0 7px 35px;
	font-size: 90%;
	float: left;
}

h4.no2 {
	clear: both;
	background: url(../img/toroku_2.gif) no-repeat;
	margin-top: 10px;
	padding: 4px 0 7px 35px;
	font-size: 90%;
}

div.shinkiToroku img.btn1 {
	margin-top: 18px;
	margin-left: 20px;
	float: left;
}

div.shinkiToroku img.btn2 {
	margin-left: 20px;
	float: left;
}

/* ------------------------
  Step1：まずは地域を選択
------------------------ */

#searchArea {
	margin-top: 10px;
	background: url(../img/back_merumaga_area.gif) no-repeat;
	width: 950px;
	height: 140px;
}

#searchEnsen {
	margin-top: 10px;
	background: url(../img/back_merumaga_ensen.gif) no-repeat;
	width: 950px;
	height: 140px;
}

#searchArea table,
#searchEnsen table {
	position:relative;
	top: 65px;
	left: 4px;
	border-top: #D7D7D7 solid 1px;
	border-left: #D7D7D7 solid 1px;
	width: 942px;
}

#searchArea table td,
#searchEnsen table td {
	padding: 10px;
}

table td ul.areaName li {
	width: 100px;
}

/* ------------------------
 Step2：検索条件詳細を入力
------------------------ */

#jouken img.title_search {
	clear: none;
	margin-top: 0px;
}

ul.hindo li {
	width: 100px;
	float: left;
}

/* ------------------------
Step3：登録した検索条件を確認
------------------------ */

table.kakunin {
	margin-top: 10px;	
	border-top: #CCC solid 1px;
	border-right: #CCC solid 1px;
	width: 100%;
}

table.kakunin th,
table.kakunin td {
	padding: 5px;
	width: 200px;
	border-bottom: #CCC solid 1px;
	border-left: #CCC solid 1px;
	font-size: 80%;
}

table.kakunin th {
	background-color: #EEE;
	text-align: left;
	width: 20%;
	white-space: nowrap;
}

/* ------------------------
ご登録ありがとうございました画面
------------------------ */

div.center {
	margin: 20px 0;
	text-align: center;
	width: 100%;
}

div.center img {
	margin-top: 10px;
}

/* ------------------------
      メルマガ停止
------------------------ */

img.teishi {
	vertical-align: middle;
	margin-left: 20px;
}

/* ------------------------
     メルマガ停止(URL先)
------------------------ */

table td.teichiCheck {
	width: 30px;
	text-align: center;
}

div.teishiBtn {
	margin-top: 20px;
	margin-left: 300px;
	height: 40px;
}

div.teishiBtn p {
	margin-top: 8px;
	margin-right: 20px;
	padding-top: 5px;
	padding-left: 20px;
	background: url(../img/arrow_matomete.gif) no-repeat;
	background-position: left center;
	font-size: 80%;
	height: 20px;
	float: left;
}

/* ------------------------
 メール配信登録・管理画面 
------------------------ */

img.toroku {
	margin-top: 5px;	
}

table.tourokuService {
	clear: both;
	margin-top: 10px;	
	border-top: #CCC solid 1px;
	border-right: #CCC solid 1px;
	width: 100%;
}

table.tourokuService th,
table.tourokuService td {
	padding: 5px;
	border-bottom: #CCC solid 1px;
	border-left: #CCC solid 1px;
	font-size: 80%;
}

table.tourokuService th {
	background-color: #EEE;
	text-align: left;
	width: 20%;
	white-space: nowrap;
}

table.tourokuService td.gray {
	background-color: #EEE;
}

table.tourokuService td img.noImg {
	margin-top: 2px;
}

table.tourokuService td.btn {
	border-left: #CCC solid 0px;
	width: 1%;
}

#merumaga dl {
	zoom: 1;
}

dl:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#merumaga dt {
	margin-top: 1px;
	color: #990000;
	font-weight: bold;
	width: 50px;
	float: left;
}

#merumaga dd {
	width: 100px;
	float: left;
}

div.sakujo,
div.hozon {
	margin-top: 10px;
	font-size: 80%;
	width: 100%;
}

div.sakujo img,
div.hozon img {
	margin-left: 5px;
	vertical-align: middle;
}

div.sakujo {
	text-align: right;
}

div.hozon {
	margin-bottom: 20px;
	font-weight: bold;
	text-align: center;
}

div.settei {
	margin: 10px 0;
	font-size: 80%;
	zoom: 1;
}

div.settei:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.settei p {
	margin-top: 2px;
	margin-right: 20px;
	padding: 0px 3px;
	border: #C2D7A4 solid 1px;
	background: url(../img/back_narabikae.gif) repeat-x;
	color: #FFF;
	text-align: center;
	width: 70px;
	height: 20px;
	float: left;
}

/* ------------------------------------------
 メール配信サービス・メールアドレス登録 
------------------------------------------ */

p.logIn {
	margin-top: 5px;
	font-size: 80%;
	float: right;
}

p.logIn a {
	margin-left: 5px;
}

p.logIn img {
	vertical-align: middle;
}

/* ------------------------
          ボタン 
------------------------ */

div.btn {
	margin: 10px 0px 20px 0px;
	font-size: 80%;
	text-align: center;
	width: 100%;
}

div.btn img {
	margin-bottom: 5px;
}