body {
	color: #444444;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align:center;
	letter-spacing:1px;
	background: #fff url(images/bbg.gif) repeat top left;
}

p {
	margin: 0;
	padding: 5px 0;
	line-height: 1.4;
}

dt{font-weight:bold;}
dd{
	margin: 5px 0px 5px 15px;}

a {
	background: transparent;
	color: #000080;
	font-weight:bold;
	text-decoration: none;
}

a:visited {
	color: #708090;
}

a:hover {
	color: #dc143c;
	text-decoration: underline;
}

th a {
	color: #ffffff;
}

h1, h2, h3, h4, h5 {
	color:#000070;
}

input{
	font-size: 0.9em;
}

select{
	font-size: 0.9em;
}

textarea{
	font-size: 0.9em;
}








#container {
	background: #fff url(images/bg.gif) repeat-y top left;
	width:820px;
	margin:0 auto;
	text-align:left;
}

#container-inner {
}
h1{line-height:14px;
	font-size: 12px;
	margin:0;
	padding:0;}
#header {
	padding:5px 10px 0 10px;
	width:800px;
}
#header div.hleft{
	padding:5px 0 0 0;
	float:left;
	width:530px;
}
#header div.hleft p{
	padding:0 0 0 0;
	margin:0;
}
#header div.hcenter{
	padding:5px 0 0 0;
	float:left;
}
#header div.hright{
	padding:5px 0 0 0;
	float:right;
	width:270px;
}
#header div.hright p{
	padding:0;
	margin:0;
}
#header div.hright p.prv{text-align:right;line-height:14px;
}
#header div.hright p.prv a{
	font-weight:normal;
}

#header_navi {
	padding:5px 10px 0 10px;
	width:800px;
}



div#menu {clear:both;
	height: 34px;
}
div#menu ul {
	width: 800px;
	height: 34px;
	background: url("images/iconbg.gif") repeat;
	margin: 0;
	padding: 0;
}
div#menu ul li {
	float: left;
	list-style-type: none;
}
div#menu ul li a {
	height: 34px;
	display: block;
	text-indent: -10000px;
	outline: none;
	overflow: hidden;
	text-decoration:none;
}
div#menu ul li.icon01 a {
	background: url("images/icon01.gif") no-repeat;
	width: 84px;
}
div#menu ul li.icon01 a:hover {
	background: url("images/icon01.gif") no-repeat left bottom;
}
div#menu ul li.icon02 a {
	background: url("images/icon02.gif") no-repeat;
	width: 132px;
}
div#menu ul li.icon02 a:hover {
	background: url("images/icon02.gif") no-repeat left bottom;
}
div#menu ul li.icon03 a {
	background: url("images/icon03.gif") no-repeat;
	width: 165px;
}
div#menu ul li.icon03 a:hover {
	background: url("images/icon03.gif") no-repeat left bottom;
}
div#menu ul li.icon04 a {
	background: url("images/icon04.gif") no-repeat;
	width: 131px;
}
div#menu ul li.icon04 a:hover {
	background: url("images/icon04.gif") no-repeat left bottom;
}
div#menu ul li.icon05 a {
	background: url("images/icon05.gif") no-repeat;
	width: 134px;
}
div#menu ul li.icon05 a:hover {
	background: url("images/icon05.gif") no-repeat left bottom;
}
div#menu ul li.icon06 a {
	background: url("images/icon06.gif") no-repeat;
	width: 127px;
}
div#menu ul li.icon06 a:hover {
	background: url("images/icon06.gif") no-repeat left bottom;
}




#content {
	padding:0 10px 0 10px;
	width:800px;
	clear:both;
}
#content div#csub{
	padding:5px 0 10px 0;
	float:right;
	width:210px;
}
#content div#csub ul{
	padding:10px;
	margin:0;
}
#content div#csub li{
	padding:0;
	list-style-type:none;
}
.cce{
	padding:0 0 10px 0;}

.leftblockTitle{
	background: #efefef url(images/iconbg.gif) repeat top left;
	height:34px;
	padding:0 0 0 10px;
	line-height:34px;
	font-weight:bold;
	font-size:14px;
	color:#fff;border-bottom:1px dashed #000;}
.csacm {
	padding:80px 0 10px 0;
	background: url(images/csacm.gif) no-repeat top left;
}
.csacm p{
	padding:10px 0 0 10px;
	margin:0 0 0 0;
	line-height:20px;
	color:#fff;
}
.csacm a{
	color:#fff;
}
.csacm form{
display:inline; }

#content div#cmain{
	padding:5px 0 10px 0;
	float:left;
	width:580px;
	letter-spacing:2px;
	line-height:1.5;
}
.cml{
	width:320px;
	float:left;}
