body {
margin:0; padding:0; font-family: Verdana, Arial, sans-serif;

}




h1, h2, h3, h4, h5, h6, p, form { margin: 0; padding: 0; }
h1 { font-size: 15px; margin-bottom: 15px; }
h2 { font-size: 14px; margin-bottom: 15px; }
h3 { font-size: 20px; margin-bottom: 15px; line-height:25px;}

img { border: none; padding-bottom: 0; vertical-align: middle;}
.clear { clear: both!important; display: block; margin: 0; padding: 0; font-size: 0; }

.wrapper { width: 960px; margin:0; padding:0; background:#fff;}
.floatleft { float:left; display: block;}


.left { float:left; width: 240px; background: #fff;}
.right { float:left; width: 720px; }


.logo { margin: 20px 0;}

/* navi */

.navi { margin-left:25px; padding: 0; }

.navi ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.navi li { line-height: 22px; }

.navi a {
background: url(../img/nav_arrow.png) no-repeat 0 1px;
text-decoration: none; color: #666; font-size: 13px; font-family: Verdana;
padding:0px 0 0px 20px;
}

.navi a:hover, .navi .active a { color: #111; }


.navi ul ul li { margin-left: 17px; }
.navi ul ul li a { color: #666!important;}
.navi ul ul li a:hover, .navi ul ul li.active a { color: #111!important;}

.top { border-bottom: 1px solid #666;}

.metanavi { font-size: 11px; color: #666; text-align:right; padding: 15px 0 5px 0;}
.metanavi a { font-size: 11px; color: #666; text-decoration:none; }
.metanavi a:hover { color: #111;}

.content { margin: 115px 0 40px 0;}
.content .element { margin-bottom: 30px; padding-top: 10px;}
.content .border_top { border-top: 1px solid #666;}
.content h1 { font-size: 14px;}
.content h2 { font-size: 13px; font-weight: bold;}
.content p { font-size: 13px; color: #111; padding-bottom: 10px;}
.content a { font-size: 13px; color: #666; text-decoration:underline; }
.content a:hover { color: #111; }
.content img { float: left; margin-right: 15px; }

.content ul { margin: 0px 0 15px 0; padding-left: 25px; }
.content ul li { font-size: 13px; color: #111; padding-bottom: 5px; }