@charset "utf-8";

/* 2010.09.14追加
============================== */
#contentsBlock .welcome {
	margin: 17px 0 0 15px;
	width: 650px;
}

.welcome * { margin: 0; padding: 0; }
.welcome ul li { list-style: none; }

#contentsBlock .welcome h2 {
	margin: 0;
	text-align: center;
}

/* about */
#about {
	margin-top: 1em;
	overflow: hidden;
	zoom: 1;
}

	#about li {
		float: left;
		padding-right: 8px;
	}
	#about .last-child { padding-right: 0; }

.welcome .txt {
	margin-top: 1.5em;
}

/* member */
#member {
	padding-bottom: 20px;
	background: url(../img/welcome_online_shop/member_btm.gif) no-repeat left bottom;
}

	#member p {
		margin: 12px 0;
		text-align: center;
	}

	#member ul {
		margin-left: 12px;
		overflow: hidden;
		zoom: 1;
	}

		#member ul li {
			float: left;
			padding-right: 9px;
		}
		#member ul .last-child { padding-right: 0; }

			#member ul li span {
				display: block;
				_font-size: 9px;
				color: #666;
				line-height: 1.2;
				_line-height: 1.5;
			}

/* campaign */
#campaign {
	padding-bottom: 20px;
	background: url(../img/welcome_online_shop/campaign_btm.gif) no-repeat left bottom;
}

	#campaign p {
		padding-bottom: 20px;
		text-align: center;
	}


/* inquiry */
#inquiry {
	margin-top: 2em;
}

	#inquiry p {
		text-align: center;
	}

	#inquiry .btn { padding: 10px 0 5px 0; }


/*
mqec1221/7-4.html
============================== */
table.osBroTBL{
	margin-left:20px;
	margin-bottom:1em;
}

table.osBroTBL th{
	font-weight:normal;
	vertical-align:top;
	padding-right:10px;
}

table.osBroTBL td{
	vertical-align:top;
}

/*
base
============================== */
div#contents{
	margin:20px 25px 0 30px;
	width:610px;
	text-align:left;
}

div#contents h2{
	margin:0 0 -10px 0;
	padding:0;
}

div#contents h3{
	margin:1.5em 0 0 0;
	padding:0;
}

h4{
	margin:5px 0 0 0;
	padding:0;
	clear:both;
	display:inline;
	padding-right:5px;
	font-size:90%;
}

.supple{/* 補足divエリア　設定 */
	margin-bottom:1em;
	padding:10px;
	background-color:#F5DFED;
	text-align:left;
}

div.supple p{
	margin:0;
}

div.supple p{
	margin:0;
}

span.supple{
	padding:0;
	margin-right:0;
	background-color:#F7F7F7;
	display:block;
	width:180px;
	font-size:73%;
	float:right;
}

p.floRight a:link,
p.floRight a:visited{
	color:#666;
	font-size:12px
}

div.attention h4{
	background-color:#F7F7F7;
}

div.attention{
	margin-bottom:1.5em;
	padding:10px 20px;
	background-color:#F7F7F7;
	font-size:95%;
	color:#000;
}

strong{/* 太字文言　ベースカラー */
	color:#C4017F;
	font-weight:normal;
}

.attention{/* 留意文言divエリア */
	font-size:100%;
	color:#DC0606;
	font-size:10px
}

div.attention strong{
	font-size:100%;
	color:#DC0606;
}

div.attention strong.def{/* 太字文言、黒テキスト */
	font-weight:bold;
	color:#333;
}

.f_r {
	font-size: 12px;
	color:#C4017F;
	line-height:16px
}

.f_m {
	font-size: 12px;
	line-height:16px
}

/*
070118 追記
mqec1221/6-1.html
============================== */
div#contents h2#newMQOL{
	margin-bottom:1em;
}

div#newMQOL_001 h3,
div#newMQOL_001 h3,
div#newMQOL_001 h3,
div#newMQOL_001 h3{/* 角丸系h3テキストを全て飛ばす */
	margin:0;
	padding:0;
	text-indent:-9999px;
}

div#newMQOL_01,
div#newMQOL_02,
div#newMQOL_03,
div#newMQOL_04,
div#newMQOL_05,
div#newMQOL_06{
	padding-bottom:10px;
	margin-bottom:0;
}

div#newMQOL_01 h3{
}

div#newMQOL_01  div.sideBorder{
	background-image:url("../mqec1221bw/img/newMQOL_01_BG.jpg");
	background-repeat:no-repeat;
	background-position:-28px -26px; /*IE 位置調整*/
}

html>body div#newMQOL_01  div.sideBorder{
	background-repeat:no-repeat;
	background-position:-28px -26px;/*他ブラウザ 位置*/
}

div#newMQOL_01  div.sideBorder p{
	width:340px;
}

div#newMQOL_02 div.sideBorder{
	background-image:url("../mqec1221bw/img/newMQOL_02_BG.gif");
	background-repeat:no-repeat;
	background-position:-28px -26px; /*IE 位置調整*/
}

div#newMQOL_03 div.sideBorder{
	background-image:url("../mqec1221bw/img/newMQOL_03_BG.gif");
	background-repeat:no-repeat;
	background-position:-28px -26px; /*IE 位置調整*/
}

div#newMQOL_03  div.sideBorder p.attention{
	width:320px;
}

div#newMQOL_04 div.sideBorder{
	background-image:url("../mqec1221bw/img/newMQOL_04_BG.gif");
	background-repeat:no-repeat;
	background-position:-28px -26px; /*IE 位置調整*/
}

div#newMQOL_04  div.sideBorder p.attention{
	width:410px;
}

div#newMQOL_05{
	text-align:center;
}

div.newMQOL_05_inbox{
	margin:0.5em 0;
	padding:1em 0 0.5em 0;
	clear:both;
	text-align:left;
	border-top:1px dashed #DC77B7;
}

div.borderNone{
	border-top:none;
}

div.newMQOL_05_inbox img{
	float:left;
}

div#newMQOL_05 div.newMQOL_05_step{
	float:right;
	width:340px;
}

div#newMQOL_05 div.newMQOL_05_step h5{
	margin:0 0 0.5em 0;
}

div#newMQOL_05 div.newMQOL_05_step h5 img{
	float:none;
}

div#newMQOL_05 div.newMQOL_05_step p{
	padding:0 5px;
	margin:0;
	background-color:#FEEEF8;
}

div.newMQOL_05_inbox:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

* div.newMQOL_05_inbox {
	height:100%;
	 /*\*//*/
	display:inline-block;
	/**/
}

*>div.newMQOL_05_inbox {
	height:auto;
	/* \*/
	overflow:hidden;
	/* */
}

div#newMQOL_06 div.sideBorder{
	background-image:url("../mqec1221bw/img/newMQOL_06_BG.gif");
	background-repeat:no-repeat;
	background-position:-28px -20px; /*IE 位置調整*/
}

div#newMQOL_06  div.sideBorder p{
	width:280px;
	margin-bottom:5em;
}

div#contents div.sideBorder{
	padding:5px 8px 5px 11px;
	margin:0 0 0 26px;
	width:560px;
	border-left:2px solid #DC77B7;
	border-right:2px solid #DC77B7;
}

div.sideBorder p.attention{
	font-size:80%;
}
