@charset "utf-8";


/* 注文フロー設定です */
/* 更新日：12/6/5 */

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


.flowContents #HEADER{
	width:640px;
	overflow:hidden;
	margin:0 0 20px 0;
}

.flowContents #HEADER p.logo{
	float:left;
	width:74px;
	margin: 0;
}

.flowContents #HEADER p.pagetopLink,
.flowContents #HEADER h1,
.flowContents #HEADER p.stepBar{
	float:right;
	width:400px;
}

.flowContents #HEADER p.stepBar{
	margin:0 0 17px 0;
}
.flowContents #HEADER p.stepBar.kuchikomi {
	margin:0 0 8px 0;
}

.flowContents #HEADER p.pagetopLink{
	padding:6px 0 22px 0 ;
}

/* コンテンツ
--------------------------------------------------------------*/
.flowContents #CONTENTSAREA{
	margin-bottom:20px;
}

.flowContents #CONTENTSAREA .flowSection p{
	margin:0 0 5px 0;
	line-height:1.4 !IMPORTANT;
}
/* Orbis Step2.0 Start */
.flowContents #CONTENTSAREA .flowSection p.caution {
	margin-bottom: 10px;
	padding: 5px 15px;
	background-color: #fdfad5;
}
.flowContents #CONTENTSAREA .flowSection p.alert{
	padding: 13px;
	background-color: #ffc;
	border: 2px solid #e1b57c;
}


/* フッター
--------------------------------------------------------------*/
.flowContents #FOOTER .pageTop{
	margin-bottom:10px;
}

.flowContents #FOOTER .sslText{
	border-bottom:1px solid #d1d1d1;
	border-top:1px solid #d1d1d1;
	padding:3px 0;
	margin:0 0 12px 0;
	width:100%;
	height: 47px;
	overflow:hidden;
	clear:both;
}

.flowContents #FOOTER .sslText p{
	margin-top: 12px;
}

.flowContents #FOOTER .sslMark{
	width:107px;
	height: 75px;
	float:right;
}

.flowContents #FOOTER p{
	width:640px;
	float:left;
}

.flowContents #FOOTER .endText{
	width:100%;
	margin-bottom:10px;
	overflow:hidden;
}

.flowContents #FOOTER .copyrightImg{
	width:225px;
	float:left;
}

.flowContents #FOOTER .brandName{
	width:43px;
	float:right;
}



/*--------------------------------------------------------------
 共通要素
--------------------------------------------------------------*/
/*見出し*/
.flowContents h2{
	margin:0 0 6px 0;
}

.flowContents h2.loginID{
	font-size:130%;
}

.flowContents h2.hasBtn{
	background:url(/contents/images/order/h2_has_btn.gif) no-repeat left bottom;
	width:auto;
	height:31px;
	padding-right: 5px;
	overflow:hidden;
border-bottom:none;
}

.flowContents h2.hasBtn img.title{
	float:left;
	margin:7px 0 0 7px;
}

.flowContents h2.hasBtn a{
	float:right;
	display:block;
	margin:5px 0 0 0;
}



/*強調テキスト*/
.flowContents .attentionTxt{
	color:#CC0000;
	font-weight:bold;
}

.flowContents span.fontB{
	font-size:110%;
	font-weight:bold;
	color:#4c4c4c;
}

/* Orbis Step1.5 Start */
.flowContents p.fontB{
	font-size:110%;
	font-weight:bold;
}
/* Orbis Step1.5 End */

.fontL {
font-size:110%;
}

.flowContents span.appealP{
	font-size:110%;
	font-weight:bold;
	color:#e15285;
}

.flowContents span.appealPs{
	font-size:100%;
	font-weight:bold;
	color:#e15285;
}

.flowContents span.colorPs{
		color:#e15285;
}

.flowContents .attentionTxt em{
	font-weight:bold;
	font-style:normal;
}

/*注釈文*/
.flowContents .note,
.flowContents .note li{
	font-size:11px;
	text-indent:-1.5em;
}

.flowContents .noteT{
	font-size:9px;
	text-indent:-1.5em;
}

.flowContents .note2{
	text-indent:0;
	font-size:11px;
}

.flowContents ul.indentL1,
.flowContents ul.note{
	margin:0 0 10px 0;
}

.flowContents ul em{
	font-weight:bold;
	font-style:normal;
}

.flowContents .note li{
	list-style:none;
	margin-left:1.5em;
	line-height:1.3;
}

.flowContents p.note{
	margin-left:1.5em;
}

#offer-soldout-info {
	color: #e15285;
	font-weight: bold;
}

/*注釈ブロック*/
.flowContents .grayBox{
	background:#f3f3f3;
	padding:10px;
	color:#4c4c4c;
}

.flowContents .grayBbox{
	border:1px solid #c2c2c2;
	padding:15px;
}
.flowContents .blueBox{
	border:1px solid #c2c2c2;
	padding:10px 10px 0 10px;
	background-color:#ecf7f9;
}

/*インデントリスト*/
.flowContents ul.indentL1 li{
	text-indent:-1em;
	margin-left:1em;
	line-height:1.4;
	list-style:none;
}

.flowContents ul.indentL1-5 li{
	text-indent:-1.5em;
	margin-left:1.5em;
	list-style:none;
	padding:0 0 3px 0;
}

/* Orbis Step2.0 Start */
.flowContents ul.indentL1-5 li.msgList {
	padding-left:25px;
}
/* Orbis Step2.0 End */

.flowContents ul.indentL1-5 li input{
	vertical-align:middle;
}

:root .flowContents ul.indentL1-5 li input{
	vertical-align:text-top;
}


.flowContents ul.inputM li input{
	vertical-align:middle;
}

.flowContents p.indentL1-5 {
	text-indent:-1.5em;
	margin-left:1.5em !important;
}
/* safari only \*/  
body:first-of-type .flowContents p.indentL1-5 {   
	text-indent:-1.3em;
}

.flowContents ul.indentL1-7 li,
.flowContents p.indentL1-7 {
	text-indent:-1.9em;
	margin-left:1.7em !important;
}

.flowContents ul.indentL1-7 li{
	list-style:none;
	margin:0 0 0;
	padding:0;
	line-height: 1.5;
}

/* Orbis Step1.5 Start */
.flowSection ul.indentL1-7 li label.labelGray {
	color: #999999;
}

/* Orbis Step1.5 End */
:root .flowContents ul.indentL1-7 li{
	margin:0 0 5px;
}

/*通常リスト*/
.flowContents .nomalList li{
	padding-bottom:5px;
	list-style:none;
}

/*ディスクリスト*/
.flowContents .discList{
	width:620px;
	line-height: 1.4;
}

.flowContents ul.w620{
	width:auto !important;
}

.flowContents ul.w620 li{
	width:auto !important;
}


.flowContents .discList li{
	margin:0 0 0 18px;
	padding:0;
}

/* Orbis Step2.0 090-100 Start */
.flowContents .discList2 li{
	margin:0 0 0 18px;
	padding:0;
	color: #CC0000;
}
/* Orbis Step2.0 090-100 End */

/*インラインリスト*/
.flowContents ul.inlineList li{
	padding:0 10px 3px 0;
	display:inline;
	line-height: 1.5;
}

.flowContents .addTxt {
	position:relative;
	/position:static;
	top:-2px;
}

.flowContents ul.inlineList li .addinput01 {
	/margin-bottom: -1px;
}
/*インラインリスト2*/
.flowContents ul.inlineList2 li{
	padding:0;
	display:inline;
}

.flowContents ul.inlineList2 li a{
	padding:0 3px 0 0;
}

/*ページ遷移ボタンリスト1*/
.flowContents ul.pageLinkBtn{
	margin:0 0 25px 0;
	clear:both;
}

.flowContents ul.pageLinkBtn li{
	list-style:none;
	text-align:center;
	margin:0 10px;
}

/*ページ遷移ボタンリスト2*/

body{
	/width:95%;
	/position:relative;
}


.flowContents ul.pageLinkBtns{
	margin:-1px 0 30px 0;
	/margin-bottom: 29px;
	padding-top: 1px;
	width:100%;
	position: relative;
	min-height: 34px;
	_height: 34px;
	text-align: center;
}

.flowContents ul.pageLinkBtns.add02 {
	min-height: 43px;
	_height: 43px;
}

.flowContents ul.pageLinkBtns li {
	/*margin:1px 0 0 -120px;*/
	padding:0;
	list-style:none;
	text-align:center;
	/*
	width: 240px;
	position: absolute;
	top: 0;
	left: 50%;
	*/
	display: inline;
}
.flowContents ul.pageLinkBtns li.agreeBtn {                                                                                                 
	width: 240px;
	position: absolute;
	top: 0;
	left: 50%;
}
/*.flowContents ul.pageLinkBtns li.bigBtn {
	margin-left: -180px;
}*/

/*.flowContents ul.pageLinkBtns .linkBtnEntry {
	margin:1px 0 0 -170px;
	padding:0;
	list-style:none;
	text-align:center;
	width: 340px;
	position: absolute;
	top: 0;
	left: 50%;
}*/

.flowContents ul.pageLinkBtns li input{
	margin-top: 0;	
}

.flowContents ul.pageLinkBtns li.back{
	margin-top: 0px;
	margin-left: 0;
	width:200px;
	/*position: relative;*/
	position: absolute;
	left: 0;
	text-align: left;
	line-height: 40px;
}

.flowContents ul.pageLinkBtns li.back2{
	margin-top: 0;
	margin-left: 0;
	width:130px;
	/*position: relative;
	/position: static;*/
	position: absolute;
	left: 0;
	text-align: left;
	line-height: 40px;
}

.flowContents ul.pageLinkBtns li.back a{
/*	margin:10px 0 0 0;*/
	margin: 0;
	display:block;
}

/*左詰めボタンリスト*/
.flowContents .btnListL{
	width:100%;
	overflow:hidden;
	margin:0 0 10px 0;
}

.flowContents .btnListL li{
	list-style:none;
	float:left;
}

.flowContents .btnListL li img{
	margin-right:10px;
}

.flowContents .noCount{
	margin-left:15px;
	padding-left:0;
	margin:0 15px 15px 15px;
}

.flowContents .noCount li{
	list-style:none;
	margin-left:0;
	font-size:88%;
	padding-left:0;
	line-height:1.4;
}


/*オレンジボックス*/
.flowContents .orgBox{
	border:2px solid #c2c2c2;
	background:#fff0c4;
	padding:10px;
	width:616px;
	overflow:hidden;
	margin:0 0 20px 0;
}

.flowContents .orgBox .leftCol{
		width:565px;
	float:left;
}

.flowContents .orgBox p.ttl{
	font-weight:bold;
	color:#f28000;
	margin:0 0 7px 0;}

.flowContents .orgBox dl{
	width:565px;
	overflow:hidden;
	margin:0;
}

.flowContents .orgBox dl dt{
	font-weight:bold;
	margin:0;
	width:185px;
	float:left;
}

.flowContents .orgBox dl dd{
	width:380px;
	float:right;
	margin:0;
}

.flowContents .orgBox .fBtn{
	float:right;
}

.flowContents .orgBox .fBtn img{
	margin:8px 0 0 0;
}


/*ギフトカード入力エリア*/
.flowContents dl.giftCardBox{
	margin-top:-2px;
	_margin-top: -17px;
	font-weight:bold;
	background:#eaf7f6;
	border:2px solid #c2c2c2;
	padding:10px;
	width:616px;
	overflow:hidden;
}

.flowContents dl.giftCardBox dt{
	width:210px;
	float:left;
	padding:3px 0 0 0;
}

.flowContents dl.giftCardBox input.giftprice{
	margin:0 5px 0 0;
	text-align:right;
}

.flowContents dl.idBlock{
	background:#d7f0ed;
	border:1px solid #79cec4;
	color:#4c4c4c;
	width: 624px;
	overflow:hidden;
	margin:0 0 0 0;
	padding:5px 7px;
}

.flowContents dl.idBlock dt{
	width:150px;
	float:left;
	padding:4px 0 0 0 ;
}

.flowContents dl.idBlock dd{
	font-weight:bold;
	font-size:130%;
	margin:0;
	float:left;
}

.flowContents dl.idBlock02{
	background:#d7f0ed;
	border:1px solid #79cec4;
	color:#4c4c4c;
	_width: 590px;
	overflow:hidden;
	margin:0 0 0 0;
	padding:5px 7px;
}

.flowContents dl.idBlock02 dt{
	width:200px;
	float:left;
	padding:4px 0 0 0 ;
}

.flowContents dl.idBlock02 dd{
	font-weight:bold;
	font-size:130%;
	margin:0;
	float:left;
}



.flowContents #CONTENTSAREA .flowSection .messageBox .messageTxt {
margin-top: 15px;	
}


/*装飾テーブル*/
.flowContents table.layout{
	border-collapse:collapse;
	width:640px;
	border:2px solid #c2c2c2;
	margin:0 0 20px 0;
}

.flowContents table.layout em{
	font-weight:bold;
	font-style:normal;
}
.flowContents .tr_credit .inactive {
	color: #bfbfbf;
}
.flowContents table.layout td,
.flowContents table.layout th{
	border-top:2px solid #c2c2c2;
	color:#6b6b67;
}

/* Orbis Step2.0 Start */
.flowContents table.layout tr.dotLineCell td,
.flowContents table.layout tr.dotLineCell th{
	border-top:1px dotted #c2c2c2;
	color:#6b6b67;
}

/* Orbis Step2.0 End */
.flowContents table.layout tr.selectTr td,
.flowContents table.layout tr.selectTr th{
	border-bottom:2px solid #c2c2c2;
}

.flowContents table.layout td{
	color:#4c4c4c;
}

.flowContents table.layout th{
	background:url(/contents/images/order/line_dot.gif) repeat-y top right #f5f5ee;
	width:165px;
	padding:10px;
	text-align: left;
	line-height: 1.4;
}

.flowContents .showText1{
	vertical-align: top;
}

.flowContents table.layout th.noteCell{
	color:#4c4c4c;
}

.flowContents table.layout tr.cellH5 td,
.flowContents table.layout tr.cellH5 th{
	padding:5px 10px;
}

.flowContents table.layout thead th{
	text-align:center;
	width:auto;
}

.flowContents table.layout thead th.thL{
	text-align:left;
	overflow:hidden;
	vertical-align: top;
	line-height: 1.3;
}

.flowContents table.layout thead th .addindis{
	padding-top: 2px;
	_padding-top: 3px;
}

.flowContents table.layout thead th.thL img{
	position:relative;
	/position: static;
	top:0px;
}

.flowContents table.layout thead th.thL span{
	display:block;
	float:left;
	width:74px;
}

.flowContents table.layout thead th.thL img{
	float:right;
	margin:0;
	width:26px;
}

.flowContents table.layout thead th.cellL{
		text-align:left;
		width:110px;
}

.flowContents table.layout thead th.w165{	width:150px;}
.flowContents table.layout thead th.w75 {	width:69px; font-size:12px;}
.flowContents table.layout thead th.w80{	width:60px;}
.flowContents table.layout thead th.w90 {	width:80px;}
.flowContents table.layout thead th.w340{	width:320px;}
.flowContents table.layout thead th.w55{	width:30px;}
.flowContents table.layout thead th.w95 {	width:95px;}
/* Orbis PointPlusAt Start */
.flowContents table.layout thead th.w94 {  width: 94px;}
.flowContents table.layout thead th.w30 {  width: 30px;}
.flowContents table.layout thead th.w100 {  width: 100px;}
/* Orbis PointPlusAt End */

.flowContents table.layout th.standerd{
	background:url(/contents/images/order/line_dot.gif) repeat-y top right #f5f5ee !important;
	padding:10px;
	text-align:left;
}

td.standard{
	background:#fff !important;
}
	
.flowContents table.layout tr.cell2 th.second{
	width:85px;
/* Orbis Step2.0 End */
}

.flowContents table.layout tr.cell2 th.first{
	width:60px;
/* Orbis Step2.0 End */
	}
	
.flowContents table.layout tr.cell2 th.w110{
	width:90px;
}

.flowContents table.layout tr.cell2 th.hasIcon p{
	width: 85px;
}
.flowContents table.layout tr.cell2 th.hasIcon p span{
	width: 59px;
}

/*必須・推奨・任意*/
.flowContents table.layout .hasIcon p{
	margin:0 !important;
	width:165px;
	overflow:hidden;
}

.flowContents table.layout .hasIcon p span{
	float:left;
	width:129px;
	display:block;
}

.flowContents table.layout .hasIcon p span em{
	font-weight:normal;
	font-size:88%;
	padding-top:10px;
	font-style:normal;
	display:block;
}

.flowContents table.layout .hasIcon p img{
	float:right;
}

/*必須・推奨・任意　セル(小)*/
.flowContents table.layout tr.cell2 .hasIcon p{
	margin:0 !important;
/* Orbis Step2.0 Start */
/*	width:90px;*/
	width:auto;
/* Orbis Step2.0 End */
	overflow:hidden;
}

.flowContents table.layout tr.cell2 .hasIcon p span{
	float:left;
	width:64px;
	display:block;
}

.flowContents table.layout tr.cell2 .hasIcon p span em{
	font-weight:normal;
	font-size:88%;
	padding-top:10px;
	font-style:normal;
	display:block;
}

.flowContents table.layout tr.cell2 .hasIcon p img{
	float:none;
	width:26px;
}


.flowContents table.layout .hasIcon p img.lev1{
	margin-top:0.5em;
}

.flowContents table.layout .hasIcon p img.lev3{
	margin-top:2.5em;
}

.flowContents table.layout td{
	padding:10px;
}

.flowContents table.layout td.notSelect{
	padding:10px;
    background: none repeat scroll 0 0 #ffcccc;
    border: 2px solid #cc0000;
    margin: 0 0 15px;
}
.flowContents table.layout td.notSelect p.notSelect{
    background: url("/contents/images/basket/icon_attention.gif") no-repeat scroll left 0.1em rgba(0, 0, 0, 0);
    color: #cc0000;
    font-size: 115%;
    font-style: normal;
    font-weight: bold;
    margin:0 !important;
    padding: 0 0 0 25px;
}

.flowContents table.layout .addBox td {
	padding:10px 5px;
}

.flowContents table.layout .addBox td .addBoxTxt p {
	padding: 0 5px;
}

.flowContents table.layout .addBox td .addBoxTxt ul {
	margin: 0 5px;
	width: 600px;
}

.flowContents table.layout td select{
	color:#4c4c4c;
}
.flowContents table.layout td select:focus{
	outline: 1px solid #7f9db9;
}

.flowContents table.tdcells td{
	background:url(/contents/images/order/line_dot.gif) repeat-y top right;
}
.flowContents table.tdcells td.grayBg {
	background-color: #eeeeee;
}

.flowContents table.tdcells td.hasImg img{
	vertical-align:middle;
	margin:0 5px 0 0;
}

.flowContents table.tdcells th.end,
.flowContents table.tdcells td.end{
	background-image:none;
}

.flowContents table.layout tr.noPartition td,
.flowContents table.layout tr.noPartition th{
	border:none;
	padding:10px 10px 0 10px;
}

.flowContents table.layout tr.noPartition td select{
	margin:0 !important;
}

/*
.flowContents table.layout td select{
	width:250px;
}
*/

.flowContents table.layout td span.txt2{
	padding:0 4px;
}
.flowContents table.layout td span.bigText{
	font-size: 15px;
}

/* 2010/10/20追加 */
.flowContents table.tdcells tr.cellH5 td.ticket_money{
	padding-right: 7px;
	white-space: nowrap;
}

.flowContents table.layout .w640{width:620px;}
.flowContents table.layout .w120{width:100px;}
:root .flowContents table.layout .w120{width:120px;}
.flowContents table.layout .w200{width:120px;}
.flowContents table.layout td.w455{width:435px;}
.flowContents table.layout th.w180{width:160px;}
.flowContents table.layout th.w300{width:280px;}
.flowContents table.layout th.w200{width:180px;}
.flowContents table.layout th.w280{width:260px;}
.flowContents table.layout th.w325{width:305px;}
.flowContents table.layout th.w45{width:25px;}
.flowContents table.layout td .w15{width:15px;}
.flowContents table.layout td .w30{width:30px;}
.flowContents table.layout td .w35{width:35px;}
.flowContents table.layout td .w40{width:40px;}
.flowContents table.layout td .w45{width:45px;}
.flowContents table.layout td .w50{width:50px;}
.flowContents table.layout td .w60{width:60px;}
.flowContents table.layout td input.w140{width:140px;}
.flowContents table.layout td select.w40{width:40px;}
.flowContents table.layout td select.w130{width:130px;}
.flowContents table.layout td.w145 select{width:145px;}
.flowContents table.layout td.w350 select,
.flowContents table.layout td.w350 input{width:350px;}
.flowContents table.layout td.w250 input{width:250px;}
.flowContents table.layout td textarea{
	width:410px;
	height:120px;
	_heigh:300px;
}

.flowContents .switchShow {
	margin-right: 10px;
	float: left;
}

.flowContents .clear {
	clear: both;
}

.flowContents table.layout tr.lev1 th{
	background:url(/contents/images/order/line_dot.gif) repeat-y top right #ffcccc;
}

.flowContents table.layout tr.lev1 td{
	background:#ffcccc;
}

.flowContents table.layout tr.lev2 th{
	background:url(/contents/images/order/line_dot.gif) repeat-y top right #fff0c4;
	color:#f28000;
}

.flowContents table.layout tr.lev2 td{
	background:#fff;
}

.flowContents table.layout tr.lev2 h3 {
	font-size: 14px;
	color: #FF6699;
	letter-spacing: 1px;
	line-height: 1.5em;
}
.flowContents table.layout tr.lev2 .inputArea {
	margin: 25px 0 30px;
}
.flowContents table.layout td.twin input{
	width:145px;
	vertical-align:middle;
	margin:0 0 0 4px;
}

.flowContents .w620{
	width:620px !important;
}

.flowContents .w610{
	width:600px !important;
}

.flowContents table.layout td.twin span{
	width:200px;
	display:block;
	text-align:right;
	float:left;
}

.flowContents table.layout td.noPad{
	padding:10px 10px 0 0 !important;
}


.flowContents table.layout td.twin span.end {
	width:200px;
}

.flowContents table.layout td.twin span.txt{
	width:6.5em;
	display:block;
	float:left;
	text-align:left;
	padding:3px 0 0 0;
}

.flowContents table.noFrame td.twin span.end input{
	margin-right:7px;
}

.flowContents table.noFrame td.twin input{
	width:100px;
	vertical-align:middle;
	margin:0 0 0 4px;
}

.flowContents table.noFrame td.twin span{
	width:150px;
	display:block;
	text-align:right;
	float:left;
}


.flowContents table.noFrame td.twin span.end {
	width:155px;
	position:relative;
	/position: static;
	left:5px;
}


/*テーブル入れ子*/
.flowContents table.layout table{
	border-collapse:collapse;
	border:none;
	margin:0;
}

.flowContents table.layout table th,
.flowContents table.layout table td{
	margin:0;
	border:none;
	padding:0;
}

.flowContents table.layout table.thLeft th {
	text-align: left;
}

.flowContents table.layout table td{
	padding-bottom:10px;
}

.flowContents table.layout table tr.endLine td{
	padding:0;
}

.flowContents table.layout table td img{
	margin-right:10px;
}

/*注意文BOX*/
.flowContents .attentionArea{
	padding:10px;
	background:#FFCCCC;
	border:2px solid #cc0000;
	margin:0 0 15px;
}

.flowContents .attentionArea p.ttl{
	font-weight:bold;
	font-size:115%;
	padding:3px 0 3px 25px;
	background:url(/contents/images/basket/icon_attention.gif) no-repeat left 0.1em;
	margin:0;
	color:#CC0000;
	font-style:normal;
}

.flowContents .attentionArea p{
	margin:5px 0 5px 0;
}



/*金額計算Halfテーブル*/
.flowContents .halfTable{
	width:100%;
	overflow:hidden;
	zoom: 1;
}

.flowContents .halfTable .txtArea{
	line-height: 1.4;
}

.flowContents .halfTable table.halfCount{
	width:315px;
	float:right;
	border-collapse:collapse;
	margin-top:1px;
	margin-right:1px;
	color:#4c4c4c;
}

.flowContents .halfTable table.halfCount em{
	font-weight:bold;
	font-style:normal;
}


.flowContents .halfTable table.halfCount thead{
	background:#eaf7f6;
}

.flowContents .halfTable table.halfCount thead td{
	padding:10px 5px;
	border-bottom:2px solid #c2c2c2;
	border-left:2px solid #c2c2c2;
	border-top:2px solid #c2c2c2;
	margin-top:1px;
}
.flowContents .halfTable table.halfCount td.upLine{
	border-top: 1px solid #c2c2c2;
}
.flowContents .halfTable table.halfCount thead td.countCell{
	/* 2010/10/20padding追加 */
	padding-right: 6px;
	border-left:none;
	border-right:2px solid #c2c2c2;
}

.flowContents .halfTable table.halfCount td{
	border-bottom:1px solid #c2c2c2;
	/* 2010/10/20pdding修正 */
	padding:5px 8px 5px 5px;
}

.flowContents .halfTable table.halfCount td.noLine{
	border-bottom:none;
}

.flowContents .halfTable table.halfCount tr.ptB td{
	border-bottom:1px solid #4c4c4c;
}

.flowContents .halfTable table.halfCount tr.end td{
	border:none;
}

.flowContents .iconM img{
	vertical-align:middle;
}

/*枠線なしテーブル*/
.flowContents .noFrame{
	border-collapse:collapse;
}

.flowContents .noFrame th{
	padding:3px 5px 3px 0 !important;
	background:none !important;
	font-weight:normal;
	color:#4c4c4c !important;
}

.flowContents .noFrame td{
	padding:3px 0 !important;
}


/*2カラムグレー角丸BOX*/
.flowContents .col2Gray{
	background:url(/contents/images/order/graybox_top.gif) no-repeat top left;
	padding:5px 0 0 0;
	text-align:left;
}

.flowContents .col2Gray .inner{
	background:url(/contents/images/order/graybox_btm.gif) no-repeat bottom left;
	width:614px;
	overflow:hidden;
	padding:0 13px 20px 13px;
}

.flowContents .col2Gray .inner .colL{
	float:left;
	width:300px;
}

.flowContents .col2Gray .inner .colR{
	width:300px;
	float:right;
}

.flowContents .col2Gray .inner .colR .ttl{
	clear:both;
	margin:0 0 5px !important;
}

.flowContents .col2Gray .inner .colR .txt{
	margin:0 0 10px 0 !important;
	width:230px;
	float:left;
}

.flowContents .col2Gray .inner h3{
	margin:0 0 20px 0;
}

.flowContents .col2Gray .imgR{
	float:right;
	margin:0 0 20px 10px;
}

.flowContents span.length{
}

.flowContents table.layout th.endCell{
	background-image:none;
	font-weight:normal;
	width:auto;
}

.flowContents table.layout p em{
	font-weight:bold;
	font-style:normal;
}

.flowContents .agreement{
	height:90px;
	padding:10px;
	overflow:auto;
	background:#f1f1f1;
	margin:0 0 20px 0;
}

.flowContents .agreement h3{
	font-size:88%;
	margin:0 0 5px;
	padding:0;
}

.flowContents .agreement h2{
	margin-bottom:15px;
}

.flowContents .agreement h3{
	margin-bottom:10px;
}

.flowContents .agreement dl{
	margin-bottom:15px;
}

.flowContents .agreement dl,
.flowContents .agreement p{
	font-size:88%;
	margin-left:15px;
	line-height:1.4;
}

.flowContents #CONTENTSAREA .flowSection .noCount{
	margin-left:15px;
}

/*ログインカラム*/
.flowContents .loginSection h2{
margin:0;
}

.flowContents .loginSection{
margin:0 0 20px 0;
}

.flowContents .loginSection{
background:url(/contents/images/order/col2_graybox_top.gif) no-repeat top left;
padding:17px 0 0 0;
}

.flowContents .loginSection .inner{
background:url(/contents/images/order/col2_graybox_btm.gif) no-repeat bottom left;
padding:0 0 17px 0;
width:100%;
overflow:hidden;
}

.flowContents .loginSection .leftBg{
background:url(/contents/images/order/col2_graybox_btm2.gif) no-repeat bottom left !important;
}

.flowContents .loginSection .leftBg .hasBg{
	background:url(/contents/images/order/col2_graybox_btm3.gif) no-repeat bottom right !important;
	padding-bottom:20px !important;
}


.flowContents .loginSection .inner h2{
margin:0 0 10px 0;
}

.flowContents .loginSection .inner .first{
width:282px;
float:left;
padding:0 10px 0 13px;
}

.flowContents .loginSection .inner .loginBox{
background:#f0f0e9;
margin:0 0 15px 0;
padding:10px;
}

.flowContents .loginSection .inner .loginBox dl{
width:262px;
overflow:hidden;
margin:0 0 5px 0;
padding:0;
}

.flowContents .loginSection .inner .loginBox dl dt{
font-weight:bold;
width:130px;
float:left;
text-align:right;
padding:0 10px 0 0 ;
}

.flowContents .loginSection .inner .first dl dd{
float:right;
width:122px;
margin:0;}

.flowContents .loginSection .inner .first dl dd input{
	width:115px;
}

.flowContents .loginSection .inner .first p.layoutC input{
/*	vertical-align:text-top;
*/}

.flowContents .loginSection .inner .end2,
.flowContents .loginSection .inner .end{
width:284px;
float:right;
padding:0 13px 0 15px;
}

.flowContents .loginSection .inner .end2{
	padding:53px 13px 0 15px;
	background:url(/contents/images/order/graybox_top2.gif) no-repeat top right;
}

.flowContents .loginSection .inner .end dl dd{
	background:#f0f0e9;
	padding:9px;
}

.flowContents .loginSection .inner .end dl dt img{
	vertical-align:bottom;
}

.flowContents .loginSection .inner .end dl dd p{
	margin:0 0 5px 0;
}

.flowContents .loginSection .inner .end dl dd ul li{
	list-style:none;
	margin:0 0 2px 0;
	padding:0;
}

.flowContents .loginSection .inner .end dl dd ul{
	margin:0 0 5px;
}

.flowContents .loginSection .inner .end dl dd ul li img{
	vertical-align:bottom;
}

.flowContents .attentionTxtB{
	color:#CC0000;
	font-weight:bold;
}

/**/
.flowContents table.layout td.falseParent{
	padding:0 !important;
}

.flowContents table.layout td.falseParent .inlineList{
	margin:10px 0 10px 10px;
}

.flowContents table.layout td.falseParent .falseTd1,
.flowContents table.layout td.falseParent .falseTd2{
	padding:8px;
	border-top:2px solid #c2c2c2 !important;
}


