/*
Theme Name:Expressive Moment
Theme URI:http://iext.info/theme_micha
Description:『Expressive Moment』のためのオリジナルテーマ
Author:Kumiko Haruta
Author URI:http://chamber01.com/
Version:1.0
*/

/*全体的なルール*/
*{
  margin:0;
  padding:0;
  border:none;
}

body{
  background-color:#DCD2CA;
  font-family: verdana, sans-serif;
  color:#66615E;
  font-size:0.75em;
  line-height:1.6em;
  text-align:center;
}

#pagebody,#pagebody2{
  width:1300px;
  margin-right:auto;
  margin-left:auto;
  text-align:left;
}

#pagebody{
  background-image:url(img/body_bg.jpg);
  background-repeat:repeat-y;
}

#pagebody2{
  background-image:url(img/pgbody_bg.jpg);
  background-repeat:repeat-y;
}

a{
  color:#6D836C;
	text-decoration:none;
}

a:hover{
  color:#1C5656;
	text-decoration:underline;
}


/*ヘッダーテンプレート*/
#header,#pageheader{
  width:1300px;
  height:750px;
}

#header{
  background-image:url(img/header_bg.jpg);
  background-repeat:no-repeat;
}

#pageheader{
  background-image:url(img/pgheader_bg.jpg);
  background-repeat:no-repeat;
}

#header h1,#pageheader h1,#header p,#pageheader p{
  text-indent:-9999px;
}

#header h1 a,#pageheader h1 a{
	display:block;
  width:520px;
  height:80px;
  text-decoration:none;
  margin-left:425px;
}


/*トップページテンプレート*/
#container{
	width:830px;
  margin-top:-510px;
  margin-left:170px;
}

#contents{
	width:700px;
	float:right;
}

#main{
	width:455px;
	float:left;
	padding-left:25px;
	padding-right:20px;
}

#feed{
  text-indent:-9999px;
	margin-bottom:10px;
  background-image:url(img/rss_icon01.gif);
  background-position:right;
  background-repeat:no-repeat;
}

#feed a{
	display:block;
  width:45px;
  height:16px;
	margin-left:410px;
}

.post{
	width:455px;
}

.post_header{
	width:455px;
	margin-bottom:1em;
}

.post_date{
	width:36px;
	height:40px;
  background-image:url(img/date.gif);
  background-repeat:no-repeat;
  background-position:left;
	float:left;
	margin-top:3px;
	margin-bottom:5px;
	margin-left:0px;
}

.month{
	color:#FFF;
	font-size:7pt;
	text-align:center;
  letter-spacing:-0.05em;
	display:block;
	margin-top:-3px;
	margin-left:-2px;
}

.day{
	font-size:12pt;
	text-align:center;
	display:block;
	margin-top:-1px;
	margin-left:-2px;
}

.post_title{
	width:414px;
	padding-left:5px;
	float:right;
}

.post_title h2{
	font-size:1.5em;
	line-height:1.2em;
}

.post_title h2 a:hover{
	text-decoration:none;
}

.metadata{
	width:455px;
	font-size:0.8em;
  letter-spacing:-0.05em;
	border-top:thin dotted #CCC;
	clear:both;
	padding-top:5px;
}

.category{
  background-image:url(img/categories_icon01.gif);
  background-repeat:no-repeat;
	background-position:left;
	padding-left:12px;
	margin-right:10px;
}

.comments{
  background-image:url(img/comment_icon01.gif);
  background-repeat:no-repeat;
	background-position:left;
	padding-left:12px;
	margin-top:-5px;
}

.edit{
	margin-bottom:0.5em;
}

.post_contents p{
	margin-bottom:1em;
}

.pageTop{
	text-align:right;
	margin-top:1em;
	margin-bottom:2em;
  clear:both;
}

.navigation{
  text-align:center;
}


/*メニューテンプレート*/

#menu{
	width:103px;
	float:left;
  margin-top:115px;
	padding-left:27px;
	text-indent:-9999px;
}

#menu ul,#menu li{
	list-style-type:none;
}

#menu ul li{
	margin-bottom:15px;
}

