body {
	margin: 0;
	padding: 0; 					/* this BG tiles the area outside the Container */
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ", Osaka, Verdana, sans-serif; /* Need this ? */
	font-size: 100.01%;	/* this body font-size fixes an IE bug and maintains x-browser uniformity */
	background-color: #CCCCCC;
}

/* fix for pop-up window to expand full width */
body.showBlockL1R1, body.showBlockL1R0, body.showBlockL0R1, body.showBlockL0R0 {
	text-align: center;	/* centers the #Container element against IE5.x/win */
}

/****************** Main Page Structure *****************/
#c_border {	
	width: 940px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background-image: url(/cmc_img/c_background_border.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#c_border_bottom {
	background-color: #CCCCCC;
	background-image: url(/cmc_img/c_border_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 20px;
	width: 940px;
	margin: 0 auto;
	position: relative;
} 
#Container {
	width: 900px;
	padding: 0;
	text-align: left;
	font-size: 12px;	/* set global font-size here */
	position: relative;
	margin: 0 auto;
}
/*html #Container {
	width: 782px;
	w\idth: 780px;
}*/	/* you need ie hack if side border attached to Container */

/*************** Header and Footer elements *****************/

#Header {
	width: 900px;
/*	height: 165px;*/
	height: 125px;
	color: #fff;
	position: relative;
	clear: right;
	background-color: #CCCCCC;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#siteLogo {
	float: left;
}
#Banner { float: right; padding: 20px 20px 0 0; }
#SiteName, #SiteSlogan { position: absolute; left: -999em; }

#Footer {
	width: 900px;
	height: 20px;
	clear: both;
	position: relative;
	text-align: center;
	color: #CCCCCC;
	background-color: #CCCCCC;
	margin: 0px;
	padding: 0px;
	background-image: url(/cmc_img/c_copyright.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#c_login_block ul{
	position: absolute;
	top: 127px;
	right: 10px;
	list-style-type: none;
	background-color: transparent;
	text-align: right;
	height: 20px;
	width: 100px;
}
#c_login_block a {
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}
#c_logout a{
	margin: 0px;
	padding: 0;
}
#c_logout a:hover {
	color: #CC6633;
}
#c_login a{
	margin: 0px;
	padding: 0;
}
#c_login a:hover {
	color: #CC6633;
}

/* how to show a sub header like horizontal menu just after #Header div, but the last in the html */ 
#Navi {
	position: absolute;
	top: 100px;
	left: 0px;
	height: 25px;
	width: 900px;
	list-style-type: none;
	background-image: url(/cmc_img/c_page_menu_back.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: transparent;

}
#c_page_navi li {
	float: left;
	width:85px;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	list-style-type: none;
}
#c_page_navi a {
	font-family: Verdana, sans-selif;
	background-image: url(/cmc_img/c_page_menu.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	color: #333333;
	font-weight: bold;
	text-align: center;
	font-size: 1em;
	display: block;
	height: 25px;
	line-height: 180%;
	text-decoration: none;
}
#c_page_navi a:hover {
	vertical-align: middle;
	background-color: transparent;
	background-image: url(/cmc_img/c_page_menu_hover.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#Navi .c_search li {
	padding: 0;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0px;
	text-align: right;
	height: 25px;
	float: right;
	width: 180px;
}
#Navi form.searchbox{
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
}
#Navi input.query {
	width: 100px;
	font-size: 12px;
	margin-right: 2px;
	margin-left: 2px;
	vertical-align: middle;
}
#Navi input.submit {
	font-size: 12px;
	vertical-align: middle;
	height: 18px;
	width: 40px;
	padding-bottom: 2px;
	margin-right: 10px;
}
/*end of sub header */

/************ main columns **********/
#Main {
	text-align: left;
	color: #000;
	float: left;
	position: relative;
	width: 720px;
	left: 0px;
	margin: 0;
	background-color: transparent;
}
.showBlockL1R1 #Main {	/* for 3 columns */
	width: 540px;
	left: 180px;
}
.showBlockL1R0 #Main {	/* for 2 cols of left and center */
	width: 720px;
	left: 180px;
}
.showBlockL0R1 #Main {	/* for 2 cols of center and right */
	width: 720px;
	left: 0px;
}
.showBlockL0R0 #Main {	/* center only */
	width: 900px;
	float: left;
}
#Left {
	width: 180px;
	height: auto;
	background-color: transparent;
	display: inline;
	float: left;
	position: relative;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 20;
}
.showBlockL1R1 #Left {	/* for 3 cols */
	left: -520px;
}
.showBlockL1R0 #Left {	/* for 2 cols of left and center */
	left: -700px;
}

#Right {
	width: 180px;
	height: auto;
	/*	display: inline; */
	float: right;
	position: relative;
	margin-top: 30px;
	right: 0px;
	margin-bottom: 10px;
	padding: 0;
	margin-right: 0px;
}

/************** blocks and modules ****************/   
/* columns of xoops */
#ModuleContents {
	padding: 0;
	position: relative;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10;
	margin-left: 20px;/**	background: #fff;**/		/**IEでフロートしたコンテンツが消えるので消した**/
}													
#Wrapper {
	padding: 0;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	position: relative;
}
#CenterLColumn {
	float: left;
	width: 49%;
	margin: 0;
	padding: 0;
}
#CenterRColumn {
	float: left;
	margin: 0;
	padding: 0;
	height: 100px;
	width: 900px;
}
#c_user_text {
	text-align: center;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	border: 1px solid #999999;
	background-color: #ffffff;	
}
#c_user_text p {
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
}
#c_user_menu {
	margin-bottom: 20px;
	margin-right: 5px;
	margin-left: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-color: #FFFFFF;
}
#c_user_menu a {
	display: block;
	background-image: url(/cmc_img/c_smenu.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.block {
	padding: 0;
	margin-top: 0px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
}
#CenterLColumn .block {
	margin-right: 0;
}
#CenterRColumn .block {
	margin-left: 0;
}

