/*初期化*/
body,h1,h2,h3,h4,p,ul,li,dl,dt,dd,form,div {margin: 0; padding: 0; list-style: none;}
hr {display: none;}

body {margin: 0; padding: 0; color: #fff; background: #444;}
#menubody {background: #c00 url(img/sidebar_bg.gif) repeat-x left top;}

a,a:link,a:visited {color: #fff;}
a:hover {color: #c00;}

/* IE用 */
* html body {font-size: 90%;}
.wincenter {text-align: center;}

/* ################################# */
/* 使用カラー */
/* #c00,#900 #def4fc */
/* ################################# */

/* -------------------------------------------------------------------------- PAGE HEADER ---------------------------- */
h1#header {margin: 0 auto; padding: 0; width: 160px; height: 85px; background: transparent url(img/header.gif) no-repeat left top; text-align: left; font-size: x-small;}
h1#header a {display: block; width: 160px; height: 85px; text-indent: -9999px; text-decoration: none; outline: 0;}
h1#header a:hover {background: transparent url(img/header.gif) no-repeat left top;}

/* -------------------------------------------------------------------------- PAGE MENU ---------------------------- */
/*サイトメニュー部分*/
#sidenavi {margin: 25px auto 0 auto; padding: 0; width: 160px; text-align: left;}

/* メインメニュー */
ul#menu {margin: 0 5px; padding: 0; width: 150px; color: #fff;}

#menu li {
margin: 0 0 5px 0;
padding: 0;
width: 150px;
height: 25px;
background: transparent url(img/menu_out.gif) no-repeat left top;
font: bold 14px/25px Arial, osaka, sans-serif;
text-indent: 10px;
}
#menu a {
display: block;
width: 150px;
height: 25px;
background: transparent url(img/menu_out.gif) no-repeat left top;
font: bold 14px/25px Arial, osaka, sans-serif;
text-decoration: none;
outline: 0;
}

#menu01 a, #menu02 a, #menu03 a, #menu04 a {color: #fff; background: transparent url(img/menu_out.gif) no-repeat left center;}
#menu01 a:hover, #menu02 a:hover, #menu03 a:hover, #menu04 a:hover {color: #fff; background: transparent url(img/menu_over.gif) no-repeat left center;}

/* サブメニューTOP,HOME */
ul#submenu {margin: 0 5px; padding: 0; width: 150px; color: #fff; border-top: 5px solid #c00;}

#submenu li {
margin: 5px 0 0 0;
padding: 0;
width: 150px;
height: 25px;
font: normal 14px/25px Arial, osaka, sans-serif;
text-indent: 10px;
}
#submenu a {
display: block;
width: 150px;
height: 25px;
font: normal 14px/25px Arial, osaka, sans-serif;
text-decoration: none;
outline: 0;
}
/* TOP */
li#menu-top {color: #fff; background: transparent url(img/top_out.gif) no-repeat left center;}
#menu-top a {color: #fff; background: transparent url(img/top_out.gif) no-repeat left center;}
#menu-top a:hover {color: #fff; background: transparent url(img/top_over.gif) no-repeat left center;}
/* HOME */
li#menu-home {color: #fff; background: transparent url(img/home_out.gif) no-repeat left center;}
#menu-home a {color: #fff; background: transparent url(img/home_out.gif) no-repeat left center;}
#menu-home a:hover {color: #fff; background: transparent url(img/home_over.gif) no-repeat left center;}

/*コピーライト（サイド）*/
p.copyright {margin: 30px auto 0 auto; padding: 5px; color: #777; background-color: #fff; font-size: 0.8em;}

/* -------------------------------------------------------------------------- PAGE CONTENTS ---------------------------- */
/*コンテンツ部分*/
#contents {margin: 40px 0 10px 10px; padding: 0; width: 590px;}
/*floatのクリア*/
#contents:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*コンテンツタイトル*/
#cnt-title {margin: 0; padding: 0; width: 600px; text-align: right; background: transparent url(img/cnt_topbar.gif) no-repeat left top;}
#cnt-title h1 {margin: 0; padding: 20px 20px 0 0; width: 580px; color: #fff; font: bold 24px Arial, osaka, sans-serif;}

/* -------------------------------------------------------------------------- PAGE TOP ---------------------------- */
#top-title {margin: 0; padding: 0; width: 600px; height: 440px; background: transparent url(img/web_top.jpg) no-repeat left bottom;}
.webtitle {position: absolute; left: 300px; top: 160px; z-index: 10;}
.webtitle img {border: 0;}
#top-title h1 {display: none;}
/* -------------------------------------------------------------------------- What's NEW,NEWS ---------------------------- */
#update-section {margin: 0 0 5px 0; padding: 0; width: 600px;}
/*floatのクリア*/
#update-section:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#what, #news {float: left; margin: 0 0 0 10px; width: 280px;}

#what h3, #news h3 {font: bold 1.2em/22px Arial, osaka, sans-serif; color: #fff; border-bottom: 2px solid #fff;}
#what p, #news p {font-size: 0.9em; line-height: 1.3em;}

/* -------------------------------------------------------------------------- PROFILE ---------------------------- */
#profile-image {float: left; margin: 0 5px; padding: 0;}
#profile-image img {border: 2px solid #fff;}

#profile-section {
float: right;
margin: 0;
padding: 0;
width: 290px;
}

#profile-section h2 {
margin: 0px 0px 10px 0px;
padding: 2px 0px;
font-size: 1.2em;
color: #fff;
background-color: #444;
border-top: 2px solid #ddd;
border-bottom: 1px dotted #ddd;
}

#profile-section p {
margin: 0px 0px 10px 0px;
padding: 0;
font-size: 0.9em;
line-height: 1.3em;
color: #fff;
}

