@charset "utf-8";
@import url(base.css);

/*--------------------------------------

  name: web*citron
  author: yuz
  URI: http://www.webcitron.com/
  今月の標語：塵もつもれば塵の山
  
---------------------------------------*/


/*--------------------------------------
	  h1 
---------------------------------------*/

#head h1 a {
	border:none;
	display: block;
	margin:0 auto;
	height: 121px;
	width: 100%;
	background:url(http://www.webcitron.com/img/template/h1b.png) top left no-repeat;
}

#head h1 a:hover {
	background:url(http://www.webcitron.com/img/template/h1b.png) top right no-repeat;
}

#head h1 a span { display:none; }

p.description {	display:none;}

/*--------------------------------------
	  menu
---------------------------------------*/

#headMenu a:link    { color: #fff; background-color:inherit;}
#headMenu a:visited { color: #fff; background-color:inherit;}
#headMenu a:hover   { color: #000; background-color:transparent;}
#headMenu a:active  { color: #fff; background-color:inherit;}


ul#headMenu {
	margin: 0;
	width: 100%;
	height: 30px;
	text-align:center;
	background:url(http://www.webcitron.com/img/template/menubg.gif) 0 0 no-repeat;
}

ul#headMenu li {
	margin: 0;
	display:inline;
	padding:0 15px;
	font: 13px 'Century Gothic',arial,'Lucida Sans Unicode',verdana,sans-serif;
	height: 28px ;
	line-height: 28px ;
	text-align:center;
}

/*--------------------------------------
	  box
---------------------------------------*/

body {
	padding: 0;
	margin: 0;
	background: url(http://www.webcitron.com/img/template/bodybg.gif) top center repeat-y #fff;
	text-align:center;
	color:#7f6352;
	font-size: x-small;
	f\ont-size: 13px;
	/*\*/
	_font-size: 75%;
	/**/
}

div#head {
	margin: 0.7em auto 1em;
	width: 737px;
	text-align: center;
}

div#wrap {
	width: 760px;
	margin: 0 auto;
}

div#main {
	float:left;
	width: 550px;
	text-align: center;
line-height:1.4;
}

div#side {
	float: right;
	width: 200px;
	text-align:center;
}

div#footer {
	clear: both;
	margin: 0 auto;
	padding: 5px 0;
	width: 750px;
	color: inherit;
	font-size: 90%;
	text-align: left;
}

/*--------------------------------------
	  Side
---------------------------------------*/

#side dt span {
	display:none;
}

#side dd {
	margin: 0.5em 0 1em 0;
	text-align:left;
	font-size:85%;
}

#textAd {
	margin: 0 0.5em;
	font-size:10px;
}
#textAd a {
	color:#B1A29A;
}
#textAd a:hover {
	color:#CAD888;
}

dd#counter {
	color:#8CA202;
	font-weight:bold;
	padding:0 0 0.5em;
	border-bottom:1px solid #eee;
}

dt#pmTitle {
	margin:0;
	padding:0 0 0 5px;
	border-left:8px solid #F5F6EF ;
	text-align:left;
}

.pMail {
	width:160px;
	margin:0 0 0.2em 0;
	font-size:90%;
}

@media screen {
.pMail {
	letter-spacing:0.1em;
	}
}
/*--------------------------------------
	  Footer
---------------------------------------*/

li#feed,li#pwd { 
	display:inline;
	margin:0 1em 0 0;
}
	
li#feed img {
	margin:0 0.5em 0 0;
	vertical-align:middle;
	border:none;
}


/*--------------------------------------
	  Entry
---------------------------------------*/

div.entry {
	margin: 0 auto;
	width:92%;
	text-align:left;
}

