@charset "utf-8";
/* CSS Document  index-page.css  */

@import "headfoot.css"; 

#container{
	background-color: #B4F0A8;
	}

/* ================= レイアウト ================= */
#left-main{
	float: left;
	width: 570px;
	}

#main-center {
	float: right;
	width: 460px;
	background-color: #FFEECC;
	}

#left-side {
	float: left;
	width: 110px;
	}
	
#right-side {
	float: right;
	width: 190px;
	}
	
/* ======================= 左サイドカウンター ===================== */
#all-box{
	margin: 9px 0px 0px 0px;
	}	

#all-box li{   
	list-style-position: outside;
	width: 100px;
	margin: 2px 0px 0px 4px;
	height: 24px;
	border-top: solid 2px #b4f0a8;
	border-left: solid 0px #b4f0a8;
	border-right: solid 2px #000000;
	border-bottom: solid 2px #000000;
	line-height: 24px;
	}

#all-box a{ 
	text-align: center;
	font-weight: bolder;
	color: #FFFFFF;
	}

#all-box a:hover{
	color: #FF0033;
	}

.blue-box li {             
	background-color: #006633;
	}

.brown-box li {
	background-color: #993300;
	}

.yellow-box li {
	background-color: #CF5E07;
	}

.yellow-box2 li {
	background-color: #CF5E07;
	font-size:90%;
	}

#counter {
	width: 100px;
	margin: 15px 4px 0px 4px;
	background-color: #339900;
	}

#counter p {
	padding: 2px 0px 2px 0px;
	color: #FFFFFF;
	text-align: center;
	font-size: 80%;
	line-height: 120%;
	}

	
/* ========================== 右サイドデザイン ======================= */
.r-titl {
	margin: 10px 5px 0px 5px;
	height: 22px;
	background-color: #339900;
	}

.r-titl p {
	padding: 4px 0px 0px 0px;
	line-height:18px;
	color: #FFFFFF;
	text-align: center;
	font-size:110%;
	}

.r-text	{
	margin: 0px 7px 0px 7px;
	background-color: #B4F0A8;
	}

.r-text	p {
	padding: 4px 0px 0px 0px;
	color:#555555;
	font-size:90%;
	text-align: left;
	line-height: 100%;
	}

#addres {
	margin: 10px 5px 5px 5px;
	background-color: #339900;
	}

#addres p{
	padding: 4px 0px 0px 0px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 80%;
	line-height: 110%;
	}