@import url(common.css);
@import url(round.css);

/* ---------------------------------------------------------------------------------------------------------------------------------------------
Popup
--------------------------------------------------------------------------------------------------------------------------------------------- */
#pop_area {
	position: absolute;
	z-index: 1;
	top: 30px;
	left: 10px;
	visibility: hidden;
}

#frm_pop {
	position: relative;
	width: 340px;
	height: 400px;
	padding: 0;
	margin: 0;
	background: url(/popup/images/060306.gif) no-repeat left center;
	border: 1px solid #999;
}
#frm_pop p {
	position: relative;
	top: 320px;
	left: 150px;
	font-weight: bold;
}
#frm_pop p a {
	color: #fff;
	text-decoration: underline;
}
#frm_pop .navi {
	position: absolute;
	width: 315px;
	bottom: 10px;
	text-align: center;
}
#frm_pop .navi label {
	cursor: pointer;
	color: #fff;
}
#frm_pop .navi img {
	cursor: pointer;
}
#frm_pop .navi a:visited, #frm_pop .navi a:link {
	font: bold 12px verdana;
	color: #000;
	text-decoration: none;
}
#frm_pop .navi a:hover {
	text-decoration: underline;
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------
Wrapper
--------------------------------------------------------------------------------------------------------------------------------------------- */
#wrapper{
	position: relative;
	width: 1002px;
	background: url(/images/bg_main_line.gif) repeat-y 699px 0;
	border-right: 1px solid #ccc;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------
Upside
--------------------------------------------------------------------------------------------------------------------------------------------- */
#upside {
	position: relative;
	width: 100%;
	height: 460px;
}

#logo { display: none; }
#logo h1 span { font-size: 14px; }

/* ---[ upside left ]--------------------- */
#upside_left_1 { float: left; width: 702px; height: 460px; }
#upside_left_1 #split_image_1 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/1/1.gif) no-repeat; cursor: pointer; }
#upside_left_1 #split_image_2 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/1/2.gif) no-repeat; }
#upside_left_1 #split_image_3 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/1/3.gif) no-repeat; }
#upside_left_1 #split_image_4 { float: left; width: 177px; height: 140px; background: #000 url(/images/split/1/4.gif) no-repeat; }
#upside_left_1 #split_image_5 { clear: left; float: left; width: 175px; height: 140px; background: #000 url(/images/split/1/5.gif) no-repeat; }
#upside_left_1 #split_image_6 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/1/6.gif) no-repeat; }
#upside_left_1 #split_image_7 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/1/7.gif) no-repeat; }
#upside_left_1 #split_image_8 { float: left; width: 177px; height: 140px; background: #000 url(/images/split/1/8.gif) no-repeat; }
#upside_left_1 #split_image_9 { clear: left; float: left; width: 175px; height: 180px; background: #000 url(/images/split/1/9.gif) no-repeat; }
#upside_left_1 #split_image_10 { float: left; width: 175px; height: 180px; background: #000 url(/images/split/1/10.gif) no-repeat; }
#upside_left_1 #split_image_11 { float: left; width: 175px; height: 180px; background: #000 url(/images/split/1/11.gif) no-repeat; }
#upside_left_1 #split_image_12 { float: left; width: 177px; height: 180px; background: #000 url(/images/split/1/12.gif) no-repeat; }