div.entry h2, h3.title {
	margin:1em 0 0.2em 0;
	height: 30px;
	color: #98C503;
	background: url(http://www.webcitron.com/img/template/line_bg.png) 0px 20px repeat-x;
	background-color:inherit;
	letter-spacing:0.2em;
}

p.entry_more {
	text-align:right;
}

div,entryBody { 
	width:100%; 
}

div.entryBody p {
	margin:0.5em 1em;
}

/*--------------------------------------
	  Update
---------------------------------------*/

dl.update dt {
	margin: 0;
	width:3em;
	float:left;
	text-align:center;
	padding:0.5em 0;
}

dl.update dd {
	margin:0 0 0 4em;
	padding:0.5em 0;
	border-bottom:1px solid #eee;
}

dl.update dd h3 {
	color:#7B9B15;
}

dl.update dt span {
	display:block;
}

span.month {
	font-size:85%;
	color:#fff;
	height:2em;
	line-height:2em;
	background:#dcdcdc;
}

span.day {
	font-weight:bold;
	color:#96C144;
	height:2em;
	line-height:2em;
	background:#fff;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}

/*--------------------------------------
	  Memo/Loves
---------------------------------------*/

dl.memo {
	border:1px solid #F5F6EF;
}

dl.memo dt {
	background:#F5F6EF;
	padding:0.2em 0.5em;
	color:#8CA202;
}

dl.memo dd {
	margin:0 1em;
}

/*--------------------------------------
	 parts
---------------------------------------*/

dl.navi dd ul {
	list-style:circle;
	margin:0 0 0 2em;
}

dl.horizon {
	width:100%;
}

dl.horizon dt {
	width: 3em;
	float: left;
}

dl.horizon dd {
	margin: 0 0 0 3.5em;
}

div.entry dt {
	color:#98BE1D;
}

/* topicPath */

p.topicPath {
	margin:0 auto;
	width:92%;
	font-size:90%;
	border-bottom:1px solid #eee;
}

/*--------------------------------------
	 Link
---------------------------------------*/

table.linkbr { font-size: 90%; }
table.linkbr tr td {
	padding:2px 5px;
	border-bottom:1px solid #ccc;
	text-align:right;
}

table.linkbr tr td input {
	border:none;;
	background:#f1f1f1;
	color:#7B9B15;
	width:220px;
}

ul.fglink li {
	display:inline;
	padding:0 8px 0 0;
	margin:0 5px 0 0;
	border-right:1px solid #ccc;
}

/*--------------------------------------
	 BBS
---------------------------------------*/

dl.bbs_entry {
	margin:2em auto;
	width:90%;
}

dl.bbs_entry dt {
	height:30px;
	background:url(http://www.webcitron.com/img/template/line_bg.png) 0 20px repeat-x;
	background-color:inherit;
	color: #7B9B15;
}

dl.bbs_entry dd {
	margin:0.2em 1em;
}

p.bbs_res {
	margin:0.5em 0 0 0;
	border-top:1px solid #ccc;
	padding:5px 0 0 30px;
	color: #7B9B15;
	background-color:inherit;
}

ul.bbs_footer {
	text-align:right;
	margin:10px 0;
}

ul.bbs_footer li {
	display:inline;
	padding:0 10px;
	font:90% tahoma, sans-serif;
}

/*--------------------------------------
	 FAQ
---------------------------------------*/

dl.faqindex {
	margin:1em 1em 3em;
}

dl.faqindex dd ul {
	margin:0.5em 0;
}

dl.faqindex dd ul li {
	margin:0 1em;
	padding:0 0 0 1.2em;
	background:url(http://www.webcitron.com/img/template/cursor.png) left center no-repeat;
}

dl.faq_entry dt {
	background:#f1f1f1;
	border:1px solid #ccc;
	padding:2px 5px;
	color:inherit;
}

dl.faq_entry dd {
	margin:1em;
	/* line-height:1.5; /
}

dl.faq_entry dd p {
	margin:1em 0;
	/* line-height:1.5; */
}

dl.faq_entry em {
	margin:0;
	padding:0 0.2em;
	font-weight:bold;
	color: #ABCA00;
}

p.icon_top {
	text-align: right;
	padding: 5px 0;
}

ul.styleon {
	list-style: disc;
	margin: 7px 0 7px 1em;
}

dl.navi dt {
border-bottom:2px solid #eee;
}

div.entryBody ul {
	list-style:circle;
	margin:0 0 0 2em;
}

.clearfix:after {
	content: url(http://www.webcitron.com/img/template/pixel.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }