@import url("start.css");
@charset "UTF-8";

/*-----全体構造------------------------------------------------------*/
html {background:#FFFFFF;}
body {
 background:#FFFFFF url() ;
 margin: 0;
 padding: 0;
 color: #000000;
 font-family:'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
 font-size: small;
 font:100%/1.5 Verdana, Tahoma, Arial, Geneva, sans-serif;
 text-align:center;}

a, a:visited {color:#000000; text-decoration:none;}
a:hover {color:#88AC0B; text-decoration:underline;}

/*-----見出し------------------------------------------------------*/
/*--h1, h2, h3 {font-family:'Trebuchet MS', Tahoma, Sans-serif; color:#444;}--*/
/*--h1 {font-size:200%; font-weight:normal; letter-spacing:-1px;}--*/
/*--h2 {font-size:160%; color:#88AC0B;}--*/
/*--h3 {font-size:140%; font-weight:normal;}--*/

h1, h2, h3, p {padding:10px; margin:0;}
h1 {}
h2 {color:#000000; font-size:100%;font-weight:bold; line-height:150%; border-left:5px solid yellow; padding-left:5px; margin:25px 0px 0px;letter-spacing : 3px;}
h1 {color:#669966; font-size:120%;font-family:Tahoma; line-height:140%; border-left:5px solid #9c6; padding-left:5px; margin:25px 0px 0px;letter-spacing : 3px;}
h4 {color:#000066; font-size:150%;font-family:Tahoma; line-height:160%; border-left:5px solid #006; padding-left:5px; margin:25px 0px 0px;letter-spacing : 3px;background-color:#eef;}
h5 {color:#660000; font-size:140%;font-family:Tahoma;font-weight:bold; line-height:130%; border-left:5px solid #a03;border-bottom:1px dotted #666; padding-left:5px; margin:25px 0px 0px;letter-spacing : 1px;background-color:#;}
h6 {color:#666666; font-size:100%; line-height:150%; margin:0px; border:1px dotted #99877c; background-color: #f8f0df;letter-spacing : 3px;padding:6px;}

h3 {
height:30px;margin:20px 0px 0px 0px;padding:0px 0px 0px 10px;
font-size:14px;font-weight:bold;color:#333333;
background-image:url(image/hedder_line/H3_line_02.gif);
background-repeat: no-repeat;
}

/*-----リスト------------------------------------------------------*/
ul, ol {margin:5px 0px; padding:0 20px;}
ul {list-style:none;}

/*-----画像------------------------------------------------------*/
img {border:none;}
img.float-right {float:right;margin:5px 0px 10px 10px;}
img.float-left {float:left;margin:5px 10px 10px 0px;}

/*-----フレームバー------------------------------------------------------*/
.framebar_g1{
 position: relative; margin: 0; padding: 0; width: 100%; height:12px; background-color: #a5d124;
}
.framebar_g2{
 position: relative; margin: 0; padding: 0; width: 100%; height:5px; background-color: #a5d124;
}
.framebar_b1{
 position: relative; margin: 0; padding: 0; width: 100%; height:15px; background-color: #000000;
}

/*-----テーブル------------------------------------------------------*/
table {width:100%; border-collapse:collapse;}
th {background:#93BC0C url() repeat-x; height:35px; padding-left:12px; padding-right:12px; color:#FFF; text-align:left;}
th a {color:#EEE;}
th a:hover {color:#FFF; text-decoration:underline;}
td {vertical-align:top;}


label {display:block; font-weight:bold; margin:5px 0;}
input {padding:2px; border:1px solid #eee; font:normal 1em Verdana, sans-serif; color:#777;}

input.button {font:bold 12px Arial, Sans-serif; height:24px; margin:0; padding:2px 3px; color:#FFF; background:#8EB50C url() repeat-x 0 0; border:1px solid #88AD0C;}

/* いらないかもレイアウト */
#canvas {position:relative; background:#fff url(image/wrap-bg.jpg) repeat-y; width:900px; margin:10px auto 0 auto; text-align:left;}
/* レイアウト */
#content-wrap {position:relative; background:#fff url() repeat-x; float:left; width:900px; padding:0 0 0px 0; margin-left:0px; display:inline; border-top:0px solid #fff; border-bottom:0px solid #e5e5e5; border-left:0px solid #fff; border-right:0px solid #fff;} 

/* ヘッダ */
#header {position:relative; text-align:left; background:#FFF url(image/bg.gif) repeat-x; width:900px; height:100px; padding:0; margin:0 auto;9c}

#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:30px; 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:5px; right:15px; color:#5B4A29; text-align:right;}
#header .header-links a {color:#5b4a29; text-decoration:none; padding:0 0px;letter-spacing: 0em;}
#header .header-links a:hover {color:#111;}

#header .searchform {position:absolute; top:30px; right:0; width:260px;}
#header .searchform input.textbox {width:180px; color:#000; height:17px; padding:0px; vertical-align:top; background:#fee; border:#9c2 1px;}
#header .searchform input.button {width:54px; height:18px; background:url(image/search_button.gif) #9c2; margin: 0px 0px; border: 0px; vertical-align:top;}

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

/* 使ってないメニュー */
#bar {clear:both; margin:0; padding:0; height:24px;}
#bar ul {float:center; list-style:none; background:url(image/bar.gif) repeat-x; width:100%; height:24px; text-transform:uppercase; margin:0 0 0 15px; padding:0; display:inline;}
#bar ul li {display:inline; margin:0; padding:0;}
#bar ul li a {display:block; float:left; width:auto; margin:0; padding:0 14px; border-top:1px solid #a7d101;border-right:1px solid #899D00; border-left: 1px solid #A7D101; font:bold 9px/10px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; text-transform:uppercase; text-decoration:none; letter-spacing:1px; color:#aaa;}
#bar ul li a:hover, 
#bar ul li a:active {background:url(image/bar.gif) repeat-x;}
#bar ul li.current a {background:url(image/bar.gif) repeat-x;}

/* メインカラム */
#main {float:left; width:690px; padding:0px 0 0 0; margin:0 0 0 0px; display:inline;font-size:small; letter-spacing : 2px;}
#main ul li {list-style-image:url(image/black_arrow_maru.gif);}

#main .BlockTitle {margin-top:10px; padding-bottom:3px; font:bold 180% 'Trebuchet MS', Tahoma, Sans-serif; color:#895F30;}
#main .BlockContent {padding:5px 0;}

/* コンテンツ設定 */
.CenterCblock,
.CenterLblock,
.CenterRblock {clear:both; margin-bottom:10px;}

#CenterLColumn {float:left; width:50%;}
#CenterRColumn {float:right; width:49%;}

#ModuleContents {font:100% 'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif; background:#fff; margin:0px; line-height:1.8; padding:20px 50px 20px 50px; clear:both;}

/* サイドカラム */
#sidebar {float:right; width:210px; padding:0px 0 0 0; margin:0;background:url(image/content-bg.jpg) repeat-y;}
#sidebar .BlockTitle {margin-top:10px; padding:5px; font:bold 100% 'Trebuchet MS', Tahoma, Sans-serif; color:#899B0D;}
#sidebar .BlockContent {padding:0px 0px;}

#sidebar ul {list-style:none; margin:0; padding:0; text-decoration:none;}
#sidebar li {list-style:none; margin:0; padding:5px;}

* html body #sidebar ul.sidemenu li {height:1%;}

/* メインメニュー及びユーザメニュー */
#mainmenu, #usermenu {margin:0; padding:0; text-align:left;}
#mainmenu a {display:block; margin:0 1px; padding: 5px 0; color:#895F30;}
#mainmenu a:hover {color:#1773BC;}
#mainmenu a.menuTop {border-top:#DDD solid 1px; border-bottom:#DDD solid 1px;}
#mainmenu a.menuMain {border-bottom:#DDD solid 1px; border-left:20px #000000;}
#mainmenu a.menuSub {padding-left:25px;}

#usermenu a {display:block; border-bottom:#DDD solid 1px; margin:0 1px; padding: 5px 0; color:#895F30;}
#usermenu a:hover {color:#1773BC;}
#usermenu a.menuTop {border-top:#DDD solid 1px;}
#usermenu a.highlight {background-color:#FCC;}


/* フッタ */
#footer {clear:both; width:870px; font-size:100%; text-align:left; padding:0px 20px; border-bottom:0px solid #fff; border-top: 0px solid #fff;}
#footer a:hover {color:#000;}
#footer h3 {color:#976834; margin:0; padding:0 10px; text-transform:uppercase; font-weight:bold;}

#footer-columns {color:#888; margin:0 auto; padding:0; width:840px;}
#footer-columns a {text-decoration:none; font-weight:bold; color:#666666;}
#footer-columns ul {list-style:none; margin:10px 0 0 0; padding:0; border-top:1px solid #e5e5e5;}
#footer-columns li {border-bottom:1px solid #e5e5e5;}
#footer-columns li a {display:block; font-weight:normal; padding:5px 0 5px 10px; width:96%;}
#footer-columns .col3, .col3-center {float:left; width:32%;}
#footer-columns .col3-center {margin:0 15px;}

#footer-bottom {clear:both; color:#666; height:20px;margin:0 auto 20; width:870px; padding:15px 0 0 0; text-align:center;}
#footer-bottom  a {color:#555;}

.outer {}
.head {background-color:#CCC; padding:5px; font-weight:bold;}

.even {background-color:#EFEFEF; padding:5px;}
.odd  {background-color:#F8F8F8; padding:5px;}

.foot {padding:5px;}

tr.even td {background-color:#EEE; padding:5px;}
tr.odd td {background-color:#FAFAFA; padding:5px;}

.item {}
.itemHead {padding:3px 8px; background:transparent; color:#895F30; border-left:1px solid #895F30; border-bottom:1px solid #895F30;}
.itemInfo {text-align:right; padding:3px; background:#F3F3F3; border-right:1px solid #895F30;}
.itemTitle a {font-weight:bold; font-size:160%; color:#895F30;}
.itemPoster {font-size:90%;}
.itemPostDate {font-size:90%;}
.itemStats {font-size:90%;}
.itemBody {padding:5px 10px;}
.itemText {margin-top:5px; margin-bottom:5px; line-height:1.5;}
.itemText:first-letter {}
.itemFoot {text-align:right; padding:3px; border-top:1px solid #895F30;}
.itemAdminLink {font-size:90%;}
.itemPermaLink {font-size:90%;}

div.errorMsg {background:#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: #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:#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:#FAFAFA; border:1px inset #000080; font-family: "Courier New",Courier,monospace; padding:0px 6px 6px 6px;}
div.xoopsQuote {background:#FAFAFA; border:1px solid #369; padding:3px;}

.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;}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }


/*-----子ども会ヘッダー------------------------------------------------------*/
#wrapper{
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 20px;
 width: 900px;
 height: 100%;
 text-align: left;
 color: #000000;
 font: 100%;
 background: #ffffff;
}

#navi {
 margin: 0;
 padding-top: 10px;
 width: 900px;
 height: 30px;
 text-align: center;
 vertical-align: top;
 color: #000000;
 background: #ffffff;
}
/*-----その他---------------------------------------------------------*/
.font00{
 color: #000000;
 font-size: 14px;
 font-weight: bold;
 line-height: 1.3em;
 letter-spacing: 0.15em;
}
.font01{
 color: #000000;
 font-size: 10px;
 line-height: 1.3em;
 letter-spacing: 0.1em;
}
.font02{
 color: #000000;
 font-size: 12px;
 font-weight: normal;
 line-height: 1.3em;
 letter-spacing: 0.15em;
}
.font03{
 color: #000000;
 font-size: 10px;
 line-height: 1.3em;
 letter-spacing: 0.3em;
}
.font04{
 color: #000000;
 font-size: 9px;
 line-height: 1.0em;
 letter-spacing: 0.4em;
}
/*写真風*/
.photo-waku-l {
    float: left;
    margin: 0;
    padding: 5px;
    border-color: #BBBBBB;
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
}
 
.clear {
    clear: both;
}