#upside_left_2 { float: left; width: 702px; height: 460px; }
#upside_left_2 #split_image_1 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/2/1.gif) no-repeat; cursor: pointer; }
#upside_left_2 #split_image_2 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/2/2.gif) no-repeat; }
#upside_left_2 #split_image_3 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/2/3.gif) no-repeat; }
#upside_left_2 #split_image_4 { float: left; width: 177px; height: 140px; background: #000 url(/images/split/2/4.gif) no-repeat; }
#upside_left_2 #split_image_5 { clear: left; float: left; width: 175px; height: 140px; background: #000 url(/images/split/2/5.gif) no-repeat; }
#upside_left_2 #split_image_6 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/2/6.gif) no-repeat; }
#upside_left_2 #split_image_7 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/2/7.gif) no-repeat; }
#upside_left_2 #split_image_8 { float: left; width: 177px; height: 140px; background: #000 url(/images/split/2/8.gif) no-repeat; }
#upside_left_2 #split_image_9 { clear: left; float: left; width: 175px; height: 180px; background: #000 url(/images/split/2/9.gif) no-repeat; }
#upside_left_2 #split_image_10 { float: left; width: 175px; height: 180px; background: #000 url(/images/split/2/10.gif) no-repeat; }
#upside_left_2 #split_image_11 { float: left; width: 175px; height: 180px; background: #000 url(/images/split/2/11.gif) no-repeat; }
#upside_left_2 #split_image_12 { float: left; width: 177px; height: 180px; background: #000 url(/images/split/2/12.gif) no-repeat; }

#upside_left_3 { float: left; width: 702px; height: 460px; }
#upside_left_3 #split_image_1 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/3/1.gif) no-repeat; cursor: pointer; }
#upside_left_3 #split_image_2 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/3/2.gif) no-repeat; }
#upside_left_3 #split_image_3 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/3/3.gif) no-repeat; }
#upside_left_3 #split_image_4 { float: left; width: 177px; height: 140px; background: #000 url(/images/split/3/4.gif) no-repeat; }
#upside_left_3 #split_image_5 { clear: left; float: left; width: 175px; height: 140px; background: #000 url(/images/split/3/5.gif) no-repeat; }
#upside_left_3 #split_image_6 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/3/6.gif) no-repeat; }
#upside_left_3 #split_image_7 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/3/7.gif) no-repeat; }
#upside_left_3 #split_image_8 { float: left; width: 177px; height: 140px; background: #000 url(/images/split/3/8.gif) no-repeat; }
#upside_left_3 #split_image_9 { clear: left; float: left; width: 175px; height: 180px; background: #000 url(/images/split/3/9.gif) no-repeat; }
#upside_left_3 #split_image_10 { float: left; width: 175px; height: 180px; background: #000 url(/images/split/3/10.gif) no-repeat; }
#upside_left_3 #split_image_11 { float: left; width: 175px; height: 180px; background: #000 url(/images/split/3/11.gif) no-repeat; }
#upside_left_3 #split_image_12 { float: left; width: 177px; height: 180px; background: #000 url(/images/split/3/12.gif) no-repeat; }

#upside_left_4 { float: left; width: 702px; height: 460px; }
#upside_left_4 #split_image_1 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/4/1.gif) no-repeat; cursor: pointer; }
#upside_left_4 #split_image_2 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/4/2.gif) no-repeat; }
#upside_left_4 #split_image_3 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/4/3.gif) no-repeat; }
#upside_left_4 #split_image_4 { float: left; width: 177px; height: 140px; background: #000 url(/images/split/4/4.gif) no-repeat; }
#upside_left_4 #split_image_5 { clear: left; float: left; width: 175px; height: 140px; background: #000 url(/images/split/4/5.gif) no-repeat; }
#upside_left_4 #split_image_6 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/4/6.gif) no-repeat; }
#upside_left_4 #split_image_7 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/4/7.gif) no-repeat; }
#upside_left_4 #split_image_8 { float: left; width: 177px; height: 140px; background: #000 url(/images/split/4/8.gif) no-repeat; }
#upside_left_4 #split_image_9 { clear: left; float: left; width: 175px; height: 180px; background: #000 url(/images/split/4/9.gif) no-repeat; }
#upside_left_4 #split_image_10 { float: left; width: 175px; height: 180px; background: #000 url(/images/split/4/10.gif) no-repeat; }
#upside_left_4 #split_image_11 { float: left; width: 175px; height: 180px; background: #000 url(/images/split/4/11.gif) no-repeat; }
#upside_left_4 #split_image_12 { float: left; width: 177px; height: 180px; background: #000 url(/images/split/4/12.gif) no-repeat; }

