@charset "Shift_JIS";

/* ページの基本デザイン用CSS */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #D6E0CC url(../images/middle_bgimg.gif)repeat-y top center;
	text-align:center;
	background-color: #D6E0CC;
}
#contents {
	width: 720px;
	margin:auto;
	text-align:left;
	background-image: url(../images/middle_bgimg.gif);
	background-repeat: repeat-y;
}
#main {
	float:right;
	width: 500px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#side {
	width: 160px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 20px;
}
.title {
	width: 470px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #D6E0CC;
	border: solid #85A367;
}
/* ############ 角丸 ############ */

.curve-01{
	background:#FFBF00; /* 背景色 */
	margin:5px 0;
	margin-top: 10px;
}
.curve-01 div.curve-head{
 font-size:1px;
 height:5px;
 background:url(../images/01-curve-left-head.gif) top left no-repeat;
}
.curve-01 div.curve-head div{
 font-size:1px;
 height:5px;
 background:url(../images/01-curve-right-head.gif) top right no-repeat;
}
.curve-01 div.curve-bottom{
 font-size:1px;
 height:5px;
 background:url(../images/01-curve-left-bottom.gif) bottom left no-repeat;
}
.curve-01 div.curve-bottom div{
 font-size:1px;
 height:5px;
 background:url(../images/01-curve-right-bottom.gif) bottom right no-repeat;
}

.linktxt {
	width: 140px;
	padding-left: 10px;
	padding-right: 10px;
}

#footer {
	width: 720px;
	text-align: center;
	background-color: #FFBF00;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
}

/* CSSハック
------------------------------------------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */