@charset "utf-8";

@import "reset.css";

/* Basic XHTML */
body{
	background-image:url(../img/back_base.jpg);
	background-position:top;
	background-repeat:repeat;
	background-attachment:scroll;
	color: #333;
	text-align: center;
}

a:link{ color: #00c; text-decoration:none;}
a:visited{ color: #551a8b; text-decoration:none;}
a:hover, a:visited:hover{ color: #00c; text-decoration:underline;}
a:active{ color: red; }

p{
	font-size: 100%;
	margin:10px 5px;
	line-height:150%;
}
strong{font-weight:bold;}

/* header */

#header{
	margin:0 auto 20px auto;
	width:800px;
	height:677px;
	position:relative;
}


#header #topflash{
	float:left;
	text-align:left;
	width:590px;
	height:677px;
}

#header #kakutalogo{
	position:absolute;
	top:0px;
	left:590px;
	width:210px;
}

#header h1{
	position:absolute;
	top:60px;
	left:590px;
	width:210px;
}

#header ul{
	width:210px;
	position:absolute;
	top:344px;
	left:590px;
}

#header #textarea{
	background-image:url(../img/headerback.gif);
	background-color:#FFFFFF;
	background-position:top;
	background-repeat:no-repeat;
	text-align:right;
	position:absolute;
	top:524px;
	left:590px;
	width:210px;
	height:153px;
}

#header #textarea p{
	margin:130px 5px 0 0;
	line-height:150%;
	font-size:80%;
}

/* menu */
#menu1 A{
	display:block;
	position:relative;
	width:210px;
	height:60px;
	background-color:#FFFFFF;
}
#menu1 A:link{
	background: url("http://kakuta.tv/sweethill/img/navi01_kouen_s.gif") top left no-repeat;
}
#menu1 A:visited{
	background: url("http://kakuta.tv/sweethill/img/navi01_kouen_s.gif") top left no-repeat;
}
#menu1 A:hover{
	background: url("http://kakuta.tv/sweethill/img/navi01_kouen_s.gif") 210px 0;
}

#menu2 A{
	display:block;
	position:relative;
	width:210px;
	height:60px;
	background-color:#FFFFFF;
}
#menu2 A:link{
	background: url("http://kakuta.tv/sweethill/img/navi02_keikoba_s.gif") top left no-repeat;
}
#menu2 A:visited{
	background: url("http://kakuta.tv/sweethill/img/navi02_keikoba_s.gif") top left no-repeat;
}
#menu2 A:hover{
	background: url("http://kakuta.tv/sweethill/img/navi02_keikoba_s.gif") 210px 0;
}

#menu3 A{
	display:block;
	position:relative;
	width:210px;
	height:60px;
	background-color:#FFFFFF;
}
#menu3 A:link{
	background: url("http://kakuta.tv/sweethill/img/navi03_tramnavi_s.gif") top left no-repeat;
}
#menu3 A:visited{
	background: url("http://kakuta.tv/sweethill/img/navi03_tramnavi_s.gif") top left no-repeat;
}
#menu3 A:hover{
	background: url("http://kakuta.tv/sweethill/img/navi03_tramnavi_s.gif") 210px 0;
}



/* container */

#container{
background-color:#FFFFFF;
margin:0 auto;
width:798px;
border: 1px solid #999;
}

#subcontainer{
padding:10px 20px;
}

#containerend{
height:10px;
float:none;
clear:both;
}

/* leftblock */
#leftblock{
	float:left;
	text-align:left;
	width:370px;
}


/* rightblock */
#rightblock{
	float:right;
	text-align:left;
	width:370px;
}


/* footerblock */
#footer{
	margin:5px auto;
	width:800px;
	text-align:right;
}

/* tips */

.dotline{
	border-bottom: 1px dotted #ccc;
	padding-bottom:10px;
}

.smalltext{
	font-size: 90%;
}
.imgtext{
	margin:10px 0;
}