@charset "utf-8";

/* 共通スタイル */
body {
	/*	margin: 0 auto;*/
	margin: 0 0 20px 20px;
	background-color: #999999;
	font-size: 75%;
	font-family: Arial, sans-serif;
}

#wrap {
	width: 650px;
	background-color: #eeeeee;
	margin:0 auto;
}

img {
	border: none;
}

img.welcome {
 margin-right: 20px;
}


h1 {
	color: #3f5d06;
	font-family: Tahoma, sans-serif;
	font-size: 150%;
	margin-top: 0;
	padding: 0;
	margin-bottom: 0.3em;
	width: 460px;
}

h2 {
	color: #3f5d06;
	font-size: 120%;
	width: 460px;
	margin: 0 0 10px 0;
	border-left: 4px #3f5d06 solid;
	padding-left: 4px;
}

h3 {
	font-size: 100%;
	color: black;
	width: 460px;
	margin: 0 0 10px 0;
}

h4 {
	width: 460px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

p {
	width: 460px;
	margin-right: 15px;
}

ul ul {
	margin-right: 20px;
}
ul {
	margin-right: 20px;
	padding-left: 15px;
}


/* #head: ヘッダ */
#head {
	background-color: #375005;
	height: 10px;
}

/* #body: ボディ */
#body {
}

	ul.launchucompare {
		width: 150px;
		list-style: none;
		padding: 0;
	}


			ul.launchucompare li.launchucompare a { 
margin-left: 150px;
				width: 150px;
				height: 25px;
				background-position: left -25px;
				background-repeat: no-repeat;
				background-image: url(../images/button_launch_ucompare.png);
			}

	/* .global-navi: グローバルナビ */
	ul.global-navi {
		width: 150px;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
		ul.global-navi li {
		}
		
			ul.global-navi li a {
				display: block;
				width: 150px;
				height: 25px;
				background-position: left -25px;
				background-repeat: no-repeat;
				text-indent: -9999px;
			}

			ul.global-navi li.launch a { 
				background-image: url(../images/button_launch.png);
				height: 30px;
				margin-top: 5px;
			}
			
			ul.global-navi li.home a { background-image: url(../images/button_home.png);}
			ul.global-navi li.updates a { background-image: url(../images/button_updates.png);}
			ul.global-navi li.userguide a { background-image: url(../images/button_userguide.png);}
			ul.global-navi li.developerguide a { background-image: url(../images/button_developerguide.png);}

			ul.global-navi li.components a { background-image: url(../images/button_components.png);}			
			ul.global-navi li.forum a { background-image: url(../images/button_forum.png);}
			ul.global-navi li.faq a { background-image: url(../images/button_faq.png);}
			ul.global-navi li.publications a { background-image: url(../images/button_publications.png);}
			ul.global-navi li.license a { background-image: url(../images/button_license.png);}
			ul.global-navi li.contact a { background-image: url(../images/button_contact.png);}
			ul.global-navi li.link a { background-image: url(../images/button_link.png);}
			ul.global-navi li.japanese a { background-image: url(../images/button_japanese.png);}

			ul.global-navi li.bionlp09 a { 
				background-image: url(../images/button_bionlp09.png);
				height: 30px;
				margin-top: 5px;
			}
			ul.global-navi li.taverna a { background-image: url(../images/button_taverna.png);}
			
			ul.launchucompare li.launchucompare a:hover,
			ul.global-navi li.launch a:hover,

			ul.global-navi li.home a:hover,
			ul.global-navi li.components a:hover,
			ul.global-navi li.updates a:hover,
			ul.global-navi li.userguide a:hover,
			ul.global-navi li.developerguide a:hover,
			ul.global-navi li.forum a:hover,
			ul.global-navi li.get-involved a:hover,
			ul.global-navi li.faq a:hover,
			ul.global-navi li.publications a:hover,
			ul.global-navi li.license a:hover,
			ul.global-navi li.contact a:hover,
			ul.global-navi li.link a:hover,
			ul.global-navi li.search a:hover,
			ul.global-navi li.japanese a:hover,
			ul.global-navi li.bionlp09 a:hover,
			ul.global-navi li.taverna a:hover,
			ul.global-navi li.links a:hover { background-position: left top;}
			
			
			ul.global-navi li.pressed a {
				background-position: left top;
			}
	

/* #foot: フッタ */
#foot {
	background-color: #375005;
	height: 30px;
}



/* .clearfix: 内側のfloatをclear */
.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}
.clearfix {display: inline-block;}
/* \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* - */

.clear {
	clear: both;
}