@charset 'UTF-8';
/********************************/
/* General                        */
/**********************************/
body {
	margin : 0;
	padding : 0;
	line-height:1.4;
	font-size : 0.75em;
	font-style : normal;
	font-family : 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color : #333;
	background : #666;
	width : 980px;
}

a {
	color: #0D6AA6;
	text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
	color: #f60;
}

form {
	margin:0;
	padding:0;
}

input, textarea {
	font-size : 1.0em;
	color: #333;
}

p {
	margin: 10px 0;
}

img {
	border:1px solid #EEE;
	padding: 1px;
	margin:0;
}

/* Some peoples sometime using this class for aligning the image */
img.alignleft, img.left {
	float:left;
	margin-right: 5px;
	margin-left: 0px;
}

img.alignright, img.right {
	float:right; 
	margin-left: 5px; 
	margin-right: 0px;
}

.clear {
	clear:both;
	overflow:hidden;
}

/**********************************/
/* Layout                         */
/**********************************/
#container,#left,#header,#header2,#content,#sidebar,#footer,#categorylist,#categorylist2 {
	overflow:hidden;
	display:block;
}

#container {
	width:960px;
	padding:0;
	margin: 0px 0px 0px 20px;
	border-top: 5px solid #191970;
	border-bottom: 3px solid #708090;
	background: #fff url(img/verdana-bg.gif) repeat-y top right;
}

#left {
	width: 560px;
	float:left;
	margin:0;
	padding:0;
	text-align: justify;
}

.middle {
	width:180px;
	margin:0;
	padding: 0 10px;
	float:left;
}

.right {
	width:180px;
	margin:0;
	padding: 0 10px;
	float:left
}

#content {
	padding: 28px;
}

#header {
	background: #708090;
	padding: 10px 15px;
	border-bottom: 2px solid #191970;
}

#header2 {
	background: #708090;
	padding: 10px 15px;
	border-bottom: 2px solid #191970;
}

#categorylist {
	background: #708090;
	padding: 10px 15px;
	margin-bottom: 10px;
	border-bottom: 2px solid #191970;
}

#categorylist2 {
	background: #708090;
	padding: 10px 15px;
	margin-bottom: 10px;
	border-bottom: 2px solid #191970;
}

#sidebar {
	width: 400px;
	float:left;
	margin:0;
	padding:0;
}

#footer {
	width:960px;
	padding: 3px 0px 0 20px;
	margin:0;
	font-size: 0.86em;
	height: 30px;
	text-align:right;
	color:#999;
}

/**********************************/
/* Content                        */
/**********************************/
#content h1,h2,h3,h4 {
	line-height:1.2em;
	text-align:left;
}

#content h1 {
	color:#0D6AA6;
	letter-spacing:0.05em;
	display:inline;
	font-size : 1.8em;
	text-align:left;
}

#content h2 {
	font-size:1.3em;
	color:#0D6AA6;
	margin:0px;
	padding-top: 20px;
	text-align:left;
}

#content h2.pagetitle {
	font-size:1.2em;
	color:#f90;
	padding:5px 0;
}

#content h3{
	font-size:1.2em;
	color:#0D6AA6;
	text-align:left;
}

#content h4{
	font-size:1.2em;
	color:#0D6AA6;
	text-align:left;
}

#content blockquote {
	font-style:italic;
	padding:0 10px 0 10px;
	margin:5px 0px 5px 20px;
	color:#000;
	font-size: 1.0em;
	border-left: 5px solid #b0c4de;
	border-right: 5px solid #b0c4de;
	line-height: 1.2em;
	background: #f7f7f7;
}

#content p.postmetadata {
	clear:both;
	overflow:hidden;
	background: #f7f7f7;
	padding:5px 10px;
	line-height: 1.0em;
	text-align:right;
}

code {
	font-size:1.2em;
	text-align:left;
	margin:0;
	padding:0;
	color: #008;
}

#content li {
	padding-bottom: 5px;
}

#content .post-date {
	font-size:1.0em;
	padding-left:20px;
	background: transparent url(img/calendar.png) no-repeat top left;
	padding-top: 5px;
	background-position:0% 5px;
}

/**********************************/
/* Header                         */
/**********************************/
#header h1 {
	color:#FFF;
	letter-spacing:1px;
	display:inline;
	font-weight:bold;
	font-size:2.0em;
	margin:0;
	padding:0;
}

#header h1 a {
	color: #eee;
}

#header h1 a:hover {
	color: #fc0;
	text-decoration:none;
}
#header h2{
	font-size:1.0em;
	color:#DDD;
	letter-spacing:0.05em;
	margin:0;
	padding:0;
}

