/*
Theme Name:holidaynote
Theme URI:http://holidaynote.com/
Description:design by holidaynote.
Author:oto
*/

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

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

.alignright{float: right}
.alignleft {float: left}

/*leftmenu*/
ul.menu{width:160px; background-color:#FFF; border-top:6px solid #333; border-bottom:1px solid #DDD}
.menu li a{display:block; color:#333}
.menu li a:hover{background-color:#ADD633; color:#FFF}
li.menu-top a{font-weight:bold; padding:6px 5px; background-color:#E5E5D4}
li.menu-top a:hover{text-decoration:none}
li.menu-second{border-top:1px solid #DDD; background-color:#F0F0D9}
li.menu-second span{padding:4px 5px; font-weight:bold; display:block}
li.menu-second a{padding:6px 5px; font-weight:bold}
li.menu-second a:hover{text-decoration:none}
li.menu-third{border-top:1px solid #DDD}
li.menu-third a{padding:4px 0 4px 8px; text-decoration:none; background-image:url('./image/icon_menu.gif'); background-repeat:no-repeat; background-position:2px 10px}
li.menu-third a:hover{text-decoration:none; background-image:url('./image/icon_menu_hover.gif'); background-repeat:no-repeat; background-position:2px 10px}
li.menu-other{border-top:1px solid #DDD; background-color:#FFFF99}
li.menu-other a{padding:6px 5px}
li.menu-other a:hover{text-decoration:none}

/*toppage*/ 
#toptitle a:hover{background-color:transparent}
#topcontent h2{font-size:125%; border-width:1px; border-style:dashed; padding:8px 10px; color:#333}
#topcontent h2 a{color:#333}
#topcontent h2 a:hover{background-color:transparent; text-decoration:underline; color:#999}
.area h2{border-color:#99CC00}
.beauty h2{border-color:#CC3366}
.migaki h2{border-color:#996699}
.travel h2{border-color:#00CC99}
.ie h2{border-color:#669999}
#topcontent h3{font-size:110%; border-left-style:solid; border-left-width:6px; padding:2px 0 2px 6px; color:#333; margin-top:20px}
#topcontent h3 a{color:#333}
#topcontent h3 a:hover{background-color:transparent; text-decoration:underline; color:#999}
.area h3{border-left-color:#99CC00}
.beauty h3{border-left-color:#CC3366}
.migaki h3{border-left-color:#996699}
.travel h3{border-left-color:#00CC99}
.ie h2{border-left-color:#669999}
h1#top-comment{margin-bottom:20px}

.topcontent-inner{width:640px; overflow:hidden}
.topcontent-left{float:left; width:325px}
.topcontent-right{float:right; width:315px}



/*top-area*/
table.topcontent-list{width:640px}
table.topcontent-list td{width:25%; vertical-align:top; padding-top:10px}
table.topcontent-list td img{float:left; margin-right:5px}

/*top-beauty*/
ul.topcontent-hotel{overflow:hidden; padding-top:10px}
ul.topcontent-hotel li{float:left; width:160px; text-align:center}
ul.topcontent-hotel p{padding:0 5px}
ul.topcontent-hotel img{width:120px}
ul.topcontent-area{width:315px; margin-top:10px}
ul.topcontent-area-spa{width:100%; margin-top:10px}
ul.topcontent-area li{display:inline; line-height:1.8}

/*top-migaki*/
table.topcontent-migaki{width:630px}
table.topcontent-migaki td{width:210px; vertical-align:top; padding-top:15px}
.topcontent-migaki-left{float:left; width:65px}
.topcontent-migaki-right{float:right; width:145px}

/*top-travel*/
ul.topcontent-yoyaku li{padding-top:10px; overflow:hidden; width:315px}
ul.topcontent-yoyaku li img{width:40px}
.topcontent-yoyaku-left{float:left; width:50px}
.topcontent-yoyaku-right{float:right; width:265px}
ul.topcontent-yoyaku-second{margin-bottom:15px}
ul.topcontent-yoyaku-second li{padding:5px 0 0 8px; background-image:url('./image/icon_menu.gif'); background-repeat:no-repeat; background-position:0 10px}
.area-top{padding:5px 0}
.area-top li{display:inline; color:#999}
.area-top-haikei{background-color:#F0F0F0}

/*category*/
#category-title{width:470px; border-top:6px solid #ADD633; background:#FFF url('./image/cat_title_haikei.gif')}
#category-title h1{font-size:140%; font-weight:bold; color:#333; letter-spacing:2pt; padding:8px 5px}
#category-excerpt{width:470px; margin-bottom:20px; color:#777; border-top:1px dashed #ADD633; padding-top:10px}
#category-excerpt p{font-size:85%; color:#D65C33; margin-top:3px}

ul.category-archive{margin-top:15px; width:640px; text-align:lef; border-top:1px solid #DDD}
ul.category-archive li{padding:8px 0; border-bottom:1px solid #DDD; overflow:hidden; width:640px}
ul.category-archive li p{margin-top:5px}
ul.category-archive a{font-size:115%}
.category-archive-l{float:left; width:115px}
.category-archive-l img{width:104px; padding:2px; border:1px dotted #999}
.category-archive-l a:hover{background-color:transparent}
.category-archive-r{float:right; width:525px}
.category-archive-r strong{background:#FFF url('./image/icon_list.gif') no-repeat 0 5px; padding:2px 0 2px 16px; display:block; font-size:115%}
.category-top-more{margin-top:10px; text-align:right}


/*single*/
.single-title h1{font-size:160%}
#singlecontent h2{font-size:120%; border-left-style:solid; border-left-width:6px; padding:2px 0 2px 6px; color:#333; margin:30px 0 15px 0}
.area h2{border-left-color:#99CC00}
.beauty h2{border-left-color:#CC3366}
.migaki h2{border-left-color:#996699}
.travel h2{border-left-color:#00CC99}
.ie h2{border-left-color:#669999}

.single-text{width:610px; text-align:left; margin:20px auto 30px auto; line-height:1.6; font-size:108%}
.single-text p{margin-bottom:15px}
p.big-size{font-size:112%}

ul.single-book{border-bottom:1px dotted #DDD; margin:20px 0}
ul.single-book li{padding:10px 0; overflow:hidden; width:610px; border-top:1px dotted #DDD}
.single-book-left{float:left; width:100px}
.single-book-left img{width:80px; vertical-align:text-bottom}
.single-book-right{float:right; width:510px}
.single-book-right a{border-bottom:1px dashed #3366FF}
.single-book-right a:hover{border:0}
.single-book-right-text{background-color:#F0F0F0; margin:10px 0 0 20px; padding:5px}
.single-book-right p{background-color:#F0F0F0; margin:0}
.single-book-right span{font-size:85%}
ul.single-hotel{border-bottom:1px dotted #DDD; margin:20px 0}
ul.single-hotel li{padding:10px 0; overflow:hidden; width:610px; border-top:1px dotted #DDD}
.single-hotel-left{float:left; width:130px}
.single-hotel-left img{width:120px}
.single-hotel-left span{font-size:75%; line-height:1.0; display:block; width:120px; text-align:center; margin-top:3px}
.single-hotel-right{float:right; width:480px; padding:0; margin:0}
.single-hotel-right a{border-bottom:1px dashed #3366FF}
.single-hotel-right a:hover{border:0}
.single-hotel-right-text{background-color:#F0F0F0; margin:10px 0 0 20px}
.single-hotel-right p{background-color:#F0F0F0; padding:5px; margin:0}
ul.single-list{margin-top:20px}
ul.single-list li{margin-bottom:10px}
.single-list p{margin-top:8px; margin-left:20px; padding:5px; background-color:#F0F0F0}
.single-list a{border-bottom:1px dashed #3366FF}
.single-list a:hover{border:0}
ul.single-relation{margin-top:30px; border:1px solid #DDD; background:#FFF url('./image/relation.gif') no-repeat 10px 8px; padding:30px 0 10px 0}
ul.single-relation li{padding:0 10px; margin-top:5px}
p.single-quotation{margin-left:40px; padding:5px 8px; background-color:#F0F0F0; color:#666; border-left:6px solid #DDD}
.single-text dl{margin-top:20px}
.single-text dl a{border-bottom:1px dashed #3366FF}
.single-text dl a:hover{border:0}
.single-text dt{margin-top:15px}
.single-text dd{margin:8px 0 0 20px; padding:5px; background-color:#F0F0F0}
#single-modified{text-align:right; margin:15px auto 0 auto; width:610px}
#single-chui{margin:20px auto 0 auto; font-size:90%; color:#FF0000; width:610px; text-align:left}
#single-ads{width:610px; margin:20px auto 0 auto; text-align:left; padding-top:6px; border-top:2px solid #333}

.zengo{width:610px; margin:20px auto 0 auto; padding:8px; border-top:1px solid #CCC; border-bottom:1px solid #CCC}
.ichiran{width:610px; margin:10px auto 0 auto; text-align:right}
.ichiran a{color:#FFF; background-color:#3366FF; padding:3px 5px}
.ichiran a:hover{color:#333; background-color:#EEE75B}

/*about*/
#about{width:630px}
#about h2{border-left:6px solid #EEE75B; padding:2px 0 2px 6px; font-size:115%; color:#333; margin-top:30px}
#about p{margin-top:10px}


/*sitemap*/
#sitemap{width:630px}
#sitemap a{color:#333}
#sitemap h2{padding:5px; background-color:#F0F0F0; margin:30px 0 10px 0; font-size:110%}
#sitemap h3{font-size:100%; font-weight:normal; margin:10px 0}
#sitemap h3 a{background-image:url('/image/icon_sitemap_h3.gif'); background-repeat:no-repeat; background-position:2px 4px; padding-left:17px}
#sitemap h3.sitemap-guide{padding-top:10px; border-top:1px dashed #AAA}
#sitemap h4{font-size:100%; font-weight:normal; margin-bottom:10px; padding-top:8px; border-top:1px solid #E9E9E9}
#sitemap h4 a{background-image:url('/image/icon_sitemap_h4.gif'); background-repeat:no-repeat; background-position:2px 4px; padding-left:17px}

#sitemap ul{width:630px; overflow:hidden}
#sitemap li{width:315px; float:left; padding-bottom:5px}
#sitemap li a{background-image:url('./image/icon_menu.gif'); background-repeat:no-repeat; background-position:2px 6px; padding-left:10px}
#sitemap .sitemap3 li{width:210px; float:left; padding-bottom:5px}
#sitemap .sitemap5 li{width:126px; float:left; padding-bottom:5px}

#sitemap p a{background-image:url('./image/icon_menu.gif'); background-repeat:no-repeat; background-position:2px 6px; padding-left:10px}


/*bicycle*/
.bicycle{text-align:center; width:600px}
.bicycle p{margin:10px auto 30px auto; text-align:left}
.bicycle p a{background-color:#F0F0F0; font-weight:bold; border-bottom:1px dashed #3366FF}
.bicycle p a:hover{background-color:#EEE75B; border:0}
.bicycle-link{text-align:left; margin-top:30px; padding:10px 0; border-top:1px solid #DDD; border-bottom:1px solid #DDD}
.bicycle-link a{font-size:115%}

/*link-news*/
.link-list{margin:5px 0 30px 0}
.blogroll{margin-top:10px}
.blogroll li{padding:5px 0 0 12px; background:#FFF url('./image/icon_news.gif') no-repeat 0 10px; line-height:1.6}
.blogroll li a{color:#444; text-decoration:underline}
.blogroll li a:hover{border:0; text-decoration:none}