/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
/*
body{
	font-family: Arial,sans-serif;
	color: #FFFFFF;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}



*/
/* overrides decoration from previous rule for hovered links */
/*img {
border: 0px;
} */
a:link, a:visited, a:hover {
	text-decoration: none;
	color:#CCCCCC;
}
a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
}

h2{
 font-size: 114%;
 color: #006699;
}

h3{
 font-size: 100%;
 color: #CCCCCC;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: none;
	margin: 0 0 0 0; 
	padding: 0;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
span{
display: none;
}
/*
news_text{  
font-size:12px;
width:120px;
color:#990000;
background-color:#ffffff;
border:3px solid #0080ff;
text-align:left;
marigin-top:15px;
scrollbar-3dlight-color:#000000;
scrollbar-arrow-color:#ffdfef;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#0080ff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#80bfff;
scrollbar-track-color:#0080ff;
}
			
*/

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

body { 
 
 	font-family: Arial, "qMmpS Pro W3", HiraKakuPro-W3, sans-serif;	background-color: #000000;
	background-color: #000000;
}

a img {
    border-style:solid;
	border-color:#660000;
	border-width:2px;
}
/*
#my_body {
	position : relative;
	background-color: #000000;
	font-family: "MS UI Gothic";
}
*/

#my_header {
	width : 100%;
	height : 80px;
	margin-top: 0px;
}
	
#my_footer {
	width : 100%;
	clear : both;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
}
/* SΜ */
#my_body { margin: 0 auto; 
	width : 810px ; 
	background-color: #000000;

}

#my_navigation { 
	float : left ; 
	width : 180px ; 
	height : 470px ;
	background-color: #000000;
}

#my_contents {
	float : left;
	height : 505px;
	width : 580px;
	background-attachment: fixed;
	overflow:auto;
}


#navi_title {
	margin-top:10px;
	margin-left: 15px;	
}
#navi_frame {
	width : 145px;
	height : 255px;
	border-color: #880000;
	border-top-width: 5px;
	border-left-width: 18px;
	border-top-style: solid;
	border-left-style: solid;
	margin-left: 15px;
	background-attachment: fixed; 
}

#navi_button{
	font-style: normal;
	padding-top: 6px;
	padding-left: 10px;
}
#news_title {
	margin-top:30px;
	margin-left: 15px;	
}
#news_frame {
	width : 145px;
	height : 110px;
	border-color: #880000;
	border-top-width: 5px;
	border-left-width: 16px;
	border-top-style: solid;
	border-left-style: solid;
	margin-left: 15px;
	margin-top: 0px;

}

#news_frame2 {
	width : 135px;
	height : 100px;
	background-color: #FDD6CA;
	margin-left: 7px;
	margin-top: 5px;
	overflow:auto
	}

#news_head_red {
	background-color: #FF0000;
	height : 15px;
	color: #FFFFFF;
	font-size: 12px;
	padding: 1px 3px 1px 3px;
}
#news_head {
	background-color: #666666;
	height : 15px;
	color: #FFFFFF;
	font-size: 12px;
	padding: 1px 3px 1px 3px;
}
#news_text {

	background-color: #FDD6CA;
	color: #000000;
	font-size: 12px;
	padding: 2px 3px 2px 3px;

}
#news_history {
	border: solid 2px #333333;
	background-color: #FF0000;
	width : 50px;
	height : 12px;
	margin-left: 80px;
	margin-top: 5px;
	color: #FFFFFF;
	font-size: 11px;
	padding: 0px 3px 0px 3px;
}

#link_b a{
	text-decoration:underline;
	font-size: 11px;
	background-color: #FF0000;
	text-align:center;
	color:#FFFFFF;
	padding: 0px 3px 0px 3px;
}
#link_b a:hover{
	text-decoration:underline;
	color:#FFFFFF;
	background-color: #FFCC00;
}

/***********************************************/
/*Component Divs                               */
/***********************************************/
#contents_bigimage{
	width:120px;
	height:500px;
	background-color:#333333;
	margin-left: 30px;
	margin-top: 30px;
}

#contents_subtitle {
	margin-top:10px;
	margin-left:20px;
	font-size: 25px;
	text-decoration: underline;
	color:#FF0000;
	height:25px;
}

