/**DEFAULT*/
body {
	background-image: url(img/back.gif);
	background-repeat: repeat;
	border-style:none;
	font-size:12px;
	color: #333333;
	margin: 0;
	padding: 0;
	}

/**BACK BOARD*/
.backboard{
	background-color: #ffcc00;
	border-style:none;
	width: 780px;
	margin: 0;
	padding: 0;
	}
.shadow{
	background-image: url(img/back_shadow.gif);
	background-repeat: repeat;
	width: 10px;
	margin: 0;
	top: 0;
	}

/**HEADER*/
.header{
	border:none;
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff;
	width: 760px;
	margin: 10px;
	}

.menu{
	color: #ffffff;
	width: 740px;
	padding: 3px 10px;
	background-color: #ff9900;
	border-style: solid none none;
	border-width: 1px;
	border-color: #ffffff;
	}
.menu a:link, a:visited, a:active {
	color:#ffffff;
	text-decoration:none;
	}
.menu a:hover {
	text-decoration: underline;
	}

.mail{
	color: #ffffff;
	padding: 3px;
	border-style: none solid;
	border-width: 1px;
	border-color: #ffffff;
	position: absolute;
	top: 11px;
	left: 500px;
	}
.mail a:link, a:visited, a:active {
	color:#ffffff;
	text-decoration:none;
	}
.mail a:hover {
	text-decoration: underline;
	}

/**MAIN LAYOUT*/
.path{
	font-size: 0.75em;
	color: #333333;
	}

.main{
	width:760px;
	background-color: #ffffff;
	border-style:none;
	margin: 0 10px;
 	}
	
.main a:link{			text-decoration: none;	color: #3366CC;	}
.main a:visited{	color: #003399	}
.main a:active{		color: #CCCCCC	}
.main a:hover{		text-decoration: underline;	}

.contents{
	vertical-align:top;
	padding-left: 10px;
	text-align:left;
	}
	
h1 {
	font-size:1em;
	padding-top:6px;
	padding-bottom: 4px;
	padding-left: 8px;
	text-align:left;
	margin-bottom:0;
	margin-top: 20px;
	color: #000000;
	background-color: #ffcc00;
	border-style: none solid solid none;
	border-width: 1px;
	border-color: #999999;
	}
h1 img {
	vertical-align: middle;
	}

h2 {
	font-size:1em;
	padding-left: 0;
	text-align:left;
	margin-bottom:0;
	margin-top: 15px;
	color: #000000;
	}
h2 span {
	font-weight:normal;
	}
h2 img {
	vertical-align: middle;
	}

h3 {
	font-size:1em;
	padding-left: 8px;
	text-align:left;
	margin-bottom:0;
	margin-top: 30px;
	color: #000000;
	}
h3 img {
	vertical-align: middle;
	}
	
.mark {
	margin-right: 0.3em;
	}

ol.decimal{
	list-style-type:decimal;
	margin-left:40px;
	margin-top:0;
	}
ul.square{
	list-style-image:url(img/mark01.gif);
	margin-left:40px;
	margin-top:0;
	font-weight: bold;
	}
ul.disc{
	list-style-type:disc;
	margin-left:40px;
	margin-top:0;
	}
ul.circle{
	font-size: 0.9em;
	list-style-type:circle;
	margin-left:40px;
	margin-top:0;
	}
p.column{
	line-height:1.5em;
	margin-left:16px;
		}

p.column#prof {
	margin-left:16px;
	line-height:180%;
	}
.decimal li {
	line-height:1.5em;
	margin-bottom:10px;
	}
div.signiture {
	text-align:right;
	margin-bottom:40px;
	}
.contents {
	font-size:1.0em;
	}

/**CHART*/
thead{
	background-color:#666666;
	color:#ffffff;
	}
tbody{
	background-color:#ffffff;
	}
.rowheader{
	background-color:#cccccc;
	text-align:center;
	}
.chart{
	border:none;
	width:100%;
	border-top:1px solid #333333;
	border-left:1px solid #333333;
	margin-bottom:20px;
	margin-top:10px;
	}
#chart2 td,th{
	border:none;
	border-bottom:1px solid #333333;
	border-right:1px solid #333333;
	padding:2px 5px;
	text-align:left;
	}
#chart td,th{
	border:none;
	border-bottom:1px solid #333333;
	border-right:1px solid #333333;
	padding:2px 0;
	text-align:center;
	}
caption{
	border-left:10px solid #cccccc;
	text-align:left;
	padding-left:5px;
	margin-top:10px;
	margin-bottom:10px;
	}

