@charset "UTF-8";

/*detailTitle
--------------------------------------------------------------------------*/
.detailTitle{
	position:relative;
	width: 685px;
}
.detailTitle h2{
	margin: 0;
	padding:0 180px 0 0;
}	

.detailTitle ul{
	position:absolute;
	top:5px;
	right:5px;
}
.detailTitle ul li{
	display:inline;
	margin:0 0 0 3px;
}
.linkHello{
	text-align:right;
	font-size:10px;
}
.linkHello span{
	background:url(/img/2009/common/icon/arrow_triangle.gif) no-repeat 0 50%;
	padding:0 0 0 5px;
}	
	
/*h3style-helllo
--------------------------------------------------------------------------*/	
.boshuStyle,
.kigyoStyle{
	height:34px;
	position:relative;
	margin:0 0 10px 0;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
	display:block;
}
.boshuStyle span,
.kigyoStyle span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.boshuStyle span{
	background:url(/img/2009/detail/h_hello.gif) no-repeat 0 0;
}
.kigyoStyle span{
	background:url(/img/2009/detail/h_hello.gif) no-repeat 0 -34px;
}	
/*tableStyle
--------------------------------------------------------------------------*/
table.sheet{
	margin:0 0 20px 0;
}
.sheet th,
.sheet td{
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}
.sheet th{
/*
	width:100px;
*/
	width:14.6%;
}
.sheet td{
	width:200px;
}
/*BoxList
--------------------------------------------------------------------------*/
dl.BoxList dt{
	font-weight:bold;
}

/*checkSection
--------------------------------------------------------------------------*/
#checkSection h3{
	position:relative;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
}
#checkSection h3 span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
/*
#checkSection{
	margin:0 0 20px 0;
	border:1px solid #8FC0E9;
	padding:10px;
	position:relative;
	width:860px;
}*/
#checkSection{
	margin:0 0 20px 0;
	border:1px solid #8FC0E9;
	padding:10px;
	position:relative;
	width:660px;
}
/*
#checkSection.col3 {
	width:660px;
}*/
#checkSection.col3 {
	width:660px;
	position:relative;
	border:1px solid #8FC0E9;
	height:640px;
	margin-bottom:20px;
}
#checkSection .inner {
	position:absolute;
	top:56px;
	left:0px;
	width:584px;
	overflow:hidden;
	margin-left:44px;
	height:580px;
	padding:0;
}
#checkSection .slideSec{
    height: 280px;
}
#checkSection .nextBtn,
#checkSection .prevBtn {
    top:330px;
}
#relateCom .inner #sliderBox {
	width:1000px;
}
#relateCom .inner {
	width:587px;
}
#checkSection h3{
	height:32px;
	width:379px;
	margin:0 auto 15px auto;
}	
#checkSection h3 span{
	background:url(/img/2009/detail/h_connect.gif) no-repeat 0 0;
}
#checkSection #checkListTable{
	margin:0 auto;
}
#checkListTable th,
#checkListTable td{
	width:215px;
	background:url(/img/2009/common/border_vartical.gif) repeat-y 100% 100%;
	text-align:center;
}
#checkListTable .rightTd{
	background:none;
}
.checkListTableIn th{
	width:120px;
	height:90px;
	text-align:center;
	vertical-align:middle;
	padding:0 0 5px 0;
}
				
.checkListTableIn td ul{
	text-align:left;
	margin:0 8px 8px 20px;
}
.checkListTableIn td h4 {
	margin:0 8px 8px 5px;
	/font-size: 12px;
}	
.checkListTableIn td h4 a{
	background:url(/img/2009/common/line_dot.gif) repeat-x 0 100%;
	padding:0 0 3px 0;
	font-weight:bold;
	font-size:12px;
}
li.beginner{
	background:url(/img/2009/common/icon/icon_beginner.gif) no-repeat 0 50%;
	padding:0 0 0 18px;
}
li.coin{
	background:url(/img/2009/common/icon/icon_coin.gif) no-repeat 0 50%;
	padding:0 0 0 18px;
}			
li.paper{
	background:url(/img/2009/common/icon/icon_paper.gif) no-repeat 0 50%;
	padding:0 0 0 18px;
}			
li.experienced{
	background:url(/img/2009/common/icon/icon_experienced.gif) no-repeat 0 50%;
	padding:0 0 0 18px;
}

#checkSection .beforeLink{
	top:50px;
	left:10px;
}
#checkSection .nextLink{
	top:50px;
	right:10px;
}
.beforeLink a{
	top:100px;
	left:10px;
}
.nextLink a{
	top:100px;
	right:10px;
}
/*hellowNewMember
------------------------------------------------------*/
.hellowNewMember{
	margin:10px 0;
}

.hellowNewMember a{
	position:relative;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
	display:block;
	width:685px;
	height:249px;
}
.hellowNewMember a span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.hellowNewMember a span{
	background:url(/img/2009/detail/hw_new_btn.gif) no-repeat top;
}
.hellowNewMember a:hover span{
	background-position:bottom;
}