@charset "utf-8";

/************************************************
*���Z�b�g���f�t�H   *
************************************************/

* {margin:0;padding:0;}
body,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd { margin:0; padding:0; }
ul { list-style:none; }
img { border:0; }
a { color:#f09; text-decoration:underline; }
a:hover { color:#000; }
a:active { color:#666; }

body {
color:#333;
margin:0 auto;
padding:0;
text-align: center;
font: 1.1em/1.6 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/************************************************
*�w�i�摜       *
************************************************/
#home {
background: url(/home/kyjack/www/wp/wp-content/uploads/2008/07/0012.jpg) no-repeat fixed 50% 50%;
}
/************************************************
*�����N�܂��       *
************************************************/

a:link { color: #009; text-decoration: none; }
a:visited { color: #606; text-decoration: none; }
a:active { color: #c33; text-decoration: underline; }
a:hover { color: #c33; text-decoration: underline; }
a:link img,a:visited img { border: none; }
.gototop p {font-size: 70%;float: right;padding: 10px;}

/************************************************
*���C�A�E�g       *
************************************************/

#container {color: #333;background: url(../img/bg.gif) repeat-y;margin: 0 auto 0;width: 800px;text-align: left;} 


/************************************************
*�w�b�_�[�@       *
************************************************/

#header {color: #333;background: #fff;width: 796px;height: 60px;margin: 0 auto 0;padding: 0;text-align: left;}
#logo {float:left; width: 280px; height:46px; margin:10px 0 0 10px; background-color:#fff;}
#logo a {margin: 0;padding: 0;}


/************************************************
*�T�C�g����       *
************************************************/

#search {width: 400px;float: right;text-align: right;margin: 0px;padding: 10px 10px 0px 0px;}
#searchform {margin: 0;padding: 0;}
input#s {width:150px;border:1px solid #ccc;font-size:0.75em;padding:3px 5px;}
.searchbutton input {font-size:0.75em;padding:1px 10px;}


/************************************************
*�O���[�o���i�r   *
************************************************/

#menu {
	clear: both;
	width: 796px;
	height: 2.5em;
	color: #fff;
	background: #333;
	margin: 0 auto 0px;
	padding: 0;
	text-align: left;
	list-style-type: none;
	border-top: solid 1px #066;
	border-bottom: solid 1px #fff;
	font-size: 0.7em;
}
#menu li {text-align: center;border-right: solid 1px #999;float: left;line-height: 2.5em;}
#menu li a {
display: block;
width: auto;
text-decoration: none;
color: #fff;
background: #333;
font-weight: normal;
padding-right: 1em;
padding-left: 1em;
}
#menu li a:hover {color: #fff;background: #666;}
#menu li.current_page_item a ,#menu li.current_page_parent a {color: #fff;background: #666;}


/************************************************
*�A�C�L���b�`�@   *
************************************************/

#image {
width:796px;
height:170px;
margin:0 auto;
padding:0;
text-align:left;
}


.description {
margin: 0px;
padding: 140px 15px 0px 0px;
color: #333;
background: transparent;
text-align: left;
font: bold 20px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/************************************************
*�p���������X�g    *
************************************************/

#topicpath {color: #fff;background: #333;width: 796px;height: 2em;margin: 0 auto 0;padding: 0;text-align: left;border-top: solid 1px #fff;}
#topicpath p {
	color: #fff;
	background: transparent;
	padding: 3px 0 0 15px;
	font-size: 0.82em;
	line-height: 2em;
}
#topicpath h2 {
	color: #fff;
	background: transparent;
	padding: 3px 0 0 15px;
	font-size: 0.82em;
	line-height: 2em;
}
#topicpath p a {color: #fff;background: transparent;}


/************************************************
*�z�[��*
************************************************/

#whatsnew {clear: both;}
.whatsnewtitle {
font-size: 0.88em;
color: #333;
background: url(../img/titlebg.gif) no-repeat left center;
border-bottom: 2px solid #333;
font-weight: bold;
padding: 5px 0px 5px 15px;
letter-spacing: 1px;
margin-bottom: 3px;
}
.whatsnewlist {
font-weight: bold;
margin-bottom:0.5em;
font-size: 0.88em;
padding:4px 0 4px 15px;
color: #009;
background: url(../img/list.gif) no-repeat left center;
border-bottom: 4px double #C33;
border-top: 4px double #C33;
}
#recentlist {margin: 5px 0 0 0;}
#recentlist ul {list-style-type: none;margin: 0 0 20px 0;padding: 0;}
#recentlist ul li {margin: 0;padding: 4px 0 4px 18px;font-size: 0.75em;border-bottom: 1px dotted #999;color: #333;background: url(../img/doc.jpg) no-repeat left center;}


/************************************************
*Content*
************************************************/
#headline {
font-size: 65%;
line-height: 2em;
height: 120px;
overflow: auto;
}
#content {float: right;width: 500px;padding: 25px 25px 20px 0;}
.entrytitle {font-size: 0.85em;color: #333;border-top: 4px solid #555;border-bottom: 1px dotted #aaa;font-weight: bold;margin: 0 ;padding: 13px 10px;letter-spacing: 0.1em;}
.entrytitle a {color: #333;background: transparent;}
.meta {color: #999;background: transparent;margin: 4px 0 0 0;font-size: 0.75em;}
.entrycontent {padding: 10px 8px ;}
.entrycontent h2 {font-size: 0.88em;border-bottom: 3px double #ccc;font-weight: bold;margin: 0 0 1em 0;padding: 1em 0 4px 0;}
.entrycontent h3 {font-size: 0.88em;border-bottom: 1px dotted #999;font-weight: bold;margin: 0 0 1em 0;padding: 0 0 4px 0;}
.entrycontent h4 {font-size: 0.82em;border-left: 5px solid #666;font-weight: bold;margin: 0 0 1em 0;padding: 0 0 0 10px;}
.post p {margin:0 0 1em 0;font-size: 0.82em;line-height: 1.6em;}
.post ul {list-style-type: disc;margin: 1em 0 1em 20px;}
.post ol {margin: 1em 0 1em 20px;}
.post ul li, .post ol li {font-size: 0.82em;line-height: 1.6em;margin: 0 0 0 20px;padding: 0 0 0 3px;}
.post li li {font-size: 1em;}
.read {text-align: right;}
.navigation {font-size: 0.75em;padding: 10px 0 30px 0;border-top: 1px solid #ccc;}
.alignright {float: right;}
.alignleft {float: left;}
blockquote {border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-left: 10px solid #ccc;padding: 1em 1em 0;margin: 0 0 1em 0;color: #333;background: #fff;}
strong {font-weight: bold;font-style: normal;color: #c33;background: transparent;}
cite {font-style: normal;}
hr {
clear: both;
display: run-in;
}


/************************************************
*�A�[�J�C�u�y�[�W���o��*
************************************************/

#archive_title {margin:0 0 20px 0;padding: 6px 10px 6px 10px;font-size: 1em;border-top: 4px solid #cc0000;border-right: 1px solid #999;border-left: 1px solid #999;border-bottom: 1px solid #999;background-color:#eee;color:#333;letter-spacing: 0.1em;}


/************************************************
*�R�����g��*
************************************************/

#comments {margin: 30px 0 20px 0;}
#commentstitle , #postcomment {color: #333;background: transparent;font-size: 0.88em;border-bottom: 1px solid #ccc;font-weight: bold;margin: 0;padding: 0 0 5px 0;letter-spacing: 1px;}
.note {font-size: 0.75em;padding: 1em 0;}
#commentlist {list-style-type: none;margin:0;padding:0;}
#commentlist li {list-style-type: none;}
#commentlist li.commentcontent {display:block;list-style:none;margin-bottom:1em;padding:15px 15px 15px 15px;color: #333;background: #fff;border:1px solid;border-color:#efefef #ccc #ccc #efefef;}
.commenttext p {font-size: 0.82em;line-height:1.5em;margin:0 0 1em 0;}
.metadata {margin:0;padding:0 0 1em 0;font-size: 0.82em;text-align: right;}
input#trackbackurl {width:400px;color:#666;background: transparent;}
form#commentform {margin:20px 0 0 0;}
form#commentform label {width:140px;float:left;margin:0.25em 20px 0 0;font-size:0.88em;}
form#commentform p {clear:both;margin:0 0 1em 0;}
input#author, input#email, input#url {width:250px;border:1px solid #ccc;padding:1px 3px;}
textarea {font-size:0.88em;border:1px solid #ccc;width:500px;}
p.submitbutton input {font-size:0.82em;padding:3px 0;font-weight:normal;}


/************************************************
*�T�C�h�o�[�@  *
************************************************/

#sidebar {float: left;margin: 15px 0 30px 20px ;width: 210px;display: inline ; /* under IE6 */}
#sidebar ul {list-style-type: none;margin: 0;padding: 0;}
#sidebar ul li {margin: 0 0 25px 0;padding: 0;}
#sidebar ul li h2 {
color: #333;
background: url(../img/titlebg.gif) no-repeat left center;
font-size: 0.88em;
font-family: verdana, sans-serif;
border-bottom: 2px solid #333;
font-weight: bold;
margin: 0;
padding: 5px 0 5px 15px;
letter-spacing: 1px;
}
#sidebar ul ul {margin: 0;}
#sidebar li li {font-size: 0.82em;margin: 0 ;border-bottom: 1px dotted #ccc;display: block;}
#sidebar li li li {font-size: 1em;padding: 0 0 0 1em ;border-top: 1px solid #ccc;border-bottom: none;display: block;}
#sidebar a {display: block;padding: 6px 0 6px 5px;color: #333;background: transparent;text-decoration: none;}
#sidebar a:hover {color: #333;background: #ddd;text-decoration: none;}
#sidebar .current_page_item {color: #333;background: #eee;}


/************************************************
*�t�b�^�[   *
************************************************/

#footer {clear: both;width: 800px;height: 30px;color: #fff;background: #333;margin: 0 auto;padding: 12px 0 0 0;border-top: 1px solid #999;font-size: 10px;line-height: 1.6em;}
#footerlink {float: left;width: 390px;list-style-type: none;padding: 0;margin: 0;}
#footerlink li {display: inline;margin: 0;padding: 0 0 0 1.5em;}
#footerlink li a {color: #fff;background: transparent;}
#copyright {float: right;width: 400px;padding:0 10px 0 0;text-align: right;}
address {font-style: normal;}
#credit a {color: #999;background: transparent;text-decoration: none;}
#credit a:hover {color: #333;background: transparent;text-decoration: underline;}


/************************************************
*�e�[�u���@�@ *
************************************************/

table {width:100%;margin:1em 0 2em;border:solid 1px #999;}
th, td {font-size: 0.82em;border:solid 1px #ccc;padding:10px;}
th {text-align:center;font-weight:bold;}


/************************************************
*�R���^�N�g�t�H�[�� *
************************************************/

#contact {width:100%;margin:1em 0 2em;border:none;}
#contact th {font-size:0.82em;border:solid 1px #ccc;padding:10px;text-align:left;font-weight:bold;color:#333;background:#ddd;}
#contact td {font-size:0.82em;border:solid 1px #ccc;padding:10px;text-align:left;}
input#jsk_subject,input#jsk_name,input#jsk_email,input#jsk_url {width:250px;border:1px solid #ccc;padding:1px 3px;}
textarea#jsk_message {font-size:0.88em;border:1px solid #ccc;width:350px;}
.em {color:#c33;background:transparent;font-weight:bold;}


/************************************************
*�A�b�v���[�h *
************************************************/

.imageframe { border: 3px solid #ccc; }
.imgalignleft { float: left; margin: 0 1.5em 1em 0;}
.imgalignright { float: right;  margin: 0 0 1em 1.5em;}
.imgaligncenter { margin-left: auto; margin-right: auto; }
.floatright {float: right;padding: 40px 10px 10px;}