/* CSS Document */

/* ---------- base layout ---------- */
body {
	background: none;
	font-family: Verdana, "Helvetica Neue", Helvetica, Sans-Serif;
	color: #666666;
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
	}

#container {
	background: none; 
	width: 850px;
	position: relative;
	margin: 0px auto;
}



/* ---------- general ---------- */
* {
	margin: 0px;
	padding: 0px;
	}

.clearboth {
	clear: both;
	}

a img {
	border: none;
	}


/* v v v v v header_box v v v v v */
#header_box {
	background: none;
	height: 114px;
	width: 850px;
	position: relative;
	margin-bottom: 6px;	
	}

#menu_bar {
	background: none;
	bottom: 0px;
	left: 0px;
	height: 114px;
	float: left;
	}

#logo_box {
	background: none;
	top: 0px;
	right: 0px;
	float: right;
	}

#menu_bar ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	}

#menu_bar ul li {
	float: left;
	}

#menu_bar ul .news a {
	background-image: url(pic_general/menu_news1.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 45px;
	width: 85px;
	display: block;
	top: 69px;
	position: relative;
	}

#menu_bar ul .news a:hover {
	background-position: left bottom;
	}

#menu_bar ul .news_active a {
	background-image: url(pic_general/menu_news2.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 114px;
	width: 85px;
	display: block;
	top: 0px;
	position: relative;
	}

#menu_bar ul .news_active a:hover {
	background-position: left bottom;
	}

#menu_bar ul .massage a {
	background-image: url(pic_general/menu_massage1.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 45px;
	width: 131px;
	display: block;
	top: 69px;
	position: relative;
	}

#menu_bar ul .massage a:hover {
	background-position: left bottom;
	}

#menu_bar ul .massage_active a {
	background-image: url(pic_general/menu_massage2.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 114px;
	width: 131px;
	display: block;
	top: 0px;
	position: relative;
	}

#menu_bar ul .massage_active a:hover {
	background-position: left bottom;
	}

#menu_bar ul .profile a {
	background-image: url(pic_general/menu_profile1.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 45px;
	width: 105px;
	display: block;
	top: 69px;
	position: relative;
	}

#menu_bar ul .profile a:hover {
	background-position: left bottom;
	}

#menu_bar ul .profile_active a {
	background-image: url(pic_general/menu_profile2.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 114px;
	width: 105px;
	display: block;
	top: 0px;
	position: relative;
	}

#menu_bar ul .profile_active a:hover {
	background-position: left bottom;
	}

#menu_bar ul .gallery a {
	background-image: url(pic_general/menu_gallery1.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 45px;
	width: 108px;
	display: block;
	top: 69px;
	position: relative;
	}

#menu_bar ul .gallery a:hover {
	background-position: left bottom;
	}

#menu_bar ul .gallery_active a {
	background-image: url(pic_general/menu_gallery2.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 114px;
	width: 108px;
	display: block;
	top: 0px;
	position: relative;
	}

#menu_bar ul .gallery_active a:hover {
	background-position: left bottom;
	}

#menu_bar ul .contact a {
	background-image: url(pic_general/menu_contact1.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 45px;
	width: 119px;
	display: block;
	top: 69px;
	position: relative;
	}

#menu_bar ul .contact a:hover {
	background-position: left bottom;
	}

#menu_bar ul .contact_active a {
	background-image: url(pic_general/menu_contact2.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 114px;
	width: 119px;
	display: block;
	top: 0px;
	position: relative;
	}

#menu_bar ul .contact_active a:hover {
	background-position: left bottom;
	}

#menu_bar ul .friends a {
	background-image: url(pic_general/menu_friends1.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 45px;
	width: 109px;
	display: block;
	top: 69px;
	position: relative;
	}

#menu_bar ul .friends a:hover {
	background-position: left bottom;
	}

#menu_bar ul .friends_active a {
	background-image: url(pic_general/menu_friends2.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 114px;
	width: 109px;
	display: block;
	top: 0px;
	position: relative;
	}

#menu_bar ul .friends_active a:hover {
	background-position: left bottom;
	}

/* x x x x x header_box x x x x x */

/* v v v v v index v v v v v */
#main_box_index {
	background-image: url(pic_index/main_ph.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 530px;
	width: 850px;
	position: relative;
	}

#main_box_index .index_text {
	background: transparent;
	position: absolute;
	top: 300px;
	left: 18px;
	height: 200px;
	width: 205px;
	color: #502300;
	font-size: 13px;
	line-height: 20px;
	}
