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

/*leftmenu*/
ul.menu{width:160px; background-color:#FFF; border-top:6px solid #333; border-bottom:1px solid #DDD; margin-bottom:20px}
.menu li a{display:block; color:#333}
.menu li a:hover{background-color:#00CC99; 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 0 6px 8px; background-image:url('./image/icon_menu.gif'); background-repeat:no-repeat; background-position:2px 10px}
li.menu-second a:hover{text-decoration:none; background-image:url('./image/icon_menu_hover.gif'); background-repeat:no-repeat; background-position:2px 10px}
li.menu-third{border-top:1px solid #DDD}
li.menu-third a{padding:4px 0 4px 8px; 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*/ 
#topcontent h2{margin-top:30px; font-size:120%; border:1px dashed #00CC99; padding:6px 10px}
#topcontent h2 a{color:#333}
#topcontent h2 a:hover{background-color:transparent; text-decoration:underline; color:#999}
#topcontent h3{font-size:110%; border-left:6px solid #00CC99; 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}
.topcontent-inner{width:640px; overflow:hidden}
.topcontent-left{float:left; width:325px}
.topcontent-right{float:right; width:315px}

ul.topcontent-yoyaku li{padding-top:10px; overflow:hidden; width:315px}
.topcontent-yoyaku-left{float:left; width:70px}
.topcontent-yoyaku-right{float:right; width:245px}
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}


/*single*/
.single-photo{width:610px; text-align:center; margin:20px auto 0 auto}
.single-text{width:610px; text-align:left; margin:20px auto 30px auto; line-height:1.6}
.single-text p{margin-bottom:15px}

#shop-data{border:1px solid #CCC; text-align:center; padding-bottom:10px; width:610px; margin:0 auto; clear:both}
#shop-data-title{border-bottom:1px dashed #CCC; padding:5px 0; background-color:#F0F0D9}
#shop-data h2{font-size:12px; color:#000; text-align:left; padding:0 10px}
#shop-data table{width:590px; margin:5px auto; text-align:left}
#shop-data th{width:100px; float:left; margin:0; padding:5px 0 0 0}
#shop-data td{width:490px; float:right; margin:0; padding:5px 0 0 0}

.shop-link{border:1px solid #CCC; text-align:center; padding-bottom:10px; margin:20px auto 0 auto; width:610px}
.shop-link-title{border-bottom:1px dashed #CCC; padding:5px 0; background-color:#F0F0D9}
.shop-link h2{font-size:12px; color:#000; text-align:left; padding:0 10px}
.shop-link ul{width:590px; margin:0 auto; text-align:left; padding-top:6px}
.shop-link li{padding:4px 0 4px 10px; background:#FFF url('./image/icon_shoplink.gif') no-repeat 0 center}
#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}


.single-archive{width:490px; margin:30px auto 0 auto; text-align:left}
.single-archive h2{font-size:100%; color:#000}
.single-more{text-align:right; width:490px; margin:10px auto 0 auto}
.single-more a{background-color:#000; color:#FFFFFF; text-decoration:none; padding:2px 5px}
.single-more a:visited{color:#FFFFFF}
.single-more a:hover{background-color:#33CCFF; color:#FFFFFF}
.archive_icon{font-weight:bold; letter-spacing:4pt; font-size:110%}
.zengo{width:490px; margin:20px auto 0 auto; padding:8px; border-top:1px solid #CCC; border-bottom:1px solid #CCC}



/*category*/
#category-title{width:470px; border-top:6px solid #00CC99; 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 #00CC99; padding-top:10px}
#category-excerpt p{font-size:85%; color:#D65C33; margin-top:3px}

.category-archive{margin-top:10px; border-top:1px solid #DDD; width:470px; text-align:left}
.category-archive ul{margin-bottom:10px}
.category-archive li{padding:10px 0; border-bottom:1px solid #DDD; overflow:hidden; width:470px}
.category-archive li p{margin-top:5px}
.category-archive-l{float:left; width:130px}
.category-archive-l img{width:120px}
.category-archive-r{float:right; width:340px}

.category-access{font-size:85%; background-color:#F0F0F0; padding:5px; line-height:1.5; letter-spacing:0}
.category-access span{color:#FFF; background-color:#669900; padding:0 3px; font-size:90%}

.category-ads{margin-top:20px}


/*areaguide*/
#pagecontent{width:640px; margin-top:30px; overflow:hidden}
#pagecontent-left{float:left; width:190px}
#pagecontent-right{float:right; width:450px}
#pagecontent h1{font-size:140%; padding:8px 10px; border:1px dashed #00CC99; color:#333; letter-spacing:1pt}
#pagecontent h2{font-size:110%; border-left:6px solid #00CC99; padding:2px 0 2px 6px; color:#333; margin:20px 0 10px 0}

ul#area-hotel{border:1px solid #CCC; padding:10px; margin-top:10px}
ul#area-hotel li{display:inline; padding-right:10px; line-height:2.0}

ul.area-list{border-top:1px solid #DDD}
ul.area-list li{padding:5px 0; overflow:hidden; width:450px; border-bottom:1px solid #DDD}
.area-list-l{float:left; width:130px}
.area-list-r{float:right; width:320px}
.area-list-r p{margin-top:5px}

ul.area-other{overflow:hidden}
ul.area-other li{display:block; float:left; width:225px; padding:5px 0; background:#FFF url('/image/icon_menu.gif') no-repeat 0 11px}
ul.area-other a{margin-left:7px}

ul#area-onsen{width:450px; overflow:hidden}
ul#area-onsen li{display:block; float:left; width:225px; padding:5px 0}

ul.area-rentacar{width:180px; text-align:center; background-color:#F0F0D9}
ul.area-rentacar li{padding:5px 0}
ul.area-rentacar li p{margin:0px; padding:0}

.area-more{margin-top:5px; text-align:right}

.link-list{width:450px}
.blogroll li{margin-top:15px}
.blogroll li p{background-color:#EEEEEE; padding:3px 5px; margin-bottom:5px}
.blogroll li a{border-bottom:1px dashed #85A3FF}
.blogroll li a:hover{border:0}

.area-top{padding:5px 0}
.area-top li{display:inline; color:#999}
.area-top-haikei{background-color:#F0F0F0}