@charset "utf-8";

body {
    font-size:9pt;
    font-family:'lucida grande', verdana, helvetica, arial, sans-serif;
    line-height:150%;
    margin:0;
    padding: 0px;
    color: #000;
    text-align: center;
    background: url(http://www.saitou-naruya-laboratory.org/assets/templates/english/image/body_back.png) top repeat-x;
}

a {
    color:#2F39A0;
}

a:hover {
    color:#369;
}

ul, li, ol, dl, dd, dt, p, form, h1, h2, h3, h4, h5, h6, table, th, td {
    margin:0;
    padding:0;
}

li {
    list-style-type:none;
}

img {
    border:0;
}

.bl {
    text-align:left;
    display:block;
    text-indent:-999em;
    overflow:hidden;
}

#wrapper {
    width:800px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}

/* header */

#sitemap {
	position: relative;
	width: 800px;
	height: 70px;
}

#sitemap .banner1 img {
	display: inline-block;
	margin:10px 5px;
}

#sitemap #index {
	position: absolute;
	right: 0px;
    top: 30px;
}

#sitemap #index a{
	margin-right: 10px;
}

#sitemap #index a{
	float: left;
}
#sitemap #tojapanese {background: url(http://www.saitou-naruya-laboratory.org/assets/templates/english/image/japanese.png);width: 71px;height: 17px;}
#sitemap #tositemap {background: url(http://www.saitou-naruya-laboratory.org/assets/templates/english/image/sitemap.png);width: 62px;height: 18px;}

#header {
    height:198px;
    width: 800px;
    margin-right:auto;
    margin-left: auto;
}

#header h1   {
    height: 155px;
    width: 800px;
    background-image: url(http://www.saitou-naruya-laboratory.org/assets/templates/english/image/logo.png);
    background-repeat: no-repeat;
}

#navi {
	margin-top: 5px;
    height: 43px;
	width:800px;
    margin-bottom: 20px;
}

#navi li {
	float: left;
}

#navi a {
	width: 133px;
	height: 43px;
	background: url(http://www.saitou-naruya-laboratory.org/assets/templates/english/image/menu.png) no-repeat;
}
#navi .i1 a {	background-position: 0px 0px;}
#navi .i2 a {	background-position: -133px 0px;}
#navi .i3 a {	background-position: -266px 0px;}
#navi .i4 a {	background-position: -399px 0px;}
#navi .i5 a {	background-position: -532px 0px; width: 134px}
#navi .i6 a {	background-position: -666px 0px; width: 134px}
#navi .i1 a:hover {	background-position: 0px -43px;}
#navi .i2 a:hover {	background-position: -133px -43px;}
#navi .i3 a:hover {	background-position: -266px -43px;}
#navi .i4 a:hover {	background-position: -399px -43px;}
#navi .i5 a:hover {	background-position: -532px -43px; width: 134px}
#navi .i6 a:hover {	background-position: -666px -43px; width: 134px}


/* side */

#side {
    width:200px;
    float:left;
    padding-bottom: 30px;
    margin-top: 20px;
}

#side dl {
	margin-bottom: 10px;
}
#side dt {
    font-weight:bold;
    line-height: 120%;
}
#side dd {
    font-size: 90%;
}

#side p {
	margin-bottom: 2px;
}


#side #membersite{background: url(http://www.saitou-naruya-laboratory.org/assets/templates/english/image/membersite.png);width: 200px;height: 40px;margin-bottom: 5px;}
#side #student{background: url(http://www.saitou-naruya-laboratory.org/assets/templates/english/image/sudent.png);width: 200px;height: 40px;margin-bottom: 10px;}
#side #address{background: url(http://www.saitou-naruya-laboratory.org/assets/templates/english/image/address.png);width: 200px;height: 25px;margin-bottom: 10px;}

#side #banner2 {
	margin-top: 15px;
}
#side #banner2 img {
	margin-bottom: 10px;
}

/* content */

#content {
	width:570px;
	float:left;
    padding-bottom: 30px;
    margin-top: 20px;
    margin-right: 30px;
}

#content .article {
}

#content h2 {
	width:542px;
	height:29px;
	margin-bottom: 10px;
	background: url(http://www.saitou-naruya-laboratory.org/assets/templates/english/image/title.png);
	font-size: 130%;
	color: #2F2F2F;
	padding-left: 30px;
	padding-top: 3px;
}

#content #lab h2 {background:url(http://www.saitou-naruya-laboratory.org/assets/templates/english/image/lab.png) no-repeat;}
#content #news h2 {background:url(http://www.saitou-naruya-laboratory.org/assets/templates/english/image/whatsnew.png);}
#content #auther h2 {background:url(http://www.saitou-naruya-laboratory.org/assets/templates/english/image/auther.png);}

#content .tolist {
	text-align: right;
	margin-top: 10px;
}

#content .youtube {
	float: right;
	margin-left: 5px;
}

#content #news dl {
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#content #news dt {
    font-weight:bold;
    padding-left: 14px;
    line-height: 120%;
    background-image: url(http://www.saitou-naruya-laboratory.org/assets/templates/english/image/icon.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
}
#content #news dd {
    padding: 0 0 0 14px;
    margin-bottom: 5px;
}

#content #auther dl {
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#content #auther dt {
    font-weight:bold;
    padding-left: 14px;
    line-height: 120%;
    background-image: url(http://www.saitou-naruya-laboratory.org/assets/templates/english/image/icon.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
}
#content #auther dd {
    padding: 0 0 0 14px;
    margin-bottom: 5px;
}

#content .book{
	width: 150px;
	padding-left: 30px;
	float: left;
	margin-top: 10px;
	
}

/*article*/
#content .article h3 {
    font-size: 125%;
    border-bottom: dashed 1px #B63D0E;
    margin: 15px 5px;
}
#content .article h4 {
    font-size: 110%;
    border-bottom: dashed 1px #B63D0E;
    margin: 15px 5px;
}

#content .article h5{
    font-size: 120%;
    margin: 15px 5px;

}

#content .article p {
	margin-bottom: 10px;
}

#content .article ul, #content .article ol {
	margin: 20px 5px;
}

#content .article ul li {
	margin-bottom: 5px;
}

#content .article ol li {
    list-style-type:decimal;
    list-style-position: inside;
    margin-bottom: 5px;
}

#content .article dl {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
}
#content .article dt {
    font-weight:bold;
    padding-left: 14px;
    line-height: 120%;
}
#content .article dd {
    padding: 0 0 0 14px;
    margin-bottom: 5px;
}


#content .article table {
    margin:10px;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}
#content .article table th {
    padding:5px;
    background-color: #E6E6E6;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
}
#content .article table td {
    padding:5px;
    border-bottom: 1px solid #999;
    background-color: #FFF;
}

/* footer */

#footer {
    text-align: center;
    height: 100px;
    background: #3D3D3D url(http://www.saitou-naruya-laboratory.org/assets/templates/english/image/footer_back.png) repeat-x top;
    padding-top: 20px;
}

#footer ul{
	margin-bottom: 20px;
}

#footer ul li{
	color:#FFF;
	display: inline-block;
	border-left: 1px solid #fff;
	margin-left: 4px;
	padding-left: 6px;
}

#footer ul li a{
	color: #fff;
	text-decoration: none;
}

#footer ul li a:hover {
	color: #aaa;
}

#footer ul li:last-child {
	border-right: 1px solid #fff;
	padding-right: 6px;
}

#footer p {
	font-size: 100%;
	color: #A2A2A2;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
}
* html .clearfix {
    height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