/*マージン調節*/
.flowContents .layoutC{text-align:center;}
.flowContents .layoutR{text-align:right;}
.flowContents a.iconR img{margin:0 0 0 3px; vertical-align:middle;}
.flowContents a.iconR2 img{margin:0 0 0 3px; vertical-align:middle;}
.flowContents input,
.flowContents img.icon{margin:-2px 5px 1px 0 ;/margin-right: 2px;}
.flowContents img.iconL{margin:0 0 0 5px; vertical-align:middle;}
.flowContents table input{vertical-align:middle; padding: 2px;}
.flowContents table input:focus{outline: 1px solid #7f9db9;}
.flowContents p img{vertical-align:bottom;}
.flowContents .mg0{margin-bottom:0px !important;}
.flowContents .mg5{margin-bottom:5px !important;}
.flowContents .mg10{margin-bottom:10px !important;}
.flowContents .mg15{margin-bottom:15px !important;}
.flowContents .mg20{margin-bottom:20px !important;}
.flowContents .mg25{margin-bottom:25px !important;}
.flowContents .mg30{margin-bottom:30px !important;}
.flowContents .mg35{margin-bottom:35px !important;}

.flowContents .blockIndent{margin-left:2.5em !important; }
.flowContents .blockIndent img{vertical-align:text-bottom;}
.flowContents .txtB{ font-weight:bold; font-style:normal;}
.flowContents .errorText{font-weight:bold; color:#cc0000; padding:3px 0 0 17px; background:url(/contents/images/order/icon_attention.gif) no-repeat left 0.4em;}
.flowContents .firstError{padding:0 0 0 17px !important; background:url(/contents/images/order/icon_attention.gif) no-repeat left 0.2em !important;}
.flowContents .fontL{
	font-size:110%;}

/* Orbis Step1.1 Start */
.flowContents .errorText4,
.flowContents .errorText3,
.flowContents .errorText2{ padding:0 0 0 18px; background:url(/contents/images/order/icon_attention.gif) no-repeat left 3px;}
/* Orbis Step1.1 End */


/* Orbis Step1.1 Start */
.flowContents .errorText4 em,
.flowContents .errorText3 em,
.flowContents .errorText2 em{
	font-style:normal;
	font-weight:bold;
	color:#cc0000;
}
/* Orbis Step1.1 End */

.flowContents .errorText2{
		display:none;
}

.flowContents .errorText3 {
	background-position: left 2px;
}
/* Orbis Step1.1 Start */
.flowContents .errorText4 {
	background-position: 165px 2px;
}
/* Orbis Step1.1 End */
	
.flowContents	a:hover{
		color:#e15285;
	}
	
.flowContents .attention{ color:#CC0000;}
	
/* Orbis Step2.0 090-100 Start */
.flowContents .attention2{ color:#FF9900;}
/* Orbis Step2.0 090-100 End */
	
.textR {
	text-align: right;
}

.cardExp{
	margin: 0.2em 0 0.2em 1em!important;
}
	
/*エラーボックス*/
.flowContents .attentionBox{
	background:#ffcccc;
	border:2px solid #cc0000;
	padding:10px 14px;
	margin:0 0 20px 0;
	display:none;
}

.flowContents .attentionBox p{
	background:url(/contents/images/order/icon_attentionbox.gif) no-repeat left top;
	padding:2px 0 2px 24px;
	font-size:115%;
	font-weight:bold;
	color:#cc0000;
}

a.errorQuestion {
	padding-right:15px;
}

a.errorQuestion span{
	margin-right: -1.2em;
	margin-left: -0.4em;
	padding:0px 17px 0 0;
	background:url(/contents/images/order/question_mark02.gif) no-repeat right 0.1em;
	position: static;
}

/*入力エリア*/
.flowSection table input.address{
	width:200px;
}

.addAddressareaTxt {
	margin-bottom: 0px!important;
}

.flowSection table .addressarea .addressbtn {
	position: relative;
	/position: static;
	top: 2px;
}

.flowSection table .addressarea .addressbtn02 {
	position: relative;
	/position: static;
	top: -1px;
	/margin-top:-4px;
}

.flowSection table .addressbtn03 {
	position: relative;
	/position: static;
	top: -1px;
	margin-top: -5px;
}

/*上部2カラムエリア*/
.flowContents .ttlArea{
	padding:0;
	overflow:hidden;
	width:640px;
	margin:0 0 10px 0;
}

.flowContents .ttlArea p{
	margin:0;
}

.flowContents .ttlArea div.first{
	float:left;
	width:440px;
}

.flowContents .ttlArea p.end{
	float:right;
	text-align:right;
	width:210px;
}

.flowContents .jsOn{
	display:none;
}

/*アンケート入力エリア 101202追加*/
.flowSection .enquete {
	margin-bottom: 20px;
	padding: 17px 19px;
	border: 2px solid #c2c2c2;
	font-size: 12px;
	line-height: 130%;
	color: #4c4c4c;
}
.flowSection .enquete.lev1 {
	background-color: #fcc;
}
.flowSection .enquete h3 {
	padding-bottom: 7px;
	font-size: 13px;
	font-weight: bold;
}
.flowSection .enquete p {
	padding-top: 10px;
}
.flowSection .enquete p.errorText {
	padding:3px 0 0 17px
}
.flowSection .enquete ul {
	margin: 13px 0 7px;
	list-style-type: none;
}
.flowSection .enquete li {
	padding: 2px 0;
}
.flowSection .enquete li input {
	margin-right: 5px;
	vertical-align: middle;
}
.flowSection .enquete li label {
	vertical-align: middle;
}
.flowSection .enquete textarea {
	width: 410px;
	height: 70px;
}

/* はてなマーク */

a.questionM {
	padding:0 17px 0 0;
	line-height:1.4;
}

a.questionM span{
	margin-right: -1.2em;
	margin-left: -0.4em;
	padding:0px 17px 0 0;
	background:url(/contents/images/recommend/question_mark.gif) no-repeat right 0;
	position: static;
}


/* 下記追記：要マージ */

span.addressbox{
	border:#CCCCCC 1px solid;
	background:#E1E1E1;
	padding:3px 4px;
	/padding:1px 4px;
	zoom: 1;
}

.loginSection .inner .first .loginBox table{
width:270px;
margin-bottom:0px;
border-collapse:collapse;
}

.loginSection .inner .first .loginBox table th{
font-weight:bold;
width:140px;
text-align:right;
padding:0 0 10px 0;
font-size:12px;
}

.loginSection .inner .first .loginBox table td{
width:122px;
vertical-align:middle;
padding:3px 0 10px 0;
}

.loginSection .inner .first .loginBox table input{
	width:115px;
}

.flowContents .fontS{
	font-size:80%;
}

.flowContents .passNotice1{
	font-size:80%;
	background-color: #f1f1f1;
	line-height: 170%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック","Osaka","Arial";
}

.flowContents .passNotice2{
	font-size:80%;
	background-color: #f1f1f1;
}

input.username{height: 1.2em;}

html>/**/body .jsTable { display /*\**/: inline-block\9 }



/* クチコミ_ニックネーム登録 */
#CONTENTSBODY.kuchikomi p {
	font-size: 12px;
	line-height: 158%;
}
#CONTENTSBODY.kuchikomi p.lead {
	margin-bottom: 26px;
}

#CONTENTSBODY.kuchikomi h2.commonTitle {
	position: relative;
	height: 31px;
	margin-bottom: 20px;
	background: url(../../images/category/h2_title_line.gif) no-repeat scroll left top #F6F6F6;
}
#CONTENTSBODY.kuchikomi h2.commonTitle img {
	position: absolute;
	top: 9px;
	left: 9px;
}
#CONTENTSBODY.kuchikomi .nickname {
	padding: 10px 5px 10px 10px;
	margin-bottom: 28px;
	border: 2px solid #ccc;
	background-color: #f0f0e9;
}
#CONTENTSBODY.kuchikomi .nickname input {
	width: 143px;
	margin: 0 18px 0 5px;
	border: 1px solid #809db9;
	background-color: #fff;
}
#CONTENTSBODY.kuchikomi .nickname .ex {
	margin-right: 5px;
	color: #808080;
}
#CONTENTSBODY.kuchikomi .nickname .note {
	color: #c00;
}
#CONTENTSBODY.kuchikomi .nickname * {
	vertical-align: middle;
	font-size: 12px;
	line-height: 110%;
}
#CONTENTSBODY.kuchikomi .guideline {
	height: 128px;
	margin: 8px 0 30px;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	overflow-y: scroll;
}
#CONTENTSBODY.kuchikomi .guideline .inner {
	width: 600px;
}
#CONTENTSBODY.kuchikomi .guideline .inner h2 {
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
}
#CONTENTSBODY.kuchikomi .guideline .inner h3 {
	margin-top: 15px;
	font-size: 10px;
	line-height: 120%;
	font-weight: bold;
}
#CONTENTSBODY.kuchikomi .guideline .inner p {
	margin: 6px 0 0 20px;
	font-size: 10px;
	line-height: 150%;
}
#CONTENTSBODY.kuchikomi .guideline .inner ol {
	list-style-type: decimal;
	margin: 6px 0 0 20px;
	padding: 0 0 0 5px;
}
#CONTENTSBODY.kuchikomi .guideline .inner ul {
	list-style-type: disc;
	margin: 0 0 0 10px;
	padding: 0 0 0 5px;
}
#CONTENTSBODY.kuchikomi .guideline .inner li {
	font-size: 10px;
	line-height: 150%;
}
#CONTENTSBODY.kuchikomi .guideline .inner p.date {
	text-align: right;
}
#CONTENTSBODY.kuchikomi .button {
	position: relative;
	z-index: 1;
	text-align: center;
}
#CONTENTSBODY.kuchikomi .navi {
	position: relative;
	width: 640px;
	height: 30px;
	z-index: 2;
}
#CONTENTSBODY.kuchikomi .navi div {
	position: relative;
	z-index: 2;
	margin-top: -24px;
}
#CONTENTSBODY.kuchikomi .navi .prev {
	float: left;
	font-size: 12px;
}

#CONTENTSBODY td.tableT{
background: url("/contents/images/h_dotline.gif") repeat-x scroll left top transparent;
border-top:0;
padding:10px;

}
#CONTENTSBODY td.tableL{
background: url("/contents/images/order/line_dot.gif") repeat-y scroll left top transparent;
width:90px;
}
#CONTENTSBODY td.tableN{
background:none;
}

#CONTENTSBODY .flowSection ul.txtlist{
padding:0 0 0 20px;
}
#CONTENTSBODY .flowSection ul.txtlist li{
line-height:1.5;
}


/*金額計算Halfテーブル*/
.flowContents .halfTable{
	width:100%;
	overflow:hidden;
	zoom: 1;
}

.flowContents .halfTable .txtArea{
	line-height: 1.4;
}

.flowContents .halfTable table.halfCount{
	width:315px;
	float:right;
	border-collapse:collapse;
	margin-top:1px;
	margin-right:1px;
	color:#4c4c4c;
}

.flowContents .halfTable table.halfCount em{
	font-weight:bold;
	font-style:normal;
}