.blockTitle {
	height: 24px;
	color: #FFFFFF;
	font-weight: bold;
	font-size:1em;
	background-color: #E8E8E8;
	text-align: left;
	background-image: url(/cmc_img/c_blocktitle.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin: 0px;
	line-height: 180%;
}
.blockContent {
	line-height: 150%;
	font-size: 1em;
	padding-top:5px ;
	padding-right: 5px;
	padding-left: 5px;
}

/************** Special Fixes *************/
img { max-width: 100%; }
/* prevents oversize images from breaking layout in browsers that support max-width */

/* \*/
* html #Container,
* html #Main,
* html #Wrapper,
* html #Left,
* html #Right,
* html .block,
* html #Main a,
* html #Wrapper a,
* html #Left a,
* html #Right a,
* html #mainmenu a,
* html #usermenu a
{height: 1%;}
/* Holly hack */

/**************** Utility Rules *******************/
.skip {
	position: absolute;
	left: -999em;
}

/*\*/ /*
#mainmenu a:hover,
#usermenu a:hover {
	position: relative;
}	*/
/* this fixes an IE/mac hover bug in the left column, hidden from other browsers */

.clearFix:after {	/* www.positioniseveytthing.net */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearFix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearFix {height: 1%;}
.clearFix {display: block;}

/****************** cmc modify **********************/
#c_header_logo {
	float: right;
	height: 140px;
	width: 180px;
}
.wp_img_s_floatLeft {
	float: left;
	width: 200px;
	margin: 10px;
	clear: both;
}
.wp_img_l_floatLeft {
	float: left;
	width: 400px;
	margin: 10px;
	clear: both;
}

/*   *******     start base.css        *********      */

/************** Generic Rules *************/
img { max-width: 100%; border: 0; }	/* prevents oversize images from breaking layout in browsers that support max-width */

p  { line-height:200%; }
h1 { margin:0; padding:0; font-size:2em; }
h2 { margin:0; padding:0; font-size:1.5em; }
h3 { margin:0; padding:0; font-size:1.2em; }
h4, h5 { margin:0; padding:0; font-size:1em; }

dl, dt, dd, ul, li { margin: 0;	padding: 0;	list-style: none; }

a {color: #333333; text-decoration: none; font-weight: bold; background-color: transparent;}
a:visited {color: #823573;}
a:hover {color: #f60;}

table { width: 100%; margin: 0; padding: 0; border-collapse: collapse; line-height:180%;}

th { background-color: #6FA4E5; color: #FFF; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif; }
td { padding: 0; border-width: 0; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif; }
TABLE CAPTION {
	text-align:center;
	font-style:normal;
	font-size: 1em;
	font-weight: bold;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

em { font-style: italic; }
strong { font-weight: bold; }

.x-small { font-size: 80%; }
.small { font-size: 90%;}
.large { font-size: 110%; }
.x-large { font-size: 120%; }

.floatLeft { float: left; }
.floatRight { float: right; }
.marginCenter { margin-left:auto; margin-right:auto; }
.clearall { clear: both; }
.alignRight { text-align: right; }
.alignLeft { text-align: left; }
.alignCenter {text-align: center; }

/*************** Main menu and User menu ******************/
#mainmenu,
#usermenu {
/*	border-top: 1px solid silver;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid silver;
	background-color: #e6e6e6;*/
}
#mainmenu a { /*background:transparent;*/ display: block; margin: 0; padding: 4px; }
#mainmenu a:hover { background-color: #fff; }
#mainmenu a.menuTop { padding-left: 3px;/* border-top: 0px solid silver;*/ }
#mainmenu a.menuMain { padding-left: 3px;/* border-top: 1px solid #666;*/ }
#mainmenu a.menuSub { padding-left: 9px;/* border-top: 1px solid #666; */}

#usermenu a { background: transparent; display: block; margin: 0; padding: 4px; border-top: 1px solid #666;  }
#usermenu a:hover { background-color: #fff; }
#usermenu a.menuTop { padding-left: 3px; border-top: 0px solid silver; }
#usermenu a.highlight { background-color: #fcc; }

/******************* xoops generic rules *****************/
input.formButton {}

.item { border: 1px solid #cccccc; }
.itemHead { padding: 3px; background-color: #EAEAEA; color: #000000; }
.itemInfo { text-align: right; padding: 3px; background-color: #F6F6F6; }
.itemTitle a { font-size: 130%; font-weight: bold; font-variant: small-caps; color: #333333; background-color: transparent; }
.itemPoster { font-size: 90%; font-style:italic; }
.itemPostDate { font-size: 90%; font-style:italic; }
.itemStats { font-size: 90%; font-style:italic; }
.itemBody { padding-left: 5px;}
.itemText { margin-top: 5px; margin-bottom: 5px; line-height: 1.5em; }
/*.itemText:first-letter { font-size: 120%; font-weight: bold;}*/
.itemFoot { text-align: right; padding: 3px; background-color: #efefef; }
.itemAdminLink { font-size: 90%; }
.itemPermaLink { font-size: 90%; }

.outer { border: 1px solid silver;}
.head  { background-color: #CCCCCC; padding: 5px; font-weight: bold; }
.even { background-color: #F6F6F6; padding: 5px; }
.odd { background-color: #FFFFFF; padding: 5px; }
.foot { background-color: #FFFFFF; padding: 5px; font-weight: bold; }
tr.even td { background-color: #dee3e7; padding: 5px; }
tr.odd td { background-color: #E9E9E9; padding: 5px; }

div.errorMsg { background-color: #fcc; text-align: center; border-top: 1px solid #ddf; border-left: 1px solid #ddf; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; font-weight: bold; padding: 10px; }
div.confirmMsg { background-color: #ddffdf; color: #136C99; text-align: center; border-top: 1px solid #ddf; border-left: 1px solid #ddf; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; font-weight: bold; padding: 10px; }
div.resultMsg { background-color : #ccc; color: #333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666; border-bottom: 1px solid #666; padding: 10px; }

div.xoopsCode { background: #fff; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px; margin: .5em; }
div.xoopsQuote { background: #fff; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px; margin: .5em; }
.xoopsCode pre { font-size: 100%; margin: 0; padding: .5em; }
.xoopsQuote blockquote { margin: .5em; }

.comTitle { font-weight: bold; margin-bottom: 2px; }
.comText { padding: 2px; }
.comUserStat { font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #fff; margin: 2px; padding: 2px; }
.comUserStatCaption { font-weight: normal; }
.comUserStatus { margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px; }
.comUserRank { margin: 2px; }
.comUserRankText { font-size: 10px;font-weight:bold; }
.comUserRankImg { border: 0; }
.comUserName {}
.comUserImg { margin: 2px;}
.comDate { font-weight: normal; font-style: italic; font-size: smaller; }
.comDateCaption { font-weight: bold; font-style: normal; }