@charset "UTF-8";
/******************************************************************************/
/* style.css for simple */
/******************************************************************************/

/* The Framework */
html {
	height:100%;
	overflow-x:hidden;
}
body {
	height:100%;
  font-family:Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','Helvetica Neue'sans-serif;
	font-size:82%;
  color: #333;
  text-align: left;
}


/* Reset */
:link,:visited {
    text-decoration: none;
}
* {
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}
table {
    border-spacing: 0;
}
fieldset,img,abbr,acronym {
    border: 0;
} 

ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
q:before,q:after {
    content: '';
}
a {
    text-decoration: underline;
    outline: none;
}
img {
	line-hegiht:0;
}
hr {
    border: 0;
    height: 1px;
    background-color: #c0c6c9 ;
    color: #c0c6c9 ;
}
a img,:link img,:visited img {
    border: none;
}
address {
    font-style: normal;
    display: inline;
}
*{ letter-spacing:0; } /* IE7用のおまじない */

/* Decoration */
em {
  font-weight: bold;
  font-style: normal;
  color: #FF0000;
}
p {
  margin: 10px 0;
  clear:both;
}
a:link {
	color: #c85179;
  text-decoration: underline;
}
a:visited {
	color: #726250;
  text-decoration: underline;
}
a:hover {
	color:#69821b ;
}

a[target="_blank"] {
	padding-right: 20px;
  background: url(images/window.png) no-repeat center right;
}
a[href$=".pdf"] {
	padding-right: 20px;
  background: url(images/pdf.gif) no-repeat center right;
}
a[href$=".doc"] {
	padding-right: 20px;
  background: url(images/doc.gif) no-repeat center right;
}  
a[href$=".xls"] {
	padding-right: 20px;
  background: url(images/xls.gif) no-repeat center right;
}
a[href$=".zip"] {
	padding-right: 20px;
  background: url(images/zip.gif) no-repeat center right;
}
a[href ^="mailto:"] {
	padding-right: 20px;
  background: url(images/mail.gif) no-repeat center right;
}

img {
	background: url(images/loader.gif) no−repeat 50% 50%;
}

pre {
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}
.outer {
    margin: 0px 1px;
    background: transparent;
    border:none;
}
.inner {
    margin: 0px -1px;
    background: transparent;
    border:none;
}

/******************************************************************************/
/* clearfix */
.clearfix {
  display: inline-table;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix {zoom: 1;}

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

.clear{clear:both;}
/******************************************************************************/

/* Header */
#Header {
  width: 100%;
	margin: 0;
	border-top:2px solid #839b5c;
}

/* Headline */
h1 {font-size: 150%;}
h2 {font-size: 120%;}
h3 {font-size: 110%;}
h4, h5,h6  {font-size: 100%;}

#sitename {
	display:inline;
	font-family: 'Special Elite', arial, serif;
	color:#6e7955;
}
span.logo {
	font-size:100px;
	color:#6e7955;
}

/* Breadcrumb */
#breadcrumb, #theme_breadcrumbs {
	display:none;
}
#breadcrumbs {
	potision:relative;
  width: 978px;
	height:40px;
	line-height:40px;
	margin:0 auto;
  margin-bottom: 5px;
	text-align:left;
	color:#888e7e;
	font-weight:normal;
}
#breadcrumbs .b2 {
	float:left;
	width:700px;
	height:40px;
	color:#888e7e;
}
#breadcrumbs .b2 ul {
  width: 98%;
  height:40px;
	line-height:40px;
	color:#888e7e;
	font-weight:normal;
	font-size:1em;
}
#breadcrumbs .b2 ul li {
	float:left;
  height:40px;
	line-height:40px;
}
#breadcrumbs .b2 ul li a:link , #breadcrumbs .b2 ul li a:visited{
	float:left;
	color:#888e7e;
	display:block;
	text-decoration:underline;
}
#search {
	float:right;
	width:220px;
	height:40px;
	text-align:right;
	padding-top:12px;
}

/* Contents */
#contents {
	position:relative;
	width:978px;
	margin:0 auto;
	padding-bottom:26px;
}
#contents:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
}
#contentsTitle {
	margin:0 auto;
	width:98%;
	margin-bottom:60px;
}
#contentsTitle h1 {
  font-family:'Special Elite',Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','Helvetica Neue'sans-serif;
	color:#47885e;
	font-size:36px;
	line-height:40px;
	padding-left:20px;
	border-bottom:3px dotted #69821b;
}
* html #contentsTitle h1 {
  font-family:Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','Helvetica Neue'sans-serif;
}

.grid01 img, .grid02 img, .grid03 img, .grid04 img, .grid05 img, .grid06 img, .grid07 img, .grid08 img, .grid09 img, .grid10 img, .grid11 img {
	max-width: 96% !important;
  width: auto\9; /* ie8 */
}
* html .grid01 img, * html .grid02 img, * html .grid03 img, * html .grid04 img, * html .grid05 img, * html .grid06 img, * html .grid07 img, * html .grid08 img, * html .grid09 img, * html .grid10 img, * html .grid11 img {
  width: auto; /* ie6 */
}

