/******************************
ホームページ共通の構造・様式記述

building---+---header
           +---sidebar
           +---main-----h1----h2
           +---footer    
*******************************/

body {
 margin: 0;
 padding: 0;
 background-color:#EEEEEE;
 font-size:14px;
 line-height:120%;
}

a{
	color:#223311;
}

a:visited{
	color:#334422;
}

a:hover{
	background:#bbeebb;
}

.red{
	color: #aa1111;
	font-weight:bold;
}

#building {
    width: 900px;
    margin: 0;
    padding: 0px;
    margin-left:50px;
    background: #fff;
}

/********************************
　header---+---logo
            ---globalbar
*******************************/
#header {
 width :900px;
 margin: 0;
 padding: 0;
}

#globalbar {
 width:900px;
 background-color:#668822;
}

#globalbar ul{
 overflow:hidden;
 margin:0 ;
 padding: 0;
 list-style:none;
 margin-left:100px;
 margin-right:100px;

}

#globalbar li{ 
 float:left;
 width:100px;
}

#globalbar a{
 margin:0;
 display:block;
 padding-top: 8px;
 padding-bottom: 8px;
 padding-left: 5px;
 padding-right: 5px;
 text-align:center;
 text-decoration:none;
 color:#ffffff;
}

#globalbar a:hover{
 background:#779933;
}

#logo{
　background:#ffffff;
 margin:0;
 padding:0;
}




/***************************
sidebar
****************************/

#sidebar {
 float: left;
 width: 200px;
 margin: 0;
 padding:0;
}

#sidebar ul{
 overflow:hidden;
 margin:0 ;
 padding:0;
 list-style:none;

}

/*sidebar-title*/
#sidebar li.title{
    margin-top:10px;
    padding-top:13px;
    padding-bottom:13px;
    height:14px;
    display:block;
    color:#fff;
    text-align:center;
    font-size:14px;
    font-weight:bold;
    background-image:url('./img/menuback.png');
    background-repeat:no-repeat;
}

/*sidebar-mainmenu*/
#sidebar a.mainmenu{
    padding-top:8px;
    padding-bottom:8px;
    padding-left:15px;
	margin-left:3px;
 	margin-right:3px;
    display:block;
    text-decoration:none;
	border-color:#555511 #557711 #555511 #557711;
	border-style:solid;
	border-width:0px 1px 1px 20px;
	border-collapse:collapse;
    font-weight:bold;
	color:#113300;
	background:#ddee66;
}

#sidebar a.mainmenu:hover{
background:#bbdd66;
}

/*sidebar-submenu*/
#sidebar a.submenu{
 display:block;
 text-decoration:none;
 margin-left:3px;
 margin-right:3px;
 padding-left:35px;
 padding-top:6px;
 padding-bottom:6px;
 color:black;
 font-size:90%;
 background:#eeffaa;

}

#sidebar a.submenu:hover{
    text-decoration:underline;
}

img.icon{	
	margin-left:-17px;
    vertical-align:middle;
	padding-right:3px;
	border-width:0px;
}

/*****************************
main
*****************************/

#main {
 float: left;
 width:630px;
 margin: 0;
 background:#fff;
 padding:20px 0px 20px 20px;
}
h1{
	clear:both;
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:8px;
	margin-bottom:8px;
	padding-left:10px;
	font-size:24px;
	border-left-width:20px;
	border-left-style:solid;
	border-left-color:#006600;
}

h2{
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:20px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	font-size:15px;
	heght:30px;
	width:600px;
	background:#ccc;
	color:#111;
}

/*各コンテンツ紹介用*/

div.content{
	margin-left:20px;
	margin-bottom:20px;
}

div.content p{
	margin-left:30px;
	line-height:150%;
	text-indent:1em;
}


div.content dt{
	clear: left;
 	float: left;
	width: 7em;

	margin-bottom: 10px;
	margin-left:30px;
	font-weight:bold;
	font-size:110%;

}

div.content dd{
	padding-left:7em;
	margin-bottom: 10px;
	line-height:150%;
}

img.right{
	float:right;
	margin-bottom:10px;
	margin-left:10px;
	clear:both;
}


/********************************
footer
********************************/

#footer {
 clear: both;
 margin: 0; 
 padding-top:5px;
 padding-bottom:5px;
 font-size:12px;
 text-align:right;
 color:#222;
 background:#ccc;

}