#menu li#home a{
	display:block;
	width:55px;
	height:16px;
	background-image:url(img/navi01.gif);
	background-repeat:no-repeat;
}

#menu li#home a:hover{
	background-image:url(img/navi0102.gif);
	background-repeat:no-repeat;
}

#menu li#about a{
	display:block;
	width:57px;
	height:16px;
	background-image:url(img/navi02.gif);
	background-repeat:no-repeat;
}

#menu li#about a:hover{
	background-image:url(img/navi0202.gif);
	background-repeat:no-repeat;
}

#menu li#exparts a{
	display:block;
	width:87px;
	height:61px;
	background-image:url(img/navi03.gif);
	background-repeat:no-repeat;
}

#menu li#exparts a:hover{
	background-image:url(img/navi0302.gif);
	background-repeat:no-repeat;
}

#menu li#contact a{
	display:block;
	width:74px;
	height:16px;
	background-image:url(img/navi04.gif);
	background-repeat:no-repeat;
}

#menu li#contact a:hover{
	background-image:url(img/navi0402.gif);
	background-repeat:no-repeat;
}


/*サイドバーテンプレート*/
#sidebar{
	width:170px;
	float:right;
	padding-left:10px;
	padding-right:20px;
	color:#999;
}

#sidebar h2{
	text-indent:-9999px;
	margin-bottom:0.1em;
	height:18px;
}

#sidebar a{
	color:#666;
}

#sidebar a:hover{
	color:#333;
}

#sidebar ul,#sidebar li{
	list-style-type:none;
}

#searchform h2{
  background-image:url(img/side_title01.gif);
  background-repeat:no-repeat;
}

#searchform ul{
	margin-top:16px;
}

#searchform ul li form input#s{
  font-size:1em;
	width:11.2em;
  height:1.5em;
  border:1px solid #A96F86;
	margin-right:3px;
	padding-top:4px;
	padding-left:3px;
}

#calendarBox{
	margin-top:2em;
	margin-bottom:1.5em;
}

#calendarBox h2{
  background-image:url(img/side_title02.gif);
  background-repeat:no-repeat;
}

#calendar {
	width:150px;
	height:151px;
  background-image:url(img/calendar_bg.gif);
  background-repeat:no-repeat;
	padding-left:20px;
	padding-top:12px;
	line-height:1.05em;
}

#wp-calendar a{
	color:#A86F85;
	font-weight:bold;
}

#wp-calendar a:hover{
	color:#76173C;
}

#wp-calendar th ,td{
  text-align:center;
}

#wp-calendar th{
	color:#666;
}

#wp-calendar caption{
	font-weight:bold;
	color:#A86F85;
	line-height:1.5em;
}

#recentEntries,#commentLink,#trackbackLink,
#categories,#archives,#links,#meta,#rss{
  font-size:0.83em;
  line-height:1.5em;
	margin-bottom:1.5em;
}

#recentEntries h2{
  background-image:url(img/side_title03.gif);
  background-repeat:no-repeat;
}

#recentEntries ul li{
  background-image:url(img/side_line.gif);
  background-repeat:no-repeat;
  background-position:bottom;
	padding-top:0.5em;
	padding-bottom:0.5em;
	line-height:1.3em;
}

#commentLink h2{
  background-image:url(img/side_title04.gif);
  background-repeat:no-repeat;
}

#commentLink ul.comment_list{
	padding-top:0.5em;
}

#commentLink ul.comment_list li{
	line-height:1.3em;
}

#commentLink ul.comment_list li ul{
  background-image:url(img/side_line.gif);
  background-repeat:no-repeat;
  background-position:bottom;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
}

#commentLink ul.comment_list li ul li span.comment_date{
  background-image:url(img/indent.gif); 
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:0.9em;
}

#trackbackLink h2{
  background-image:url(img/side_title05.gif);
  background-repeat:no-repeat;
}

#trackbackLink ul.trackback_list{
	padding-top:0.5em;
}

#trackbackLink ul.trackback_list li{
	line-height:1.3em;
}

#trackbackLink ul.trackback_list li ul{
  background-image:url(img/side_line.gif);
  background-repeat:no-repeat;
  background-position:bottom;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
}

