/************** Kem's CSS *************/
/*メインメニュー*/
/*input{border:2px solid #bbb; padding:2px;}*/

#top-menu{margin:0 0 0 0; padding:0 0 0 20px;background-color:#fff; 
background-image:url("http://www.osaka-goenki.net/images/goenki/title_u.jpg");background-repeat: no-repeat;background-position:right top;
}
ul#simple-menu{list-style-type:none;position:relative;width:100%;height:27px;font-size:0.9em;font-weight:bold;margin:0 ;padding:0 0 0 0;}
ul#simple-menu li{display:block;float:left;margin:0 0 0 7px;height:27px;}
ul#simple-menu li.left{margin:0;}
ul#simple-menu li a{display:block;float:left;color:#ddd;text-align:center;
                    width:100px; background:url(http://www.osaka-goenki.net/images/goenki/tub_glay.gif) left top no-repeat;
                    line-height:27px;text-decoration:none;padding:0 0 0 0;height:27px;}
ul#simple-menu li a.right{padding-right:19px;}
ul#simple-menu li a:hover{text-align:center;color:#fff;background:url(http://www.osaka-goenki.net/images/goenki/tub_green.gif) left top no-repeat;}
ul#simple-menu li a.current{text-align:center; color:#000; width:100px; background:url(http://www.osaka-goenki.net/images/goenki/tub.gif) left top no-repeat;}
ul#simple-menu li a.current:hover{text-align:center; color:#000; width:100px; background:url(http://www.osaka-goenki.net/images/goenki/tub.gif) left top no-repeat;}

div#under-menu{margin:0; padding:7px 0;}
span#under-menu-right{float:right; font-size:0.9em;vertical-align:middle;padding-right:10px;}

/*サイドバーメニュー*/
ul.goenki_menu_list{margin:0 0 0 15px; padding:0; list-style-type:none; line-height:1.7em;}
ul.goenki_menu_list ul.children{margin:0 0 0 2em; padding:0; list-style-type:none; line-height:1.7em;}
div.feed_icon {margin:15px 0 0 15px;}
div.feed_icon img{margin:0 0 8px 0;} 

/*検索窓*/
#searchform {
	width: 167px;
	background: url(http://www.osaka-goenki.net/images/goenki/input.gif) left top no-repeat; 
	display: block;
	height: 24px;
	position: relative;
}
#query	{width: 122px; position: absolute; top: 3px; left: 12px; border: 1px solid #FFF;}
#searchBtn{position:absolute;top:3px;left:145px;}

