/*
Theme Name:okamoto ryuji thema
Description: okamoto ryuji thema
Author: WebDesignPlanning LuckBell
Author URI: http://www.luckbell.jpn.org/
*/



body {
	margin:0;
	padding-top:0px;
	background:#fff;
	background-position:center;
	background-repeat:repeat-y;
	background-attachment:fixed;
	font-family:Verdana,Tahoma,sans-serif;
	color: #333333;
	font-size:16px;
	}
img {
	border:0;
	}
a {
	color: #990000;
	text-decoration:none;
	font-weight:bold;
	}
a:hover {
	color: #000066;
	text-decoration: underline;
	font-weight:bold;	
		}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }

h1, h2, h3, h4, h5, h6 {
	
	}
blockquote {
	padding-left:10px;
	color:#2d2d2d;
	font-style: normal;
	
	}
.clear {
	clear:both;
	}
.alignleft {
	float:left;
	padding:3px 0 0 5px;
	}
.alignright {
	float:right;
	padding:3px 0 0 5px;
	}

/* The Wrapper */

.wrapper {
	width:1000px;
	margin:0 auto;
		background:url(images/honu_back.gif) no-repeat;
	background-position:0% 50%;
	}
	
/* Menu */

#foxmenucontainer{
	height:32px;
	background:url(images/menu.jpg) repeat-x ;
	display:block;
	padding:0px 0 0px 0px;
	}
#foxmenu{
	position:relative;
	display:block;
	height:32px;
	font-size:12px;
	font-weight:normal;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	}
#foxmenu ul{
	margin:0px;
	padding:0px 0px 0 20px;
	list-style-type:none;
	width:auto;
	float:left;
	}
#foxmenu ul li{
	display:block;
	float:left;
	margin:0 0px 0 0;
	width:83px;
	}
#foxmenu ul li a{
	display:block;
	float:left;
	color:#102222;
	text-align: center;
	text-decoration:none;
	padding:10px 0px 0 0px;
	width: 83px; 
	height: 22px;
	background:#eee url(images/li2.gif) no-repeat top right;
	}
#foxmenu ul li a:hover,#foxmenu ul li.current_page_item a{
	color:#3A5978;
	background:#222 url(images/li2.gif) no-repeat top left;
	width: 83px; height: 22px;
	text-align: center;
	}
#foxmenu ul li .current_page_item a,#foxmenu ul li .current_page_item a:hover{
	color:#3A5978;
	width: 83px; height: 22px;
	background:transparent url(images/li2.gif) no-repeat top right;
	}
/* The Top */

.top {
	height:300px;
	margin-top:0px;
		}
.top2 {
	height:150px;
	margin-top:0px;
		}
.blogname {
	float:left;
	width:400px;
	font-family:Georgia,Century Gothic,Verdana,Tahoma,sans-serif;	
	}
.blogname h1  {
	font-size:40px;
	font-weight:bold;
	margin:0px 0px 0 0px;
	color:#051a2e;
	text-decoration: none;
	}
.blogname h1  a:link, .blogname h1  a:visited{ 
	color: #051a2e; 
	text-decoration: none; 
	background-color:transparent;
	}
	
.blogname h1  a:hover { 
	color: #fff; 
	text-decoration: none; 
	background-color:transparent;
	}
.blogname h2 {
	margin:5px 60px 0 40px;
	font-size:16px;
	font-weight:normal;
	color:#fff;
	text-align:right;
	}
		
	
/* The Content */
.date {
	font-size:13px;
	padding:0px 3px 2px 0px;
	color:#38557f;
	background:transparent;	
	
}
.content {
	padding:15px 10px 25px 15px;
	background-repeat:no-repeat;
	
	}
	
	

.date1 {
	float:left;
	width:56px;
	height:45px;
	background:url(images/date.jpg);
	background-repeat:no-repeat;
	margin-left:3px;
	text-align:center;
	font-size:13px;
	font-family:Verdana,Helvitica,sans-serif;
	padding-top:2px;
	font-weight:normal;
    text-transform:uppercase;
	color:#AF500A;
	
	}
.date1 .day {
	color:#fff;
	font-size:22px;
	font-weight:bold;
	padding-top:4px;
	line-height:22px;
	}	
	
