/* ■全体のボックス■ */
#outer{
	margin:0 auto;
	margin-bottom:20px;
	text-align:left;
}

/* ■上メニューのボックス■ */
.top_menu_Y{
	float:left;
	width:60px;
	height:18px;
	background-color:#FFD4FF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding:3px 1px;
	border-left:1px solid #B3B3B3;
}

.top_menu_N{
	float:left;
	background-color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	border-left:1px solid #999999;
}

.top_menu_N a{display:block;width:60px;height:18px;padding:3px 1px;}
.top_menu_N a:link{background:#fff;}
.top_menu_N a:visited{background:#fff;}
.top_menu_N a:active{background:#fff;}
.top_menu_N a:hover{background:#E5E5E5;color:whit;}

/* ■左中右メニューのボックス■ */
/* ■左カラム */
.l_title_box{
	line-height:140%;
	margin-top:10px;
	padding:3px 5px;
	width: 200px;
	color:#FFFFFF;
	background-color:#AE008A;
}
.l_text_box{
	background-color:#FFFFFF;
	border:1px solid #AE008A;
	padding:3px 5px;
	width: 198px;
	margin-bottom:3px;
}

/* ■中カラム */
.c_title_box{
	line-height:140%;
	margin-top:10px;
	padding:3px 5px;
	width: 470px;
	color:#FFFFFF;
	background-color:#AF1A8A;
	font-size:12px;
}
.c_text_box{
		border-radius: 5px;	/* CSS3草案 */
		-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;	/* Firefox用 */
	background-color:#FFFFFF;
	border:1px solid #AF1A8A;
	font-size:12px;
	padding:3px 3px;
	width: 472px;
	margin:3px 0px;
}

/* ■右カラム */
.r_title_box{
	line-height:140%;
	margin-top:10px;
	padding:3px 5px;
	width: 160px;
	color:#FFFFFF;
	background-color:#AE008A;
}
.r_text_box{
		border-radius: 5px;	/* CSS3草案 */
		-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;	/* Firefox用 */
	border:1px solid #AE008A;
	width: 158px;
	font-size:10px;
	padding:3px 5px;
	margin:3px 0px;
}


/* ■■■■ */


.logo{
	margin-bottom: 5px;
	padding-top: 5px;
	float:left;
}	
.cate{
/*	border:1px solid #FFAAAA;*/
/*	margin:0px 0px 0px 5px;*/
	width:180px;
	background-color:#FFFFFF;
	padding:3px 0px 3px 0px;

}
.moji{
	text-align:left;
	font-size:10px;
	line-height:150%;
	width:170px;
	position:relative;
	left:20px;
}
.moji2{
	text-align:left;
	font-size:10px;
	line-height:150%;
	width:150px;
	position:relative;
	left:20px;
}


.login{
	background-color:#AF1A8A;
	height:21px;
	margin:0px 0px 5px 0px;
	padding:2px 5px;
/*	border:1px solid #73C7DE;*/
/*	background-image: url(https://town-nets.jp/hokkaido/img/level_1st/login-2.gif);*/
/*	background-repeat: no-repeat;*/
}

.r_moji{
	font-size:10px;
	padding:0px 3px 0px 3px;
	margin-bottom:3px;
}

.column_body{
	border-width:0px 0px 1px 0px;
	border-style:dashed;
  background-color:#FFFFFF;
	padding:0px 10px 10px 10px;
	margin:0px 10px 10px 0px;
	line-height:150%;
}


.t_moji{
	font-size:12px;
	line-height:150%;
	width:380px;
	position:relative;
	left:15px;
	top:24px;
}
.teiban{
	width: 407px; 
	height: 395px; 
	margin-top:10px;
	background-image: url(https://town-nets.jp/hokkaido/img/level_1st/teiban.gif); 
	background-repeat: no-repeat;
}


.KIYAKU_OL
{
	margin:5px 5px 15px 10px;
}

.KENSAKU_LIST{
	border-width:0px 0px 1px 0px;
	border-style:dashed;
	padding:0px 10px 5px 10px;
	margin:0px 10px 5px 0px;
	line-height:150%;
}

.INDEX_CCOPY{
	color:#0000FF;
	font-size:18px;
	font-weight:bold;
	border-width:0px 0px 0px 0px;
	margin:0px 5px 5px 5px;
	line-height:150%;
}

.INDEX_OSHIRASE{
	font-size:12px;
	border-width:0px 0px 1px 0px;
	border-style:dashed;
	padding:0px 10px 5px 10px;
	margin:0px 10px 5px 5px;
	line-height:150%;
}




/* ??????A?N???E?????N?E???x??????\ ?pCSS */

.ctr_body{
	padding:0;
	width:580px;
	color:#333;
	float:right;
}
.ctr_head, #ctr_cnt{
	margin:0 auto;
	width:580px;
	padding-top:10px 10px 0;
}
.naka_midashi{
	font-weight:bold;
	text-align:left;
}
.pl_kankei{
	padding-top:5px;
	line-height:150%;
}
.search_body{
	width:580px;
	margin:0 auto;
}
/* 半角文字 */
.eisuji{ ime-mode:inactive; }

.tbl_body{ 
	width:580px;
	margin:0 auto;
}
/* tableタグの幅 */
.tbl{ width:580px; }
/* thの見出し */
.cell_name{ background-color:#562500; color:#fff; }
.cell{
	border:1px solid #999;
	border-collapse:collapse;
}
.cell_c, .cell_l, .cell_r{ padding:3px 5px; }
.cell_c{ text-align:center; }
.cell_l{ text-align:left; }
.cell_r{ text-align:right; }

.ad{ width:40px; } /* 西暦 */
.gengo{ width:70px; } /* 元号 */
.age{ width:80px; } /* 今年の年齢 */
.kazoe{ width:60px; } /* 数え年 */
.jikkan{ width:120px; } /* 十干 */
.junishi{ width:70px; } /* 十二支 */
.event{ width:150px; } /* 行事名 */

.ctr_foot{
	margin:20px auto 0;
	padding:10px;
	text-align:center;
	border-top:1px solid #999;
}

.clear_fix:after{
	comment:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear_fix{ min-height:1px; }







/* ■不要
.key{
	width: 200px; 
	height: 59px; 
	margin:10px 0px;
	background-image: url(https://town-nets.jp/hokkaido/img/level_1st/search/search-keyword2.gif); 
	background-repeat: no-repeat;
}
.eria{
	width: 200px; 
	height: 59px; 
	margin:10px 0px;
	background-image: url(https://town-nets.jp/hokkaido/img/level_1st/search/search-eria2.gif); 
	background-repeat: no-repeat;
}
.search{
	text-align:left;
	font-size:10px;
	font-weight:bold;
	position:relative;
	top:30px;
	left:7px;
}
.pickup{
	width:406px; 
	height:88px; 
	background-image: url(https://town-nets.jp/hokkaido/img/level_1st/pickup.gif); 
	background-repeat: no-repeat;
}
*/

/* ■■clubのメニュー■■ */
.club_menu_on{
	border:1px solid #AE008A;
	padding:5px;
	background-color:#AF1A8A;
	color:white;
	font-weight:bold;
	float:left;
	width:74px;
	height:18px;
	text-align:left;
	cursor:pointer;
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;	
}
.club_menu_off{
	border:1px solid #AE008A;
	padding:5px;
	color:#AE008A;
	float:left;
	width:74px;
	height:18px;
	text-align:left;
	cursor:pointer;
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;	
}
club_menu_on a:link{
	font-size:100%;
	background:none;
}
club_menu_off a:hover{
	font-size:120%;
	background:none;
}


/* ■■文字のオーバーフローを…にし、改行しない■■ */
.overflow_hidden_norap{
	width:460px;
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
	display:block;
}

/* ■掲載案内で */
.keisai_box_orange{
		border-radius: 5px;	/* CSS3草案 */
		-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;	/* Firefox用 */
	background-color:#FFEEEE;
	border:2px solid #FF8800;
	font-size:12px;
	padding:5px 10px;
	width: 630px;
	margin:5px 0px;
}

.keisai_box_green{
		border-radius: 5px;	/* CSS3草案 */
		-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;	/* Firefox用 */
	background-color:#EEFFEE;
	border:2px solid #00FF00;
	font-size:12px;
	padding:5px 10px;
	width: 630px;
	margin:5px 0px;
}

.keisai_box_blue{
		border-radius: 5px;	/* CSS3草案 */
		-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;	/* Firefox用 */
	background-color:#EEEEFF;
	border:2px solid #0000FF;
	font-size:12px;
	padding:5px 10px;
	width: 630px;
	margin:5px 0px;
}


.keisai_box_yellow{
		border-radius: 5px;	/* CSS3草案 */
		-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;	/* Firefox用 */
	background-color:#FFFFEE;
	border:2px solid #FFFF00;
	font-size:12px;
	padding:5px 10px;
	width: 630px;
	margin:5px 0px;
}