@import url(http://memolog.jp/styles-site.css);

@charset "UTF-8";

/*------------------------------------------------------------------------------------
BASE FONTS (SIZE & COLOR)
--------------------------------------------------------------------------------------*/

body{
	font: normal normal 12px/1.8em 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Verdana, Arial, sans-serif;
	color: #333;
	}

h1, h2, h3, h4, h5, h6 {
	font: normal normal 16px/1em 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Verdana, Arial, sans-serif;
	}

#trackbacks, #comments {
	font: normal normal 12px/1em 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Verdana, Arial, sans-serif;
	}

.date, #right, #footer, #thanks{
	font: normal normal 10px/1.8em 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Verdana, Arial, sans-serif;
	}

.posted, #mainnav, .sidebar h2, .subnav{
	font: normal normal 10px/1em 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Verdana, Arial, sans-serif;
	}
	
	
/*------------------------------------------------------------------------------------
BASE LAYOUTS (HEIGHT & WIDTH)
--------------------------------------------------------------------------------------*/
body, h1, h2, h3, h4, h5, h6, p{
	margin: 0;
	padding: 0;
	}

#container {
	width: 760px;
	margin: 10px auto;
	}

#center {
	width: 505px;
	float: left;
	overflow: hidden;
	}

#right {
	width: 255px;
	float:right;
	}

#mainnav {
	height: 20px;
	width: 100%;
	overflow: hidden;
	}

#banner {
	height: 75px;
	}

#footer, #footer-right {
	height: 50px;
	}

/*------------------------------------------------------------------------------------
BASE LAYOUSTS (COLOR)
--------------------------------------------------------------------------------------*/
body, #mainnav {
	background-color: #E7E9C9;        
	}

#container {
	background-color: #FFF;
	}

#banner, #footer {
	background-color: #DCE911;
	}

.sidebar-top {
	background-color: #E2E2D1;
	}

/*------------------------------------------------------------------------------------
BASE STYLES
--------------------------------------------------------------------------------------*/
img {
	display: block;
	border: none;
	}


/*------------------------------------------------------------------------------------
BASE LINK COLOR
--------------------------------------------------------------------------------------*/

a {
	text-decoration: underline;
	}

a:link {
	color: #90980B;
	}

a:visited {
	color: #90980B;
	}

a:active {
	color: #90980B;
	}

a:hover {
	color: #90980B;
	}

/*------------------------------------------------------------------------------------
MAIN NAVIGATION ID=MAINNAV
--------------------------------------------------------------------------------------*/
#mainnav ul, #mainnav li{
	margin: 0;
	padding: 0;
	}

#mainnav li{
	list-style:none;
	float: left;
	}

#mainnav a{
	display: block;
	width: 80px;
	padding: 5px 0;
	text-align: center;
	}

#nhome{
	background-image:url(/i/home/nhome_bg.gif);	
	margin-left:10px;
	margin-right:5px;
	}

#nabout{
	background-image:url(/i/home/nabout_bg.gif);
	margin-right:5px;	
	}

#nnews{
	background-image:url(/i/home/nnews_bg.gif);	
	margin-right:5px;	
	}

#nbetter{
	background-image:url(/i/home/nbetter_bg.gif);	
	margin-right:5px;	
	}

#nmore{
	background-image:url(/i/home/nmore_bg.gif);	
	margin-right:5px;	
	}

#mainnav a:link, #mainnav a:visited, #mainnav a:visited, #mainnav a:active{
	color: #666;
	}

/*------------------------------------------------------------------------------------
BANNER ID=BANNER
--------------------------------------------------------------------------------------*/
#banner {
	background-image: url(/i/home/header_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	overflow: hidden;
	}

#banner-top {
	background-image: url(/i/home/header_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}

#banner img {
	float: left;
	}

.description {
	padding-top: 23px;
	padding-left: 165px;
	padding-right: 115px;
	font: normal normal 10px/1.5em 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Verdana, Arial, sans-serif;
	color: #666;
	}	

/*------------------------------------------------------------------------------------
SIDEBAR
--------------------------------------------------------------------------------------*/
.sidebar {
	margin-top: 15px;
	}

.sidebar-top {
	background-image:url(/i/home/sidebar_top.gif);	
	background-repeat: no-repeat;
	background-position: left top;
	}

.sidebar-bottom {
	background-image: url(/i/home/sidebar_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 10px;
	margin-bottom: 15px;
	} 

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none
	}

#flickr img {
	display: inline;
	padding: 1px;
	}

/*------------------------------------------------------------------------------------
FOOTER ID=FOOTER
--------------------------------------------------------------------------------------*/
#footer {
	background-image: url(/i/home/footer_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	}

#footer-right {
	background-image: url(/i/home/footer_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	clear: both;
	}

#footer p {
	padding-top: 18px;
	text-align: center;
	}


/*------------------------------------------------------------------------------------
CONTENT
--------------------------------------------------------------------------------------*/
.content {
	padding: 15px 15px 5px 15px;
	}

.content p {
	margin-bottom: 10px;
	}

.content p.posted {
	margin-bottom: 25px;
	clear: both;
	}

.content blockquote {
	border:1px dashed #E6E6E6;
	}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea[id="comment-text"], #text {
	width: 100%;
	}

.commenter-profile img {
	display: inline;
	vertical-align: middle;
	border-width: 0;
	}
	
.float-right {
	float: right;
	margin-left: 5px;
	}

.float-left {
	float: left;
	margin-right: 5px;
	}

/*------------------------------------------------------------------------------------
AMAZON
--------------------------------------------------------------------------------------*/
.amazon-pick, .amazon-pick-cd, .amazon-pick-90, .amazon-pick-100, .amazon-pick-115{
	font: normal normal 10px/1.2em 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Verdana, Arial, sans-serif;
	width: 100%;
	float:none;
	padding:0;
	margin:0;
	}

.amazon-pick img, .amazon-pick-cd img{
	padding-bottom:5px;
	}

ul.amazon-pick li{
	list-style: none;
	width: 90px;	
	height: 150px;
	margin: 5px 5px 5px 0;
	float:left;
	}

ul.amazon-pick-90 li{
	list-style: none;
	width: 90px;	
	height: 90px;
	margin: 5px 5px 5px 0;
	float:left;
	}

ul.amazon-pick-100 li{
	list-style: none;
	width: 90px;	
	height: 100px;
	margin: 5px 5px 5px 0;
	float:left;
	}

ul.amazon-pick-115 li{
	list-style: none;
	width: 90px;	
	height: 115px;
	margin: 5px 5px 5px 0;
	float:left;
	}

ul.amazon-pick li img, ul.amazon-pick-cd li img, ul.amazon-pick-115 li img, ul.amazon-pick-90 li img,  ul.amazon-pick-100 li{
	display:block;
	}

ul.amazon-pick-cd li{
	list-style: none;
	width: 80px;	
	height: 100px;
	margin: 5px 5px 5px 0;
	float:left;
	}

ul.amazon-pick-wide li{
	list-style: none;
	margin: 15px 0px 0px 0;
	}

dl.amazon-pick dt{
	margin: 15px 0 0 0;
	padding: 0;
}

dl.amazon-pick dt img{
	display:block;
}

dl.amazon-pick dd{
	margin: 0;
	padding: 0;
}

body {background-image:none !important; }