.flowContents .halfTable table.halfCount thead{
	background:#eaf7f6;
}

.flowContents .halfTable table.halfCount thead td{
	padding:10px 5px;
	border-bottom:2px solid #c2c2c2;
	border-left:2px solid #c2c2c2;
	border-top:2px solid #c2c2c2;
	margin-top:1px;
}

.flowContents .halfTable table.halfCount thead td.countCell{
	/* 2010/10/20padding追加 */
	padding-right: 6px;
	border-left:none;
	border-right:2px solid #c2c2c2;
}

.flowContents .halfTable table.halfCount td{
	border-bottom:1px solid #c2c2c2;
	/* 2010/10/20pdding修正 */
	padding:5px 8px 5px 5px;
}

.flowContents .halfTable table.halfCount td.noLine{
	border-bottom:none;
}

.flowContents .halfTable table.halfCount tr.ptB td{
	border-bottom:1px solid #4c4c4c;
}

.flowContents .halfTable table.halfCount tr.end td{
	border:none;
}

.flowContents .halfTable table.halfCount tr.innertax td{
	padding:0px 8px 5px 5px;
	border:none;
}

.flowContents .iconM img{
	vertical-align:middle;
}

.flowContents .halfTable.charityTotal {
	display: none;
}
.flowContents .halfTable.charityTotal table.halfCount thead,
.flowContents .halfTable.charityTotal table.halfCount tbody{
	background:#ffffe2;
}

.flowContents .halfTable.charityTotal table.halfCount thead td{
	padding:10px 5px;
	border-bottom:none;
	border-left:2px solid #c2c2c2;
	border-top:2px solid #c2c2c2;
	margin-top:1px;
}
.flowContents .halfTable.charityTotal table.halfCount thead td#charityAmount {
	padding:10px 5px;
	border-bottom:none;
	border-left:none;
	border-top:2px solid #c2c2c2;
	border-right:2px solid #c2c2c2;
	margin-top:1px;
}

.flowContents .halfTable.charityTotal table.halfCount tbody td.message{
	padding:10px 5px;
	border-bottom:2px solid #c2c2c2;
	border-left:2px solid #c2c2c2;
	border-right:2px solid #c2c2c2;
	border-top:none;
	margin-top:1px;
	line-height: 153%;
}



/* メールマガジン 2011/7/4追加 */
.flowContents #CONTENTSAREA .mailMagazineNew {
	margin-bottom: 20px;
	padding-bottom: 22px;
	background: url(../../images/order/mmaga_frame.gif) no-repeat left bottom;
}
.flowContents #CONTENTSAREA .mailMagazineNew ol {
	margin: 0 0 0 26px;
	padding: 0;
	list-style-type: none;
}
.flowContents #CONTENTSAREA .mailMagazineNew ol li {
	padding-top: 8px;
}
.flowContents #CONTENTSAREA .mailMagazineNew ul {
	margin: 16px 0 0 26px;
}
.flowContents #CONTENTSAREA .mailMagazineRepeat {
	margin-bottom: 20px;
}
.flowContents #CONTENTSAREA .mailMagazineRepeat .mailMagazineInner {
	width: 640px;
	position: relative;
	padding-bottom: 24px;
	background: url(../../images/order/mmaga_frame.gif) no-repeat left bottom;
}
.flowContents #CONTENTSAREA .mailMagazineRepeat .mailMagazineInner img.fukidashi {
	position: absolute;
	right: 19px;
	top: 18px;
}
.flowContents #CONTENTSAREA .mailMagazineRepeat .mailMagazineInner img.illust {
	position: absolute;
	right: 13px;
	bottom: -6px;
	_bottom: -7px;
}
.flowContents #CONTENTSAREA .mailMagazineRepeat .mailMagazineInner ol {
	margin: 12px 0 10px 23px;
	padding: 0;
	list-style-type: none;
}
.flowContents #CONTENTSAREA .mailMagazineRepeat .mailMagazineInner li {
	padding-top: 3px;
}
.flowContents #CONTENTSAREA .mailMagazineRepeat .mailMagazineInner .check {
	width: 392px;
	margin: 10px 0 0 38px;
	padding: 12px;
	background-color: #fdfad5;
	overflow: hidden;
	/zoom: 1;
}
.flowContents #CONTENTSAREA .mailMagazineRepeat .mailMagazineInner .check .box {
	float: left;
	margin: 4px 13px 0 0;
	padding: 5px;
	background-color: #e15285;
	text-align: center;
}
.flowContents #CONTENTSAREA .mailMagazineRepeat .mailMagazineInner .check .box input {
	margin: 0;
	padding: 0;
}
.flowContents #CONTENTSAREA .mailMagazineRepeat .mailMagazineInner .check p {
	margin: 0;
	line-height: 1.3;
	overflow: hidden;
	/zoom: 1;
}



#CONTENTSAREA .pd0{
padding:0px!important;
}



/* 購入手続き login
--------------------------------------------------------------*/
.loginSection .inner .first .loginBox table input.input1{
width:170px;
}

.loginSection .attentionTxtC ul{
list-style:none;
margin:3px 0 0;
}
.loginSection .attentionTxtC ul li{
text-indent:-1em;
padding-left:1em;
}


/* 110812 */
.flowContents dl.idBlock02 dd span{
font-size:13px;
font-weight:normal;
}



/* 完了画面SNSブロック
--------------------------------------------------------------*/
#CONTENTSAREA .snsContainer {
	margin: 28px 0 0;
	padding: 14px 15px 9px;
	border: 1px solid #d0d0d0;
}
#CONTENTSAREA .snsContainer p {
	padding: 10px 0 15px;
	line-height: 1.5;
}
#CONTENTSAREA .snsContainer ul {
	height: 38px;
	list-style-type: none;
	overflow: hidden;
	/zoom: 1;
}
#CONTENTSAREA .snsContainer li {
	float: left;
	margin-right: 20px;
	line-height: 32px;
}
#CONTENTSAREA .snsContainer li a img {
	float:left;
	margin-right: 10px;
}
#CONTENTSAREA .completeBanner img {
	margin-top: 20px;
}
#CONTENTSAREA .inlineList2 {
	margin-top: 60px;
}

/*ログインボックス　パスワード変更注記文言*/

.flowContents .loginSection .loginPw{
background:url(/contents/images/order/pw_graybox_top.gif) no-repeat top left;
margin:15px 0 0 0;
padding:17px 0 0 0;
}

.flowContents .loginSection .innerPw{
background:url(/contents/images/order/pw_graybox_btm.gif) no-repeat bottom left;
padding:0 0 17px 0;
width:100%;
overflow:hidden;
}

.flowContents .loginSection .innerPw .first{
width:617px;
float:left;
padding:0 10px 0 13px;
}

/* 20130827 プロフィール登録 */
.orderList {
    margin: 0 15px 15px;
    padding: 0 0 0 5px;	
}

.orderList li{
	font-size:88%;
	
}

#CONTENTSAREA div.myprofile ul{
	list-style:none;
}

#CONTENTSAREA div.myprofile table ul.checkList li {
	margin-right: 20px;
	word-break: keep-all;
	white-space: nowrap;
	float: left;
}

#CONTENTSAREA div.myprofile table ul.checkList02 li {
	margin-right: 10px;
}
#CONTENTSAREA div.myprofile table ul.checkList li input {
	margin-right: 5px;
}
#CONTENTSAREA div.myprofile table textarea {
	width : 381px;
	height: 300px;
}

//.flowContents ul.pageLinkBtns li.profileBtn {
//	margin:1px 0 0 -121px;
//}
h2.commonTitle {
	position: relative;
	height: 31px;
	margin-top: 20px;
	padding: 0;
	background: url(../../images/category/h2_title_line.gif) no-repeat scroll left top #F6F6F6;
}
h2.commonTitle img {
	position: absolute;
	top: 9px;
	left: 9px;
}
h2.commonTitle span {
	display: block;
	padding: 9px 9px 0 9px;
	font-size: 14px;
	line-height: 120%;
	font-weight: bold;
	color: #71C8C1;
}

.flowContents .profileAgreement{
	height:180px;
	padding:10px;
	overflow:auto;
	background:#f1f1f1;
	margin:0 0 20px 0;
}

.flowContents .profileAgreement h3{
	font-size:88%;
	margin:0 0 5px;
	padding:0;
}

/* Orbis Step2.0 Start */

.flowContents table.layout tr.cellH5 td.end .noteP {
	font-size:11px;
	color:#e05285;
}

.flowContents table.layout tr.cellH5 td.end .noteB {
	font-size:11px;
	color:#00a1e9;
}

/* Orbis Step2.0 End */

/* 2014/01/22 スキンチェック改修 Start */
.flowContents #HEADER p.beforeSampleH{
	height: 24px;
}

/* ページ遷移ボタンリスト ボタンサイズ違い
  (スキンチェックセット・サンプル申し込みページ) */
.flowContents ul.pageLinkBtnsSkincheck{
	overflow: hidden;
	*zoom: 1;
}
.flowContents ul.pageLinkBtnsSkincheck li {
	list-style: none;
	padding: 0 60px;
	text-align: center;
	line-height: 1;
}
.flowContents ul.pageLinkBtnsSkincheck li.back {
	padding: 0;
	width: 60px;
	float: left;
	text-align: left;
	line-height: 40px;
}
.flowContents ul.pageLinkBtnsSkincheck li.next {
	padding: 0;
	width: 60px;
	float: right;
	text-align: right;
	line-height: 40px;
}
.flowContents ul.pageLinkBtnsSkincheck input {
	margin: 0;
	outline: none;
}

.flowContents table.layout tr.cellH5 td.end .noteP {
	font-size:11px;
	color:#e05285;
}

.flowContents table.layout tr.cellH5 td.end .noteB {
	font-size:11px;
	color:#00a1e9;
}