/* The Posts */

.text {
	width:750px;
	float:left;
	text-align:left;
	line-height:28px;
	}
.post {
	
	padding:15px 5px 10px 5px;
	color:#555;
	font-family:Verdana,Century Gothic,Tahoma,sans-serif;	
	}

h1.title {
    font-size:24px;
	margin:0px 0 0 0;
	padding:0px 3px 2px 0px;
	height:26px;
	font-weight:normal;
	background:transparent;
	font-family: Georgia,century gothic,Arial, Helvetica, sans-serif;	
	
	}
h1.title a {
	color:#1a3153;
	text-decoration:none;
	}
h1.title a:hover {
	color:#1a3153;
	background:none;
	font-weight:normal;
	text-decoration:none;
	}
.postinfo {
	height:20px;
	padding: 0px 5px 2px 0px;

	
					}
		
.postinfo a {
	font-size:12px;
	color:#81080C;
	font-weight:normal;
	text-decoration:none;
	}
	
.postinfo a:hover{
	color:#a31519;
	}	

.comms{
	line-height:15px;
	float:left;
	padding:0px 0px 0 0px;
	font-size:12px;
	width:118px;
}

.comms a:link,
.comms a:visited {
	display:block;
	color: #fff;
	background:url(images/comm.jpg) no-repeat top;
	height:21px;
	padding:5px 0px 0 15px;
}
.comms a:hover{
	background:url(images/comm.jpg) no-repeat bottom;

}


.entry {
	display:block;
	margin: 0 0;
	padding: 5px 0px;
	}
.cover{
	margin: 0 0;
	
	}
.rightcolumn{
float:right;
width:200px;
margin:10px 0 0 0 ;

}


/* The Sidebar0 */

.sidebar{
	float:left;
	width:190px;
	padding-top:10px;
	padding-right:3px;
	font-size:13px;
	margin-top:-15px;
	font-family: "Century gothic", Arial, sans-serif;
	}
	
*+html body .sidebar{
	float:left;
	width:190px;
	padding-top:10px;
	padding-right:3px;
	font-size:13px;
	margin-top:-35px;
	font-family: "Century gothic", Arial, sans-serif;
	}

.sidebar h2 {
	height:32px;
	line-height:27px;
	font-size:18px;
	color:#333;
	margin:10px 0 0 0 ;
	padding:35px 0 0 5px;
	background:url(images/h2.jpg) ;
	background-repeat:repeat-x;
	position:relative;
	}
.sidebar ul {
	list-style-type: none;
	margin: 0 ;
	padding: 0;
	
		}	
.sidebar ul li {height:100%;
	}
		
		
.sidebar ul ul li li{
	height:100%;
	background:url(images/sideb.jpg) bottom no-repeat;
	padding-bottom:6px;
	margin-bottom:6px;
	}

.sidebar ul li a:link, .sidebar ul li a:visited {
	color: #333;
	text-decoration: none;
	padding: 3px 0px 4px 10px;
	display:block;
	font-family: verdana, arial, helvetica, sans-serif;
	background: #fff;
	background-repeat:no-repeat;
	}

.sidebar ul li a:hover {
	background: #fff;
	background-repeat:no-repeat;
	color:#333;
	}



.sidebar p {
	padding: 7px 10px;
	margin:0;

	}

.sidebar table {
	width:100%;
	text-align:center;
	background-color:transparent;
	}
/* --- FOOTER --- */

#footer {
	padding:25px 0 0 0px;
	background:url(images/footer.gif) no-repeat;
	width:1000px;
	height:35px;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	letter-spacing:1px;
	}

#footer a {
	color:#333333;
	text-decoration:none;
	font-weight:normal;
	}

#footer a:hover {
	color: #990000;
	text-decoration:none;
	font-weight:normal;
	}



/* The Navigation */

.navigation {
	height:25px;
	padding:0 20px;
	}
.navigation a {
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	color:#c58b58;
	}
.navigation a:hover {
	color:#ef2e08;

	}

/* The Attachment */

.contentCenter {
	text-align:center;
	}

/* The Page Title */

h2.pagetitle {
	padding:0;
	margin:0 0 20px 0;
	font-size:25px;
	text-align:center;
	}

