@charset "utf-8";

/*================================
ファイル名：flow.css
説明：料金・ご入会までの流れのスタイル

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
* ========================================= */

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

ol.admissionFlow{
	background:url(../../img/flow/admit_bg.gif) top left no-repeat;
	width:518px;
	height:73px;
	padding:9px 0 0 13px;
	}

ol.admissionFlow li{
	list-style-type:none;
	padding:0;
	margin:0 11px 0 0;
	float:left;
	display:inline;
	}
	
	ol.admissionFlow li a:hover img{
	opacity: .5;
	filter: alpha(opacity=50);
	}
	
	ol.admissionFlow li.adminF6{margin:0;} 

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;
	min-height: 213px;
	position: relative;
}

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

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

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

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

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

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

ol.flowList li#flow06 {
	background: url(../../img/flow/index_img_flow06.jpg) no-repeat;
}

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

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

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;
}

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

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#notice {
	margin-left: 30px;
	padding-bottom: 70px;
}

div#notice p {
	margin: 12px 0 0 29px;
}

div#notice dl {
	margin: 22px 0 0 29px;
}

div#notice dl dt {
	font-weight: bold;
}