/* ::::: http://www.tanokeko.com/_index.css ::::: */

/*
 * Table of Contents ===============
 * Last update 08/05/27 
 * 
 * 1:reset
 * 2:body
 * 3:container
 * 4:header
 * 5:wrapper1
 * 6:left_img
 * 7:center_img
 * 8:right_img
 * 9:navi
 * 10:main
 * 11:subtitle1
 * 12:info
 * 13:subtitle2
 * 14:footer
 * =================================
 */

/* ::::: 1:reset ::::: */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/* ::::: 2:body ::::: */

body {background:#ffffff; text-align: center; }

/* ::::: 3:container ::::: */

#container {width:650px; margin: 0px auto; }

/* ::::: 4:header ::::: */

#header {width:650px; height:140px; background:#4c9981; }


/* ::::: 5:wrapper1 ::::: */

#wrapper_1 {float:left; width:500px; padding:10px 0px 10px 0px; }

/* ::::: 6:left_img ::::: */

#left_img {float:left; width:150px; }

/* ::::: 7:center_img ::::: */

#center_img {float:right; width:350px; }

/* ::::: 8:right_img ::::: */
#right_img {float:right; width:150px;  padding:10px 0px 10px 0px; }

/* ::::: 9:navi ::::: */
#navi {clear:both; float:left; margin: 0;  
		width:150px; height:910px; background:#defff5; }

h2 {font-size:12pt; color:#cc5278; margin: 20px 0px 5px 0px; }
p {margin: 20px; }

.col1 {width:150px; margin:0; list-style:none; font-size:9pt; }
.col1 li {margin:0; padding:5px 5px 5px 5px; }
.col1 li a {color:#333333; display:block; text-decoration:none;
		padding:8px 0 8px 0; background-color:#e6c6d0; }
.col1 li a:hover {color:#ffffff; background-color:#66ccff; }

.m20px { margin: 20px; }
.fRight { float: right; }
.fLeft { float: left; }
.cLeft { clear: left; }
.cRight { clear: right; }
.cBoth { clear: both; }

a.text:link    {color: #3333ff; TEXT-DECORATION:none;}
a.text:visited {color: blue; TEXT-DECORATION:none;}
a.text:hover   {color: #ff6347; TEXT-DECORATION:underline;}
a.text:active  {color: red; TEXT-DECORATION:underline;}

/* ::::: 10:main ::::: */
#main {float:right; margin: 0; width:500px; height:910px;
		background:#ffffcc; font-size:12pt;	}

/* ::::: 11:subtitle1 ::::: */
#subtitle1 {margin: 10px; width:480px; height:100px; }

/* ::::: 12:info ::::: */
#info {margin: 0; width:500px; height:250px; }

.col2 { margin: 0; width: 500px; font-size:9pt; }
.col2 li { float: left; margin: 0px 30px 0px 30px; width: 160px; }
.col2 li.lastEntry { margin: 0px 0px 0px 30px; }
.linkBox { padding: 10px; background: rgb(225, 246, 220) none repeat; }
.linkBox div.dmy { margin: 5px; text-align: right; }

a.btn { background: transparent url('btn.png') no-repeat; 
		display: block; width: 150px; padding-left: 10px; 
		line-height: 24px; color: rgb(255, 255, 255); 
		font-weight: bold; text-decoration: none; text-align: left; }

a.btn:visited { color: rgb(255, 255, 255); }

a.btn:hover { background: transparent url('btn_over.png') no-repeat;
		color: rgb(255, 213, 0); }

/* ::::: 13:subtitle2 ::::: */
#subtitle2 {margin: 0; width:500px; height:100px; }

/* ::::: 14:footer ::::: */
#footer {margin: 0; width:500px; }