/*

Theme Name: Shitamachikko

Theme URI: http://shitamachikko.com/

Description: Shitamachikko

Author: hitoshi

*/



body	{

	margin: 0;

	padding: 0;

	background-color: #ffffff;

	}



#container	{

	border:solid 1px #daac71;

        margin:20px 0px 0px 100px;

	width:720px;

	background-color: #ffffff;

	}



#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;

	}













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



#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%;

        widht:540px;

	}



#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;

	}



.mag {

	background-color:#f7eade;

	margin:10px;

	padding: 5px;

	font-size:12px;

	}



.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	{

	padding: 0px 0 1px;

	width:720px;

	}



#monthsidebar	{

	width: 200px;

	float: left;

	font-size: 0.85em;

	}



#monthcontent	{

	width: 490px;

	float: right;

	margin: 10px;

	padding-bottom: 20px;

	background-color: #ffffff;

	border-left:1px solid #daac71;

	}







#monthcontent h2	{

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

	background-repeat: no-repeat;

	color: #ffffff;

        }



#monthcontent p	{

	font-size: 0.85em;

	line-height: 130%;

        }







#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	{

	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;

	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%;

	}