/* x x x x x index x x x x x */


#main_box {
	background :none;
	height: 530px;
	width: 850px;
	}

#submenu_list {
	background: none;
	top: 75px;
	left: 20px;
	position: absolute;
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
	}

#submenu_list ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	}

#submenu_list ul .normal a {
	background: none;
	color: #84654C;
	text-decoration: none;
	}

#submenu_list ul .normal a:hover {
	color: #502300;
	}

#submenu_list ul .active a {
	background: none;
	color: #502300;
	text-decoration: none;
	}

#submenu_list ul .active a:hover {
	color: #502300;
	}

.language_text {
	background: none;
	height: 15px;
	width: 50px;
	position: absolute;
	bottom: 18px;
	left: 18px;
	font-size: 10px;
	line-height: 10px;
	color: #84654C;
	text-decoration: none;
	}

.language_text .active a {
	color: #502300;
	text-decoration: none;
	}

.language_text .active a:hover {
	color: #502300;
	}

.language_text .inactive a {
	color: #84654C;
	text-decoration: none;
	}

.language_text .inactive a:hover {
	color: #502300;
	}

#credit {
	background: none;
	height: 12px;
	width: 840px;
	margin: 5px 5px 0px;
	text-align: right;
	font-size: 9px;
	line-height: 9px;
	}

#right_box {
	background-image: url(pic_general/right_bg_top.gif);
	background-position: right top;
	background-repeat: no-repeat;
	height: 530px;
	width: 620px;
	position: relative;
	float: right;
	}

#contents_box_1 {
	background: none;
	height: 494px;
	width: 618px;
	margin-top: 18px;
	border-right: 2px solid #FFE800;
	float: left;
	}

#contents_box_2 {
	background: none;
	height: 490px;
	width: 585px;
	margin: 2px 13px 2px 20px;
	overflow-y: auto;
	}

#contents {
	width: 564px;
	}

#contents #article p {
	margin-bottom: 20px;
	width: 564px;
	}

#contents #article p a {
	color: #000000;
	text-decoration: underline;
	}

#contents #article p a:hover {
	color: #666666;
	text-decoration: underline;
	}

#contents #article img {
	margin-bottom: 20px;
	}

#contents .ph_inside {
	margin: 0px 15px 15px 0px;
	float: left;
	}

#contents .ph_inside_right {
	margin: 0px 0px 15px 15px;
	float: right;
	}

#right_bottom {
	background-image: url(pic_general/right_bg_bottom.gif);
	background-position: right top;
	background-repeat: no-repeat;
	height: 18px;
	width: 620px;
	position: relative;
	float: left;
	}

/* v v v v v news v v v v v */
#left_news {
	background-image: url(pic_news/left_bg_news.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 530px;
	width: 230px;
	position: relative;
	float: left;
	}

#contents #title_news {
	background-image: url(pic_news/icon_hand_news.gif);
	background-position: left center;
	background-repeat: no-repeat;
	height: 40px;
	width: 564px;
	margin-bottom: 15px;
	}

#contents #title_news p {
	margin-left: 43px;
	width: 521px;
	font-size: 15px;
	line-height: 40px;
	color: #00C39A;
	font-weight: bold;
	}

#contents #news_nachoben p {
	margin: 10px 0px 30px;
	height: 20px;
	width: 550px;
	text-align: right;
	border-bottom: thin dotted #00C39A
	}

#contents #news_nachoben img {
	margin-right: 5px;
	}

#contents #news_nachoben p a {
	color: #00C39A;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	text-decoration: underline;
	vertical-align: top;
	}

#contents #news_nachoben p a:hover {
	color: #46EAC3;
	}


/* v v v v v massage v v v v v */
#left_massage {
	background-image: url(pic_massage/left_bg_massage.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 530px;
	width: 230px;
	position: relative;
	float: left;
	}

#contents #title_massage {
	background-image: url(pic_massage/title_bar_massage.gif);
	background-position: left center;
	background-repeat: no-repeat;
	height: 26px;
	width: 550px;
	margin: 7px 0px 22px;
	}

#contents #title_massage p {
	width: 550px;
	font-size: 17px;
	line-height: 26px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	}

#contents #massage_nachoben p {
	margin: 30px 0px;
	height: 20px;
	width: 550px;
	text-align: right;
	}

