@import url("reset.css");

/* 全般設定 */
* {padding:0; margin:0;}

body {color:#555555; background:#ffffff url(tartan_bg.png); font-size:small; line-height:180%; letter-spacing: 0.1em; margin:0px;text-align:center;font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; }
table {width:100%; border-collapse:separate;}
table td {vertical-align:top;}
th {background:#f17eb5; color:#ffffff; padding:4px; vertical-align:middle; font-weight:bold;font-size:larger;}
th a {color:#ffffff;}
p {padding-bottom:15px;margin-bottom:15px;}
img {border:0px;}


h1,h2,h3,h4,h5,h6,p {padding:2px 0;}

h1 {
 margin-top: 0px;
 margin-bottom: 0px;
 padding-bottom: 0px;
 border-bottom: 1px solid #f17eb5;
 border-top: 1px solid #f17eb5;
 color: #f17eb5;
 font-size:large;
 padding: 7px 0px 7px 0px;
font-weight:bold;
background:#ffefff;
 border-right: 15px solid #f17eb5;
 border-left: 15px solid #f17eb5;
text-align:center;
 letter-spacing: 0.2em; 
 }

h2 {
 margin-top: 50px;
 border-bottom: 1px solid #f17eb5;
 border-top: 1px solid #f17eb5;
 color: #f17eb5;
 font-size: medium;
 padding: 5px 0px 5px 10px;
font-weight:bold;
margin-bottom:15px;
background:#ffefff;
 }

h3 {
 margin-top: 35px;
 color: #f17eb5;
 font-size: medium;
 padding: 0px 0px 0px 10px;
margin-bottom:10px;
font-weight:bold;
 border-left: 5px solid #f17eb5;
 border-bottom: 1px solid #f17eb5;
 }

h4 {
 margin-top: 20px;
 margin-bottom: 10px;
 color: #f17eb5;
 font-size: medium;
 padding: 0px 0px 0px 0px;
font-weight:bold;
 border-bottom: 1px dashed #f17eb5;
 }

b {
font-size:larger;
font-weight:bold;
color: #f17eb5;
}

textarea {
 line-height:180%; 
letter-spacing: 0.1em; 
}


/* リンクの設定 */
a {color:#0000cc; text-decoration:none;}
a:hover {color:#ff9900;}

/* リスト表示の設定 */
ul {margin-left:0px; padding:0px; padding-left:0px; list-style:none  outside;text-align:left;}
li {margin:0px; padding:0px; list-style:none  outside;}

.mama1li {background:url(images/mama1.gif) left center no-repeat;margin:0px 0px 0px 0px; padding:5px 0px 5px 40px; list-style:none  outside;}
.mama1li a {color:#0000cc; text-decoration:none; border-bottom:1px dashed #0000cc;}
.mama1li a:hover {color:#ff9900; border-bottom:1px solid #ff9900;}

.mama2li {background:url(images/mama2.gif) left center no-repeat;margin:0px 0px 0px 0px; padding:5px 0px 5px 40px; list-style:none  outside;}
.mama2li a {color:#0000cc; text-decoration:none; border-bottom:1px dashed #0000cc;}
.mama2li a:hover {color:#ff9900; border-bottom:1px solid #ff9900;}


/* レイアウト */
#mainBody {width:1000px;background:#f8e6f9;position:relative;  margin:0px auto 0 auto; }
#content-wrap {background:#ffffff;  border-left:1px solid #f17eb5;padding-right:25px;border-right:1px solid #f17eb5;border-bottom:1px solid #f17eb5;}


/* 角丸の定義 */
.ctop{background:#f8e6f9;}
.ctop span{display:block; height:1px; overflow:hidden; background:#f8e6f9;}

.b1{margin: 0px 5px;}
.b2{margin: 0px 3px;}
.b3{margin: 0px 2px;}
.b4{margin: 0px 1px;}

/* ヘッダーブロックの定義 */
#headerbar {background:#f17eb5; height:40px; vertical-align:bottom;margin-top:0px;padding-top:0px;border-left:1px solid #f17eb5;border-right:1px solid #f17eb5;}

div#navi{clear:both;width:948px;height:35px;background:#f17eb5;}

.nav {margin-left:10px;background:#f17eb5;z-index:100;position: relative;display:inline;float:left; width:auto; margin:0; padding:0px; border-right:1px solid #f17eb5; font:bold 14px/35px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; text-decoration:none; letter-spacing:0px; width:948px;}

.nav li {float: left; position: relative; list-style:none; background:#f17eb5; height:35px;  margin:0px;border-right:1px solid #ffffff; }

#nav-one li.current  {background:#ffffff;color:#f17eb5;border-bottom:1px solid #ffffff; }
#nav-one li.current  a {color:#f17eb5;}

.nav li a,
.nav li a:link,
.nav li a:active,
.nav li a:visited {
  display: block;
  text-decoration: none;
color:#ffffff;
 padding:0 14px;
}

.nav li a:hover {
  background: #f17eb5;
  color: #FFF;
}

#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #ffdfff;
  color: #f17eb5;
 padding:0 14px;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background:#f17eb5;
  color:  #ffffff;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #ffdfff;
  color: #f17eb5;
}

.nav ul {
  background: #f17eb5;
  color: #FFF;
  list-style: none;
  margin: 0;
  position: absolute;
  top: -999em;
  left: 0px;
    border-top:1px dotted #f17eb5;
padding:0px; 
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 35px;
  left: 0px;
padding:0px; 
}
.nav ul li {
  float: none;
  width:200px;
  height:35px;
  border-bottom:1px dotted #ffffff;
padding:0px; 
}
.nav ul li a {
  white-space: nowrap;
  display: block;
  padding:0px;
}
.nav ul a:hover {
  background: #f17eb5;
  color: #FFF;
}




/* ヘッダ */
#header {position:relative; background:#7cb944; width:900px; height:100px; padding:0; margin:0 auto;}
.title {padding-left:10px; margin:0;}

#header h1 a {position:absolute; margin:0; padding:0; font:normal 30px Georgia, "Times New Roman", Times, serif; color:#111; text-transform:none; text-decoration:none; top:0px; left:20px;}
#header h1 a:hover {color:#666; text-decoration:underline;}
#header h2 {position:absolute; margin:0; padding:0; font:normal 12px Georgia, "Times New Roman", Times, serif; text-transform:none; color:#5b4a29; top:72px; left:25px;}

#header .header-links {position:absolute; top:10px; right:15px; color:#ffffff;}
#header .header-links a {color:#ffffff; text-decoration:none; padding:0 2px; font-weight:bold;}
#header .header-links a:hover {color:#ffff00;}

#header .searchform {position:absolute; top:60px; right:0; width:240px; background:#F6EFBB; border:none;}
#header .searchform input.textbox {width:150px; color:#777; height:18px; padding:2px; vertical-align:top;}
#header .searchform input.button {width:60px; height:24px; padding:2px 5px; vertical-align:top;}

#header-photo {clear:both; background:#fff; margin:0px auto; padding:0; height:334px; width:900px; overflow:hidden;}
#header-photo img {border:none; margin:0; padding:0;} 

.top-caption {color:#ffffff; margin-bottom:50px; line-height:150%;font-size:small;}
.top-form {font-size:small;}



/* メインメニューの定義 */
#mainmenu {width:250px;}
#mainmenu a {display:block; margin:0px; padding:4px;}
#mainmenu a:hover {}
#mainmenu a.menuTop {}
#mainmenu a.menuMain {}
#mainmenu a.menuSub {padding-left:20px;}

/* ユーザメニューの定義 */
#usermenu {width:250px;}
#usermenu a {display:block; margin:0px; padding:4px;}
#usermenu a:hover {}
#usermenu a.menuTop {}
#usermenu a.highlight {background:#ffcccc;}

/* 中央ブロックの定義 */
#centercolumn {padding:5px 10px 10px 10px;float:left; text-align:left; margin-top:0px;width:100%;}
#centercolumn a {color:#0000cc; text-decoration:none; border-bottom:1px dashed #0000cc;}
#centercolumn a:hover {color:#ff9900; border-bottom:1px solid #ff9900;}
#centercolumn .twitter a {color:#0000cc; text-decoration:none;border:0px;}
#centercolumn .twitter a:hover {color:#ff9900;border:0px; }

/* 中央-中央ブロックの定義 */
#centerCcolumn {padding:0px;}
#centerCcolumn .blockTitle {padding-top:5px;padding-bottom:5px; padding-left:20px; background:#ffefff;color:#f17eb5; font-weight:bold; border-bottom:1px solid #f17eb5;font-size:medium;font-weight:bold;border-left:10px solid #f17eb5; margin-top: 20px; text-align:left;margin-bottom:10px;}
#centerCcolumn .blockContent {padding:5px 0px 5px 0px; margin-bottom:20px;}
#centerCcolumn .twitter a {color:#0000cc; text-decoration:none;border:0px;}
#centerCcolumn .twitter a:hover {color:#ff9900; border:0px;}

/* 中央-左ブロックの定義 */
#centerLcolumn {width:50%; padding:0px;}
#centerLcolumn .blockTitle {padding-top:5px;padding-bottom:5px; padding-left:20px; background:#ffefff;color:#f17eb5; font-weight:bold; border-bottom:1px solid #f17eb5;font-size:medium;font-weight:bold;border-left:10px solid #f17eb5; margin-top: 20px; text-align:left;margin-bottom:10px;margin-right:10px;}
#centerLcolumn .blockContent {padding:5px 0px 5px 0px; margin-bottom:20px;margin-right:10px;}

/* 中央-右ブロックの定義 */
#centerRcolumn {width:50%; padding:0px 0px 0px 3px;}
#centerRcolumn .blockTitle {padding-top:5px;padding-bottom:5px; padding-left:20px; background:#ffefff;color:#f17eb5; font-weight:bold; border-bottom:1px solid #f17eb5;font-size:medium;font-weight:bold;border-left:10px solid #f17eb5; margin-top: 20px; text-align:left;margin-bottom:10px;margin-left:10px;}
#centerRcolumn .blockContent {padding:5px 0px 5px 0px; margin-bottom:20px;margin-left:10px;}

/* メインコンテンツの定義 */
#content {text-align:left; float:left;width:100%;}
#content .blockTitle {padding-top:5px;padding-bottom:5px; padding-left:20px; background:#ffefff;color:#f17eb5; font-weight:bold; border-bottom:1px solid #f17eb5;font-size:medium;font-weight:bold;border-left:10px solid #f17eb5; margin-top: 20px; text-align:left;}
#content .twitter a {color:#0000cc; text-decoration:none; border:0px;}
#content .twitter a:hover {color:#ff9900; border:0px;}

/* 左ブロックの定義 */
#leftcolumn {width:250px;}
#leftcolumn .white {padding:5px 10px 10px 10px;width:250px;}
#leftcolumn .blockTitle {padding-top:2px;padding-bottom:2px;  background:#ffefff;color:#f17eb5; font-weight:bold; border-bottom:1px solid #f17eb5;font-size:medium;font-weight:bold;border-top:1px solid #f17eb5; margin-top: 20px;}
#leftcolumn .blockContent {padding:5px; background:#fff;}
#leftcolumn .text a {color:#0000cc; text-decoration:none; border-bottom:1px dashed #0000cc;}
#leftcolumn .text a:hover {color:#ff9900; border-bottom:1px solid #ff9900;}
#leftcolumn a {color:#0000cc; text-decoration:none; border-bottom:1px dashed #0000cc;}
#leftcolumn a:hover {color:#ff9900; border-bottom:1px solid #ff9900;}
#leftcolumn img {border:0px;}

/* 右ブロックの定義 */
#rightcolumn {width:25%;float:right;}
#rightcolumn .white {padding:10px 10px 10px 10px;}
#rightcolumn .blockTitle {padding:3px; background:#ffdfff;color:#336699; font-weight:bold; border-bottom:1px solid #a2b7dd;}
#rightcolumn .blockContent {padding:5px; background:#f1f6ff;}

/* フッタブロックの定義 */
#footerbar {text-align:center; background:#f17eb5; color:#ffffff; padding:10px;width:950px;clear:both;}
#footerbar a {color:#0000cc; text-decoration:underline;}
#footerbar a:hover {color:#ff9900;}

/* フォーラムなどの外枠 */
.outer {border:1px solid #f17eb5;}
/* フォーラムなどの投稿情報欄 */
.head {background:#ffdfff; padding:5px; font-weight:bold;}

/* フォーラムなどの交互に色が変わる部分 */
.even {background:#ffefff; padding:5px;border-top:1px dotted #f17eb5;}
.odd {background:#ffffff; padding:5px;border-top:1px dotted #f17eb5;}
/* フォーラムなどのフッター */
.foot {background:#D3DDED; padding:5px; font-weight:bold;}

tr.even td {background:#ffefff; padding:8px;}
tr.odd td {background:#ffdfff; padding:8px;}

/* 最新ニュースの枠 */
.item {}
/* 最新ニュースのタイトルバー */
.itemHead {
 margin-top: 0px;
 border-bottom: 1px solid #f17eb5;
 border-top: 1px solid #f17eb5;
 color: #f17eb5;
 font-size: medium;
 padding: 5px 0px 5px 10px;
font-weight:bold;
margin-bottom:0px;
background:#ffefff;
}
/* 最新ニュースの投稿情報欄 */
.itemInfo {text-align:right; padding:0px; background:#ffffff;}
/* 最新ニュースのタイトルの設定 */
.itemTitle {
 margin-top: 0px;
 color: #f17eb5;
 font-size: medium;
 padding: 0px 0px 0px 10px;
margin-bottom:10px;
font-weight:bold;
 border-left: 5px solid #f17eb5;
 border-bottom: 1px solid #f17eb5;
}
/* 最新ニュースの投稿者 */
.itemPoster {}
/* 最新ニュースの投稿日 */
.itemPostDate {}
/* 最新ニュースのステータス */
.itemStats {}
/* 最新ニュースのコンテンツ部分 */
.itemBody {padding:0px; margin-bottom:20px; }
.itemText {margin-top:0px; margin-bottom:0px; }
/* 最新ニュースの1文字目 */
.itemText:first-letter {}
/* 最新ニュースのフッター */
.itemFoot {text-align:right;}
.itemAdminLink {}
.itemPermaLink {}


div.errorMsg {background:#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:#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:#ffffff; color:#555555; text-align:center; border:2px solid  #f17eb5;font-weight:bold; padding:15px;margin-top:2em;}


/* Xoopsコードを記述する部分 */
div.xoopsCode {background:#ffffff; border:1px inset #000080; padding:0px 6px 6px 6px;}

/* 引用部分の定義 */
div.xoopsQuote {background:#ffffff; border:1px inset #000080; padding:0px 6px 6px 6px;}

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

.welcome {width:550px; height:267px; background-image:url(welcome.gif); background-repeat:no-repeat;}
.welcome p {padding:180px 30px 10px 30px; font-size:13px; line-height:180%;}




/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/


/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    width:998px;
    height:250px;
border-right:1px solid #f17eb5;border-left:1px solid #f17eb5;
}

#slider {
	position:relative;
    width:998px;
    height:250px;
}
#slider img {
	position:absolute;
	top:0px;
    left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	text-align: center;
	bottom:-20px;
	left:420px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}



/*
 * jQuery Nivo Slider v2.4
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}




/* for eguide module */
.error { color: #ff0000; font-weight: bold; text-align: left; }
.evhead { color: #800000; font-size: 120%; font-weight: bold; text-align: left;}
.evmark { float: right; color: #f17eb5; font-size:x-large;font-weight:bold;}
.evinfo { text-align: left;}
.evprop {
 margin-top: 35px;
 color: #f17eb5;
 font-size: medium;
 padding: 0px 0px 0px 10px;
margin-bottom:10px;
font-weight:bold;
 border-left: 5px solid #f17eb5;
}
.evbody { text-align: left; }
.evlink { text-align: right; font-size:large;}
.evline { text-align: left;}
.evnote { text-align: center; font-weight: bold; color: #c00000; }
.evtbl th { text-align: left; vertical-align: top; }
.event, .evform, .entform { }
.evlist {margin-top:20px;}
.evms td { background-color: #ffefff;}
.evms th { text-align: left; }
.evop td { background-color: #ffffff;}
.catbox { float: right; margin-bottom:20px;margin-right:20px;}
.catbox a {color:#0000cc; text-decoration:none; border-bottom:1px dashed #0000cc;}
.catbox a:hover {color:#ff9900; border-bottom:1px solid #ff9900;}
.evform th em, .evform em,.entform th em, .entform em
  { color: #cc0000; font-weight: bold; }
.evform td.head { width: 10em; }
.entform { background-color: #eeeeff; }
#itemhelper, #itemhelper input, #itemhelper button,
#itemhelper select { font-size: 90%; }
.evform {
margin-top:20px;
}
.evmore { float: right;}
.evmore a {color:#0000cc; text-decoration:none; border-bottom:1px dashed #0000cc;}
.evmore a:hover {color:#ff9900; border-bottom:1px solid #ff9900;}



.oshirase {
background:#ffffff; 
color:#555555; 
text-align:left; 
border-left:5px solid  #f17eb5;border-right:5px solid  #f17eb5;border-bottom:5px solid  #f17eb5;
width:90%;
padding-left:20px;padding-right:20px;padding-bottom:20px;padding-top:0px;
margin-top:0px;
font-weight:bold; 
}

.oshirase2 {
background:#ffffff; 
color:#555555; 
text-align:left; 
border:5px solid  #f17eb5;
width:90%;
padding-left:20px;padding-right:20px;padding-bottom:20px;padding-top:20px;
margin-top:0px;
margin-bottom:0px;
font-weight:bold; 
}