@charset "utf-8";
/* -----------------------------------------------
CSS file For Souple.jp
FileName: layout.css
----------------------------------------------- */
@import url(general.css);

body		{color:#666; font-family:Verdana, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, sans-serif;}
*html body	{font-family:"ＭＳ Ｐゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}

p,li,dt,dd,.paginate{font-size:77%; line-height:1.8;}
h2{font-size:85%; font-weight:normal;}


div#container{
	width:866px;
	margin:0 auto;
	background:#fff url(../images/background.jpg) no-repeat top left;	
	padding-top:70px;
	padding-bottom:30px;

	}
	
div#contents{
	float:right;
	width:730px;
	}	

	.arrow a		{background:#fff url(../images/arrow.gif) no-repeat 0 0.2em; padding-left:13px; color:#6eaabb!important;}
	.arrow a:hover	{color:#ccc!important;}
	



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

logoCulmn

----------------------------------------------- */
div#logoCulmn{float:left; width:30px; margin-left:53px; _margin-left:30px;}

div#logoCulmn h1 a	{background:#fff url(../images/logo.gif) no-repeat top left; width:25px; height:121px; display:block;}
div#logoCulmn p		{background:#fff url(../images/photo_blog.gif) no-repeat top left; width:25px; height:112px; display:block; margin-top:5px;}
div#logoCulmn span	{display:none;}
	


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

entryCulmn

----------------------------------------------- */
div#entryCulmn{width:360px; float:left;}

	div.entry{margin-bottom:30px; background:#fff url(../images/dotLine.gif) repeat-x bottom left; padding-bottom:30px;}	
		h2 a,
		h2 a:visited{font-size:120%; line-height:1.4; color:#666;}
		h2 a:hover{color:#ccc;}

	div.entry p{margin-bottom:10px;}
	div.entry a img{margin:0 auto 10px auto; border:5px solid #eee;}
	/*a img.photo {border:5px solid #eee; display:block; width:350px; }
	a:hover img.photo{border:5px solid #d9f7ff;}*/
	
	
		p.posted{margin-bottom:15px; color:#aaa49c; }
		p.meta{margin-top:30px;}
	
	div.entry h3{color:#aaa49c; font-weight:bold; font-size:12px; margin-top:30px; margin-bottom:5px;}
		



	/* -----------------------------------------------
	 TrackBack
	----------------------------------------------- */	
	div#trackback h4{width:78px; height:14px; display:block; margin-bottom:20px;}
	div#trackback span{display:none;}
	
	div#trackbackURL{margin-bottom:20px; }
	div#trackbackURL h4{background:#fff url(../images/ttl_trackbackURL.gif) no-repeat top left; float:left;}
	div#trackbackURL p{float:right;}
	div#trackbackURL input{width:270px;}
	
	div#trackbacks{margin-bottom:20px; background:#fff url(../images/line.gif) no-repeat top left; padding-top:20px;}	
	div#trackbacks h4{background:#fff url(../images/ttl_trackbacks.gif) no-repeat top left;}
		
		
	/* -----------------------------------------------
	 Comment
	----------------------------------------------- */
	div#comment h4{width:78px; height:14px; display:block; margin-bottom:20px;}
	div#comment span{display:none;}
	
	
	div#comments{background:#fff url(../images/dotLine.gif) repeat-x top left; padding-top:20px;}
	div#comments h4{background:#fff url(../images/ttl_comments.gif) no-repeat top left;}
	
	div#postComment{margin-bottom:20px; background:#fff url(../images/line.gif) no-repeat top left; padding-top:20px;}
	div#postComment h4{background:#fff url(../images/ttl_postComment.gif) no-repeat top left;}
	
	
	div.commentEntry{
		margin-bottom:1px;
		padding-bottom:20px;
		background:transparent url(../images/line.gif) no-repeat top left;
		padding:20px 0;
		}
		
	div.commentEntry p{margin-bottom:10px;}
	
	
	p.postName{background:#fff url(../images/icon_comment.gif) no-repeat 0 0.1em; padding-left:15px;}
	div.master{}
	div.master p.postName{background:#fff url(../images/icon_master.gif) no-repeat 0 0.1em; padding-left:15px;}
	input#captcha_code{width:179px; height:37px;}
	
	input#imageBtn{width:360px; height:23px; display:block; background:#fff url(../images/submitBtn.gif) no-repeat top left;}
	
	
	
	
	
	
	/* form */
	table#commentForm{width:360px;}
	
	table#commentForm p		{width:30px; height:9px;}
	table#commentForm span	{display:none;}
	
	table#commentForm td.name		{width:125px;}
	table#commentForm td.name p		{background:#fff url(../images/commentName.gif) no-repeat top left;}
	table#commentForm td.name input	{width:110px;}
	
	table#commentForm td.mail		{width:125px;}
	table#commentForm td.mail p		{background:#fff url(../images/commentMail.gif) no-repeat top left;}
	table#commentForm td.mail input	{width:110px;}	
	
	table#commentForm td.url		{width:110px;}
	table#commentForm td.url p		{background:#fff url(../images/commentURL.gif) no-repeat top left;}
	table#commentForm td.url input	{width:110px;}
	
	table#commentForm td.message	{padding-top:10px;}
	table#commentForm td.message p	{background:#fff url(../images/commentMessage.gif) no-repeat top left; width:38px!important;}
	
	table#commentForm td#submit		{padding-top:20px;}
	
	table#commentForm td#captchaArea{padding-top:10px;}
	table#commentForm textarea		{width:360px; height:100px;}
	
	
		





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

side

----------------------------------------------- */
div.side span{display:none;}
div.side h3{width:93px; height:11px; display:block; background-repeat:no-repeat; margin-bottom:10px;}
div.side ul{margin-bottom:40px;}
div.side li,
div.side strong{font-family:Verdana, Helvetica, Arial, sans-serif,"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka;}

	h3.categories{background-image:url(../images/h3_categories.gif);}
	h3.monthlyArchive{background-image:url(../images/h3_monthlyArchive.gif);}
	h3.information{background-image:url(../images/h3_information.gif);}
	h3.bookmark{background-image:url(../images/h3_bookmark.gif);}
	h3.thumbnailList{background-image:url(../images/h3_thumbnailList.gif);}
	h3.fromTwitter{background-image:url(../images/h3_fromTwitter.gif); margin-bottom:5px!important;}
	h3.recentComment{background-image:url(../images/h3_recentComment.gif);}
	h3.freePaper{background-image:url(../images/h3_freePaper.gif);}

div.side li.commentItem{margin-bottom:15px; line-height:1.4;}	

div.side .bookmarkList .arrow a{display:block; line-height:1.4; margin-bottom:3px; overflow:hidden; }
div.side .bookmarkList .arrow a {/margin-bottom:3px; /line-height:1.3;}
*html div.side .bookmarkList .arrow a{zoom:1; margin-bottom:5px;}

/*
div.side li a,
div.side li a:visited{
	color:#666;
	text-decoration:none;
	}

div.side li a:hover{
	color:#ccc;
	}	
*/



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

naviCulmn

----------------------------------------------- */
div#naviCulmn{width:115px; float:left; margin-left:39px;}

.item {
display: inline;
float: left;
margin: 1px;
overflow: hidden;
text-align: center;
vertical-align: middle;
width: 50px;
height: 50px;
}




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

infoCulmn

----------------------------------------------- */
div#infoCulmn{width:190px; float:right;}

div#twitter{width:190px; margin-bottom:40px;}


	p.info strong{color:#aaa49c;}
	ul.siteInfo{margin-bottom:15px!important;}
	ul.bookmarkList{margin-bottom:10px!important;}
	
div#blogParts{margin-top:35px;}

div#blogParts div.bpBox{margin-bottom:20px;}

/* backbone */

#slideBox 		{position:relative; width:140px; height:210px; overflow:hidden; margin-bottom:5px;}
#slideBox img	{position:absolute; top:0px; left:0px; z-index:10; background:#fff; line-height:1; vertical-align:bottom;}
#frame 			{z-index: 30; position: absolute; top: 0px; left: 0px;}
#frame a 		{display: block; width: 140px; height: 210px;}
#frame a:hover	{text-decoration:none; font-size:1px;}
#slideBox p{line-height:1;}
.backbone_info{line-height:1.5; margin-bottom:40px; margin-top:5px;}

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

footer

----------------------------------------------- */	
div#footer{width:860px; margin:0 auto; height:50px;}
div#footer p#copy{margin-left:133px; background:#fff url(../images/copy.gif) no-repeat top left; width:201px; height:17px; float:left;}
div#footer p#pageTop{width:17px; height:17px; float:right;}
div#footer p#pageTop a{background:#fff url(../images/pageTop.gif) no-repeat top left; width:17px; height:17px; display:block;}
div#footer p#pageTop a:hover{background-position:0 -17px;}
div#footer span{display:none;}

/* twitter */
#twitter .twitter-head{padding:5px 0 0 0; width:170px;}
#twitter .twitter-head dt{float:left; width:50px;}
#twitter .twitter-head dd{float:right; width:110px; color:#aaa49c; font-weight:bold; font-size:11px; line-height:1.2; padding:15px 0 0 0;}
#twitter .twitter-head dd a{font-weight:normal; font-size:10px; padding:10px 0 0 0;}
.twtr-hd{display:none;}
#twitter .twtr-widget .twtr-tweet-text p{font-size:10px; line-height:1.4!important;}
.twtr-tweet-wrap{padding:5px 0!important;}
.twtr-widget{border-top:1px solid #ccc; padding-top:3px; width:170px;}
.twtr-ft div{border-top:1px solid #ccc; padding:5px 0 0 0!important;}
#twitter .twtr-widget .twtr-tweet-text .twtr-timestamp{color:#999!important;}