#contents #massage_nachoben img {
	margin-right: 5px;
	}

#contents #massage_nachoben p a {
	color: #E95DA8;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	text-decoration: underline;
	vertical-align: top;
	}

#contents #massage_nachoben p a:hover {
	color: #FF81BE;
	}


/* v v v v v profile v v v v v */
#left_profile {
	background-image: url(pic_profile/left_bg_profile.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 530px;
	width: 230px;
	position: relative;
	float: left;
	}

#contents #title_profile {
	background-image: url(pic_profile/icon_hand_profile.gif);
	background-position: left center;
	background-repeat: no-repeat;
	height: 40px;
	width: 564px;
	margin-bottom: 15px;
	}

#contents #title_profile p {
	margin-left: 43px;
	width: 521px;
	font-size: 15px;
	line-height: 40px;
	color: #00ABEF;
	font-weight: bold;
	}

#contents #profile_nachoben p {
	margin: 30px 0px;
	height: 20px;
	width: 550px;
	text-align: right;
	border-bottom: thin dotted #00ABEF
	}

#contents #profile_nachoben img {
	margin-right: 5px;
	}

#contents #profile_nachoben p a {
	color: #00ABEF;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	text-decoration: underline;
	vertical-align: top;
	}

#contents #profile_nachoben p a:hover {
	color: #7DD0F7;
	}


/* v v v v v gallery v v v v v */
#left_gallery {
	background-image: url(pic_gallery/left_bg_gallery.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 530px;
	width: 230px;
	position: relative;
	float: left;
	}

#contents #title_gallery {
	background-image: url(pic_gallery/icon_hand_gallery.gif);
	background-position: left center;
	background-repeat: no-repeat;
	height: 40px;
	width: 564px;
	margin-bottom: 15px;
	}

#contents #title_gallery p {
	margin-left: 43px;
	width: 521px;
	font-size: 15px;
	line-height: 40px;
	color: #B668D4;
	font-weight: bold;
	}

#contents #gallery_nachoben p {
	margin: 30px 0px;
	height: 20px;
	width: 550px;
	text-align: right;
	border-bottom: thin dotted #B668D4
	}

#contents #gallery_nachoben img {
	margin-right: 5px;
	}

#contents #gallery_nachoben p a {
	color: #B668D4;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	text-decoration: underline;
	vertical-align: top;
	}

#contents #gallery_nachoben p a:hover {
	color: #D08AEB;
	}


/* v v v v v contact v v v v v */
#left_contact {
	background-image: url(pic_contact/left_bg_contact.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 530px;
	width: 230px;
	position: relative;
	float: left;
	}

#contents #title_contact {
	background-image: url(pic_contact/icon_hand_contact.gif);
	background-position: left center;
	background-repeat: no-repeat;
	height: 40px;
	width: 564px;
	margin-bottom: 15px;
	}

#contents #title_contact p {
	margin-left: 43px;
	width: 521px;
	font-size: 15px;
	line-height: 40px;
	color: #FF7F00;
	font-weight: bold;
	}

#contents #contact_nachoben p {
	margin: 30px 0px;
	height: 20px;
	width: 550px;
	text-align: right;
	border-bottom: thin dotted #FF7F00
	}

#contents #contact_nachoben img {
	margin-right: 5px;
	}

#contents #contact_nachoben p a {
	color: #FF7F00;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	text-decoration: underline;
	vertical-align: top;
	}

#contents #contact_nachoben p a:hover {
	color: #FF8E1E;
	}


/* v v v v v friends v v v v v */
#left_friends {
	background-image: url(pic_friends/left_bg_friends.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 530px;
	width: 230px;
	position: relative;
	float: left;
	}

#contents #title_friends {
	background-image: url(pic_friends/title_bar_friends.gif);
	background-position: left center;
	background-repeat: no-repeat;
	height: 26px;
	width: 550px;
	margin: 7px 0px 22px;
	}

#contents #title_friends p {
	width: 550px;
	font-size: 17px;
	line-height: 26px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	}

#contents #friends_nachoben p {
	margin: 30px 0px;
	height: 20px;
	width: 550px;
	text-align: right;
	}

#contents #friends_nachoben img {
	margin-right: 5px;
	}

#contents #friends_nachoben p a {
	color: #70CA00;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	text-decoration: underline;
	vertical-align: top;
	}

#contents #friends_nachoben p a:hover {
	color: #96E21C;
	}