@charset "UTF-8";

/*
-----------------------------------------------------
livedoor Blog CSS
FileName:	spring_note
Version:	2007.10.12
 （ Pre:	2007.06.19 ）

log
・#banner 高さ調節
-----------------------------------------------------
*/

* { word-break:break-all; }

	body{
		margin:0;
		padding:0;
		font-family: verdana ,arial ,sans-serif;
		text-align:center;
	}
	h1,h2,h3{margin:0;padding:0;}

	a:link{color:#666;}
	a:visited{color:#666;}
	a:active{color:#666;}
	a:hover{color:#666;text-decoration:none;}

/* common */
	#header{
		background:#fffee0;
		border-bottom:1px solid #31aadd;
	}
	#header td{
		color:#666;
		font-size:12px;
	}

	#header a:link{color:#666;}
	#header a:visited{color:#666;}
	#header a:active{color:#666;}
	#header a:hover{color:#666;text-decoration:none;}

	#container{
		width:788px;
		margin:0 auto;
		text-align:center;
		background:url(http://parts.blog.livedoor.jp/img/usr/spring_note/spring_note_bkg.gif) repeat-y 50% 0;
	}

	#banner {
		width:788px;
		height:140px;
		margin:0 auto 25px;
		background:url(http://parts.blog.livedoor.jp/img/usr/spring_note/spring_note.gif) no-repeat 50% 0;
		text-align: center;
	}
	/* for modern Browser */
	#container > div#banner {
		height:auto;
		min-height:140px;
	}

	#banner a{color:#f06;text-decoration:none;}
	#banner a:link{color:#f06;text-decoration:none;}
	#banner a:visited{color:#f06;text-decoration:none;}
	#banner a:hover{color:#f06;text-decoration:underline;}
	
	.blogtitle{
		font-size: 20px;
		padding: 65px 240px 0 30px;
	}
	.description{
		padding: 5px 240px 0 30px;
		font-size: 14px;
		color: #666;
	}
	#blogcontainer{
		width:768px;
		margin:0 auto;
		padding-bottom:30px;
	}
	#content{
		float:left;
		width:560px;
		text-align:center;
	}
	#blog{
		width:500px;
		padding-bottom:20px;
		margin:0 auto;
		text-align:left;
	}
	#links{
		float:right;
		width:170px;
	}
	#footer{}

/* category + monthly */
	#categorytitle{
		color:#f06;
		font-size:14px;
		font-weight:bold;
		padding:5px;
		text-align:center;
		margin-bottom:15px;
	}