#upside_left_5 { float: left; width: 702px; height: 460px; }
#upside_left_5 #split_image_1 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/5/1.gif) no-repeat; cursor: pointer; }
#upside_left_5 #split_image_2 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/5/2.gif) no-repeat; }
#upside_left_5 #split_image_3 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/5/3.gif) no-repeat; }
#upside_left_5 #split_image_4 { float: left; width: 177px; height: 140px; background: #000 url(/images/split/5/4.gif) no-repeat; }
#upside_left_5 #split_image_5 { clear: left; float: left; width: 175px; height: 140px; background: #000 url(/images/split/5/5.gif) no-repeat; }
#upside_left_5 #split_image_6 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/5/6.gif) no-repeat; }
#upside_left_5 #split_image_7 { float: left; width: 175px; height: 140px; background: #000 url(/images/split/5/7.gif) no-repeat; }
#upside_left_5 #split_image_8 { float: left; width: 177px; height: 140px; background: #000 url(/images/split/5/8.gif) no-repeat; }
#upside_left_5 #split_image_9 { clear: left; float: left; width: 175px; height: 180px; background: #000 url(/images/split/5/9.gif) no-repeat; }
#upside_left_5 #split_image_10 { float: left; width: 175px; height: 180px; background: #000 url(/images/split/5/10.gif) no-repeat; }
#upside_left_5 #split_image_11 { float: left; width: 175px; height: 180px; background: #000 url(/images/split/5/11.gif) no-repeat; }
#upside_left_5 #split_image_12 { float: left; width: 177px; height: 180px; background: #000 url(/images/split/5/12.gif) no-repeat; }

/* ---[ upside right ]--------------------- */
#upside #upside_right {
	float: left;
	width: 265px;
	padding: 0 20px 0 15px;
}

/* quick_menu_1 */
#quick_menu_1 { 
	text-align: right; 
	padding: 0;
	margin: 0;
}

/* quick_menu_2 */
#quick_menu_2 {
	text-align: right;
}
#quick_menu_2 a:visited, #quick_menu_2 a:link { 
	color: #003300; 
	font: bold 11px Arial, Tahoma,verdana;
	text-decoration: none; 
}
#quick_menu_2 a:hover { 
	color: #ff9900;
	font: bold 11px Arial, Tahoma,verdana;
	text-decoration: underline; 
}
/* search */
#frm_search { 
	position: relative;
	padding: 0;
	width: 265px;
	margin: 10px 0 0 0;
	background: #ccc;
	text-align: center;
}
#frm_search input {
	font-size: 12px;
	font-family: arial;
}
#unity_search_value { 
	width: 100px; 
}
#search_part {
	font-size: 12px;
	font-family: arial;
}

/* masters */
#masters h2 span { display: none; }
#masters h2 { 
	width: 265px; 
	height: 40px; 
	padding: 5px 0; 
	margin: 0; 
	background: url(/images/title_masters.gif) no-repeat left center; 
	cursor: pointer; 
}

#masters h2 a:visited, #masters h2 a:link, #masters h2 a:hover { font-weight: bold; color: #006666; text-decoration: none; }

#masters img { 
	float: left; 
	padding: 1px;
	margin: 3px 10px 0 2px; 
	border: 1px solid #999;
}
#masters a:visited, #masters a:link { font-weight: bold; color: #666; text-decoration: none; }
#masters a:hover { font-weight: bold; color: #666; text-decoration: underline; }
#masters p { 
	padding: 5px 0 0 0; 
	margin: 0; 
}

