@charset "utf-8";

/*================================
ファイル名：vip.css
説明：VIPお見合いコースのスタイル

IE6.5以下にのみ適用するスタイルを ie.css
に記述しています。

作成者：ND&I 徳田 ( tokuda@n-di.co.jp )
=================================*/

@import url("../share/default.css");
@import url("../share/common.css");

/* Clearfix
=================================*/

ol.flowList li ul:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

ol.flowList li ul {
	display: inline-block;
}

/* Hide from Mac IE \*/
ol.flowList li ul {
	*height: 1%;
	display: block;
}
/* Hide from Mac IE */

div#main h1 {
	margin: 0 2px;
	padding: 9px 11px 9px;
	background: url(../../img/share/bg_alt_title.gif) no-repeat;
	font-weight: normal;
}

/* =========================================
*  INDEX
* ========================================= */
div#main h2.titleH2 {
	margin-top: 12px;
	padding: 0 15px;
	line-height: 26px;
	color: #FFFFFF;
	background: url(../../img/share/bg_branch_title.gif) no-repeat;
	font-weight: bold;
}

div#main p.course {
	padding: .5em 1em;
}

div#main h3.titleH3 {
	margin: 0 1em;
}

p.mailLink {
	margin: 0 0 10px 13px;
	padding-left: 11px;
	background: url(../../img/share/icon_arrow01.gif) no-repeat 0 .4em;
}

ul.suitable {
	margin: 0 1em;
	padding: 0 1em;
	background: #faeedb;
	color:#996666;
}

ul.suitable li {
	padding: .8em 0 .8em 1.5em;
	background: url(../../img/vip/check.gif) no-repeat left .8em;
	border-bottom: dotted #fff 1px;
}

ul.suitable li.last-child {
	border-bottom: none;
}

ol.flowList li#flow01,
ol.flowList li#flow02,
ol.flowList li#flow03,
ol.flowList li#flow04,
ol.flowList li#flow05,
ol.flowList li#flow06 {
	margin: 20px 0 0 9px;
	width: 522px;
	height: 213px;
	position: relative;
}

ol.flowList li#flow01 {
	background: url(../../img/vip/index_img_flow01.jpg) no-repeat;
}

ol.flowList li#flow01 span {
	font-weight: bold;
	font-size: 117%;
}

ol.flowList li#flow02 {
	background: url(../../img/vip/index_img_flow02.jpg) no-repeat;
}

ol.flowList li#flow03 {
	background: url(../../img/vip/index_img_flow03.jpg) no-repeat;
}

ol.flowList li#flow04 {
	background: url(../../img/vip/index_img_flow04.jpg) no-repeat;
}

ol.flowList li#flow05 {
	background: url(../../img/vip/index_img_flow05.jpg) no-repeat;
}

ol.flowList li h2 {
	padding: 8px 0 8px 225px;
}

ol.flowList li p {
	margin-left: 228px;
}

ol.flowList li#flow05 p {
	padding-bottom: 50px;
}

ol.flowList li ul {
	padding: 15px 0 50px 219px;
}

ol.flowList li ul li {
	float: left;
	padding: 0 11px;
	background: url(../../img/share/icon_arrow01.gif) no-repeat 0 .4em;
}

ol.flowList li ul li.last-child {
	padding-right: 0;
}

*:first-child + html ol.flowList li#flow03 ul li {
	padding-right: 0;
	width: 10em;
}

*:first-child + html ol.flowList li#flow04 ul li {
	padding-right: 0;
	width: 14em;
}

ol.flowList li ul li.notice {
	background: url(../../img/flow/index_icon_notice.gif) no-repeat 0 0.4em;
}

ol.flowList li p.arrow {
	margin: -2em 0 0;
	text-align: center;
}

ol.flowList li#flow05 p.arrow {
	padding-bottom: 0;
}

div.shopList {
	margin: 1em;
	padding: 1em;
	border: solid #993333 1px;
	overflow: hidden;
	zoom: 1;
}

div.shopList p.txt {
	float: left;
	color: #993333;
}

div.shopList p.btn {
	float: right;
}