/* --------------------------------------------------
　トップ メイン
 --------------------------------------------------*/

#contents {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	width: 820px;
	}

#main{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 800px;
	}

#main h2 {
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	background: none;
	}

#main h2 {
	float: left;
	width: 880px;
	height: 220px;
	background:url("img/top/main.jpg") no-repeat;
	}


#main:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

#main{
	zoom:1;/*for IE 5.5-7*/
	}

/* --------------------------------------------------
　menu
 --------------------------------------------------*/
#menu {
	margin: 10px 5px 10px 10px;
	padding: 0px 0px 0px 0px;
	width: 800px;
	}

#menu table{
	margin: 0px;
	padding: 0px;
	width: 800px;
	border:1px solid #999999;
}




#menu ul{
	margin: 5px 0px 0px 10px;
	list-style-type:none;
}



#menu tr{
	margin: 0px;
	padding: 0px;
	font-size:12px;
}

#menu td{
	margin: 0px;
	padding: 0px;
	width: 262px;
}


#menu li{
	height:18px;
}

#menu a{
	text-decoration: none;
}

#menu a:hover{
	text-decoration: underline;
}

#menu_1,#menu_2,#menu_3{
	text-indent:-9999px;
	width: 262px;
	height: 59px;
}

#menu_1{
	background:url("img/top/menu_1.jpg") no-repeat;
}

#menu_2{
	background:url("img/top/menu_2.jpg") no-repeat;
}

#menu_3{
	background:url("img/top/menu_3.jpg") no-repeat;
}

#td_1{
	width: 800px;
	border-left:4px solid #000098;
}
#td_2{
	width: 800px;
	border-left:4px solid #FE9900;
}

#td_3{
	width: 800px;
	border-left:4px solid #00CCCB;
}
/* --------------------------------------------------
　entries
 --------------------------------------------------*/
#entries{
	float: left;
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	width: 550px;
	}


#about_bt{
	width: 515px;
	margin:0px 0px 10px 0px; 
	padding: 5px 5px 5px 30px;
	font-size:12px;
	border:1px solid #cccccc;
	border-top:5px solid #000098;
	background: #E4E4E4 url("img/top/about.jpg") no-repeat 0px 5px;
	}

/* モダンブラウザ only */
*:lang(ja) #about_bt {
	margin: 0px 5px 10px 5px;
	width: 513px;
	}

/* safari only \*/
html:\66irst-child #about_bt{
	margin: 0px 5px 0px 15px;
	width: 513px;
	}

/* IE7 only \*/
*:first-child+html #about_bt{
	margin: 0px 5px 10px 5px;
	}

#entries li{
	list-style:none;
	}

#guide{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 550px;
	}

/* モダンブラウザ only */
*:lang(ja) #guide {
	margin: 0px 5px 10px 5px;
	width: 550px;
	}

/* safari only \*/
html:\66irst-child #guide{
	margin: 0px 5px 10px 5px;
	width: 550px;
	}

/* IE7 only \*/
*:first-child+html #guide{{
	margin: 0px 5px 10px 5px;
	width: 550px;
	}


#guide a:link ,#guide a:visited ,#guide a:active{
	text-decoration: none;
	}

#guide a:hover {
	color:#00256C;
	text-decoration:underline;
	}

#guide h2 {
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height:30px;
	width: 548px;
	color:#999999;
	font-size:1.2em;
	text-indent: -5000px;
	cursor:pointer;
	}

	

/*
#guide img {
	float:left;
	margin: 0px 0px 0px 0px;
	}

#guide:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
#guide{
	zoom:1;/*for IE 5.5-7*/
	}


#guide img.imgr {
	float:right;
	margin: 0px 0px 0px 0px;
	}
*/
.alignr{

	cursor:pointer;
	font-weight:bold;
	text-decoration: none;
	}

#guide p{
	margin: 0px 0px 0px 110px;
	padding: 10px 10px 0px 12px;
	font-size:1.2em;
	line-height:180%;
	}

#guide ul{
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	line-height:180%;
	}

#step1block{
	margin: 0px 0px 15px 0px;
	border:1px solid #cccccc;
	border-left:5px solid #2D8FCA;
	}

#step2block{
	margin: 0px 0px 15px 0px;
	border:1px solid #cccccc;
	border-left:5px solid #ff3366;
	}

#step3block{
	margin: 0px 0px 0px 0px;
	border:1px solid #cccccc;
	border-left:5px solid #66cccc;

	}


#step1block h2{
	background: url("img/top/step1.jpg") no-repeat;
	}

#step2block h2{
	background: url("img/top/step2.jpg") no-repeat;
	}

#step3block h2{
	background: url("img/top/step3.jpg") no-repeat;
	}


#info a:hover ,#middle a:hover #guide h2:hover{
	filter: progid:DXImageTransform.Microsoft.alpha(style=3, opacity=10, finishopacity=80) ;
	-moz-opacity:0.8;
	opacity:0.8;
	text-decoration: none;	
}

#entries:after,
#contents:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

#entries,
#contents{
	zoom:1;/*for IE 5.5-7*/
	}


#sidebar h3 {
	width: 228px;
	}