@charset "utf-8";
/*
Theme Name: itnavi template
Description: ITNAVI WordPress Special Theme
Tags: two columns left
*/

body {
 padding: 0px;
 margin: 0px;
 page-break-before: auto;
 page-break-after: auto;
 text-align: center
}
#back {
 background: repeat-y center 50%;
 margin: 0px;
 padding: 0px;
}
#wrap {
 border: #000000 1px solid;
 margin-left: auto;
 margin-right: auto;
 width: 850px;
 text-align: left
}
#wrap #header {
 background: #000000;
 width: 850px;
 height: 150px;
}
#wrap #header p {
 padding: 5px;
 margin: 0px;
 font-size: 80%;
 color: #ffffff;
 line-height: 1.5em
}
#wrap #navi {
color: #ffffff;
height: 23px;
width: 850px;
margin-top: 30px;
padding: 0px;
background: #000000 url();
}
#wrap #navi p {
 padding: 5px 15px 0px;
 font-size: 80%;
 margin: 0px;
 color: #ffffff;
 line-height: 20px;
}
#wrap #navi a { color: #ffffff }
#wrap #navi a:hover { color: #ffffff }

#wrap #content {
 padding: 10px;
 padding-right: 10px;
 margin-top: 10px;
 float: left;
 width: 550px;
}
#wrap #content h1 {
 padding: 5px 3px 5px 15px;
 font-size: 18px;
 border-left: #000000 12px solid;
 border-bottom: #000000 1px solid;
 border-right-style: none;
 border-top-style: none;
 background-color: #ffffff
}
#wrap #content h2 {
 padding: 3px 3px 3px 15px;
 font-size: 16px;
 background: #ffffff;
 border-left: #003366 8px solid;
 border-bottom: #003366 1px dashed;
 border-top-style: none;
 border-right-style: none
}
#wrap #content li {
 font-size: 100%;
 margin: 2px;
 line-height: 22px
}
#wrap #content p {
 padding-right: 10px;
 padding-left: 10px;
 font-size: 100%;
 line-height: 1.5em
}
#wrap #content table {
	border-collapse: collapse;
	border: 1px solid #000000;

}
#wrap #content td {
	margin: 5px;
	padding: 5px;
	vertical-align: ;
	text-align: center;
	font-size: 11px;
	border: 1px solid #000000;
}
#wrap #content th {
	margin: 5px;
	padding: 5px;
	vertical-align: ;
	text-align: center;
	font-size: 11px;
	border: 1px solid #000000;
        background: #ffffff;
}
#wrap #content tr.head {
	background-color: #ffffff;
	font-weight: bold;
}
#wrap #sidebar {
 float: right;
 margin: 15px 10px;
 padding-top: 10px;
 padding-right: 9px;
 width: 250px
}
#wrap #sidebar h3 {
 padding: 5px;
 width: 250px;
 color: #000000;
 text-indent: 12px;
 line-height: 25px;
 background-image: url(images/s_navi.gif);
 background-repeat: no-repeat;
 font-style: normal;
 font-variant: normal;
 font-weight: bold;
 font-size: 90%;
 margin: 0px;
}
#wrap #sidebar ul {
 padding: 5px;
 margin: 0px 0px 2px;
 width: 250px;
 list-style-type: none;
 background-color: #fff9f9;
 border-left-width: 1px;
 border-left-color: #999999;
 border-bottom-width: 1px;
 border-bottom-color: #999999;
 border-right-width: 1px;
 border-right-color: #999999
}
#wrap #sidebar li {
 padding: 2px;
 margin: 0px 0px 0px 15px;
 font-size: 80%;
 line-height: 20px;
 border-bottom: #666666 1px dotted;
 list-style-type: square
}
#wrap #sidebar a { color: #3333cc }
#wrap #sidebar a:hover {
 color: #ff3366;
 text-decoration: none
}
#wrap #footer {
 clear: both;
 padding: 20px;
 color: #ffffff;
 text-align: center;
 border-top: 1px dotted #CCCCCC;
 margin-top: 10px;
}
#wrap #footer a { color: #3333cc }
#wrap #footer a:hover { color: #3333cc }
#wrap #footer p {
 padding: 0 15px;
 font-size: 80%;
 color: #000000;
 line-height: 14px
}
#wrap #content strong {
 font-weight: bold;
 color: #0033cc
}
#back #wrap #content li {
 font-weight: bold;
 font-size: 90%;
 color: #339900;
 line-height: 18px
}
#back #wrap #content h3 { border-bottom: #cc0000 1px dashed }
div.pagetop {
 clear: both;
 margin: 10px 0px;
 text-align: right
}
div.pagetop p a {
 font-size: small;
 color: #3333cc;
 text-decoration: none
}