@charset "UTF-8";

/*フォント*/
body {
	font-family : "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro W3" ,"Hiragino Kaku Gothic Pro" , OSAKA ,メイリオ,Meiryo ,"ＭＳ Ｐゴシック" ,"MS PGothic" , "MS UI Gothic" , sans-serif ;
	background-color: #ebe7cf;}


#title{
 float: left;
 font-size: 160%;
 font-weight: 700;
	margin-left: 50px;
}

.pankuzu{
 float: left;
 margin-left: 120px;
 font-size: 95%;
 text-align: left;
}

.content_wrap {
	clear: left;
	text-align: left;
	width: 950px;
	color: #000;
}

#tab li {
	float: left;
	text-decoration:none;
	text-align: center;
	font-size: 115%;
	margin-right:5px;
	padding: 10px 15px;
	list-style: none;
	cursor: pointer;
	background-color: #d3d3d3;
}
#tab li.select {
	text-decoration:none;
	font-weight: 700;
	color:#333;
	cursor:default;
	background-color:#fff;
}
.disnon {
	display: none;
}


/*クリア*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
	}
	
#introduction{
	width: 650px;
	background-color:#fff;
	padding: 30px 100px 20px 100px;
	font-size: 97%;
}

#without-examples{
	background-color:#fff;
	padding: 10px;
	font-size: 95%;	
}

#with-examples{
	background-color:#fff;
	padding: 10px;
	font-size: 95%;	
}
	
/*左右3段組み*/
#wrapper {
	width:940px;
	margin:10px auto;
	position:relative;
	}

.row{
width: 920px;
}

.first_layer_set {
	width:290px;
	margin:0px 5px 0 5px;
	padding: 3px;
	background-color: #eeeeee;
	float:left;
	font-size:97%;
	_display:inline;/*IE6用ハック*/
	}

.left_side {
	width:900px;
	margin:0px 8px 0 8px;
	padding: 3px;
	background-color: #eeeeee;
	float:left;
	font-size:97%;
	_display:inline;/*IE6用ハック*/
	}

first_layer_set  ul ul, div.left_side ul ul{
	font-size:96%;
	}
	
first_layer_set  ul ul ul, div.left_side ul ul ul{
	font-size:95%;
	}

#sidetreecontrol-wo-1, #sidetreecontrol-wo-2,  #sidetreecontrol-wo-3,
#sidetreecontrol-wo-4, #sidetreecontrol-wo-5,  #sidetreecontrol-wo-6,
#sidetreecontrol-wo-7, #sidetreecontrol-wo-8,  #sidetreecontrol-wo-9,
#sidetreecontrol-wo-10, #sidetreecontrol-wo-11,  #sidetreecontrol-wo-12,
#sidetreecontrol-wo-13, #sidetreecontrol-wo-14,  #sidetreecontrol-wo-15,
#sidetreecontrol-wo-16, #sidetreecontrol-wo-17,  #sidetreecontrol-wo-18,
#sidetreecontrol1, #sidetreecontrol2,  #sidetreecontrol3,
#sidetreecontrol4, #sidetreecontrol5,  #sidetreecontrol6,
#sidetreecontrol7, #sidetreecontrol8,  #sidetreecontrol9,
#sidetreecontrol10, #sidetreecontrol11,  #sidetreecontrol12,
#sidetreecontrol13, #sidetreecontrol14,  #sidetreecontrol15,
#sidetreecontrol16, #sidetreecontrol17,  #sidetreecontrol18{
	font-size:80%;
	padding-bottom: 5px;
	text-align: right;
	}


	
li strong{
	color: #191970;
	}	
	
.clear{
clear: both;
padding: 0.1em;
}

.rightmost{
	float: right;
	font-size: 105%;
	padding: 10pt 10pt 0 0;
	
}