/* dharma_talks */
#dharma_talks{
	clear: left;
	width: 265px;
	padding: 10px 0 0 0;
	margin: 0;
}
#dharma_talks h2 span { display: none; }
#dharma_talks h2 { 
	position: relative;
	width: 265px; 
	height: 30px; 
	padding: 20px 0 0 0; 
	margin: 0 0 6px 0; 
	background: url(/images/title_dharma_talks.gif) no-repeat left center; 
	cursor: pointer; 
}
#dharma_talks img {
	float: left;
	padding: 1px;
	margin: 0 10px 0 4px;
	border: 1px solid #999;
}
#dharma_talks a:visited, #dharma_talks a:link {
	font-weight: bold;
	color: #666;
	text-decoration: none;
	padding: 0;
	margin:0;
}
#dharma_talks a:hover {
	text-decoration: underline;
}
#dharma_talks p {
	padding: 2px 0 0 0;
	margin: 0;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------
Downside
--------------------------------------------------------------------------------------------------------------------------------------------- */
#downside {
	position: relative;
	width: 1002px;
	padding: 0;
	margin: 0;
}

/* ---[ downside left ]--------------------- */
#downside #downside_left {
	float: left;
	position:relative;
	width: 290px;
	height: 580px;
	padding: 0;
	margin: 0;
	background: url(/images/bg_main_left.gif) repeat-y;
	}
#main_menu {
	width: 290px;
	height: 230px;
	padding: 30px 0 0 0;
	margin: 0;
	background: url(/images/bg_main_menu.gif) no-repeat;
}
#main_menu li { 
	height: 24px;
	cursor: pointer;
}

#main_menu_01 { padding-left: 175px; }
#main_menu_02 { padding-left: 100px; }
#main_menu_03 { padding-left: 40px; }
#main_menu_04 { padding-left: 90px; }
#main_menu_05 { padding-left: 40px; }
#main_menu_06 { padding-left: 50px; }

a.rollover span { display: none; }
a.rollover img { border:none ; display:inline; } 
a.rollover img.over { display:none; } 
a.rollover:hover { border:none; } 
a.rollover:hover img {display:none; } 
a.rollover:hover img.over {display:inline; } 

#banner {
	position: absolute;
	width: 290px;
	height: 350px;
	bottom: 0;
	background: url(/images/bg_main_left_4.gif) no-repeat left bottom;
}
#banner .banner_list {
	position: absolute;
	left: 10px;
	bottom: 20px;
}
#banner .banner_list p {
	padding: 0;
	margin: 10px 0 0 0;
}

/* ---[ downside center ]--------------------- */
#downside #downside_center {
	float: left;
	width: 390px;
	padding: 0 20px 0 2px;
	margin: 0;
}

/* life */
#life h2 span { display: none; }
#life h2 { 
	width: 390px; 
	height: 30px; 
	padding: 10px 0 14px 0; 
	margin: 0; 
	background: url(/images/title_life.gif) no-repeat left center;
	cursor: pointer; 
	}

#life h2 a:visited, #life h2 a:link, #life h2 a:hover { font-weight: bold; color: #006666; text-decoration: none; }

#life img {
	float: left;
	padding: 1px;
	margin: 3px 10px 5px 4px;
	border: 1px solid #999;
	}
#life p {
	padding: 3px 0 0 0;
	margin: 0;
	}
#life .topic a:visited, #life .topic a:link {
	font-weight: bold;
	color: #375711;
	text-decoration: none;
	}
#life .topic a:hover {
	text-decoration: underline;
	}
#life .sub_topic a:visited, #life .sub_topic a:link {
	font-weight: normal;
	color: #666;
	text-decoration: none;
	}
#life .sub_topic a:hover {
	text-decoration: underline;
	}
#life span { color: #9A9A9A; }

/* buddhist_study */
#buddhist_study { 
	clear: left;
	position: relative;
	padding: 0 0 0 10px; 
	margin: 0;
	list-style: none;
	}
#buddhist_study li { 
	padding: 0 10px; 
	margin: 0; 
	height: 18px; 
	background: url(/images/icon_li_1.gif) no-repeat left center; 
	}