/**********************************/
/* Header2                         */
/**********************************/
#header2 h1 {
	color:#FFF;
	letter-spacing:1px;
	display:inline;
	font-weight:bold;
	font-size:2.0em;
	margin:0;
	padding:0;
}

#header2 h1 a {
	color: #eee;
}

#header2 h1 a:hover {
	color: #fc0;
	text-decoration:none;
}

#header2 h2{
	font-size:1.0em;
	color:#DDD;
	letter-spacing:0.05em;
	margin:0;
	padding:0;
}

/**********************************/
/* Sidebar                        */
/**********************************/
#sidebar a:hover {
	text-decoration:none;
	color: #f60;
}

#sidebar ul {
	margin: 0 0 10px 0;
	padding:0;
	list-style-type: none;
	border-top: 1px solid #eee;
}

#sidebar h2 {
	font-weight:bold;
	font-size:1.1em;
	color:#333;
	margin:0;
	padding:0;
	padding-left: 20px;
	border-bottom: 1px solid #eee;
}

#sidebar #header h2 {
	padding-left: 0;
	border:0;
	color: #CCC
}

#sidebar #header2 h2 {
	padding-left: 0;
	border:0;
	color: #CCC
}

#sidebar #categorylist {
	padding-left: 0;
	border:0;
	color: #CCC
}

#sidebar #categorylist2 {
	padding-left: 0;
	border:0;
	color: #CCC
}

#sidebar h2.about {
	background: transparent url(img/user.png) no-repeat top left;
}

#sidebar h2.cats {
	background: transparent url(img/folder.png) no-repeat top left;
}

#sidebar h2.cal {
	background: transparent url(img/cal.png) no-repeat top left;
}

#sidebar h2.calendar {
	background: transparent url(img/calendar.png) no-repeat top left;
}

#sidebar h2.search {
	background: transparent url(img/search.png) no-repeat top left;
}

#sidebar h2.file {
	background: transparent url(img/file.png) no-repeat top left;
}

#sidebar h2.meta {
	background: transparent url(img/meta.png) no-repeat top left;
}

#sidebar h2.blogroll {
	background: transparent url(img/link.png) no-repeat top left;
}

#sidebar h2.comment {
	background: transparent url(img/comment.png) no-repeat top left;
}

#sidebar h2.web {
	background: transparent url(img/web.png) no-repeat top left;
}

#sidebar h2.new {
	background: transparent url(img/new.png) no-repeat top left;
}

#sidebar h2.bug {
	background: transparent url(img/bug.png) no-repeat top left;
}

#sidebar h2.email {
	background: transparent url(img/email.png) no-repeat top left;
}

#sidebar h2.edit {
	background: transparent url(img/edit.png) no-repeat top left;
}

#sidebar h2.link {
	background: transparent url(img/link.png) no-repeat top left;
}

#sidebar ul {
	margin-top: 5px;
}

#sidebar ul li {
	background: transparent url(img/none)  top left;
	padding-left: 0px;
	border-bottom: 0px solid #f0f0f0;
}

#sidebar ul li ul {
	border-top: 0px solid #f0f0f0;
	margin:0;
}

#sidebar ul li ul li {
	padding-left:20px;
	border:none;
	border-top: 1px solid #f0f0f0;
}

#sidebar ul.links li {
	display: inline;
	overflow:hidden;
	border:none;
	padding-left:0px;
}

#sidebar ul.links li h2 {
	color: #666;
	clear:both
}

#sidebar ul.links li ul {
	clear:both
}

#sidebar ul.links li ul li {
	float:left;
	padding-left:20px;
}

#sidebar img {
	margin:2px 0 0 0;
	padding:2px 0 0 0;
	border: none;
}

#sidebar ul.aboutconnected {
	margin-left:10px;
}

#sidebar ul.aboutconnected li {
	float:left;
	display: inline;
	overflow:hidden;
	border:none;
	padding-left:10px;
}

#sidebar ul.aboutconnected li h2 {
	color: #666;
}

#sidebar ul.aboutconnected li ul li {
	padding-left:20px;
}

/**********************************/
/* Footer                         */
/**********************************/
#footer .copyright a {
	color:#999;
}

#footer .copyright a:hover {
	color:#FF0;
	text-decoration:none;
	border-bottom:1px dashed #900;
}

/**********************************/
/* Calendar                       */
/**********************************/
#wp-calendar {
	width: 150px;
	color: #999;
	line-height:1.0em;
}

#wp-calendar caption {
	font-weight:bold;
	color: #666;
	line-height: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#wp-calendar .today {
	background:#FBFCF4;
}

/* *********************************** */
/* Comments Div                        */
/* *********************************** */
h3#comments, h3#respond {
	border-top:1px solid #CCC;
	padding-top: 10px;
	padding-left: 20px;
	color:#0D6AA6;
	font-size: 1.2em;
	font-weight: bold;
}