.cmr{
	width:320px;
	float:right;}
.cmt{
	clear:both;}
.centerRblockTitle, .centerLblockTitle{
	background: #fff url(images/cml.gif) repeat-x bottom left;
	height:30px;
	padding:0 0 0 10px;
	line-height:30px;
	font-weight:bold;
	font-size:14px;
	color:#000;

}
.centerCblockTitle,h2{
	background: #333 url(images/cmt.gif) repeat-x top left;
	padding: 4px 11px;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
	color:#fff;
	margin:10px 0;

}
#content div#cmain h3{border-bottom:1px solid #000;background:#ffcc99;padding:4px 11px;
	clear:both;margin:10px 0;color:#000;
	line-height:18px;
	font-size:14px;
}
#content div#cmain h4{margin:10px 0;border-left:5px solid #ccff33;
	clear:both;padding-left:10px;color:#003300;
	font-size:14px;
}
#content div#cmain h5{margin:10px 0;
	clear:both;
	font-size:14px;
}
#content div#cmain ul{margin-left:20px;
}
#content div#cmain p{
	clear:both;
}
table{margin:10px 0;}
#footer {
	background: #efefef url(images/footer-bg.gif) repeat top left;
	margin:0 10px 0 10px;
	width:800px;
	height:145px;
	clear:both;
}
#footer div.fmenu{
	padding:5px 10px 0 10px;
	height:70px;
	text-align:center;
}
#footer div.fmenu a{color:#fff;font-weight:normal;
}
#footer div.fcopy{
	height:75px;
	text-align:right;
}


.top-mc {
	background-image: url(images/top-mc.jpg);
	line-height: 18px;
	padding-left: 120px;
	padding-right: 20px;
	padding-top: 10px;
	height: 98px;
	background-repeat: no-repeat;
}
.center{
	text-align:center;}
.bottom_of_content_body{
	text-align:right;}





table.course{text-align:center;border-top:1px solid #000;border-left:1px solid #000;    border-collapse: collapse;
}

table.course th,table.course td{padding:3px;border-bottom:1px solid #000;border-right:1px solid #000;}
table.course th{
	background-color: #CCFF99;}

table.course td.c50{width:67px;}
table.course th.c100{width:140px;}
table.course th.c150{width:200px;}
table.course th.c200{width:80px;}
table.course th.c250{width:130px;}
table.course td.cl{width:200px;}
table.course td.cr{width:160px;}

table.course td.g1{
	background-color: #FFFF66;}
table.course td.g2{
	background-color: #FFCCCC;}
table.course td.g3{
	background-color: #FFcc66;}







table.kprice{border-top:1px solid #000;border-left:1px solid #000;
	padding:0;border-collapse : collapse}
table.kprice th{border-right:1px solid #000;border-bottom:1px solid #000;padding:10px;text-align:right;}
table.kprice td{border-right:1px solid #000;border-bottom:1px solid #000;padding:10px;text-align:right;}


table.kako{border-top:1px solid #000;border-left:1px solid #000;
	padding:0;border-collapse : collapse}
table.kako th{border-right:1px solid #000;border-bottom:1px solid #000;text-align:center;}
table.kako td{border-right:1px solid #000;border-bottom:1px solid #000;text-align:right;}



table.kcolor{border-top:1px solid #000;border-left:1px solid #000;
	padding:0;border-collapse : collapse}
table.kcolor th{border-right:1px solid #000;border-bottom:1px solid #000;text-align:center;}
table.kcolor td{border-right:1px solid #000;border-bottom:1px solid #000;text-align:right;}

table.mformbox{border-top:1px solid #ccc;border-left:1px solid #ccc;
	border-collapse : collapse;}
table.mformbox td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;text-align:left;padding:5px;}

.mform{border:1px solid #ccc;font-size:14px;width:400px;}


/*pico*/

div.bottom_of_content_body { clear: right; }

ul.pico_list_contents li { list-style: none outside; }
ul.pico_list_contents_in_menu li { list-style: none outside; }

div.pico_print_icon { float: right; width: 40px; height: 40px; }
div.pico_tellafriend_icon { float: right; width: 40px; height: 40px; }
body#contents_print div.pico_body{width:650px;}
/*pico*/


.fleft{float:left;padding:0 10px 0 0;}
.fright{float:right;padding:0 0 0 10px;}
.fclear{clear:both;}

.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}

input.formButton {}
.item {
	border: solid 1px #ff6633;
}

.itemHead {
	background: #ff6633;
	color: #ffffff;
	margin: 0;
	padding: 3px;
}

.itemInfo {
	background: #efefef;
	text-align: right;
	margin: 0;
	padding: 3px;
}

.itemTitle a {
	background: transparent;
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
}

.itemTitle a:visited {
	color: #e6e6e6;
}

.itemPoster {
	font-size: 0.9em;
}

.itemPostDate {
	font-size: 0.9em;
}

.itemStats {
	font-size: 0.9em;
}

.itemBody {
	margin: 0;
	padding-left: 5px;
}

.itemText {
	margin: 6px;
	line-height: 1.5;
}

.itemFoot {
	background: #efefef;
	text-align: right;
	margin: 0;
	padding: 3px;
}

.itemAdminLink {
	font-size: 0.9em;
}

.itemPermaLink {
	font-size: 0.9em;
}

td#mainmenu a {
	text-decoration: none;
	margin: 0;
	padding: 2px;
	display: block;
}

td#mainmenu a:visited{
	color:#000080;
}


td#mainmenu a:hover {
	background: #e6e6e6;
	text-decoration: none;
}

td#mainmenu a.menuTop {
	margin: 0;
	padding-left: 3px;
	border-bottom: dotted 1px #7a7acc;
}

td#mainmenu a.menuMain {
	margin: 0;
	padding-left: 3px;
	border-bottom: dotted 1px #7a7acc;
}

td#mainmenu a.menuSub {
	margin: 0;
	padding-left: 9px;
	border-bottom: dotted 1px #7a7acc;
}

td#usermenu a {
	background: #ffffff;
	text-decoration: none;
	margin: 0;
	padding: 2px;
	border-bottom: dotted 1px #7a7acc;
	display: block;
}

td#usermenu a:visited {
	color:#000080;
}

td#usermenu a:hover {
	background: #e6e6e6;
	text-decoration: none;
}
td#usermenu a.menuTop {}

td#usermenu a.highlight {
	background: #ffcccc;
}