/**SIDEBAR*/
.sidebar{
	vertical-align:top;
	width: 200px;
	margin-bottom: 20px;
	top: 130px;
	}
.sidebar a{
	padding: 3px;
	}

.detail{
	font-size: 11px;
	padding: 3px;
	}

.detail a {
	line-height: 125%;
	}

.solid01{
	border-top: 1px solid #ff9900;
	}
.solid02{
	border-top: 1px solid #666666;
	margin-bottom: 3px;
	}
.border01{
	border: 1px solid #ff9900;
	margin-bottom: 20px;
	}
.border02{
	border: 1px solid #666666;
	margin-bottom: 20px;
	}
.dotted01{
	border-top: 1px dotted #ff9900;
	margin: 0 3px 3px 0;
	}
.dotted02{
	border-top: 1px dotted #666666;
	margin: 0 3px;
	}

/**COLOR*/
.point{
	color: #ff6600;
	}
.caption{
	color:#FFFFFF;
	}
/**FOOTER*/
.footer{
	font-size: 1.0em;
	color: #ffffff;
	width: 740px;
	margin: 0 10px;
	height: 20px;
	padding: 4px 10px 0;
	background-color: #ff9900;
		}
.footer a:link, a:visited, a:active {
	color:#ffffff;
	text-decoration:none;
	}
.footer a:hover {
	text-decoration: underline;
	}
.home{
	position:absolute;
	left: 590px;
	}
.home a{
	width: 65px;
	height: 16px;
	display: block;
	background-image: url(img/b_home.gif);
	background-repeat: no-repeat;
	}
.home a:hover{
	background-image: url(img/b_home_f2.gif);
	}
.pagetop{
	position:absolute;
	left: 676px;
	}
.pagetop a{
	width: 84px;
	height: 15px;
	display: block;
	background-image: url(img/b_pagetop.gif);
	background-repeat: no-repeat;
	}
.pagetop a:hover{
	background-image: url(img/b_pagetop_f2.gif);
	}

/**ADDRESS*/
address{
	font-style: normal;
	font-size: 12px;
	padding: 5px 10px;
	width: 740px;
	margin: 0 10px;
	background-color: #ff9900;
	}
address a {
	text-decoration:none;
	color:#333;
	}

/**TABLE**/
#mailform {
	width:500px;
	background-color:#808080;
	}
#mailform td {
	line-height:25px;
	vertical-align:top;
	}
.leftcell {
	background-color:#D4DFFF;
	color:#333333;
	}


/* hakenmach.jspのスタイル 20060206追加_aoki */

.under {
	text-decoration : underline;
	}

.hamachi p {
	line-height: 140%;
	margin-top: 10px;
	}

.hamachi h2 {
	font-size:1em;
	margin: 20px 0px 0px 0px;
	padding:6px 0px 4px 8px;
	text-align: left;
	color: #222;
	background-color: #60C3EA;
	border: none solid solid none;
	border-width: 1px;
	border-color: #999999;
	}

#hamachi_title {
	background: url("img/hamachi/hamachi_title.gif") no-repeat top left;
	width: 517px;
	height: 65px;
	border: none;
	padding: 0px;
	margin: 0px;
	
	}

#hamachi_title span {
	display: none;
	}

.hamachi img {
	border: 1px solid #999;
	}


.hamachi .left {
	float: left;
	width: 295px;
	margin-bottom: 15px;
	}

.hamachi .right {
	float: right;
	text-align:right;
	margin: 0px;
	}

.right a {
	text-decoration: none;
	}

.hamachi .clear {
	clear: both;
	}

.hamachi .zoom {
	position: relative;
	top: -27px;
	_top: -23px;
	}

.caption {
	color: #000;
	font-size: 90%;
	position: relative;
	top: -42px;
	}

.floatl{
       float:left;
       }

.floatr{
       float:right;
       margin-top: 30px;
       margin-left: 10px;
       }
.clear{
       clear:both;
       }

/*casestudy.text編集20070417_yoshida*/
.index {
	font-size:13px;
	font-weight:bold;
	margin: 0;
	padding: 0;
	}

.title {
	font-size:18px;
	font-weight:bold;
	}

.content {
	width: 550px;
}

.date {
	float: left;
	width: 53px;
	margin-bottom: 10px;
	line-height: 140%; 
}

.site {
	float: left;
	width: 262px;
	margin-bottom: 10px;
	line-height: 140%; 
}

.url {
	float: left;
	width: 234px;
	margin-bottom: 10px;
	line-height: 140%; 
}