/******************************************************************************/
/* Reset */
/* LinkColor */
/* Headline */
/* Layout */
/* Header */
/* Breadcrumb */
/* Content */
/* Center LR Column */
/* Decoration */
/* Left Right Column */
/* Left Right Column Title */
/* Left Right Column Content */
/* Footer */
/* for accessibility */
/******************************************************************************/

@import "css_additional.css";

/* Reset */
* {
  margin: 0;
  padding: 0;
}
form {
  margin: 0;
}
ul,ol{
  padding: 0 0 0 18px;
}

/* LinkColor */
a:link {
  color: #336699;
}
a:visited {
  color: #6699cc;
}
a:active {
  color: #cc6666;
}
a:hover {
  text-decoration: none;
  color: #cc6666;
}

/* Headline */
h1 {
  font-size: 140%;
  /*margin:0 0 10px;*/
}
h2, h3 {
  font-size: 120%;
}
h4, h5 {
  font-size: 100%;
}

/* Layout */
body {

  font-size: 90%;
  color: #333;
  text-align: center;
  background-color:#FAFAFA;
}
body.ShowBlockL0R0 #Wrapper {
  width: 100%;
}
body.ShowBlockL1R0 #Wrapper {
  width: 100%;
}
body.ShowBlockL0R1 #Wrapper {
  width: 100%;
  float: left;
  margin-right: -160px;
}
body.ShowBlockL1R1 #Wrapper {
  width: 100%;
  float: left;
  margin-right: -160px;
}

body.ShowBlockL0R0 #CenterColumn {
  float: left;
  width: 100%;
}
body.ShowBlockL1R0 #CenterColumn {
  float: right;
  width: 100%;
  margin-left: -160px;
}
body.ShowBlockL0R1 #CenterColumn {
  margin-right: 160px;
}
body.ShowBlockL1R1 #CenterColumn {
  width:100%;
  float:right;
  margin-left: -160px;
}

body.ShowBlockL1R0 #CenterWrapper {
  margin-left: 160px;
}
body.ShowBlockL1R1 #CenterWrapper {
  margin-right: 160px;
  margin-left: 160px;
}

div#Container {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  text-align: left;
  background-color:#FFF;
}

div#CenterWrapper {
  padding: 10px;
}

/* Header */
div#Header {
  width: 100%;
  height: 260px;
  background-color:#fff;
}

