@charset "UTF-8";





#navi ul li h1 a {
	font-size:80%;
	display:block;
	padding:5px 0 2px 0;
	margin:-5px 8px 0 8px;
	background:url(../img/bt.png) 0 -35px no-repeat;
	width:157px;
	height:27px;
	float:left;
	text-align:center;
}



a.com span {
	letter-spacing:-0.15em;
}



.emphasis {
	font:130% bold;
}



ul.exampleweb {
	list-style:none;
	margin:10px 0;
	padding:0;
}
ul.exampleweb li a {
	float:left;
	display:block;
	margin:0 10px;
}


.bt {
	float:left;
	width:169px;
	text-align:center;
	overflow:hidden;
	margin:0;
	padding:10px 0 0 0;
}

.bt_l {
	border-right:1px #CCC dashed;
}

.bt ul {
	text-align:left;
}

.bt a:hover {
	background:none;
}

div.samplephoto {
	margin-bottom:20px;
	height:450px;
	overflow:auto;
	margin:0 2px;
	padding-bottom:10px;
	border:1px #999 solid;
	border-top:none;
}
div.samplephoto p {
	font-size:70%;
	margin:0 0 0 15px;
}
div.samplephoto a img {
	width:115px;
	height:115px;
	border:1px #CCC solid;
	padding:5px;
	margin:5px 0 5px 3px;
	float:left;
}


.flow {
	background:url(../img/arr1.png) 15px bottom no-repeat;
}
.flow:last-child {
	background:none;
}
.flow h3 {
	background:#666;
	color:#FC0;
	font-size:100%;
	padding:6px 12px;
	margin:1em 0 0 0;
	border-radius: 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	-opera-border-radius:6px;
	-khtml-border-radius:6px;
	behavior: url(../css/border-radius.htc);
}
.flow p {
	margin:0.5em 0 0 75px;
}