/*
Theme Name: Well Piano
Theme URI: http://www.well-de.com/
Description: ウェルピアノのオリジナルテーマ／Well Piano Orginal Theme for WordPress.
Author: Well Design
*/

/* 共通 */
* {
  margin:0;
  padding:0;
  zoom:1;
}

img {
  border:none;
}

body {
  font-size:14px;
  font-family:'メイリオ','ＭＳゴシック';
  color:#333333;
  line-height:1.6;
}

a:link {
  color:#003399;
}

a:visited {
  color:#4444aa;
}

a:hover {
  color:#ff0033;
}

h1,h2,h3,h4,h5 {
  /* letter-spacing:1pt; */
  letter-spacing:1px;
}

h1,h2,h3 {
  font-weight:bold;
}

h1 {
  font-size:16px;	
}

h2,h3 {
  font-size:14px;
}

.postdate {
  font-size:12px;
  color:#999999;
}

.separateline {
  clear:both;
}

#container {
  width:1020px;
  overflow:hidden;
}

#leftarea {
  width:810px;
  float:left;
}

.warning {
  font-size:12px;
  color:#ff3333;
}


/* ヘッダー */
#header {
  width:1020px;	
  height:95px;
  background:url(images/header_bg.gif) no-repeat;
}

#headermenu {
  width:1020px;
  height:40px;
  background:url(images/menu_upper.gif) no-repeat;
}

#headermenu ul li {
  list-style:none;
  height:36px;
  float:left;
  text-indent:-1000px;
}

#menuhome { width:85px; }
#menuabout { width:159px; }
#menulinks { width:92px; }
#menusitemap { width:121px; }
#menucontact { width:121px; }
#menusearch {
width:432px;
text-align:right;
line-height:36px;
padding-right:10px;
}

#headermenu ul li a {
  display:block;
  height:36px;
}

#headermenu ul li form {
  text-align:right;
  float:right;
}


#siteID {
position:absolute;
top:18px;
left:20px;
	width:184px;	
	height:56px;
}

#headercopy {
position:absolute;
top:50px;
left:214px;
	width:517px;	
	height:24px;
}



#searchform {
	font-size:14px;
	width:240px;	
	height:26px;
	text-align:right;
}




/* 左サイド */
#side-left {
	float:left;
	margin-top:20px;
	width:250px;
}

#menu {
  width:250px;
  margin-bottom:20px;
}

#category ul {
  margin-bottom:20px;
}

#category li {
  list-style:none;
  margin-left:15px;
  letter-spacing:-0.05em;
}

* html #category li {
  display:inline;
}

#category a {
  display:block;
  width:230px;
  height:26px;
  line-height:26px;
}

#comic {
  width:250px;
  margin:10px auto;
  margin-bottom:20px;
  text-align:center; 
}

#info {
  width:235px;
  margin-top:10px;
  padding-left:15px;
}


/* メイン */
#main {
	float:right;
	margin-top:20px;
	margin-left:20px;	
	width:520px;
        display:inline;
	overflow:hidden; 
}

#main .pageroot {
        font-size:12px;
	margin:10px 10px 5px 0px;
}

#main .posts {
 width:440px;
 line-height:1.6;
}

#main .postdate {
  width:440px;
  height:20px;
  font-size:12px;
  color:#999999;
  text-align:right;
  margin-right:15px;
}

#main .recommendbox {
  width:520px;
  margin:10px 0px 10px 0px;
  text-align:left;
  overflow:hidden;
}

#main p.recommendimg {
  float:left;
  margin:0px 15px 0px 0px;
}


#recentposts {
  width:520px;
  font-size:12px;
  line-height:16px;
  margin-top:5px;
  margin-left:0px;
}

#recentposts li {
  list-style:none;
}


/* コンテンツ */
#contents {
	float:right;
	margin-top:20px;
	width:730px;
}

#contents p.bottom {
	/* margin-left:-10px; */
}

/* 投稿記事 */
#contents .posts {
 width:730px;
 line-height:160%;
 overflow:hidden;
}

.posts h2 {
  width:718px;
  border:1px solid #cccccc;
  padding:5px;
  font-size:16px;
  line-height:16px;
  margin-bottom:10px;
}