/* スキンチェック*/
.flowContents div.skincheckSampleNoteBlock{
	overflow: hidden;
	/zoom: 1;
	margin-bottom: 15px;
}
.flowContents div.skincheckSampleNoteBlock .text {
	float: left;
	width: 520px;
}
.flowContents div.skincheckSampleNoteBlock .btn {
	float: right;
	width: 105px;
}
.flowContents p.skincheckSampleNote{
	font-size: 14px;
}
.flowContents p.skincheckSampleNote{
	font-size: 14px;
}
.flowContents table.skincheckSample{
	width:640px;
	border:2px solid #c2c2c2;
	border-left:none;
	margin:0 0 20px 0;
	border-spacing:0;
}
.flowContents table.skincheckSample td,
.flowContents table.skincheckSample th{
	border-left:2px solid #c2c2c2;
}
.flowContents table.skincheckSample td{
	color:#4c4c4c;
	background:url("/contents/images/h_dotline.gif") repeat-x bottom right #fff;
	padding: 10px;
}
.flowContents table.skincheckSample .checkbox{
	width: 60px;
	text-align: center;
}
.flowContents table.skincheckSample .productName{
	width: 420px;
}
.flowContents table.skincheckSample .oteire{
	width: 170px;
}
.flowContents table.skincheckSample tr.last td{
	background:none;
}
.flowContents table.skincheckSample th{
	color: #4C4C4C;
	background: #f5f5ee;
	border-bottom:2px solid #c2c2c2;
	width:165px;
	padding:8px 10px;
	text-align:left;
	line-height: 1.2;
}
.flowContents table.skincheckSample th p{
	margin: 0!important;
	font-weight: bolder;
}
/* 2014/01/22 スキンチェック改修 End */
#capsLockWarning {
background-color:#777777;
border-radius:5px;
position:relative;
padding: 10px;
width: 265px;
}

#capsLockWarning:after {
border:10px solid transparent;
border-top-color:#777777;
border-bottom-width:0;
bottom:-10px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
}
/* 2014/01/22 スキンチェック改修 End */
/* point制度pivot start */
.flowContents table.layout th.w250 {
  width: 230px;
}

.flowContents table.layout p em.emphasizeSystem {
  font-weight: normal;
  font-size: 88%;
  padding-top: 10px;
  font-style: normal;
  display: block;
}

.flowSection.anniversary {
  position: relative;
  margin-bottom: 20px;
  width: 642px;
  height: 442px;
  background: url(../../images/order/ch04_dummy.jpg) no-repeat;
}
.flowSection.anniversary .inputArea {
  position: absolute;
  left: 52px;
  top: 363px;
}
.flowSection.anniversary .select {
  float: left;
  margin-right: 10px;
}
.flowSection.anniversary .note {
  overflow: hidden;
  *zoom: 1;
  text-indent: 0;
  padding: 0;
}

.flowContents .halfTable {
  overflow: hidden;
  *zoom: 1;
}

.flowContents .halfTable table.halfCount {
	margin-bottom: 15px !important;
	border-top: 1px solid #4c4c4c;
	border-bottom: 1px solid #4c4c4c;
}
.flowContents .halfTable table.halfCount td {
	border: none;
	padding: 3px 5px;
}
.flowContents .halfTable table.halfCount td .usePoint {
	color: #e15285;
}
.flowContents .halfTable table.halfCount tr.totalNum td {
	padding: 8px 5px;
	border-bottom: 1px solid #c2c2c2;
}
.flowContents .halfTable table.halfCount tr.orderPrice td {
	padding-top: 8px;
}
.flowContents .halfTable table.halfCount tr.shipping td {
	padding-bottom: 8px;
}
.flowContents .halfTable table.halfCount tr.totalPrice td {
	padding-top: 8px;
	background: url(../../images/h_dotline.gif) repeat-x left top;
}
.flowContents .halfTable table.halfCount tr.totalPrice td span.fontB {
	color: #e15285;
}
.flowContents .halfTable table.halfCount tr.tax td {
	padding-top: 0;
	padding-bottom: 8px;
	font-size: 11px;
}

.flowContents #CONTENTSAREA .halfTableWrapper {
  overflow: hidden;
  *zoom: 1;
}
.flowContents #CONTENTSAREA .halfTableContents {
  float: right;
  width: 315px;
}
.flowContents #CONTENTSAREA .firstCampaign {
  float: left;
  position: relative;
  width: 219px;
  padding: 11px 9px;
  border: 2px solid #f7c3bf;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: #ffeded;
  color: #222;
  behavior: url(/contents/js/PIE.htc);
  _behavior: none;
}
.flowContents #CONTENTSAREA .firstCampaign h3 {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  color: #f00;
}
.flowContents #CONTENTSAREA .firstCampaign p {
  margin: 0;
  font-size: 13px;
  line-height: 17px;
}
.flowContents #CONTENTSAREA .firstCampaign .checkbox {
  margin: 18px 0 18px 8px;
  font-size: 13px;
}
.flowContents #CONTENTSAREA .firstCampaign .checkbox input {
  margin-right: 8px;
}
.flowContents #CONTENTSAREA .firstCampaign .checkbox * {
  vertical-align: middle;
}
/*
.flowContents #CONTENTSAREA .firstCampaign .noteSection h4 {
  margin: 0 0 4px 0;
  font-size: 13px;
  line-height: 14px;
  color: #f00;
}
*/
.flowContents #CONTENTSAREA .firstCampaign .noteSection p {
  font-size: 12px;
  line-height: 16px;
}
.flowContents #CONTENTSAREA .firstCampaign .noteSection .annotation {
  font-size: 11px;
  color: #7f7f7f;
  line-height: 14px;
  margin: 0 0 4px;
}
.flowContents #CONTENTSAREA .firstCampaign p.annotationText {
  font-size: 11px;
  line-height: 16px;
  color: #7f7f7f;
}
.flowContents #CONTENTSAREA .halfTable.point table.halfCount {
  float: none;
  margin-bottom: 0 !important;
  border: none;
}
.flowContents #CONTENTSAREA .halfTable.point table.halfCount td {
  padding-top: 14px;
  padding-bottom: 14px;
}
.flowContents #CONTENTSAREA .halfTable.point table.halfCount td.value span {
  color: #e15285;
}
.flowContents #CONTENTSAREA .halfTable.point .takePoint {
  margin-bottom: 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  behavior: url(/contents/js/PIE.htc);
  _behavior: none;
}
.flowContents #CONTENTSAREA .halfTable.point .takePoint.unfixed {
  background-color: #fdeae8;
}
.flowContents #CONTENTSAREA .halfTable.point .takePoint.fixed {
  background-color: #f5f5ee;
}
.flowContents #CONTENTSAREA .halfTable.point p.confirm {
  margin-bottom: 15px;
  text-align: right;
}
.flowContents #CONTENTSAREA .halfTable.point p.confirm a {
  line-height: 1.4;
  white-space: nowrap;
}
.flowContents #CONTENTSAREA .halfTable.point p.confirm a * {
  vertical-align: middle;
}
.flowContents #CONTENTSAREA .halfTable.point p.confirm a i {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 12px;
  height: 13px;
  margin-left: 2px;
  top: -2px;
  *top: 0;
  background: url(/contents/images/recommend/question_mark.gif) no-repeat right 0;
}
.flowContents #CONTENTSAREA .halfTable.point p.note {
  width: 315px;
  margin-top: -10px;
  padding: 0;
  text-indent: 0;
  color: #4c4c4c;
  line-height: 1.5;
  font-weight: bold;
}
.flowContents #CONTENTSAREA .halfTable.point p.note + p.note{
	margin-top: 0;
}
.flowContents #CONTENTSAREA .halfTable.point p.emptyPoint {
  width: 315px;
  margin-top: 0px;
  padding: 0;
  text-indent: 0;
  color: #4c4c4c;
  line-height: 1.5;
  font-weight: bold;
}
.flowContents #CONTENTSAREA .halfTableContents p.changeAlert {
    color: red;
    margin-bottom: 5px;
    padding-left: 16.2px;
}
.flowContents #CONTENTSAREA .halfTable.sample table.halfCount {
	border: none;
}

/* thickbox */
#TB_window .textLsec {
  font-size: 13px;
}

.TB_closeWindowButton.closeDetail {
  position: absolute;
  right: 25px;
  top: 0;
}

/* thickbox ポイント詳細 */
.pontDetail {
  padding-bottom: 14px;
}
.pontDetail h2 {
  padding: 10px 0 20px;
}
.pontDetail p {
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
  color: #222;
}
/* Orbis PS-ORD-05 Start */
.pontDetail p.note {
  font-size: 11px;
  line-height: 1.5;
  font-weight: normal;
  color: #7f7f7f;
}
/* Orbis PS-ORD-05 End */
.pontDetail table {
  width: 440px;
  border: 2px solid #c2c2c2;
  border-bottom: none;
  border-spacing: 0;
  border-collapse: collapse;
}
.pontDetail table .point {
  width: 84px;
  background-image: url("/contents/images/order/line_dot.gif");
  background-repeat: repeat-y;
  background-position: left top;
}
.pontDetail table th {
  padding: 8px;
  background-color: #F5F5EE;
  text-align: center;
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
}
.pontDetail table td {
  padding: 8px;
  vertical-align: middle;
  border-bottom: 2px solid #c2c2c2;
}
.pontDetail table td.point {
  text-align: right;
  font-size: 14px;
  font-weight: bold;
}

/* 利用ポイント設定 */
div.pointSet ul, div.pointSet ol {
  list-style-type: none;
}
div.pointSet input {
  margin-left: 2px;
}
div.pointSet #donationTable {
  display: none;
}
div.pointSet table.layout {
  margin-bottom: 6px;
}
div.pointSet table.layout th {
  background-image: none;
  background-color: #f5f5ee;
  border-right: 2px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
  border-top: none;
  color: #222;
}
div.pointSet table.layout td {
  background-image: none;
  border-bottom: 1px solid #c2c2c2;
  border-top: none;
}
div.pointSet table.layout td span.incFirstPoint {
  font-size: 11px;
}
div.pointSet table.layout td strong.point {
  font-size: 14px;
  font-weight: bold;
  color: #e15285;
}
div.pointSet table.layout tr.usePoint th, div.pointSet table.layout tr.usePoint td {
  background-image: none;
}
div.pointSet table.layout tr.usePoint li {
  overflow: hidden;
  *zoom: 1;
}
div.pointSet table.layout tr.usePoint li.input {
  padding: 8px 0;
  line-height: 22px;
}
div.pointSet table.layout input.inputPoint {
  width: 104px;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
}
div.pointSet table.layout.donation th, div.pointSet table.layout.donation td {
  background-image: none;
}
div.pointSet table.layout.donation th {
  background-color: #ffffe2;
  font-weight: normal;
}
div.pointSet .tbOpen {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 15px;
}
div.pointSet .tbOpenNonePoint {
  overflow: hidden;
  *zoom: 1;
}
div.pointSet .tbOpen .note {
  text-indent: 0;
  font-size: 10px;
  color: #7c7c7c;
}
div.pointSet .tbOpen a {
  line-height: 1.4;
  white-space: nowrap;
  float: right;
}
div.pointSet .tbOpen a * {
  vertical-align: middle;
}
/* div.pointSet .tbOpen a i { */
div.pointSet .tbOpen a i,
div.pointSet .tbOpenNonePoint a i {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 12px;
  height: 13px;
  margin-left: 2px;
  top: -2px;
  *top: 0;
  background: url(/contents/images/recommend/question_mark.gif) no-repeat right 0;
}
div.pointSet div.donationBlock .tbOpen a i {
  position: static;
}
div.pointSet .halfTable table.halfCount tr.passOn td {
  padding: 8px 5px;
/*  border-bottom: 1px solid #c2c2c2; */
}
div.pointSet .halfTable table.halfCount.setPoint {
	border-top: 1px solid #4c4c4c;
	border-bottom: hidden;
	margin-bottom: 0px !important;
}
div.pointSet .halfTable.point p.note {
	border-bottom: 1px solid #4c4c4c;
	margin-bottom: 15px !important;
	padding-top: 5px !important;
	padding-bottom: 7px !important;
}
div.holdPonitDetail span.pointDetail {
	font-weight: bold;
}

