@charset "UTF-8";
/*---------------------------------------------------------------
base.css
-----------------------------------------------------------------
table of contents

	1. Reset
	2. Basic Style
	3. Layout	
	4. Sidebar	
-----------------------------------------------------------------
font-size table

	10px :   77%		16px : 123.1%
	11px :   85%		17px :    131%
	12px :   93%		18px : 138.5%
	13px : 100%		19px : 146.5%
	14px : 108%		20px : 153.9%
	15px : 116%		21px : 161.6%
---------------------------------------------------------------*/

/*===============================================================
	1.	Reset
===============================================================*/

/*		YUI - reset.css 
---------------------------------------------------------------*/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/*		YUI - fonts.css
---------------------------------------------------------------*/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*===============================================================
	2.	Basic Style		(Based on YUI - base.css 2.6.0)
===============================================================*/

body {
  font-family:"Georgia","Times New Roman","HiraMinPro-W6","ヒラギノ明朝 Pro W6","HiraMinPro-W6","ＭＳ Ｐ明朝","HiraMinPro-W3","細明朝体","ヒラギノ明朝 Pro W3","Osaka","serif";
	color:#323232;
	letter-spacing:0.08em;
}
h1 {
	font-size:138.5%;
}
h2 {
	font-size:123.1%;
}
h3 {
	font-size:108%;  
}
h1, h2, h3 {
	margin:0;
}
strong {
	font-weight:bold; 
}
abbr, acronym {
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	font-style:normal;
}
del {
	text-decoration:line-through;
}
ol, ul {
	margin-left:2em;
}
ol li {
	list-style: decimal outside;	
}
ul li {
	list-style: disc outside;
}
th {
	font-weight:bold;
	text-align:center;
}
caption {
	margin-bottom:.5em;
	text-align:center;
}
hr {
	display:none;
}
img {
	vertical-align:bottom;
	border:none;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

a:link, a:visited {
	color: #323232;
	text-decoration:none;
	border-bottom:1px dotted #323232;
}
a:hover, a:active {
	color: #c8c8c8;
	text-decoration:none;
	border-bottom:1px dotted #c8c8c8;
	outline:none;
}

/*===============================================================
	3.	Layout
===============================================================*/

body{
	text-align:center;
}
#flash{
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#eee;
	text-align:center;
}
#blog{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	text-align:center;
}
#container{
	position:relative;
	width:900px;
	margin:0 auto;
	padding:0 50px;
}
#contents{
	overflow:hidden;
	width:676px;
	margin-left:224px;
	padding:126px 0 0;
}
#sidebar{
	position:absolute;
	top:0px;
	width:200px;
	text-align:left;
}
#pagetop{
	position:fixed;
	bottom:0px;
	width:100%;
	text-align:right;
}
#pagetop img{
	margin-left:916px;
	cursor:pointer;
}

/*===============================================================
	4.	Sidebar
===============================================================*/

#sidebar h1{
	margin:92px 0 33px;
}
#category{
	margin-bottom:25px;
	padding-bottom:22px;
	background:url(../images/bg-sidebar.gif) bottom left no-repeat;
}
#category dt{
	height:11px;
	margin-bottom:9px;
	line-height:11px;
}
#category dd,
#archives dd{
	margin:0 0 0 12px;
	padding-left:13px;
	background:url(../images/bg-dott.gif) top left no-repeat;
	font-size:77%;
	font-style:italic;
	line-height:1.6;
	letter-spacing:0.07em;
}
#archives{
	margin-bottom:46px;	
}
#archives dt{
	height:9px;
	margin-bottom:9px;
	line-height:9px;
}
#back{
	position:absolute;
	top:0px;
	left:0px;
}
#rss{
	margin-left:10px;
	font-size:0;
}
#back{
	font-size:0;
}
#sidebar h1 a,
#category a,
#archives a,
#rss a,
#back a{
	border:none;
}

/*===============================================================
	5.	Contents
===============================================================*/

#contents div.entry{
	clear:both;
	overflow:hidden;
	width:100%;
	margin-bottom:50px;
	padding-bottom:31px;
	background:url(../images/bg-entry.gif) bottom left no-repeat;
}
#contents div.entry.last{
	margin-bottom:99px;
	background:url(../images/bg-entry-last.gif) bottom right no-repeat;
}
#contents div.body{
	float:right;
	width:422px;
	padding-top:9px;
	text-align:left;
}
#contents div.body h2{
	margin-bottom:10px;
	font-size:100%;
	font-weight:bold;
}
#contents div.body p{
	margin-bottom:16px;
	font-size:85%;
	line-height:1.6;
}
#contents div.body p.info{
	margin-bottom:21px;
	padding-bottom:25px;
	background:url(../images/bg-info.gif) bottom left no-repeat;
	font-size:77%;
	line-height:1;
	font-style:italic;
	letter-spacing:0.07em;
}
#contents div.body p.info .date{
	padding-right:5px;
}
#contents div.body p.info img{
	padding-right:5px;
	vertical-align:middle;
}
#contents div.image{
	float:left;
	width:244px;
}
#contents div.image p{
	width:224px;
	height:174px;
	padding:10px;
	background:url(../images/bg-image.png) top left no-repeat;
}
#contents div.body h2 a,
#contents div.body p.info a,
#contents div.image a{
	border:none;
}