h3#comments {
	background: transparent url(img/comment.png) no-repeat top left;
	background-position:0% 12px;
}

h3#respond {
	background: transparent url(img/edit.png) no-repeat top left;
	background-position:0% 12px;
}

cite {
	position:relative;
	color: #999;
	padding:0;
	margin:0;
	font-weight:bold;
}

.alt {
	background: #f7f7f7;
}

.commentbody {
	color: #595949;
	font-size: 1.0em;
	margin: 0 0 5px 0;
	padding: 10px 15px 10px 15px;
	background: #FAFAF5;
	border: 1px solid #f0f0e0;
	list-style:none;
}

.commentbody p {
	line-height: 1.2em;
	margin:0;
	padding:0;
}

.commentlink {
	font-size: 1.0em;
}

.commentlist {
	list-style: none;
	margin:0;
	padding:0px;
}

.commentcount {
	font-weight:bold;
	color: #e0e0d0;
	width: 520px;
	text-align: right;
	position:absolute;
	left:0;
}

.gravatar {
	float:left;
	padding: 1px;
	margin: 5px 5px 5px 0;
	background: #fff;
	width: 40px;
	height: 40px;
}

#recentcomments ul {
	border: none;
}

/* *********************************** */
/* Diggclick                           */
/* *********************************** */
.diggclick {
	float:left;
	padding:3px 5px 5px 5px;
}

/* *********************************** */
/* alinks                              */
/* *********************************** */
a.alinks_links {
	text-decoration: none;
	border-bottom: #0000FF 1px dotted;
}

/* *********************************** */
/* tabber                              */
/* *********************************** */
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
	display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
	margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
	margin:0;
	padding: 3px 0;
	border-bottom: 1px solid #778;
	font-weight:bold;
	font-size:12px;
}

ul.tabbernav li{
	list-style: none;
	margin: 0;
	display: inline;
}

ul.tabbernav li a{
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	background: #ff6600;
	text-decoration: none;
}

ul.tabbernav li a:link {
	color:#ffffff;
}

ul.tabbernav li a:visited {
	color: #ffffff;
}

ul.tabbernav li a:hover{
	color: #ff6600;
	background: #fafaf5;
	border-color: #227;
}

ul.tabbernav li.tabberactive a{
	color: #fc0;
	background-color: #708090;
	border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover{
	color: #fc0;
	background: #708090;
	border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	padding:5px;
	border:1px solid #aaa;
	border-top:0;
	/* If you don't want the tab size changing whenever a tab is changed
	   you can set a fixed height */
	/* height:200px; */

	/* If you set a fix height set overflow to auto and you will get a
	   scrollbar when necessary */
	/* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
	display:none;
}

.tabberlive .tabbertab h3 {
	display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
	height:200px;
	overflow:auto;
}

/**********************************/
/* Category List                   */
/**********************************/
#categorylist h2 {
	font-size:1.0em;
	color:#DDD;
	letter-spacing:0.05em; margin:0;padding:0;
}

#categorylist {
	color:#FFF;
	display:inline;
	font-weight:bold;
	font-size:1.0em;
	margin:0;
	padding:0;
}

#categorylist a {
	color: #eee;
}

#categorylist a:hover {
	color: #fc0;
	text-decoration:none;
}

#categorylist li {
	display: inline;
	padding: 0px 5px;
}

/**********************************/
/* Category List2                   */
/**********************************/
#categorylist2 h2 {
	font-size:1.0em;
	color:#DDD;
	letter-spacing:0.05em;
	margin:0;
	padding:0;
}

#categorylist2 {
	color:#FFF;
	display:inline;
	font-weight:bold;
	font-size:1.0em;
	margin:0;
	padding:0;
}

#categorylist2 a {
	color: #eee;
}

#categorylist2 a:hover {
	color: #fc0;
	text-decoration:none;
}

#categorylist2 li {
	display: inline;
	padding: 0px 5px;
}

/**********************************/


/**********************************/
/* Page links                     */
/**********************************/

.pagelinks {
	clear: both;
	margin: 2.5em 0;
	font-size: 1.0em;
	font-weight: bold;
}

.pagelinks strong {
	color: #333333;
	margin: 0 0.6em 0 0;
	border: 1px solid #e5e5e5;
	padding: 0.3em 0.6em;
}

.pagelinks a {
	margin: 0 0.8em;
	border: 1px solid;
	padding: 0.3em 0.6em;
}

/*add*/
.postnavi {
	padding-bottom: 15px;
	margin-bottom: 15px;
	display: block;
}
.prev {
	float:left;
}

.next {
	float:right;
}