@charset "utf-8";
/*
Theme Name:oto
Theme URI:http://oto3.info/
Description:design by oto.
Author:oto
*/




.clear {
	clear: both;
}


p img {
	padding: 0;
	max-width: 100%;
	}


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}


.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}


a img {
	border: none;
	}


/* End Various Tags & Classes*/


.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}





body{font-size:81.25%; font-family:"MS PGothic","Osaka",Arial,sans-serif; color: #444; text-align: center; margin:0; padding:0; line-height:1.2}
h1,h2,h3{margin:0; padding:0; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif}
ul,li{margin:0; padding:0; list-style:none}
a{color:#3399cc}
a:hover{color:#99cccc; text-decoration:none}
form{margin:0; padding:0}

.link-basic a{color:#444; text-decoration:none}

#header-top{background-color:#99cccc; padding:2px 0}
#header-top h1{font-size:78%; color:#FFF; text-align:left; width:950px; margin:0 auto; font-weight:normal}
#header{text-align:center; padding:12px 0; border-top:6px solid #ff9999; margin-top:3px}
#header-inner{width:950px; margin:0 auto; overflow:hidden; text-align:right}
#header-left{float:left; width:280px; text-align:left; padding-top:8px}
#header-left a:hover{background-color:transparent}
#header-right{float:right; width:670px; overflow:hidden; text-align:left}
#header-banner{float:right; width:234px}
#header-search{float:left; width:436px; text-align:center}
#header-search form{margin:0 auto}
#header-search input{font-size:120%}

#footer{background:#F3ECCF; text-align:center; padding:10px 0; margin-top:40px}
#footer ul{width:950px; margin:0 auto; overflow:hidden}
#footer li{float:left; padding-right:10px}
#footer p{width:950px; margin:5px auto 0 auto; text-align:left; font-size:88%}

#main{width:950px; overflow:hidden; margin:0 auto}
#content{float:left; width:570px; text-align:left}
#sidebar{float:right; width:380px; padding-top:20px; overflow:hidden}


#content{float:right; width:770px; text-align:left; overflow:hidden}
#content-main{float:left; width:570px}
#content-sidebar{float:right; width:200px; padding-top:20px}
#sidebar{float:left; width:180px; text-align:left}
#sidebar-inner{width:160px}




#breadcrumb{text-align:left}

/*pager*/
.tablenav{text-align:center; padding:20px 0}
.tablenav a:hover{background-color:#3399CC; color:#FFF}
a.page-numbers{padding:4px 6px; border:1px solid #3399CC; background-color:#F0F0F0; text-decoration:none}
a.prev{border:0; background-color:transparent}
a.next{border:0; background-color:transparent}


/*entry*/
.entry{width:550px; text-align:center; margin-top:20px}
.entry-inner{border:1px solid #d8d8d8}
.entry-title{border-bottom:1px dashed #ccc;}
.entry-title h1{padding:15px 20px; text-align:left; font-size:158%}
.entry-title h2{padding:15px 20px 15px 60px; text-align:left; font-size:158%; background:transparent url('/wp-content/themes/kirihari/image/icon_cafe.gif') no-repeat 15px 13px}
.entry-title h3{padding:15px 20px 15px 60px; text-align:left; font-size:158%; background:transparent url('/wp-content/themes/kirihari/image/icon_cafe.gif') no-repeat 15px 13px}
.entry-main{width:510px; text-align:left; margin:0 auto; font-size:114%; padding:10px 0 20px 0; line-height:1.4; overflow:hidden}
.entry-main h3{font-size:115%}
.entry-main strong{color:#000}
.postmetadata{width:550px; text-align:right; margin-top:3px; color:#666; line-height:1.4; clear:both}
.postmetadata a{color:#ff6666}
.postmetadata a:hover{color:#a9a9a9}
.navigation{display: block; text-align: center; margin-top:20px}
.alignright{float: right}
.alignleft {float: left}


.home .entry{margin-top:15px}
.archive .entry{margin-top:15px}
.search .entry{margin-top:5px}
#archive-entry{padding-top:5px}
.archive #archive-entry{padding-top:5px}



#archive-entry .entry-main-thum{float:left; width:110px; padding-top:2px}
#archive-entry .entry-main-text{float:right; width:400px}

.entry-data{border-left:6px solid #CCC; padding-left:10px; margin-top:30px}
.entry-data h3{font-size:100%; color:#000; background-color:transparent}
.entry-data h4{font-size:100%; color:#000; display:inline; background-color:#FFCCCC; margin-right:5px; font-weight:normal; padding:2px}
.entry-data ul{margin-top:5px}
.entry-data li{font-size:82%; padding-top:3px}
.entry-data-url{margin-top:8px}
.entry-data-url a{font-size:115%}


#single-ads{padding-bottom:10px; font-size:90%}
#single-sns{overflow:hidden; margin-top:10px}
#single-sns li{float:left}
#single-sns li.tweetButton{margin-left:10px; width:100px}


/*sidebar*/
#sidebar-left{float:left; width:220px; text-align:left}
#sidebar-left-inner{width:200px}
#sidebar-right{float:right; width:160px}

#sidebar-profile{border:1px solid #d8d8d8; text-align:center; padding:10px 0}
#sidebar-profile strong{display:block; padding:5px 10px; text-align:left; margin:0 auto; font-size:110%}
#sidebar-profile p{padding:0 10px; text-align:left; margin:0 auto}

#sidebar-category1 li{margin-top:10px}
.sidebar-category1 {border:1px solid #d8d8d8; padding:5px; overflow:hidden}
.sidebar-category1 strong{display:block; padding:3px; margin-bottom:5px; font-size:115%; background-color:#EEEBD1}
.sidebar-category1 strong span{font-weight:normal; font-size:90%}
.sidebar-category1 img{margin:0 5px 3px 0}
.sidebar-category1 p{margin:5px 0 0 0; line-height:1.6}

#sidebar-category2{border:1px solid #d8d8d8; padding:5px; margin-top:10px}
#sidebar-category2 strong{padding:3px; background-color:#EEEBD1; display:block; font-size:115%}
#sidebar-category2 li{margin-top:5px}

ul#sidebar-category{width:200px}
#sidebar-category li{margin-bottom:5px; border:2px solid #d8d8d8; text-align:left}
#sidebar-category li a{display:block; padding:4px 3px 4px 12px; color:#333; font-weight:bold; text-decoration:none; background:transparent url('./image/icon_menu.gif') no-repeat 3px center}
#sidebar-category li a:hover{background-color:#f0f0f0}

.sidebar-monthly{background:transparent url('./image/sidebar-line.gif') no-repeat; padding-top:22px; margin-top:20px; width:200px}

.sidebar-blog{background:transparent url('./image/sidebar-line.gif') no-repeat; padding-top:22px; margin-top:20px; width:160px}
.sidebar-blog ul{text-align:left}
.sidebar-blog li{margin-top:10px}

#sidebar-shop{margin-top:20px; background:transparent url('./image/sidebar-line.gif') no-repeat; padding-top:22px; text-align:center}
#sidebar-shop li{margin-top:15px}
#sidebar-shop p{text-align:left; margin:2px 0 0 0}
.shop-ex{font-size:90%}

#sidebar-content{margin-top:10px}
#sidebar-content li{margin-top:5px}

#sidebar-popular-list{padding-top:2px}
#sidebar-popular-list li{margin-top:10px; background:transparent url('./image/icon.gif') no-repeat 0 3px; padding-left:10px}

.sidebar-title{display:block; text-align:left}

.wp-tag-cloud{margin-top:8px}
.sidebar-ads{margin-top:20px; background:transparent url('./image/sidebar-line.gif') no-repeat; padding-top:22px; text-align:left}




/*archive*/
.pagetitle{background-color:#99cccc; width:550px; text-align:center; margin-top:20px}
.pagetitle h1{padding:20px 10px; color:#FFF; font-size:158%}
.pagetitle h2{padding:20px 10px; color:#FFF; font-size:158%}

#category-menu{width:550px; background:transparent url('./image/category-menu-middle.gif') repeat-y; margin-top:10px}
#category-menu-inner{background:transparent url('./image/category-menu-top.gif') no-repeat; padding-top:20px}
#category-menu-inner ul{background:transparent url('./image/category-menu-bottom.gif') no-repeat 0 100%; padding:0 0 13px 15px; overflow:hidden}
#category-menu-inner li{float:left; font-size:120%; padding-right:15px; white-space:nowrap; line-height:1.4}
#category-menu-inner a{color:#333; font-weight:bold}
#category-menu-inner p{background:transparent url('./image/category-menu-bottom.gif') no-repeat 0 100%; padding:0 10px 10px 10px; margin:0; line-height:1.6}

#category-description{width:550px; margin-top:15px}

.category-hotel .entry-main-thum img{width:100px}
.category-hotel5 .entry-main-thum img{width:100px}
.category-hotel4 .entry-main-thum img{width:100px}
.category-hotel3 .entry-main-thum img{width:100px}
.category-hotel2 .entry-main-thum img{width:100px}
.photo1 img{width:100px}

/*hotel*/
.hotel-photo{text-align:center}
.hotel-photo img{margin:0 5px}
.photo1 img{width:100px}


/*post*/
#post-2 h2{display:inline; background-color:#FF99CC; color:#333; font-size:158%}
#post-2 h3{display:inline; background-color:#FFFF00; color:#333; font-size:110%}

#post-4 th,td{text-align:right; padding-right:20px}

#post-51 h3 a{color:#000}
#post-51 ul{margin-top:10px; overflow:hidden}
#post-51 li{float:left; padding-right:10px}


#single-ranking{margin-top:10px; overflow:hidden}
#single-ranking p{font-size:80%; color:#666}
#single-ranking img{float:left; margin-right:10px}
#single-ranking a{color:#666; text-decoration:none}
#single-ranking a:hover{color:#aaa}