/* Common */

body {
	background-color:#ffffff;
	color:#000000;
	margin:5px;
	text-align:center;
}

a:link    { color:#000000; }
a:visited { color:#000000; }
a:active  { color:#000000; }
a:hover { color:#000000; }

.clear {clear:both;}
.hide {display: none;}
.txtb {font-weight:bold;}
#line-top {border-bottom:1px solid #000000;}
#line-bottom {border-bottom:1px solid #000000;}

.color4 {color:#ff0000; }

#txtright {text-align:right;}
#txtleft {text-align:left;}
#txtcenter {text-align:center;}

/* clearfix */

.clearfix {
	zoom:1;
}
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}

/* Base */

#base {
	width:95%;
	background-color:#ffffff;
	border:1px solid #000000;
	margin:auto;
}

/* Header */

#header {
	width:100%;
	height:30px;
	background-image:url(../images/head_back2.gif);
	text-align:center;
}
#headertext {
	padding-top:10px;
	text-align:center;
}

/* Main Area */

#main{
	width:830px;
	margin:10px auto 0;
}
#title {
	float:left;
	margin-left:10px;
}
#menu {
	float:right;
	width:410px;
	margin-top:4px;
	margin-right:15px;
	text-align:right;
}
#menuimg1,
#menuimg2 {
	border-left:1px solid #000000;
	margin:0;
}
#menuimg2 {
	border-right:1px solid #000000;
}
#subtitle {
	clear:both;
	width:800px;
	margin:10px auto;
	border-top:1px solid #666666;
	padding-top:5px;
	text-align:center;
}
#stimg {
	float:left;
	vertical-align:bottom;
	margin-bottom:10px;
}
#submenu {
	float:right;
	width:539px;
	text-align:right;
	color:#666666;
	padding-top:7px;
}
#toppage,
#news,
#prfboxe,
#prfboxh,
#prfboxt,
#prfboxo,
#prfboxs,
#prfboxn {
	clear:both;
	background:#ffffff url(../images/box2_body.gif) repeat-y center;
	text-align:center;
}
#prfboxe,
#prfboxh,
#prfboxt,
#prfboxo,
#prfboxs,
#prfboxn {
	margin-bottom:10px;
}
#news {
	margin-bottom:20px;
}
#mediaroom,
#links {
	clear:both;
	width:820px;
	margin:10px auto 0;
}
#boximg {
	vertical-align:bottom;
	margin:0;
	padding:0;
}
#imgmap {
	margin-left:3px;
	vertical-align:bottom;
}
/* for other than Mac IE \*/
#imgmap {
	margin-left:0;
}
/* */

