/*  
Theme Name: tarukiinfo
Theme URI: http://www.blogohblog.com/
Description: made by U-MA <a href="http://www.u-ma.jp/">U-MA web site</a> . I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my Bob link under your footer.
Version: 1.0
Author: U-MA 
Author URI: http://u-ma.jp/
*/

* {margin: 0; padding: 0;}	
form {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}


#formwrap {
	width: 100%;
	padding-left: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
}





h1 {font-size: 19px; color: #858383;}
h3 {font-size: 15px; color: #656565;}


body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #e7e7df;
	line-height: 175%;
	background-image: url(images/artist_for_bg.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right top;
}
a:link,a:visited,a:active {
	color:#663300;
	text-decoration: none;
}
a:hover	{
	color:#FFFFFF;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.photo {
	padding-left:10px;
	float:left;
	line-height:110%;
	font-size:0.85em;
	text-indent:0;
}
.photo img {
	background:none;
	margin:0 0 4px 4px;
	padding:3px;
	border:0px solid #999;
}
.photo-end {
	clear:left;
}




hr {
border-style: dotted none none none;

border-top-color: #666666;
border-height: 1px; 
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
} 


#wrap {
	width: 980px;
	text-align: left;
	vertical-align: middle;
	margin: 0px auto;
	padding: 0px;
	border-right-width: 0px;
	border-top-style: 1;
	border-right-style: 1;
	border-bottom-style: 1;
	border-left-style: 1;
	border-right-color: #ccc;
}


#topbg {
	width: 100%;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	border-right-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #e3e3d7;
}





#wraptop {
	width: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	border-right-width: 0px;
	border-top-style: 1;
	border-right-style: 1;
	border-bottom-style: 1;
	border-left-style: 1;
	border-right-color: #ccc;
	height: 450px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#headerbg {
	width: 100%;
	height: 100px;
	background-image: url(images/header_00.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	vertical-align: middle;
}


#header {
	width: 980px;
	height: 100px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header   a:hover {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #FF0000;
}


#header img {
	padding: 0px;
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#bread {
	width: 980px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}



#logo {float: left; width: 600px; margin-top: 95px;} 
#logo h1 { text-indent: -10000px; padding: 0px; margin: 0px; } 
#logo h1 a { display: block; background: url(images/logo.jpg) no-repeat; height: 60px;}
#middle {clear: both; width: 980px; margin-top: 13px;}
#left {float: left; width: 728px;}
#left img {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 0px;
}
.entry {
	width: 728px;
	border: 1px solid #dadada;
	margin-bottom: 10px;
	background-image: url(images/entry.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.entry p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	padding: 10px 15px 10px 15px;
}
.entry h2 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 17px;
	font-weight: bold;
	background-image: url(images/h2.png);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 23px;
	margin-bottom: 13px;
	height: 30px;
	margin-top: 10px;
}
.entry  h3 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 15px;
	background-image: url(images/h3.png);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 23px;
	margin-bottom: 10px;
	height: 30px;
	margin-top: 20px;
	color: #FFFFFF;
}
.entry li {margin-left: 25px;}
#right {
	float: right;
	width: 234px;
}
#sidebar {
	width: 212px;
	border: 1px solid #dadada;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	padding: 10px;
	background-image: url(images/harf_red.png);
	list-style-type: none;
}
#sidebar h2 { font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;}


#sidebar ul li {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}

#sidebar ul li ul li {
	list-style-type:none;
	margin: 0;
	background-color: transparent;
	background-image: url(images/rollout.png);
	background-repeat: no-repeat;
	background-position: 0 0px;
	font-size: 90%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 30px;
	width: 200px;
	line-height: 300%;
}

#sidebar img {
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#sidebar  a:hover {
	color: #FF0000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}




#calendar_wrap {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.alignright { float: right; }
.alignleft { float: left; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.comments h3 { font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;}
.gcomment { border-left: none; vertical-align:middle; border-right:none; margin-bottom:3px; border-bottom: 1px solid #f3f3f3; padding:3px; background-color:#F7F7F7; }
.ucomment { border-left: none; border-right:none; margin-bottom:3px; border-bottom: 1px solid #f3f3f3; padding:3px; background-color:#fbfbf1; }
ol.commentlist { padding: 0; margin: 0 0 1px; }
ol.commentlist li { list-style: none; margin: 0; padding: 13px 13px 1px; }
ol.commentlist li.commenthead { list-style: none; margin: 0; }
ol.commentlist li.commenthead h2 { margin: 0;}


/* ++++++ フッダー部分のデザイン ++++++ */

#footerbox {
	clear:both;
	width: 100%;
	margin: 0px auto;
	text-align: center;
	background-color: #34342a;
}
#footerpad {
	clear:both;
	width: 980px;
	padding-top: 5px;
	margin: 0px auto;
	text-align: center;
}
#footercopy {
	clear:both;
	width: 980px;
	padding-top: 15px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left: 0px;
	font-size: 10px;
	color: #766F54;
	padding-bottom: 100px;
}

#footercopy a	{
	text-decoration: none;
	color: #766F54;
	}



#footer {
	clear:both;
	width: 980px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#footer a:link, #footer a:active, #footer a:visited {
	text-decoration: none;
}





#footer li	{
	text-align: center;
	float: left;
	width: 100px;
	line-height: 2em;
	text-decoration: none;
	list-style-type: none;
	}

#footer li a	{
	display: block;
	text-decoration: none;
	color: #766F54;
	list-style-type: none;
	}

#footer li a:hover	{
	background-image: url(images/menu_bg.gif);
	list-style-type: none;
	}