/* thickbox 保有ポイント明細 */
.holdPonitDetail {
  padding-bottom: 14px;
  /*.bottomLine {
  	width: 440px;
  	border-top: 2px solid #c2c2c2;
  }*/
}
.holdPonitDetail h2 {
  padding-top: 10px;
}
.holdPonitDetail p.lead {
  margin-top: 18px;
  font-size: 13px;
  line-height: 18px;
/*  font-weight: bold; */
  color: #222;
}
.holdPonitDetail p.lead strong {
  color: #e15285;
}
.holdPonitDetail p.note {
  font-size: 10px;
  line-height: 1.5;
  color: #7f7f7f;
}
.holdPonitDetail table {
  width: 440px;
  border: 2px solid #c2c2c2;
  border-bottom: none;
  border-spacing: 0;
  border-collapse: collapse;
}
.holdPonitDetail table th, .holdPonitDetail table td {
  background-image: url("/contents/images/order/line_dot.gif");
  background-repeat: repeat-y;
  background-position: left top;
}
.holdPonitDetail table th.name, .holdPonitDetail table td.name {
  background-image: none;
}
.holdPonitDetail table .expire {
  width: 126px;
}
.holdPonitDetail table .point {
  width: 100px;
}
.holdPonitDetail table tr.disable td {
  background-color: #b3b3b3;
}
.holdPonitDetail table th {
  padding: 8px;
  background-color: #F5F5EE;
  text-align: center;
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
}
.holdPonitDetail table td {
  padding: 8px;
  vertical-align: top;
  border-bottom: 2px solid #c2c2c2;
}
.holdPonitDetail table td.point, .holdPonitDetail table td.expire {
  text-align: right;
  font-size: 14px;
  font-weight: bold;
}
.holdPonitDetail table .note {
  margin: 8px 0 0;
  font-size: 10px;
  line-height: 12px;
}
.holdPonitDetail table .warning {
  color: #f00;
}
.holdPonitDetail .scrollArea,
.pontDetail .scrollArea {
  width: 458px;
  height: 240px;
  overflow: auto;
  overflow-y: scroll;
}

#TB_window .holdPonitDetail p {
  margin: 0;
}
#TB_window .holdPonitDetail p.lead {
  margin-top: 18px;
}
#TB_window .holdPonitDetail p.note {
  margin-top: 8px;
}

/* point制度pivot end */
/* Orbis PS-ORD-05 Start */

input#inputPoint::-ms-clear,
input#inputDonationPoint::-ms-clear {
  display: none;
}
/* Orbis PS-ORD-05 End */

.flowContents .halfTable .donationBlock{
  float: right;
  width: 315px;
}
.flowContents .halfTable .donationBlock .trigger:hover {
	cursor: pointer;
}
.flowContents .halfTable .Horizon{
  border-bottom: solid 1px;
}
.flowContents .halfTable .donationBlock .trigger .ttlBtn{
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 25px;
    margin: 0;
    padding: 11px 0 0 14px;
    position: relative;
    width: 298px;
    overflow:hidden;
}
.flowContents .halfTable .donationBlock .trigger .ttlBtn span{
    background: url("/contents/images/order/arrow_acdion.gif") 0 0 no-repeat;
    display: block;
    height: 9px;
    width: 18px;
    overflow: hidden;
    position: absolute;
    right: 14px;
    text-indent: -9999px;
    top: 15px;
}
.flowContents .halfTable .donationBlock .open .ttlBtn span{
    background: url("/contents/images/order/arrow_acdion_tg.gif") 0 0 no-repeat;
    display: block;
    height: 9px;
    width: 18px;
    overflow: hidden;
    position: absolute;
    right: 14px;
    text-indent: -9999px;
    top: 15px;
}
.flowContents .halfTable .donationBlock .caption{
  margin-top: 10px;
  font-size: 11px;
  color: rgb(127, 127, 127);
}
.flowContents .halfTable .donationBlock .donationMaxValue span{
  font-weight: bold;
  color: #e15285;
}
.flowContents .halfTable .donationBlock .inputform{
	margin:10px 0 15px 0;
}
.flowContents .halfTable .donationBlock .inputform .inputDonationValue{
  text-align: right;
  font-weight: bold;
  font-size: 14px;
  width: 100px;
}
.flowContents .halfTable .donationBlock .thanksMassage{
	margin: 0px 0px 15px 10px;
}
.flowContents .halfTable .donationBlock .donationMessage{
	margin: 0px 0px 15px 0;
}
.flowContents .halfTable .donationBlock .attentionBox{
  padding: 4px 10px;
}
.flowContents .attentionBoxA {
  background: #ffcccc;
  border: 2px solid #cc0000;
  padding: 6px 14px;
  margin: 0 0 20px 0;
  display: none;
}
.flowContents .attentionBoxA p {
  background: url(/contents/images/order/icon_attentionbox.gif) no-repeat;
  font-weight: bold;
  color: #cc0000;
}

.flowContents .halfTable .donationBlock .attentionBoxA p{
  background-position: left center;
  font-size: 11px;
  padding: 0 0 0 27px;
}

#TB_window .holdPonitDetail p.donationText {
  color: #4c4c4c;
  font-size: 13px;
  font-weight: normal;
  margin-top: 24px;
}
#TB_window .holdPonitDetail p.detailLink {
  font-size: 13px;
  font-weight: normal;
  text-align: right;
  margin-top: 8px;
}
.halfTable table.halfCount tr.passOn td {
  padding: 8px 5px;
  border-bottom: hidden !important;
  border-top: 1px solid #4c4c4c;
}
.halfTable table.halfCount.confirm {
  margin-bottom: 0px !important;
}

.halfTable table.halfCount tr.spEarn td {
  padding: 0px 5px 8px;
  border-bottom: hidden !important;
}

.flowContents table.layout tr.cellH5 td.pointPlus {
  color: #00a1e9;
  font-size: 10px;
  text-align: right;
}
.flowContents table.layout tr.cellH5 td.pointPlus strong {
  font-size: 14px;
  font-weight: bold;
}



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

1612 メルマガ

----------------------------------------------------------------------*/
#st-mailmagazine161108 {
  width: 600px;
  line-height: 0;
  margin: 10px auto;
  font-size: 10px;
  /* HTML5 display-role reset for older browsers */
}
#st-mailmagazine161108 div, #st-mailmagazine161108 span, #st-mailmagazine161108 applet, #st-mailmagazine161108 object, #st-mailmagazine161108 iframe,
#st-mailmagazine161108 h1, #st-mailmagazine161108 h2, #st-mailmagazine161108 h3, #st-mailmagazine161108 h4, #st-mailmagazine161108 h5, #st-mailmagazine161108 h6, #st-mailmagazine161108 p, #st-mailmagazine161108 blockquote, #st-mailmagazine161108 pre,
#st-mailmagazine161108 a, #st-mailmagazine161108 abbr, #st-mailmagazine161108 acronym, #st-mailmagazine161108 address, #st-mailmagazine161108 big, #st-mailmagazine161108 cite, #st-mailmagazine161108 code,
#st-mailmagazine161108 del, #st-mailmagazine161108 dfn, #st-mailmagazine161108 em, #st-mailmagazine161108 img, #st-mailmagazine161108 ins, #st-mailmagazine161108 kbd, #st-mailmagazine161108 q, #st-mailmagazine161108 s, #st-mailmagazine161108 samp,
#st-mailmagazine161108 small, #st-mailmagazine161108 strike, #st-mailmagazine161108 strong, #st-mailmagazine161108 sub, #st-mailmagazine161108 sup, #st-mailmagazine161108 tt, #st-mailmagazine161108 var,
#st-mailmagazine161108 b, #st-mailmagazine161108 u, #st-mailmagazine161108 i, #st-mailmagazine161108 center,
#st-mailmagazine161108 dl, #st-mailmagazine161108 dt, #st-mailmagazine161108 dd, #st-mailmagazine161108 ol, #st-mailmagazine161108 ul, #st-mailmagazine161108 li,
#st-mailmagazine161108 fieldset, #st-mailmagazine161108 form, #st-mailmagazine161108 label, #st-mailmagazine161108 legend,
#st-mailmagazine161108 table, #st-mailmagazine161108 caption, #st-mailmagazine161108 tbody, #st-mailmagazine161108 tfoot, #st-mailmagazine161108 thead, #st-mailmagazine161108 tr, #st-mailmagazine161108 th, #st-mailmagazine161108 td,
#st-mailmagazine161108 article, #st-mailmagazine161108 aside, #st-mailmagazine161108 canvas, #st-mailmagazine161108 details, #st-mailmagazine161108 embed,
#st-mailmagazine161108 figure, #st-mailmagazine161108 figcaption, #st-mailmagazine161108 footer, #st-mailmagazine161108 header, #st-mailmagazine161108 hgroup,
#st-mailmagazine161108 menu, #st-mailmagazine161108 nav, #st-mailmagazine161108 output, #st-mailmagazine161108 ruby, #st-mailmagazine161108 section, #st-mailmagazine161108 summary,
#st-mailmagazine161108 time, #st-mailmagazine161108 mark, #st-mailmagazine161108 audio, #st-mailmagazine161108 video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
#st-mailmagazine161108 article, #st-mailmagazine161108 aside, #st-mailmagazine161108 details, #st-mailmagazine161108 figcaption, #st-mailmagazine161108 figure,
#st-mailmagazine161108 footer, #st-mailmagazine161108 header, #st-mailmagazine161108 hgroup, #st-mailmagazine161108 menu, #st-mailmagazine161108 nav, #st-mailmagazine161108 section {
  display: block;
}
#st-mailmagazine161108 ol, #st-mailmagazine161108 ul {
  list-style: none;
}
#st-mailmagazine161108 blockquote, #st-mailmagazine161108 q {
  quotes: none;
}
#st-mailmagazine161108 blockquote:before, #st-mailmagazine161108 blockquote:after,
#st-mailmagazine161108 q:before, #st-mailmagazine161108 q:after {
  content: '';
  content: none;
}
#st-mailmagazine161108 table {
  border-collapse: collapse;
  border-spacing: 0;
}
#st-mailmagazine161108 h2 {
  background-color: transparent;
}
#st-mailmagazine161108 img {
  width: 100%;
}
#st-mailmagazine161108 .mainBlock {
  border: solid #e8388b 4px;
  -webkit-border-radius: 18px 18px 0 0;
  border-radius: 18px 18px 0 0;
  margin-bottom: 20px;
  background-color: #fff8ef;
  padding-bottom: 18px;
}
#st-mailmagazine161108 .note {
  font-size: 1.6em;
  color: #666666;
  line-height: 1.625;
  background-color: #FFF;
  text-indent: -1em;
  padding-left: 1em;
}
#st-mailmagazine161108 .main {
  margin-bottom: 15px;
}

