@charset "utf-8";

/*----------------------------------------------------------
  Contents Section
----------------------------------------------------------*/

.attention {color: #FF0000;}
.align-right {text-align: right;}
.align-left {text-align: left;}
.align-center {text-align: center;}

.section-order h2.page-title,
.section-kiyaku h2.page-title,
.section-sample h2.page-title,
.section-catalog h2.page-title,
.section-proposal-code h2.page-title,
.section-contact h2.page-title {
  font-size: 1em;
  background: #ECEDFF;
  border-top: 1px dotted #CCCCCC;
  border-bottom: 1px dotted #CCCCCC;
  color: #0099CB;
  margin: 0 0 20px;
  padding: 3px 15px;
}

.section-order .page-body,
.section-kiyaku .page-body,
.section-sample .page-body,
.section-catalog .page-body,
.section-proposal-code .page-body,
.section-contact .page-body {
  margin: 0 10px;
}

.section-order table {
  border-collapse: separate;
}

.section-order table th, .section-order table td {
  padding: 3px 5px;
}

.section-order table.form th {
  font-weight: normal;
  background: #EDF0FF;
  width: 150px;
}


.section-kiyaku h3,
.section-sample h3,
.section-catalog h3 {
  font-size: 1em;
  color: #3d8404;
  background: #e7fdce;
  border: 1px dotted #CCCCCC;
  margin: 0 0 20px;
  padding: 3px 15px;
}

.section-kiyaku h4 {
  font-size: 1em;
  background: #ECEDFF;
  border-top: 1px dotted #CCCCCC;
  border-bottom: 1px dotted #CCCCCC;
  color: #0099CB;
  margin: 0 0 20px;
  padding: 3px 15px;
}

.section-kiyaku ol li {
  margin: 0 0 10px 20px;
}

.section-kiyaku ol ol {
  margin-top: 10px;
}

.section-kiyaku .terms div {
  margin: 0 0 20px;
}

.section-kiyaku .terms div p {
  margin: 0 0 10px;
}

.section-sample p,
.section-catalog p,
.section-proposal-code p,
.section-contact p {
  margin: 0 0 20px;
}
.section-sample p.last,
.section-catalog p.last {
  margin: 0;
}
.section-sample .message,
.section-catalog .message {
  padding: 30px;
  margin: 0 0 20px;
  border: 1px solid #D9ACA6;
}
#sample-order-no,
#catalog-order-no {
  font-weight: bold;
  font-size: 1.2em;
}
#sample-register-recommend,
#catalog-register-recommend {
  border: 2px solid;
  margin: 0 0 20px;
  padding: 10px 20px;
}



/*----------------------------------------------------------
  Magazine Section
----------------------------------------------------------*/

.section-magazine .page-body {
  margin-left: 5px;
}
.section-magazine .center {
  background: url(../../../../ec/campaign/point_change/magazine/mail_center.jpg) 0 0 repeat-y;
  padding: 10px 20px;
}

.section-magazine .message {
  text-align: center;
  padding: 30px;
  margin: 0 0 20px;
  border: 1px solid #D9ACA6;
  background: #FFFFFF;
}

#magazine-mail-form {
  margin: 20px 0 0;
}

/* dMailMaga(��merumaga2) */

div#dMailMaga {width:805px; font-size:90%; background: #FFFFFF;}

#dMailMaga .mgCenter {margin:10px auto;}
#dMailMaga .mgb05{margin-bottom:5px;}
#dMailMaga .mgb10{margin-bottom:10px;}
#dMailMaga .mgb20{margin-bottom:20px;}
#dMailMaga .mgT20{margin-top:20px;}
#dMailMaga .mgt40{margin-top:40px;}
#dMailMaga .mgL10{margin-left:10px;}
#dMailMaga .mgL15{margin-left:15px;}

#dMailMaga .link_icon {
	background:url(/user_data/packages/default/img/magazine/icon_link.gif) no-repeat left 4px;
	padding:0 0 0 8px;
}

#dMailMaga a:link {/*���K��̃����N*/
	color:#0090ff;
	text-decoration:underline;
}
#dMailMaga a:visited {/*�K���̃����N*/
	color:#0090ff;
	text-decoration:underline;
}
#dMailMaga a:hover {/*�}�E�X��̂����Ƃ�*/
	color:#0090ff;
	font-style:normal;
	text-decoration:none;
}
#dMailMaga a:active {/*�N���b�N��*/
	text-decoration:none;
}

/* For modern browsers */
#dMailMaga .clearfix:before,
#dMailMaga .clearfix:after {
    content:"";
    display:table;
}
#dMailMaga .clearfix:after {clear:both;}

/* For IE 6/7 (trigger hasLayout) */
#dMailMaga .clearfix {zoom:1;}

#dMailMaga .MailBox{
	border:#ffabc4 solid 1px;
	padding:0 15px 20px 9px;
	}

#dMailMaga .TimeSale {
	float:left;
	display:inline;
	background:url(/user_data/packages/default/img/magazine/bg01.jpg) no-repeat;
	width:357px;
	height:178px;
	margin:0 34px 18px 16px;
}

#dMailMaga .TimeSale p {
	margin:70px 25px 0 147px ;
}

#dMailMaga .PrecedenceSale {
	float:left;
	display:inline;
	background:url(/user_data/packages/default/img/magazine/bg02.jpg) no-repeat;
	width:357px;
	height:178px;
	margin-bottom:18px;
	
}

