@charset "utf-8";

/* レイアウトCSS
------------------------------------------------ */

img{
	border:0;
	background: url(./spacer.gif);
	width:100%;
}

/* a
------------------------------------------------ */
/*リンクの点線消す*/
a:focus{
	outline:none;
}
a:link,a:active,a:visited{
	text-decoration:none;
	color:#555;
}
a:hover{
	text-decoration:underline;
	color:#555;
}
a.alpha:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/* Container
------------------------------------------------ */
#Container {
	width: 100%;
}


/* Header
------------------------------------------------ */
#Header {
	width: 100%;
}
#Header-inner {
	width: 960px;
	margin: 0 auto;
}
#Header #head-L {
	width: 200px;
	float: left;
}
#Header #head-R {
	width: 760px;
	float: right;
	text-align: right;
}


/* Contents
------------------------------------------------ */
#Contents {
	width: 960px;
	margin: 0 auto;
	background-color: #cff;
}


/* Navi
------------------------------------------------ */
#Navi {
	width: 220px;
	float: left;
}
#Navi-inner {
	border: 1px solid #d5d5d5;
}


/* Body
------------------------------------------------ */
#Body {
	width: 720px;
	float: right;
}
#Body-inner {
}


/* Footer
------------------------------------------------ */
#Footer {

}
#Footer-inner {
	width: 960px;
	margin: 0 auto;
}


/* ============================================================ */

.inline-block-top {
	display: inline-block;
	vertical-align: top;
	/display: inline;
	/zoom: 1;
}
.inline-block-middle {
	display: inline-block;
	vertical-align: middle;
	/display: inline;
	/zoom: 1;
}
.inline-block-bottom {
	display: inline-block;
	vertical-align: bottom;
	/display: inline;
	/zoom: 1;
}