@charset "utf-8";


/* -- ul.tab-menu -------------------------------------------------------------------------------------------- */
.banner01 {
	margin : 0px 150px;
}
ul.tab-menu {
	width : 1000px;
	margin : 10px auto 0;
	list-style-type : none;
	display : flex;
}

ul.tab-menu li {
	background : #a9a9a9;
	border-radius: 15px 50px 30px;
	padding : 25px 15px;
	font-weight: bold;
}

ul.tab-menu li:hover {
	cursor : pointer;
	opacity : 0.3;
}

ul.tab-menu li.active {
	background : #ffffff;
}

ul.tab-menu li.active:hover {
	cursor : default;
	opacity : 1.0;
}




/* -- div.tab-* -------------------------------------------------------------------------------------------- */

div.tab-1,
div.tab-2,
div.tab-3,
div.tab-4,
div.tab-5,
div.tab-6 {
	width : 960px;
	margin : 0 auto 50px;
	padding : 5px 5px;
	background : #cccc33;
	display : none;
}
/* #cccc33 で　テキストの枠の色 */
div.active {
	display: block;
}




.example03-box {
　　width: 400px;
　　overflow: hidden;
　　_zoom: 1; /*IE6バグ対策*/
　　border: 1px solid DDDDDD;
　　padding: 15px;
}
.example03-box .img {
　　padding-right: 15px;
　　float: left;
}
.example03-box .txt {
　　overflow: hidden;
　　_zoom: 1; /*IE6バグ対策*/
}



.root_outline{
   background-color:#000000;
　　width: 400px;
　　_zoom: 1; /*IE6バグ対策*/
　　border: 1px solid DDDDDD;
　　padding: 1px;
}
.root_outline.img {
　　padding-right: 15px;
　　float: left;
}
.txt { 
   color: #FFFFFF;
   border: 1px;
　　_zoom: 1; /*IE6バグ対策*/
}


.sample1 {
	width:			1000px;
	height:			900px;
	overflow:		hidden;
	margin:			10px 8px 10px 16px;
	position:		relative;	/* 相対位置指定 */
	color:    #000000;
}
.sample1 .caption {
	font-size:		200%;
	text-align: 		left;
	padding-top:		80px;
	padding-left:		30px;
	color:			#FFFFDD;
}