@charset "utf-8";
/*
Theme Name: KOMIMEMO
Theme URI: http://www.komimemo.com/
Description: KOMIMEMO for WordPress
Author: Koji Komiya
*/

/*----------basic specify common------------------------------------------------------------*/

html,body,div,ul,li,dl,dt,dd,h1,h2,h3,img{margin:0;padding:0;border:0;}
ul {list-style:none;}

/*----------total layout common------------------------------------------------------------*/
body {
background:#f3f3f3 url(http://www.komimemo.com/img/bgstripef3e3.png) repeat;
font:normal 100% sans-serif;
color:#333333;
text-align:center;
}

a { color:#0096df; text-decoration:none; outline:0; }
a:hover { color:#33cccc; text-decoration:underline; }
a[name]:hover { background:transparent; text-decoration:none; }
a img { border:none; } 

#maincontainer {
margin:0 auto;
text-align:left;
width:800px;
}

.clearboth {
clear:both;
}

span {
color:#cc6666;
}

/*----------header layout common------------------------------------------------------------*/

#header {
margin:40px 0 0 0;
}

#header h1 {
font:bold 140% Helvetica,Verdana,Arial,sans-serif;
text-transform:uppercase;
letter-spacing:5px;
}

#header ul li {
font:normal 88% Helvetica,Verdana,Arial,sans-serif;
text-transform:capitalize;
letter-spacing:2px;
text-align:right;
margin:-20px 0 0 0;
}

#header ul li a { color:#666666; text-decoration:none; outline:0; }
#header ul li a:hover { color:#000000; text-decoration:underline; }

/*----------contents layout------------------------------------------------------------*/

.contents {
width:800px;
background:#f7f7f7;
border:1px solid #f0f0f0;
margin:20px 0;
padding:20px 0;
text-align:center;
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
}

.memo {
font:normal 82%/200% Helvetica,Verdana,Arial,sans-serif;
letter-spacing:1px;
margin:0 auto;
text-align:center;
}

.memo p {
width:600px;
margin:15px auto;
text-align:left;
}

.memo table {
width:350px;
margin:0 auto;
text-align:center;
}

.memo th {
background-color:#dcdcdc;
padding:2px;
text-align:center;
border:1px solid #cccccc;
}

.memo td {
background-color:#ffffff;
padding:2px;
text-align:center;
border:1px solid #cccccc;
}


.contents h1 {
font:normal 150% serif;
letter-spacing:1px;
margin:40px;
padding:5px;
}

.date {
text-align:right;
font:normal 75% Helvetica,Verdana,Arial,sans-serif;
text-transform:uppercase;
letter-spacing:1px;
margin:40px 40px 30px 40px;
padding:5px 0 0 0;
}

.date li {
display:inline;
padding:0 0 0 15px;
}

.date li.posttitle {
display:inline;
color:#cc6666;
}

.memo img {
border:3px solid #ffffff;
}

.amazon img {
background:#f7f7f7;
}

.amazon a {
color:#ffffff;
background:#66cccc;
padding:2px;
}

.amazon a:hover {
color:#ffffff;
background:#33cccc;
text-decoration:none;
}

/*----------about layout common------------------------------------------------------------*/

#about {
width:650px;
margin:0 auto;
text-align:center;
font:normal 82%/190% Helvetica,Verdana,Arial,sans-serif;
letter-spacing:1px;
}

#about h2 {
font:normal 110% Helvetica,Verdana,Arial,sans-serif;
color:#333333;
text-transform:uppercase;
letter-spacing:5px;
text-align:left;
}

#about li {
width:320px;
float:left;
display:inline;
text-align:left;
}

#about dt {
font-family:Helvetica,Verdana,Arial,sans-serif;
color:#cc6666;
text-transform:uppercase;
letter-spacing:1px;
padding:30px 0 0 0;
}

#about dd {
padding:2px 0;
}

.archives div {
padding:0 0 4px 0;
text-transform:uppercase;
}

/*----------comment layout common------------------------------------------------------------*/

.comment {
margin:40px;
padding:10px 40px 10px 130px;
font:normal 82%/190% Helvetica,Verdana,Arial,sans-serif;
letter-spacing:1px;
background:#eeeeee url(http://www.komimemo.com/img/komimemo-kado.gif) no-repeat;
text-align:left;
}

.comment ul {
text-align:right;
font:normal 85% Helvetica,Verdana,Arial,sans-serif;
letter-spacing:1px;
margin:20px 0 0 0;
}

.comment li {
display:inline;
border-left:1px solid #cccccc;
padding:1px 5px 1px 10px;
}

.commentform {
margin:20px 40px;
font:normal 82%/182% Helvetica,Verdana,Arial,sans-serif;
letter-spacing:1px;
text-align:right;
}

.commentform dt {
font:normal 75% Helvetica,Arial,sans-serif;
text-transform:capitalize;
}

.commentform dd {
margin:0 0 10px 0
}

.commentinput {
width:350px;
}

input:focus, textarea:focus {
background:#eeeeee;
}

/*----------footer layout common------------------------------------------------------------*/

#footer {
text-align:center;
}

#footer ul {
font:normal 94% Helvetica,Verdana,Arial,sans-serif;
text-transform:uppercase;
letter-spacing:1px;
}

#footer li {
display:inline;
padding:20px;
}

#footer form {
margin:40px 0 0 0;
}

#footer p {
font:normal 75% Helvetica,Verdana,Arial,sans-serif;
letter-spacing:1px;
padding:40px 0;
}