@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:#bd4a39; text-decoration:none; outline:0; }
a:hover { color:#f35f49; text-decoration:none; -webkit-transition-duration:0.5s; }
a[name]:hover { background:transparent; text-decoration:none; }
a img { border:none; } 

#header h1 a { color:#bd4a39; text-decoration:none; -webkit-transition: color .2s ease-out; }
#header h1 a:hover { color:#f35f49; text-decoration:none; }

.contents h1 a { color:#555555; text-decoration:none; -webkit-transition: color .2s ease-out; }
.contents h1 a:hover { color:#bd4a39; text-decoration:none; }

#header ul li a { color:#666666; text-decoration:none; outline:0; }
#header ul li a:hover { color:#bd4a39; text-decoration:none; -webkit-transition-duration:0.5s; }

#footer ul li a { color:#666666; text-decoration:none; outline:0; }
#footer ul li a:hover { color:#bd4a39; text-decoration:none; -webkit-transition-duration:0.5s; }

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

.clearboth {
clear:both;
}

span {
color:#cc6666;
}

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

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

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

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

#header li {
display:inline;
padding:0 0 0 20px;
}

#flickr {
margin:20px 0 0 0;
padding:5px 0 5px 10px;
background:#000000;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

#flickr img {
margin:1px;
}

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

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

.contents h1 {
font:normal 25px "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
text-shadow:0 0 1px #eeeeee;
letter-spacing:0px;
margin:30px;
padding:5px;
}

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

.memo h3 {
letter-spacing:1px;
text-align:left;
border-bottom:1px dotted #cccccc;
width:600px;
padding:10px 0 0 0;
margin:15px auto;
}

.memo strong {
}

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

.memo pre {
width:600px;
margin:15px auto;
padding:10px;
text-align:left;
background-color:#dcdcdc;
}

.add {
padding:10px;
text-align:left;
background-color:#dcdcdc;
}

.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;
}

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

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

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

.socialbutton {
text-align:right;
margin:0 40px 20px 40px;
}

.socialbutton li {
display:inline;
}

.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:#333333;
text-transform:uppercase;
letter-spacing:1px;
padding:30px 0 0 0;
margin:0 0 5px 0;
border-bottom:1px dotted #cccccc;
}

#about dd {
padding:2px 0;
}

#about dl.archives {
padding:0 40px 0 0;
}

#about dl.profile {
padding:0 0 0 40px;
}

.archives .profile div {
padding:0 0 4px 0;
}

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

.comment {
margin:20px 100px;
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 100px;
padding:10px 0 0 0;
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;
}

.postlink {
margin:20px 40px;
padding:10px;
font:normal 80% Helvetica,Verdana,Arial,sans-serif;
letter-spacing:1px;
text-align:right;
background:#f1f1f1;
border:1px dotted #cccccc;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

/*----------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;
}