/* yoshi-> */
.header-top {width:100%; height:60px; background:#fff; }

.sitelogo {width:430px; height:60px; position:absolute; z-index:1; background:url(images/title.gif); }

.searchform {float:right; width:200px; margin:10px 10px 0 0; z-index:2}
.searchform form fieldset {float:right; border:none;}
.searchform input.field {width:100px; padding:5px 0 5px 0; border:1px solid #C8C8C8; font-family:verdana,arial,sans-serif; font-size:12px; }
.searchform input.button {width:50px; padding:0; background:#E6E6E6; border:solid 1px #969696; text-align:center; font-family:verdana,arial,sans-serif; color:#969696; font-size:12px;}
.searchform input.button:link,
.searchform input.button:visited {background:#E6E6E6; color:#969696 }
.searchform input.button:hover {cursor:pointer; border:solid 1px #505050; background:#DCDCDC; color:#505050;}

.nav1 {width:100%; height:20px; position:absolute; z-index:2; margin:40px 10px 0 0;}
.nav1 ul {float:right; padding:0 10px 0 0; font-weight:bold;}
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:right; padding:2px 5px 2px 5px; color:#7D7D7D; text-decoration:none; font-size:12px;}
.nav1 a:hover {text-decoration:none; color:#323232;}

.header-middle {width:100%; height:150px; background:#fff url(images/shousan_top.jpg);}

.sitemessage {width:100%; height:150px; position:absolute; z-index:2; margin:50px 10 0 0; padding:0 10px 0 0; color:#EAEFF7;}
.sitemessage h1 {float:right; width:100%; text-align:right; font-size:20px; background-color:transparent;}
.sitemessage h2 {float:right; width:100%; text-align:right; line-height:20px; font-size:16px;}
.sitemessage h3 {float:right; width:100%; text-align:right; font-size:14px}
.sitemessage h3 a {text-decoration:none; color:#EAEFF7;}
.sitemessage h3 a:hover {text-decoration:none; color:#F8E096;}

.header-bottom {width:100%; height:48px; background:#fff;}

.top-menu {
         width:100%; position:absolute; z-index:1;
         text-align:center;
	font-size:16px;
	margin-left:0px;
	margin-right:0;
	margin-bottom:10px;
	margin-top:10px;
	background-color:#333;
	height:24px
	}
.top-menu a {
	color:#ffffff;
	background-color:#333;
	border-right:solid 1px #ffffff;
	text-decoration:none;
	display:block;
	width:90px;
	float:left;
	line-height:24px
	}
.top-menu a:link,
.top-menu a:visited {	
  color: #FFF;
}
.top-menu a:hover {
	color:#000; background-color:#aaa
	}
.top-menu .hide {
	display:none
	}
.top-menu span {
	color:#c5e1ed;
	display:none
	}
/* ->yoshi */

/* Breadcrumb */
div#breadcrumb, div#theme_breadcrumbs {
  width: 100%;
  margin-bottom: 5px;
  border-bottom: #DDD solid 1px;
}

/* Content */
div#CenterColumn  h2.BlockTitle {
  border-bottom: #DDD dashed 1px;
}
div#CenterColumn div.BlockContent, div#ModuleContents {
  font-size: 100%;
  line-height: 1.6;
  padding: 0;
  clear:both;
}
p {
  margin: 10px 0;
  clear:both;
  margin-bottom: 10px;
}

/* Center LR Column */
div#CenterLColumn {
  float: left;
  width: 49%;
}
div#CenterRColumn {
  float: right;
  width: 49%;
}

div.CenterCblock {
  clear: both;
  margin-bottom:20px;
}
div.CenterLblock {
  clear: both;
}
div.CenterRblock {
  clear: both;
}

/* Decoration */
em {
  font-weight: bold;
  font-style: normal;
  color: #FF0000;
}

/* Left Right Column */
div#LeftColumn {
  float: left;
  width: 160px;
  background-color:#EEE;
}
div#RightColumn {
  float: right;
  width: 160px;
  background-color:#FFF; font-size:10px;
}

div.LeftBlock, div.RightBlock {
  padding: 10px 0;
}

/* Left Right Column Title */
div#LeftColumn h2.BlockTitle {
  margin: 0 0 5px 0;
  padding: 0 10px;
  color: #FFF;
  line-height: 1.5;
  background-color:#666;
}
div#RightColumn h2.BlockTitle {
  margin: 0 0 5px 0;
  padding: 0 10px;
  color: #FFF;
  line-height: 1.5;
  background-color:#666;
}

/* Left Right Column Content */
div#LeftColumn .BlockContent,
div#RightColumn .BlockContent,
div#LeftColumn .BlockContent p,
div#RightColumn .BlockContent p {
  text-align:left;
}

/* Footer */
div#BacktoTop {
  text-align: right;
  margin: 10px 0px 5px;
  clear: both;
  font-size:100%;
}
div#Footer {
  clear: both;
  width: 100%;
  margin: 0 auto;
  background-color:#CCC;
}
div#Footer p {
  margin: 0 10px;
  padding: 5px 0;
  text-align:center;
}

div#Banner {
  clear: both;
  width: 100%;
  margin: 0 auto;
  padding: 20px 0;
}

/* for accessibility */
.HdSkip {
  position: absolute;
  left: -999em;
}

/******************************************************************************/

/* clearfix http://www.positioniseverything.net/ */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-table;
}

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

/******************************************************************************/

/* XOOPS Main Menu */
#mainmenu, #usermenu {
  margin:0;
  padding:0;
  text-align:left;
}
#mainmenu li, #usermenu li {
  display: inline;
}
#mainmenu a {
  display: block;
  border-bottom: #DDD solid 1px;
  margin:0 1px;
}
#mainmenu a:hover {
  background-color: #EEE
}
#mainmenu a.menuTop {
  padding: 5px 10px;
}
#mainmenu a.menuMain {
  padding: 5px 10px;
}
#mainmenu a.menuSub {
  padding: 5px 5px 5px 15px;
}