.grid01 div, .grid02 div, .grid03 div, .grid04 div, .grid05 div, .grid06 div, .grid07 div, .grid08 div, .grid09 div, .grid10 div, .grid11 div {
	line-height:1.5;
	margin-bottom:80px;
	background:transparent;
}
.grid01 h3, .grid02 h3, .grid03 h3, .grid04 h3, .grid05 h3, .grid06 h3, .grid07 h3, .grid08 h3, .grid09 h3, .grid10 h3, .grid11 h3 {
	font-family: 'Special Elite',"ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:200%;
	font-style: italic !important;
	color:#696969;
	margin-bottom:30px;
	padding-left:15px;
	border-left:7px solid #69821b;
	border-bottom:1px solid #d6ffd6;
}
* html .grid01 h3,* html .grid02 h3, * html .grid03 h3, * html .grid04 h3, * html .grid05 h3, * html .grid06 h3, * html .grid07 h3, * html .grid08 h3, * html .grid09 h3, * html .grid10 h3, * html .grid11 h3 {
	font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.grid01 div div, .grid02 div div, .grid03 div div, .grid04 div div, .grid05 div div, .grid06 div div, .grid07 div div, .grid08 div div, .grid09 div div, .grid10 div div, .grid11 div div{
	margin-left:40px;
	margin-bottom:20px;
	background:transparent;
}
.grid01 div div div, .grid02 div div div, .grid03 div div div, .grid04 div div div, .grid05 div div div, .grid06 div div div, .grid07 div div div, .grid08 div div div, .grid09 div div div, .grid10 div div div, .grid11 div div div{
	margin-left:0px;
	background:transparent;
}

#ModuleContents {
	width:90%;
	color:#000;
}
/* M Menu */
#m_menu {
	margin-bottom:80px;
}
#m_menu:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
}
#m_menu ul {
	margin-left:20px;
}
#m_menu ul li {
	height:20px;
	line-height:20px;
	margin:7px 2px;
  float:left;
}
#m_menu ul li a ,#m_menu ul li a:visited {
	display:block;
	padding:4px 10px;
	color:#fff;
	background:#a8bf93;
	text-decoration:none;
}

#m_menu ul li a:hover  { 
	color:#000;
	background:#d4d4d4;
}

/* Footer */
#Footer {
	position:relative;
  height:60px;
  line-height:60px;
  width: 100%;
	text-align:center;
	background:#839b5c;
}
#Footer ul {
	padding:0;
	margin:0 auto;
	list-style-type:none;
	float:left;
	position:relative;
	left:50%;
}
#Footer ul li {
	height:60px;
	line-height:60px;
  float:left;
	position:relative;
	right:50%;
}
#Footer  ul li a:link,#Footer ul li a:visited {
	position:relative;
	display:block;
	padding:0px 10px;
	color:#696969;
}
#Footer a:hover {
	background:orange;
}

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

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

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

.head {
  background: transparent;
  padding: 5px;
  font-weight: bold;
}
.even {
  background: transparent;
  padding: 5px;
}
.odd {
  background: transparent;
  padding: 5px;
}
.foot {
  padding: 5px;
}

tr.even td {
  background: transparent;
  background: transparent;
  padding: 5px;
}
tr.odd td {
  background: transparent;
  padding: 5px;
}

/******************************************************************************/
/* XOOPS item */
.item {
  color: #000;
}
.itemHead {
  padding: 3px;
  background: transparent;
  color: #000;
}
.itemInfo {
  text-align: right;
  padding: 3px;
  background: transparent;
}
.itemTitle a {
  font-weight: bold;
  font-variant: small-caps;
  color: #000;
  background: 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: 1.5;
}
.itemText:first-letter {}
.itemFoot {
  text-align: right;
  padding: 3px;
  background: transparent;
}
.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 {
    position: relative;
    padding: 20px 10px 5px 30px; /* Code の文字を入れるためのスペースを確保 */
    border: 1px solid;
    border-color: #bbb #fff #fff #bbb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: transparent;
  font-family: "Courier New",Courier,monospace;
}

div.xoopsCode:before {
    position: absolute;
    top: -25px;
    left: -45px;
    z-index: 105;
    width: 100px;
    transform: rotate(-25deg); /* 反時計回りに25度回転 */
    -moz-transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    color: #a3a3a3;
    content: "Code"; /* 文字列を生成 */
    font-size: 30px;
    font-weight: 700;
    font-style: oblique;
    font-family: Georgia normal, "Times New Roman", Times, serif;
    text-align: center;
    text-shadow: 3px 5px 5px rgba(0, 0, 0, .2); /* 文字にドロップシャドウ */
}

div.xoopsQuote {
    position: relative;
    padding: 20px 10px 5px 30px; /* Quote の文字を入れるためのスペースを確保 */
    border: 1px solid;
    border-color: #bbb #fff #fff #bbb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #ddd;
}

div.xoopsQuote:before {
    position: absolute;
    top: -25px;
    left: -45px;
    z-index: 1;
    width: 100px;
    transform: rotate(-25deg); /* 反時計回りに25度回転 */
    -moz-transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    color: #a3a3a3;
    content: "Quote"; /* 文字列を生成 */
    font-size: 36px;
    font-weight: 700;
    font-style: oblique;
    font-family: Georgia normal, "Times New Roman", Times, serif;
    text-align: center;
    text-shadow: 3px 5px 5px rgba(0, 0, 0, .2); /* 文字にドロップシャドウ */
}

/* 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: transparent;
  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;
}

/* for accessibility */
.Skip {	
  position: absolute;
  left: -9999em;
}


#redirect_message {
	position:absolute;
	top:10px;
	right:200px;
	width:200px;
	min-height:40px;
	padding-left:10px;
	padding-right:10px;
	border:#666 1px solid;
	border-right:pink 30px solid;
	border-bottom:#ccc 3px solid;
	background:#f8f4e6;
}

