@charset "utf-8";

/*navigation*/
#navi-wrapper {
	text-align:left;
	width: 170px;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding-top:13em;
	background : url(../image/banner1.png) no-repeat;
}

#navi-wrapper #navi
{
	width : 100%;
	margin-top:1em;
	margin-bottom:1em;
}

#navi-wrapper #navi ul 
{
	margin: 0;
}


#navi-wrapper #navi ul li
{
	font-size: 90%;
	width : 100%;
	line-height: 30px;
	list-style-type: none;
	vertical-align:top;
	margin: 0;
	background : url(../image/button1.png) no-repeat;
}


#navi-wrapper #navi a
{
	color:#fff;
	text-decoration: none;
	display: block;
	padding-left:1em;
}


#navi-wrapper #navi li.selected a
{
	font-weight:bold;
}


#navi-wrapper #navi li.selected,#navi-wrapper #navi a:hover
{
	font-weight:bold;
	background : url(../image/button2.png) no-repeat;
}

/*column*/
#column-wrapper {
	width: 200px;
	position: absolute;
	top: 0px;
	left: 170px;
	margin: 0;
	padding-top:1em;
}

#column-wrapper .column
{
	text-align:left;
	margin: 1em auto;
	width: 150px;
}

#ah5
{
	font-size:100%;
	color:#fff;
	background : url(../image/sidebar-midashi.png) repeat-x;
	padding-left:1em; 
	border-top: 1px solid #63363d;	
	border-right: 1px solid #63363d;	
	border-left: 1px solid #63363d;	

}

#column-wrapper .column p

{
	color: #ffe8f3; 
	font-size:80%;
	line-height:1.3em;
	border-right: 1px solid #63363d;	
	border-bottom: 1px solid #63363d;	
	border-left: 1px solid #63363d;	
	padding:1em 0.9em;

}


/*content*/
#content
{
	text-align:left;
	position: absolute;
	top: 0px;
	left: 370px;
	margin:0;
	padding: 2em 4em;
}

#content .banner
{
	height: 200px;
	background : url(../image/banner2.jpg) repeat-x;
}

#content .first,#content .second{
	width: 48%;
	margin-bottom:1.5em;
}

#content .first{
	float: left;
}
#content .second{
	float: right;
}

#content li{
	list-style : url(../image/list.png);
}

/*footer*/
#footer
{
	font-size:80%;
	margin-top: 2em;
	padding: 0;
	border-top:#63363d 1px dotted;

}

#footer p 
{
	text-align: center;
	padding: 1em;
}