/*本文修飾*/
div.goenki_menubar{border-bottom: 1px solid #aaa;padding: 1px;margin: 10px 3px 25px 3px;text-align:right;}
img.title_block{margin:4px 0 7px 0px;}
h2.title_m{text-align:center; margin:0 0 30px 0;}
.goenki_indent{margin:1em 0 1em 30px;}
img.goenki_headpoint{margin: 0 3px 0.2em 0;vertical-align: middle;}

/*見出し左に四角*/
.h_gray{border-left:10px solid #ccc; padding:2px 7px;}
.h_blue{border-left:10px solid #4c9ed7;padding:2px 7px;}

/*各種ヘッドポイント*/
.goenki_hp_category{padding: 2px 0 2px 20px;background:url(http://www.osaka-goenki.net/images/goenki/hp/category.png) no-repeat 0% 40%;}
.goenki_hp_category_big{padding: 2px 0 0px 30px;background:url(http://www.osaka-goenki.net/images/goenki/hp/category_big.gif) no-repeat 0% 50%;}
.goenki_hp_glay_bullet{padding: 2px 0 2px 18px;background:url(http://www.osaka-goenki.net/images/goenki/hp/glay_bullet.gif) no-repeat 0% 50%;}
.goenki_hp_rss{padding: 2px 0 2px 18px;background:url(http://www.osaka-goenki.net/images/goenki/hp/feed-rss.png) no-repeat 0% 50%;}
.goenki_hp_atom{padding: 2px 0 2px 18px;background:url(http://www.osaka-goenki.net/images/goenki/hp/feed-atom.png) no-repeat 0% 50%;}
.goenki_hp_next{padding: 2px 0 2px 18px;background:url(http://www.osaka-goenki.net/images/goenki/hp/next.png) no-repeat 0% 50%;}

/************** Generic Rules *************/
html, img {
  margin: 0;
  padding: 0;
  border: 0;
}

p  {}
h1 { margin:3px 0; padding:0; font-size:1.3em; }
h2 { margin:2px 0; padding:0; font-size:1.2em; }
h3 { margin:1px 0; padding:0; font-size:1.1em; }
h4, h5 { margin:0; padding:0; font-size:1em; }

a {color: #06c; text-decoration: none; background-color: transparent;}
a:hover {color: #000;}

dl, dt { margin:2px; padding:2px; }
dd { margin-left:1em; color: #555; }

table {width: 100%; margin: 5; padding: 5; font-size: 0.9em;}
th {background-color: #2f5376; color: #ffffff; 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";}

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

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

.small {font-size: .9em;}
.large { font-size: 1.2em; }

/*************** Header and Footer elements *****************/
#TopHeader {
	width: 100%;
	color: ; 
	/* border-bottom: 1px solid #999999; */ 
	background: #dddddd;
        text-align:right;
        font-size:80%;
        padding:5px 20px 3px 0;
}
#TopHeader h1 { margin: 0; padding: 2px; font-size: 1em; background-color: #ddd; }

#Header {
	width: 100%; margin 0; padding:0;
	color: #ffffff;
        background: #fff;
        background-image:url("http://www.osaka-goenki.net/images/goenki/title_back.jpg");background-repeat: no-repeat;background-position:right top;
	height: 180px;
        position: relative; 
/*        border: 1px solid red;*/
	/*background: #fff;*/
	/*background: url(http://www.osaka-goenki.net/themes/newbase0db/images/header_bg.gif) #fff repeat-x left top;*/
}

#Footer {
	width: 100%;
	clear: both;
/*	height: 50px; */
	position: relative;
	text-align: center;
	background: none;
	color: gray;
        padding:1em 0 1em 0;
        margin:30px 0 0 0;
}
/*
*/

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

.outer {border: 1px solid #999999;}
.head {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
.even {background-color: #dee3e7; padding: 5px;}
.odd {background-color: #e9e9e9; padding: 5px;}
.foot {background-color: #c2cdd6; 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: #ffcccc; text-align: center; border: 1px solid #999999; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #ddffdd; text-align: center; border: 1px solid #999999; font-weight: bold; padding: 10px;}
div.resultMsg { background-color: #dddddd; text-align: center; border: 1px solid #999999; font-weight: bold; padding: 10px;}

div.xoopsCode { background: #ffffff; border: 1px solid #999999; font-family: "Courier New","Courier","monospace"; padding: 0px 6px 6px 6px;}
div.xoopsQuote { background: #ffffff; border: 1px solid #999999; font-family: "Courier New","Courier","monospace"; padding: 0px 6px 6px 6px;}

span#Breadcrumbs {font-size:0.9em;padding: 0 0 0 68px;}
/*span#Breadcrumbs a {color:#000;}
span#Breadcrumbs a:hover {color:#000;}*/

.new1{
    font-size: 8pt;
    font-weight: bold;
    background-color:#FF0000;
    color:#FFFFFF;
    padding:2px 2px 2px 2px;
    margin:2px 2px 2px 2px;
}
.new2{
    font-size: 8pt;
    font-weight: bold;
    color:#FF0000;
    padding:2px 2px 0px 2px;
    margin:2px 2px 2px 2px;
}


/******************* xoops module/system rules *****************/
/* news module */
.item {border: 1px solid #999999;}
.itemHead {padding: 3px; background-color: #2f5376; color: #ffffff;}
.itemInfo {text-align: right; padding: 3px; background-color: #e9e9e9;}
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #ffffff; 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: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #e9e9e9;}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

/* system comments */
.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #555; font-weight:bold; border: 1px solid #999999; background-color: #555; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #555; 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;}

/******************* site specific rules *****************/
body {
	margin: 10px 0;
	padding: 0;
	background: url("http://www.osaka-goenki.net/images/goenki/bg.png"); 
	color: #555;
	font-family: "Verdana","Arial","Helvetica","sans-serif";
	font-size: 100.01%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */
}

body.showBlockL1R1,
body.showBlockL1R0,
body.showBlockL0R1,
body.showBlockL0R0 { 			/* fix for pop-up window to expand full width */
	padding: 0 400px;
	text-align: center;
}

#Sizer {
	margin: 0 auto;
	padding: 0;
	width: 100%; 				/* this value controls liquidity; 0% = full rigid, 100% = full liquid */
	text-align: left; 			/* centers the #sizer element in IE5.x/win */
	max-width: 160px;
}

#Expander { 					/* Any % height here causes IE to lose the neg right margin */
	margin: 0 -400px; 			/* neg side margin values should be < or = to side body padding */
	min-width: 800px; 			/* This prevents Safari from losing the negative margins in narrow windows */
	position: relative; 		/* makes #expander visible outside #sizer in IEwin */

}

/* Holly hack for IE \*/
* html #Expander { height: 0; }
/* #Expander must have "height: 0" in IEwin bug fixing */

#Filler1 {
	position: relative;
	/* this positioning may be needed for IEwin if page is to contain positioned elements */
	/*background: #fff url(http://www.osaka-goenki.net/themes/newbase0db/images/bg_leftcolumn.gif) repeat-y 0 0;*/
	/* this BG tiles the backgroung and the left column */
		font-size: 90%;
	        line-height: 1.5em;
	background-color: #ffffff;
	/*border-left: 1px solid #999999;*/
	/*border-right: 1px solid #999999;*/
}
#Filler2 {
	position: relative; /* extra insurance against bugs in IEwin */
	/*background: #fff url(http://www.osaka-goenki.net/themes/newbase0db/images/bg_rightcolumn.gif) 100% 0 repeat-y;*/
	/* this BG tiles the right column */
}

/****************** Main Page Structure *****************/

#OuterWrapper {
	background: transparent; 		/* this BG tiles the center column */
}

.showBlockL1R1 #OuterWrapper {		/* 3 columns */
	/*border-left: 1px solid #999999; */	/*** Critical left divider dimension value ***/
	/*border-right: 1px solid #999999; */	/*** Critical right divider dimension value ***/
	margin-left: 170px; 			/*** Critical left col width value ***/
	margin-right: 200px; 			/*** Critical right col width value ***/
}
.showBlockL1R0 #OuterWrapper {		/* 2 cols of left and center */
	margin-left: 170px;
/*	border-left: 1px solid #999999;  */
}
.showBlockL0R1 #OuterWrapper {		/* 2 cols of center and right */
	margin-right: 200px;
	/*border-right: 1px solid #999999;*/
}
.showBlockL0R0 #OuterWrapper {		/* center only */
}

#InnerWrapper {						/* wrapper including center and left columns */
	float: left;
	width: 100%;
}

#Center {
	float: right;
	width: 100%;
        padding: 1em 0 0 0;
}

#Left {
	float: left;
	position: relative; 			/* Needed for IE/win */
	width: 170px; 					/*** Critical left col width value ***/
	margin-left: -171px;			/*** Critical left col width value ***/
									/*** Critical left divider dimension value ***/
}

#Right {
	float: right;
	position: relative; 			/* Needed for IE/win */
	width: 200px; 					/*** Critical right col width value ***/
	margin-right: -201px; 			/*** Critical right col width value ***/
	margin-left: 1px; 				/*** Critical right divider dimension value ***/
        background-color: #eee;
        }

#ContainerCenter {position: relative;padding: 0 0 0 0;}
#ContainerLeft{position: relative;padding: 0 0 0 0;}
#ContainerRight {position: relative;padding: 0 0 30px 0; border-bottom: 3px solid #9ec20e;}

/************** Module and Blocks ****************/
#ModuleContents {
	padding: 5px 15px;
	line-height: 1.5em;
}

/* columns of xoops */
#CenterCColumn { padding: 0 5px; }
#CenterBlockWrapper {
	position: relative;
}
#CenterLColumn { float:left; width:56%; padding-left:5px; }
#CenterRColumn { float:right; width:40%; padding-right:10px; }

.blockTitle {display:none}

.blockContent {
	padding: 3px 6px 9px 6px;
	line-height: 1.5em;
}
#Center .blockContent {
	margin-bottom: 2px;
}

/************** Special Fixes *************/

#OuterWrapper { word-wrap: break-word; }
			/* Prevents long urls from breaking layout in IE, mustbe hidden in a conditional comment for CSS to validate */

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

/* \*/
* html #Filler1,
* html #Filler2,
* html #OuterWrapper a,
* html #ContainerLeft,
* html #ContainerRight,
* html #OuterWrapper,
* html h2,
* html #mainmenu a,
* html #usermenu a
{height: 1%;}
/* Holly hack */

/*** Variance fixes for IEwin ***/

/*\*/
* html #OuterWrapper p {margin-right: -6px;}
/* */


/**************** Utility Rules *******************/

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


.brclear { /* Use a break with this class to clear float containers */
  clear:both;
  height:0;
  margin:0;
  font-size: 1px;
  line-height: 0;
}

.clearFix:after {						/* www.positioniseveytthing.net */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearFix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearFix {height: 1%;}
.clearFix {display: block;}
/* End hide from IE-mac */



/**************** Custom Rules of each sites *******************/