body{
	margin:0px auto;
	background:url("images/bodyback.jpg") repeat-x #ffcdcc;


}

a{
font-size:12px;
text-decoration:none;
}


a:hover{
text-decoration:underline;

}


#wrap{
	margin:0px auto;
	width:770px;
	height:auto;
	border-width:0px 20px 0px 20px;
	border-color:#ffe800;
	border-style:solid;
	background:#fff;
}


#title_img{
	width:770px;
	height:153px;
	background:url("images/header_img.jpg") center no-repeat;
}

#head_menu{
	width:770px;
	height:42px;
	background:url("images/menu_back.jpg") center no-repeat;
}

#head_menu ul{
	margin:0px;
	padding:7px 24px;
	display:block;
}

#head_menu li p{
	position:relative;
	left:20px;
	top:7px;
}


#head_menu li{
	display:block;
	width:120px;
	height:28px;
	background:url("images/menub_on.jpg") no-repeat;
	float:left;
	margin:0px;
	padding:0px;
	font-size:13px;
	color:#fff;
	font-weight:bold;
}

#head_menu li a{
	display:block;
	width:100px;
	height:22px;
	background:url("images/menub_off.jpg") no-repeat;
	float:left;
	margin:0px;
	padding:7px 0px 0px 20px;
	color:#666;
	font-weight:bold;
	text-decoration:none;
}

#head_menu li a:hover{
	display:block;
	width:100px;
	height:22px;
	background:url("images/menub_on.jpg") no-repeat;
	float:left;
	margin:0px;
	padding:7px 0px 0px 20px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}


#footer{
	margin:0px auto;
	width:810px;
	height:20px;
	background-color:#ccc;
	text-align:center;
}

#footer p{
	padding:3px;
}

#center{
	width:770px;
}


#center h1.title{
	width:691px;
	height:25px;
	padding:10px 0px 5px 20px;
	margin:20px auto  0px auto;
	background:url("images/title_01.jpg") no-repeat;
	font-size:13px;
	
}

#graybox{
	width:711px;
	height:auto;
	padding:0px;
	margin:-10px auto 0px auto;
	background:#fff ;
	border:1px #ccc solid;
}

#graybox p{
	font-size:12px;
	padding:20px 20px;
}

.whiteback{
	width:550px;
	display:block;
	height:15px;
	padding:0px 0px 0px 20px;
	font-size:14px;
	font-weight:bold;
	color:#666;
	border-width:0px 0px 2px 0px;
	border-style:solid;
	border-color:#FFA500;
	background:url("images/point.jpg") no-repeat;
}

.content{
	float:left;
	padding-left:40px;
	margin-top:20px;
	height:200px;
}


.coment{
	width:200px;
	background:url(images/graybg.jpg) repeat-y;
	text-align:center;
	font-size:12px;
	height:25px;
	padding:3px;
	margin-top:-5px;
}


.clear{
	clear:both;
}





.content ul{
	margin:0px;
	display:block;
	list-style-type:none;
}


.content li{
	display:block;
	width:193px;
	height:28px;
	background:url("images/more_b_of.jpg") no-repeat;
	margin:0px;
	padding:0px;
	font-size:13px;
}

.content li a{
	display:block;
	width:113px;
	height:22px;
	background:url("images/more_b_of.jpg") no-repeat;
	margin:0px;
	padding:7px 0px 0px 80px;
	color:#666;
	font-weight:bold;
	text-decoration:none;
}

.content li a:hover{
	display:block;
	width:113px;
	height:22px;
	background:url("images/more_b_on.jpg") no-repeat;
	margin:0px;
	padding:7px 0px 0px 80px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}

#bottom {
	text-align:center;
	padding:20px 0px 0px 0px;
	margin:0px auto;
	width:770px;
	height:30px;
	border-width:0px 20px 20px 20px;
	border-color:#ffe800;
	border-style:solid;
	background:#fff;
}


.shadow23{
  width: 550px;/*全体の幅*/
  background-color: #969699;/*影の色*/
  margin: 20px 10px 10px 20px;
  padding-right: 20px;
  }
.text23{
  width: 550px;/*全体の幅、shadowと同じに*/
  font-size: 10pt;/*全体の文字サイズ*/
  position: relative;
  background: #FAFAFC;/*文字部分の背景色*/
  margin: -10px -10px 10px -10px;
  padding: 0.8em;/*内部の余白*/
  border: solid 1px #767679;
  }
.shadow23a{
  width: 550px;/*全体の幅*/
  background-color: #767679;/*影の色*/
  margin: 20px 10px 10px 20px;
  padding-right: 20px;
  filter: alpha(opacity=20,finishopacity=100,style=1);
  }
.shadow23b{
  width: 550px;/*全体の幅*/
  background-color: #969699;/*影の色*/
  margin: 20px 10px 10px 20px;
  padding-right: 20px;
  filter: blur(direction=305,strength=15)
  }