/* -------------------------------------------------------------------------- HISTORY ---------------------------- */
#history-section {
margin: 0;
padding: 0;
background-color: #444;
}

#history-section h3 {
margin: 0;
padding: 2px 0px;
font: bold 1em Helvetica, Arial, osaka, sans-serif;
color: #fff;
background-color: #444;
border-top: 2px solid #fff;
border-bottom: 1px dotted #fff;
}

#history-section p {
margin: 5px 0px 15px 0px;
font-size: 0.9em;
line-height: 1.3em;
color: #fff;
background-color: #444;
}

/* -------------------------------------------------------------------------- BBS ---------------------------- */
/* 掲示板ルール */
#bbsrule {margin: 30px; padding: 10px; width: 500px; border: 2px solid #c00; color: #fff; background-color: #777;}
#bbsrule p {margin: 2px 0px; padding: 0; font-size: 0.9em; line-height: 1.2em;}
#bbsrule img {vertical-align: middle; border: 0;}
#bbsrule.atn p {margin: 4px 0px; padding: 0; font-size: 1em; line-height: 1.3em; text-align: center;}

/* BBS新規投稿 */
#posted form {
margin: 0 auto;
padding: 0;
width: 580px;
}

#posted fieldset {
margin: 0;
padding: 5px;
width: 570px;
border: 1px solid #c00;
color: #fff;
background-color: #444;
}

#posted legend {
margin: 0;
padding: 0px 10px;
font: bold 1em Arial, "ＭＳ Ｐゴシック", osaka, sans-serif;
color: #fff;
}

#posted dl {margin: 0; padding: 0; position: relative;}
#posted dt {position: absolute; left: 0; width: 10em; padding: 5px 0; font: bold 1em Arial, "ＭＳ Ｐゴシック", osaka, sans-serif;}
#posted dd {padding: 0 0 0 10em; border-bottom: 1px dotted #c00;}

/*各入力フォーム*/
.longinput {margin: 4px 0px; width: 350px; color: #333; background-color: #eee;}
.shortinput {margin: 4px 0px; width: 300px; color: #333; background-color: #eee;}
.cmtinput {margin: 4px 0px; width: 380px; height: 5em; color: #333; background-color: #eee;}
/*投稿ボタン*/
.postinput {margin: 5px 0; width: 60px; color: #fff; background-color: #c00; font-size: 12px; position: relative; left: 420px;}

/*投稿レイアウト*/
.postcmt {margin: 0 10px; padding: 2px; font-size: 1em; width: 570px; color: #fff; background-color: #666;}
.postcmt img {vertical-align: middle; border: 0;}
/*投稿タイトル*/
.postcmt h2 {margin: 0; padding: 5px; font-size: 1em; font-weight: bold;color: #fff; background-color: #c00;}
/*投稿コメント*/
.postcmt p {margin: 5px 0px 0px 0px; padding: 0; font-size: 0.9em; border-top: 1px dotted #c00;}
/*投稿者*/
.postname {font-size: 1em; font-weight: bold;}
/*投稿日時*/
.postfea {font-size: 0.9em;}

/*返信レイアウト*/
.rescmt {margin: 0 10px; padding: 2px; font-size: 1em; width: 570px; color: #fff; background-color: #999; border-top: 2px solid #444;}
.rescmt img {vertical-align: middle; border: 0;}
/*返信コメント*/
.rescmt p {margin: 5px 0px 0px 0px; padding: 0; font-size: 0.9em; border-top: 1px dotted #444;}

/*返信フォーム*/
.responced {margin: 2px 0 10px 200px; padding: 0; width: 370px;}
.responced form{margin: 0; padding: 0; width: 350px;}
.responced dt {margin: 0; padding: 0; font: bold 0.95em Arial, "ＭＳ Ｐゴシック", osaka, sans-serif;}
.responced dd {margin: 0; padding: 0;}
.resput {margin: 2px 0px; width: 280px; height: 18px; color: #333; background-color: #eee;}
.cmtresput {margin: 2px 0px; width: 320px; height: 40px; color: #333; background-color: #eee;}
.ressubmit {margin: 2px 0px; width: 60px; font-size: 12px; color: #444; background-color: #ddd;}
.btnpos {text-align: right;}

/* ---------------------------NEXT-PREV------------------------------------------- */
.nextprev {
margin: 5px auto;
padding: 0;
font: normal 0.95em Arial, sans-serif;
text-align: center;
width: 600px;
color: #fff;
background-color: #444;
}

/* -------------------------------------------------------------------------- DIARY ---------------------------- */
#selectmsg {margin: 10px auto; padding: 0; width: 550px; text-align: right;}
#selectmsg select {font-size: 1em;}
#diary-section {margin: 0; padding: 0; width: 600px;}
.diarybox {margin: 10px; padding: 5px; font-size: 1em; width: 570px; color: #fff; background-color: #666; border: 2px solid #c00;}
.diary-title {margin: 0; padding: 5px; background-color: #c00;}
.diary-title h2 {display: inline; font-size: 1.2em; font-weight: bold; color: #fff; background-color: #c00;}
.diary-time {font-size: 0.9em; color: #fff; background-color: #c00;}
.diary-txt {margin: 5px 0px 0px 0px; padding: 0; font-size: 1em; line-height: 1.3em;}

/* -------------------------------------------------------------------------- FOOTER ---------------------------- */
#footer {
clear: both;
margin: 0 10px;
padding: 0;
width: 590px;
font-size: 0.8em;
line-height: 1.3em;
text-align: right;
border-top: 1px solid #777;
}

#footer p {padding: 0;}