a:link, a:visited{text-decoration: none;color:#3790DB;}
a:hover, a:active{text-decoration: none;color:#F72828;}

/*Frame*/
html {overflow-y:scroll;}
body{background:#ffffff;font-size:0.8em;line-height:1.6;font-family: Verdana, Arial, sans-serif;color:#555555;text-align:center;scrollbar-base-color:#FFFAFA;}
#outline{background:#ffffff;width:910px;margin:20px auto;text-align:left;}
#main {background : url("image/main.gif") repeat-y;width:910px;overflow:auto;margin:0;padding:10px 0 20px 0;}
#bottom {background : url("image/bottom.gif") no-repeat;width:910px;height:20px;	margin:0;padding:30px 0 0 0;text-align:center;font-size:0.7em;font-weight:normal;}
#header{width:910px;height:95px;background:url("image/header.gif") no-repeat;margin:0;_margin-bottom:-65px;}
#mail {float:right;width:135px;height:20px;font-size:0.7em;position: relative;list-style:none;text-align:right;margin:20px 65px 0 0;padding:0;_margin-right:32px;}
#mail img {border:0;}
#mail a {display: block;position: absolute;outline: none;}
#mail a:hover {background-position: left bottom;}
#mail .lang-en {top: 0px;left: 10px;}
#mail .mail {background: url("http://yokoandhiro.com/common/mail.gif") no-repeat;width: 20px;height:20px;	top: -8px;left: 140px;}
#menu {	float:right;width:385px;height:30px;margin:0;padding:0;position: relative;list-style:none;text-indent:-9999%;top: 51px;}
#menu a {display: block;position: absolute;outline: none;z-index:0;}
#menu a:hover {background-position:left bottom;z-index:1;}
#menu .home ,#menu .photo ,#menu .blog ,#menu .note ,#menu .route ,#menu .about ,#menu .goods ,#menu .link {width: 80px;height:30px;top: 0;}
#menu .home  {background: url("http://yokoandhiro.com/common/home.gif") no-repeat; left:   0px;}
#menu .photo {background: url("http://yokoandhiro.com/common/photo.gif") no-repeat; left:  69px;}
#menu .blog  {background: url("http://yokoandhiro.com/common/blog.gif") no-repeat;left: 138px;}
#menu .note  {background: url("http://yokoandhiro.com/common/note.gif") no-repeat;left: 207px;}
#menu .route {background: url("http://yokoandhiro.com/common/route.gif") no-repeat; left: 276px;}
#menu .goods {background: url("http://yokoandhiro.com/common/goods.gif") no-repeat;left: 345px;}
#menu .about {background: url("http://yokoandhiro.com/common/about.gif") no-repeat; left: 414px;}
#menu .link  {background: url("http://yokoandhiro.com/common/link.gif") no-repeat;left: 483px;}
#menu .on {background-position:0 -60px;z-index:1;}

#index-no {padding:10px 55px;}
#index-no img{border:none;}
#index {list-style:none;margin:10px 55px;position: relative;text-indent:-9999%;padding:0 0 100px 0;_padding:40px 0 0 0;	_width: 800px;_height: 80px;}
#index a {display: block;position: absolute;outline: none;}
#index a:hover {background-position: left bottom;}
#index .index {width: 800px;height: 80px;top: 0;left:0;}
#index .blog {background: url("http://yokoandhiro.com/blog/index.gif") no-repeat;}

/* footer-stats*/
img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden}

/* mainindex */
#content{float: left;padding:0 45px 0 50px;width: 600px;overflow: hidden;}
.entryheader {text-align:left;width=100%;font-size:1.3em;margin-bottom:5px;}
.entryheader a:link, .entryheader a:visited{text-decoration: none;color:#666666;}
.entryheader a:hover,.entryheader a:active{font-weight:bold;text-decoration: none;color:#FF0000;}
.dataheader {text-align:left;width=100%;font-size:0.8em;line-height:1;margin-bottom:20px;}
.entry{padding:0 10px 0 20px;}
.entry img{border:solid 1px #ccc;padding:5px;margin20px 0 20px 20px;}
.posted {color: #999999;font-size: 0.8em;border-top: 1px solid #999999;text-align: right;margin:0 10px 25px 0;padding: 3px;}
#navi{widht:100%;margin:20px 0;display: block;font-size: 0.8em;}
.alignleft{float:left;:padding:3px;}
.alignright{float:right;:padding:3px;}

.ranking{text-align:center;margin:50px 0 0 0;color:#555;font-size:0.8em;}
.ranking img{border:none;margin:0;}
#fb{float:left;margin:0;padding:0 0 3px 130px;}
#fbm{margin:0 0 2px 15px;color:#555;font-size:0.8em;}
#twit{float:right;margin:0 0 0 0;padding:0 100px 4px 0;}



/* single */
.navi{display: block;text-align: center;margin:20px 0 100px 0;font-size: 0.8em;}

/* Archives */
.pagetitle{font-size:1.2em;font-weight:normal;}

/* sidebar */
#sidebar a:link, #sidebar a:visited{text-decoration: none;color:#666666;}
#sidebar a:hover,#sidebar a:active{text-decoration: none;color:#F72828;}
#sidebar {color:#666666;font-size:0.8em;text-align:left;line-height:150%;float:right;width: 180px;overflow: hidden;padding-right:35px;}
#sidebar h2 {color: #666666;font-size:1.2em;text-align: left;font-weight: bold;padding:2px 0px 2px 3px;line-height: 1.4;margin:5px 0;}
.info{color:black;font-size:1.2em;padding:2px 0px 2px 3px;margin:10px 0;}
#sidebar ul, #sidebar ul ol {margin: 0;padding-left: 5px;}
#sidebar ul li {list-style-type: none;list-style-image: none;margin-bottom: 15px;}
#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 5px;}
ol li, #sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0;padding: 0;}
.textwidget{padding:5px 0 8px 15px;font-size:1em;}
.textrss{padding:0 0 5px 15px;font-size:1em;}
.textabout{padding-left:15px;font-size:1em;}

/* sidebar update*/
#sidebar h3 {color: #F72828;font-size:1.2em;text-align: left;font-weight: bold;padding:2px 0px 2px 3px;line-height: 1.4;margin:5px 0;}
.textupdate{padding:0 0 0 15px;}
.textupdate span{color:red;}
.textupdate img{margin:5px 0 12px 8px;border:none;}

/* searchform */
#searchform {padding-left:15px;}
#searchform form{margin:0;}
#searchform input{font-size:1em; background:#f5f5f5;border:1px solid #d3d3d3;}

/* comment */
#comments,#respond{color:#666666;font-size:1em;}
#commentform{margin-top:50px;}
#commentform input,#commentform textarea{background:#f5f5f5;border:1px solid #d3d3d3;}
.commentform{padding-left:20px;}
.commentlist{list-style-type: none;margin:0;}
.commentlist li{padding:10px 0;border-bottom:1px solid #d3d3d3;}
.commentlist p{margin:5px 15px;}
.author{color:#000;}

/*diary*/
.entry table{width:100%;margin:25px 0;}
.entry .date{font-weight:bold;width:100px;}
.entry .place{width:300px;}
.entry .km{width:60px;}
.entry .diary{padding:30px 25px 0 25px;}
.entry table img{border:0;}
.entry table img.left{float:left;margin:10px;}
.entry table img.right{float:right;margin:10px;}
.line {color:#999;border-top:1px solid #999;margin:0 25px;}

/* mail */
#mailform {background:url(http://yokoandhiro.com/common/mail-back.gif) no-repeat;margin:0 auto;width:800px;height:500px;}
#mailform p{padding:0 0 0 180px;line-height:1.5;margin:12px 0 0 0;}
#mailform .name{margin-top:30px;}
#mailform p label{font-weight:bold;}
#mailform input,#mail textarea{background:#f5f5f5;border:1px solid #d3d3d3;}