@charset "UTF-8";

/*===================================================================
------------------
Table Of Contents
------------------
 01) .guide
 
 99) clearfix
===================================================================*/

/*-------------------------------------------------------------------
 02) .guide
 -------------------------------------------------------------------*/
.guide { padding: 0 0 30px 0;}

.guide h1 { padding: 15px 0 20px;}
.guide h2 { padding: 0 0 10px;}

.guide ul.tab {
	width: 946px;
	padding-bottom: 6px;
	overflow: hidden;
	background: transparent url(../images/guide/bg_tab.gif) left bottom repeat-x;
}

.guide ul.tab li {
	float: left;
	margin-right: 12px;
}

.guide ul.tab li.t4 { margin-right: 0;}

.guide .tabArea {
	padding: 18px 0 18px 25px;
	border-left: 2px solid #3f3f3f;
	border-right: 2px solid #3f3f3f;
	border-bottom: 2px solid #3f3f3f;
}

.guide .tabArea .area {
	width: 920px;
	margin: 0 -26px 20px 5px;
}

.guide .tabArea .area .detail {
	float: left;
	width: 200px;
	margin-right: 26px;
}

.guide .tabArea .area .detail div { margin-bottom: 10px;}

.guide .tabArea .area .detail p {
	margin-bottom: 0.5em;
	font-weight: bold;
}

.guide .tabArea .area .detail p.data {
	padding-top: 0.3em;
	font-size: 90%;
	font-weight: normal;
	border-top: 1px solid #d9d9d9;
}

.guide .tabArea .area .detail p.data span {
	display: block;
	padding-left: 5em;
}

.guide .tabArea .area .detail p.data span.indent2 {
	padding-left: 4em;
}

.guide .pagetop {
	padding: 15px 5px 0 0;
	text-align: right;
}


/*-------------------------------------------------------------------
 99) clearfix
 -------------------------------------------------------------------*/
.clearfix:after,
.guide ul.tab:after,
.guide .tabArea .area:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
.guide ul.tab,
.guide .tabArea .area { display: inline-block;}