@charset "shift_jis";

/*-----------------------------------------------------
���o���摜�p�ݒ�
-------------------------------------------------------*/
body .system_content{width:730px;}
.pan{margin:0 0 0 15px;}
#Side{padding:0 24px 0 15px;}
#Main{
	padding:35px 0 0 15px;
}
#Main,
#Main ul, #Main ol, #Main dl, #Main li,
#Main p, #Main h1, #Main h2, #Main h3, #Main h4, #Main h5,
#Main div {
	box-sizing:content-box;
}
/*-----------------------------------------------------
lead
-------------------------------------------------------*/
#Main div.lead{
	width:700px;
	margin:0 auto;
	padding:0 0 23px 0;
	background:url(/assets/images/guide/common/bg_tab_top.gif) no-repeat 0 100%;
}
#Main div.lead ul{
	height:162px;
	padding:0 0 40px 0;
}
#Main div.lead ul li{
	float:left;
}
#Main div.lead p{
	margin:0 0 20px 0;
}

/*-----------------------------------------------------
TabArea
-------------------------------------------------------*/
#Main div.TabArea{
	padding:3px 4px;
	background:url(/assets/images/guide/common/bg_tab_repeat.gif);
	border-right:1px solid #BCBCBC;
	border-left:1px solid #BCBCBC;
}
#Main div.TabArea-wrapper{
	padding:0 0 2px 0;
	background:url(/assets/images/guide/common/bg_tab_bottom.gif) no-repeat 0 100%;
}
/* tab
---------------------*/
#Main div.TabArea ul.tab{
	height:44px;
	background:#FFF;
}
#Main div.TabArea ul.tab li{
	float:left;
}
/* TabContentTabContent
---------------------*/
#Main div.TabArea .TabContent{
	width:690px;
	padding:24px 0 0 0;
	background:#FFF;
}
/* h3 */
#Main div.TabArea .TabContent h3{
	margin:0 0 17px 0;
}
#Main div.TabArea .TabContent h3 img{
	border-bottom:1px solid #191919;
}
/* next */
#Main div.TabArea .TabContent div.next{
	margin:1px;
	padding:1px 0 0 0;
	text-align:center;
	background:url(/assets/images/guide/common/bg_btn_line.gif) repeat-x 0 0;
}
#Main div.TabArea .TabContent div.next p{
	padding:15px 0;
	background:url(/assets/images/guide/common/bg_btn_repeat.gif);
}
#Main div.TabArea .TabContent div.next p img{
	cursor:pointer;
}