/* Begin Typography & Colors */
* { margin: 0; padding: 0; }
body { background: #dededb url(images/body-bkg.png) repeat top center; font: normal 12px "Verdana", sans-serif; color:#535353; }

.zerocool {margin: 0 ;padding: 0; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none;}
ol { list-style-type: decimal;}

hr.hrrrrr {display:block;}

img { padding: 0px; margin: 0px; border: none; text-align: center;}

a:link { text-decoration: underline; color : #336699; border: 0px; } /* ff3300 */
a:active { text-decoration: underline; color : #336699; border: 0px; } /* ff3300 */
a:visited { text-decoration: underline; color : #336699; border: 0px; } /* ff3300 */
a:hover	{ text-decoration: underline; color : #ff3300; border: 0px; } 
a:focus { outline: none;}

.menu a{
	text-decoration:none;
}

h1, h2, h3, h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

/* BGContainer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#bgcontain { width: 980px; background: #fff url(images/header-top-bkg.png) no-repeat top left; padding-top: 28px; margin: 0 auto; } 

/* Header
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.header { width: 930px; padding: 0px 25px 15px 25px; position: relative; }

/* Logo
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.logo { padding: 0px 0px 0px 0px; min-height: 76px;}
.logo .txt h1 { font: bold 52px/52px Arial, Helvetica, sans-serif; letter-spacing: -3px; padding: 10px 0px; }
.logo .txt h1 a, .head .logo .txt h1 a:visited,.head .logo .txt h1 a:hover { text-decoration: none; color:#000033;}
.logo .img img { margin-bottom: 5px; }

/* Search
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.search { background: url(images/search-bg.png) no-repeat; width: 433px; position: absolute; right: 25px; bottom: 0px; padding: 11px 0px 0px 0px;}
.search form { float: right; margin-right: 10px;}
.search input {float: left; background: url(images/search-input.png) no-repeat; border: none; padding: 8px 6px 8px 12px; width: 182px; color:#000066; font-size: 11px;}
.search button { float: left; background: url(images/search-button.png) no-repeat; width: 44px; height: 29px; border: none; cursor: pointer; color:#fff; vertical-align: middle; padding: 2px 5px 5px 0px; font: bold 11px/11px "Verdana", sans-serif;}





/* Menu
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*.menus { width: 930px; margin: 0px 25px 15px; background: #ffe98e url(images/menu-bkg.png) no-repeat right; overflow: hidden; }
 html .menu { height:1%; } 
table.menusik { width: 930px; float: left; padding: 7px 6px 7px 7px;}
tr.menusa { width: 930px; float: left; background: url(images/menu-ul-left.png) no-repeat left; padding: 7px 6px 7px 7px;}
.menusik td {display: inline; font: bold 14px/14px "Verdana", sans-serif; float: left; }



a.menu { padding-left: 10px; margin-right: 2px; float: left;}
a.menu:hover { color:#fff; text-decoration: none;}
a.menu:hover span { color:#fff;}
[<''> || <''> || <''> || <''> || <''>]
background-color: #ffe98e; background-image:url(images/menu-ul-left.png); background-repeat: no-repeat; background-position:  left;
*/

.menu { width: 930px; margin: 0px 25px; background-color: #ffe98e; background-image: url("images/menu-bkg.png"); background-repeat: no-repeat; background-position:  right; overflow: hidden; margin-bottom: 15px; }
/**/ * html .menu { height:1%; } /* */ 
.menu ul { width: 930px; float: left; background-image:url(images/menu-ul-left.png); background-repeat: no-repeat; background-position:  left; padding: 7px 6px 7px 7px;}
.menu li { display: inline; font: bold 14px/14px "Trebuchet MS"; float: left; }
.menu li ul { display: none;}
.menu li a { padding-left: 10px; margin-right: 2px; background: url(images/menu-left.png) no-repeat left top; float: left;}
.menu li a span { padding: 4px 10px 5px 0px; display: block; background: url(images/menu-right.png) no-repeat right top; float: right; }
.menu li a span { float: none; color: #ff6600;}
.menu li a:hover { background-position: 0% -23px; color:#fff; text-decoration: none;}
.menu li a:hover span { background-position: 100% -23px; color:#fff;}




/* Ѩ��嬭�堍
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a.user_menu:visited, a.user_menu:link {color: #0000FF;TEXT-DECORATION: none;font-size:12pt;}
a.user_menu:hover {color: #0000FF;TEXT-DECORATION: none;}


/* Ҡ᫨�ꠠ꠴ଠ�壨���ඨ蠨 ࢲ砶訠
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


table.enter{width: 300px;font: normal 10pt "Verdana", sans-serif;}

.enterleft {width: 150px;font: normal 10pt "Verdana", sans-serif;}
.enterright {width: 150px;font: normal 10pt "Verdana", sans-serif;}

.question {width: 100%;font: normal 10pt "Verdana", sans-serif;}
.answer {text-align:center;font: normal 10pt "Verdana", sans-serif;}
.answerleft {padding-right:10px;width: 50px; text-align:right;font: normal 10pt "Verdana", sans-serif;}
.answerright {padding-left:10px;text-align:left;font: normal 10pt "Verdana", sans-serif;}
.answercenter {text-align:center;font: normal 10pt "Verdana", sans-serif;}
table.tblform {width:600px;font: normal 10pt "Verdana", sans-serif;}
table.tblform td{text-align:left;font: normal 10pt "Verdana", sans-serif;}
table.tblform td.center{text-align:center;font: normal 10pt "Verdana", sans-serif;}
.errors{font-size:10pt;color:#DC143C;}

/* Main Post
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.mp { background: #ceedf8; width: 930px; overflow: hidden; margin-bottom: 20px; float: left;}
.mct { background-image: url(images/mp-top-bar.png); background-repeat: no-repeat; background-position: top; height: 20px; }
.mcb { background-image: url(images/mp-bot-bar.png); background-repeat: no-repeat; background-position:  bottom; height: 20px;}
.mcc { background-image: url(images/mp-cc-bar.png); background-repeat: no-repeat; background-position: right; padding: 0px 20px; overflow: hidden; }


/* Main Post - Data
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.mp .postdata {width: 890px; float: left;}
.mp .postimg { float: left; width: 150px; height: 150px; margin-right: 25px; padding: 1px; border: solid 1px #000; background:#d6e9ed;}
.mp .postimg img { border: none; margin: 0px; padding: 0px; }

.postdata h1 {text-align: center; font-size:18px; text-decoration: none; color : #ff3300; border: 0px;}

.mp .post { overflow: hidden;  }
.mp .post .p-head { overflow: hidden;}
.mp .post .p-head h1 { font: bold 28px/28px Arial, sans-serif; letter-spacing: -1px; color:#000; border-bottom: solid 1px #a5c5d1; padding-bottom: 7px; margin-bottom: 7px;}
.mp .post .p-head h1 a, .post h1 a:visited  { color: #000033; text-decoration: none; }
.mp .post .p-head h1 a:hover { color: #000; text-decoration: none;}

.mp .post .p-date-cat { font-size: 11px; color:#003366; background: url(images/date-cat-mp-ico.png) no-repeat left center; padding-left: 18px; }
.mp .post .p-date-cat a, .p-date-cat a:visited, .p-date-cat a:hover { text-decoration: underline; color: #003366;}

.mp .post .p-con p { font: normal 12px/16px "Verdana", sans-serif; padding: 4px 0px; margin: 4px 0px; color:#000;}
.mp .post .p-con ol { list-style: decimal inside; }
.mp .post .p-con ol { padding: 10px 0px 10px 25px; margin: 0px; }
.mp .post .p-con ol li { padding: 2px 0px 2px 0px; }
.mp .post .p-con ul { padding: 10px 0px 10px 20px; margin: 0px; }
.mp .post .p-con ul li { padding: 2px 0px 2px 13px; background: url("images/p-con-li.png") no-repeat left 2px; color:#666; }
.mp .post .p-con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; padding: 5px 20px; background: #fbf7d9; margin: 10px 0px; color:#993300; border: solid 1px #f6f3d3; }
.mp .post .p-con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#cc3300; }
.mp .post .p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}
.mp .post .p-det { text-align: left; font-size: 11px; font-weight: bold;}
.mp .post .p-det li { display: inline; padding: 5px 0px 5px 18px; margin-right: 5px;}
.mp .post .p-det li.p-det-com { background: url("images/p-det-com-mp-ico.png") left 6px no-repeat; }
.mp .post .p-det li.p-det-more { background: url("images/p-det-more-mp-ico.png") left 6px no-repeat; }
.mp .post .p-det li a, .p-det li a:visited, .p-det li a:hover { margin-right: 3px; color:#000033;}


/* Main Post - Syndicate
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.mp .syn { width: 0px; margin-left: 20px; float: left; }
.mp .syn h3 { font: normal 28px/28px Arial, sans-serif; letter-spacing: -1px; color:#000; border-bottom: solid 1px #a5c5d1; padding-bottom: 7px; margin-bottom: 7px;}

.mp .syn em { display: none; margin: 0; padding: 0; line-height: 0px;}
.mp .syn ul { padding: 0px; margin: 0px; }
.mp .syn li { float: left; list-style-type: none; font: bold 14px/14px Arial, sans-serif; color:#fff; letter-spacing: -1px; }
.mp .syn li a { float: left; display: inline; height: 22px; width: 210px; color:#5ca5d3; padding: 2px 0px 2px 23px;}
.mp .syn li a.syn1 { background: url(images/syn-1.png) no-repeat left top; }
.mp .syn li a.syn2 { background: url(images/syn-2.png) no-repeat left top; }
.mp .syn li a.syn3 { background: url(images/syn-3.png) no-repeat left top; }
.mp .syn li a.syn4 { background: url(images/syn-4.png) no-repeat left top; }
.mp .syn li a:hover { text-decoration: none; color:#003366;}



/* Container
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.container { width: 980px; padding: 0px 25px; float: left;}




/* SC
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SC { width: 930px; padding-top: 20px;}



/* Col 2 Index
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.co2 { width: 890px; float: left; }
.co2 h2 {  color:#000; font: bold 24px/20px Arial, sans-serif; letter-spacing: -1px; border-bottom: solid 1px #d7d7d7; padding: 10px 0px 10px 25px; margin-bottom: 10px; background-image: url(images/h-recentposts-ico.png); background-repeat: no-repeat; background-position: left;}

.co2 p { font: normal 12px/16px "Verdana", sans-serif; padding: 3px 0px; margin: 3px 0px; color:#666;}
.co2 ol { padding: 10px 0px 10px 25px; margin: 0px; list-style: decimal inside;}
.co2 ol li { padding: 2px 0px 2px 0px; }
.co2 ul { padding: 10px 0px 10px 20px; margin: 0px; }
.co2 ul li { padding: 2px 0px 2px 13px; background: url("images/p-con-li.png") no-repeat left 2px; color:#666; }




/* Footer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer { background-color: #fff; background-image: url(images/footer-bkg.png); background-repeat: no-repeat; background-position: bottom; width: 930px; padding: 0px 25px 20px 25px; overflow: hidden; margin: 0 auto;}
.footer hr { border-left:none; border-right: none; border-top:1px solid #ccc; border-bottom: none; height : 1px; display: block; margin-bottom: 10px; }
.footer p { padding: 1px 0px; color:#999; font-size: 11px;}
.footer p a, .footer p a:visited, .footer p a:hover {color:#999; text-decoration: underline;}


gopa {position:relative;
width:auto; /* ±堡�೧尻 */
height:auto; /* ±堡�೧尻 */
background-color:transparent; /* ±堡�೧尻 */
vertical-align:inherit; /* ±堡�೧尻 (⪫��࿠IE) */
}