#trackbackLink ul li .comment_date{
  background-image:url(img/indent.gif); 
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:0.9em;
}

#categories h2{
  background-image:url(img/side_title06.gif);
  background-repeat:no-repeat;
	margin-bottom:0.5em;
}

#categories ul li{
  background-image:url(img/categories_icon02.gif); 
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:1.25em;
	line-height:1.75em;
}

#archives h2{
  background-image:url(img/side_title07.gif);
  background-repeat:no-repeat;
	margin-bottom:0.5em;
}

#archives ul li{
  background-image:url(img/archives_icon.gif); 
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:1.2em;
	line-height:1.75em;
}

#links h2{
  background-image:url(img/side_title08.gif);
  background-repeat:no-repeat;
}

#links ul li.linkcat ul li{
  background-image:url(img/side_line.gif);
  background-repeat:no-repeat;
  background-position:bottom;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

#links ul li#linkcat-10 h2{
  background-image:url(img/side_title11.gif);
  background-repeat:no-repeat;
}

#links ul li#linkcat-10{
	margin-bottom:1.5em;
}

#meta h2{
  background-image:url(img/side_title09.gif);
  background-repeat:no-repeat;
}

#meta ul li{
  background-image:url(img/side_line.gif);
  background-repeat:no-repeat;
  background-position:bottom;
	padding-top:0.5em;
	padding-bottom:0.5em;
	margin-bottom:-0.2em;
}

#rss h2{
  background-image:url(img/side_title10.gif);
  background-repeat:no-repeat;
	margin-bottom:0.5em;
}

#rss ul li.posts_rss{
  background-image:url(img/rss_icon03.gif); 
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:1.6em;
	line-height:1.75em;
}

#rss ul li.comments_rss{
  background-image:url(img/rss_icon04.gif); 
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:1.6em;
	line-height:1.75em;
}


/*フッターテンプレート*/
#footer,#pagefooter{
	width:1300px;
	height:320px;
	clear:both;
}

#footer{
  background-image:url(img/footer_bg.jpg);
  background-repeat:no-repeat;
}

#pagefooter{
  background-image:url(img/pgfooter_bg.jpg);
  background-repeat:no-repeat;
}

address{
	color:#FFF;
	font-style:normal;
  padding-top:150px;
  margin-left:330px;
}

p.preload{
	display:none;
}

/*個別ページテンプレート*/
.post img{
  margin:0.25em 0.75em 0em 0.5em;
	border:1px solid #CCC;
}

.post blockquote{
  margin-top:1em;
  margin-bottom:1em;
  margin-right:10px;
  padding:15px 15px 10px 15px;
  width:413px;
  background-color:#e5eee5;
  border:1px solid;
  border-color:#EFEFEF #CCC #CCC #EFEFEF;
}

.post ul,.post ol{
	margin:0 0 1em 2em;
}

.post li{
  line-height:1.5em;
}

hr{
	border-top:solid #C7C3C5;
	background:#FFF;
  color:#FFF;
	border-width:1px 0 0 0;
  margin:1em 0;
}

code{
  font-family:"courier new",courier,monotype;
}


/*コメントテンプレート*/
#comments{
	width:455px;
}

#comments h3#respond{
	text-indent:-9999px;
  background-image:url(img/comment_title.gif);
  background-repeat:no-repeat;
	margin-bottom:1em;
}

#comments h3#commentEntry{
	text-indent:-9999px;
  background-image:url(img/comment_entry_title.gif);
  background-repeat:no-repeat;
	margin-top:2em;
	margin-bottom:1em;
}

#comments h4.comments-header{
	font-size:1em;
	color:#A86F85;
	margin-bottom:0.5em;
}

#comments h4.trackbacks_url{
	font-size:1em;
	color:#A86F85;
}

#trackbackurl{
	width:450px;
  color:#66615E;
  font-size:1em;
  margin-bottom:0.5em;
}

#comments p.comments_rss{
  background-image:url(img/rss_icon02.gif); 
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:1.5em;
  margin-bottom:1.5em;
}

#comments,#trackbacks{
	width:455px;
}

