@charset "utf-8";
/* top.css */

/*プロパティ順番
////////////////////////////////////////////////////*//*


	Mozillaが採用している「ボックスモデルによる記述順番」

	01 display
	02 list-style
	03 position
	04 float
	05 clear
	06 width
	07 height
	08 margin
	09 padding
	10 border
	11 background
	12 color
	13 font
	14 text-decoration
	15 text-align
	16 vertical-align
	17 white-space
	18 other text
	19 content


///////////////////////////////////////////////////////*/
/*tab1*/
.tab1 {overflow:hidden;}
.tab1 li{
	background:#ccc;
	padding:5px 25px;
	float:left;
	margin-right:1px;
	cursor: pointer;
}
.tab1 li.select {background:#ddd;}
.tab1_content li {
	background:#ddd;
	padding:20px;
	width: 560px;
	height: 60px;
}
.hide {display:none;}


/*tab2*/
.tab2 {overflow:hidden;}
.tab2 li{
	background: url(../demo/img/tab_btn_off.jpg) no-repeat scroll center top #ccc;
	padding:10px 0;
	margin-right:2px;
	width: 299px;
	height: 20px;
	float:left;
	cursor: pointer;
	color: #FFF;
	text-align: center;
}
.tab2 li span {
}
.tab2 li.select {
	background: url(../demo/img/tab_btn_on.jpg) no-repeat scroll center top #ddd;
	color: #666;
}
.tab2 li.select span {
}
.tab2_content li {
	background:#ddd;
	padding:20px;
	width: 560px;
	height: 60px;
}
.hide {display:none;}


/*tab3*/
.tab3 {overflow:hidden;}
.tab3 li{
	background: url(../img/tab_btn_off_l.jpg) no-repeat scroll left top #ccc;
	/*padding:10px 0;*/
	margin-right:3px;
	width: 182px;
	height: 40px;
	float:left;
	cursor: pointer;
	text-align: center;
}
.tab3 li .tab3_bg {
	margin-left:3px;
	padding:10px 0;
	background: url(../img/tab_btn_off_r.jpg) repeat-x scroll right top #ddd;
	width: 182px;
	height: 40px;
}
.tab3 li.select {
	background: url(../img/tab_btn_on_l.jpg) no-repeat scroll left top #ccc;
}
.tab3 li.select .tab3_bg {
	background: url(../img/tab_btn_on_r.jpg) repeat-x scroll right top #ddd;
	color: #FFF;
}
.tab3_content li {
    border-top:4px solid #ff9933;
	background:#ddd;
	padding:20px;
	width: 700px;
	height: 60px;
}
.hide {display:none;}