/* main = entry */
	.datebody{
		height:39px;
		background:url(http://parts.blog.livedoor.jp/img/usr/spring_note/spring_note_husen.gif) no-repeat 0 0%;
		margin-left:-40px;
		margin-bottom:10px;
		position:relative;
		z-index:3;
	}
	.date{
		font-size:12px;
		font-weight:bold;
		padding:12px 0 0 30px;
	}
	.blogbody{
		margin-bottom:20px;
		position:relative;
		z-index:2;
	}

	.blogbodybottom{}
	.titlebody{
		height:26px;
		background:url(http://parts.blog.livedoor.jp/img/usr/spring_note/spring_note_icon.gif) no-repeat  0 50%;
	}
	.title{
		color:#39c;
		font-size:12px;
		font-weight:bold;
		padding-left:30px;
		line-height:26px;
	}
	.main ,
	.mainmore ,
	.portal-links {
		font-size:12px;
		text-align:left;
		line-height:150%;
		padding:10px 0px 20px;
	}
/* blockquote */
	blockquote ,
	pre {
		border:2px dotted #31aadd;
		margin:10px;
		padding:10px;
		text-align:left;
	}
	img.pict{ margin: 0 5px 5px 0; }
	
	 a.continues:link{color:#f06;}
	 a.continues:visited{color:#f06;}
	 a.continues:active{color:#f06;}
	 a.continues:hover{color:#f06;text-decoration:none;}

	.posted{
		color:#666;
		font-size:11px;
		text-align:right;
	}

	.posted a:link{color:#36c;}
	.posted a:visited{color:#36c;}
	.posted a:active{color:#36c;}
	.posted a:hover{color:#36c;text-decoration:none;}

	 .dateend{
		 margin-bottom:20px;
	 }
	.nextpage{
		font-size:12px;
		padding:5px;
		text-align:right;
	}
	.nextpage a:link{color:#36c;}
	.nextpage a:visited{color:#36c;}
	.nextpage a:active{color:#36c;}
	.nextpage a:hover{color:#36c;text-decoration:none;}

/* article */
	.menu{
		font-size:11px;
		text-align:right;
		margin-top:5px;
	}
	.menu a:link{color:#36c;}
	.menu a:visited{color:#36c;}
	.menu a:active{color:#36c;}
	.menu a:hover{color:#36c;text-decoration:none;}
	.comblogbodybottom{}
	.trackbackurlbody{
		text-align:left;
	}
	.trackbackurlttl{
		color:#39c;
		font-size:12px;
		font-weight:bold;
	}

	.trackbackurl{text-align:center;margin-bottom:10px;}
	.trackbackurl table{width:400px;margin:10px auto;}
	input.trackbackbox{width:325px;}


	a.posttitle:link{color:#36c;}
	a.posttitle:visited{color:#36c;}
	a.posttitle:active{color:#36c;}
	a.posttitle:hover{color:#36c;text-decoration:none;}

	#trackback,#comment,#takecomment{
		padding:10px 0px;
		text-align:left;
	}
	.trackbackhead,.commenthead,.takecommenthead{
		color:#39c;
		font-size:12px;
		font-weight:bold;
	}
	#trackbackbody,#commentbody,#takecommentbody{
		padding:10px 5px;
	}
	.trackbackttl,.commentttl{
		font-size:12px;
	}
	.trackbacktext,.commenttext{
		font-size:12px;
		margin:3px 0 10px 10px;
	}

	#error{
		padding:x-small;
		font-size:12px;
		line-height:130%;
		font-weight:bold;
	}
	#error span{font-weight:normal;}

	.loginon{
		font-size:12px;
		margin:15px 0;
	}
	.loginon a:link{color:#36c;}
	.loginon a:visited{color:#36c;}
	.loginon a:active{color:#36c;}
	.loginon a:hover{color:#36c;}
	.loginoff{
		font-size:12px;
		margin:15px 0;
	}
	.loginoff a:link{color:#36c;}
	.loginoff a:visited{color:#36c;}
	.loginoff a:active{color:#36c;}
	.loginoff a:hover{color:#36c;}


	#formbody{ text-algin:center; }
	.form{
		margin:0px auto;
		color:#630;
		font-size:12px;
	}
	.form th{
		font-weight:normal;
		padding:2px;
		text-align:right;
	}
	.form td{ padding:2px; }
	input#author{width:200px;}
	input#email{width:200px;}
	input#url{width:200px;}
	input#bake{}
	textarea#text{width:400px;height:200px;}
	input.button{margin-top:20px;width:80px;}

	#blogcommentbottom{}

/* calendar */
	.calendarhead{
		background:#ff6;
		font-size:12px;
		font-weight:bold;
		padding:5px;
		text-align:center;
	}
	.calendarhead a:link{color:#000;}
	.calendarhead a:visited{color:#000;}
	.calendarhead a:active{color:#000;}
	.calendarhead a:hover{color:#000;text-decoration:none;}
	.calendarpre,.calendarnext{
		font-size:11px;
	}
	.caltop{}
	.calbody{}
	.caltbl{
		width:170px;
		margin:10px auto 20px;
	}
	.caltblwkbg{}
	.caltblwk{
		font-size:11px;
	}
	.caltblwk td{
		padding:3px 0;
		font-weight:bold;
		text-align:center;
	}
	.weekday{}
	.sun{}
	.sat{}
	.caltbldaybg{}
	.caltblday{
		font-size:11px;
	}
	.caltblday td{
		color:#333;
		text-align:center;
		padding:3px 0px;
	}
	.calon{background:#cf9;}
	.caloff{}
	.caltblday a:link{color:#666;}
	.caltblday a:visited{color:#666;}
	.caltblday a:active{color:#666;}
	.caltblday a:hover{color:#666;text-decoration:none;}
	.calbottom{}

/* side column */
	.sidetitle{
		background:#ff6;
		font-size:12px;
		font-weight:bold;
		padding:5px;
		text-align:center;
	}
	.side{
		color:#333;
		font-size:12px;
		text-align:center;
		line-height:130%;
		padding:5px 0;
		margin-bottom:20px;
	}
	.sidebody{
		padding:0px;
		text-align:left;
		margin-bottom:3px;
	}
	 .side a:link{color:#666;}
	 .side a:visited{color:#666;}
	 .side a:active{color:#666;}
	 .side a:hover{color:#666;text-decoration:none;}

	a.ttllink:link{color:#000;text-decoration:underline;}
	a.ttllink:visited{color:#000;text-decoration:underline;}
	a.ttllink:active{color:#000;text-decoration:underline;}
	a.ttllink:hover{color:#000;text-decoration:none;}

/* plugin */
	input.sf{width:122px;margin-right:3px;}
	.moblogbody,.linkme,.skypeme{text-align:center;}
	.afbody{text-align:center;padding-bottom:10px;}
	.afbody img{margin-bottom:3px;}
	.photo{text-align:center;}
	.nickname{font-size:12px;font-weight:bold;margin:10px 0;}
	.message{text-align:left;font-size:12px;margin-bottom:10px;}
	.blogtimes{margin:10px auto;text-align:center;width:180px;}
	.elsehead{ padding:3px 0 4px; }
	.elsebody{ text-align:center; }
	.elsebottom{ padding:3px 0 4px; }
	

/* ad */
	#ad{
		margin: 20px auto 0;
		padding-bottom: 20px;
		text-align: center;
	}
	#ad iframe{
		width: 500px;
	}
	body.ad {background: transparent;}

	a.adtitle:link{color:#39c;font-weight:bold;}
	a.adtitle:visited{color:#39c;font-weight:bold;}
	a.adtitle:active{color:#39c;font-weight:bold;}
	a.adtitle:hover{color:#39c;font-weight:bold;}
	
	a.addescription:link{color:#666;text-decoration:none;}
	a.addescription:visited{color:#666;text-decoration:none;}
	a.addescription:active{color:#666;text-decoration:none;}
	a.addescription:hover{color:#666;text-decoration:none;}
	
	a.adurl:link{color:#36c;text-decoration:none;}
	a.adurl:visited{color:#36c;text-decoration:none;}
	a.adurl:active{color:#36c;text-decoration:none;}
	a.adurl:hover{color:#36c;text-decoration:none;}
	
	a.adld:link{color:#666;}
	a.adld:visited{color:#666;}
	a.adld:active{color:#666;}
	a.adld:hover{color:#666;}