/*

Theme Name: Renaussance

Theme URI: http://okinawa-renaissance.com/

Description: Renaussance

Author: hitoshi

*/



body	{

	margin: 0;

	padding: 0;

	background-color: #ffffff;

	}



#container	{

	border:solid 1px #888888;

	width:720px;

	}



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

	border-top: solid 1px #29b5b8;

	height: 2em;

	font-size: 0.85em;

	}



#header li	{

	text-align: center;

	border-right: solid 1px #29b5b8;

	float: left;

	line-height: 2em;

	}



#header li a	{

	display: block;

	width: 100px;

	text-decoration: none;

	color: #29b5b8;

	}



#header li a:hover	{

	background-color: #ff0000;

	color: #29b5b8;

	}



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

	border-bottom: solid 1px #29b5b8;

	border-left: solid 20px #29b5b8;

	color: #666666;

	font-size: 1.2em;

	padding: 6px 10px;

	width:640px;

	}



#contents p	{

	font-size: 0.85em;

	line-height: 130%;

	width:640px;

	}



#contents dt	{

	font-size: 0.85em;

	line-height: 130%;

	margin:10px;

	font-weight:bolder;

	width:640px;

	}



#contents dd	{

	font-size: 0.85em;

	line-height: 130%;

	margin:10px 25px;

	font-weight:lighter;

	width:640px;

	}



#contents li	{

	font-size: 0.85em;

	line-height: 130%;

	margin:10px 25px;

	font-weight:lighter;

	width:600px;

	}



#post01	{

	padding: 0 10px 10px;

	}



.waku {

	border: solid 1px #999966;

	margin: 10px 15px;

	padding: 10px 15px;

	font-size: 13px;

	}



.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: #29b5b8;

	padding: 10px 20px;

	}



#footer address	{

	color: #ffffff;

	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;

	}





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



#topnews	{

	position: absolute;

	top: 0px;

	left: 640px;

	width: 640px;

	background-color:#FFFFFF;

	}



#topnews h2	{

	margin: 0;

	padding: 3px;

	background-color:#0099FF;

	color: #ffffff;

	font-size: 0.85em;

	}



#topnews div	{

	border: solid 1px #ff9900;

	overflow: auto;

	height: 477px;

	}





#topnews ul	{

	font-size: 1.2em;

	margin: 5px 30px;

	padding: 0;

	}



#topnews ul a	{

	color: #00657d;

	}





#monthmain	{

	background-color: #ffffff;

	padding: 0px 0 1px;

	}



#monthsidebar	{

	background-color: #ffffff;

	width: 160px;

	float: left;

	font-size: 0.85em;

	}



#monthcontent	{

	width: 520px;

	float: left;

	margin-left: 20px;

	padding-bottom: 20px;

	border-left:1px solid #000000;



	}



#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:15px 10px;

	}



#monthcontent #date img	{

	vertical-align: middle;

	padding-right: 10px;

	}





#monthpost	{

	padding-bottom: 10px;

	}



#monthpost h2	{

	border-bottom: solid 1px #0086d1;

	border-left: solid 20px #0086d1;

	color: #666666;

	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;

	margin: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: 5px;

	border-left: solid 1.0px #0086d1;

	border-bottom: solid 1.0px #0086d1;

	font-size: 0.875em;

	}



#monthlist h2 a	{

	text-decoration: none;

	color: #6c6d54;

	}



#monthlist h2 span	{

	color: #888888;

	font-size: smaller;

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

	}



#monthlist h2 a:hover	{

	color: #6c6d54;

	}



#monthlist p	{

	margin: 20px;

	font-size: 0.75em;

	line-height: 140%;

	}