/* new top */
#top_left {
	float:left;
	width:538px;
	margin:15px auto;
}
#top_middle {
	float:left;
	width:30px;
	margin:15px auto;
}
#top_right {
	float:right;
	width:260px;
	border-left:2px solid #b4b4b4;
	margin:15px auto;
}
dl#top_menu {
	display:block;
	padding:0 18px 0 48px;
	margin:0 auto;
}
dl#top_menu dt,
dl#top_menu dd {
	float:left;
	width:236px;
	text-align:center;
	margin:0 0 10px;
	padding:0;
}
dl#top_menu dd {
	float:right;
}
dl#top_giin {
	width:220px;
	margin:0;
	padding:0;
}
dl#top_giin dt {
	clear:both;
	float:left;
	width:70px;
	margin:0 0 7px 10px;
	padding:0;
	border-bottom:1px solid #b4b4b4;
}
dl#top_giin dd {
	float:left;
	width:140px;
	text-align:center;
	margin:0 0 7px 0;
	padding:0;
	height:70px;
	border-bottom:1px solid #b4b4b4;
}
.last {
	margin-bottom:0 !important;
}
dl#top_giin dt img,
dl#top_giin dd img {
	vertical-align:bottom;
}
dl#top_giin dt img {
	width:70px;
}
dl#top_giin dd img {
	width:130px;
	padding-top:24px;
}
/* top banners */
#banners_area {
	margin:15px 0;
}
#banners_area img {
	margin-bottom:10px;
}
/* top news */
#topmsg {
	float:left;
	padding-top:10px;
	margin-left:10px;
}
#headnewsarea {
	float:right;
	width:430px;
	background:#ffffff url(../images/newsbox_body.gif) repeat-y center top;
	margin-bottom:5px;
}
#newstimg {
	float:left;
	width:39px;
	margin:5px 0 0 27px;
	vertical-align:bottom;
}
#headnews {
	float:right;
	width:325px;
	padding-right:25px;
}
#headnewsarea img#boximg2 {
	clear:both;
	vertical-align:bottom;
}
/* for IE */
*html #headnews {
	width:350px;
}
/* */
#headnews ul {
	margin:0;
	padding:0;
	list-style:none;
}
#headnews li{
	background:url(../images/mark1.gif) no-repeat 0 0.4em;
	margin:0;
	padding-left:12px;
	text-align:left;
}
#news table {
	text-align:center;
	width:600px;
	margin:auto;
}
#news table td{
	text-align:left;
}
#news div#txtleft,
#news div#txtright{
	width:600px;
	margin:auto;
}
#ptopimg {
	float:left;
	margin-left:25px;
	text-align:left;
}
table#mrcomment,
table#lcomment {
	clear:both;
	margin-left:15px;
}
table#mrcategory,
table#lcategory {
	clear:both;
	width:820px;
	height:55px;
}
table#mrcategory {
	background:url(../images/ctgr_back.gif) no-repeat center top;
}
table#lcategory {
	background:url(../images/ctgr_back2.gif) no-repeat center top;
}
table#mrcategory td,
table#lcategory td {
	padding-top:2px;
	padding-left:50px;
	vertical-align:middle;
}
table#mrlinkdata,
table#llinkdata {
	width:800px;
	margin:0 10px 5px;
}
table#mrlinkdata td,
table#llinkdata td {
	background:url(../images/dotline_gy.gif) repeat-x bottom;
	vertical-align:middle;
	padding:10px 0;
}
table#mrlinkdata td img,
table#llinkdata td img {
	vertical-align:middle;
	position:relative; bottom:2px;
}
#watertop,
#water {
	clear:both;
	width:810px;
	margin:15px auto;
	text-align:center;
}
#water {
	width:800px;
}
#watertop p {
	text-align:left;
	margin-left:5px;
}
#watertop img {
	vertical-align:bottom;
}
#water h2 {
	padding-top:15px;
}
#water h2 span#w3,
#water h2 span#w4,
#water h2 span#w6,
#water h2 span#w7 {
	color:#999999;
	position:relative;
	bottom:50px;
	right:120px;
}
#water h2 span#w6 {
	right:-30px;
}
#water h2 span#w7 {
	right:-60px;
}
#water h2 span#w3 {
	right:-200px;
}
#water p a:link { color:#38a1db; }
#water p a:visited { color:#38a1db; }
#water p a:active { color:#38a1db; }
#water p a:hover { color:#38a1db; }


/* WinIEÂÐºö \*/
* html #water h2 span#w3,
* html #water h2 span#w4,
* html #water h2 span#w6,
* html #water h2 span#w7 {
	position:relative;
	bottom:35px;
	right:530px;
}
* html #water h2 span#w6 {
	right:380px;
}
* html #water h2 span#w7 {
	right:350px;
}
* html #water h2 span#w3 {
	right:210px;
}
/* */
#water h3 {
	padding:2px;
	background-color:#d7ecf8;
	color:#38a1db;	
}
#water table#pagenavi {
	margin:30px auto 20px;
}
/* For other than MacIE \*/
#water span#tiptxt,
#water span#tipimg {
	color:#38a1db;
	cursor:pointer;
}
#water #formacie {
	display:none;
}
/* */

/* Footer */

#footer1,
#footer2 {
	clear:both;
	width:100%;
	text-align:center;
}
#footer1 {
	background-image:url(../images/head_back1.gif) ;
	padding-top:9px;
	padding-bottom:9px;
}
#footer2 {
	background-image:url(../images/bottom_back.gif) ;
	padding-top:0;
	padding-bottom:4px;
}
#footerpost {
	width:800px;
	height:78px;
	margin:auto;
}
#post {
	float:right;
	width:28px;
}
#maillink {
	float:right;
	padding-right:10px;
	padding-top:12px;
	text-align:left;
	line-height:150%;
}
#maillink img {
	vertical-align:middle;
}
#footer2 span {
	position:relative; bottom:5px;
}
