/*  
Theme Name: Ryokusou
Theme URI: http://www.ryokusou.net/
Description:RYOKUSOUKAI

Version: 0.4.1
Author: Triangle
Author URI: http://www.ryokusou.net/
Ryokusoukai 2009. All rights reserved. 
License: http://www.ryokusou.net/
*/

body{ 
	font-family: Arial, Helvetica, sans-serif; 
	color: #333333; 
	background-color: #81c19e; 
	font-size: 62.5%; 
	background-image: url(images/bg_main.gif);
	background-repeat: repeat-x; 
	margin: 10px 0 0 0; 
	padding: 0; 
	}
a{	color : #006400; text-decoration: underline;  }
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
p{ margin: 0 0 10px 0; padding: 0; line-height: 1.5em; }
a:hover{	text-decoration : underline;  color: #d00000;   }
form, div, img{ border: none; margin: 0; padding: 0; }

h1, h2, h3, h4, h5{ margin: 0 0 12px 0; padding: 0; font-weight: normal; color: #4a5460; }
h2{font-size: 1.5em; margin:30px 0 9px 0; }
h3{ font-size: 1.4em; margin:30px 0 9px 0;}
h4{ font-size: 1.3em; margin:30px 0 9px 0;}

li{display: list-item; margin:0 0 5px 0;}

#HEADER{ 
	width: 900px; 
	height: 55px; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 0;  
	}
	#HEADER p{ 
	margin: 0; 
	padding: 0 9px 0 0px; 
	float: left; 
	font-weight: bold; 
	font-size: 32px; 
	height: 55px; 
	line-height: 55px; 
	}
	#HEADER p a{ 
	text-decoration: none; 
	color: #f5f5f5;   
	}
	#HEADER a:hover{ 
	text-decoration: none; 
	color:white; 
	}
	
	#HEADER h1{ 
	display:inline;
	float: right; 
	font-size: 1.4em; 
	color: White;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: normal; 
	margin: 30px 0 0 0; 
	padding: 0; 
	}






#NAVIGATION{
	width: 900px;
	font-size: 1.2em;
	height: 31px;
	text-align: left; margin-left: auto; margin-right: auto;
	background: #b0695c url(images/bg_topnav2.gif);
	}



#TABS{ float: left; width: 835px; height: 31px; background: url(images/bg_topnav.gif) repeat-x; border-right: 1px solid #666666; line-height: 31px; }
	#Nav{ float:left; margin:0; padding: 0; list-style: none; } 
	#Nav li{ position: relative; float: left; background: none; padding: 0 2px 0 0; background: url(images/bg_navbutton.gif) no-repeat right; }
	#Nav li.current_page_item a{ font-weight: bold; }
	#Nav a{ 
		float:left;
		padding: 0px 12px 0px 14px;
		color: white;
		text-decoration: none;
		}
	#Nav a:hover{ background-color: #954e41; background-position: 0 0; }
	#Nav ul{ list-style:none; width: 180px; margin: 0; padding: 0; position: absolute; left: 0; top: 31px; display: none; background: #b0695c; }
	#Nav ul li{ float: left; border-bottom: 1px solid #f2f2f2; width: 180px; padding: 0; margin: 0; background: none; }
	#Nav li:hover ul, #Nav li.over ul { display: block; }
	#Nav li li a{ float: left; width: 144px; padding-right:0; margin:0; }
	#Nav li li a:hover{ background:#954e41; }
	
	
/* Under navi */	
	
		#Nav2{ margin:0; padding: 0; list-style: none; } 
		#Nav2 li{ position: relative; float: left; background: none; padding: 0 2px 0 0; background: url(images/bg_navbutton.gif) no-repeat right; }
		#Nav2 li.current_page_item a{ font-weight: bold; }
		#Nav2 a{ 
			padding: 0px 14px 0px 16px;
			color: green;
			text-decoration: none;
			}
		#Nav2 a:hover{ background-color: #ccddcc; background-position: 0 0; }
		#Nav2 ul{ list-style:none; width: 180px; margin: 0; padding: 0; position: absolute; left: 0; top: 11px; display: none; background: #445544; }
		#Nav2 ul li{ float: left; border-bottom: 1px solid #f2f2f2; width: 180px; padding: 0; margin: 0; background: none; }
		#Nav2 li:hover ul, #Nav li.over ul { display: block; }
		#Nav2 li li a{ float: left; width: 144px; padding-right:0; margin:0; }
		#Nav2 li li a:hover{ background:#556655; }

	