#st-mailmagazine161108 .mainTxt1 a{
	color: #3e91a7;
}
#st-mailmagazine161108 .mailmagazineBox{
	padding: 0 4%;
	overflow: hidden;
}
#st-mailmagazine161108 .mailmaga-checkbox{
	background-color: #c9e5f8;
	padding: 30px 0 26px;
	display: table;
	width: 100%;
}
#st-mailmagazine161108 .mainTxt1{
	font-size: 2em;
	text-align: center;
	background-color: #fff8ef;
	color: #333;
	line-height: 1.2;
	margin: 26px auto 20px;
}
#st-mailmagazine161108 .mailmaga-checkbox dt{
	display: table-cell;
	vertical-align: middle;
	width: 100px;
	padding-top: 4px;
}
#st-mailmagazine161108 .mailmaga-checkbox dd {
	display: table-cell;
	line-height: 1.1em;
	font-size: 2em;
	color: #333;
	vertical-align: middle;
	height: 26px;
	padding-bottom: 4px;
}

#st-mailmagazine161108 .mailmaga-checkbox input {
	-webkit-appearance: none;
	position: relative;
	top: -4px;
	left: 56px;
	margin-right: 2px;
	border-radius: 4px;
	border: 1px solid #d2d2d2;
	-webkit-box-sizing: border-box;
	width: 32px;
	height: 32px;
	background-color: #fff;
}

/* チェック時は背景色を変更 */
#st-mailmagazine161108 .mailmaga-checkbox input:checked {
	background-color: #fff;
}

/* チェックの印を:before疑似要素と:after疑似要素を使って作成 */
#st-mailmagazine161108 .mailmaga-checkbox input:checked:before {
	position: absolute;
	left: 0;
	top: 18px;
	display: block;
	content: "";
	width: 12px;
	height: 6px;
	background: #aaaaaa;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: right center;
}

#st-mailmagazine161108 .mailmaga-checkbox input:checked:after {
	display: block;
	position: absolute;
	left: 10px;
	top: 20px;
	content: "";
	width: 22px;
	height: 6px;
	background: #aaaaaa;
	-webkit-transform: rotate(-53deg);
	-webkit-transform-origin: left center;
}


.layout .displayTable {
	width: 100%;
	display: table;
}


.layout .displayTable .column {
	display: table-cell;
	vertical-align: top;
}

.layout .displayTable .column:first-child {
	width: 40px;
	padding-right: 10px;
}

.center {
	text-align: center;
}
/* ----------------------------------------------------------------------

1705 メルマガ

----------------------------------------------------------------------*/
#st-mailmagazine170426 {
  width: 600px;
  line-height: 0;
  margin: 10px auto;
  font-size: 10px;
  /* HTML5 display-role reset for older browsers */
}
#st-mailmagazine170426 div, #st-mailmagazine170426 span, #st-mailmagazine170426 applet, #st-mailmagazine170426 object, #st-mailmagazine170426 iframe,
#st-mailmagazine170426 h1, #st-mailmagazine170426 h2, #st-mailmagazine170426 h3, #st-mailmagazine170426 h4, #st-mailmagazine170426 h5, #st-mailmagazine170426 h6, #st-mailmagazine170426 p, #st-mailmagazine170426 blockquote, #st-mailmagazine170426 pre,
#st-mailmagazine170426 a, #st-mailmagazine170426 abbr, #st-mailmagazine170426 acronym, #st-mailmagazine170426 address, #st-mailmagazine170426 big, #st-mailmagazine170426 cite, #st-mailmagazine170426 code,
#st-mailmagazine170426 del, #st-mailmagazine170426 dfn, #st-mailmagazine170426 em, #st-mailmagazine170426 img, #st-mailmagazine170426 ins, #st-mailmagazine170426 kbd, #st-mailmagazine170426 q, #st-mailmagazine170426 s, #st-mailmagazine170426 samp,
#st-mailmagazine170426 small, #st-mailmagazine170426 strike, #st-mailmagazine170426 strong, #st-mailmagazine170426 sub, #st-mailmagazine170426 sup, #st-mailmagazine170426 tt, #st-mailmagazine170426 var,
#st-mailmagazine170426 b, #st-mailmagazine170426 u, #st-mailmagazine170426 i, #st-mailmagazine170426 center,
#st-mailmagazine170426 dl, #st-mailmagazine170426 dt, #st-mailmagazine170426 dd, #st-mailmagazine170426 ol, #st-mailmagazine170426 ul, #st-mailmagazine170426 li,
#st-mailmagazine170426 fieldset, #st-mailmagazine170426 form, #st-mailmagazine170426 label, #st-mailmagazine170426 legend,
#st-mailmagazine170426 table, #st-mailmagazine170426 caption, #st-mailmagazine170426 tbody, #st-mailmagazine170426 tfoot, #st-mailmagazine170426 thead, #st-mailmagazine170426 tr, #st-mailmagazine170426 th, #st-mailmagazine170426 td,
#st-mailmagazine170426 article, #st-mailmagazine170426 aside, #st-mailmagazine170426 canvas, #st-mailmagazine170426 details, #st-mailmagazine170426 embed,
#st-mailmagazine170426 figure, #st-mailmagazine170426 figcaption, #st-mailmagazine170426 footer, #st-mailmagazine170426 header, #st-mailmagazine170426 hgroup,
#st-mailmagazine170426 menu, #st-mailmagazine170426 nav, #st-mailmagazine170426 output, #st-mailmagazine170426 ruby, #st-mailmagazine170426 section, #st-mailmagazine170426 summary,
#st-mailmagazine170426 time, #st-mailmagazine170426 mark, #st-mailmagazine170426 audio, #st-mailmagazine170426 video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
#st-mailmagazine170426 article, #st-mailmagazine170426 aside, #st-mailmagazine170426 details, #st-mailmagazine170426 figcaption, #st-mailmagazine170426 figure,
#st-mailmagazine170426 footer, #st-mailmagazine170426 header, #st-mailmagazine170426 hgroup, #st-mailmagazine170426 menu, #st-mailmagazine170426 nav, #st-mailmagazine170426 section {
  display: block;
}
#st-mailmagazine170426 ol, #st-mailmagazine170426 ul {
  list-style: none;
}
#st-mailmagazine170426 blockquote, #st-mailmagazine170426 q {
  quotes: none;
}
#st-mailmagazine170426 blockquote:before, #st-mailmagazine170426 blockquote:after,
#st-mailmagazine170426 q:before, #st-mailmagazine170426 q:after {
  content: '';
  content: none;
}
#st-mailmagazine170426 table {
  border-collapse: collapse;
  border-spacing: 0;
}
#st-mailmagazine170426 h2 {
  background-color: transparent;
}
#st-mailmagazine170426 img {
  width: 100%;
}
#st-mailmagazine170426 .mainBlock {
  border: solid #e8388b 4px;
  -webkit-border-radius: 18px 18px 0 0;
  border-radius: 18px 18px 0 0;
  margin-bottom: 20px;
  background-color: #fff8ef;
  padding-bottom: 18px;
}
#st-mailmagazine170426 .note {
  font-size: 1.6em;
  color: #666666;
  line-height: 1.625;
  background-color: #FFF;
  text-indent: -1em;
  padding-left: 1em;
}
#st-mailmagazine170426 .main {
  margin-bottom: 15px;
}

#st-mailmagazine170426 .mainTxt1 a{
	color: #3e91a7;
}
#st-mailmagazine170426 .mailmagazineBox{
	padding: 0 4%;
	overflow: hidden;
}
#st-mailmagazine170426 .mailmaga-checkbox{
	background-color: #c9e5f8;
	padding: 30px 0 26px;
	display: table;
	width: 100%;
}
#st-mailmagazine170426 .mainTxt1{
	font-size: 2em;
	text-align: center;
	background-color: #fff8ef;
	color: #333;
	line-height: 1.2;
	margin: 26px auto 20px;
}
#st-mailmagazine170426 .mailmaga-checkbox dt{
	display: table-cell;
	vertical-align: middle;
	width: 100px;
	padding-top: 4px;
}
#st-mailmagazine170426 .mailmaga-checkbox dd {
	display: table-cell;
	line-height: 1.1em;
	font-size: 2em;
	color: #333;
	vertical-align: middle;
	height: 26px;
	padding-bottom: 4px;
}

#st-mailmagazine170426 .mailmaga-checkbox input {
	-webkit-appearance: none;
	position: relative;
	top: -4px;
	left: 56px;
	margin-right: 2px;
	border-radius: 4px;
	border: 1px solid #d2d2d2;
	-webkit-box-sizing: border-box;
	width: 32px;
	height: 32px;
	background-color: #fff;
}

/* チェック時は背景色を変更 */
#st-mailmagazine170426 .mailmaga-checkbox input:checked {
	background-color: #fff;
}

/* チェックの印を:before疑似要素と:after疑似要素を使って作成 */
#st-mailmagazine170426 .mailmaga-checkbox input:checked:before {
	position: absolute;
	left: 0;
	top: 18px;
	display: block;
	content: "";
	width: 12px;
	height: 6px;
	background: #aaaaaa;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: right center;
}

#st-mailmagazine170426 .mailmaga-checkbox input:checked:after {
	display: block;
	position: absolute;
	left: 10px;
	top: 20px;
	content: "";
	width: 22px;
	height: 6px;
	background: #aaaaaa;
	-webkit-transform: rotate(-53deg);
	-webkit-transform-origin: left center;
}


.flowContents .selectTr .inactive {
	color: #bfbfbf;
}