/* CSS Document */

body { font-family:メイリオ,meiryo ,Arial, Helvetica, sans-serif; color:#333333; font-size:12px; }
table {width: 100%;}

a { color:#2D2D2D; text-decoration:none; }

h1 { font-size:16px; }
h2 { font-size:14px; }

#wrapper { width:760px; margin:0 auto; padding:0; }

#header { width:100%; height:150px; background-image:url(images/header.gif); }
#header .logo { float:left; }
#headinfo { float:right; width:200px; margin:30px 5px 0 0; height:20px; padding:05px 0 10px 0; background:url(images/headinfobg.gif) no-repeat; text-align:center; color : #ffffff ;}
#headinfo a { color:#EFEFEF; }
#headinfo a:hover { color:#D2D2D2; border-bottom:1px solid #D2D2D2; }

.logotext { float:left; width:200px; margin:55px 0 30px 30px; font-family:メイリオ,meiryo ,Trebuchet MS; font-size:22px; color:#FFFFFF; }
.logotext strong { color:#EFEFEF; }
.logotext2 { font-size:14px; }

#nav { width:100%; overflow:auto; padding:1px; margin:0; background-color:#C8C1D5; }
#nav ul { margin:0; padding:0; }
#nav ul li { float:left; list-style:none; padding:0; }
#nav ul li a { display:block; width:110px ; height:15px; padding:8px 0; margin:0 1px 0 0; background-color:#EFEFEF; text-align:center; }
#nav ul li a:hover { background-color: #FFFFFF; color:#666666; }

#content { width:100%; padding-top : 10px ;}

#left { float:left; width:20%; }
#left ul { margin: 0px; padding:0px; }
#left ul li { list-style:none; margin:1px 0px; padding:0px; }
#left ul li a { display:block; width:120px; margin:0; padding:5px; background-color:#E6E6E6; }
#left ul li a:hover { background-color:#D1C1E1; }
#left ul li ul { margin: 0; padding:0; }
#left ul li ul li { list-style:none; margin:1px 0; padding:0; }
#left ul li ul li a { padding:5px; background-color:#EFEFEF; }

#breadcrumb { float:left; width:80%; background-color:#EFEFEF; }

#right { float:left; width:80%; }
#right .postinfo { display:block; width:90%; margin:5px; padding:6px; background-color:#EFEFEF; border:1px solid #D4D4D4; }
#right a { color:#000000; text-decoration: none;}
#right a:hover { color:#666666; text-decoration:none; }
.clear { clear:both; }

#mainmenu a {background-color: #C8C1D5; display: block; margin: 0; padding: 7px; width:120px; }
#mainmenu a:hover {background-color: #E1DEE9;}
#mainmenu a.menuTop {padding-left: 5px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
#mainmenu a.menuMain {padding-left: 5px; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
#mainmenu a.menuSub {padding-left: 5px; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color:#EFEFEF;}
#mainmenu a:hover.menuSub {background-color: #E1DEE9;}

#usermenu a {background-color: #E6E6E6; display: block; margin: 0; padding: 5px; width:120px; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
#usermenu a:hover {background-color: #E1DEE9;}
#usermenu a.menuTop {padding-left: 5px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}

.odd { background-color: #ffffff;}
.odd1 { background-color: #ffffff; font-size:12px; letter-spacing: 0.1em ; line-height: 1.8;}
.outer {background-color :#ffffff; border: 1px solid #C8C1D5;}
.outer1 {background-color :#ffffff; border: 1px solid #C8C1D5; font-size:13px; letter-spacing: 0.1em ; line-height: 1.8; padding: 20px;}
.even { background-color: #e6e6e6;}
.head { background-color: #e6e6e6; padding: 10px;}
.head1 { background-color: #e6e6e6; padding: 10px;}
.foot { background-color: #efefef; padding: 3px;}

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

.item {border: none;}
.itemHead {background-color: #FFFFFF; color: #000000; padding: 2px; font-weight: bold; text-align: left;}
.itemInfo {text-align: right; padding: 3px;}
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #000000; background-color: transparent;}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 5px; text-align: left}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px;}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}




/* tinyD用css */


#C8C1D5


#C5BFD5

#E1DEE9
#e6e6e6


nav
EFEFEF