/*

Theme Name: Shitamachikko

Theme URI: http://shitamachikko.com/

Description: Shitamachikko

Author: hitoshi

*/



body	{

	margin: 0;

	padding: 0;

	background-color: #daac71;

	}



#container	{

	border:solid 1px #daac71;

	width:720px;

	margin:20px 0px 0px 100px;

	}



#main	{

	background-color: #ffffff;

	padding: 10px 20px 1px;

	}



a	{

	color: #00a0c6;

	}





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



#header	{

	background-color: #ffffff;

	}



#header h1	{

	background-color: #ffffff;

	margin: 0;

	}



#header h1 img	{

	border: none;

	margin: 0px;

	}



#header ul	{

	background-color: #ffffff;

	margin: 0;

	padding: 0;

	list-style-type: none;

	border-bottom: solid 1px #daac71;

	border-top: solid 1px #daac71;

	height: 2em;

	font-size: 0.85em;

	}



#header li	{

	text-align: center;

	border-right: solid 1px #daac71;

	float: left;

	line-height: 2em;

	}



#header li a	{

	display: block;

	width: 120px;

	text-decoration: none;

	color: #333333;

	}



#header li a:hover	{

	background-color: #cccc99;

	}



#header p	{

	margin:15px 5px;

	font-size:12px;

	text-align:right;

	}





/* ++++++ トップページのデザイン ++++++ */



#top	{

	background-color: #ffffff;

	text-align:center;

	}



#topimg	{

	margin: 0;

	}



#message	{

	position: absolute;

	top: 140px;

	left: 80px;

	width: 500px;

	margin: 0;

	font-size: 0.875em;

	line-height: 180%;

	color:#ffffff;

	}





/* top-news

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

#top2 {

  clear:both;

  width:720px;

  height:500px;

  background-color:#f7eade;



}



#topnews {

  margin: 5px 0px 0px 5px;

  padding:0px;

  width:340px;

  float:right;

  height:172px;

}



#topnews ul {

  margin: 0 0 10px 0;

  padding: 0;

  width:420px;

}



#topnews li {

  font-size:14px;

  font-weight:lighter;

  margin-left:20px;

  line-break: normal;

  

}



#topnews p {

  font-size:11px;

  font-weight:lighter;

  margin-left:20px;

  line-break: normal;

  

}





/* top-navi

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



#topnavi {



  margin: 5px 0px 0px 5px;

  padding:0px;

  width:300px;

  float:left;

}



#topnavi ul {

  list-style: none;

}



#topnavi li a {

  display:block;

  width:280px;

  border:solid 2px;

  border-color:#ffffff #daac71 #daac71 #ffffff;

  padding:4px;

  text-decoration:none;

  font-size:16px;

  font-weight:bold;

  color:#daac71;

  borderground-color:#ffffff;

}



#topnavi li a:hover {

  padding:6px 2px 2px 6px;

  border-color:#daac71 #ffffff #ffffff #daac71;

  color:#ffffff;

  borderground-color:#daac71;



}







/* ++++++ パンくずリンクのデザイン ++++++ */



#bread	{

	margin: 0;

	font-size: 0.65em;

	font-weight: bold;

	text-align:right;

	}



/* ++++++ コンテンツ部分のデザイン ++++++ */



#contents	{

	width: 700px;

	margin: 20px 0 0;

	}



#contents h2	{

	background-image: url(images/bar.gif);

	background-repeat: no-repeat;

	color: #ffffff;

	font-size: 1.2em;

	padding: 6px 10px;

	}



#contents p	{

	font-size: 0.85em;

	line-height: 130%;

	}



#contents dt	{

	font-size: 0.85em;

	line-height: 130%;

	margin:10px;

	font-weight:bolder;

	}



#contents dd	{

	font-size: 0.85em;

	line-height: 130%;

	margin:10px 25px;

	font-weight:lighter;

	}



#contents li	{

	font-size: 0.85em;

	line-height: 130%;

	margin:10px 25px;

	font-weight:lighter;

	}



#post01	{

	padding: 0 10px 10px;

	}



.waku {

	border: solid 1px #0066ff;

	padding: 5px;

	font-size:12px;

	}



.right {

	padding: 5px;

	font-size:12px;

	text-align:right;

	}



.center {

	padding: 5px;

	font-size:12px;

	text-align:center;

	}