#dMailMaga .PrecedenceSale p {
	margin:68px 20px 0 160px ;
}

#dMailMaga .NewProduct {
	float:left;
	display:inline;
	background:url(/user_data/packages/default/img/magazine/bg03.jpg) no-repeat;
	width:357px;
	height:143px;
	margin:0 34px 18px 16px;
}

#dMailMaga .NewProduct p {
	margin:63px 25px 0 130px ;
}

#dMailMaga .Safe {
	float:left;
	background:url(/user_data/packages/default/img/magazine/bg04.jpg) no-repeat;
	width:357px;
	height:143px;
	margin-bottom:18px;
}

#dMailMaga .Safe p {
	margin:50px 15px 0 130px ;
}


#dMailMaga .Present {
	margin:20px 0 0 15px;}

#dMailMaga .PresentLeft {
	float:left;
	display:inline;
}

#dMailMaga .PresentMonth {
	float:left;
	display:inline;
	background:url(/user_data/packages/default/img/magazine/present_bg02.jpg) no-repeat;
	width:220px;
	height:139px;
}

#dMailMaga .PresentMonth .inner {
	margin:37px 0 0 10px;
}

#dMailMaga .PresentMonth .inner p {
	margin:0 0 0 13px !important;
}

#dMailMaga .Application {
	margin:0 22px 0 16px;
}
#dMailMaga .FormArea {
	background:#fff5ce no-repeat;
	height:210px;
}

#dMailMaga .FormLeft {
	float:left;
	display:inline;
	width:547px;
	padding:15px 10px;
}
#dMailMaga .SampleArea {
	float:left;
	display:inline;
	padding:25px 0 0 0;
}

#dMailMaga .SampleArea .inner {
	width:146px;
	height:115px;
	border:#ffe88f solid 5px;
	background-color:#fff;
	text-align:center;
}

#dMailMaga .SampleArea .inner img {
	margin:25px 0 0 0 ;
}

#dMailMaga dl.RadioBtn,dl.MailAdd{
	border-bottom:solid 1px #ffdd60;
	width:510px;
	margin:0 0 0 10px;
	padding:10px 0 0 5px;
	vertical-align:middle;
}

#dMailMaga dl.RadioBtn dt,dl.MailAdd dt{
	float:left;
	background:url(/user_data/packages/default/img/magazine/icon01.gif) no-repeat left 4px;
	padding-left:20px;
}

#dMailMaga dl.RadioBtn dd{
	margin-left:195px;
	padding-bottom:10px;
	line-height:150%;
}

#dMailMaga dl.RadioBtn dd input{
	padding-top:2px;
	border:none;
}

#dMailMaga dl.MailAdd dd{
	margin-left:110px;
	padding-bottom:10px;
}

#dMailMaga .labelsel {
	cursor:pointer;
	border:none;
}

#dMailMaga .areaSize{
	width:390px;
}

#dMailMaga .ConsentBtn {
	margin:10px 0 0 0;
	text-align:center;
}

#dMailMaga .WebSite {
	background:url(/user_data/packages/default/img/magazine/bg06.jpg) no-repeat;
	width:650px;
	height:75px;
	padding:0 0 0 90px;
}

#dMailMaga .WebSite .text {
	margin:32px 0 0 0 !important;
	width:470px;
	float:left;
}

#dMailMaga .WebSite .Btn {
	float:left;
	width:174px;
	margin:28px 0 0 0;
}

#dMailMaga .WebSite .text {
	font-size:100%;
}

#dMailMaga .Cautions {
	color:#ff0000;
	margin:15px 0 0 0;
}
/*----------------------------------------------------------
  Table Section
----------------------------------------------------------*/

#magazine-mail-form,
.section-sample table,
.section-catalog table,
.section-proposal-code table,
.section-contact table {
	border-bottom: 1px solid #D9ACA6;
	border-right: 1px solid #D9ACA6;
	
	border-collapse: separate;
	border-spacing: 0;
	
	font-size: 93%;
	width: 100%;
}
#magazine-mail-form th, #magazine-mail-form td,
.section-sample table th, #d_block .section-sample table td,
.section-catalog table th, #d_block .section-catalog table td,
.section-proposal-code table th, #d_block .section-proposal-code table td,
.section-contact table th, #d_block .section-contact table td {
	border-top: 1px solid #D9ACA6;
	border-left: 1px solid #D9ACA6;
	padding: 5px 10px;
	text-align: left;
	vertical-align: middle;
}
#magazine-mail-form th,
.section-sample table th,
.section-catalog table th,
.section-proposal-code table th,
.section-contact table th {
	color: #E6620B;
	background-color: #FFEBD2;
}
#magazine-mail-form.form th,
.section-sample table.form th {
  width: 150px;
}
table.form, table.list {margin: 0 0 10px;}
table.list th, #d_block table.list td {text-align: center;}
#d_block table.list td.align-left {text-align: left;}
#d_block table td.align-right, #d_block table.list td.align-right {text-align: right;}

#proposal-form-table th.action {width: 50px;}
#proposal-form-table th.code {width: 100px;}
#proposal-form-table th.qty {width: 80px;}
#proposal-form-table th.name {width: 120px;}
#proposal-form-table th.note {width: 230px;}

.section-proposal-code table {font-size: 80%;}
#regular-unavailable-item-1{font-size: 80%;}