@charset "Shift_JIS";


/*===========　タブエリア設定　==========*/
#tabArea {
	width:100%;
	text-align:left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	}


/*===========　タブグループ　==========*/
#tabtabGroup {
	margin:0;
	padding:0;
	float:left;
	width:100%;
	}
	

/*===========　タブ　li設定　==========*/
#tabGroup li {
	text-align:center;
	float:left;
	}	
	
	
/*===========　タブの間隔　==========*/
#tab01 a,
#tab02 a,
#tab03 a {
	margin-right: 5px;
	height: 29px;
	width: 140px;
	display: block;
	text-decoration: none;
}


/*===========　タブの色　==========*/
#tab01 a:link,
#tab01 a:visited {
	background-image: url(../img/tab1_1.gif);
	background-repeat: no-repeat;
}


#tab02 a:link,
#tab02 a:visited {
	background-image: url(../img/tab2_1.gif);
	background-repeat: no-repeat;
}


#tab03 a:link,
#tab03 a:visited {
	background-image: url(../img/tab3_1.gif);
	background-repeat: no-repeat;
}


/*===========　タブのロールオーバー　==========*/
#tab01 a:hover {
	background-image: url(../img/tab1_2.gif);
	background-repeat: no-repeat;
}


#tab02 a:hover {
	background-image: url(../img/tab2_2.gif);
	background-repeat: no-repeat;
}


#tab03 a:hover {
	background-image: url(../img/tab3_2.gif);
	background-repeat: no-repeat;
}


/*===========　コンテンツ　全体設定　==========*/
#contents01,
#contents02,
#contents03{
	clear: both;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 470px;
}


/*===========　各コンテンツ設定　==========*/
#contents01 {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #76AD53;
	background: #FFF url(../img/tab_bg_01.gif) repeat-x top;
}


#contents02 {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #5A8DB8;
	background: #FFF url(../img/tab_bg_02.gif) repeat-x top;
}


#contents03 {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #9E5F93;
	background: #FFF url(../img/tab_bg_03.gif) repeat-x top;
}
