/*************************
  Basic Structure
*************************/

body { text-align:center; color:#444;}

a {text-decoration:none;color:#006600;}
a:hover {text-decoration:underline;color:#FF6600;} 

#outline {
 width:690px;
 text-align:left;
 margin:0 auto;
 }

.outline-margin { margin:0 0px;}

.main { width:480px; float:right;font-size:12px;}

	.main_l { width:235px; float:left;}
	.main_r { width:235px; float:right;margin-left:2px;}

	.main UL {margin:0px 12px; padding:0px;}
	.main LI {margin:1px 6px; padding:0px;}

	.main H1 { text-align:center; color:#000; font-size:22px;}
	.main H5 { text-align:right; color:#666; font-size:12px; margin-right:16px;}

		.regForm h1 {margin:10px 24px;font-size:13px;text-align:left;text-decoration:none;color:#666;line-height:20px;}
		.regForm form {width:440px;background-color: #BBD8FF;margin-left:20px;}
		.regForm fieldset {border: 0px solid #000}
		.regForm legend{font: bold 16px ＭＳ Ｐゴシック;color: blue;margin:20px 0px;margin-left:99px}
		.regForm fieldset label {float:left;display:inline;width:120px;line-height:16px;margin: 3px 10px;text-align:left;background: #FFF url("/images/marker/arrow.jpg") no-repeat right center;}
		.regForm fieldset label.cfm {float:right;display:inline;width:260px;line-height:16px;margin: 3px 10px;text-align:left;background: #EEE;color:black;}
		.regForm input,textarea {margin:3px 0 8px;border-style:solid;border-color: #778AA2 #7EA4D8 #7EA4D8 #778AA2;border-width:2px 1px 1px 2px;width: 270px}
		.regForm input {height: 18px}
		.regForm br {clear:left}
		input#go {margin: 10px 0 0 310px;border-style:solid;border-color: #FFF #333 #333 #FFF;border-width:1px 2px 2px 1px;background: #CCC;width:100px;height: auto;}
		input#back {margin: 10px 0 0 310px;border-style:solid;border-color: #FFF #333 #333 #FFF;border-width:1px 2px 2px 1px;background: #CCC;width:100px;height: auto;}

.side { width:200px; float:left;font-size:12px;}

	.side UL {margin:8px 16px; padding:0px;}
	.side LI {margin:4px 8px; padding:0px;}
	.side A {text-decoration:none;color:blue;}
	.side A:hover {text-decoration:underline;color:#FF6600;} 

.c-both { clear:both; }

/* header menu(horizontal)
----------------------------------------------- */


#header_button {
width:650px;
height:24px;  
margin: 0 35px; 
padding :0;
}
#header_button UL { 
margin: 0; 
padding :0; 
list-style-type : none; 
}
#header_button LI { 
display : inline; 
padding :0; 
margin:0 3px;
float:left; 
}

/* 上段 */
#header_button #menu_a1 A {
background-image:url(../images/btn/header/btn_about.jpg); 
width:150px; 
height:23px;
background-repeat:no-repeat; 
margin:0; 
padding:0;
background-color:#fff;
display:block;
}

#header_button #menu_a2 A {
background-image:url(../images/btn/header/btn_report.jpg); 
width:150px; 
height:23px;
background-repeat:no-repeat; 
margin:0; padding:0;
background-color:#fff;
display:block;
}

#header_button #menu_a3 A {
background-image:url(../images/btn/header/btn_support.jpg); 
width:150px; 
height:23px;
background-repeat:no-repeat; 
margin:0; 
padding:0;
background-color:#fff;
display:block;
}

#header_button #menu_a4 A {
background-image:url(../images/btn/header/btn_korea.gif); 
width:153px;
height:23px;
background-repeat:no-repeat; 
margin:0; 
padding:0;
background-color:#fff;
display:block;
}

/* 下段 */

#header_button2 {
width:650px;
height:26px;  
margin: 0 35px; 
padding :0;
}
#header_button2 UL { 
margin: 0; 
padding :0; 
list-style-type : none; 
}
#header_button2 LI { 
display : inline; 
padding :0; 
margin:0 2px;
float:left; 
}


#header_button2 #menu_b1 A {
background-image:url(../images/btn/header/btn_room.jpg); 
width:157px; 
height:26px;
background-repeat:no-repeat; 
margin:0; 
padding:0;
background-color:#fff;
display:block;
}

