/* -----------------------------------------
	for index.html
-------------------------------------------- */

/* =========================================
	basic layout
	- .main
	- .sub
============================================ */

/* main */
.main{
	display: inline-block;
	vertical-align: top;
	width: 470px;
	padding-left: 20px;
}
.sub{
	display: inline-block;
	vertical-align: top;
	width: 250px;
	padding: 0 20px;
}
	/* ie67 ----------- */
	* html .main{ display: inline; width: 491px;}
	* html .sub{ display: inline; width: 290px;}
	*:first-child+html .main{ display: inline;}
	*:first-child+html .sub{ display: inline;}
	/* ie67 end ------- */

/* =========================================
	.main
	- banners
	- item
	- stair
============================================ */

.main h2{
	font-size: 100%;
}
.main h3{
	font-size: 90%;
}
.main p{
	font-size: 80%;
	line-height: 1.5;
	text-align: left;
}
.main li{
	font-size: 80%;
	text-align: left;
	margin: 0.5em 0;
}

/* greeting */
.greeting{
	padding: 0 5px 5px;
}

/* banners */
.main .banners{
	list-style-type: none;
	margin: 20px 0;
	padding: 0;
}
.main .banners li{
	display: inline-block;
	margin: 0;
	padding: 0;
}
	/* ie67 ----------- */
	* html .main .banners li{ display: inline;}
	* html .main .banners .ie{ padding-left: 3px;}
	*:first-child+html .main .banners li{ display: inline;}
	*:first-child+html .main .banners .ie{ padding-left: 3px;}
	/* ie67 end ------- */

/* item */
.main .item{
	text-align: left;
}
.main .item .img{
	display: inline-block;
	vertical-align: middle;
	width: 140px;
}
	/* ie67 ----------- */
	* html .main .item .img{ display: inline;}
	*:first-child+html .main .item .img{ display: inline;}
	/* ie67 end ------- */

.main .item .mes{
	display: inline-block;
	vertical-align: middle;
	width: 305px;
	padding-left: 20px;
}
	/* ie67 ----------- */
	* html .main .item .mes{ display: inline;}
	*:first-child+html .main .item .mes{ display: inline;}
	/* ie67 end ------- */

/* stair */
.main .stair{
	padding-bottom: 10px;
}
.main .stair p{
	padding-left: 10px;
}
.main .stair ul{
	padding: 0 0 0 15px;
}
.main .stair li{
	list-style-type: none;
	text-align: left;
	background-image: url(../images/li_bg_blue.png);
}
.main .stair .ib{
	display: inline-block;
}
.main .stair .title{
	text-align: center;
	font-weight: bold;
	margin-bottom: 0.2em;
}
	/* ie67 ----------- */
	* html .main .stair .ib{ display: inline;}
	*:first-child+html .main .stair .ib{ display: inline;}
	/* ie67 end ------- */


/* =========================================
	.sub
	- .sban
============================================ */

.sub li{
	margin: 0.7em 0;
}

/* sban */
.sub .sban{
	list-style-type: none;
	margin: 0.7em 0 20px;
	padding: 0;
}
.sub .sban li{
	margin: 3px 0;
	padding: 0;
}

/* stair */
.sub .stair{
	margin: 30px 0;
}
.sub .stair h2{
	margin: 0;
}
.sub .stair p{
	font-size: 80%;
	line-height: 1.5;
	text-align: left;
	padding: 0 0.5em;
}
.sub .stair ul{
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 10px;
}
.sub .stair li{
	font-size: 80%;
	text-align: left;
	background-image: url(../images/li_bg_green.png);
	padding-left: 20px;
}
.sub .stair .map{
	border-top: dotted 1px #aaa;
}

/* column */
.sub .column{
	margin: 30px 0;
	border-width: 0 1px 1px 1px;
	border-color: #aaa;
	border-style: solid;
}
.sub .column h2{
	font-size: 80%;
	background: url(../images/sub_h2_bg.png) repeat-x;
	margin: 0;
	padding: 8px 0;
}
.sub .column ul{
	font-size: 80%;
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0 0 0 10px;
}
.sub .column li{
	background-image: url(../images/li_bg_red.png);
}