@charset "UTF-8";



/*
########################################################
  Data        : layout.css
  Date        : 2000.00.00
  Last Update : 2000.00.00
########################################################
*/



/* =00.#wrapper */
/* ----------------------------------------------------- */

body{
	background: #FFF;
}

#wrapperAll{
	margin: 30px 0px;
}

#wrapper{
	margin: 0px auto;
	width: 770px;
	text-align: left;
}



/* =02.#globalNavi */
/* ----------------------------------------------------- */

#globalNavi{
}

#globalNavi li.gn9,
#globalNavi li.gn10{
	position: absolute;
	top: 40px;
	height: 12px;
}

#globalNavi li.gn9{ left: 549px; width: 80px;}
#globalNavi li.gn10{ left: 648px; width: 92px;}



/* =05-0.unitBlock */
/* ----------------------------------------------------- */

#unitBlock{
	margin-top: 40px;
	padding: 0px 34px;
}



#titleBlock{
	height: auto;
	overflow: visible;
}



#sidebar{
	float: right;
	width: 160px;
}

#sidebar .context{
	margin-bottom: 50px;
}

#sidebar .context .title{
	padding-bottom: 0.25em;
}

#sidebar .navi li{
	float: left;
	display: block;
	width: 160px;
	background: url(../images/common/icon_listmark1.gif) 0px 7px no-repeat;
	margin-top: 0.25em;
	padding-left: 6px;
}

#sidebar .archive{
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px dotted #CCC;
}

#sidebar .navi li img{
	display: block;
}

#sidebar .navi li a:link   {color: #666; text-decoration: underline;}
#sidebar .navi li a:visited{color: #666; text-decoration: underline;}
#sidebar .navi li a:hover  {color: #EC008C; text-decoration: underline;}
#sidebar .navi li a:active {color: #666; text-decoration: underline;}



#content{
	float: left;
	width: 500px;
}



#content .context{
	margin-top: 20px;
	padding-bottom: 20px;
}



#content .context .header{
	position: relative;
	padding-bottom: 0.25em;
	height: 22px;
	background: url(../images/common/bg_dotline_bottom.gif) left bottom repeat-x;
}

#content .context .header .title{
	position: absolute;
	left: 0px;
	width: 370px;
}

#content .context .header .date{
	position: absolute;
	right: 0px;
	text-align: right;
	padding-top: 4px;
	width: 100px;
	font-size: 10px;
	color: #EC008C;
}

#content .context .bodyText{
	margin-top: 1.5em;
}

#content .context .bodyText img{
	display: block;
	border: 1px solid #D5D5D5;
}

#content .pageBute{
	text-align: center;
	padding-top: 4em;
}



/* =07.#footer */
/* ----------------------------------------------------- */

#footer{
	position: relative;
	margin-top: 0px;
	height: 115px;
}



#footer .toTop{
	position: absolute;
	top: 0px;
	left: 672px;
	width: 68px;
	height: 14px;
}

#footer .copyright{
	position: absolute;
	top: 102px;
	left: 0px;
	width: 175px;
	height: 11px;
}

#footer li.fn1,
#footer li.fn2{
	position: absolute;
	top: 102px;
	height: 10px;
}

#footer li.fn1{
	left: 560px;
	width: 71px;
}

#footer li.fn2{
	left: 656px;
	width: 83px;
}