#BUTTONS{ float: right; width: 60px; height: 28px; text-align: center; }
#VISUAL{ width: 900px; text-align: right; margin-left: auto; margin-right: auto; height: 160px;  background: #FFF url(images/bg_visual.jpg) no-repeat; }
	#VISUAL ul{ margin:20px 0 0 0; padding-left: 0;   float: right;  width: 602px;    }
	#VISUAL ul li{ display: block; list-style: none; margin:0 0 5px 0;}

	
	#VISUAL ul li.PhraseOne{ 
	padding-right: 15px; 
	color: White; 
	font-family: "MS Sans Serif", Geneva, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	margin-top: 18px; 
	font-weight: bold; 
	}
	#VISUAL ul li.PhraseTwo{ 
	padding-right: 15px;   
	color: White;  
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 16px; 
	font-style: normal;  
	font-weight: bold;   
	}

	#VISUAL li.Button{ width: 400px; height: 29px; float: right; padding-right: 15px; color: White; }
	#VISUAL a{ color: #9aee48; font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-style: normal; font-weight: bold; text-decoration: underline; }
	#VISUAL a:hover{ color: White; }
#CONTENT{ width: 900px; text-align: left; margin: 0 auto; }
	.contentwrap{ float: left; width: 100%;  margin:0 0 20px 0;  background: White url(images/bg_text.gif) repeat-x; }
#FOOTER{ float: left; width: 900px; padding: 16px 0 28px 0; margin:20px 0 0 0; text-align: left; background: #004e00 url(images/bg_footer.gif) no-repeat bottom; font-size: 1.1em; color: White; }
	#FOOTER a{ color: white; text-decoration: none;	}
	#FOOTER a:hover{ text-decoration: underline;	}
	#FOOTER .left{ float:left; width: 500px; overflow:hidden; padding: 0 0 0 15px; }
	#FOOTER .right{ float: right; width: 300px; overflow: hidden; text-align: right; padding: 0 20px 0 0; }


/* Sidebar */
#LEFTBOX{ 
	float: left; 
	width: 210px; 
	padding: 15px 0 0 0; 
	text-align: left; 
	font-size: 1.2em; 
	left: 15px; 
	position: relative; 
	background: #f8f8f8; 
	}
	#LEFTBOX .leftfooter{ 
	display: block; 
	margin: -35px 0 0 0; 
	}
	#LEFTBOX div.widget{ 
	margin: 0 12px 20px 12px; 
	padding-bottom: 10px; 
	background: url(images/bg_hdot.gif) repeat-x bottom; 
	}
	#LEFTBOX div.Last{ 
	background-image: none; 
	}
	#LEFTBOX h2{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 16px; 
	color: #4E4E4E; 
	letter-spacing: 1px; 
	margin: 0 0 9px 12px; 
	}
	#LEFTBOX a:hover{	
	text-decoration : underline; 
	}
	#LEFTBOX ul{ 
	padding: 0 0 0 1px; 
	border: none; 
	margin: 0 0 5px 12px; 
	} 
	#LEFTBOX li { 
	margin-left: 0; 
	padding-left: 10px; 
	list-style: none none; 
	background: url(images/point_left.gif) no-repeat 0 2px; 
	line-height: 18px; 
	}
	#LEFTBOX li a{ 
	color: #1A1A1A; 
	text-decoration: none; 
	padding-right: 0; 
	margin-right: 0;  
	color:#305e53;
	}	
	
	
	
	#LEFTBOX li.current_page_item a{
	font-weight: bold;
	color:#225347;
	}
	
	#LEFTBOX li.current_page_item li a{
	font-weight: normal;
	color: #305e53;
	}
	
	
	#LEFTBOX li li.current_page_item a{
	font-weight: bold;
	color:#225347;
	}
	
	#LEFTBOX li li li.current_page_item a{
	font-weight: bold;
	color:#225347;
	}
	
	
	#LEFTBOX li.li.current_page_item a{ font-weight: bold; }
	#LEFTBOX li.li.li.current_page_item a{ font-weight: bold; }
	#LEFTBOX li.li.li.li.current_page_item a{ font-weight: bold; }
	
	#LEFTBOX ul a:hover{text-decoration: underline;}	
	#searchform { display:block; height:35px; margin: 0; position:relative; }
	#searchform br{ display: none; }
	#searchform input{ position: absolute; top: 0px; right: 0; font-family: Arial, Helvetica, sans-serif; padding: 2px 5px; }
	#searchform #s{ width: 110px; height: 18px; border: 1px solid #dddddd; left: 0; }
	#calendar { padding: 0; margin-bottom: 15px; text-align: center; }
	#calendar h2{ display: none; }
	#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;	}
	#wp-calendar caption { font: 9px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center;  margin-top: 5px;  }
	#wp-calendar { empty-cells: show; margin: 0 auto 10px auto; width: 150px;  }
	#wp-calendar th{ font-size: 10px; color: Black; font-style: normal; text-transform: capitalize; }
	#wp-calendar #next a { padding-right: 10px; text-align: right; }
	#wp-calendar #prev a { padding-left: 10px; text-align: left; }
	#wp-calendar a { display: block; background: #d2eeaa; text-align: center; text-decoration: none; color: #373737;   }
	#wp-calendar a:hover{ color: #333333; background: #ffffff; text-decoration: none; }
	#wp-calendar caption { text-align: center; width: 100%;  font-size: 12px;  }
	#wp-calendar td { font-size:10px; padding: 0; text-align: center;  color: #5F4D26;  }
	