/***********************************************/
/*  M E N U   ζ Κ p                         */
/***********************************************/
#menu_contents_col1{
	margin-top:10px;
	background-color:#000000;
	height:480px;
}
#menu_contents_col2{
	margin-top:0px;
	margin-left:80px;
	margin-right:80px;
	background-color:#333333;
	height:15px;
	font-size:12px;
		color:#FFFFFF;
}


/***********************************************/
/*  L I N K          ζ Κ p                  */
/***********************************************/
#link_frame{
	margin-top:5px;
	height:440px;
	overflow:auto;
}
#link_item{
	width:400px;	
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:60px;
	float:left;
	background-color:#000000;	
}
#link_pic a:link, #painting_pic a:visited, #painting_pic a:hover {
	color: #222222;
	text-decoration: none;
}

/***********************************************/
/*  P A I N T I N G  ζ Κ p                  */
/***********************************************/
#tm_pictures{
	margin-left:30px;
	margin-top:60px;
	
}
#painting_pic{
	float : left ; 
	width : 140px ; 
	height : 144px ;
	margin-left:30px;
	margin-top:30px;
	
}
#painting_pic a:link, #painting_pic a:visited, #painting_pic a:hover {
	color: #222222;
	text-decoration: none;
}
#page_navi_painting{
	float : left ; 
	font-size : 11px;
	margin-left:10px;
	margin-top:20px;
	height : 15px;
	width :530px;
	text-align:right;
	color:#FFFFFF;	
}
/***********************************************/
/*  T A T T O O  ζ Κ p                  */
/***********************************************/
#tm_tattoo{
	margin-left:30px;
	margin-top:30px;

}

#tattoo_pic_old{
	float : left ; 
	width : 100px ; 
	height : 100px ;
	margin-left:30px;
	margin-top:25px;
}

#tattoo_pic{
	float : left ; 
	width : 100px ; 
	height : 100px ;
	margin-left:30px;
	margin-top:5px;
}

#tattoo_col{
	margin-top:3px;
	width : 100% ; 
	height : 129px ;
}

#new_text{
	margin-top:1px;
	margin-left:20px;	margin-right:20px;
	text-align:center;
		background-color:#FF0000;
	height:15px;
	font-size:10px;
		color:#FFFFFF;
}


#tattoo{
	width : 100% ; 
	height : 100px ;
	background-color:#990099;
}

#tattoo_pic a:link, #tattoo_pic a:visited, #tattoo_pic a:hover {
	color: #222222;
	text-decoration: none;
}

#page_navi{
	float : left ; 
	font-size : 11px;
	margin-left:10px;
	margin-top:20px;
	height : 15px;
	width :570px;
	text-align:right;
	color:#FFFFFF;	
}
.selected_page{
	color:#CC0000;
	font-weight:bold;
}

/***********************************************/
/* EVENTS                                      */
/***********************************************/
#event_row1 { 
	float : left ; 
	width : 370px ; 
	height:590px;
	padding-top:70px;
	padding-bottom:10px;

}
#event_row2 { 
	float : left ; 
	width : 425px ; 
	margin-left:10px;
	font-size:12px;
	color:#FFFFFF;
}
#event_row2-1 { 
	font-size:28px;
	background-color: #000000;
	text-align: center;
	color:#DD2222;

}
#event_row2-2 { 
	float : left ; 
	margin-left:10px;
	margin-top: 0px;
	font-size:14px;
	letter-spacing: 2px;
}
#event_row2-tab { 
	float : left ; 
	margin-top: 8px;
	height:30px;
	width : 425px ; 
	font-size:12px;
	letter-spacing: 1px;
}
#event_row2-cont { 
	float : left ; 
	width : 422px ; 
	height:446px;
	letter-spacing: 2px;
	margin-left:2px;
/*	padding-left:20px; */
/*	padding-top:10px; */
	padding-bottom:10px;
	background-color: #222222;
	color:#EEEEEE;	
	font-size:12px;
}

#event_row2-fot { 
	float : left ; 
	width : 402px ; 
	letter-spacing: 1px;
	margin-left:2px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	color:#FFFFFF;	
	font-size:12px;
}

