@charset "utf-8";
/*
Theme Name: Towadako-koi
Theme URI: http://www.fulltime.jp
Description: two columns simple theme
Version: 0.1
Author: Clara Kawai
Author URI: http://www.fulltime.jp
*/

/** Element **/
* {
	margin: 0px;
	padding: 0px;
}
body {
	color: #333333;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 75%;
	line-height: 1.4;
	background-image: url(images/body-back.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
a {
	text-decoration:none;
	color: #3366CC;
	background-color: #FFFFFF;
}
a:hover {

}
ul {
	list-style-type: none;
}


/** Layout **/
#wrapper {
	width: 800px;
	margin: 0px auto;
}
#content {
	width: 600px;
	float: left;
	padding: 0px 0px 30px 0px;
}
#navi {
	width: 200px;
	float: right;
	padding: 0px 0px 30px 0px;

}
#footer {
	clear: both;
	width: 800px;
}


/** Header **/
#header {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
}
#site_title a {
	background-image: url(images/h1-back.jpg);
	background-repeat: no-repeat;
	height: 300px;
	width: 270px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
}
#description {
	background-image: url(images/description-back.jpg);
	background-repeat: no-repeat;
	height: 180px;
	width: 530px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
}
#h-link-news a,
#h-link-topicks a,
#h-link-news a:hover,
#h-link-topicks a:hover {
	background-image: url(images/header-btn.jpg);
	background-repeat: no-repeat;
	height: 120px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
}
#h-link-news a {
	width: 195px;
	background-position: 0px 0px;
}
#h-link-topicks a {
	width: 205px;
	background-position: -195px 0px;
}
#h-link-news a:hover {
	width: 195px;
	background-position: 0px -120px;
}
#h-link-topicks a:hover {
	width: 205px;
	background-position: -195px -120px;
}


/** H2 **/
h2#profile {
	background-repeat: no-repeat;
	height: 40px;
	width: 800px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(images/h2-profile.jpg);
}
h2#new_release,
h2#news,
h2#topicks,
h2#error {
	background-repeat: no-repeat;
	height: 40px;
	width: 570px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
h2#new_release {
	background-image: url(images/h2-new_release.jpg);
}
h2#news {
	background-image: url(images/h2-news.jpg);
}
h2#topicks {
	background-image: url(images/h2-topicks.jpg);
}
h2#error {
	background-image: url(images/h2-error.jpg);
}
h2#single, #h2-archive {
	margin: 5px 0px 0px 0px;
	padding: 0px 30px 8px 30px;
	color: #789300;
	background-color: #FFFFFF;
	font-size: 160%;
	font-weight: bold;
	background-repeat: no-repeat;
	background-image: url(images/h2-back.jpg);
	background-position: left bottom;
}


/** Content **/
#content h3 {
	clear: both;
	font-size: 120%;
	font-weight: bold;
	color: #728C00;
	background-color: #FFFFFF;
	margin: 5px 20px 5px 20px;
	padding: 0px 0px 0px 0px;
}
#content p {
	margin: 5px 50px 10px 20px;
}
#content p.post-footer {
	clear: both;
	margin: 10px 30px 30px 0px;
	padding: 0px 20px 0px 20px;
	text-align: right;
	border-bottom: 1px solid #CCCCCC;
}
#content ul {
	margin: 5px 50px 30px 20px;
}

#content #footer-navi {
	margin: 0px 0px 0px 20px;
}


/*Content_Img_Element*/
#content img {
	padding: 4px;
	border: 1px solid #CCCCCC;
}
#content img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#content img.alignright {
	margin: 0px 0px 2px 7px;
	display: inline;
	float: right;
}

#content p img.alignleft {
	margin: 0px 15px 15px 0px;
	display: inline;
	float: left
}


/** Navi **/
#side-box {
	background-image: url(images/navi-body.jpg);
	background-repeat: repeat-y;
}
#side-box-top {
	background-image: url(images/navi-header.jpg);
	background-repeat: no-repeat;
	padding: 20px 20px 10px 20px;
}
#side-box-mid {
	padding: 0px 20px 0px 20px;
}
#side-box-bottom {
	background-image: url(images/navi-footer.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0px 20px 20px 20px;
}
h2#n-cat, h2#n-wr, h2#n-cal, h2#n-nr, h2#n-feed {
	background-repeat: no-repeat;
	height: 30px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
h2#n-cat {
	background-image: url(images/n-cat.jpg);
}
h2#n-wr {
	background-image: url(images/n-wr.jpg);
}
h2#n-cal {
	background-image: url(images/n-cal.jpg);
}
h2#n-nr {
	background-image: url(images/n-nr.jpg);
}
h2#n-feed {
	background-image: url(images/n-feed.jpg);
}
#side-box-top p, #side-box-bottom p {
	margin: 0px 0px 5px 10px;
}
p#side-link1,
p#side-link2 {
	margin: 5px 0px 5px 0px;
}
p#side-link1 a,
p#side-link2 a {
	background-repeat: no-repeat;
	width: 160px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
p#side-link1 a {
	height: 160px;
	background-image: url(images/wr-link1.jpg);
}
p#side-link2 a {
	height: 60px;
	background-image: url(images/wr-link2.jpg);
}
#wp-calendar {
	width: 100%;
}
#wp-calendar th, #wp-calendar td {
	text-align: right;
}
#wp-calendar td#prev {
	text-align: left;
}
#wp-calendar caption {
	text-align: left;
	padding: 0px 0px 0px 10px;
}
#cat-list {
	margin: 0px 0px 5px 10px;
}
#cat-list li {
	margin: 0px 0px 5px 0px;
}
#n-nr-list {
}
#n-nr-list li.nr{
	margin: 0px 10px 8px 10px;
	padding: 0px 0px 0px 3px; 
	border-left: 3px solid #FF9900;
}

/** footer **/
p#copy {
	margin: 0px 0px 0px 0px;
	padding: 5px 20px 0px 30px;
	font-size: 90%;
	border-top: 1px solid #999999; 
}
p#login {
	margin: 0px 20px 10px 30px;
	font-size: 90%;
	text-align: right;
	
}


/** Home-Profile **/
#profile-box {
	margin: 5px 0px 30px 20px;
	padding: 30px 0px 30px 0px;
	background-image: url(images/profile-back.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#profile-box dl {
	margin: 0px 430px 0px 0px;
}
#profile-box dt {
	clear: both;
	float: left;
	width: 100px;
	margin: 0px 0px 3px 0px;
	text-align: right;
	font-weight: bold;
}
#profile-box dd {
	margin: 0px 0px 3px 100px;
	padding: 0px 0px 0px 10px;
}


/** Clearfix **/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*￥*//*/
  height: auto;
  overflow: hidden;
  /**/
}