/* Content */
#TEXT{ 
	float: right;
	width: 620px; 
	padding: 35px 0px 20px 0; 
	margin: 0 30px 0 0; 
	position: relative; 
	font-size: 1.2em; 
	display:inline;
	}

.post{ width:100%; float:left; margin: 0 0 38px 0; padding:0; }
.entry{ padding: 15px 0 0 0; }
.post hr {	display: block;	}
.title, .entry h3{ font-size: 1.8em; font-weight: normal; margin: 0; padding: 5px 0 0 0; }
#TEXT h2 a, #TEXT h2, #TEXT h3 a{ text-decoration: none; color: #4a5460;  }
#TEXT h2 a:hover{ color: #d00000; }
.prefix{ font-size: 0.9em; border-top: 1px solid #eeeeee; margin: 0; text-align: right; }
.Aligned{ text-align: justify; line-height:1.5em;}
p.postmetadata, p.postmetadatasingle{ margin:20px 0 0 0; padding: 7px; text-align: center; font-size: 0.9em; background: #f8f8f8; }
p.postmetadata a:hover, p.postmetadatasingle a:hover{ color: #DF0000; }
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; line-height: 1.5em; }
acronym, abbr, span.caps{ font-size: 0.9em; letter-spacing: .07em; }
.postmetadata { clear: left; }

.pagetitle{ margin: -10px 0 30px 0; font-size: 1em; font-weight: bold; }
.pagetitle, .navigation{ margin: -10px 0 40px 0; padding: 0; font-size: 1em; font-weight: bold; }
.navigation .alignleft{	float:left; }
.navigation .alignright{ float: right; }

p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright {	float: right;	}
.alignleft {	float: left	}
.center { text-align: center; }
.clear{ clear: both; font-size: 1px; height: 1px; overflow: hidden; }

.entry form {  text-align: center; }/* This one is mainly for password protected posts, makes them look better. */
select { width: 130px; }
#commentform p { margin: 5px 0;   }
#commentform input.text { width: 170px; padding: 2px; margin: 5px 5px 1px 0; border: 1px solid #dcdcdc; background: White; color: #332D26; }
#commentform #author, #commentform #email, #commentform #url{ border: 1px solid #dcdcdc; background: White; }
#commentform textarea { width: 610px; padding: 2px;   border: 1px solid #dcdcdc;  overflow: auto;  background: White;   }
#commentform #submit {  }

h3#comments { padding: 0; margin: 20px auto 20px; font-size: 16px; background-image: none; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal;  }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
.commentmetadata { font-weight: normal; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify;  padding-left:0;}
.commentlist li { font-weight: bold; margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;  background: #fafafa;  }
.commentlist p { margin: 10px 5px 10px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }

acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #f5f5f5; }
blockquote cite { margin: 5px 0 0; display: block; }




ul.archives {color:green; }

A.ryoku{
	background-color: #fefefe; 
	line-height: 24px; 
	padding: 5px 100px 6px 100px;
	}
A.ryoku:hover{
background:#eeeeee;
	text-decoration:underline;
	}


.madia {
	margin: 5px;
	border: thin solid;
	border-width:1px;
	padding: 0px;

	float: left;
	text-align: center;

	font-size: 12px;
}


/* pでfloatを解除する */

#TEXT p {
clear:both;
}

/*メニューボタンの重なりを定義する */	
	#Nav ul{ list-style:none; width: 160px; margin: 0; padding: 0; position: absolute; left: 0; top: 31px; display: none; background: #b0695c; z-index:100; }
	#Nav ul li{ float: left; border-bottom: 1px solid #f2f2f2; width: 160px; padding: 0; margin: 0; background: none; }

/*sidBer top pict */	
#VISUAL{
		position : relative
		}
		
		
#VISUAL p.sidtop{
	position : absolute ; 
	top:150px; 
	left:16px ; 

	border: none; 
	width: 208px;
	height: 10px;	

	background: #eee; 
　z-index:10; 
	background: #eee url(images/sidevber_top.png); 
}