﻿@charset "utf-8";



#form h3 {

	margin-top: 0px;

}



.compulsoryLead {

	text-align: right;

	color: #CB5B77;

}



.compulsory {

	padding: 1px 5px 1px 4px;

	margin-right: 5px;

	background: #CB5B77;

	font-weight: normal;

	color: #FFF;

}



.tableIn {

	margin-left: 2px;

	font-size: 84.5%;

}



.marTop5 {

	margin-top: 5px;

}



.names {

	margin-right: 2px;

	font-weight: normal;

}



ul.errorMess {

	margin-bottom: 15px;

	list-style: none;

	color: #C1002A;

}



ul.errorMess li {

	padding: 5px 10px;

	background: #FAEEF1;

	border-bottom: #FFF solid 1px;

}



.companySign {

	text-align: right;

}



.immunities {

	padding: 10px 15px;

	background: #F2F2F2;

}



.immunities ul {

	list-style: none;

	font-size: 84.5%;

}



.immunities li {

	padding-left: 10px;

	background: url(/img/shelf/form/list_bg_g.gif) 1px 4px no-repeat;

}



#questionTitle {

	font-size: 110%;

}



.ojcections {

	line-height: 1.4;

}



.yearPoint {

	font-size: 100%;

}



.subscriptionOl {

	list-style: outside decimal;

	margin-left: 25px

}



.subscriptionOl img {

	margin: 0 2px;

	vertical-align: middle;

}



.subscriptionOl li {

	margin-bottom: 5px;

}



.subscriptionOl br {

	margin-bottom: 5px;

}



.notice {

	color: #C24260;

}



/* --------フォームのテーブル-------- */



#form .formTableIndex {

	width: 620px;

	font-size: 100%;

	margin-bottom: 20px;

	word-break: break-all;

}



#form .formTableIndex#userDecision {

	margin-bottom: 15px;

}



#form .formTableIndex textarea {

	height: 150px;

	width: 384px;

}



#form .formTableIndex td {

	vertical-align: top;

}



#form .formTableIndex .vmiddle {

	vertical-align: middle;

}



#form .formTableIndex span {

	font-size: 84.5%;

	font-weight: normal;

}



#form .formTableIndex span.yearPoint {

	margin-right: 10px;

	font-size: 100%;

}



/* --------定期購読フォームのテーブル-------- */



#form .formTablePeriodic {

	width: 470px;

	font-size: 100%;

	margin-bottom: 15px;

}



/*#form .formTablePeriodic col.ordering {

	width: 15%;

}*/



#form .formTablePeriodic th {

	padding: 7px 8px;

	background: #999;

	border-bottom: solid #FFFFFF 1px;

	text-align: center;

	vertical-align: middle;

	color: #FFF;

}



#form .formTablePeriodic th.orderTh {

	width: 70px;

	background: #69A4D1;

}



#form .formTablePeriodic td {

	padding: 7px 8px;

	background: #F4F4F4;

	border-bottom: solid #FFFFFF 1px;

	text-align: center;

	vertical-align: middle;

}



#form .formTablePeriodic td.checkTd {

	background: #E9E9E9;

}



#form .formTablePeriodic .secondTr td {

	background: #E5E5E5;

}



#form .formTablePeriodic .secondTr td.checkTd {

	background: #DBDBDB;

}



#form .formTablePeriodic td.totalPrice {

	padding: 0px;

}



#form .formTablePeriodic .checkedTr td {

	background: #c6e6ff;

}



#form .formTablePeriodic .checkedTr td.checkTd {

	background: #c6e6ff;

}



#form .formTablePeriodic tr.noCheck {

	color: #c4c4c4;

}



#form .formTablePeriodic td.totalPrice p {

	float: right;

	padding: 7px 0px;

	width: 210px;

	color: #FFF;

	background: #69A4D1;

	font-size: 110%;

	font-weight: bold;

}



#form .formTablePeriodic td.totalPrice input {

	margin: 0px 5px;

	width: 80px;

	text-align: right;

	font-weight: bold;

}



#form .formTablePeriodic td.totalPrice span {

	margin: 0px 5px;

	padding: 2px;

	width: 74px;

	border: #CCC solid 1px;

	background: #FFF;

	text-align: right;

	font-weight: bold;

	color: #343434;

}



/* --------フォームのテーブル 左セル-------- */



#form .formTableIndex .l {

	width: 190px;

	background: #E5E5E5;

	border-bottom: solid #FFFFFF 1px;

	font-weight: bold;

	padding: 9px 10px 9px 10px;

}



#form .formTableIndex .l2 {

	width: 190px;

	_width: 210px;

	background: #CCC;

	border-bottom: solid #FFFFFF 1px;

	font-weight: bold;

	padding: 9px 10px 9px 10px;

}



#form .formTableIndex .harf {

	background: #CCC;

	border-bottom: solid #FFFFFF 1px;

	font-weight: bold;

	padding: 9px 10px 9px 10px;

	width: 76px;

}



#form .formTableIndex .harf2 {

	background: #D9D9D9;

	border-bottom: solid #FFFFFF 1px;

	font-weight: bold;

	padding: 9px 10px 9px 10px;

	width: 94px;

}



#form .formTableIndex .confirmCell {

	background: #D9D9D9;

}



#form .formTableIndex .l span {

	display: block;

}



/* --------フォームの 右セル-------- */

#form .formTableIndex .r {

	width: 390px;

	background: #F4F4F4;

	padding: 9px 10px 9px 10px;

	border-bottom: solid #FFFFFF 1px;

}



#form .formTableIndex .confirmCell2 {

	background: #E9E9E9;

}



#form .formTableIndex .width1 {

	width: 350px;

	height: 14px;

	_height: 18px;

}



#form .formTableIndex .width2 {

	width: 100px;

	height: 14px;

	_height: 18px;

}



#form .formTableIndex .width3 {

	width: 300px;

	height: 14px;

	_height: 18px;

}



#form .formTableIndex .width4 {

	width: 130px;

	height: 14px;

	_height: 18px;

}



#form .formTableIndex .width5 {

	width: 8em;

	height: 14px;

	_height: 18px;

}



#form .formTableIndex .widthPost {

	width: 55px;

	height: 14px;

	_height: 18px;

	margin-right: 5px;

}



#form .formTableIndex .widthPost2 {

	width: 70px;

	height: 14px;

	_height: 18px;

	margin-left: 5px;

}



#form .formTableIndex .widthOld {

	width: 4em;

	height: 14px;

	_height: 18px;

}



#form .formTableIndex .widthTell {

	width: 150px;

	height: 14px;

	_height: 18px;

}



.lastname {

	float: left;

	margin-right: 10px;

	width: 130px;

}



.firstname {

	float: left;

	width: 250px;

}



input.radioBox {

	vertical-align: middle;

}



#women,

#noAnswer {

	margin-left: 30px;

}



/* --------検索ページのインデックスのテーブル　ボタン部分-------- */

#form .btnArea {

	text-align: center;

}



#form .btnArea input {

	margin-right: 10px;

}



/* クリアーフィックス

----------------------------------------------------*/

.clearFixs {

	zoom: 1; /*for IE 5.5-7*/

}

.clearFixs:after {/*for modern browser*/

	content: ".";

	display: block;

	height: 0px;

	clear :both;

	visibility :hidden;

}





