/* The Comments */


.comments {
	padding: 22px 32px 23px 32px;
	line-height:16px;
	}
	
.comments ol {
	margin: 0 0 30px 0;
	padding: 0 0 0 20px;
	font-weight: bold;
	color: #3a75c9;
	
}	

div.comments ol li {
	padding-bottom: 9px;
	
}
.cmnt{
	
	padding: 5px 0 5px 0;
	text-align:center;
}
.comments form {
	}
.comments textarea {
	width:96%;
	height:156px;
	background:#fff;
	border:1px solid #9F9F9F;
	color:#000;
	padding:10px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
#commentform {
	padding-left:23px;
	}
#commentform input {
	background:#fff;
	border:1px solid #9F9F9F;
	color:#484849;
	padding-left:10px;
	}
.comments input#submit {
	padding:0;
	width:72px;
	height:29px;
	}
.comments h2 {
	font-size:19px;
	line-height:30px;
	margin:24px 0 0 0px;
	padding:0;
	font-weight:normal;
	
	}
.comments ol li p {
	padding:0;
	margin:10px 0;
	color:#666;
	font-weight:normal;
	}
.comments ol li {
	padding-bottom: 9px;

}

/* etc */

.logo a { background:url(images/logo.jpg) no-repeat; text-indent:-9999px; display:block; width:278px; height:134px;}

.he_batch_box { float:right; position:absolute; margin-left:639px;}

*+html body .he_batch_box { float:right; position: relative; margin-right:238px; margin-top:-123px;}

*html .he_batch_box { float:right; position: absolute; margin-left:-61px;}

.he_batch a { background:url(images/head_batch.jpg) no-repeat; width:131px; height:123px; display:block; text-indent:-9999px;}

.he_batch a:hover { background:url(images/head_batch_on.jpg) no-repeat; width:131px; height:123px; display:block; text-indent:-9999px;}

.flash_box { width:1000px; height:180px; background:url(images/flash_back.gif) no-repeat;}

.mail_box { float:right; margin-top:-123px; position:relative;}

.mail_top a {
	background:url(images/mail_top.jpg) no-repeat;
	width:235px;
	height:285px;
	display:block;
	text-indent:-9999px;
}

.mail_top a:hover {
	background:url(images/mail_top_o.jpg) no-repeat;
	width:235px;
	height:285px;
	display:block;
	text-indent:-9999px;
}

.rss_box a { float:right; margin-top:-36px; margin-right:5px; background:url(images/rss.jpg) no-repeat; text-indent:-9999px; width:104px; height:54px;}

.menu { background:url(images/menu_back.jpg) no-repeat; width:980px; height:46px; float:left; padding-left:10px; padding-right:10px; padding-top:17px; font-size:18px; color: #999999; position:relative;}

.menu ul,li { list-style:none; padding:0px; margin:0px;}

.menu li { float:left; margin-left:20px;}

.menu li a { color: #666666; font-weight:normal;}

.menu li a:hover { color: #990000; font-weight:normal;}

*+html body .me_l_ie7 { margin-top:3px;}


.flash { float:right; margin-right:100px;}

*html .flash { float:right; margin-right:100px;}

.flash2 { float:right; margin-right:100px;}

*html .flash2 { float:right; margin-right:100px;}

.go_top { float:right;}

.go_top a { background:url(images/go_top.gif) no-repeat; width:200px; height:25px; text-indent:-9999px; display:block;}

.new_box { background:url(images/whatnew_back.jpg) no-repeat; width:242px; height:242px; float:right;}

.new_box_c { width:210px; height:209px; overflow-y:scroll-y; padding:40px 15px 15px 15px; font-size:12px;}

.new_box_c ul { margin:0px; padding:0px; line-height:18px;}

.ac_koma { background:url(images/access_koma01.gif) no-repeat; width:260px; height:35px; padding-left:40px; padding-top:5px;}

.toi_koma { background:url(images/toi_koma01.gif) no-repeat; width:260px; height:35px; padding-left:40px; padding-top:5px;}

.fo_menu a { color:#333333;}

.fo_menu a:hover { color: #006666; text-decoration:overline;}