#ev_title { 
}
/***********************************************/
/* TOPζΚp                                   */
/***********************************************/

#row1 { 
	float : left ; 
	width : 50px ; 
}
#row2 { 
	float : left ; 
	width : 500px ; 
}

#row3 {
	float : left;
		width: 250px;
			margin-top: 2px; /* 370*/
}


#row3-3 { color: #ffffff; font-size: 12px; height: auto; font-weight: bold; margin-bottom: 10px; }

#row3-2 {
background-color: #DD0000;
color: #FFCCCC;
border: 1px solid #CCCCFF;
	font-size: 10px;
	height: auto;
			margin-left: 50px;
	font-weight: bold;
	width: 40px;

	
}
#row3-1 {
	color: #990000;
	font-size: 30px;
			margin-top: 5px;
	height: auto;
		font-weight: bold;
}

/***********************************************/
/*  P A I N T I N G  ζ Κ p                  */
/***********************************************/
#tm_fishing{
	margin-left:30px;
	margin-top:40px;
	
}
#fishing_pic{
	float : left ; 
	width : 134px ; 
	margin-left:30px;
	margin-top:30px;
		background-color:#333333 ;
	text-align:center;
}
#fishing_pic2{
	width : 100% ; 
	text-align:center;
}

#fishing_text{
	width : 100% ; 
	height : 20px ;
	background-color:#333333 ;
	text-align:center;
	color:#FFFFFF;
	font-family: Arial, "qMmpS Pro W3", HiraKakuPro-W3, sans-serif;
	font-size:12px;	
	padding-top:5px;
}

#painting_pic a:link, #painting_pic a:visited, #painting_pic a:hover {
	color: #222222;
	text-decoration: none;
}

#contents_system{
	margin-left:30px;
	margin-top:90px;
	text-align:center;
}
/***********************************************/
/*Component Divs                               */
/***********************************************/
#btn_top {
	margin-top: 6px;
	width: 120px;
}

#btn_top a{
display:block;
background-image:url(./images_btn/btn_top_nml.gif);
background-repeat:no-repeat;
text-decoration:none;
outline:none;
height:36px;
}

#btn_top a:hover{
background-image:url(./images_btn/btn_top_ovr.gif);
background-repeat:no-repeat;
}


#btn_tattoo {
	margin-top: 5px;
	width: 120px;
}

#btn_tattoo a{
display:block;
background-image:url(./images_btn/btn_tattoo_nml.gif);
background-repeat:no-repeat;
text-decoration:none;
height:36px;
}

#btn_tattoo a:hover{
background-image:url(./images_btn/btn_tattoo_ovr.gif);
background-repeat:no-repeat;
}


#btn_painting {
	margin-top: 5px;
	width: 120px;
}

#btn_painting a{
display:block;
background-image:url(./images_btn/btn_painting_nml.gif);
background-repeat:no-repeat;
text-decoration:none;
height:36px;
}

#btn_painting a:hover{
background-image:url(./images_btn/btn_painting_ovr.gif);
background-repeat:no-repeat;
}


#btn_fishing {
	margin-top: 5px;
	width: 120px;
}

#btn_fishing a{
display:block;
background-image:url(./images_btn/btn_fishing_nml.gif);
background-repeat:no-repeat;
text-decoration:none;
height:36px;
}

#btn_fishing a:hover{
background-image:url(./images_btn/btn_fishing_ovr.gif);
background-repeat:no-repeat;
}


#btn_link {
	margin-top: 5px;
	width: 120px;
}

#btn_link a{
display:block;
background-image:url(./images_btn/btn_link_nml.gif);
background-repeat:no-repeat;
text-decoration:none;
height:36px;
}

#btn_link a:hover{
background-image:url(./images_btn/btn_link_ovr.gif);
background-repeat:no-repeat;
}

#btn_system {
	margin-top: 5px;
	width: 120px;
}

#btn_system a{
display:block;
background-image:url(./images_btn/btn_system_nml.gif);
background-repeat:no-repeat;
text-decoration:none;
height:36px;
}

#btn_system a:hover{
background-image:url(./images_btn/btn_system_ovr.gif);
background-repeat:no-repeat;
}