#header_button2 #menu_b2 A {
background-image:url(../images/btn/header/btn_press.jpg); 
width:150px; 
height:23px;
background-repeat:no-repeat; 
margin:0; padding:0;
background-color:#fff;
display:block;
}

#header_button2 #menu_b3 A {
background-image:url(../images/btn/header/btn_contact.jpg); 
width:150px; 
height:23px;
background-repeat:no-repeat; 
margin:0; 
padding:0;
background-color:#fff;
display:block;
}

#header_button2 #menu_b4 A {
background-image:url(../images/btn/header/btn_bm.gif); 
width:153px;
height:24px;
background-repeat:no-repeat; 
margin:0; 
padding:0;
background-color:#fff;
display:block;
}


.not_displayed {display:none;}


/*************************
  Nifty Realted
*************************/

div.sideContainer{width:200px;margin: 0px 0px;background-color: #DDD;text-align: left}
div.mainContainer{width:480px;margin: 0px 0px;background-color: #EEE;text-align: left}
div.mainSubContainerL{width:225px;margin: 4px 5px 0px 10px;background-color: #FFF;text-align: left;}
div.mainSubContainerR{width:225px;margin: 4px 10px 0px 0px;background-color: #FFF;text-align: left;}

div.naviContainer{ width:480px;margin:0px 0px;float:left;font-size:12px;background-color: #EEE;}
	p.navi {font-size: 13px; margin-left:6px; color:Black;}
	a.navi {font-size: 13px; color:#666;}
	a:hover.navi {font-size: 13px; text-decoration:none; color:BLACK;} 


/* rounded skelton
----------------------------------------------- */

div.news{width: 180px;background: #FFFFFF;margin-bottom: 10px;margin-left: 10px;margin-top:5px;}
div.info{width: 180px;background: #FFFFFF;margin-bottom: 10px;margin-left: 10px;}
div.calender{width: 180px;background: #FFFFFF;margin-bottom: 10px;margin-left: 10px;}
div.member{width: 180px;background: #FFFFFF;margin-bottom: 10px;margin-left: 10px;}
div.contact{width: 180px;background: #FFFFFF;margin-bottom: 10px;margin-left: 10px;}

/* rounded titles
----------------------------------------------- */

h3.news{font-size: 12px;margin:0;padding: 0 0 3px;background: #CCFFFF;color: #333;text-align: center}
h3.info{font-size: 12px;margin:0;padding: 0 0 3px;background: #FFCCFF;color: #333;text-align: center}
h3.calender{font-size: 12px;margin:0;padding: 0 0 3px;background: #FFCC99;color: #333;text-align: center}
h3.member{font-size: 12px;margin:0;padding: 0 0 3px;background: #FFFF99;color: #333;text-align: center}
h3.contact{font-size: 12px;margin:0;padding: 0 0 3px;background: #CCFF99;color: #333;text-align: center}


/* rounded contents
----------------------------------------------- */
p{font-size: 11px;margin:0;padding: 5px 10px;line-height: 16px;text-align: justify}

div#menu{width:100%;overflow:auto;background: #e7e7e7;padding-top: 5px}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{padding-left:15px}
ul#nav li{float:left;width:80px;margin-right:2px;text-align: center}
ul#nav a{float:left;width:80px;text-decoration:none;background: #FFC;color: #DDD}
ul#nav li.active a,ul#nav a:hover{color: #000}


/*************************
  BackUp
*************************/

#zmenu_hr a {
display:block; 
border-left:2px solid #bbd;  
border-top:2px solid #bbd;  
border-right:2px solid #99b; 
border-bottom:2px solid #99b;
background-color:#d5d5e5;
font-size:x-small;
padding:0.1em 0 0.1em 0.5em;
text-decoration:none;
color:#557;
width:164px; 
margin:2px 0px;height:1.7em;
}