#post02	{

	padding-left: 10px;

	width: 460px;

	float: left;

	}



#sidebar	{



	float: right;

	padding-right: 10px;

	}



.clear	{

	clear: both;

	margin: 0;

	}



#link	{

	border-collapse: collapse;

	margin-bottom: 20px;



	font-size: 0.85em;

	}



#link th, #link td	{

	text-align: left;

	padding: 10px 5px;

	border: solid 1px #00a0c6;

	}



#link th	{

	width: 100px;

	background-color: #88c0ff;

	}



#link a	{

	text-decoration: none;

	color: #000000;

	}



#link a:hover	{

	color: #00657d;

	}



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



#footer	{

	clear:both;

	background-color: #daac71;

	padding: 10px 20px;

	}



#footer address	{

	color: #000000;

	font-size: 0.75em;

	font-style: normal;

	text-align:center;

	}



#footer p	{

	color: #ffffff;

	font-size: 0.75em;

	font-style: normal;

	text-align:center;

	}



#footer a	{

	color: #ff8888;

	font-size: 0.75em;

	font-style: normal;

	text-align:center;

	}





/* ++++++ ニュースコンテンツのデザイン ++++++ */



#monthmain	{

	background-color: #ffffff;

	padding: 0px 0 1px;

	width:720px;

	}



#monthsidebar	{

	background-color: #ffffff;

	width: 200px;

	float: left;

	font-size: 0.85em;

background-image:url(http://shitamachikko.com/wp/wp-content/themes/shitamachi/images/back.gif);

        background-repeat:repeat;

	border-right:1px solid #daac71;

	}



#monthcontent	{

	width: 490px;

	float: right;

	margin: 10px;

	padding-bottom: 20px;



	}



#monthmain .clear	{

	background-color: #ffffff;

	}





#monthsidebar ul	{

	list-style-type: none;

	margin: 0;

	padding: 0;

	}



#monthsidebar li strong	{

	display: block;

	padding: 10px 20px;

	}



#monthsidebar li li	{

	padding: 5px 5px 5px 20px;

	background-image: url(images/mark.gif);

	background-repeat: no-repeat;

	background-position: 10px 10px;

	}



#monthsidebar li li a	{

	color: #000000;

	text-decoration: none;

	border-bottom: dotted 1px #ffffff;

	}



#monthsidebar li li a:hover	{

	color: red;

	}







#monthcontent #bread	{

	margin-top: 10px;

	text-align: right;

	}



#monthcontent #date	{

	font-size: 0.85em;

	font-weight: bold;

	font-family: Verdana, Helvetica, sans-serif;

	color: #777777;

	margin:0px 10px;

	}



#monthcontent #date img	{

	vertical-align: middle;

	padding-right: 10px;

	}





#monthpost	{

	padding-bottom: 10px;

	}



#monthpost h2	{

	background-image: url(images/bar_small.gif);

	background-repeat: no-repeat;

	color: #ffffff;

	font-size: 1.1em;

	margin:0px 10px;

	padding: 6px 10px;

	}



#monthpost h3	{

	font-size: 1.0em;

	margin:0px 10px;

	padding: 6px 10px;

	}



#monthpost h4	{

	font-size: 1.0em;

	margin:0px 10px;

	padding: 6px 10px;

	}



#monthpost p	{

	font-size: 0.85em;

	line-height: 130%;

	padding: 0 10px;

	}



#monthpost dt	{

	font-size: 0.85em;

	line-height: 130%;

	margin:10px;

	font-weight:bolder;

	}



#monthpost dd	{

	font-size: 0.85em;

	line-height: 130%;

	margin:10px 25px;

	font-weight:lighter;

	}



#monthpost li	{

	font-size: 0.85em;

	line-height: 130%;

	margin:10px 25px;

	font-weight:lighter;

	}





#monthlist h2	{

	margin: 30px 0 10px 10px;

	padding-bottom: 5px;

	border-bottom: solid 4px #ff0000;

	font-size: 0.875em;

	}



#monthlist h2 a	{

	text-decoration: none;

	color: #00657d;

	}



#monthlist h2 span	{

	color: #888888;

	font-size: smaller;

	font-family: Verdana, Helvetica, sans-serif;

	}



#monthlist h2 a:hover	{

	color: #00a0c6;

	}



#monthlist p	{

	margin: 10px;

	font-size: 0.75em;

	line-height: 140%;

	}