@charset"UTF-8";


body {
 margin: 20;
 padding: 20;
 color: #333333;
 background-color: #ffffff;
 text-align: center;
 font-family:serif;
 font-size:85%;
}

/* master init styles */

h1{
	font-size:90%;
}
h2, h3, h4, p, ul, li {
 margin: 0;
 padding: 0;
}

a {
 text-decoration: none;
}

a:link{
 color: #0000ff;
}
 a:visited {
 color: #800080;
}
a:active, a:hover {
 color: #ff0000;
}

ul {
 list-style-type: none;
 margin-bottom: 2em;
}

li {
 list-style-position: outside;
}

/* contents styles */

div#container {
 width: 800px;
 height: auto;
 margin-left:auto;
 margin-right:auto;
 padding: 10;
 background-color: transparent;
 text-align: left;
}

/* div#header */
div#header {
 width: 780px;
 height: 120px;
 padding: 3px 0;
 background-color: transparent;
 background-image: url("image/header_logosuq.gif");
 background-repeat: no-repeat;
 background-position: 0 0px;
 text-align: left;
}

div#header h1 {
 color:#333333;
 font-size: 90%;
 font-weight: normal;
 text-indent: 0px;
}

div#header p {
 color:#333333;
 font-size: 100%;
 font-weight: normal;
 text-indent: 0px;
 position:relative;
 top:20px;
 left:580px;
}
div#header p.path {
 color:#444444;
 font-size: 100%;
 font-weight: normal;
 text-indent: 0px;
 position:relative;
 top:60px;
 left:570px;
	background-color:white;
	font-size:0.75em;
	color:#555555;
	width:200px;
	}
p.path a{
		color:#5e8eab;
		}
	
/* div#navigation */


div#navigation ul {
 margin-bottom: 2em;
}

div#navigation li {
 display: inline;
 position:relative;
 top:60px;
 left:210px;
 width: auto;
 padding-right: 1em;
 font-size: 100%;
 font-weight: bold;
 text-transform: lowercase;
}

div#navigation a:link{
 color: #0000ff;
}
div#navigation a:visited {
 color: #700070;
}
div#navigation a:active, div#navigation a:hover {
 color: #ff0000;
}

#home div#navigation li#index a, #home div#navigation li#index a:link{
 color: #0000ff;
}
#home div#navigation li#index a:visited {
 color: #700070;
}
#home div#navigation li#index a:active, #home div#navigation li#index a:hover {
 color: #ff0000;
}

#inside div#navigation li#coding a, #inside div#navigation li#coding a:link {
 color: #0000ff;
}
#inside div#navigation li#coding a:visited {
 color: #700070;
}
#inside div#navigation li#coding a:active{
 color: #ff0000;
}
#inside div#navigation li#coding a:hover {
 color: #ff0000;
}

/* div#wrapper */
div#wrapperbg {
 width: 780px;
 height: auto;
 padding:0px;
 
}

div#wrapper {
 width: 770px;
 height:1700px;
 margin: 0;
 padding:0px 10px 2em 10px;
 position:relative;
 top:-10px;
 left:-10px;
 overflow: hidden;
 background-color: #ffffff;
 
}

/* div#banner */
/* div#contents */
div#contents {
 position: relative;
 left:184px;
 top:5px;
 margin: 0;
 padding: 0;
 width: 558px;
 height:600px;
}

/* div#banner */
div#banner {
 width: 555px;
 height: 388px;
 padding:0;
 margin-bottom:10px;
 position:relative;
 top:0px;
 left:186px;
 background-color: transparent;
 text-align: left;
}

#home div#banner {
 background-image: url("image/bannertop.jpg");
 background-repeat: no-repeat;
 background-position: 0 0;
 border: 1px solid #172245;
}

#inside div#banner {
 background-image: url("images/img-inside.jpg");
 background-repeat: no-repeat;
 background-position: 0 0;
}

div#banner p {
 color:#333333;
 text-indent: 0px;
 font-size: 100%;
 font-weight: bold;
}
div#sign{
position:absolute;
top:301px;
left:20px;
width:185px;
height:97px;
}
/*div#works */
div#works {
position: relative;
 left:2px;
 width:555px;
 top:-10px;
 height:290px;
 margin:2 0 0 0;
 padding:0px;
 border-left:3px solid #bb954e;
 background-color:#bb954e;
}

div#works ul{
 margin-right:0px;
}
div#works ul li{
display:inline;
list-style-type:none;
float:left;
padding-right:0px;
padding-bottom:0px;
}
div#works a:link {
 color: #0000ff;
}
, div#works a:visited {
 color: #700070;
}
div#works a:active, div#works a:hover {
 color: #ff0000;
}

div#aboutus{
position:relative;
 left:0px;
 width:536px;
 top:0px;
 height:165px;
 margin:0 0 0 0;
 padding:0px;
 border-top: 10px solid #172245;
 border-left: 10px solid #172245;
 border-right:10px solid #172245;
 border-bottom:10px solid #172245;
 background-color:#ffffff;
 background-repeat:no-repeat;
}

div#aboutus p{
 margin-left:0px;
 margin-bottom:1em;
 color:#444444;
 font-size:100%;
 font-weight:normal;
 line-height:150%;
 }
 div#contents ul{
 margin-bottom:20px;
}
img.banbig{
float:left;
}
div#bannerareabig ul li{
display:inline;
margin-right:0px;
padding-left:0px;
border-left:1px solid #fff;
list-style-type:none;
}
div#bannerarea{
clear:both;
 width: 550px;
 height:100px;
margin:0 auto;
padding:0px 0 120px;
background-color:#ffffff;
}
div#bannerarea ul li{
display:inline;
margin-right:0px;
padding-left:7px;
border-left:1px solid #fff;
list-style-type:none;
}
div#info{
margin-left:5px;
width:550px;
height:100px;
}
 div#info p{
width:550px;
height:70px;
padding-left:3px;
border:solid 1px
}


/* div#sidebar */
div#sidebar {
 position: absolute;
 top:17px;
 left:2px;
 width: 186px;
 height: 950px;
 padding:8px;
}
div#sidebar .list{
 margin-bottom:10px;
}
div#sidebar .list ul{
 margin:5px 0 0 5px;
 padding-left:18px;
 list-style-image: url("image/listmark.jpg") ;
 font-weight: normal;
 line-height:2.0em;
}
div#sidebar .list2 ul{
 margin:5px 0 0;
 padding-left:0px;
 list-style-image: url("image/listkai.gif") ;
 font-weight: normal;
 font-size: 98%;
  line-height:1.5em;
}
div#sidebar .list h2{
	padding:3px 36px;
	color:#bb954e;
	font-size: 100%;
	background-color:#172245;
	border-left:3px solid #bb954e;
}

div#sidebar h3 {
 margin-bottom: 0.25em;
 color: #333333;
 font-size: 90%;
 font-weight: normal;
}

div#sidebar p {
 margin-bottom: 0.5em;
 color: #777777;
 font-size: 85%;
 font-weight: normal;
 line-height: 130%;
}

/* address#footer */
#footer{
 clear:both;
 width: 780px;
 height:10px;
margin:0 auto;
padding:0px 0 12px;
 text-align: center;
 font-family: 'Lucida Sands', Helvetica, Arial, Verdana, sans-serif;
 font-size: 80%;
 font-weight: normal;
 text-transform: lowercase;
 font-style:normal;font-size:small;
color:#bb954e;
border-bottom:20px solid #172245;
}
#footer ul{
 margin-bottom:5px;
}

#footer ul li{
display:inline;
margin-right:3px;
padding-left:7px;
border-left:1px solid #fff;
list-style-type:none;
}
#footer ul li.home{
 padding-left:0;
 border-left:0;
}