.outer {
	border: solid 1px #c0c0c0;
}

.head {
	background: #c2cdd6;
	font-weight: bold;
	margin: 0;
	padding: 5px;
}

.even {
	background: #efefef;
	margin: 0;
	padding: 5px;
}

.odd {
	background: #e6e6e6;
	margin: 0;
	padding: 5px;
}

.foot {
	background: #c2cdd6;
	font-weight: bold;
	margin: 0;
	padding: 5px;
}

tr.even td {
	background: #efefef;
	margin: 0;
	padding: 5px;
}

tr.odd td {
	background: #e6e6e6;
	margin: 0;
	padding: 5px;
}

div.errorMsg {
	background: #ffcccc;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 10px;
	border-top: solid 1px #ddddff;
	border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	border-left: solid 1px #ddddff;
}

div.confirmMsg {
	background: #ddffdf;
	color: #136c99;
	font-weight: bold;
	text-align: center;
	margin: 10px;
	padding: 10px;
	border-top: solid 1px #ddddff;
	border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	border-left: solid 1px #ddddff;
}

div.resultMsg {
	background: #ddddff;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin: 10px;
	padding: 10px;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #9999cc;
	border-bottom: solid 1px #9999cc;
	border-left: solid 1px #cccccc;
}

div.xoopsCode, div.xoopsQuote { 
	width:98%;
	height: 100%;
	padding: 0;
}

div.xoopsCode pre {
	border: solid 1px #c0c0c0;
	margin:0;
	overflow:auto;
	padding:0 1em;
	min-height:4em;
	height:auto;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
    background-color:#ffffff;
}
/* for IExplorer */
* html div.xoopsCode pre {
	height:4em;
	height:auto;	/* IE 6.x */
	width:40em;
}

div.xoopsQuote blockquote {
	margin: 0;
	padding: 0 6px 6px 6px;
	border: solid 1px #c0c0c0;
    background-color:#ffffff;
}

.comTitle {
	font-weight: bold;
	margin-bottom: 2px;
}

.comText {
	margin: 0;
	padding: 2px;
	line-height: 1.4;
}

.comUserStat {
	background: #f5f5f5;
	color: #2f5376;
	font-size: 0.8em;
	font-weight:bold;
	margin: 2px;
	padding: 4px 2px 1px 4px;
	border: solid 1px #c0c0c0;
}

.comUserStatCaption {
	font-weight: normal;
}

.comUserRank {
	margin: 2px;
}

.comUserRankText {
	font-size: 0.8em;
}

.comUserRankImg {
	border: 0;
}

.comUserName {}

.comUserImg {
	margin: 2px;
}

.comDate {
	font-size: smaller;
	font-weight: normal;
}

.comDateCaption {
	font-weight: normal;
}

.comUserStatus {
	background: #f5f5f5;
	color: #2f5376;
	font-size: 0.8em;
	font-weight: bold;
	margin: 2px;
	padding: 4px 2px 1px 3px;
	border: solid 1px #c0c0c0;
}