#comments li{
  color:#5E5454;
	display:block;
  list-style:none;
  margin-bottom:1em;
  width:413px;
  padding:15px 20px 10px 20px;
  background-image:url(img/comments_bg.gif); 
  background-repeat:no-repeat; 
  background-color:#FBF3EF;
  border:1px solid;
  border-color:#EFEFEF #CCC #CCC #EFEFEF;
}

#trackbacks li{
  color:#5E5454;
	display:block;
  list-style:none;
  margin-bottom:1em;
  width:413px;
  padding:15px 20px 10px 20px;
  background-image:url(img/trackbacks_bg.gif); 
  background-repeat:no-repeat; 
  background-color:#FFFCEB;
  border:1px solid;
  border-color:#EFEFEF #CCC #CCC #EFEFEF;
}

#comments .metadata{
	width:413px;
	border-top:thin dotted #CCC;
  margin-top:1em;
	padding-top:5px;
}

#comments .metadata dt{
	margin-bottom:-0.5em;
}

.note{
	background-color:#F7B5C8;
  padding:3px 8px;
  color:#76173C;
  border:2px solid #76173C;
  margin-bottom:1em;
}

#commentform label{
  color:#76173C;
	width:140px;
  float:left;
  margin:0.25em 10px 2.25em 0;
  font-weight:bold;
}

#commentform p{
  clear:both;
	line-height:1em;
}

#commentform sub{
  color:#666;
  display:block;
  padding-top:0.1em;
  padding-bottom:0.5em;
}

input#author,input#email,input#url{
  color:#666;
  width:288px;
  border:3px double #CCC;
  padding:1px 3px;
}

#login strong{
  display:block;
  padding-top:1em;
  padding-bottom:1em;
}

textarea{
  color:#666;
  font-size:1em;
  border:3px double #CCC;
  width:443px;
	margin-top:0.5em;
  padding-top:0.5em;
  padding-left:0.5em;
}

.submitbutton{
	text-align:center;
	margin-top:1em;
}


/*ページテンプレート*/

#pagefeed{
  text-indent:-9999px;
	margin-bottom:10px;
  background-image:url(img/pgrss_icon01.gif);
  background-position:right;
  background-repeat:no-repeat;
}

#pagefeed a{
	display:block;
  width:45px;
  height:16px;
	margin-left:410px;
}

#pagetitle{
	text-indent:-9999px;
}

#postedit{
  margin-top:-28px;
}

#authorName{
	text-indent:-9999px;
}

.item{
	color:#525587;
	font-size:1.3em;
  font-weight:bold;
	font-family:"century gothic";
}

.pagepost_contents{
  margin-bottom:5em;
  margin-top:-10px;
}

.pagepost_contents h3{
	color:#525587;
	font-size:1.3em;
  font-weight:bold;
	font-family:"century gothic";
  margin-top:-22px;
  margin-bottom:0.6em;
}

.pagepost_contents p{
  color:#5E5454;
  line-height:1.8em;
  margin-bottom:2em;
}


/*コンタクトページ*/

.wpcf7{
	width:455px;
}

.wpcf7 p{
	line-height:1.75em;
}

.wpcf7 form label{
	color:#525587;
  font-weight:bold;
}

.wpcf7 form #name,
.wpcf7 form #mail,
.wpcf7 form #subject{
  color:#666;
  font-weight:normal;
	width:300px;
  border:3px double #CCC;
  padding:1px 3px;
}

.wpcf7 form #message{
  font-weight:normal;
	width:443px;
	height:15em;
  border:3px double #CCC;
}

.wpcf7 form #bt{
  margin-left:220px;
}

/*404 Not Found*/
#notFound{
  width:455px;
}

#notFound h2{
  font-size:1.3em;
  margin-bottom:1em;
}

#notFound p{
  margin-left:20px;
  margin-bottom:1em;
}

#notFound ul{
  margin-left:20px;
  margin-bottom:1em;
}

#notFound ul li{
  margin-bottom:0.5em;
}


/* Mac IE 文字化け回避対策　*/

input,select,textarea{
	font-family:"ヒラギノ角ゴ Pro W3",osaka,verdana,"MS ゴシック",sans-serif;
}