#buddhist_study a:visited, #buddhist_study a:link {
	font-weight: normal;
	color: #333;
	text-decoration: none;
	}
#buddhist_study a:hover {
	text-decoration: underline;
	}

/*board_btn*/
#board_btn{
	width:390px;
	padding: 10px 0;
	margin: 0;
	text-align: center;
}
#board_btn h2 {
	display: none;
}
#board_btn ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#board_btn ul li {
	margin: 0;
	padding: 0;
}
#board_btn ul li span {
	visibility: hidden;
}
#board_btn ul .discourse {
	width:385px;
	height:31px;
	padding:0;
	margin:0;
	background: url(/images/main_banner_01.gif) no-repeat left center;
	cursor: pointer; 
	}
#board_btn ul .discussion {
	width:385px;
	height:29px;
	padding:0;
	margin:0;
	background: url(/images/main_banner_02.gif) no-repeat left center;
	cursor: pointer; 
}

/* tab_news */
#tab_news {
	position: relative;
	width: 100%;
}
#tab_news dl {
	float: left;
	width: 130px;
	padding: 0;
	margin: 0;
}
#tab_news dt {
	padding: 0;
	margin: 0;
	cursor: pointer;
}
#tab_news dt span {
	display: none;
}
#news_jokb dt {
	width: 130px;
	height: 30px;
	background: url(/images/title_news_jokb_on.gif) no-repeat left center;
}
#news_center dt {
	width: 130px;
	height: 30px;
	background: url(/images/title_news_center_off.gif) no-repeat left center;
}
#news_clipping dt {
	width: 130px;
	height: 30px;
	background: url(/images/title_news_clipping_off.gif) no-repeat left center;
}
#tab_news dd {
	position: absolute;
	top: 35px;
	left: 10px;
	right: 10px;
	width: 370px;
	margin: 0;
}
#tab_news dd img {
	float: left;
	padding: 1px;
	margin-right: 10px;
	border: 1px solid #999;
}
#tab_news dd p.topic {
	padding-bottom: 4px;
}
#tab_news dd p.topic a:visited, #tab_news dd p.topic a:link {
	font-weight: bold;
	color: #375711;
	text-decoration: none;
}
#tab_news dd p.topic a:hover {
	text-decoration: underline;
}
#news_center dd p.topic a:visited, #news_center dd p.topic a:link {
	font-weight: normal;
	color: #333;
	text-decoration: none;
}
#news_center dd p.topic a:hover {
	text-decoration: underline;
}
#news_center p.temple_name a:visited, #news_center p.temple_name a:link {
	font-weight: bold;
	color: #375711;
	text-decoration: none;
}
#news_center p.temple_name a:hover {
	color: #375711;
	text-decoration: underline;
}
#tab_news dd p.list {
	margin: 0 0 0 8px;
	padding-left: 8px;
	background: url(/images/icon_li_1.gif) no-repeat left center; 
}
#tab_news dd p.list a {
	color: #333;
}
#tab_news dd p span {
	font: normal 10px verdana;
	color: #999;
}
#tab_news dd p {
	padding: 0;
	margin: 0;
}
#news_center dd {
	display: none;
}
#news_clipping dd {
	display: none;
}
#news_clipping dd ul {
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
}
#news_clipping dd ul li {
	padding: 0 0 0 10px;
	margin: 0;
	height: 18px;
	background: url(/images/icon_li_1.gif) no-repeat left center; 
}
#news_clipping dd ul li a:visited, #news_clipping dd ul li a:link {
	color: #333;
	text-decoration: none;
}
#news_clipping dd ul li a:hover {
	text-decoration: underline;
}
#news_clipping dd ul li span {
	font: normal 10px verdana;
	color: #999;
}

/* ---[ downside right ]--------------------- */
#downside #downside_right {
	float: left;
	position: relative;
	width: 265px;
	padding: 0 20px 0 15px;
}

/* seon_resources */
#seon_resources h2 span { display: none; }
#seon_resources h2 { 
	width: 265px; 
	height: 30px; 
	padding: 10px 0 10px 0; 
	margin: 0; 
	background: url(/images/title_seon_resources.gif) no-repeat left center; 
	cursor: pointer; 
}
#seon_resources h2 span {
	font-size: 25px;
}
#seon_resources h2 a:visited, #seon_resources h2 a:link, #seon_resources h2 a:hover { font-weight: bold; color: #006666; text-decoration: none; }

#seon_resources img { 
	padding: 1px;
	margin: 2px 10px 5px 2px;
	border: 1px solid #999;
	float: left;
} 
#seon_resources p {
	padding: 10px 0 0 0;
	margin: 0;
}
#seon_resources a:visited, #seon_resources a:link { font-weight: bold; color: #000099; text-decoration: none; }
#seon_resources a:hover { font-weight: bold; color: #000099; text-decoration: underline; }

#seon_resources ul { 
	position: relative;
	padding: 0 0 0 10px; 
	margin: 0;
	list-style: none;
}
#seon_resources li { 
	padding: 0 10px; 
	margin: 0; 
	height: 16px; 
	background: url(/images/icon_li_1.gif) no-repeat left center; 
}

#seon_resources li a:visited, #seon_resources li a:link { color: #333; font-weight: normal; text-decoration: none; }
#seon_resources li a:hover { color: #333; font-weight: normal; text-decoration: underline; }

#seon_resources .list_bg_line_s { height: 10px; background: url(/images/bg_line_s.gif) no-repeat 50% 50%; }
#seon_resources .list_bg_line_s hr { display: none; }

/* cartoon */
#cartoon { 
	position: relative;
	text-align: center; 
	margin: 10px 0 0 0;
	height: 160px;
}
#cartoon h2 span { display: none; }
#cartoon h2 { 
	width: 265px; 
	height: 30px; 
	padding: 0; 
	margin: 0; 
	background: url(/images/title_cartoons.gif) no-repeat left center; 
	cursor: pointer; 
}

#cartoon img {
	margin: 10px 0;
}

#cartoon p {
	padding: 0;
	margin: 0;
}
#cartoon a:visited, #cartoon a:link {
	font-weight: bold;
	color: #375711;
	text-decoration: none;
}
#cartoon a:hover {
	text-decoration: underline;
}

/* library */
#library h2 span {
	display: none; 
	}
#library h2 { 
	width: 265px; 
	height: 30px; 
	padding: 0; 
	margin: 0; 
	background: url(/images/title_library.gif) no-repeat left center; 
	cursor: pointer; 
	}
#library ul {
	position: relative;
	padding: 5px 8px 0 8px;
	margin: 0;
	list-style: none;
}
#library ul li {
	padding: 0 0 0 22px;
	margin: 0;
	height: 18px;
}
#library ul li.document {
	background: url(/images/icon_archive.gif) no-repeat left center; 
}
#library ul li.media {
	background: url(/images/icon_media.gif) no-repeat left center; 
}
#library ul li.accessary {
	background: url(/images/icon_photo.gif) no-repeat left center; 
}
#library ul li a:visited, #library ul li a:link {
	color: #333;
	text-decoration: none;
}
#library ul li a:hover {
	text-decoration: underline;
}
#library ul li span {
	font: normal 10px verdana;
	color: #999;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------
Footer
--------------------------------------------------------------------------------------------------------------------------------------------- */
#footer {
	clear: left;
	position: relative;
	background: #fff;
	width: 100%;
	height: 65px;
	border-top: 1px solid #ccc;
	text-align: center;
}

#foot {height:64px; padding: 0; margin:0; }
#foot_copy { float: left; margin: 0 40px 0 310px; }
#foot_navi01 { float: left; padding: 20px 0 0 0; margin:0; }
#foot_navi02 { float: left; padding: 20px 0 0 0; margin:0; }
#foot_navi03 { float: left; padding: 20px 0 0 0; margin:0; }