#usermenu a {
  display: block;
  border-bottom: #DDD solid 1px;
  margin:0 1px;
  padding: 5px 10px;
}
#usermenu a:hover {
  background-color: #EEE
}
#usermenu a.menuTop {}
#usermenu a.highlight {
  background-color: #FCC;
}

/* XOOPS table */
table {
  width: 100%;
  margin: 0;
  padding: 0;
}
td {
  padding: 5px;
  vertical-align: top;
}
* html td {
  font-size: 0.8em;
} /* IE6 */

.outer {}
.head {
  background-color: #CCC;
  padding: 5px;
  font-weight: bold;
}
.even {
  background-color: #EEE;
  padding: 5px;
}
.odd {
  background-color: #FAFAFA;
  padding: 5px;
}
.foot {
  padding: 5px;
}

tr.even td {
  background-color: #EEE;
  padding: 5px;
}
tr.odd td {
  background-color: #FAFAFA;
  padding: 5px;
}
thead tr.head th {
  color: #fff;
  background-color: #666;
  padding: 5px;
  font-weight: bold;
}


/******************************************************************************/

/* XOOPS item */
.item {}
.itemHead {
  padding: 3px;
  background-color: #666;
  color: #FFF;
}
.itemInfo {
  text-align: right;
  padding: 3px;
  background-color: #EFEFEF;
}
.itemTitle a {
  font-weight: bold;
  font-variant: small-caps;
  color: #FFF;
  background-color: transparent;
}
.itemPoster {
  font-size: 90%;
}
.itemPostDate {
  font-size: 90%;
}
.itemStats {
  font-size: 90%;
}
.itemBody {
  padding-left: 0px;
}
.itemText {
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 100%;
}
.itemText:first-letter {}
.itemFoot {
  text-align: right;
  padding: 3px;
  background-color: #EFEFEF;
}
.itemAdminLink {
  font-size: 90%;
}
.itemPermaLink {
  font-size: 90%;
}

/* XOOPS Error Msg */
div.errorMsg {
  background-color: #FFCCCC;
  text-align: center;
  border-top: 1px solid #DDDDFF;
  border-left: 1px solid #DDDDFF;
  border-right: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
  font-weight: bold;
  padding: 10px;
}
div.confirmMsg {
  background-color: #DDFFDF;
  color: #136C99;
  text-align: center;
  border-top: 1px solid #DDDDFF;
  border-left: 1px solid #DDDDFF;
  border-right: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
  font-weight: bold;
  padding: 10px;
}
div.resultMsg {
  background-color : #CCCCCC;
  color: #333333;
  text-align: center;
  border-top: 1px solid silver;
  border-left: 1px solid silver;
  font-weight: bold;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  padding: 10px;
}

/* XOOPS Code & Quote */
div.xoopsCode {
  background: #FAFAFA;
  border: 1px inset #000080;
  font-family: "Courier New",Courier,monospace;
  padding: 0px 6px 6px 6px;
}
div.xoopsQuote {
  background-color:#FAFAFA;
  border: #336699 solid 1px;
  padding: 3px;
}

/* XOOPS com */
.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: #ffffff;
  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;
}

/* xoops css */
img {border: 0;}

#xoopsHiddenText {visibility: hidden; color: #000000; font-weight: normal; font-style: normal; text-decoration: none;}

.pagneutral {font-size: 10px; width: 16px; height: 19px;text-align: center; background-image: url(./images/pagneutral.gif);}
.pagact {font-size: 10px; width: 16px; height: 19px;text-align: center; background-image: url(./images/pagact.gif);}
.paginact {font-size: 10px; width: 16px; height: 19px;text-align: center; background-image: url(./images/paginact.gif);}

#mainmenu a {text-align:left; display: block; margin: 0; padding: 4px;}
#mainmenu a.menuTop {padding-left: 3px;}
#mainmenu a.menuMain {padding-left: 3px;}
#mainmenu a.menuSub {padding-left: 9px;}

#usermenu a {text-align:left; display: block; margin: 0; padding: 4px;}
#usermenu a.menuTop {}
#usermenu a.highlight {color: #0000ff; background-color: #fcc;}