/* for IE6 */
* html .posts h2 {
 padding-top:10px;	
}

#contents hr {
  width:730px;
  border:1px solid #cccccc;
  margin-bottom:10px;
}

#contents .postdate {
  width:730px;
  height:20px;
  font-size:12px;
  color:#999999;
  text-align:right;
  paddinh:5px 15px 5px 0px; 
}

#contents .tagarea {
  width:730px;
  height:20px;
  font-size:12px;
}

#contents .pageroot {
  width:730px;
  font-size:12px;
  line-height:14px;
  margin-bottom:10px;
}

#contents .trackback {
  width:730px;
  font-size:12px;
}

#contents .trackback input {
  width:718px;
  padding:5px;
  border:1px dotted #cccccc;
  line-height:14px;
}

/* リンク集ページ */
#contents .posts .links h2 {
  border:none;
  border-bottom:1px dotted #cccccc;
}

#contents .posts .links p a {
  display:block;
  width:200px;
  float:left;
  margin-right:10px;
}
#contents .posts .links p a img {
  margin-top:3px;
}

#contents .posts .links p {
  height:60px;
}

/* 右サイド */
#side-right {
	float:right;
	margin-top:20px;
	width:170px;
        display:inline;
}

#stuffblog {
  margin-top:10px;
}


#onlineshop {
  margin-top:10px;
}

.siderightbox {
width:170px;
margin-top:10px;
  margin-bottom:20px;
font-size:12px;
}

/* 広告 */
#adarea {
	clear:both;
	margin-top:20px;
	width:1020px;	
	font-size:12px;
	color:#333333;
	overflow:hidden;
}

#adarea li.product {
	list-style:none;
	width:300px;
	height:150px;
	margin-top:5px;	
	margin-right:30px;
	margin-left:10px;
	float:left;
	display:inline;
}

/* フッター */
#footer {
	clear:both;
	margin-top:10px;
	width:1020px;	
	height:70px;
	font-size:12px;
	color:#999999;
	background:url(images/footer_bg.gif) no-repeat;
}

#footer p {
	float:right;
}

#footer ul {
  float:left;	
}

#footer li {
  list-style:none;
  float:left;
  height:20px;
  line-height:20px;
  margin-right:10px;
}

#copyright {
	float:right;
	text-align:right;
	width:560px;
height:20px;
	line-height:20px; 
}

/* プラグイン */
/* democracy */

.democracy {
  width:600px;
}

.democracy strong.poll-question {
  display:block;
  margin-bottom:10px;
}

.dem-results li {
  width:580px;
  margin-bottom:10px;
  padding:2px 10px;
  background-color:#efefff;
  list-style-type:none;  
  font-weight:bold;
}
.dem-results label {

}
.dem-results li  a {
  /* width:100%; */
  text-decoration:none;
}

.dem-results li  b {
  margin-right:10px;
}

.dem-results li  i {
  font-size:10px;
}

.dem-total-votes {
  font-size:12px;
 color:#cccccc;
}

.dem-user-added {
  font-size:10px;
 color:#cccccc;
}

/* sitemap generator */
.ddsg-wrapper ul li {
  border:1px dotted #cccccc;
  padding:10px;  
  margin-bottom:20px;
  font-weight:bold;
}

.ddsg-wrapper ul li a {
  text-decoration:none;
  display:block;
  padding:2px 0px 2px 14px;
  background-color:#efefef;
}

.ddsg-wrapper ul li ul li {
  border:none;
  border-bottom:1px dotted #cccccc;
  padding:3px;
  margin-bottom:0px; 
  font-weight:normal;
  list-style-type:circle;
  margin-left:28px;
}

.ddsg-wrapper ul li ul li a {
  display:inline;
  background-color:#ffffff;
  padding:0;
}

.ddsg-wrapper ul li ul li ul li {
  border:none;
  padding:3px; 
  margin-bottom:0px;
  font-weight:normal;
  list-style-type:none;
  margin-left:11px;
  color:#666666;
}

.ddsg-wrapper ul li ul li ul li a {
  text-decoration:underline;
  display:inline;
  background-color:#ffffff;
  padding:0;
}