/* CSS Document */

/* CSS Document */

#container {
background:url(../img/background_side.jpg) repeat-y;
width:870px;
 margin:auto;
}
#outline {
 width:840px;
 margin:auto;
 text-align:left;
 background-color:#FFFFFF; 
position:relative;

}


#header {
height:60px;
width:840px;
padding:15px 0 5px 0;
background-color:#666666;

}

#header #logo{
float:left;
width:300px;
text-align:left;
}

#header #sidemenu{
float:right;
width:490px;
text-align:right;
margin-top:30px;
margin-right:5px;
color:#FFFFFF;
}
#logo{
	width:810px;
	position:relative;
	margin:0 0 0 20px;
	padding:12px 0 0 0;
}
#logo #globalnavi{
	font-size:12px;
	position:absolute;
	right:0px;
	top:12px;
}
#logo #globalnavi img{
	vertical-align:middle;
	margin:2px;
}
#topimg {
	text-align:center;
	height:270px;
	width:840px;
	z-index:10;
	margin:10px 0px;
}

#topsubimg {
	height:120px;
	width:840px;
}
#contents {
width:813px;
margin:10px;
padding-left:7px;
}

#contents #main {
	width:595px;
	float:left;
	text-align:left;
	margin-top:0px;
}
#contents #menu,#contents #menu_photo {
	width:250px;
	float:left;
	margin-top:10px;
	margin-left:10px;
/*	border:1px solid #666666;*/
}
#contents #menu img {
margin-top:-7px;
padding:0;
}
#contents #side_menu {
	width:200px;
	float:left;
	margin-top:0px;
	margin-left:10px;
}
#contents #side_menu p,#contents #menu p,#main_portfolio p,#contents #main p{
	padding-left:6px;
	padding-right:5px;
}
#header_menu {
/*position:absolute;*/
background:url(../img/menu/background.jpg) no-repeat;
background-position:inherit;
top:364px;
left:0px;
width:840px;
height:65px;
margin:0px;
padding:0px;
color:#333333;
z-index:20;

}

#topimg_sub {
	text-align:center;
	height:0px;
	width:840px;
	z-index:10;
	margin:10px 0px;
}
#header_menu_sub {
/*position:absolute;*/
background:url(../img/menu/background.jpg) no-repeat;
background-position:inherit;
top:0px;
left:0px;
width:840px;
height:65px;
margin:0px;
padding:0px;
color:#333333;
z-index:20;

}

#home a,#menu02 a,#menu03 a,#menu04 a,#menu05 a,#menu06 a,#menu07 a,#menu08 a{
display:block;
color:#333333;
height:61px;
}
#home a:hover{
display:block;
background:url(../img/menu/mn_01o.jpg) no-repeat;
color:#333333;
height:61px;
}
#menu02 a:hover{
display:block;
background:url(../img/menu/mn_02o.jpg) no-repeat;
color:#333333;
height:61px;
}
#menu03 a:hover{
display:block;
background:url(../img/menu/mn_03o.jpg) no-repeat;
color:#333333;
height:61px;
}
#menu04 a:hover{
display:block;
background:url(../img/menu/mn_04o.jpg) no-repeat;
color:#333333;
height:61px;
}
#menu05 a:hover{
display:block;
background:url(../img/menu/mn_05o.jpg) no-repeat;
color:#333333;
height:61px;
}
#menu06 a:hover{
display:block;
background:url(../img/menu/mn_06o.jpg) no-repeat;
color:#333333;
height:61px;
}
#menu07 a:hover{
display:block;
background:url(../img/menu/mn_07o.jpg) no-repeat;
color:#333333;
height:61px;
}
#menu08 a:hover{
display:block;
background:url(../img/menu/mn_08o.jpg) no-repeat;
color:#333333;
height:61px;
}

#home{
text-indent:-3000px;
display:block;
background:url(../img/menu/mn_01.jpg) no-repeat;
	position:absolute;
	width:74px;
	height:61px;
	left: 0px;
}
#menu02{
text-indent:-3000px;
display:block;
background:url(../img/menu/mn_02.jpg) no-repeat;
	position:absolute;
	width:136px;
	height:61px;
	left: 75px;
}
#menu03{
text-indent:-3000px;
display:block;
background:url(../img/menu/mn_03.jpg) no-repeat;
	position:absolute;
	width:129px;
	height:61px;
	left: 212px;
}
#menu04{
text-indent:-3000px;
display:block;
background:url(../img/menu/mn_04.jpg) no-repeat;
	position:absolute;
	width:109px;
	height:61px;
	left: 342px;
}
#menu05{
text-indent:-4000px;
display:block;
background:url(../img/menu/mn_05.jpg) no-repeat;
	position:absolute;
	width:78px;
	height:61px;
	left: 452px;
}
#menu06{
text-indent:-4000px;
display:block;
background:url(../img/menu/mn_06.jpg) no-repeat;
	position:absolute;
	width:78px;
	height:61px;
	left: 531px;
}
#menu07{
text-indent:-4000px;
display:block;
background:url(../img/menu/mn_07.jpg) no-repeat;
	position:absolute;
	width:110px;
	height:61px;
	left: 610px;
}
#menu08{
text-indent:-4000px;
display:block;
background:url(../img/menu/mn_08.jpg) no-repeat;
	position:absolute;
	width:119px;
	height:61px;
	left: 721px;
}
#footer {
background-color:#333333;
background:url(../img/footer.jpg) no-repeat;
clear:both;
text-align:left;
bottom:0;
padding:10px 0 0 18px;
font-size:12px;
color:#FFFFFF;
height:27px;
}
#footer a{
color:#FFFFFF;
}